https://www.iltalehti.fi/assets/AutotalliColumn.3959c7f08.chunk.js

1(self.webpackChunk=self.webpackChunk||[]).push([[2818],{68465(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]}},2320:(e,t,a)=>{a.d(t,{A:()=>i});var o=a(1601),n=a.n(o),r=a(6314),l=a.n(r)()(n());l.push([e.id,'.autotalli-column-embed{width:100%;max-width:340px;min-width:198px;background:var(--autotalli-column-bg-color);text-align:center;font-family:"Bernina Sans Condensed",Arial,Helvetica,sans-serif;padding:0 14px;box-sizing:border-box;margin:0 auto}.autotalli-column-embed .autotalli-sponsored-content-text{color:var(--autotalli-column-sponsor-color);font-weight:600;font-size:12px;padding:14px 0}.autotalli-column-embed .autotalli-embed-header{font-weight:600;font-size:18px;margin:14px 0;font-family:"Bernina Sans",Arial,Helvetica,sans-serif;color:var(--autotalli-column-sponsor-color)}.autotalli-column-embed .autotalli-list{border-top:1px solid var(--autotalli-column-border-color);margin:14px 0;text-align:left}.autotalli-column-embed .autotalli-logo-container{height:19px;display:block}.autotalli-column-embed .autotalli-logo{-o-object-fit:contain;object-fit:contain;height:100%;display:block;margin:0 auto}.autotalli-column-embed .autotalli-bottom-link{display:block;padding:0 0 14px;font-size:16px;font-style:normal;font-weight:700;line-height:19px;letter-spacing:0;color:var(--autotalli-column-link-color);text-align:center;font-family:"Bernina Sans Condensed",Arial,Helvetica,sans-serif}.autotalli-column-embed .autotalli-links{color:var(--autotalli-column-link-color);display:flex;justify-content:space-around}.autotalli-column-embed-link{text-decoration:none;border-bottom:1px solid var(--autotalli-column-border-color);padding:14px 0;display:flex;flex-flow:row;align-items:center;font-family:"Bernina Sans",Arial,Helvetica,sans-serif}.autotalli-column-embed-link .autotalli-image-wrapper{flex:1}.autotalli-column-embed-link .autotalli-image-container{position:relative;padding-bottom:75%}.autotalli-column-embed-link .autotalli-image{display:block;position:absolute;width:100%;min-height:100%}.autotalli-column-embed-link .autotalli-title,.autotalli-column-embed-link .autotalli-price{color:var(--autotalli-column-text-color);font-size:14px;font-weight:700;margin:0 7px}.autotalli-column-embed-link .car-details{flex:2}.autotalli-column-embed-link .autotalli-details{color:var(--autotalli-column-text-color);font-size:13px;font-weight:500;margin:0 7px}@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 .autotalli-column-embed{--autotalli-column-bg-color: #fff;--autotalli-column-text-color: #222;--autotalli-column-border-color: #ddd;--autotalli-column-link-color: #5db3b0;--autotalli-column-sponsor-color: #666}html.theme-dark .autotalli-column-embed{--autotalli-column-bg-color: #2b2b2b;--autotalli-column-text-color: #fff;--autotalli-column-border-color: #666;--autotalli-column-link-color: #5db3b0;--autotalli-column-sponsor-color: #ccc}@media(prefers-color-scheme: dark){.autotalli-column-embed{--autotalli-column-bg-color: #2b2b2b;--autotalli-column-text-color: #fff;--autotalli-column-border-color: #666;--autotalli-column-link-color: #5db3b0;--autotalli-column-sponsor-color: #ccc}}@media(prefers-color-scheme: light){.autotalli-column-embed{--autotalli-column-bg-color: #fff;--autotalli-column-text-color: #222;--autotalli-column-border-color: #ddd;

1--autotalli-column-link-color: #5db3b0;--autotalli-column-sponsor-color: #666}}',""]);const i=l},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={},l=[],i=0;i<e.length;i++){var s=e[i],c=o.base?s[0]+o.base:s[0],u=r[c]||0,d="".concat(c," ").concat(u);r[c]=u+1;var m=a(d),f={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==m)t[m].references++,t[m].updater(f);else{var p=n(f,o);o.byIndex=i,t.splice(i,0,{identifier:d,updater:p,references:1})}l.push(d)}return l}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 l=0;l<r.length;l++){var i=a(r[l]);t[i].references--}for(var s=o(e,n),c=0;c<r.length;c++){var u=a(r[c]);0===t[u].references&&(t[u].updater(),t.splice(u,1))}r=s}}},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 l={};if(o)for(var i=0;i<this.length;i++){var s=this[i][0];null!=s&&(l[s]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);o&&l[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}},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},9487:(e,t,a)=>{a.r(t),a.d(t,{default:()=>g});var o=a(5072),n=a.n(o),r=a(7825),l=a.n(r),i=a(7659),s=a.n(i),c=a(5056),u=a.n(c),d=a(540),m=a.n(d),f=a(1113),p=a.n(f),v=a(2320),b={};b.styleTagTransform=p(),b.setAttributes=u(),b.insert=s().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=m(),n()(v.A,b);const g=v.A&&v.A.locals?v.A.locals:void 0}},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=>{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,{AutotalliColumnEmbed:()=>_});var r=o(9155),l=o.n(r);const i="utm_source=iltalehti.fi&utm_medium=almainternal_fixed&utm_campaign=kiintea_autotalli_kohdenosto&utm_content=kiintea_340x838_kohdenosto",s=`https://www.autotalli.com?${i}`,c=`https://www.autotalli.com/vaihtoautot/listaa?${i}

1`,u=`https://www.autotalli.com/uudet-autot/listaa?${i}`,d=`https://www.autotalli.com/leasing-autot/listaa/auton_tyyppi/mallien-mukaan?${i}`;function m({item:e,onClick:t}){const{adUrl:a,imageUrl:o,makeName:n,modelName:r,price:s,modelYear:c}=e;return l().createElement("a",{href:a+"&"+i,target:"_blank",rel:"noopener noreferrer",className:"autotalli-column-embed-link",key:a,onClick:t},l().createElement("div",{className:"autotalli-image-wrapper"},l().createElement("div",{className:"autotalli-image-container"},l().createElement("img",{className:"autotalli-image",src:o,alt:`${n} ${r}`,onError:e=>e.currentTarget.src="https://images.almaajo.fi/production/iltalehti_ad_Image_not_loaded.webp",loading:"lazy"}))),l().createElement("div",{className:"car-details"},l().createElement("div",{className:"autotalli-title"},n," ",r),l().createElement("div",{className:"autotalli-details"},c),l().createElement("div",{className:"autotalli-price"},s)))}const f="@almamedia/consent",p=`${f}:request`;class v extends Error{client=f;version="0.0.0"}class b extends v{constructor(){super("Consent request aborted by user")}}class g extends v{issues;constructor(e){super("Consent response schema validation failed"),this.issues=e}}class h{debug(e){}info(e){}warn(e){}error(e){}}const w="alma_cmp_v3_consent_available_repetitive",y=["marketing_and_advertising","personalization","analytics","sharing_target_groups_for_campaign_use"],k=e=>!!e&&"object"==typeof e&&Array.isArray(e.purposes);let x=null;const E=()=>(x||(x=(async()=>{if("undefined"==typeof document)return null;const e=new AbortController,t=setTimeout(()=>e.abort(),2e3);try{return await(async e=>{try{const a=await(t={abortSignal:e},((e,t,a)=>{const{abortSignal:o,schema:n,logger:r=new h}=a??{};function l(e){r.debug(`CMP v3: ${e}`)}return new Promise((e,a)=>{document.addEventListener(t,async t=>{const o=t;if(l("Received consent data"),!n)return l("No schema provided, resolving with consent data as received"),void e(o.detail);l("Validating consent data against provided schema");let r=n["~standard"].validate(o.detail);if(r instanceof Promise&&(r=await r),r.issues)return l("Validation failed, rejecting with error"),void a(new g(r.issues));l("Validation successful, resolving with consent data"),e(r.value)},{once:!0,signal:o}),l("Requesting consent data from CMP..."),function(e){document.dispatchEvent(new CustomEvent(p,{detail:e}))}(t),l("Waiting for consent data..."),o&&o.addEventListener("abort",()=>{l("Aborting due to abort signal"),a(new b)})})})(0,w,t));return k(a)?a:(e=>new Promise(t=>{const a=()=>{document.removeEventListener(w,n),e.removeEventListener("abort",o)},o=()=>{a(),t(null)},n=e=>{const o=e.detail;k(o)&&(a(),t(o))};e.aborted?t(null):(e.addEventListener("abort",o),document.addEventListener(w,n))}))(e)}catch{return null}var t})(e.signal)||(console.warn("CMP v3 consent timed out or unavailable; falling back to anonymous Kisu id"),null)}finally{clearTimeout(t)}})().finally(()=>{x=null})),x),S=async()=>{try{const e=await(window?.ALMA?.gravitoV1?.getIdentifier("permutive"));return e?.value||null}catch(e){return console.error("Failed to read the permutive identifier:",e),null}},A="TrafficManagement",C=[1,2,3,4,5,6].map(()=>({adUrl:"",imageUrl:"",makeName:"",modelName:"",price:"",modelYear:null})),_=(N=function(){const[e,t]=(0,r.useState)(C),[a,o]=(0,r.useState)(!1),[n,i]=(0,r.useState)(!1),{ref:f,trackClick:p}=(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,eventLabel:e.eventLabel,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:A,eventDimensions:o}):(o.event="sendGAEvent",o.eventName=A,window.dataLayer=window.dataLayer||[],window.dataLayer.push(o))},[e]);(0,r.useEffect)(()=>{if(!t.current)return;const n=t.current;

1if(!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",eventLabel:"autotalli",userType:a?"Tunnettu":"Ei tietoja"});return(0,r.useEffect)(()=>{let e=!1;return(async()=>{try{const a=(({cmp:e,permutiveId:t})=>(e=>!!e&&y.every(t=>e.purposes.includes(t)))(e)&&t?t:"0")(await(window?.ILRAPWebview?(async()=>({cmp:(()=>{const e=window.ILRAPWebview?.cmpV3;return k(e)?e:(e&&console.warn("Ignoring in-app consent: not CMP v3 shaped ({ purposes: [...] })",e),null)})()??await E(),permutiveId:window.ILRAPWebview?.permutiveId||null}))():(async()=>{const[e,t]=await Promise.all([S(),E()]);return{cmp:t,permutiveId:e}})())),n=await(async({body:e,permutiveId:t})=>{const a=await fetch("https://kisu.mach1.fi",{method:"POST",headers:{"Content-Type":"application/json","x-api-key":"C6BhnYBtAD8VFBdyqvuUrHIRWq5AcTz8sNv9BFhi",user_id:t},body:JSON.stringify(e)});if(!a.ok)throw new Error(`Kisu API error: ${a.status}`);return a})({body:{user_id:{type:"permutive_id",value:a},sites:["at"]},permutiveId:a}),{items:r,isKnownUser:l}=(e=>{if(Array.isArray(e))return{items:e,isKnownUser:!1};if(e&&"object"==typeof e){const t=e;if(Array.isArray(t.recommendations))return{items:t.recommendations,isKnownUser:!0===t.is_known_user}}throw new Error("Unexpected Kisu response shape: missing recommendations")})(await n.json()),s=r.map(e=>{return{imageUrl:e.imageUrl.replace("/1600x1200/autotalli","/105x80/autotalli"),price:(t=e.price,(null==t?"":t.toLocaleString("fi-FI"))+" €"),makeName:e.makeName,modelName:e.modelName,modelYear:e.modelYear,adUrl:e.adUrl};var t});e||(o(l),t(s.slice(0,6)),i(!0))}catch(t){e||(console.error("Failed to fetch autotalli data:",t),i(!0))}})(),()=>{e=!0}},[]),l().createElement("div",{className:"autotalli-column-embed",ref:n?f:void 0},l().createElement("div",{className:"autotalli-sponsored-content-text"},"KAUPALLINEN YHTEISTYÖ"),l().createElement("a",{target:"_blank",rel:"noopener noreferrer",href:s,className:"autotalli-logo-container",onClick:()=>p({targetPageId:s})},l().createElement("img",{src:"https://assets.ilcdn.fi/466d03658fe3fa69e325cf3b3d72586fb698eda555a0ac29600fdd891489bd91.svg",className:"autotalli-logo"})),l().createElement("div",{className:"autotalli-embed-header"},"KATSO VAIHTOAUTOT"),l().createElement("div",{className:"autotalli-list"},e.map((e,t)=>l().createElement(m,{item:e,key:`${e.adUrl}${t}`,onClick:()=>p({targetPageId:e.adUrl})}))),l().createElement("div",{className:"autotalli-links"},l().createElement("a",{target:"_blank",rel:"noopener noreferrer",href:c,className:"autotalli-bottom-link"},"Vaihtoautot")," ","|",l().createElement("a",{target:"_blank",rel:"noopener noreferrer",href:u,className:"autotalli-bottom-link"},"Uudet-autot")," ","|",l().createElement("a",{target:"_blank",rel:"noopener noreferrer",href:d,className:"autotalli-bottom-link"},"Leasing")))},function(e){const[t,a]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{o(9487),a(!0)},[]),t?l().createElement(N,{...e}):null});var N;return n})(),e.exports=o(a(96540))}}]);
2//# sourceMappingURL=AutotalliColumn.3959c7f08.chunk.js.map