https://www.werkstatt-verlag.de/_next/static/chunks/VehicleBrandsSavedFilterList.11fa83c37e24323b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1110,4266],{30952:(e,t,a)=>{a.d(t,{A:()=>m});var n={lessThanXSeconds:{standalone:{one:"weniger als 1 Sekunde",other:"weniger als {{count}} Sekunden"},withPreposition:{one:"weniger als 1 Sekunde",other:"weniger als {{count}} Sekunden"}},xSeconds:{standalone:{one:"1 Sekunde",other:"{{count}} Sekunden"},withPreposition:{one:"1 Sekunde",other:"{{count}} Sekunden"}},halfAMinute:{standalone:"halbe Minute",withPreposition:"halben Minute"},lessThanXMinutes:{standalone:{one:"weniger als 1 Minute",other:"weniger als {{count}} Minuten"},withPreposition:{one:"weniger als 1 Minute",other:"weniger als {{count}} Minuten"}},xMinutes:{standalone:{one:"1 Minute",other:"{{count}} Minuten"},withPreposition:{one:"1 Minute",other:"{{count}} Minuten"}},aboutXHours:{standalone:{one:"etwa 1 Stunde",other:"etwa {{count}} Stunden"},withPreposition:{one:"etwa 1 Stunde",other:"etwa {{count}} Stunden"}},xHours:{standalone:{one:"1 Stunde",other:"{{count}} Stunden"},withPreposition:{one:"1 Stunde",other:"{{count}} Stunden"}},xDays:{standalone:{one:"1 Tag",other:"{{count}} Tage"},withPreposition:{one:"1 Tag",other:"{{count}} Tagen"}},aboutXWeeks:{standalone:{one:"etwa 1 Woche",other:"etwa {{count}} Wochen"},withPreposition:{one:"etwa 1 Woche",other:"etwa {{count}} Wochen"}},xWeeks:{standalone:{one:"1 Woche",other:"{{count}} Wochen"},withPreposition:{one:"1 Woche",other:"{{count}} Wochen"}},aboutXMonths:{standalone:{one:"etwa 1 Monat",other:"etwa {{count}} Monate"},withPreposition:{one:"etwa 1 Monat",other:"etwa {{count}} Monaten"}},xMonths:{standalone:{one:"1 Monat",other:"{{count}} Monate"},withPreposition:{one:"1 Monat",other:"{{count}} Monaten"}},aboutXYears:{standalone:{one:"etwa 1 Jahr",other:"etwa {{count}} Jahre"},withPreposition:{one:"etwa 1 Jahr",other:"etwa {{count}} Jahren"}},xYears:{standalone:{one:"1 Jahr",other:"{{count}} Jahre"},withPreposition:{one:"1 Jahr",other:"{{count}} Jahren"}},overXYears:{standalone:{one:"mehr als 1 Jahr",other:"mehr als {{count}} Jahre"},withPreposition:{one:"mehr als 1 Jahr",other:"mehr als {{count}} Jahren"}},almostXYears:{standalone:{one:"fast 1 Jahr",other:"fast {{count}} Jahre"},withPreposition:{one:"fast 1 Jahr",other:"fast {{count}} Jahren"}}},i=a(26483),s={date:(0,i.A)({formats:{full:"EEEE, do MMMM y",long:"do MMMM y",medium:"do MMM y",short:"dd.MM.y"},defaultWidth:"full"}),time:(0,i.A)({formats:{full:"HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},defaultWidth:"full"}),dateTime:(0,i.A)({formats:{full:"{{date}} 'um' {{time}}",long:"{{date}} 'um' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},defaultWidth:"full"})},r={lastWeek:"'letzten' eeee 'um' p",yesterday:"'gestern um' p",today:"'heute um' p",tomorrow:"'morgen um' p",nextWeek:"eeee 'um' p",other:"P"},l=a(92941),o={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","M\xe4r","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],wide:["Januar","Februar","M\xe4rz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"]},d={narrow:o.narrow,abbreviated:["Jan.","Feb.","M\xe4rz","Apr.","Mai","Juni","Juli","Aug.","Sep.","Okt.","Nov.","Dez."],wide:o.wide},c={ordinalNumber:function(e){return Number(e)+"."},era:(0,l.A)({values:{narrow:["v.Chr.","n.Chr."],abbreviated:["v.Chr.","n.Chr."],wide:["vor Christus","nach Christus"]},defaultWidth:"wide"}),quarter:(0,l.A)({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. Quartal","2. Quartal","3. Quartal","4. Quartal"]},defaultWidth:"wide",argumentCallback:function(e){return e-1}}),month:(0,l.A)({values:o,formattingValues:d,defaultWidth:"wide"}),day:(0,l.A)({values:{narrow:["S","M","D","M","D","F","S"],short:["So","Mo","Di","Mi","Do","Fr","Sa"],abbreviated:["So.","Mo.","Di.","Mi.","Do.","Fr.","Sa."],wide:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"]},defaultWidth:"wide"}),dayPeriod:(0,l.A)({values:{narrow:{am:"vm.",pm:"nm.",midnight:"Mitternacht",noon:"Mittag",morning:"Morgen",afternoon:"Nachm.",evening:"Abend",night:"Nacht"},abbreviated:{am:"vorm.",pm:"nachm.",midnight:"Mitternacht",noon:"Mittag",morning:"Morgen",afternoon:"Nac

