https://www.autohaus24.de/_next/static/chunks/1341-3435e5f94287d338.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1341],{77768:function(a,b,c){var d=c(7297),e=c(85893);c(67294);var f=c(64519),g=c(19521);function h(){var a=(0,d.Z)(["\n    border: none;\n    margin-left: auto;\n    margin-right: 12px;\n    background-color: transparent;\n    padding: 0;\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    color: #000000;\n    &.details-page-btn {\n        background: #ffffffab;\n        border-radius: 3px;\n        margin-right: 5px;\n        padding: 3px 8px; \n    }\n    &.static {\n        position: static;\n        display: flex;\n    }\n    @media (min-width: 1280px) {\n      position: static;\n    }\n    &:focus {\n        outline: none;\n    }\n    @media (max-width: 767px) {\n        padding: 3px 8px; \n    }\n    span {\n        font-size: 16px;\n        vertical-align: middle;\n        display: inline-block;\n        &.text {\n            margin-left: 3px;\n        }\n        &.text-active {\n            position: relative;\n            &:before {\n                content: '';\n                width: 100%;\n                position: absolute;\n                height: 1px;\n                background: currentColor;\n                bottom: 0;\n                opacity: 0.6;\n            }\n        }\n    }\n"]);return h=function(){return a},a}var i=g.ZP.button.withConfig({componentId:"sc-cada33fc-0"})(h()),j=function(a){var b=a.handleClick,c=a.className,d=a.isCompareActive;return(0,e.jsxs)(i,{className:c,onClick:b,children:[(0,e.jsx)(f.Z,{style:{color:d?"rgb(87 195 153)":"inherit",height:23,width:23},fontSize:"inherit"}),(0,e.jsx)("span",{className:"text",children:"Vergleichen"})]})};b.Z=j},79046:function(a,b,c){var d=c(85893);c(67294);var e=c(76324),f=c(28106),g=c(43019),h=function(a){var b=a.handleClick,c=a.isFavorite,h=a.hasText,i=a.className;return void 0!==h&&h?(0,d.jsxs)(g.W3,{className:i,onClick:b,children:[c?(0,d.jsx)(e.Z,{style:{color:"#E4001E",height:23,width:23},fontSize:"inherit"}):(0,d.jsx)(f.Z,{style:{height:23,width:23},fontSize:"inherit"}),(0,d.jsx)("span",{className:"text",children:"Merken"})]}):(0,d.jsx)(g.Sn,{className:i,onClick:b,children:c?(0,d.jsx)(e.Z,{style:{color:"#E4001E",height:20,width:20},fontSize:"inherit"}):(0,d.jsx)(f.Z,{style:{height:20,width:20},fontSize:"inherit"})})};b.Z=h},43019:function(a,b,c){c.d(b,{Sn:function(){return i},W3:function(){return j}});var d=c(7297),e=c(19521);function f(){var a=(0,d.Z)(["\n    box-sizing: border-box;\n    height: 45px;\n    width: 45px;\n    padding: 0;\n    border: 1.5px solid ",";\n    background-color: ",";\n    box-shadow: 1px 5px 9px 0 rgba(160,160,160,0.5);\n    position: relative;\n    border-radius: 100%;\n    cursor: pointer;\n    background-color: ",";\n    display: flex;\n    justify-content: center;

