https://www.anwb.nl/_next/static/chunks/5079.ec315704ac1cb3b9.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="67d245b5-6dc4-4bd5-9d85-a3f6c691bc57",e._sentryDebugIdIdentifier="sentry-dbid-67d245b5-6dc4-4bd5-9d85-a3f6c691bc57")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5079],{5079:(e,t,i)=>{i.r(t),i.d(t,{default:()=>_,schema:()=>P});var a=i(80263),r=i(25665),s=i(42174),n=i(6079),o=i(51174),l=i(60427),d=i(64755),c=i(53239),u=i(39580),b=i(12425),v=i(78963),h=i(14917);let f="ACCOUNT-FOCUS-FORM-COMMUNICATION-CONSENT",g="focus-form-communication-consent",m="Je hebt dit veld nog niet ingevuld.",p={0:"card-communication-consent"},x=m,N="Deelname aan onderzoeken",j=m,k="Aanbiedingen per post",E=m,y="Aanbiedingen per telefoon",S={cardCommunicationConsent:{ANWBONDERZOEKSDEELNAME:{dataLayerProps:{componentName:p[0],fieldName:(0,d.toKebabCase)(N),fieldText:(0,d.toKebabCase)(x),validityType:"value-missing"},label:N},ANWBPOST:{dataLayerProps:{componentName:p[0],fieldName:(0,d.toKebabCase)(k),fieldText:(0,d.toKebabCase)(j),validityType:"value-missing"},label:k},ANWBTELEFOON:{dataLayerProps:{componentName:p[0],fieldName:(0,d.toKebabCase)(y),fieldText:(0,d.toKebabCase)(E),validityType:"value-missing"},label:y}}},O=["ANWBPOST","ANWBTELEFOON","ANWBONDERZOEKSDEELNAME"];function F({checkbox:e,componentName:t}){let{control:i,getValues:r}=(0,u.xW)(),s=d.FormFieldNamesFactory.getFormFieldNames((0,d.kebabToCamelCase)(t),e).label;return(0,a.jsx)(u.xI,{control:i,name:e,render:({field:i})=>(0,a.jsx)(v.F,{checked:!!r(e),inputType:"checkbox",label:s,labelTagName:"span",onChange:a=>{i.onChange(a.target.checked),(0,d.handleFormFieldNamesFactory)("valid",t,e),(0,n.vz)(t,e)},valid:!0,variant:"default",children:"ANWBONDERZOEKSDEELNAME"===e&&(0,a.jsx)(v.F.Slot,{id:"header",children:(0,a.jsx)(h.w,{className:"sbr:hyphens-manual",color:"ForegroundColor/Neutral",level:"small",tagName:"p",children:"Om onze dienstverlening te verbeteren laten wij regelmatig klant\xadtevredenheids\xadonderzoek uitvoeren (door derden). Ook doen we af en toe onderzoek over een specifiek onderwerp. Het gaat om onderzoeken waar we je persoonlijk voor benaderen. De klant\xadtevredenheids\xadmeting via een popup op anwb.nl valt hier buiten."})})})})}function w({componentName:e}){return(0,a.jsx)(b.z,{asFieldset:!0,id:"consents-communication",children:(0,a.jsx)(b.z.Slot,{id:"input",children:O.map(t=>(0,a.jsx)(F,{checkbox:t,componentName:e}))})})}var C=i(68557);function T({children:e}){return(0,a.jsxs)(n.nW,{children:[(0,a.jsx)(C.O.Slot,{id:"header",children:(0,a.jsx)(n.jK,{children:"Aanbiedingen & onderzoek"})}),(0,a.jsxs)(C.O.Slot,{id:"body",children:[(0,a.jsx)(h.w,{level:"medium",tagName:"p",children:"Ik geef de ANWB toe

