https://www.iltalehti.fi/assets/AutotalliBox.f791fe4b6.chunk.js

1(self.webpackChunk=self.webpackChunk||[]).push([[487],{68972(e,t,a){var o;o=e=>(()=>{var t={540:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},1113:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},1601:e=>{e.exports=function(e){return e[1]}},2633:(e,t,a)=>{a.d(t,{A:()=>l});var o=a(1601),n=a.n(o),r=a(6314),i=a.n(r)()(n());i.push([e.id,"@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);"]),i.push([e.id,'.autotalli-box-embed{--autotalli-box-embed-bg-color: #fff;--autotalli-box-embed-text-color: #222;--autotalli-box-embed-border-color: #ddd;--autotalli-box-embed-link-color: #5db3b0;line-height:1;font-family:"Open Sans",sans-serif;background-color:var(--autotalli-box-embed-bg-color);overflow:hidden;max-width:700px}.autotalli-box-embed *{box-sizing:border-box;text-decoration:none}.autotalli-box-embed .autotalli-box-embed-header-container{background-color:var(--autotalli-box-embed-link-color);padding:7px 14px;display:flex;justify-content:space-between;flex-direction:row}.autotalli-box-embed .autotalli-box-embed-header-container img{color:#fff;align-self:center}.autotalli-box-embed .autotalli-box-embed-header-container .autotalli-embed-header{font-family:"Open Sans",sans-serif;font-size:16px;font-weight:600;line-height:22px;letter-spacing:0;color:#fff;text-decoration:none}.autotalli-box-embed article{margin:3px}.autotalli-box-embed article a{display:flex;flex-direction:column;width:100%;height:100%}.autotalli-box-embed article .autotalli-ad-image{flex:1 1 0%;display:flex;align-items:center;width:100%}.autotalli-box-embed article .autotalli-ad-image .autotalli-image-container{position:relative;height:100%;width:100%;padding-bottom:75%}.autotalli-box-embed article .autotalli-ad-image img{display:block;position:absolute;height:100%;width:100%}.autotalli-box-embed .item-container{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);padding:5px}.autotalli-box-embed .bold{font-weight:700}.autotalli-box-embed .autotalli-box-vo-logo{padding:0;flex-basis:135px}.autotalli-box-embed .autotalli-box-vo-logo .autotalli-box-embed-header-containe img{margin-left:0}.autotalli-box-embed .announcement-description{font-size:13px;color:var(--autotalli-box-embed-text-color);text-align:center;width:100%;display:block;line-height:19px;margin-top:6px}.autotalli-box-embed .announcement-description .announcement-description-price{white-space:nowrap;font-size:15px}.autotalli-box-embed .announcement-description .announcement-make-

1and-model{font-weight:700;display:block;font-size:15px}@media(max-width: 420px){.autotalli-box-embed .item-container{grid-template-columns:minmax(0, 1fr)}.autotalli-box-embed .hide-first-mobile:last-child{display:flex}.autotalli-box-embed article a{flex-direction:row}.autotalli-box-embed article a .announcement-description{flex:2;display:flex;flex-direction:column;justify-content:center;text-align:left;padding-left:10px}}@media(max-width: 450px){.autotalli-box-embed .autotalli-box-embed-header-container{flex-direction:column;justify-content:center;padding:14px}.autotalli-box-embed .autotalli-box-embed-header-container .autotalli-embed-header{text-align:center;padding-top:7px}}@media(min-width: 640px){.autotalli-box-embed article{margin:6px}}html.theme-light .autotalli-box-embed{--autotalli-box-embed-bg-color: #fff;--autotalli-box-embed-text-color: #222;--autotalli-box-embed-border-color: #ddd;--autotalli-box-embed-link-color: #5db3b0}html.theme-dark .autotalli-box-embed{--autotalli-box-embed-bg-color: #2b2b2b;--autotalli-box-embed-text-color: #fff;--autotalli-box-embed-border-color: #666;--autotalli-box-embed-link-color: #5db3b0}@media(prefers-color-scheme: dark){.autotalli-box-embed{--autotalli-box-embed-bg-color: #2b2b2b;--autotalli-box-embed-text-color: #fff;--autotalli-box-embed-border-color: #666;--autotalli-box-embed-link-color: #5db3b0}}',""]);const l=i},5056:(e,t,a)=>{e.exports=function(e){var t=a.nc;t&&e.setAttribute("nonce",t)}},5072:e=>{var t=[];function a(e){for(var a=-1,o=0;o<t.length;o++)if(t[o].identifier===e){a=o;break}return a}function o(e,o){for(var r={},i=[],l=0;l<e.length;l++){var c=e[l],d=o.base?c[0]+o.base:c[0],u=r[d]||0,s="".concat(d," ").concat(u);r[d]=u+1;var m=a(s),b={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==m)t[m].references++,t[m].updater(b);else{var p=n(b,o);o.byIndex=l,t.splice(l,0,{identifier:s,updater:p,references:1})}i.push(s)}return i}function n(e,t){var a=t.domAPI(t);return a.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;a.update(e=t)}else a.remove()}}e.exports=function(e,n){var r=o(e=e||[],n=n||{});return function(e){e=e||[];for(var i=0;i<r.length;i++){var l=a(r[i]);t[l].references--}for(var c=o(e,n),d=0;d<r.length;d++){var u=a(r[d]);0===t[u].references&&(t[u].updater(),t.splice(u,1))}r=c}}},6314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var a="",o=void 0!==t[5];return t[4]&&(a+="@supports (".concat(t[4],") {")),t[2]&&(a+="@media ".concat(t[2]," {")),o&&(a+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),a+=e(t),o&&(a+="}"),t[2]&&(a+="}"),t[4]&&(a+="}"),a}).join("")},t.i=function(e,a,o,n,r){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(o)for(var l=0;l<this.length;l++){var c=this[l][0];null!=c&&(i[c]=!0)}for(var d=0;d<e.length;d++){var u=[].concat(e[d]);o&&i[u[0]]||(void 0!==r&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=r),a&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=a):u[2]=a),n&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=n):u[4]="".concat(n)),t.push(u))}},t}},7052:(e,t,a)=>{a.r(t),a.d(t,{default:()=>v});var o=a(5072),n=a.n(o),r=a(7825),i=a.n(r),l=a(7659),c=a.n(l),d=a(5056),u=a.n(d),s=a(540),m=a.n(s),b=a(1113),p=a.n(b),f=a(2633),x={};x.styleTagTransform=p(),x.setAttributes=u(),x.insert=c().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=m(),n()(f.A,x);const v=f.A&&f.A.locals?f.A.locals:void 0},7659:e=>{var t={};e.exports=function(e,a){var o=function(e){if(void 0===t[e]){var a=document.querySelector(e);if(window.HTMLIFrameElement&&a instanceof window.HTMLIFrameElement)try{a=a.contentDocument.head}catch(e){a=null}t[e]=a}return t[e]}(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(a)}},7825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(a){!function(e,t,a){var o="";a.supports&&(o+="@supports (".concat(a.supports,") {")),a.media&&(o+="@media ".concat(a.media," {"));var n=void 0!==a.layer;n&&(o+="@layer".concat(a.layer.length>0?" ".concat(a.layer):""," {")),o+=a.css,n&&(o+="}"),a.media&&(o+="}"),a.supports&&(o+="}");var r=a.sourceMap;r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),t.styleTagTransform(o,e,t.options)}(t,e,a)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},9155:t=>{t.exports=e}},a={};function o(e){var n=a[e];if(void 0!==n)return n.exports;var r=a[e]={id:e,exports:{}};return t[e](r,r.exports,o),r.exports}o.n=e=>

1{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nc=void 0;var n={};o.r(n),o.d(n,{AutotalliBoxEmbed:()=>d});var r=o(9155),i=o.n(r);const l=[1,2,3,4,5,6,7,8,9,10],c="TrafficManagement",d=(u=()=>{const e=(()=>{const[e,t]=(0,r.useState)(null);return(0,r.useEffect)(()=>{!async function(){try{const e=(({cmp:e,permutiveId:t})=>e?.standard&&l.every(t=>!!e.standard[t])&&t?t:"0")(await(async()=>window?.ILRAPWebview?{cmp:window.ILRAPWebview?.cmp?.currentstate?.purposes?{standard:window.ILRAPWebview?.cmp?.currentstate?.purposes?.consent}:null,permutiveId:window.ILRAPWebview?.permutiveId||null}:await(async()=>{const e=await(window?.ALMA?.gravitoV1?.getIdentifier("permutive"))||null;return{cmp:await(window?.ALMA?.cmpV2?.getPublisherConsents())||null,permutiveId:e?.value||null}})())()),a="https://kisu.almaajo.fi",o="TuxeOQ19dT1qkYiSm5WyS674y7xDyL06ajA2TY6f",n={user_id:{type:"permutive_id",value:e}},r=await fetch(a,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":o,user_id:e},body:JSON.stringify(n)}),i=(await r.json()).map(e=>{return{imageUrl:e.imageUrl.replace("/1600x1200/autotalli","/335x250/autotalli"),price:(t=e.price,t.toLocaleString("fi-FI")+" €"),makeName:e.makeName,modelName:e.modelName,modelYear:e.modelYear,adUrl:e.adUrl};var t});(e=>{for(let t=e.length-1;t>0;t--){const a=Math.floor(Math.random()*(t+1));[e[t],e[a]]=[e[a],e[t]]}})(i);const c={announcements:i.slice(0,4)};t(c)}catch{}}()},[4]),e})(),{ref:t,trackClick:a}=(e=>{const t=(0,r.useRef)(null),a=(0,r.useRef)(),o=(0,r.useCallback)((t,a)=>{if("undefined"==typeof window)return;const o={eventAction:t,eventCategory:e.eventCategory,eventTarget:e.eventTarget,userType:e.userType,eventData1:a?.eventData1??void 0,eventData2:a?.eventData2??void 0,eventData3:a?.eventData3??void 0,eventData4:e.eventData4??a?.eventData4??void 0,targetPageId:a?.targetPageId??void 0};window.loadGAFromSite&&window.sendCustomGA4Event?window.sendCustomGA4Event({eventName:c,eventDimensions:o}):(o.event="sendGAEvent",o.eventName=c,window.dataLayer=window.dataLayer||[],window.dataLayer.push(o))},[e]);(0,r.useEffect)(()=>{if(!t.current)return;const n=t.current;if(!a.current)try{a.current=new IntersectionObserver(t=>{if(t.length&&t[0].isIntersecting){const t=e.getShowEventData?e.getShowEventData():void 0;o("Showed",t),a.current&&a.current.unobserve(n)}},{root:null,rootMargin:"0px",threshold:[.3]})}catch(e){console.error("Failed to create IntersectionObserver",e)}return a.current&&a.current.observe(n),()=>{a.current&&a.current.unobserve(n)}},[o,e]);const n=(0,r.useCallback)(e=>{o("Clicked",e)},[o]);return{ref:t,trackClick:n}})({eventTarget:"at",eventCategory:"Kisu"});return null===e?null:i().createElement("section",{className:"autotalli-box-embed",ref:t,onClick:()=>a()},i().createElement("a",{className:"autotalli-box-vo-logo",href:"https://www.autotalli.com/?utm_source=iltalehti.fi&utm_medium=almainternal_fixed&utm_campaign=kiintea_autotalli_kisu&utm_content=kiintea_kisu_kohdenosto",rel:"noopener noreferrer",target:"_blank"},i().createElement("div",{className:"autotalli-box-embed-header-container"},i().createElement("img",{src:"https://assets.ilcdn.fi/17625bafbb8ddb5e005e1b5d5d2ab151f8c2c8a7bc1a72af11eae010eb5cf914.svg",alt:"Autotalli.com"}),i().createElement("div",{className:"autotalli-embed-header"},"Parhaat vaihtoautot"))),i().createElement("div",{className:"item-container"},e.announcements.map(e=>i().createElement("article",{className:"hide-first-mobile",key:e.adUrl},i().createElement("a",{target:"_blank",rel:"noopener noreferrer",href:`${e.adUrl}?utm_source=iltalehti.fi&utm_medium=almainternal_fixed&utm_campaign=kiintea_autotalli_kisu&utm_content=kiintea_kisu_kohdenosto`},i().createElement("div",{className:"autotalli-ad-image"},i().createElement("div",{className:"autotalli-image-container"},i().createElement("img",{src:e.imageUrl,alt:`Autotalli.com vaihtoauto ${e.makeName}  ${e.modelName}`}))),i().createElement("div",{className:"announcement-description"}

1,i().createElement("span",{className:"announcement-make-and-model"},e.makeName," ",e.modelName),i().createElement("span",null," ",e.modelYear&&`${e.modelYear}, `,i().createElement("span",{className:"announcement-description-price bold"}," ",e.price))))))))},function(e){const[t,a]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{o(7052),a(!0)},[]),t?i().createElement(u,{...e}):null});var u;return n})(),e.exports=o(a(96540))}}]);
2//# sourceMappingURL=AutotalliBox.f791fe4b6.chunk.js.map