https://www.iltalehti.fi/assets/Nettiauto.187f96ec4.chunk.js

1(self.webpackChunk=self.webpackChunk||[]).push([[8972],{6713(e,t,n){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]}},5056:(e,t,n)=>{e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},5072:e=>{var t=[];function n(e){for(var n=-1,o=0;o<t.length;o++)if(t[o].identifier===e){n=o;break}return n}function o(e,o){for(var r={},i=[],l=0;l<e.length;l++){var c=e[l],u=o.base?c[0]+o.base:c[0],s=r[u]||0,d="".concat(u," ").concat(s);r[u]=s+1;var m=n(d),f={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==m)t[m].references++,t[m].updater(f);else{var p=a(f,o);o.byIndex=l,t.splice(l,0,{identifier:d,updater:p,references:1})}i.push(d)}return i}function a(e,t){var n=t.domAPI(t);return n.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;n.update(e=t)}else n.remove()}}e.exports=function(e,a){var r=o(e=e||[],a=a||{});return function(e){e=e||[];for(var i=0;i<r.length;i++){var l=n(r[i]);t[l].references--}for(var c=o(e,a),u=0;u<r.length;u++){var s=n(r[u]);0===t[s].references&&(t[s].updater(),t.splice(s,1))}r=c}}},6314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n="",o=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),o&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),o&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n}).join("")},t.i=function(e,n,o,a,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 u=0;u<e.length;u++){var s=[].concat(e[u]);o&&i[s[0]]||(void 0!==r&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=r),n&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=n):s[2]=n),a&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=a):s[4]="".concat(a)),t.push(s))}},t}},7659:e=>{var t={};e.exports=function(e,n){var o=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}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(n)}},7825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var a=void 0!==n.layer;a&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,a&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var r=n.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,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},8619:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var o=n(5072),a=n.n(o),r=n(7825),i=n.n(r),l=n(7659),c=n.n(l),u=n(5056),s=n.n(u),d=n(540),m=n.n(d),f=n(1113),p=n.n(f),v=n(9160),g={};g.styleTagTransform=p(),g.setAttributes=s(),g.insert=c().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=m(),a()(v.A,g);const b=v.A&&v.A.locals?v.A.locals:void 0},9155:t=>{t.exports=e},9160:(e,t,n)=>{n.d(t,{A:()=>l});var o=n(1601),a=n.n(o),r=n(6314),i=n.n(r)()(a());i.push([e.id,'.nettiauto-column-embed{width:100%;max-width:340px;min-width:198px;background:var(--nettiauto-column-bg-color);text-align:center;font-family:"Bernina Sans Condensed",Arial,Helvetica,sans-serif;padding:16px 14px 0 16px;box-sizing:border-box;margin:0 auto}.nettiauto-column-embed .nettiauto-embed-header{font-weight:600;font-size:18px;margin:14px 0;font-family:"Bernina Sans",Arial,Helvetica,sans-serif;color:var(--nettiauto-column-sponsor-color)}.nettiauto-column-embed .nettiauto-list{border-top:1px solid var(--nettiauto-column-border-color);margin:14px 0;text-align:left}.nettiauto-column-embed .nettiauto-logo-container{height:26px;

1display:block}.nettiauto-column-embed .nettiauto-logo{background:var(--nettiauto-logo) no-repeat center;background-size:contain;height:26px;width:100%}.nettiauto-column-embed .nettiauto-links{color:var(--nettiauto-column-link-color);display:flex;justify-content:space-evenly}.nettiauto-column-embed .nettiauto-bottom-link{display:block;padding:0 0 14px;line-height:19px;color:var(--nettiauto-column-link-color);text-decoration:none}.nettiauto-column-embed-link{text-decoration:none;border-bottom:1px solid var(--nettiauto-column-border-color);padding:14px 0;display:flex;font-family:"Bernina Sans",Arial,Helvetica,sans-serif}.nettiauto-column-embed-link .nettiauto-image-wrapper{flex:1}.nettiauto-column-embed-link .nettiauto-image-container{position:relative;padding-bottom:75%;background-image:url("https://images.almaajo.fi/production/iltalehti_ad_Image_not_loaded.webp");background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:4px}.nettiauto-column-embed-link .nettiauto-image{display:block;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nettiauto-column-embed-link .nettiauto-title,.nettiauto-column-embed-link .nettiauto-price{color:var(--nettiauto-column-text-color);font-size:14px;font-weight:700;margin:0 7px;line-height:1.3;min-height:17px}.nettiauto-column-embed-link .car-details{flex:2;display:flex;flex-direction:column;justify-content:center}.nettiauto-column-embed-link .nettiauto-details{color:var(--nettiauto-column-text-color);font-size:13px;font-weight:500;margin:0 7px;line-height:1.3;min-height:17px}@font-face{font-family:"Bernina Sans";font-weight:600;src:url("https://assets.ilcdn.fi/BerninaSans-Web-Semibold.woff2") format("woff2"),url("https://assets.ilcdn.fi/BerninaSans-Web-Semibold.woff") format("woff");font-display:fallback}@font-face{font-family:"Bernina Sans";font-weight:700;src:url("https://assets.ilcdn.fi/BerninaSans-Web-Bold.woff2") format("woff2"),url("https://assets.ilcdn.fi/BerninaSans-Web-Bold.woff") format("woff");font-display:fallback}@font-face{font-family:"Bernina Sans Condensed";font-weight:700;src:url("https://assets.ilcdn.fi/BerninaSans-Web-CondensedBold.woff2") format("woff2"),url("https://assets.ilcdn.fi/BerninaSans-Web-CondensedBold.woff") format("woff");font-display:fallback}html.theme-light .nettiauto-column-embed{--nettiauto-column-bg-color: #fff;--nettiauto-column-text-color: #222;--nettiauto-column-border-color: #ddd;--nettiauto-column-link-color: #0070e0;--nettiauto-column-sponsor-color: #666;--nettiauto-logo: url("https://images.almaajo.fi/production/logo_nettiauto_colour.svg")}html.theme-dark .nettiauto-column-embed{--nettiauto-column-bg-color: #2b2b2b;--nettiauto-column-text-color: #fff;--nettiauto-column-border-color: #666;--nettiauto-column-link-color: #fff;--nettiauto-column-sponsor-color: #ccc;--nettiauto-logo: url("https://images.almaajo.fi/production/logo_nettiauto_white.svg")}@media(prefers-color-scheme: dark){.nettiauto-column-embed{--nettiauto-column-bg-color: #2b2b2b;--nettiauto-column-text-color: #fff;--nettiauto-column-border-color: #666;--nettiauto-column-link-color: #fff;--nettiauto-column-sponsor-color: #ccc;--nettiauto-logo: url("https://images.almaajo.fi/production/logo_nettiauto_white.svg")}}@media(prefers-color-scheme: light){.nettiauto-column-embed{--nettiauto-column-bg-color: #fff;--nettiauto-column-text-color: #222;--nettiauto-column-border-color: #ddd;--nettiauto-column-link-color: #0070e0;--nettiauto-column-sponsor-color: #666;--nettiauto-logo: url("https://images.almaajo.fi/production/logo_nettiauto_colour.svg")}}',""]);const l=i}},n={};function o(e){var a=n[e];if(void 0!==a)return a.exports;var r=n[e]={id:e,exports:{}};return t[e](r,r.exports,o),r.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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"}

1),Object.defineProperty(e,"__esModule",{value:!0})},o.nc=void 0;var a={};o.r(a),o.d(a,{NettiautoColumnEmbed:()=>g});var r=o(9155),i=o.n(r);const l="utm_source=iltalehti.fi&utm_medium=almainternal_fixed&utm_campaign=kiintea_nettiauto_kisu&utm_content=kiintea_kohdenosto_kisu",c=`https://www.nettiauto.com?${l}`,u=`https://www.nettiauto.com/myy-autosi?${l}`,s=[1,2,3,4,5,6,7,8,9,10],d="https://images.almaajo.fi/production/iltalehti_ad_Image_not_loaded.webp",m=["nau"];function f({item:e,onClick:t}){const{adUrl:n,imageUrl:o,makeName:a,modelName:r,price:c,modelYear:u}=e;return i().createElement("a",{href:n+"?"+l,target:"_blank",rel:"noopener noreferrer",className:"nettiauto-column-embed-link",onClick:t},i().createElement("div",{className:"nettiauto-image-wrapper"},i().createElement("div",{className:"nettiauto-image-container"},i().createElement("img",{className:"nettiauto-image",src:o,alt:`${a} ${r}`,onError:e=>e.currentTarget.src=d,loading:"lazy"}))),i().createElement("div",{className:"car-details"},i().createElement("div",{className:"nettiauto-title"},a," ",r),i().createElement("div",{className:"nettiauto-details"},u),i().createElement("div",{className:"nettiauto-price"},c)))}const p="TrafficManagement",v=[1,2,3,4,5,6].map(()=>({adUrl:"#",imageUrl:d,makeName:"",modelName:"",price:"",modelYear:null})),g=(b=function(){const[e,t]=(0,r.useState)(v),{ref:n,trackClick:o}=(e=>{const t=(0,r.useRef)(null),n=(0,r.useRef)(),o=(0,r.useCallback)((t,n)=>{if("undefined"==typeof window)return;const o={eventAction:t,eventCategory:e.eventCategory,eventTarget:e.eventTarget,userType:e.userType,eventData1:n?.eventData1??void 0,eventData2:n?.eventData2??void 0,eventData3:n?.eventData3??void 0,eventData4:e.eventData4??n?.eventData4??void 0,targetPageId:n?.targetPageId??void 0};window.loadGAFromSite&&window.sendCustomGA4Event?window.sendCustomGA4Event({eventName:p,eventDimensions:o}):(o.event="sendGAEvent",o.eventName=p,window.dataLayer=window.dataLayer||[],window.dataLayer.push(o))},[e]);(0,r.useEffect)(()=>{if(!t.current)return;const a=t.current;if(!n.current)try{n.current=new IntersectionObserver(t=>{if(t.length&&t[0].isIntersecting){const t=e.getShowEventData?e.getShowEventData():void 0;o("Showed",t),n.current&&n.current.unobserve(a)}},{root:null,rootMargin:"0px",threshold:[.3]})}catch(e){console.error("Failed to create IntersectionObserver",e)}return n.current&&n.current.observe(a),()=>{n.current&&n.current.unobserve(a)}},[o,e]);const a=(0,r.useCallback)(e=>{o("Clicked",e)},[o]);return{ref:t,trackClick:a}})({eventTarget:"nau",eventCategory:"Kisu"});return(0,r.useEffect)(()=>{(async()=>{try{const e=await(async()=>{const e=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}})())(),t=(({cmp:e,permutiveId:t})=>e?.standard&&s.every(t=>!!e.standard[t])&&t?t:"0")(e),n=e?.cmp?.standard&&s.every(t=>!!e.cmp?.standard?.[t])?t:"6e9b2c47-4434-46e0-802c-d57dbf36b74e",o={user_id:{type:"permutive_id",value:n},sites:m},a=await fetch("https://kisu.almaajo.fi",{method:"POST",headers:{"Content-Type":"application/json","x-api-key":"TuxeOQ19dT1qkYiSm5WyS674y7xDyL06ajA2TY6f",user_id:n},body:JSON.stringify(o)});if(!a.ok)throw new Error(`HTTP error! status: ${a.status}`);return(await a.json()).map(e=>{return{imageUrl:e.imageUrl?e.imageUrl.replace("/1600x1200/nettiauto","/105x80/nettiauto"):"",price:e.price?(t=e.price,(null==t?"":t.toLocaleString("fi-FI"))+" €"):"",makeName:e.makeName,modelName:e.modelName,modelYear:e.modelYear,adUrl:e.adUrl};var t}).slice(0,6)})();t(e)}catch(e){console.error("Failed to fetch nettiauto data:",e)}})()},[]),i().createElement("div",{className:"nettiauto-column-embed",ref:n},i().createElement("a",{target:"_blank",rel:"noopener noreferrer",href:c,className:"nettiauto-logo-container"},i().createElement("div",{className:"nettiauto-logo"})),i().createElement("div",{className:"nettiauto-embed-header"},"Katsotuimmat vaihtoautot"),i().createElement("div",{className:"nettiauto-list"},e.map((e,t)=>i().createElement(f,{item:e,key:`${e.adUrl}${t}`,onClick:()=>o()}))),i().createElement("div",{className:"nettiauto-links"},i().createElement("a",{target:"_blank",rel:"noopener noreferrer",href:c,className:"nettiauto-bottom-link"},"VAIHTOAUTOT")," ","|",i().createElement("a",{target:"_blank",rel:"noopener noreferrer",href:u,className:"nettiauto-bottom-link"},"MYY AUTOSI")))},function(e){const[t,n]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{o(8619),n(!0)},[]),t?i().createElement(b,{...e}):null});var b;return a})(),e.exports=o(n(96540))}}]);
2//# sourceMappingURL=Nettiauto.187f96ec4.chunk.js.map