1stemming om met mij contact op te nemen voor:"}),e]})]})}let R=e=>(0,n.SX)(e);function L(){let[e,t]=(0,c.useState)(!1),[i,r]=(0,c.useState)(void 0),[s,b]=(0,c.useState)(!1),{formState:{errors:v,isDirty:h,isSubmitting:m,isValid:x},handleSubmit:N,reset:j,trigger:k}=(0,u.xW)(),E=p[0],{enabledFormComponents:y,enableFormComponents:S}=(0,c.useContext)(n.i);(0,o.useDataLayerEditStart)(E,h);let{loggedOut:O}=(0,o.useLoggedOutAfterFocusFormSubmit)(e,t,s,b,i),F=(0,l.useMyMarketingConsentsCommunicationMutation)({appId:f}),C=e=>{(0,d.dataLayerSubmitEvent)(E,e),r(void 0),j(),window.location.href="/mijn-anwb/persoonlijke-gegevens/voorkeuren-en-brieven?edit-success=card-communication-consent#card-communication-consent"},L=e=>{console.error(e),e instanceof l.HTTPError?(r(R(e.status)),(0,d.dataLayerSubmitEvent)(E,e.status)):(r(R(d.RESPONSE_INTERNAL_SERVER_ERROR)),(0,d.dataLayerSubmitEvent)(E,d.RESPONSE_INTERNAL_SERVER_ERROR)),S(!0)},A=async()=>{t(!1),b(!1),r(void 0),await k().then(()=>{Object.keys(v).forEach(e=>{(0,n.vz)(p[0],e)})});let e=Object.values(v).length>0&&Object.values(v).every(e=>e?.type==="required");Object.values(v).find(e=>e?.type==="option"&&"required"===e.type)||e?t(!0):b(!0)};return(0,a.jsx)("form",{id:g,onSubmit:N(e=>{r(void 0),b(!1),t(!1),S(!1),F.mutate(e,{onError:L,onSuccess:C})},A),children:m&&x||!i&&!y?(0,a.jsx)(n.aQ,{}):(0,a.jsxs)(a.Fragment,{children:[i&&"positive"!==i.variant&&(0,a.jsx)(n.oD,{...i}),e&&(0,a.jsx)(n.d9,{}),s&&(0,a.jsx)(n.mz,{}),O?void 0:(0,a.jsx)(T,{children:(0,a.jsx)(w,{componentName:E})})]})})}function A(){return(0,a.jsx)("div",{"data-test":"focus-form-screen",children:(0,a.jsx)(L,{})})}function z({cancelHref:e}){let t=(0,l.useConsentsCommunicationQuery)({appId:f}),i=t.isLoading,r=t.isError,{buttonSubmit:s,enableFormComponents:b,registerButtonCancel:v,registerButtonSubmit:h}=(0,c.useContext)(n.i),{applicationHasError:g,applicationIsLoading:m,applicationIsReady:x,applicationUserIsLoggedOut:N}=(0,o.useFocusFormState)(i,r,b);(0,c.useEffect)(()=>{h({activeAtStep:0,appearance:"primary",buttonText:s.buttonText,disabled:!1}),v({activeAtStep:0,onClick:t=>{(0,d.dataLayerEditCancelEvent)(p[0]),window.location.href=e}})},[e,v]),(0,c.useEffect)(()=>{x&&(d.FormFieldNamesFactory.setFormFieldNames({...d.FormFieldNamesFactory.formFieldNames,...S}),b(!0))},[x,b]);let j={...t.data},k=(0,u.mN)({defaultValues:j,mode:"onBlur",shouldFocusError:!1,values:j});return(0,a.jsxs)(a.Fragment,{children:[m&&(0,a.jsx)(n.aQ,{}),N&&(0,a.jsx)(n.aO,{}),g&&(0,a.jsx)(n.wR,{title:"Door een technische storing kun je op dit moment je voorkeuren niet doorgeven"}),x&&Object.keys(d.FormFieldNamesFactory.formFieldNames).filter(e=>Object.keys(S).includes(e)).length>0?(0,a.jsx)(u.Op,{...k,children:(0,a.jsx)(A,{})}):(0,a.jsx)(a.Fragment,{})]})}let I=function({cancelHref:e,pageTitle:t}){return(0,a.jsx)(n.Kl,{cancelHref:e,formId:g,headerType:void 0,pageTitle:t,children:(0,a.jsx)(z,{cancelHref:e})})},P=s.Ikc({cancelHref:s.YjP(),pageTitle:s.YjP()}),_=(0,r.Ar)(({config:e})=>{let t=P.safeParse(e);return t.success?(0,a.jsx)(I,{cancelHref:t.data.cancelHref,pageTitle:t.data.pageTitle}):null})},12983:(e,t,i)=>{i.d(t,{n:()=>s});var a=i(64755),r=i(53239);let s=(e,t)=>{let[i,s]=(0,r.useState)(!1);(0,r.useEffect)(()=>{t&&!i&&(s(!0),(0,a.dataLayerEditStartEvent)(e))},[e,i,t])}},23858:(e,t,i)=>{i.d(t,{S:()=>o});var a=i(80263),r=i(53239),s=i(3320),n=i(35250);let o=(0,r.forwardRef)(({valid:e,disabled:t,required:i,children:r,checked:o,className:l,...d},c)=>(0,a.jsxs)("label",{className:(0,n.j)("inline-flex cursor-pointer gap-150 self-baseline text-interactive-neutral prose-paragraph-body-medium aria-disabled:cursor-not-allowed"),"aria-disabled":t,children:[(0,a.jsxs)("div",{className:"relative size-300 shrink-0 grow-0",children:[(0,a.jsx)("input",{type:"checkbox",required:i,disabled:t,checked:o,"aria-invalid":void 0===e?void 0:!e,ref:c,className:(0,n.j)("peer flex size-300 cursor-pointer appearance-none rounded-100 border-100 border-interactive-neutral bg-static after:absolute after:-top-100 after:-left-100 after:size-500 checked:border-interactive-highlight-subtle checked:bg-interactive-highlight-subtle hover:border-200! hover:border-interactive-highlight-subtle hover:checked:border-interactive-highlight-subtle-hover hover:checked:bg-interactive-highlight-subtle-hover focus-visible:outline-200 focus-visible:outline-offset-25 focus-visible:outline-interactive-focus disabled:cursor-not-allowed disabled:border-interactive-disabled! disabled:bg-interactive-disabled! aria-invalid:border-feedback-negative-strong! aria-invalid:bg-static! checked:aria-invalid:border-100",l),...d}),(0,a.jsx)(s.I,{type:"ui",variant:"check-usp",size:"small",className:"pointer-events-none absolute inset-0 m-25 hidden text-static-inverse peer-checked:block peer-disabled:text-interactive-disabled peer-aria-invalid:text-static-feedback-negative"})]}),r]}));o.displayName="Checkbox"},42306:(e,t,i)=>{i.d(t,{s:()=>n});var a=i(80263),r=i(53239),s=i(21069);let n=(0,r.forwardRef)(({valid:e,disabled:t,required:i,children:r,className:n,...o},l)=>(0,a.jsxs)("label",{className:"inline-flex cursor-pointer gap-150 self-baseline text-interactive-neutral prose-paragraph-body-medium aria-disabled:cursor-not-allowed","aria-disabled":t,children:[(0,a.jsx)("input",{type:"radio",required:i,disabled:t,"aria-invalid":void 0===e?void 0:!e,ref:l,className:(0,s.QP)("relative flex size-300 shrink-0 grow-0 cursor-pointer appearance-none rounded-circle border-100 border-interactive-neutral bg-static before:m-auto before:block before:size-100 before:items-center before:rounded-circle after:absolute after:-top-100 after:-left-100 after:size-500 checked:border-interactive-highlight-subtle checked:bg-interactive-highlight-subtle checked:before:bg-static-fill-inverse hover:border-200! hover:border-interactive-highlight-subtle hover:checked:border-interactive-highlight-subtle-hover hover:checked:bg-interactive-highlight-subtle-hover focus-visible:outline-200 focus-visible:outline-offset-25 focus-visible:outline-interactive-focus disabled:cursor-not-allowed disabled:border-interactive-disabled! disabled:bg-interactive-disabled! disabled:checked:before:bg-fill-interactive-disabled aria-invalid:border-feedback-negative-strong! aria-invalid:bg-static checked:aria-invalid:border-100 aria-invalid:checked:bg-static aria-invalid:checked:before:bg-static-fill-feedback-negative",n),...o}),r]}));n.displayName="Radio"},51174:(e,t,i)=>{i.d(t,{useContainerWidth:()=>r,useDataLayerEditStart:()=>s.n,useFocusFormState:()=>o,useLoggedOutAfterFocusFormSubmit:()=>d,useTileState:()=>c,useViewportIsMobile:()=>b,useVisibilityTracking:()=>f});var a=i(53239);function r(){let e=(0,a.useRef)(null),[t,i]=(0,a.useState)(0);return(0,a.useEffect)(()=>{let t=e.current;if(!t)return;let a=new ResizeObserver(([e])=>{e&&i(e.contentRect.width)});return a.observe(t),()=>{a.disconnect()}},[]),{ref:e,width:t}}var s=i(12983),n=i(56179);let o=(e,t,i,r)=>{let s=(0,n.Ui)(),o="authenticated"!==s.status,l="authenticated"===s.status,d=e||s.isLoading||!!r,c=!d&&l&&(t||s.isError),u=!d&&l&&!t&&!s.isError,b=!d&&o,v=!d&&o&&s.isError;return(0,a.useEffect)(()=>{!d&&o&&i(!1)},[i,d,o]),{applicationHasError:c,applicationIsLoading:d,applicationIsReady:u,applicationUserIsLoggedOut:b,applicationUserIsLoggedOutFetchError:v}};var l=i(6079);let d=(e,t,i,r,s)=>{let n=s?.title?.includes("Je sessie is verlopen"),{enableFormComponents:o}=(0,a.useContext)(l.i);return(0,a.useEffect)(()=>{n&&(o(!1),e&&t&&t(!1),i&&r&&r(!1))},[e,o,n,t,r,i,s]),{loggedOut:n}};function c(e,t,i,r){let{status:s}=(0,n.Ui)(),o=new Set(r??[]),l=Object.entries(e),d=l.some(([e,t])=>t.isLoading&&"idle"!==t.fetchStatus),c=l.some(([e,t])=>{let a=t.error;return a&&i?.[e]?.includes(a.status)}),u=l.some(([e,t])=>t.isError&&!c);return{data:(0,a.useMemo)(()=>

