1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var i=1;i<arguments.length;i++){var t=arguments[i];if(null!=t)for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:dpg-media-services-csa":!0});var i=(new e.Error).stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="abf922f7-1ad7-4f24-9611-1b461c17c4fc",e._sentryDebugIdIdentifier="sentry-dbid-abf922f7-1ad7-4f24-9611-1b461c17c4fc")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7213],{9803:(e,i,t)=>{t.d(i,{a:()=>a});var n=t(6029);function a({src:e,label:i,size:t="sm"}){return(0,n.jsxs)("span",{className:"flex items-center gap-2 min-w-0",children:[(0,n.jsx)("img",{src:e,alt:"",className:`${"sm"===t?"w-3 h-3":"w-[32px] h-[32px]"} shrink-0 object-contain rounded-sm`}),(0,n.jsx)("span",{className:"truncate",children:i})]})}t(55729)},10199:(e,i,t)=>{t.d(i,{G:()=>p,p:()=>b});var n,a=t(6029);t(55729);var s=t(89456),r=t(237),l=t(15615),o=t(13055),c=t(43343),d=t(92965),u=t(57490),m=t(76264),b=((n={}).Holiday="holiday",n.MovingHouse="moving-house",n.DeliveryComplaint="delivery-complaint",n.InvoiceOverview="invoice-overview",n.ChangePaymentMethod="change-payment-method",n.ChangeCustomerDetails="change-customer-details",n);function p({sourceFlow:e,description:i,buttonLabel:t,className:n}){let b=(0,d.om)(),{getDictionaryValue:x}=(0,c.c3)(),h=new URL("/abonnementen/koppelen",(0,u.hC)());return e&&h.searchParams.set("from",e),(0,a.jsx)("div",{className:(0,m.QP)((0,u.cx)("flex flex-col gap-4 pt-4",n)),children:b?(0,a.jsx)(l.A,{testId:"no-active-subscriptions-message",message:x("subscriptionOverviewAppServiceNoSubscriptionsDescription")}):(0,a.jsxs)(a.Fragment,{children:[i,(0,a.jsx)(r.N,{href:h.href,passHref:!0,children:(0,a.jsx)(s.$n,{as:"span",variant:"primary",className:"cursor-pointer","data-testid":"link-subscription",children:t})}),(0,a.jsx)(o.V,{})]})})}},13055:(e,i,t)=>{t.d(i,{V:()=>c});var n=t(6029);t(55729);var a=t(43343),s=t(92732),r=t(15615),l=t(79132),o=t(22507);function c(){let{getTranslation:e,getPortableText:i}=(0,a.c3)(),{brandCategory:t}=(0,l.PB)();return(0,n.jsxs)(s.I,{title:e("moreInfoDialogTitle"),event:{event:"link_subscription_modal_shown",modal_content:"link_subscription"},children:[(0,n.jsx)(r.A,{message:i("magazine"===t?"moreInfoDialogContentMagazine":"moreInfoDialogContentNewspaper"),className:"text-sm"}),(0,n.jsx)("div",{className:"max-w-lg mx-auto",children:(0,n.jsx)(o.A,{})})]})}},13860:(e,i,t)=>{t.d(i,{l:()=>r});var n=t(6029);t(55729);var a=t(89456),s=t(43343);let r=({loading:e,children:i,...t})=>{let{getTranslation:r}=(0,s.c3)();return(0,n.jsx)(a.$n,{...t,disabled:t.disabled||e,children:e?(0,n.jsx)(a.fV,{"aria-label":r("isLoadingAriaLabel"),className:"brightness-0"}):i})}},44023:(e,i,t)=>{t.d(i,{j:()=>r});var n=t(55729),a=t(79132),s=t(59867);let r=()=>{let e=(0,a.Ek)();return(0,n.useCallback)(({lowerCaseBrandId:i})=>(0,s.e)(i,e)&&e[i].brandCategory?e[i].brandCategory:"unknown",[e])}},45296:(e,i,t)=>{t.d(i,{p:()=>s});var n=t(55729),a=t(18654);function s(e){let[i,t]=(0,n.useState)(!1),{pushAnalyticsEvent:s}=(0,a.iK)();return[i,(0,n.useCallback)(i=>(i&&e&&s(e),t(i)),[])]}},47466:(e,i,t)=>{t.d(i,{ez:()=>r,wF:()=>a,yx:()=>s});var n=t(55729);let a=(0,n.createContext)([]),s=()=>(0,n.useContext)(a),r=e=>{let i=s();return i?.find(i=>i.iso2Code===e)}},75286:(e,i,t)=>{t.d(i,{N:()=>n,Q:()=>a});let n={PAYMENT_DETAILS:"betaalgegevens",OVERVIEW:"overzicht"},a={[n.PAYMENT_DETAILS]:"invoicesPaymentDataTitle",[n.OVERVIEW]:"invoicesOverviewTitle"}},78504:(e,i,t)=>{t.d(i,{A:()=>b});var n=t(6029),a=t(55729),s=t(1699),r=t(89456),l=t(71024),o=t.n(l),c=t(81278),d=t(15615),u=t(43343);let m=o()(()=>Promise.all([t.e(3957),t.e(5330)]).then(t.bind(t,95330)),{loadableGenerated:{webpack:()=>[95330]},loading:()=>(0,n.jsx)("div",{style:{width:"300px",height:"250px"}}),ssr:!1});function b({error:e,traceId:i}){let{getTranslation:t,getPortableText:l}=(0,u.c3)(),{pathname:o,push:p,reload:x}=(0,c.useRouter)();return(0,a.useEffect)(()=>
1{if(window.location){let t=new URLSearchParams(window.location.search);"forbidden"===t.get("error")&&t.has("reason")||(0,s.c_)(e||Error("[500] Internal server error"),{extra:{traceId:i,href:window.location.href}})}},[i,e]),(0,n.jsxs)("div",{className:"text-center","data-testid":"error-page-500",children:[(0,n.jsx)("div",{className:"mt-8 inline-block",children:(0,n.jsx)(m,{src:"/animations/500.lottie",autoplay:!0,loop:!0,style:{width:"300px",height:"250px"}})}),(0,n.jsx)("div",{className:"flex flex-col text-center bg-white py-8 px-4",children:(0,n.jsxs)("div",{className:"max-w-xl mx-auto space-y-4 tablet:space-y-6",children:[(0,n.jsx)(d.A,{className:"text-xl font-bold",message:l("errorDescription")}),"/500"===o?(0,n.jsx)(r.$n,{variant:"primary",onClick:()=>{p("/account")},children:t("errorBackButtonLabel404")}):(0,n.jsx)(r.$n,{variant:"primary",onClick:()=>{x()},children:t("errorRetryButtonLabel")}),i&&(0,n.jsxs)("span",{"data-testid":"error-trace-id",className:"pt-4 font-monospace block text-gray-dark",children:[t("errorTraceIdLabel")," ",i]})]})})]})}},91116:(e,i,t)=>{t.d(i,{C:()=>X});var n=t(6029),a=t(55729),s=t(89456),r=t(18654),l=t(57490),o=t(55597),c=t(9803),d=t(237),u=t(43343),m=t(13860),b=t(59867),p=t(62074),x=t(21941),h=t(76407),f=t(79132),g=t(79478),v=t(44023),k=t(94002);let j=(0,x.Ik)({brand_id:(0,x.Yj)().required("genericFormMissingInputErrorMessage")}),C=(0,x.Ik)({subscription_id:(0,x.Yj)().length(8,"linkSubscriptionFormMagazineSubscriptionIdValidationError").required("genericFormMissingInputErrorMessage")}),_=(0,x.Ik)({subscription_id:(0,x.Yj)().matches(/^A\d{10}$/,"linkSubscriptionFormNewspaperSubscriptionIdValidationError").required("genericFormMissingInputErrorMessage")}),S=["INVALID_EMAIL","LINKED_EMAIL_NOT_FOUND"];function N({cancelCallbackUrl:e,isCampaign:i,brandId:t,subscriptionId:a,violations:r,onSubmit:l,onGoToPaymentVerificationClick:I}){let{getErrorTranslation:E}=(0,u.YY)(),{getDictionaryStringValue:w,getTranslation:y}=(0,u.c3)(),{getTranslatedViolation:L}=(0,g.s)(),D=(0,f.Ek)(),R=(0,f.PB)(),T=function(){let e=(0,f.Ek)(),{getFeatureFlag:i}=(0,h.h)();return Object.values(e).filter(e=>i(e.id,"isBrandSubscriptionsEnabled")&&i(e.id,"isBrandSubscriptionsLinkingEnabled")).sort((e,i)=>e.title.localeCompare(i.title)).map(e=>({label:e.title,value:e.id,logoUrl:(0,k.M)(e)}))}(),A=(0,v.j)(),B=(0,x.RZ)(e=>{let i=A({lowerCaseBrandId:e.brand_id});return j.concat("newspaper"===i||"more_media"===i?_:C)}),F=!i&&t&&(0,b.e)(t,D)?t:void 0,V=r.length>0&&r.every(e=>S.includes(e));return(0,n.jsx)(p.l1,{initialValues:{brand_id:F||"",subscription_id:a||""},onSubmit:l,validationSchema:B,children:({values:i,touched:t,errors:a,isValid:l,isSubmitting:u,setFieldValue:b,handleSubmit:p,handleBlur:x})=>{let h=A({lowerCaseBrandId:i.brand_id||R.id});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"max-w-md w-full mx-auto pt-5 tablet:pt-4 px-3 mb-5 flex flex-col text-center gap-6",children:(0,n.jsx)(s.gj,{variant:"row",steps:[{id:"step-1",label:w("linkSubscriptionPageStep1Label"),status:u?"loading":r.length>0?"error":"active"},{id:"step-2",label:w("linkSubscriptionPageStep2Label"),status:"inactive"}]})}),(0,n.jsxs)("div",{className:"max-w-md w-full mx-auto pb-6 px-3 flex flex-col text-center gap-3",children:[(0,n.jsx)("h1",{className:"font-bold text-xl","data-testid":"link-subscription-title",children:w("linkSubscriptionPageTitle")}),(0,n.jsx)("p",{"data-testid":"link-subscription-subtext",children:w("linkSubscriptionPageDescription")})]}),(0,n.jsx)("div",{className:"bg-white grow",children:(0,n.jsxs)("div",{className:"max-w-md w-full mx-auto pb-6 pt-5 tablet:pt-4 px-3",children:[(0,n.jsxs)("form",{className:"flex flex-col gap-4",onSubmit:p,children:[r.length>0&&r.map(e=>(0,n.jsx)(s.Eg,{variant:"error",className:"w-full","data-testid":`violation-${e}`,children:"SUBSCRIPTION_NOT_FOUND"===e?w("linkSubscriptionSubscriptionNotFoundError"):L(e)},e)),(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{className:"pb-2 text-sm font-semibold",children:w("linkSubscriptionFormBrandSelectionLabel")}),(0,n.jsx)(s.zB,{name:"brand_id",touched:t.brand_id,error:a.brand_id&&E(a.brand_id),requiredDescription:y("genericFormRequiredDescription"),children:(0,n.jsx)(s.qF,{items:T,keyField:"value",labelField:"label",testId:"link-subscription-brand-selector",placeholder:w("linkSubscriptionFormBrandSelectionPlaceholder"),isControlled:!0,selectedItem:T.find(e=>e.value===i.brand_id),onChange:e=>{b("brand_id",e.value)},renderItem:e=>(0,n.jsx)(c.a,{src:e.logoUrl,label:e.label,size:"lg"}),renderSelectedItem:e=>(0,n.jsx)(c.a,{src:e.logoUrl,label:e.label})})})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{className:"pb-2 text-sm font-semibold",children:w("linkSubscriptionFormSubscriptionIdLabel")}),(0,n.jsx)("p",{className:"mb-1",children:(0,n.jsxs)("span",{className:"text-xs flex items-center",children:[(0,n.jsx)(s.In,{icon:o.iW_,className:"text-icon mr-1"}),w("linkSubscriptionFormSubscriptionIdInfoText")]})}),(0,n.jsx)(s.zB,{name:"subscription_id",touched:t.subscription_id,error:a.subscription_id&&E(a.subscription_id),children:(0,n.jsx)(s.pd,{label:i.brand_id?w("newspaper"===h||"more_media"===h?"linkSubscriptionFormNewsp
1aperSubscriptionIdPlaceholder":"linkSubscriptionFormMagazineSubscriptionIdPlaceholder"):w("linkSubscriptionFormEmptyPlaceholder"),value:i.subscription_id,onChange:e=>{b("subscription_id",e.target.value.toUpperCase().replace(/[^A0-9]/g,"").replace(/(?!^A)[A]/g,""))},onBlur:x,disabled:!i.brand_id,"data-testid":"link-subscription-subscription-id"})})]}),(0,n.jsx)(m.l,{variant:"primary",type:"submit",disabled:u||!l||!i.brand_id||!i.subscription_id,loading:u,"data-testid":"link-subscription-next-button",children:w("linkSubscriptionFormNextButtonLabel")})]}),V&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.cG,{label:w("linkSubscriptionSeparatorLabel")}),(0,n.jsx)("p",{className:"text-center font-semibold",children:w("linkSubscriptionVerifyBankDetailsLabel")}),(0,n.jsx)(s.$n,{variant:"secondary",type:"button",className:"mt-4 w-full",onClick:I,"data-testid":"link-subscription-go-to-payment-verification-button",children:w("linkSubscriptionGoToPaymentVerificationLabel")})]}),(0,n.jsx)("hr",{className:"mt-5 mb-3 border-gray-medium"}),(0,n.jsx)("div",{className:"text-center mt-4",children:(0,n.jsx)(d.N,{href:e,className:"text-anchor hover:text-anchor-dark underline text-sm font-semibold",children:w("linkSubscriptionFormCancelLinkLabel")})})]})})]})}})}var I=t(33591),E=t(15615);let w=(0,x.Ik)({verification_method:(0,x.Yj)().oneOf(["DIRECT_DEBIT","CREDIT_CARD","BANK_TRANSFER"]).required("genericFormMissingInputErrorMessage"),masked_iban:(0,x.Yj)().when("verification_method",{is:e=>["DIRECT_DEBIT","BANK_TRANSFER"].includes(e),then:e=>e.required("genericFormMissingInputErrorMessage").matches(/^\d{4}$/,"genericFormNotFourNumbersErrorMessage"),otherwise:e=>e.optional()}),card_number_mask:(0,x.Yj)().when("verification_method",{is:"CREDIT_CARD",then:e=>e.matches(/^\d{4}$/,"genericFormNotFourNumbersErrorMessage").required("genericFormMissingInputErrorMessage"),otherwise:e=>e.optional()})});function y({cancelCallbackUrl:e,violations:i,onSubmit:t,onGoBackClick:l}){let{getDictionaryStringValue:c,getDictionaryValue:d,getTranslation:b}=(0,u.c3)(),{getErrorTranslation:x}=(0,u.YY)(),{getTranslatedViolation:h}=(0,g.s)(),{pushAnalyticsEvent:f}=(0,r.iK)(),v=[{label:c("linkSubscriptionVerifyDirectDebitLabel"),value:"DIRECT_DEBIT"},{label:c("linkSubscriptionVerifyCreditcardLabel"),value:"CREDIT_CARD"},{label:c("linkSubscriptionVerifyBankTransferLabel"),value:"BANK_TRANSFER"}];return(0,a.useEffect)(()=>{i.length>0&&i.forEach(e=>{f({event:"error",error_message:h(e)})})},[h,f,i]),(0,n.jsx)(p.l1,{initialValues:{verification_method:"DIRECT_DEBIT",masked_iban:"",card_number_mask:""},onSubmit:t,validationSchema:w,children:({values:t,touched:a,errors:r,setFieldValue:u,isSubmitting:f,handleChange:g,handleBlur:k,handleSubmit:j})=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"max-w-md w-full mx-auto pt-5 tablet:pt-4 px-3 mb-4 flex flex-col text-center gap-6",children:(0,n.jsx)(s.gj,{variant:"row",steps:[{id:"step-1",label:c("linkSubscriptionPageStep1Label"),status:"completed",onClick:l},{id:"step-2",label:c("linkSubscriptionPageStep2Label"),status:f?"loading":i.length>0?"error":"active"}]})}),(0,n.jsxs)("div",{className:"max-w-md w-full mx-auto pb-6 pt-5 tablet:pt-4 px-3 flex flex-col text-center gap-3",children:[(0,n.jsx)("h1",{className:"font-bold text-xl","data-testid":"link-subscription-title",children:c("linkSubscriptionPageTitle")}),(0,n.jsx)("p",{"data-testid":"link-subscription-subtext",children:c("linkSubscriptionPageDescription")})]}),(0,n.jsx)("div",{className:"bg-white",children:(0,n.jsxs)("div",{className:"max-w-md w-full mx-auto pb-6 pt-5 tablet:pt-4 px-3",children:[(0,n.jsx)(E.A,{message:d("linkSubscriptionVerifyPaymentDescription"),className:"mt-3 mb-6 text-sm"}),i.length>0&&i.map(e=>(0,n.jsx)(s.Eg,{variant:"error",className:"w-full mb-4","data-testid":`violation-${e}`,children:"SUBSCRIPTION_NOT_FOUND"===e?c("linkSubscriptionSubscriptionNotFoundError"):h(e)},e)),(0,n.jsxs)(p.lV,{className:"flex flex-col gap-4",onSubmit:j,children:[(0,n.jsxs)("div",{children:[(0,n.jsx)(s.zB,{name:"verification_method",touched:a.verification_method,className:"mb-2",requiredDescription:b("genericFormRequiredDescription"),children:(0,n.jsx)(s.qF,{items:v,keyField:"value",labelField:"label",testId:"link-subscription-verification-method-selector",placeholder:c("linkSubscriptionVerifyPaymentMethodLabel"),isControlled:!0,selectedItem:v.find(e=>e.value===t.verification_method),onChange:e=>{u("verification_method",e.value)}})}),"DIRECT_DEBIT"===t.verification_method&&(0,n.jsx)(s.zB,{name:"masked_iban",touched:a.masked_iban,error:r.masked_iban&&x(r.masked_iban),children:(0,n.jsx)(s.pd,{label:c("linkSubscriptionVerifyDirectDebitPlaceholder"),placeholder:c("linkSubscriptionVerifyDirectDebitPlaceholder"),value:t.masked_iban,onChange:g,onBlur:k,"data-testid":"link-subscription-masked-iban",icon:(0,n.jsx)(s.In,{icon:o.$O8,fixedWidth:!0})})}),"CREDIT_CARD"===t.verification_method&&(0,n.jsx)(s.zB,{name:"card_number_mask",touched:a.card_number_mask,error:r.card_number_mask&&x(r.card_number_mask),children:(0,n.jsx)(s.pd,{label:c("linkSubscriptionVerifyCreditcardPlaceholder"),placeholder:c("linkSubscriptionVerifyCreditcardPlaceholder"),value:t.card_number_mask,onChange:g,onBlur:k,"data-testid":"link-subscription-credit-card-number-mask",icon:(0,n.jsx)(s.In,{icon:o.$O8,fixedWidth:!0})})}),"BANK_TRANSFER"===t.verification_method&&(0,n.jsx)(s.zB,{name:"masked_iban",touched:a.masked_iban,error:r.masked_iban&&x(r.masked_iban),children:(0,n.jsx)(s.pd,{label:c("linkSubscriptionVerifyDirectDebitPlaceholder"),placeholder:c("linkSubscriptionVerifyDirectDebitPlaceholder"),value:t.masked_iban,onChange:g,onBlur:k,"data-testid":"link-subscription-masked-iban",icon:(0,n.jsx)(s.In,{icon:o.$O8})})})]}),(0,n.jsxs)("div",{className:"flex flex-row-reverse gap-2",children:[(0,n.jsx)(m.l,{variant:"primary",type:"submit",loading:f,"data-testid":"link-subscription-next-button",className:"grow",children:c("linkSubscriptionFormSubmitButtonLabel")}),(0,n.jsxs)(s.$n,{variant:"secondary",type:"button","data-testid":"link-subscription-previous-button",onClick:l,children:[(0,n.jsx)(s.In,{icon:o.
1CeG,className:"mr-1"}),c("linkSubscriptionFormPreviousButtonLabel")]})]})]}),(0,n.jsx)("hr",{className:"mt-3 mb-3 border-gray-medium"}),(0,n.jsx)("div",{className:"text-center mt-4",children:(0,n.jsx)(I.E,{href:e,className:"text-anchor hover:text-anchor-dark underline text-sm font-semibold",children:c("linkSubscriptionFormCancelLinkLabel")})})]})})]})})}var L=t(95810);let D=(0,x.Ik)({verificationCode:(0,x.Yj)().required()});function R({challenge:e,violations:i,cancelCallbackUrl:t,isChallengeFetching:r=!1,attemptsRemaining:c,onSubmit:d,onGoBackClick:b,onGoToPaymentVerificationClick:x,onSendNewCodeClick:h}){let{getDictionaryValue:f,getDictionaryStringValue:v}=(0,u.c3)(),{getTranslatedViolation:k}=(0,g.s)(),j=(0,l.L4)(e?new Date(e.expirationDate).getTime():void 0),C=0===j||i.includes("CHALLENGE_EXPIRED"),_=(0,a.useMemo)(()=>C||!i.some(e=>"INCORRECT_CODE"===e),[C,i]),S=null!==j&&j>0&&!i.some(e=>"TOO_MANY_ATTEMPTS"===e||"CHALLENGE_ALREADY_SOLVED"===e||"CHALLENGE_EXPIRED"===e),N=(0,a.useMemo)(()=>C||i.includes("TOO_MANY_ATTEMPTS"),[C,i]),w=(0,a.useMemo)(()=>c<3&&i.includes("INCORRECT_CODE"),[c,i]);return(0,n.jsx)(p.l1,{initialValues:{verificationCode:""},onSubmit:d,validationSchema:D,children:({isSubmitting:a,handleChange:l,isValid:d})=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"max-w-md w-full mx-auto pt-5 tablet:pt-4 px-3 mb-4 flex flex-col text-center gap-6",children:(0,n.jsx)(s.gj,{variant:"row",steps:[{id:"step-1",label:v("linkSubscriptionPageStep1Label"),status:"completed",onClick:b},{id:"step-2",label:v("linkSubscriptionPageStep2Label"),status:a?"loading":i.length>0?"error":"active"}]})}),(0,n.jsxs)("div",{className:"max-w-md w-full mx-auto pb-6 pt-5 tablet:pt-4 px-3 flex flex-col text-center gap-3",children:[(0,n.jsx)("h1",{className:"font-bold text-xl","data-testid":"link-subscription-title",children:v("linkSubscriptionAccountVerificationTitle")}),(0,n.jsx)("p",{"data-testid":"link-subscription-subtext",children:v("linkSubscriptionEnterVerificationCodeDescription")})]}),(0,n.jsx)("div",{className:"bg-white",children:(0,n.jsxs)("div",{className:"max-w-md w-full mx-auto pb-6 pt-5 tablet:pt-4 px-3",children:[(0,n.jsxs)(p.lV,{className:"flex flex-col items-center gap-3 mb-5",children:[e&&(0,n.jsx)(E.A,{message:f("linkSubscriptionSentEmailWithCodeText"),className:"text-sm text-center",values:{email:e.email}}),S&&(0,n.jsx)("div",{"data-testid":"verification-timer",children:(0,n.jsx)(L.S,{secondsToExpire:j,timerMessage:f("linkSubscriptionPageVerificationInfoNotification")})}),(i.length>0||C||w)&&(0,n.jsxs)(s.Eg,{variant:"error",className:"w-full","data-testid":"error-notification",children:[!C&&i.map(e=>e&&"INCORRECT_CODE"!==e&&(0,n.jsx)("p",{"data-testid":`violation-${e}`,children:k(e)},e)),C&&(0,n.jsx)("p",{"data-testid":"violation-CHALLENGE_EXPIRED",children:k("CHALLENGE_EXPIRED")}),w&&(0,n.jsx)(E.A,{message:f("linkSubscriptionAttemptsLeftNotification"),testId:"violation-wrong-code",values:{attempts:c}}),_&&(0,n.jsx)("button",{"data-testid":"error-button-retry",className:"no-border mt-1 text-sm underline block",onClick:h,type:"button",disabled:r||a,children:v("linkSubscriptionResendCodeButtonLabel")})]}),(0,n.jsxs)("div",{className:"flex flex-col items-center",children:[(0,n.jsx)("p",{className:"text-sm text-center my-2",children:v("linkSubscriptionVerificationCodeTitle")}),(0,n.jsx)(s.Px,{id:"verificationCode","data-testid":"verification_code",labelTemplate:v("linkSubscriptionVerificationCodeInputLabel"),disabled:!e,controlCharacter:e?.controlCharacter,invalid:w,onChange:e=>l({target:{name:"verificationCode",value:e}})})]}),(0,n.jsxs)("div",{className:"flex gap-2 mt-2 w-full",children:[(0,n.jsxs)(s.$n,{variant:"secondary",type:"button",onClick:b,"data-testid":"link-subscription-verification-previous-button",children:[(0,n.jsx)(s.In,{icon:o.Wzs}),v("linkSubscriptionBackButtonLabel")]}),(0,n.jsx)(m.l,{variant:"primary",type:"submit",className:"grow",loading:a||r,disabled:!d||a||N||r,"data-testid":"link-subscription-verification-submit-button",children:v("linkSubscriptionSubmitButtonLabel")})]})]}),(0,n.jsx)(s.cG,{label:v("linkSubscriptionSeparatorLabel")}),(0,n.jsxs)("p",{className:"mt-3 mb-5 text-sm text-center",children:[(0,n.jsx)("b",{children:v("linkSubscriptionNoAccessToEmailTitle")}),(0,n.jsx)("br",{}),v("linkSubscriptionCompleteVerificationText")]}),(0,n.jsx)(s.$n,{variant:"secondary",type:"button","data-testid":"link-subscription-go-to-payment-verification-button",className:"w-full",onClick:x,children:v("linkSubscriptionBackToBankVerificationButtonLabel")}),(0,n.jsxs)(s.Eg,{variant:"info",className:"mt-8",children:[(0,n.jsx)(E.A,{message:f("linkSubscriptionResendCodeNotification")}),(0,n.jsx)("button",{"data-testid":"retry-button",className:"no-border mt-1 text-sm underline block",onClick:h,type:"button",disabled:r||a,children:v("linkSubscriptionResendCodeButtonLabel")})]}),(0,n.jsx)("hr",{className:"mt-3 mb-3 border-gray-medium"}),(0,n.jsx)("div",{className:"text-center mt-4",children:(0,n.jsx)(I.E,{href:t,className:"text-anchor hover:text-anchor-dark underline text-sm font-semibold",children:v("linkSubscriptionFormCancelLinkLabel")})})]})})]})})}var T=t(50197),A=t(50092);let B=(0,A.UG)(` 2 mutation InitiateEmailVerificationChallenge( 3 $input: OmsInitiateEmailVerifcationChallengeInput! 4 ) { 5 omsInitiateEmailVerificationChallenge(input: $input) { 6 __typename 7 ... on ChallengeSuccessResponse { 8 challengeId 9 controlCharacter 10 email 11 expirationDate 12 } 13 ... on ChallengeErrorResponse { 14 validationMessage 15 } 16 } 17 } 18`),F=(0,A.UG)(` 19 mutation CompleteEmailVerificationChallenge( 20 $input: OmsCompleteEmailVerifcationChallengeInput! 21 ) { 22 omsCompleteEmailVerificationChallenge(input: $input) { 23 __typename 24 ... on SuccessResponse { 25 result 26 } 27 ... on ErrorResponse { 28 validationMessage 29 } 30 } 31 } 32`),V=(0,A.UG)(` 33 mutation LinkSubscription($input: LinkSubscriptionAsOwnerInput!) { 34 linkSubscriptionAsOwner(linkSubscriptionAsOwnerInput: $input) { 35 __typename 36 result 37 validationErrors 38 } 39 } 40`);var O=t(82203),M=t.n(O),P=t(81278),U=t(95618),$=t(78504),G=t(75286),K=t(10199),z=t(90472);let Y=(0,A.UG)(` 41 query SubscriptionLinkedSuccessfullySubscription( 42 $brandId: String! 43 $subscriptionId: String! 44 ) { 45 getLinkedSubscription(brandId: $brandId, subscriptionId: $subscriptionId) { 46 ...IsDigitalBasicSubscription 47 brand 48 subscriptionIdForDisplay 49 pcsProduct { 50 descriptor { 51 name 52 } 53 } 54 } 55 } 56`);function q({isCampaign:e,sourceFlow:i,brandId:t,successButtonLabel:r,successCallbackUrl:l}){let{getDictionaryStringValue:o}=(0,u.c3)(),c=(0,f.Ek)(),m=(0,a.useMemo)(()=>{let e=t&&(0,b.e)(t,c)?c[t].subscriptionReadOnlineUrl??"":"";switch(i){case K.p.DeliveryComplaint:return{label:o("linkSubscriptionViewComplaintFlowButtonLabel"),url:"/bezorgservice/klacht"};case K.p.InvoiceOverview:return{label:o("linkSubscriptionViewInvoiceFlowButtonLabel"),url:`/facturen/${G.N.OVERVIEW}`};case K.p.MovingHouse:return{label:o("linkSubscriptionViewMovingHouseFlowButtonLabel"),url:"/verhuisservice/doorgeven"};case K.p.Holiday:return{label:o("linkSubscriptionViewHolidayFlowButtonLabel"),url:"/vakantieservice/doorgeven"};case K.p.ChangeCustomerDetails:return{label:o("linkSubscriptionViewChangeCustomerDetailsFlowButtonLabel"),url:"/abonnementen/persoonsgegevens"};default:return{label:o("linkSubscriptionReadOnlineButtonLabel"),url:e}}},[i,o,c,t]);return(0,n.jsxs)(n.Fragment,{children:[m.url&&(0,n.jsx)(d.N,{href:m.url,"data-testid":i?"link-subscription-view-subscription-link":"link-subscription-read-subscription-online",children:(0,n.jsx)(s.$n,{as:"span",variant:"primary",className:"mt-4 mb-3 cursor-pointer",children:m.label})}),(0,n.jsx)(d.N,{href:l,className:"text-anchor hover:text-anchor-dark underline text-sm font-semibold","data-testid":"link-subscription-self-service-button",children:e?r:o("linkSubscriptionViewSelfServiceButtonLabel")})]})}function H({isCampaign:e=!1,sourceFlow:i,brandId:t,subscriptionId:a,successButtonLabel:r,successCallbackUrl:l}){let o=(0,f.Ek)(),{getDictionaryStringValue:c}=(0,u.c3)(),[{data:d,fetching:m,error:p}]=(0,T.IT)({query:Y,variables:{brandId:t,subscriptionId:a}});if(m)return(0,n.jsx)("div",{className:"flex justify-center",children:(0,n.jsx)(s.fV,{"aria-label":c("linkSubscriptionLoadingLabel")})});if(p||!(0,b.e)(t,o))return(0,n.jsx)($.A,{error:p});if(!d?.getLinkedSubscription)return(0,n.jsx)("div",{className:"flex flex-col items-center",children:(0,n.jsx)(q,{isCampaign:e,sourceFlow:i,brandId:t,successButtonLabel:r,successCallbackUrl:l})});let x=o[t],{subscriptionIdForDisplay:h,pcsProduct:g}=d.getLinkedSubscription,v=x.subscriptionImage?(0,U.d)(x.subscriptionImage)?.url():"",k=g?.descriptor?.name||x.seoTitle,j=x.tips.length>0&&!i&&!(0,z.Np)(d.getLinkedSubscription);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"mx-auto bg-white border border-gray-medium p-4 rounded-lg flex flex-col items-center",children:[(0,n.jsx)("img",{className:"w-[135px] mb-2",src:v,alt:""}),(0,n.jsx)("h3",{className:"heading-5 font-bold mb-1","data-testid":"link-subscription-success-product-title",children:k}),(0,n.jsxs)("span",{className:"text-sm","data-testid":"link-subscription-success-product-subtitle","data-dpg-pii":!0,children:[c("linkSubscriptionFormSubscriptionIdLabel"),":"," ",h||a]}),(0,n.jsx)(q,{isCampaign:e,sourceFlow:i,brandId:t,successButtonLabel:r,successCallbackUrl:l})]}),j&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(E.A,{message:x.tips,values:{brand_name:x.seoTitle},className:"mt-4",testId:"link-subscription-brand-tips"}
56),(0,n.jsx)("hr",{className:"border-gray-medium mt-4"})]})]})}let W=({brandId:e,subscriptionId:i,isCampaign:t,successButtonLabel:a,successCallbackUrl:r,completeChallengeData:l,linkSubscriptionData:o})=>{let{getDictionaryStringValue:c}=(0,u.c3)(),{query:d}=(0,P.useRouter)(),m=(0,f.Ek)(),p=Array.isArray(d.from)?d.from[0]:d.from,x=e&&(0,b.e)(e,m)?m[e].subscriptionReadOnlineUrl??"":"";return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"max-w-md w-full mx-auto pt-5 tablet:pt-4 px-3 mb-5 flex flex-col text-center gap-6",children:(0,n.jsx)(s.gj,{variant:"row",steps:[{id:"step-1",label:c("linkSubscriptionPageStep1Label"),status:"completed"},{id:"step-2",label:c("linkSubscriptionPageStep2Label"),status:"completed"}]})}),(0,n.jsx)("div",{className:"max-w-md w-full mx-auto pb-6 px-3 flex flex-col text-center gap-3",children:(0,n.jsx)("h1",{className:"font-bold text-xl","data-testid":"link-subscription-feedback-title",children:c("linkSubscriptionSuccessfulPageTitle")})}),(0,n.jsx)("div",{className:"bg-white",children:(0,n.jsxs)("div",{className:"max-w-md w-full mx-auto pb-6 pt-5 tablet:pt-4 px-3",children:[(o?.linkSubscriptionAsOwner?.result==="OK"||l?.omsCompleteEmailVerificationChallenge.__typename==="SuccessResponse")&&e&&i&&(0,n.jsx)(H,{brandId:e,subscriptionId:i,isCampaign:t,sourceFlow:p,successButtonLabel:a,successCallbackUrl:r}),p&&x&&(0,n.jsx)("div",{className:"text-center mt-2",children:(0,n.jsx)(M(),{href:x,passHref:!0,children:(0,n.jsx)(s.$n,{as:"span",variant:"secondary",className:"mt-4 mx-auto mb-3 gap-1 cursor-pointer w-full","data-testid":"link-subscription-read-subscription-online",children:c("linkSubscriptionReadOnlineButtonLabel")})})})]})})]})},J={"select-subscription":"link subscription form","email-verification":"link subscription verification","payment-verification":"link subscription confirmation",feedback:"link subscription success"};function X({isCampaign:e=!1,successButtonLabel:i,successCallbackUrl:t="/#self-service",cancelCallbackUrl:o="/abonnementen",brandId:c,subscriptionId:d}){let{pushAnalyticsEvent:u}=(0,r.iK)(),[m,b]=(0,a.useState)("select-subscription"),[p,x]=(0,a.useState)(),[h,f]=(0,a.useState)(),[g,v]=(0,a.useState)(3),{execute:k,challenge:j,violations:C,fetching:_}=(()=>{let[{fetching:e,error:i,data:t},n]=(0,T.n_)(B);return{fetching:e,challenge:(0,a.useMemo)(()=>{if(t?.omsInitiateEmailVerificationChallenge?.__typename==="ChallengeSuccessResponse")return t.omsInitiateEmailVerificationChallenge},[t]),violations:(0,a.useMemo)(()=>i?["UNKNOWN_FAILURE_INITIATING_CHALLENGE"]:t?.omsInitiateEmailVerificationChallenge?.__typename==="ChallengeErrorResponse"&&t.omsInitiateEmailVerificationChallenge.validationMessage?[t.omsInitiateEmailVerificationChallenge.validationMessage]:t&&t?.omsInitiateEmailVerificationChallenge?.__typename!=="ChallengeSuccessResponse"?["UNKNOWN_FAILURE_INITIATING_CHALLENGE"]:[],[t,i]),execute:n}})(),{execute:S,data:I,violations:E,resetViolations:w}=(()=>{let[{fetching:e,error:i,data:t},n]=(0,T.n_)(F),[s,r]=(0,a.useState)([]);return(0,a.useEffect)(()=>{if(i)return void r(["FAILURE_LINKING_ACCOUNT"]);if(t){if("ErrorResponse"===t.omsCompleteEmailVerificationChallenge.__typename&&t.omsCompleteEmailVerificationChallenge.validationMessage)return void r([t.omsCompleteEmailVerificationChallenge.validationMessage]);if("SuccessResponse"===t.omsCompleteEmailVerificationChallenge.__typename)return void r([]);r(["FAILURE_LINKING_ACCOUNT"])}},[t,i]),{data:t,fetching:e,violations:s,execute:n,resetViolations:(0,a.useCallback)(()=>{r([])},[])}})(),{execute:L,data:D,violations:A}=(()=>{let[{fetching:e,error:i,data:t},n]=(0,T.n_)(V),s=(0,a.useMemo)(()=>i?["GENERIC-ERROR"]:t?.linkSubscriptionAsOwner?.result==="NOT_OK"&&t.linkSubscriptionAsOwner.validationErrors.length?t.linkSubscriptionAsOwner.validationErrors:t&&t.linkSubscriptionAsOwner?.result!=="OK"?["GENERIC-ERROR"]:[],[t,i]);return{data:t,fetching:e,violations:s,execute:n}})(),O=(0,a.useCallback)(async e=>{let i=await k({input:{brandId:e.brand_id,subscriptionId:e.subscription_id}});i.data?.omsInitiateEmailVerificationChallenge?.__typename==="ChallengeSuccessResponse"&&(x(e.brand_id),f(e.subscription_id),b("email-verification"))},[k]),M=(0,a.useCallback)(async e=>{if(!p||!h||!j)throw Error("Brand ID, Subscription ID, or Challenge is missing");let i=await S({input:{brandId:p,subscriptionId:h,challengeId:j.challengeId,challengeCode:e.verificationCode}});i.data?.omsCompleteEmailVerificationChallenge.__typename==="SuccessResponse"?b("feedback"):v(e=>e-1)},[j,S,p,h]),P=(0,a.useCallback)(async e=>{if(!p||!h)throw Error("Brand ID or Subscription ID is missing");let i=(e=>{let{verification_method:i}=e;switch(i){case"DIRECT_DEBIT":return{type:"DIRECT_DEBIT",ibanMask:e.masked_iban};case"CREDIT_CARD":return{type:"CREDIT_CARD",cardNumberMask:e.card_number_mask};case"BANK_TRANSFER":return{type:"BANK_TRANSFER",ibanMask:e.masked_iban};default:throw Error("Unsupported verification type")}})(e),t=await L({input:{subscription:{brandId:p,subscriptionId:h.trim()},paymentOption:i}});t.data?.linkSubscriptionAsOwner?.result==="OK"&&b("feedback")},[L,p,h]);return(0,a.useEffect)(()=>{u({event:"screenview",funnel_name:"link subscription",steps:3,step_description:J[m],screen_name:window.location.pathname})},[m,u]),(0,a.useEffect)(()=>{(0,l.Ux)()},[m]),(0,n.jsxs)(s.BJ.Navigator,{current:m,children:[(0,n.jsx)(s.BJ.Screen,{name:"select-subscription",children:(0,n.jsx)(N,{isCampaign:e,brandId:c,subscriptionId:d,onSubmit:O,onGoToPaymentVerificationClick:()=>{b("payment-verification")},cancelCallbackUrl:o,violations:C})}),(0,n.jsx)(s.BJ.Screen,{name:"email-verification",children:(0,n.jsx)(R,{challenge:j,violations:[...C,...E],cancelCallbackUrl:o,isChallengeFetching:_,attemptsRemaining:g,onSubmit:M,onGoBackClick:()=>{b("select-subscription")},onGoToPaymentVerificationClick:()=>{b("payment-verification")},onSendNewCodeClick:()=>
56{if(!p||!h)throw Error("Brand ID or Subscription ID is missing");v(3),w(),k({input:{brandId:p,subscriptionId:h}})}},j?.challengeId)}),(0,n.jsx)(s.BJ.Screen,{name:"payment-verification",children:(0,n.jsx)(y,{cancelCallbackUrl:o,violations:A,onSubmit:P,onGoBackClick:()=>{b("select-subscription")}})}),(0,n.jsx)(s.BJ.Screen,{name:"feedback",children:(0,n.jsx)(W,{brandId:p,subscriptionId:h,isCampaign:e,successButtonLabel:i,successCallbackUrl:t,completeChallengeData:I,linkSubscriptionData:D})})]})}},92732:(e,i,t)=>{t.d(i,{I:()=>l});var n=t(6029);t(55729);var a=t(89456),s=t(43343),r=t(45296);function l({title:e,children:i,event:t}){let{getTranslation:o}=(0,s.c3)(),[c,d]=(0,r.p)(t);return(0,n.jsx)(a.lG.Root,{open:c,onOpenChange:d,trigger:(0,n.jsx)("button",{className:"mt-1 flex items-center text-anchor hover:text-anchor-dark","data-testid":"more-information-button",children:(0,n.jsx)("span",{className:"text-sm underline font-semibold",children:o("moreInfoDialogTriggerLabel")})}),title:e,closeButtonLabel:o("moreInfoDialogCloseButtonLabel"),children:(0,n.jsxs)("div",{className:"p-5 space-y-4 tablet:w-screen tablet:max-w-dialog",children:[i,(0,n.jsx)("div",{className:"grid grid-flow-row gap-2",children:(0,n.jsx)(a.lG.Close,{asChild:!0,children:(0,n.jsx)(a.$n,{className:"w-full",variant:"secondary","data-testid":"more-information-button-close-dialog",children:o("moreInfoDialogCloseButtonLabel")})})})]})})}},94002:(e,i,t)=>{t.d(i,{M:()=>a});var n=t(95618);function a(e){return(0,n.d)(e.subscriptionLogo)?.height(50).url()}},95810:(e,i,t)=>{t.d(i,{S:()=>r});var n=t(6029);t(55729);var a=t(89456),s=t(15615);let r=({timerMessage:e,...i})=>(0,n.jsx)(a.zR,{...i,children:i=>(0,n.jsx)(s.A,{testId:"verification-code-timer",className:"tabular-nums",message:e,values:{time_left:i}})})}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.