1hmittag",evening:"Abend",night:"Nacht"},wide:{am:"vormittags",pm:"nachmittags",midnight:"Mitternacht",noon:"Mittag",morning:"Morgen",afternoon:"Nachmittag",evening:"Abend",night:"Nacht"}},defaultWidth:"wide",formattingValues:{narrow:{am:"vm.",pm:"nm.",midnight:"Mitternacht",noon:"Mittag",morning:"morgens",afternoon:"nachm.",evening:"abends",night:"nachts"},abbreviated:{am:"vorm.",pm:"nachm.",midnight:"Mitternacht",noon:"Mittag",morning:"morgens",afternoon:"nachmittags",evening:"abends",night:"nachts"},wide:{am:"vormittags",pm:"nachmittags",midnight:"Mitternacht",noon:"Mittag",morning:"morgens",afternoon:"nachmittags",evening:"abends",night:"nachts"}},defaultFormattingWidth:"wide"})},h=a(14797);let m={code:"de",formatDistance:function(e,t,a){var i,s=null!=a&&a.addSuffix?n[e].withPreposition:n[e].standalone;if(i="string"==typeof s?s:1===t?s.one:s.other.replace("{{count}}",String(t)),null!=a&&a.addSuffix)if(a.comparison&&a.comparison>0)return"in "+i;else return"vor "+i;return i},formatLong:s,formatRelative:function(e,t,a,n){return r[e]},localize:c,match:{ordinalNumber:(0,a(30831).A)({matchPattern:/^(\d+)(\.)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e)}}),era:(0,h.A)({matchPatterns:{narrow:/^(v\.? ?Chr\.?|n\.? ?Chr\.?)/i,abbreviated:/^(v\.? ?Chr\.?|n\.? ?Chr\.?)/i,wide:/^(vor Christus|vor unserer Zeitrechnung|nach Christus|unserer Zeitrechnung)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^v/i,/^n/i]},defaultParseWidth:"any"}),quarter:(0,h.A)({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? Quartal/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(e){return e+1}}),month:(0,h.A)({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(j[aä]n|feb|mär[z]?|apr|mai|jun[i]?|jul[i]?|aug|sep|okt|nov|dez)\.?/i,wide:/^(januar|februar|märz|april|mai|juni|juli|august|september|oktober|november|dezember)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^j[aä]/i,/^f/i,/^mär/i,/^ap/i,/^mai/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:(0,h.A)({matchPatterns:{narrow:/^[smdmf]/i,short:/^(so|mo|di|mi|do|fr|sa)/i,abbreviated:/^(son?|mon?|die?|mit?|don?|fre?|sam?)\.?/i,wide:/^(sonntag|montag|dienstag|mittwoch|donnerstag|freitag|samstag)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^so/i,/^mo/i,/^di/i,/^mi/i,/^do/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:(0,h.A)({matchPatterns:{narrow:/^(vm\.?|nm\.?|Mitternacht|Mittag|morgens|nachm\.?|abends|nachts)/i,abbreviated:/^(vorm\.?|nachm\.?|Mitternacht|Mittag|morgens|nachm\.?|abends|nachts)/i,wide:/^(vormittags|nachmittags|Mitternacht|Mittag|morgens|nachmittags|abends|nachts)/i},defaultMatchWidth:"wide",parsePatterns:{any:{am:/^v/i,pm:/^n/i,midnight:/^Mitte/i,noon:/^Mitta/i,morning:/morgens/i,afternoon:/nachmittags/i,evening:/abends/i,night:/nachts/i}},defaultParseWidth:"any"})},options:{weekStartsOn:1,firstWeekContainsDate:4}}},56439:(e,t,a)=>{a.r(t),a.d(t,{EditUserFilter:()=>m});var n=a(6029),i=a(55729),s=a(44888),r=a(19058),l=a(33364),o=a(49747),d=a(90052),c=a(33272),h=a(87003);let m=({_id:e,initialFilterName:t,onSave:a,initialBrands:m=[],initialModels:u=[],initialEngines:g=[],initialVehicleTypes:b=[]})=>{let[f,v]=(0,i.useState)([]),[p,x]=(0,i.useState)([]),[w,M]=(0,i.useState)([]),[j,y]=(0,i.useState)([]),[S,N]=(0,i.useState)([]),[k,A]=(0,i.useState)([]),[P,C]=(0,i.useState)([]),[W,J]=(0,i.useState)([]),[F,z]=(0,i.useState)(t||""),I=(0,i.useMemo)(()=>f.map(e=>e.value),[f]);(0,i.useEffect)(()=>{(async()=>{let e=await (0,s.or)("initVehicleSearch.js"),t=e.tags.brands.map(e=>({value:e.sys.id,label:e.fields.title})),a=e.tags.engines.map(e=>({value:e.sys.id,label:e.fields.title})),n=e.tags.vehicleTypes.map(e=>({value:e.sys.id,label:e.fields.title}));A(t),C(a),J(n)})()},[]),(0,i.useEffect)(()=>{k.length&&P.length&&W.length&&(m&&m.length>0&&v(m.map(e=>k.find(t=>t.value===e)||{value:e,label:e})),M(g||[]),y(b||[]))},[m,u,g,b,k,P,W]),(0,i.useEffect)(()=>{(async()=>