1\n    align-items: center;\n\n    &:focus {\n        outline: none;\n    }\n"]);return f=function(){return a},a}function g(){var a=(0,d.Z)(["\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    color: #000000;\n    &.details-page-btn {\n        background: #ffffffab;\n        border-radius: 3px;\n        margin-right: 5px;\n        padding: 3px 8px; \n    }\n    &.static {\n        position: static;\n        display: flex;\n    }\n    @media (min-width: 1280px) {\n      position: static;\n    }\n    &:focus {\n        outline: none;\n    }\n    @media (max-width: 767px) {\n        padding: 3px 8px; \n    }\n    span {\n        font-size: 16px;\n        vertical-align: middle;\n        display: inline-block;\n        &.text {\n            margin-left: 3px;\n        }\n    }\n"]);return g=function(){return a},a}function h(){var a=(0,d.Z)(["\n    width: ","px;\n    height: ","px;\n    display: inline-block;\n    background: ",';\n    mask: url("https://autohaus24.de/svgs/','") no-repeat center;\n']);return h=function(){return a},a}var i=e.ZP.button.withConfig({componentId:"sc-755e73a6-0"})(f(),function(a){return a.theme.colors.accordionBorderColor},function(a){return a.theme.colors.white},function(a){return a.theme.colors.sectionBackground}),j=e.ZP.button.withConfig({componentId:"sc-755e73a6-1"})(g());e.ZP.span.withConfig({componentId:"sc-755e73a6-2"})(h(),function(a){var b=a.height;return void 0===b?15:b},function(a){var b=a.width;return void 0===b?15:b},function(a){return a.isFavorite?a.theme.colors.primaryColor:a.isBlack?a.theme.colors.primaryFont:a.theme.colors.primaryColor},function(a){return a.isFavorite?"heart-full.svg":"heart-empty.svg"})},81077:function(a,b,c){var d=c(7297),e=c(85893),f=c(67294),g=c(19521),h=c(52795),i=c(92217),j=c(14662),k=c(44704),l=c(66081),m=c(55302),n=c(15046);function o(){var a=(0,d.Z)(["\n    position: relative;\n    cursor: pointer;\n    @media (max-width: 768px) {\n      padding: 3px 8px;\n    }\n    &.details-page-btn {\n        background: #ffffffab;\n        border-radius: 3px;\n        padding: 3px 8px;\n    }\n\n    &.no-text {\n      box-sizing: border-box;\n      height: 45px;\n      width: 45px;\n      padding: 0;\n      border: 1.5px solid ",";\n      background-color: ",";\n      box-shadow: 1px 5px 9px 0 rgba(160,160,160,0.5);\n      position: relative;\n      border-radius: 100%;\n      cursor: pointer;\n      background-color: ",";\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      .share-button-header-text {\n        display: none;\n      }\n\n      .share-options {\n        right: -30px;\n      }\n\n      @media (max-width: 577px) {\n        .share-options {\n          right: -5px;\n        }\n\n        .share-options-container:before {\n          right: 20px;\n        }\n      }\n    }\n\n    .share-button-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        height: 23px;\n        color: #2A2A2A;\n        font-family: Roboto;\n        font-size: 16px;\n        letter-spacing: 0;\n        line-height: 23px;\n\n        &-text {\n            font-size: 16px;\n            font-weight: 400;\n            margin-left: 8px;\n        }\n    }\n\n    .share-options {\n        position: absolute;\n        right: 10px;\n        top: calc(100% + 10px);\n\n        &-container {\n            border-radius: 7px;\n            padding-top: 16px;\n            padding-left: 17px;\n            padding-right: 10px;\n            display: flex;\n            flex-direction: column;\n            width: 188px;\n            border: 1px solid #DCD8D8;\n            background-color: #FFFFFF;\n            box-shadow: 0 -2px 4px 0 rgba(196,196,196,0.5);\n            z-index: 9999;\n            position: relative;\n\n            &:before {\n              content: ' ';\n              position: absolute;\n              right: 46px;\n              bottom: 98%;\n              width: 10px; \n              height: 10px;\n              transform: rotate(45deg);\n              border-top: 1px solid #DCD8D8;\n              border-left: 1px solid #DCD8D8;\n              background-color: #FFFFFF;\n            }\n        }\n\n        &-header {\n            margin-bottom: 23px;\n            padding: 0 10px;\n            position: relative;\n            font-weight: 500;\n            .close-button {\n                position: absolute;\n                z-index: 1;\n                right: 5px;\n                top: 2px;\n                width: 13px;\n                height: 13px;\n                cursor: pointer;\n\n                &:before, &:after {\n                    position: absolute;\n                    left: 50%;\n                    content: '';\n                    height: 13px;\n                    width: 1px;\n                    background-color: #333;\n                }\n\n                &:before {\n                    transform: rotate(45deg);\n                }\n                &:after {\n                    transform: rotate(-45deg);\n                }\n            }\n        }\n\n        &-body {\n            &-item {\n                display: flex;\n                margin-bottom: 13px;\n                align-items: center;\n\n                &:hover {\n                  text-decoration: none;\n                }\n\n                &-icon {\n                    height: 30px;\n                    width: 30px;\n                    margin-right: 9px;\n                    position: relative;\n                    border-radius: 100%;\n                    background: #737373;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    color: #fff;\n\n                    &.icon-green {\n                        background: #70D466;\n                    }\n                    &.icon-lblue {\n                        background: #21A1F1;\n                    }\n                    &.icon-blue {\n                        background: #3B5998;\n                    }\n\n                    .MuiSvgIcon-root {\n                        font-size: 16px;\n                    }\n                }\n\n                &-text {\n                    font-size: 12px;\n                    color: #000000de;\n                }\n            }\n        }\n    }\n"]);return o=function(){return a},a}var p=g.ZP.div.withConfig({componentId:"sc-b24646f-0"})(o(),function(a){return a.theme.colors.accordionBorderColor},function(a){return a.theme.colors.white}

