https://www.anwb.nl/static/webshop/_next/static/chunks/7024.a99b10e689771f2c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7024],{51:(e,r,t)=>{t.d(r,{N:()=>i});let i=e=>e.replace(/-/g,"")},1651:(e,r,t)=>{t.d(r,{w:()=>o});var i=t(53239);let o=(e,r,t,o)=>{let[n,a]=(0,i.useState)([]),c=(0,i.useRef)([]),l=(0,i.useRef)(0);return(0,i.useEffect)(()=>()=>{c.current.forEach(clearTimeout)},[]),(0,i.useEffect)(()=>{r&&(c.current.forEach(clearTimeout),c.current=[],n.forEach(r=>{e(...r.args)}),n.length>0&&a([]))},[n,r,e]),(0,i.useCallback)((...i)=>{if(!r){let e=l.current++;if(a(r=>[...r,{args:i,id:e}]),t&&o&&o>0){let r=setTimeout(()=>{t(...i),a(r=>r.filter(r=>r.id!==e))},o);c.current.push(r)}return}e(...i)},[e,r,t,o])}},17024:(e,r,t)=>{t.d(r,{W:()=>v});var i=t(53239),o=t(6596),n=t(10477);let a=({component:e,event:r,segment:t})=>{(0,n.s)({category:"blueconic-segment",component:e,event:r,segment:t,type:"personalised-proposition"})},c=e=>({event:r,position:t})=>{(0,n.s)({category:"default",component:e,event:r,position:t,type:"non-personalised-proposition"})},l=e=>{let{provider:r,...t}=e;return t},s=e=>{let{provider:r}=e,t=((e,r)=>{if(!r)return l(e);let[t,i]=e.variant.split("-#-");return t&&i?l({...e,experiment:t,variant:`variant ${i}`}):l(e)})({...e,type:"optimizely"},"optimizelyfeatureflagcombined"===r);(0,n.s)(t)};var u=t(30028),p=t(8956),f=t(51),d=t(31110),g=t(59819);let b=(e,r,t)=>({event:i,position:o})=>{(0,n.s)({category:t,component:e,event:i,personalisation:r,position:o,type:"personalised-proposition"})};var k=t(1651),m=t(78325);let v=(e,{characteristic:r,characteristics:t,enabled:l,provider:v,trackClicks:C=!1,trackViews:h=!0})=>{let y,E=(e=>{let{provider:r,variant:t}=e,o=(0,u.J)(),n="optimizelyfeatureflagcombined"===r?t:o.page.optimizelyFeatureFlags[0]?.featureFlagId||"";return(0,i.useCallback)(r=>{"click"===r&&s({event:r,experiment:n,...e}),"visibility"===r&&s({event:"view_experiment",experiment:n,...e})},[n,e])})({provider:v,variant:r}),w=(y={component:e,segment:r},(0,i.useCallback)(e=>{"click"===e&&a({...y,event:"click"}),"visibility"===e&&a({...y,event:"visibility"})},[y])),I=(({characteristics:e,component:r})=>{let t=(0,p.NC)(),o=(({component:e})=>{let{client:r,interactions:t}=(0,d.$i)(),o=!!r&&t.length>0,n=(0,i.useCallback)(e=>"click"===e?"CLICK":"VIEW",[]),a=(0,i.useCallback)((i,o)=>{if(!r||0===t.length)return void console.error("[Sombrero] BlueConic tracking prerequisites not met");let a=t.find((0,g.J)(`${(0,f.N)(e)}-${o}`));if(!a)return void console.error("[BlueConic] Could not find interaction for position",o);try{b(e,a.context.getName(),"blueconicdialogs")({event:i,position:o})}catch(e){console.error("[Poncho] Error tracking GA4 event:",e)}try{r.createEvent(n(i),a.context.getInteractionId())}catch(e){console.error("[BlueConic] Error creating event:",e)}},[r,t,e,n]);return(0,k.w)(a,o,a,3e3)})({component:r}),a=(({component:e})=>{let r=(0,p.NC)(),{origin:t}=(0,p.Ch)(),o=(0,m.U)(`${t}/api/web-platform`);return(0,i.useCallback)((i,n,a)=>{if(!r?.customerId)return void console.error("[Sombrero] Offer API tracking prerequisites not met: Missing tracking data or customerId",{trackingData:r});let{customerId:c}=r,l={customerId:Number(c),origin:t,position:e?`${e}-${n}`:void 0,responseId:a,responseType:(e=>{switch(e){case"click":return"GEKLIKT";case"visibility":return"GETOOND";default:return"ONBEKEND"}})(i)};(async()=>{try{b(e,"dgp","offer-api")({event:i,position:n})}catch(e){console.error("[Poncho] Error tracking GA4 event:",e)}try{await o["track-offer-interaction"].$post({json:l})}catch(e){console.error("[Offer API] Error tracking interaction:",e)}})()},[r,e,t,o])})({component:r}),l=c(r),s=({event:e,position:t})=>{(0,n.s)({category:"default",component:r,event:e,position:t,type:"non-personalised-proposition"})},u=(0,i.useCallback)((i,n)=>{let c=(0,f.N)(r).toLowerCase(),u=(e??[]).find(({position:e})=>e===n);if(!u){"click"===i&&console.warn(`[Sombrero] Clicked position ${n} not found in characteristics for component ${r}. No tracking event sent.`);return}let p=t?.personalizedComponents?.filter(e=>e.componentName.toLowerCase()===c);switch(u.variant){case"DEFAULT":l({event:i,position:n});break;case"FALLBACK":s({event:i,position:n});break;case"PERSONALIZED":{if(p?.length===0){console.warn(`[Sombrero] No personalized components found for ${r} and event ${i}. This might be an issue if personalization is expected.`),l({event:i,position:n});break}let e=p?.find(({position:e})=>e===n);e?.provider==="dgp"&&a(i,n,e.responseId??""),e?.provider==="blueconic_dialogs"&&o(i,n),e||s({event:i,position:n})}}},[t,r,o,a,l,s,e]);return(0,i.useCallback)((e,r)=>{u(e,r??1)},[u])})({characteristics:t,component:e}),N=(({component:e})=>{let r=c(e);return(0,i.useCallback)((e,t=1)=>{r({event:e,position:t})},[r])})({component:e}),$=(0,i.useCallback)((e,r)=>{if(l)switch(v){case"blueconic":w(e);break;case"n/a":N(e,r);break;case"optimizely":case"optimizelyfeatureflagcombined":E(e);break;case"personalization":I(e,r)}},[l,v,w,I,E,N]),{entry:L,inView:z,ref:A}=(0,o.Wx)({fallbackInView:!0,initialInView:!0,onChange:(e,r)=>{if(e&&l&&h){if("blueconic"===v)return void $("visibility",1);

1t.length&&t.forEach(e=>{$("visibility",e.position)})}},threshold:.2,triggerOnce:!0});return{entry:L,inView:z,onClickCapture:C?e=>{if("blueconic"===v)return void $("click",1);let r=e.currentTarget,t=e.target.closest("[data-position]");$("click",t&&r.contains(t)?parseInt(t.dataset.position??"1",10):1)}:void 0,ref:A}}},30028:(e,r,t)=>{t.d(r,{J:()=>n});var i=t(53239),o=t(60595);let n=()=>{let e=(0,o.L)();return(0,i.useMemo)(()=>e.getComponent().getModels().preflightAttributes,[e])}},59819:(e,r,t)=>{t.d(r,{J:()=>i});let i=e=>({context:r})=>r.getPosition().toLowerCase()===e.toLowerCase()},78325:(e,r,t)=>{t.d(r,{U:()=>o});var i=t(12037);function o(...e){return(0,i.hc)(...e)}}}]);