1{if(I.length>0){let e=[];for(let t of I){let a=await (0,s.or)("getBrandModelsCars.js",{brandTagId:t});a?.models&&e.push(...a.models.map(e=>({value:e.sys.id,label:e.fields.title,brandId:t})))}let t=e.filter((e,t,a)=>t===a.findIndex(t=>t.value===e.value));N(t),u&&u.length>0&&0===p.length&&x(u.map(e=>t.find(t=>t.value===e)||{value:e,label:e}).filter(e=>t.some(t=>t.value===e.value))),x(e=>e.filter(e=>t.some(t=>t.value===e.value)))}else N([]),x([])})()},[I]);let D=(0,i.useCallback)(e=>{v(e)},[]),H=(0,i.useCallback)(e=>{x(e)},[]),T=(0,i.useCallback)(e=>{let{value:t,checked:a}=e.target;M(e=>a?[...e,t]:e.filter(e=>e!==t))},[]),E=(0,i.useCallback)(e=>{let{value:t,checked:a}=e.target;y(e=>a?[...e,t]:e.filter(e=>e!==t))},[]),_=(0,i.useCallback)(()=>{v([]),x([]),M([]),y([])},[]),V=(0,i.useCallback)(()=>{a({name:F,brands:I,models:p.map(e=>e.value),selectedEngines:w,selectedVehicleTypes:j})},[F,I,p,w,j,a]);return(0,n.jsxs)("div",{className:"mx-auto w-full max-w-screen-xl p-4 md:p-8",children:[(0,n.jsxs)("div",{className:"mb-4 flex flex-col items-center",children:[(0,n.jsx)("label",{htmlFor:"filterName",className:"mb-2 text-center text-base font-bold md:text-lg",children:"Filtername"}),(0,n.jsx)("input",{id:"filterName",type:"text",value:F,onChange:e=>z(e.target.value),className:"border-skin-primary-medium-2 w-full max-w-xs rounded border p-2 text-center text-sm md:text-base",placeholder:"Filtername eingeben"})]}),(0,n.jsxs)("div",{className:"flex flex-col gap-4 md:gap-8",children:[(0,n.jsxs)("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:"mb-2 block text-base font-bold md:text-lg",children:"Marken"}),(0,n.jsx)(h.MultiSelect,{options:k,selectedValues:f,onChange:D,placeholder:"Marken w\xe4hlen"})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:"mb-2 block text-base font-bold md:text-lg",children:"Modelle"}),(0,n.jsx)(h.MultiSelect,{options:S,selectedValues:p,onChange:H,placeholder:"Modelle w\xe4hlen",disabled:0===f.length})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(d.A,{headlineHeading:"h3",headlineSize:"md",className:"mb-4",children:"Antrieb"}),(0,n.jsx)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2",children:[...P].sort((e,t)=>e.label.localeCompare(t.label)).map(e=>(0,n.jsxs)("label",{htmlFor:e.value,className:"flex items-center gap-2 text-sm md:text-base",children:[(0,n.jsx)(o.J,{value:e.value,id:e.value,name:e.label,checked:w.includes(e.value),onChange:T}),(0,n.jsx)("span",{children:e.label})]},e.value))})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)(d.A,{headlineHeading:"h3",headlineSize:"md",className:"mb-4",children:"Fahrzeugtyp"}),(0,n.jsxs)("div",{className:"grid grid-cols-2 gap-4 md:grid-cols-3 md:gap-y-6",children:[[...W].sort((e,t)=>e.label.localeCompare(t.label)).map(e=>(0,n.jsxs)("label",{htmlFor:e.value,className:"flex items-center gap-2 text-sm md:text-base",children:[(0,n.jsx)(o.J,{value:e.value,id:e.value,name:e.label,checked:j.includes(e.value),onChange:E}),(0,n.jsx)(c.VehicleSvg,{title:e.label,className:"hidden md:block"}),(0,n.jsx)("span",{className:"min-w-0 break-words text-left text-sm md:text-base",dangerouslySetInnerHTML:{__html:e.label.replace(/\//g,"/<wbr>")}})]},e.value)),(0,n.jsxs)("div",{className:"mr:auto flex flex-1 items-center gap-2 md:min-w-72",children:[(0,n.jsx)(o.J,{value:"allesAndere",id:"allesAndere",name:"allesAndere",checked:!1}),(0,n.jsx)("span",{className:"min-w-0 break-words text-left text-sm md:text-base",children:"Alles andere"})]})]})]}),(0,n.jsx)("div",{className:"flex flex-col items-center gap-4 pt-6 md:pt-8",children:(0,n.jsxs)("div",{className:"relative flex w-full flex-col items-center gap-4",children:[(0,n.jsx)(l.$,{iconName:"save",onClick:V,iconPosition:"left",buttonSize:"xs",buttonOutline:!1,buttonColor:"success",children:"Im Profil speichern"}),(0,n.jsxs)("div",{className:"font-copy text-skin-primary flex cursor-pointer items-center text-sm",onClick:_,children:[(0,n.jsx)(r.Svg,{src:"data:image/svg+xml;base64,PHN2ZyBpZD0icm9vdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgPHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDktOSA5Ljc1IDkuNzUgMCAwIDAtNi43NCAyLjc0TDMgOCIvPgogIDxwYXRoIGQ9Ik0zIDN2NWg1Ii8+Cjwvc3ZnPg==",className:"size-4"}),(0,n.jsx)("span",{className:"ml-1 underline hover:no-underline",children:"Zur\xfccksetzen"})]})]})})]})]})}},72133:(e,t,a)=>{a.r(t),a.d(t,{SavedFilterList:()=>u});var n=a(6029),i=a(54351),s=a(30952),r=a(55729),l=a(26898);let o=a.p+"static/media/icon-edit-2.280467be.svg";var d=a(76260),c=a(19058),h=a(33364),m=a(56439);let u=()=>{let{isReady:e,isAuthorized:t}=(0,l.A)(),[a,u]=(0,r.useState)([]),[g,b]=(0,r.useState)(null),[f,v]=(0,r.useState)(!1);(0,r.useEffect)(()=>{e&&t&&(async()=>{try{let e=await fetch("/api/vehicleFilters/loadUserFilters"),t=await e.json();u(t.userFilters||[])}catch(e){console.error("Fehler beim Abrufen der Filter:",e)}})()},[e,t]);let p=async e=>{try{if(!(await fetch("/api/vehicleFilters/deleteUserFilters",{method:"POST",body:JSON.stringify({_id:e})})).ok)throw Error("Delete failed");u(t=>t.filter(t=>t._id!==e))}catch(e){console.error("Fehler beim L\xf6schen des Filters:",e)}},x=async e=>{let t=await fetch("/api/vehicleFilters/updateUserFilter",{method:"POST",body:JSON.stringify({_id:e._id,brands:e.brands||[],models:e.models||[],name:e.name||"",selectedEngines:e.selectedEngines||[],selectedVehicleTypes:e.selectedVehicleTypes||[]})}),a=await t.json();a?.updatedFilter?._id&&u(e=>e.map(e=>e._id===a.updatedFilter._id?a.updatedFilter:e)),v(!1),b(null)};return(0,n.jsxs)("div",{className:"mx-auto max-w-2xl p-4 text-black",children:[(0,n.jsxs)("div",{className:"mb-4 flex items-center justify-between",children:[(0,n.jsx)("h2",{className:"text-2xl font-bold text-black",children:"Gespeicherte Filter"}),(0,n.jsx)(h.$,{onClick:()=>window.location.href="/spotlight",fullWidth:!1,children:"← Zur\xfcck zur Suche"})]}),0===a.length?(0,n.jsx)("p",{className:"text-gray-600",children:"Keine gespeicherten Filter vorhanden."}):(0,n.jsx)("div",{className:"space-y-4",children:a.map(e=>(0,n.jsxs)("div",{className:"flex items-center justify-between rounded-lg border border-black bg-white px-4 py-3 shadow-sm transition hover:shadow-md",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-lg font-medium",children:e.name}),(0,n.jsxs)("p",{className:"text-sm text-gray-500",children:["Erstellt am:"," ",(0,i.A)(new Date(e.createdAt),"dd.MM.yyyy HH:mm",{locale:s.A})]})]}),(0,n.jsxs)("div",{className:"flex gap-3",children:[(0,n.jsx)(h.$,{onClick:()=>{b(e),v(!0)},fullWidth:!1,title:"Bearbeiten",children:(0,n.jsx)(c.Svg,{src:o,className:"size-5"})}),(0,n.jsx)(h.$,{onClick:()=>p(e._id),fullWidth:!1,title:"L\xf6schen",children:(0,n.jsx)(c.Svg,{src:d,className:"size-5"})})]})]},e._id))}),f&&g&&(0,n.jsx)("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50",children:(0,n.jsxs)("div",{className:"relative max-h-[90vh] w-full max-w-4xl overflow-y-auto rounded-lg bg-white p-6 shadow-lg",children:[(0,n.jsx)(h.$,{className:"absolute right-3 top-3 text-gray-500 hover:text-gray-800",onClick:()=>{v(!1),b(null)},children:"✕"}),(0,n.jsx)(m.EditUserFilter,{_id:g._id,initialFilterName:g.name,initialBrands:g.brands||[],initialModels:g.models||[],initialEngines:g.selectedEngines||[],initialVehicleTypes:g.selectedVehicleTypes||[],onSave:e=>x({...g,...e})})]})})]})}}}]);