1,function(a){return a.theme.colors.sectionBackground}),q=function(a){var b,c,d,g,o=a.className,q=a.handleClick,r=void 0===q?function(){}:q,s=a.handleClickAway,t=void 0===s?function(){}:s,u=a.car,v=a.pricePerMonth,w=(0,f.useState)(""),x=w[0],y=w[1],z=function(){y("")},A=(0,f.useState)(!1),B=A[0],C=A[1],D=function(){t(),C(!1)},E="";E="".concat(window.location.origin,"/gebrauchtwagen/cars/").concat(u.id);var F="Hallo,\n    ich habe das folgende Angebot auf autohaus24.de gefunden: ".concat((null==u?void 0:u.brandName)||(null==u?void 0:null===(b=u.brand)|| void 0===b?void 0:b.name)," ").concat((null==u?void 0:u.modelName)||(null==u?void 0:null===(c=u.model)|| void 0===c?void 0:c.name),"\n    f\xfcr ").concat(parseInt(v,10)?"".concat(v,"€ pro Monat"):"".concat(u.price,"€"),".\n\n    Alle Infos findest du hier:\n    ").concat(E,"\n\n    Viel Spa\xdf und beste Gr\xfc\xdfe!"),G="mailto:?subject=".concat(encodeURIComponent("Mein Tipp: ".concat((null==u?void 0:u.brandName)||(null==u?void 0:null===(d=u.brand)|| void 0===d?void 0:d.name)," ").concat((null==u?void 0:u.modelName)||(null==u?void 0:null===(g=u.model)|| void 0===g?void 0:g.name)," auf autohaus24.de")),"&body=").concat(encodeURIComponent(F));return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(m.Z,{open:!!x,autoHideDuration:2e3,onClose:z,children:(0,e.jsx)(n.Z,{onClose:z,onClick:r,severity:"success",children:x})}),(0,e.jsxs)(p,{className:"share-button ".concat(void 0===o?"":o),children:[(0,e.jsxs)("div",{className:"share-button-header",onClick:function(a){r(a),C(!B)},children:[(0,e.jsx)(i.Z,{}),(0,e.jsx)("div",{className:"share-button-header-text",children:"Teilen"})]}),B&&(0,e.jsx)(h.Z,{onClickAway:D,children:(0,e.jsx)("div",{className:"share-options",onClick:function(a){return r(a)},children:(0,e.jsxs)("div",{className:"share-options-container",children:[(0,e.jsxs)("div",{className:"share-options-header",children:[(0,e.jsx)("div",{className:"share-options-header-title",children:"Angebot teilen"}),(0,e.jsx)("div",{className:"close-button",onClick:function(){C(!1)}})]}),(0,e.jsxs)("div",{className:"share-options-body",children:[(0,e.jsxs)("div",{className:"share-options-body-item",onClick:function(a){a.preventDefault(),a.stopPropagation(),window.open(G,"_blank")},children:[(0,e.jsx)("div",{className:"share-options-body-item-icon",children:(0,e.jsx)(j.Z,{})}),(0,e.jsx)("div",{className:"share-options-body-item-text",children:"Email"})]}),(0,e.jsxs)("div",{className:"share-options-body-item",onClick:function(a){a.preventDefault(),a.stopPropagation(),window.open("https://wa.me/?text=".concat(encodeURIComponent(E)),"_blank","noopener,noreferrer")},children:[(0,e.jsx)("div",{className:"share-options-body-item-icon icon-green",children:(0,e.jsx)("img",{src:"/icons/icon-whatsapp.svg",width:20,height:20,alt:""})}),(0,e.jsx)("div",{className:"share-options-body-item-text",children:"WhatsApp"})]}),(0,e.jsxs)("div",{className:"share-options-body-item",onClick:function(){var a,b,c="http://twitter.com/share?",d={url:E,via:"autohaus24",hashtags:"".concat((null==u?void 0:u.brandName)||(null==u?void 0:null===(a=u.brand)|| void 0===a?void 0:a.name),",").concat((null==u?void 0:u.modelName)||(null==u?void 0:null===(b=u.model)|| void 0===b?void 0:b.name))};for(var e in d)c+="&".concat(e,"=").concat(encodeURIComponent(d[e]));window.open(c,"","left=0,top=0,width=550,height=450,personalbar=0,toolbar=0,scrollbars=0,resizable=0")},children:[(0,e.jsx)("div",{className:"share-options-body-item-icon icon-lblue",children:(0,e.jsx)(k.Z,{})}),(0,e.jsx)("div",{className:"share-options-body-item-text",children:"Twitter"})]}),(0,e.jsxs)("div",{className:"share-options-body-item",onClick:function(){var a=E;if(navigator&&navigator.clipboard&&navigator.clipboard.writeText)navigator.clipboard.writeText(a);else{var b=document.createElement("textarea");b.value=a,b.setAttribute("readonly",""),b.style.position="absolute",b.style.left="-9999px",document.body.appendChild(b),b.select(),document.execCommand("copy"),document.body.removeChild(b)}y("Verkn\xfcpfung wird kopiert!")},children:[(0,e.jsx)("div",{className:"share-options-body-item-icon",children:(0,e.jsx)(l.Z,{})}),(0,e.jsx)("div",{className:"share-options-body-item-text",children:"Link.kopieren"})]}),(0,e.jsxs)("div",{className:"share-options-body-item",onClick:function(){var a="https://www.facebook.com/sharer/sharer.php?u=".concat(E);window.open(a,"","left=0,top=0,width=550,height=450,personalbar=0,toolbar=0,scrollbars=0,resizable=0")},children:[(0,e.jsx)("div",{className:"share-options-body-item-icon icon-blue",children:(0,e.jsx)("img",{src:"/icons/icons-facebook-f.svg",width:22,height:22,alt:""})}),(0,e.jsx)("div",{className:"share-options-body-item-text",children:"Facebook"})]})]})]})})})]})]})};b.Z=q},58122:function(a,b,c){c.d(b,{S:function(){return f}});var d=c(31955),e=c(5319),f=function(a,b,c){a.stopPropagation();var f=JSON.parse(d.Z.get("compared")||"[]");if((f=f.find(function(a){return a.id===b.id})?f.filter(function(a){return a.id!==b.id}):f.concat(b)).length>5){c((0,e.Kf)(!0));return}c((0,e.sD)(f)),d.Z.set("compared",JSON.stringify(f))}}}])