1{if(l.some(([e,t])=>!o.has(e)&&void 0===t.data))return null;let i=Object.fromEntries(Object.entries(e).map(([e,t])=>[e,t.data]));return t?t(i):i},l.map(([e,t])=>t.data)),isError:u,isLoading:d,isLoggedOut:"authenticated"!==s,queries:e}}var u=i(13449);function b(){let e=(0,u.B)(),[t,i]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{i(!0)},[]),t&&["sm","xs"].includes(e)}var v=i(64755),h=i(6596);let f=(e,t,i=!1,a)=>{let r=!t||t.every(e=>e);return(0,h.Wx)({initialInView:i,onChange(t){t&&r&&((0,v.dataLayerVisibilityEvent)(e),a&&a())},threshold:.5,triggerOnce:r})}},78963:(e,t,i)=>{i.d(t,{F:()=>f});var a=i(80263),r=i(53239),s=i(21069),n=i(23858),o=i(3320),l=i(8862),d=i(57300),c=i(42306),u=i(13529),b=i(63703);let{Slot:v,slotIds:h}=(0,b.eX)("header","body"),f=Object.assign((0,r.forwardRef)(({label:e,variant:t,iconVariant:i,valid:r=!0,disabled:v=!1,color:f,image:g,inputType:m,link:p,children:x,className:N,labelTagName:j,...k},E)=>{let y="inline"===t,S="checkbox"===m?n.S:c.s,{header:O,body:F}=(0,b.Ht)(x,h);return(0,a.jsxs)("div",{className:"flex flex-col gap-100",children:[(0,a.jsxs)("div",{"aria-disabled":v,className:(0,s.QP)("relative grid self-stretch rounded-200 border-200 border-static-transparent bg-interactive-form-controls p-300",y?"items-center gap-150 grid-cols-[1fr_auto]":"flex-col gap-200","has-input-focus-visible:outline-200 has-input-focus-visible:outline-offset-25 has-input-focus-visible:outline-interactive-focus",v&&"border-interactive-disabled bg-interactive-disabled text-interactive-disabled disabled:[&_input]:border-interactive-disabled-strong! disabled:[&_input]:bg-interactive-disabled-strong!",!v&&"hover:bg-interactive-form-controls-hover",!r&&"has-input-checked:border-static-feedback-negative-strong",r&&!v&&"has-input-checked:border-interactive-highlight-subtle",!v&&"has-input-checked:hover:border-static-interactive-highlight-subtle-hover",N),children:[i&&(0,a.jsx)(o.I,{type:"illustrative",variant:i,size:"medium",className:(0,s.QP)("order-1 text-static-strong",y&&"order-2",v&&"text-interactive-disabled")}),(0,a.jsxs)("div",{className:(0,s.QP)("order-2 flex flex-col [&>label]:after:absolute [&>label]:after:inset-0",y&&"order-1",v&&"cursor-not-allowed"),children:[(0,a.jsx)(S,{className:(0,s.QP)("aria-invalid:border-static-feedback-negative-strong!","border-static-interactive-neutral checked:border-static-interactive-highlight-subtle checked:bg-static-interactive-highlight-subtle hover:border-static-interactive-highlight-subtle checked:hover:border-static-interactive-highlight-subtle-hover checked:hover:bg-static-interactive-highlight-subtle-hover focus-visible:outline-static-interactive-focus",v&&"border-interactive-disabled-strong bg-interactive-disabled-strong"),ref:E,valid:r,disabled:v,...k,children:(0,a.jsx)(u.K,{tagName:j,level:"medium",className:(0,s.QP)("text-static-neutral",v&&"text-interactive-disabled"),children:e})}),!y&&O&&(0,a.jsx)("div",{className:"pl-450",children:O}),y&&x&&(0,a.jsx)("div",{className:"pl-450",children:x})]}),!y&&F&&(0,a.jsx)("div",{className:"order-3 pl-450",children:F}),y&&(f||g)&&(0,a.jsx)("div",{style:f?{backgroundColor:f}:void 0,className:(0,s.QP)("pointer-events-none relative order-2 size-500 overflow-hidden rounded-50",v&&"cursor-not-allowed text-clip before:absolute before:block before:size-full before:bg-static-fill-neutral/40 after:absolute after:top-0 after:right-auto after:left-1/2 after:h-full after:-translate-x-1/2 after:scale-150 after:rotate-45 after:bg-interactive-disabled"),children:g&&(0,a.jsx)(l._,{...g,aspectRatio:"1/1",role:"presentation"})})]}),p&&(0,a.jsx)("div",{className:"self-start",children:(0,a.jsx)(d.a,{...p})})]})}),{Slot:v})}}]);