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 s=arguments[i];if(null!=s)for(var n in s)s.hasOwnProperty(n)&&(e[n]=s[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]="e3b84f2b-bc55-4248-83dd-3e8eb8d7d728",e._sentryDebugIdIdentifier="sentry-dbid-e3b84f2b-bc55-4248-83dd-3e8eb8d7d728")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5944],{5752:(e,i,s)=>{"use strict";s.d(i,{GK:()=>t,qr:()=>a});let n=["BE","NL"];function t(e){return e.toUpperCase()}function a(e){return n.includes(e)?e:void 0}},10199:(e,i,s)=>{"use strict";s.d(i,{G:()=>b,p:()=>p});var n,t=s(6029);s(55729);var a=s(89456),r=s(237),o=s(15615),c=s(13055),l=s(43343),d=s(92965),u=s(57490),m=s(76264),p=((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 b({sourceFlow:e,description:i,buttonLabel:s,className:n}){let p=(0,d.om)(),{getDictionaryValue:v}=(0,l.c3)(),g=new URL("/abonnementen/koppelen",(0,u.hC)());return e&&g.searchParams.set("from",e),(0,t.jsx)("div",{className:(0,m.QP)((0,u.cx)("flex flex-col gap-4 pt-4",n)),children:p?(0,t.jsx)(o.A,{testId:"no-active-subscriptions-message",message:v("subscriptionOverviewAppServiceNoSubscriptionsDescription")}):(0,t.jsxs)(t.Fragment,{children:[i,(0,t.jsx)(r.N,{href:g.href,passHref:!0,children:(0,t.jsx)(a.$n,{as:"span",variant:"primary",className:"cursor-pointer","data-testid":"link-subscription",children:s})}),(0,t.jsx)(c.V,{})]})})}},13055:(e,i,s)=>{"use strict";s.d(i,{V:()=>l});var n=s(6029);s(55729);var t=s(43343),a=s(92732),r=s(15615),o=s(79132),c=s(22507);function l(){let{getTranslation:e,getPortableText:i}=(0,t.c3)(),{brandCategory:s}=(0,o.PB)();return(0,n.jsxs)(a.I,{title:e("moreInfoDialogTitle"),event:{event:"link_subscription_modal_shown",modal_content:"link_subscription"},children:[(0,n.jsx)(r.A,{message:i("magazine"===s?"moreInfoDialogContentMagazine":"moreInfoDialogContentNewspaper"),className:"text-sm"}),(0,n.jsx)("div",{className:"max-w-lg mx-auto",children:(0,n.jsx)(c.A,{})})]})}},15355:(e,i,s)=>{"use strict";s.d(i,{r:()=>P});var n=s(6029),t=s(55729),a=s(55597),r=s(89456),o=s(43343),c=s(45296),l=s(63470),d=s(50092),u=s(47466),m=s(28952),p=s(13860),b=s(62074),v=s(50197),g=s(31576),x=s(5299),h=s(11054),f=s(90512),I=s(37490),y=s(16549),N=s(98161),j=s(57490),S=s(51418),C=s(15615),E=s(79132);let w=(0,d.UG)(` 2 fragment SubscriptionBillingAddressFormSubscription on S2LinkedSubscription { 3 lowerCaseBrandId 4 subscriptionId 5 } 6`),D=({subscription:e,onSubmitSuccess:i})=>{let s=(0,d.ni)(w,e),{getPortableText:a,getDictionaryStringValue:c,getTranslation:l}=(0,o.c3)(),{getErrorTranslation:D}=(0,o.YY)(),A=(0,u.yx)(),P=(0,E.tA)(s.lowerCaseBrandId),{validatedAddress:_,errors:L,handleBlur:M,handleChange:B,handleSubmit:F,isSubmitting:T,setFieldValue:R,touched:k,values:$,submitMovingHouseData:O,submitMovingHouseError:V,invoiceAddressChangeError:G}=(({brandId:e,subscriptionId:i,onSubmitSuccess:s})=>{let[{data:n,error:a},c]=(0,v.n_)(h.e),[l,u]=(0,t.useState)(null),[m]=(0,g.F7)(),{getDictionaryStringValue:p}=(0,o.c3)(),C=(0,r.KN)(),E=m.profile.contact_information.address?.countryCode??"NL",w=(0,b.Wx)({validationSchema:x.eB,initialValues:{country:"NL"===E?"NL":"BE",zip:"",housenumber:"",housenumberAddition:"",street:""},validateOnBlur:!0,onSubmit:async()=>{if(!A.foundAddress)return;let n=await c({input:{effectiveFrom:(0,f.Yq)((0,I.f)(new Date,5),"yyyy-MM-dd"),magazines:[],newsp
6apers:[{brandId:e,subscriptionId:i,type:"INVOICE_ADDRESS"}],address:{houseNumber:A.foundAddress.housenumber,houseNumberSuffix:A.foundAddress.housenumber_addition,postalCode:A.foundAddress.zip,city:A.foundAddress.city,countryCode:A.foundAddress.country,streetName:A.foundAddress.street}}});if(n.error||n.data?.submitMovingHouseV2?.__typename==="MovingHouseValidationError"||!n.data)return;let{results:t}=(0,d.ni)(N.i,n.data.submitMovingHouseV2);t[0]?.__typename==="MovingHouseInvoiceAddressChangeErrorResult"?u((0,d.ni)(y.h,t[0])):(C({variant:"success",children:p("changeBillingAddressFormSavedAddressMessage")}),s?.())}}),D=(0,t.useMemo)(()=>!(0,j.ZF)(w.errors),[w.errors]),A=(0,S.Z)(D?null:{...w.values,country:w.values.country});return{...w,errors:w.errors,submitMovingHouseData:n,submitMovingHouseError:a,invoiceAddressChangeError:l,validatedAddress:{loading:A.isValidationLoading,hasError:A.hasValidationError,address:A.foundAddress}}})({brandId:s.lowerCaseBrandId,subscriptionId:s.subscriptionId,onSubmitSuccess:i});return(0,n.jsxs)("form",{className:"flex flex-col space-y-2 mt-4","data-testid":"edit-address-form",onSubmit:F,children:[(V||O?.submitMovingHouseV2.__typename==="MovingHouseValidationError")&&(0,n.jsx)(r.Eg,{variant:"error",className:"mb-2",children:D("GENERIC-ERROR")}),G&&(0,n.jsx)(r.Eg,{variant:"error",className:"mb-2",children:(0,n.jsx)(C.A,{message:a(`subscriptionBillingAddressDialogFailedUpdateMessage_${G.code}`),values:{brand_name:P.seoTitle}})}),null===_.address&&(0,n.jsx)(r.Eg,{variant:"error",className:"mb-2",children:l("addressFormAddressNotFoundLabel")}),_.hasError&&(0,n.jsx)(r.Eg,{variant:"error",className:"mb-2",children:D("GENERIC-ERROR")}),(0,n.jsx)(r.zB,{name:"country",touched:k.country,error:L.country&&D(L.country),requiredDescription:l("genericFormRequiredDescription"),children:(0,n.jsx)(r.qF,{items:A,keyField:"iso2Code",labelField:"name",placeholder:c("changeBillingAddressFormChooseCountryPlaceholder"),onChange:e=>{R("country",e.iso2Code)},selectedItem:A.find(({iso2Code:e})=>e===$.country),onBlur:M})}),(0,n.jsx)(m.X,{countryCode:$.country,formProps:{touched:k,errors:L,values:{...$,country:$.country},handleChange:B,handleBlur:M},foundAddress:_.address,infoMessage:c("changeBillingAddressFormNotDeliveryAddressWarning")}),(0,n.jsxs)("div",{className:"flex flex-col gap-2 pt-2",children:[(0,n.jsx)(p.l,{type:"submit",variant:"primary","data-testid":"edit-address-form-submit",loading:_.loading||T,disabled:!["NL","BE"].includes($.country)||_.loading||null===_.address||_.hasError,children:c("changeBillingAddressFormSaveAddressButtonLabel")}),(0,n.jsx)(r.lG.Close,{asChild:!0,children:(0,n.jsx)(r.$n,{type:"button",variant:"secondary","data-testid":"edit-form-cancel",children:c("changeBillingAddressFormCancelAddressButtonLabel")})})]})]})},A=(0,d.UG)(` 7 fragment SubscriptionBillingAddressDialogSubscription on S2LinkedSubscription { 8 ...SubscriptionBillingAddressFormSubscription 9 canonicalSubscription { 10 customer { 11 address { 12 countryCode 13 city 14 number 15 postalCode 16 street 17 supplementaryNumber 18 } 19 } 20 } 21 } 22`),P=({subscription:e})=>{let i=(0,d.ni)(A,e),{getDictionaryValue:s,getDictionaryStringValue:t}=(0,o.c3)(),[u,m]=(0,c.p)({event:"address_modal_shown",modal_content:"billing_address"}),p=i.canonicalSubscription.customer?.address;return(0,n.jsx)(r.lG.Root,{open:u,onOpenChange:m,trigger:(0,n.jsxs)("button",{className:"flex items-center text-anchor hover:text-anchor-dark","data-testid":"edit-billing-address-button",children:[(0,n.jsx)(r.In,{icon:a.zLW}),(0,n.jsx)("span",{className:"ml-1 text-sm underline font-semibold",children:t("changeBillingAddressLabel")})]}),title:t("changeBillingAddressLabel"),closeButtonLabel:t("changeBillingAddressDialogCloseButtonLabel"),children:(0,n.jsxs)("div",{className:"p-5 space-y-4 tablet:w-screen tablet:max-w-dialog",children:[(0,n.jsx)(C.A,{className:"text-center",message:s("changeBillingAddressWarning")}),(0,n.jsx)(l.M,{title:t("changeBillingAddressCurrentAddressLabel"),address:{city:p?.city??"",street:p?.street??"",housenumber:p?.number??"",housenumber_addition:p?.supplementaryNumber,zip:p?.postalCode??""},testId:"edit-billing-address-current-address"}),(0,n.jsx)(D,{subscription:i,onSubmitSuccess:()=>m(!1)})]})})}},18917:(e,i,s)=>{"use strict";s.d(i,{K:()=>t});var n=s(79132);function t(e=[]){let i=(0,n.PB)();return e?.filter(e=>!e.faqTags||e.faqTags.some(e=>e===i.id))}},23985:(e,i,s)=>{"use strict";s.d(i,{m:()=>o,x:()=>r});let n=["BANK_TRANSFER"],t=["DIRECT_DEBIT","CREDIT_CARD","BANK_TRANSFER"],a=["OPEN","REMINDER","REMINDER_B","RECALL"];function r(e,i){return!!e&&!!i&&!!a.includes(i)&&("OPEN"===i?n.includes(e):t.includes(e))}function o(e){return e?.some(e=>"ACCEPTED"===e.paymentStatus||"SUCCEEDED"===e.paymentStatus||"PAID"===e.paymentStatus)??!1}},38641:(e,i,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/facturen/[...path]",function(){return s(75242)}])},44023:(e,i,s)=>{"use strict";s.d(i,{j:()=>r});var n=s(55729),t=s(79132),a=s(59867);let r=()=>{let e=(0,t.Ek)();return(0,n.useCallback)(({lowerCaseBrandId:i})=>(0,a.e)(i,e)&&e[i].brandCategory?e[i].brandCategory:"unknown",[e])}},58627:(e,i,s)=>{"use strict";s.d(i,{$:()=>u});var n=s(6029);s(55729);var t=s(54150),a=s(89456),r=s(15615),o=s(33591),c=s(55597),l=s(76407),d=s(43343);let u=({role:e,brandId:i,subscriptionId:s,type:u})=>{let{getTranslation:m,getPortableText:p,getDictionaryValue:b,getDictionaryStringValue:v}=(0,d.c3)(),{getFeatureFlag:g}=(0,l.h)();return"DIGITAL_CO_READER"!==e||g(i,"isSharedAccessEnabled")?null:(0,n.jsx)(a.Eg,{variant:"warning",className:"mb-2 text-left",shouldAnnounce:!1,children:(0,n.jsxs)("div",{children:[(0,n.jsx)(r.A,{testId:`${u}-coreader-linksubscription-notification-message`,message:"subscriptions"===u?b("subscriptionsCoReaderLinkSubscriptionNotificationMessage"):p("invoicesCoReaderLinkSubscriptionNotificationMessage")}),(0,n.jsx)(o.E,{"data-testid":`${u}-coreader-linksubscription-notification-button`,href:`/abonnementen/koppelen?brand_id=${i.toLowerCase()}&subscription_id=${s}`,children:(0,n.jsxs)(a.$n,{variant:"primary",className:"mt-2",children:["subscriptions"===u?v("subscriptionsCoReaderLinkSubscriptionNotificationButtonLabel"):m("invoicesCoReaderLinkSubscriptionNotificationButtonLabel"),"\xa0",(0,n.jsx)(t.gc,{icon:c.dmS})]})})]})})}},68251:(e,i,s)=>{"use strict";s.d(i,{T:()=>r});var n=s(55729),t=s(57490),a=s(28526);let r=(e,i)=>{let s=(0,a.t)(),r=(0,n.useMemo)(()=>{let s=e?.find(e=>e.subscriptionId===i);return s?.canonicalSubscription.brand.country.toLowerCase()}
22,[e,i]),[o,c]=(0,n.useState)(null),l=(0,n.useMemo)(()=>null!==o?o:r||s||"nl",[o,r,s]),{truthy:d,falsy:u}=(0,t.Of)(e||[],({canonicalSubscription:e})=>"nl"===e.brand.country.toLowerCase()),m=!!d.length&&!!u.length,p=(0,n.useMemo)(()=>m?"nl"===l?d:u:e||[],[m,l,d,u,e]);return{selectedCountry:l,setSelectedCountry:c,showCountrySelector:m,filteredSubscriptions:p}}},75242:(e,i,s)=>{"use strict";s.r(i),s.d(i,{__N_SSP:()=>ey,default:()=>eN});var n=s(6029),t=s(55729),a=s(55597),r=s(89456),o=s(81278),c=s(57490),l=s(78504),d=s(50189),u=s(2869),m=s(237),p=s(43343),b=s(75286),v=s(46700);let g=(...e)=>`/facturen/${e.filter(v.Wo).join("/")}`;function x(){let{getTranslation:e,translations:i}=(0,p.c3)();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u.r,{routes:i.invoicespageBreadCrumbs}),(0,n.jsxs)("div",{className:"max-w-md tablet:max-w-lg w-full mx-auto pt-7 px-3 pb-9 text-center",children:[(0,n.jsx)("h1",{className:"heading-4 font-bold",children:e("invoicesPageTitle")}),(0,n.jsx)("p",{className:"heading-6 mt-2",children:e("invoicesPageSubTitle")})]})]})}var h=s(50197),f=s(90472),I=s(50092);let y=(0,I.UG)(` 23 query InvoiceSubscriptions { 24 getLinkedSubscriptions { 25 subscriptionId 26 lowerCaseBrandId 27 canonicalSubscription { 28 brand { 29 country 30 } 31 } 32 ...InvoiceActiveSubscription 33 ...InvoiceSubscriptionFilter 34 } 35 } 36`);function N({title:e,subTitle:i,filterComponent:s}){return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsx)("h2",{className:"font-semibold heading-4 tablet-landscape:heading-5","data-testid":"invoices-page-heading-title",children:e}),(0,n.jsx)("p",{className:"pt-2",children:i}),(0,n.jsx)("div",{className:"mt-5 mb-1",children:s})]})})}var j=s(95618),S=s(79132);let C=(0,I.UG)(` 37 fragment InvoiceSubscriptionFilter on S2LinkedSubscription { 38 subscriptionId 39 lowerCaseBrandId 40 ...InvoiceSubscriptionFilterButton 41 } 42`),E=(0,I.UG)(` 43 fragment InvoiceSubscriptionFilterButton on S2LinkedSubscription { 44 subscriptionId 45 lowerCaseBrandId 46 subscriptionIdForDisplay 47 pcsProduct { 48 brand { 49 id 50 } 51 } 52 } 53`),w=e=>{let i=(0,I.ni)(E,e.subscription),s=(0,S.tA)(i.pcsProduct?.brand.id.toLowerCase()),t=(0,j.d)(s.subscriptionLogo)?.height(50).url();return(0,n.jsx)(r.Fr,{"data-testid":"invoice-subscription-filter",variant:e.isActive?"primary":"secondary",shallow:!0,as:m.N,href:g(e.page,i.lowerCaseBrandId,i.subscriptionId),className:"gap-2",children:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:(0,c.cx)("overflow-hidden rounded-sm w-4 h-4 border flex-none",e.isActive?"border-transparent":"border-gray-medium"),children:t?(0,n.jsx)("img",{src:t,className:"w-full h-full",alt:s.seoTitle,title:s.seoTitle}):(0,n.jsx)("div",{className:"w-full h-full bg-gray-light"})}),(0,n.jsxs)("span",{"data-dpg-pii":!0,children:[s.seoTitle,e.showSubscriptionId&&` - ${i.subscriptionIdForDisplay}`]})]})},i.subscriptionId)};function D(e){let i=(0,I.ni)(C,e.subscriptions);if(!i?.length)return null;let s=(0,c.XI)(i.map(e=>e.lowerCaseBrandId));return(0,n.jsx)("div",{className:"flex flex-row gap-2 flex-wrap border-b tablet-landscape:border-y border-y-gray-medium pb-3 tablet-landscape:py-3",children:i.map(i=>(0,n.jsx)(w,{subscription:i,page:e.currentPage,isActive:e.activeSubscriptionId===i.subscriptionId,showSubscriptionId:s.includes(i.lowerCaseBrandId)},i.subscriptionId))})}var A=s(90512),P=s(46529),_=s(47466);let L=(0,I.UG)(` 54 fragment InvoiceAddressView on S2LinkedSubscription { 55 canonicalSubscription { 56 customer { 57 address { 58 countryCode 59 ...S2AddressFields 60 } 61 } 62 } 63 } 64`),M=({subscription:e})=>{let i=(0,I.ni)(L,e),{getTranslation:s}=(0,p.c3)(),t=i.canonicalSubscription.customer?.address,a=(0,_.ez)(t?.countryCode),o=(0,P.hg)(t);return t?(0,n.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,n.jsx)(r.D0,{pii:!0,testId:"invoice-address-country",label:s("invoicesPaymentDataInvoiceAddressCountry"),value:a?.name}),(0,n.jsx)(r.D0,{pii:!0,testId:"invoice-address",label:s("invoicesPaymentDataInvoiceAddress"),value:o})]}):null};var B=s(15355),F=s(44023);let T=(0,I.UG)(` 65 query InvoicesGetActiveEvents($brandId: String!, $subscriptionId: String!) { 66 getPlannedMovingHouseEventsOverview( 67 brandId: $brandId 68 subscriptionId: $subscriptionId 69 ) { 70 __typename 71 plannedMovingHouseServices { 72 __typename 73 changeId 74 effectiveFrom 75 address { 76 __typename 77 city 78 houseNumber 79 houseNumberSuffix 80 postalCode 81 streetName 82 countryCode 83 } 84 } 85 } 86 } 87`);var R=s(15615);let k=({event:e})=>{let{getDictionaryStringValue:i,getDictionaryValue:s}=(0,p.c3)();return(0,n.jsx)(r.Eg,{type:"inline",variant:"info",shouldAnnounce:!1,"data-testid":"invoices-page-changed-address-notification",children:(0,n.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,n.jsx)("div",{className:"font-semibold",children:i("invoicesPageChangedAddressNotificationLabel")}),(0,n.jsx)("div",{"data-dpg-pii":!0,"data-testid":"invoices-page-changed-address-value",children:(0,P.Qn)(e.address)}),(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{className:"font-semibold",children:i("invoicesPageChangedAddressNotificationStartDateLabel")}),(0,n.jsx)("span",{className:"ml-1","data-testid":"invoices-page-changed-start-date-value",children:(0,A.bU)(e.effectiveFrom)})]}),(0,n.jsx)(R.A,{testId:"invoices-page-changed-address-contact-customer-service-label",className:"text-xs",message:s("invoicesPageChangedAddressNotificationContactCustomerServiceLabel")})]})})},$=(0,I.UG)(` 88 fragment InvoicesPaymentData on S2LinkedSubscription { 89 ...CanAccessMovingHouseSubscription 90 ...InvoiceAddressView 91 ...SubscriptionBillingAddressDialogSubscription 92 subscriptionId 93 role 94 lowerCaseBrandId 95 isFreeSubscription 96 canonicalSubscription { 97 contractPhases { 98 startDate 99 endDate 100 contractType 101 price 102 } 103 paymentOption { 104 paymentMethod 105 price 106 frequency 107 installmentFrequency 108 installmentAmount 109 nextBillDate 110 maskedIban 111 creditCard { 112 provider 113 maskedCardNumber 114 } 115 } 116 contract { 117 startDate 118 commitmentEndDate 119 } 120 } 121 } 122`),O=e=>{let i,{locale:s}=(0,o.useRouter)(),{getTranslation:t,getDictionaryStringValue:l}=(0,p.c3)(),d=(0,S.PB)(),u=(0,F.j)(),b=(0,I.ni)($,e.subscription),[{data:v,fetching:g}]=(0,h.IT)({query:T,variables:{subscriptionId:b.subscriptionId,brandId:d.id}}),x=v?.getPlannedMovingHouseEventsOverview.plannedMovingHouseServices.filter(e=>"InvoiceMovingHouseService"===e.__typename),y=(0,f.yw)(),N=(0,f.Sf)(),j=u({lowerCaseBrandId:b.lowerCaseBrandId}),{paymentOption:C,contract:E}=b.canonicalSubscription,w=!!C?.installmentFrequency;if(b.isFreeSubscription)return(0,n.jsx)("p",{className:"text-sm pt-2","data-testid":"invoices-payment-data-no-payment-details",children:t("invoicesPaymentDataNoPaymentDetailsForFreeSubscriptionLabel")});if(!C?.paymentMethod)return(0,n.jsx)("p",{className:"text-sm pt-2","data-testid":"invoices-payment-data-no-payment-details",children:t("invoicesPaymentDataNoPaymentDetailsLabel")});let D=y(C.paymentMethod,b.role,b.lowerCaseBrandId,b.subscriptionId),P=C?.installmentFrequency?t(`invoicesPaymentDataFrequency_${C?.installmentFrequency}`):null,_=C.frequency?t(`invoicesPaymentDataFrequency_${C.frequency}`):null,L=w?P:_,R=b.canonicalSubscription.contractPhases||[],O=R.filter(e=>e?.contractType?.startsWith("PROMOTION")&&e.endDate&&new Date(e.endDate)>new Date),V=R.find(e=>
122e?.contractType==="STANDARD"),G=(i=O[0],("newspaper"===j||"more_media"===j)&&i?i.price:O.length<=1?V?.price||(w?C.installmentAmount:C.price):void 0),U=G?(0,c.$g)(G,s??"nl-NL"):null,q=U&&L?`${U} ${L}`:null;return(0,n.jsxs)("div",{className:"flex flex-col gap-4 pt-4 tablet-landscape:w-[80%]",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,n.jsx)("h2",{className:"font-semibold","data-testid":"invoices-payment-data-title",children:t("invoicesPaymentDataRegularPrice")}),(0,n.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,n.jsxs)("div",{className:"grid grid-cols-1 min-[360px]:grid-cols-2 gap-2 border-b border-b-gray-medium pb-4",children:[(0,n.jsx)(r.D0,{value:q,label:t("invoicesPaymentDataPrice")}),(0,n.jsx)(r.D0,{value:(0,A.bU)(C.nextBillDate,"d MMMM yyyy"),label:t("invoicesPaymentDataNextBillingDate")})]}),(0,n.jsx)("div",{className:"grid grid-cols-1 min-[360px]:grid-cols-2 gap-2 border-b border-b-gray-medium pb-4",children:(0,n.jsx)(r.D0,{value:(0,A.bU)(E?.startDate,"d MMMM yyyy"),label:t("invoicesPaymentDataSubscriberSince")})}),(0,n.jsxs)("div",{className:"grid grid-cols-1 min-[360px]:grid-cols-2 gap-2 border-b border-b-gray-medium pb-4",children:[(0,n.jsx)(r.D0,{label:t("invoicesPaymentDataRegularRate")}),(0,n.jsx)(r.D0,{value:(0,A.bU)(E?.commitmentEndDate,"d MMMM yyyy"),label:t("invoicesPaymentDataCommitmentEndDate")})]})]})]}),(0,n.jsx)("div",{className:"flex flex-col gap-4",children:(0,n.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,n.jsx)("h2",{className:"font-semibold",children:t("invoicesPaymentDataPayment")}),(0,n.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,n.jsx)("div",{className:"grid grid-cols-1 min-[360px]:grid-cols-2 gap-2",children:(0,n.jsx)(r.D0,{value:t(`invoicesPaymentData_${C.paymentMethod}`),label:t("invoicesPaymentDataPaymentMethod")})}),"DIRECT_DEBIT"===C.paymentMethod&&C.maskedIban&&(0,n.jsx)("div",{className:"grid grid-cols-1 min-[360px]:grid-cols-2 gap-2",children:(0,n.jsx)(r.D0,{pii:!0,value:(0,c.g)(C.maskedIban),label:t("invoicesPaymentDataIban")})}),"CREDIT_CARD"===C.paymentMethod&&(0,n.jsxs)("div",{className:"grid grid-cols-1 min-[360px]:grid-cols-2 gap-2",children:[(0,n.jsx)(r.D0,{pii:!0,value:C.creditCard?.provider?.toLowerCase(),className:"capitalize",label:t("invoicesPaymentDataCreditCardProvider")}),(0,n.jsx)(r.D0,{pii:!0,value:C.creditCard?.maskedCardNumber,label:t("invoicesPaymentDataCreditCardNumber")})]}),D&&(0,n.jsx)("div",{className:"grid grid-cols-1 mb-3",children:(0,n.jsx)(m.N,{"data-testid":"change-payment-link",href:D,className:"flex items-center text-anchor hover:text-anchor-dark",children:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.In,{icon:a.zLW,className:"w-4"}),(0,n.jsx)("span",{className:"ml-1 text-sm underline font-semibold",children:t("invoicesPaymentDataChangePaymentLabel")})]})})})]})]})}),(0,n.jsx)("hr",{className:"border-gray-medium"}),(0,n.jsx)("div",{className:"flex flex-col gap-4",children:(0,n.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,n.jsx)("h2",{className:"font-semibold",children:l("invoicesPagePaymentDataInvoiceAddressLabel")}),g?(0,n.jsx)("div",{className:"text-center my-2",children:(0,n.jsx)(r.fV,{"aria-label":l("invoicesPageChangedAddressLoadingEventsAriaLabel")})}):x?.map(e=>(0,n.jsx)(k,{event:e},e.changeId)),(0,n.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,n.jsx)(M,{subscription:b}),("newspaper"===j&&N(b,d.id)||"more_media"===j)&&(0,n.jsx)("div",{className:"grid grid-cols-1",children:(0,n.jsx)(B.r,{subscription:b})})]})]})})]})};var V=s(83701);let G=(0,I.UG)(` 123 fragment InvoiceActiveSubscription on S2LinkedSubscription { 124 ...InvoicesOverviewSubscription 125 ...InvoicesPaymentData 126 subscriptionId 127 lowerCaseBrandId 128 subscriptionKey 129 } 130`),U=e=>{let i=(0,I.ni)(G,e.activeSubscription),{getTranslation:s}=(0,p.c3)();return(0,n.jsx)("div",{className:"max-w-full w-full py-3 tablet-landscape:pt-9 flex flex-col pb-9",children:(0,n.jsxs)("div",{className:"layout-content-container",children:[(0,n.jsx)(N,{title:s("invoicesPaymentDataTitle"),subTitle:s("invoicesPaymentDataSubTitle"),filterComponent:(0,n.jsxs)(n.Fragment,{children:[e.showCountrySelector&&(0,n.jsx)("div",{className:"mb-3",children:(0,n.jsx)(V.c,{selectedCountry:e.selectedCountry,setSelectedCountry:e.handleSelectCountry})}),(0,n.jsx)(D,{activeSubscriptionId:e.activeSubscriptionId,subscriptions:e.filteredSubscriptions,currentPage:b.N.PAYMENT_DETAILS})]})}),(0,n.jsx)(O,{subscription:i})]})})},q=({page:e,subscription:i})=>{let{getTranslation:s}=(0,p.c3)();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"flex gap-4 justify-center mt-5",children:[(0,n.jsx)(r.Fr,{variant:e===b.N.PAYMENT_DETAILS?"primary":"secondary",shallow:!0,as:m.N,href:g(b.N.PAYMENT_DETAILS,i?.brand,i?.subscriptionId),children:s(b.Q[b.N.PAYMENT_DETAILS
130])},b.N.PAYMENT_DETAILS),(0,n.jsx)(r.Fr,{variant:e===b.N.OVERVIEW?"primary":"secondary",shallow:!0,as:m.N,href:g(b.N.OVERVIEW,i?.brand,i?.subscriptionId),children:s(b.Q[b.N.OVERVIEW])},b.N.OVERVIEW)]}),(0,n.jsx)(r.cG,{className:"my-5"})]})};var z=s(68251),W=s(76407),H=s(18917);let Y=()=>{let{translations:e,getTranslation:i}=(0,p.c3)(),s=(0,H.K)(e.faqpaymentpageFaqItems);return 0===s.length?null:(0,n.jsx)(r.nD.Root,{type:"single",defaultValue:"payment",collapsible:!0,"data-testid":"invoices-faq-accordion",children:(0,n.jsxs)(r.nD.Item,{value:"payment",children:[(0,n.jsx)(r.nD.Trigger,{children:i("invoicesPageFAQAccordionLabel")}),(0,n.jsxs)(r.nD.Content,{children:[(0,n.jsx)("ul",{className:"-mt-4",children:s.slice(0,5).map(({title:e,slug:i})=>i?(0,n.jsx)("li",{className:"border-b border-b-gray-medium py-4 last:border-b-0",children:(0,n.jsx)(m.N,{href:`/klantenservice/veelgestelde-vragen/betaling#${i.current}`,className:"text-anchor hover:text-anchor-dark text-sm underline font-medium",children:(0,n.jsx)(n.Fragment,{children:e})})},i.current):null)}),(0,n.jsx)(m.N,{href:"/klantenservice/veelgestelde-vragen/betaling",passHref:!0,children:(0,n.jsx)(r.$n,{as:"span",variant:"secondary",className:"cursor-pointer",children:i("invoicesPageFAQViewAll")})})]})]})})};function K({label:e,value:i,className:s,pii:t}){return(0,n.jsxs)("div",{className:(0,c.cx)("grid grid-cols-[160px_1fr]",s),children:[(0,n.jsx)("span",{className:"text-xs font-medium",children:e}),(0,n.jsx)("span",{className:"text-sm","data-dpg-pii":t,children:i})]})}let Q=(0,I.UG)(` 131 fragment InvoiceMoreInfoBlock on S2Invoice { 132 dueDate 133 invoiceNumber 134 paymentStatus 135 } 136`),X=(0,I.UG)(` 137 fragment InvoiceMoreInfoBlockSubscription on S2LinkedSubscription { 138 subscriptionIdForDisplay 139 } 140`);function Z(e){let{dueDate:i,invoiceNumber:s,paymentStatus:t}=(0,I.ni)(Q,e.invoice),a=(0,I.ni)(X,e.subscription),{getTranslation:o,getPortableText:c}=(0,p.c3)(),l="CREDIT_INVOICE"===t;return(0,n.jsxs)(n.Fragment,{children:[l&&(0,n.jsx)(r.Eg,{variant:"info",children:(0,n.jsx)(R.A,{message:c("invoicesItemCreditInvoiceInfo")})}),(0,n.jsxs)("div",{className:"rounded-sm bg-gray-light p-3",children:[(0,n.jsx)(K,{label:o("invoicesItemInvoiceNumberLabel"),value:s,pii:!0}),(0,n.jsx)(K,{label:o("invoicesItemSubscriptionIdLabel"),value:a.subscriptionIdForDisplay,pii:!0}),!l&&i&&(0,n.jsx)(K,{label:o("invoicesItemDueDateLabel"),value:(0,A.bU)(new Date(i).toISOString())}),(0,n.jsx)(K,{label:o("invoicesItemPaymentStatusLabel"),value:t?o(`invoicesItemStatusLabel_${t}`):"-"})]})]})}let J=({isPending:e,amount:i,language:s,invoicePaymentUrl:t})=>{let{getDictionaryStringValue:a,getDictionaryValue:o}=(0,p.c3)();return e?(0,n.jsx)(r.Eg,{variant:"info",children:a("invoicesItemPaymentPendingNotificationDescription")}):(0,n.jsx)(r.Eg,{variant:"info",children:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(R.A,{message:o("invoicesItemPaymentNotificationTitle"),values:{amount:(0,c.$g)(i,s)},paragraphClassName:"font-bold"}),(0,n.jsx)("p",{className:"mt-1",children:a("invoicesItemPaymentNotificationDescription")}),(0,n.jsx)(m.N,{href:t,passHref:!0,children:(0,n.jsx)(r.$n,{as:"span",variant:"primary",className:"mt-2",children:a("invoicesItemPaymentNotificationButtonLabel")})})]})})};var ee=s(59036),ei=s(18654);let es=(0,I.UG)(` 141 fragment InvoiceOverviewItem on S2Invoice { 142 amount 143 hasPdf 144 invoiceDate 145 dueDate 146 isInstallment 147 invoiceNumber 148 paymentStatus 149 ...InvoiceMoreInfoBlock 150 } 151`),en=(0,I.UG)(` 152 query InvoicesGetSubscriptionInvoicePdfUrl( 153 $brandId: String! 154 $invoiceNumber: String! 155 $subscriptionId: String! 156 ) { 157 getSubscriptionInvoicePdfUrl( 158 brandId: $brandId 159 invoiceNumber: $invoiceNumber 160 subscriptionId: $subscriptionId 161 ) { 162 __typename 163 url 164 } 165 } 166 `),et=(0,I.UG)(` 167 query GetInvoicePaymentStatuses( 168 $brandId: String! 169 $invoiceNumber: String! 170 $subscriptionId: String! 171 ) { 172 getInvoicePaymentStatuses( 173 brandId: $brandId 174 invoiceNumber: $invoiceNumber 175 subscriptionId: $subscriptionId 176 ) { 177 initiationTimestamp 178 paymentStatus 179 } 180 } 181`);var ea=s(23985);let er=(0,I.UG)(` 182 fragment InvoiceOverviewItemSubscription on S2LinkedSubscription { 183 subscriptionId 184 brand 185 lowerCaseBrandId 186 canonicalSubscription { 187 paymentOption { 188 paymentMethod 189 } 190 } 191 pcsProduct { 192 brand { 193 id 194 } 195 } 196 ...InvoiceMoreInfoBlockSubscription 197 } 198`),eo=e=>{let i=(0,I.ni)(es,e.invoice),s=(0,I.ni)(er,e.subscription),{amount:a,hasPdf:o,invoiceDate:l,invoiceNumber:d,paymentStatus:u,isInstallment:m,dueDate:b}=i,{getTranslation:v}=(0,p.c3)(),{userLanguagePreference:g}=(0,ee.U)(),x=(0,S.PB)(),f=(0,t.useRef)(!1),y=g||x.brandDefaultLanguage,{pushAnalyticsEvent:N}=(0,ei.iK)(),[{data:C,fetching:E,error:w},D]=(0,h.IT)({query:en,variables:{subscriptionId:s.subscriptionId,brandId:s.lowerCaseBrandId,invoiceNumber:d},pause:!0}),{getErrorTranslation:P}=(0,p.YY)(),_=(0,S.tA)(s.lowerCaseBrandId),{getFeatureFlag:L}=(0,W.h)(),M=L(s.lowerCaseBrandId,"isInvoicePaymentEnabled"),B=s.canonicalSubscription.paymentOption?.paymentMethod,F=(0,ea.x)(B,u),T=M&&F,[{data:R,fetching:k}]=(0,h.IT)({query:et,variables:{subscriptionId:s.subscriptionId,brandId:s.lowerCaseBrandId,invoiceNumber:d},pause:!T}),$=R?.getInvoicePaymentStatuses,O=`/betaalservice/factuur/${s.lowerCaseBrandId}/${s.subscriptionId}/${d}`;return(0,t.useEffect)(()=>
198{if(!E&&C?.getSubscriptionInvoicePdfUrl?.url&&f.current){let e=document.createElement("a");e.href=C?.getSubscriptionInvoicePdfUrl?.url,e.click(),f.current=!1}},[E,C,d]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.K5.Root,{subscriptionComponent:(0,n.jsx)(r.K5.Subscription,{title:_.seoTitle,subTitle:d,logoUrl:(0,j.d)(_.subscriptionLogo)?.height(70).url()}),showMoreComponent:(0,n.jsx)(Z,{subscription:s,invoice:i}),paymentNotificationComponent:T&&!k&&(0,n.jsx)(J,{isPending:(0,ea.m)($),amount:i.amount,language:y,invoicePaymentUrl:O}),showMoreText:v("invoicesItemShowMoreLabel"),downloadButtonComponent:o?(0,n.jsx)(r.K5.DownloadButton,{text:v("invoicesItemDownloadInvoiceLabel"),handleClick:()=>{f.current=!0,D(),N({event:"download_file",file_type:"pdf",file_name:"subscription_invoice.pdf"})}}):void 0,price:(0,c.$g)(a,y),statusComponent:u?(0,n.jsx)(r.K5.Status,{variant:(e=>{switch(e){case"OPEN":return"white";case"PAID":return"green";case"CREDIT_INVOICE":return"yellow";case"RECALL":case"VOIDED":case"REPLACED":return"gray";case"REMINDER":case"REMINDER_B":case"FINAL_NOTICE":case"SUMMATION":case"WRITEOFF":return"red"}})(u),text:v(`invoicesItemStatusLabel_${u}`)}):void 0,title:(0,A.bU)(m&&b?b:l,"d MMMM")},d),w&&(0,n.jsx)(r.Eg,{variant:"error","data-testid":"invoice-download-error-notification",children:P("GENERIC-ERROR")})]})},ec=(0,I.UG)(` 199 query InvoicesGetSubscriptionInvoices( 200 $brandId: String! 201 $subscriptionId: String! 202 $pageNr: Int 203 $pageSize: Int 204 ) { 205 getSubscriptionInvoices( 206 brandId: $brandId 207 subscriptionId: $subscriptionId 208 pageNr: $pageNr 209 pageSize: $pageSize 210 ) { 211 __typename 212 totalNumberOfInvoices 213 invoiceFilter { 214 __typename 215 pageNr 216 pageSize 217 } 218 invoices { 219 __typename 220 invoiceDate 221 invoiceNumber 222 isInstallment 223 dueDate 224 ...InvoiceOverviewItem 225 } 226 } 227 } 228`);var el=s(58627),ed=s(13860);let eu=(0,I.UG)(` 229 fragment InvoicesOverviewSubscription on S2LinkedSubscription { 230 subscriptionId 231 brand 232 lowerCaseBrandId 233 role 234 isFreeSubscription 235 ...InvoiceOverviewItemSubscription 236 } 237`),em=new Date().getFullYear(),ep=e=>{let{getErrorTranslation:i}=(0,p.YY)(),{getTranslation:s}=(0,p.c3)(),a=(0,I.ni)(eu,e.subscription),o=(0,f.Sn)()(a.role,a.lowerCaseBrandId),{fetching:c,loadMore:l,items:d,error:u,itemsLeft:m}=(({subscriptionId:e,brandId:i,enabled:s})=>{let[n,a]=(0,t.useState)([]),[r,o]=(0,t.useState)(1),[{data:c,fetching:l,error:d}]=(0,h.IT)({query:ec,variables:{pageNr:r,pageSize:3,subscriptionId:e,brandId:i},requestPolicy:"network-only",pause:!s}),u=(0,t.useMemo)(()=>(c?.getSubscriptionInvoices?.invoices??[]).filter(v.Wo),[c]);(0,t.useEffect)(()=>a(e=>e.concat(u)),[u]);let m=(c?.getSubscriptionInvoices?.totalNumberOfInvoices||0)-n.length;return{items:n,loadMore:()=>m>0&&o(e=>e+1),fetching:l,error:d,itemsLeft:m}})({subscriptionId:a.subscriptionId,brandId:a.lowerCaseBrandId,enabled:o});if(!o)return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("h2",{className:"font-semibold text-lg","data-testid":"invoice-currentyear",children:em}),(0,n.jsx)("div",{className:"border-t border-gray-light pt-2 mt-1 flex flex-col gap-2",children:(0,n.jsx)(el.$,{brandId:a.lowerCaseBrandId,subscriptionId:a.subscriptionId,role:a.role,type:"invoices"})})]});if(u)return(0,n.jsx)(r.Eg,{variant:"error","data-testid":"invoices-error-notification",className:"mt-3",children:i("GENERIC-ERROR")});if(0===d.length&&c)return(0,n.jsx)("div",{className:"bg-white text-center py-12",children:(0,n.jsx)(r.fV,{"aria-label":s("invoicesPageLoadingInvoicesAriaLabel")})});if(0===d.length&&!c)return(0,n.jsx)("p",{className:"text-sm pt-2",children:s(a.isFreeSubscription?"invoicesPageNoInvoicesAvailableForFreeSubscription":"invoicesPageNoInvoicesDescription")});let b=(d?.filter(v.Wo)||[]).reduce((e,i)=>{let{invoiceDate:s,dueDate:n,isInstallment:t}=i,a=new Date(t&&n?n:s).getFullYear();return e[a]||(e[a]=[]),e[a]?.push(i),e},{});return(0,n.jsxs)("div",{className:"flex flex-col gap-6 pt-4",children:[Object.keys(b).sort((e,i)=>Number(i)-Number(e)).map(e=>{let i=b[e];return(0,n.jsxs)("div",{children:[(0,n.jsx)("h2",{className:"font-semibold text-lg","data-testid":`invoice-year-${e}`,children:e}),(0,n.jsx)("div",{className:"border-t border-gray-light pt-2 mt-1 flex flex-col gap-2",children:i?.map(e=>(0,n.jsx)(eo,{invoice:e,subscription:a},e.invoiceNumber))})]},e)}),d.length>0&&m>0&&(0,n.jsx)("div",{className:"flex justify-center mt-2",children:(0,n.jsx)(ed.l,{variant:"secondary",loading:c,onClick:l,"data-testid":"invoices-load-more-button",children:s("invoicesLoadMoreButtonLabel")})})]})},eb=(0,I.UG)(` 238 fragment InvoiceActiveSubscription on S2LinkedSubscription { 239 ...InvoicesOverviewSubscription 240 ...InvoicesPaymentData 241 subscriptionId 242 lowerCaseBrandId 243 subscriptionKey 244 } 245`),ev=e=>{let i=(0,I.ni)(eb,e.activeSubscription),{getFeatureFlag:s}=(0,W.h)(),{getTranslation:a,getPortableText:o}=(0,p.c3)(),c=(0,t.useCallback)(e=>s(e.lowerCaseBrandId,"isCreditNoteNotificationEnabled"),[s]);return(0,n.jsx)("div",{className:"max-w-full w-full py-3 tablet-landscape:pt-9 flex flex-col",children:(0,n.jsxs)("div",{className:"layout-content-container",children:[(0,n.jsx)(N,{title:a("invoicesOverviewTitle"),subTitle:a("invoicesOverviewSubTitle"),filterComponent:(0,n.jsxs)(n.Fragment,{children:[e.showCountrySelector&&(0,n.jsx)("div",{className:"mb-3",children:(0,n.jsx)(V.c,{selectedCountry:e.selectedCountry,setSelectedCountry:e.handleSelectCountry})}),(0,n.jsx)(D,{activeSubscriptionId:e.activeSubscriptionId,subscriptions:e.filteredSubscriptions,currentPage:b.N.OVERVIEW})]})}),c(i)&&(0,n.jsx)(r.Eg,{className:"my-2","data-testid":"credit-note-notification",variant:"info",children:(0,n.jsx)(R.A,{message:o("invoicesPageCreditNoteNotification")})}),(0,n.jsx)(ep,{subscription:i},e.activeSubscriptionId)]})})};var eg=s(10199),ex=s(76264);function eh({page:e,subscription:i}){let{push:s}=(0,o.useRouter)(),{data:d,fetching:v,error:I}=(()=>{let[{data:e,fetching:i,error:s}]=(0,h.IT)({query:y}),n=(0,f.Tz)();return{data:e?.getLinkedSubscriptions?.filter(e=>n(e.lowerCaseBrandId)),fetching:i,error:s}})(),{tabletLandscape:N}=(0,r.Gu)(),{getTranslation:j,translations:C,getPortableText:E}=(0,p.c3)(),w=(0,S.PB)(),{getFeatureFlag:D}=(0,W.h)(),A=D(w.id,"isFAQEnabled"),{selectedCountry:P,setSelectedCountry:_,showCountrySelector:L,filteredSubscriptions:M}=(0,z.T)(d??[],i?.subscriptionId),B=(0,t.useMemo)(()=>M?.find(e=>e.subscriptionId===i?.subscriptionId),[M,i?.subscriptionId]);(0,t.useEffect)(()=>{!B&&M?.length&&(async()=>s(g(e,M[0]?.lowerCaseBrandId,M[0]?.subscriptionId),void 0,{shallow:!0}))()},[B,M,e,s]);let F=(0,t.useCallback)(e=>{_(e)},[_]),T=d&&!d?.length,k=e===b.N.OVERVIEW?ev:U,$=B??M[0];return I?(0,n.jsx)(l.A,{error:I}):(0,n.jsxs)(r.PE.Wrapper,{children:[(0,n.jsx)(r.PE.Heading,{children:(0,n.jsx)(x,{})}),(0,n.jsx)(r.PE.Sidebar,{children:(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsxs)(m.N,{href:"/",className:"text-anchor hover:text-anchor-dark text-sm underline self-start",children:[(0,n.jsx)(r.In,{icon:a.CeG,className:"max-w-[16px] mr-2"}),(0,n.jsx)("span",{children:j("invoicesPageBackToOverviewButtonLabel")})]}),(0,n.jsx)("h1",{className:"heading-4 font-bold pt-9",children:j("invoicesPageTitle")}),(0,n.jsx)("ul",{className:"h-[calc(80vh)] flex flex-col gap-6 pt-5 pl-7",children:Object.entries(b.Q).map(([s,t])=>(0,n.jsx)("li",{className:(0,ex.QP)((0,c.cx)("text-gray-dark",s===e&&"font-bold text-black relative before:content-[''] before:h-[2px] before:w-9 before:bg-anchor before:absolute before:left-0 before:top-[calc(100%+0.3125rem)] before:z-10")),children:(0,n.jsx)(m.N,{href:g(s,i?.brand,i?.subscriptionId),shallow:!0,children:(0,n.jsx)(n.Fragment,{children:j(t)})})},s))})]})}),(0,n.jsx)(r.PE.Main,{children:(0,n.jsxs)("div",{className:"layout-content-container",children:[N&&(0,n.jsx)(u.r,{className:"pl-0 mx-0 tablet-landscape:pt-1 desktop:pt-1",routes:C.invoicespageBreadCrumbs}),!N&&(0,n.jsx)(q,{page:e,subscription:i}),v&&(0,n.jsx)("div",{className:"bg-white text-center py-12",children:(0,n.jsx)(r.fV,{"aria-label":j("invoicesPageLoadingSubscriptionsAriaLabel")})}),T&&!v?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(eg.G,{className:"pt-1 landscape:pt-8 ",s
245ourceFlow:eg.p.InvoiceOverview,description:(0,n.jsx)(R.A,{testId:"no-active-subscriptions-message",message:E("invoicesPageNoLinkedSubscriptionsDescription")}),buttonLabel:j("invoicesPageLinkSubButtonLabel")}),(0,n.jsx)(r.cG,{className:"my-4"})]}):$&&(0,n.jsx)(k,{activeSubscription:$,selectedCountry:P,handleSelectCountry:F,showCountrySelector:L,filteredSubscriptions:M,activeSubscriptionId:$.subscriptionId}),A&&(0,n.jsxs)("div",{className:"py-4",children:[(0,n.jsx)("h2",{className:"heading-5 tablet:heading-4 font-semibold text-center mb-7",children:j("invoicesPageFAQTitle")}),(0,n.jsx)(Y,{})]})]})})]})}function ef(){let e,{query:i}=(0,o.useRouter)();return i?.path&&(e=i.path[0],[b.N.OVERVIEW,b.N.PAYMENT_DETAILS].includes(e||""))&&(!i.path[1]||i.path[2])?i.path[1]&&i.path[2]?(0,n.jsx)(eh,{page:i.path[0],subscription:{brand:i.path[1],subscriptionId:i.path[2]}}):(0,n.jsx)(eh,{page:i?.path[0]}):(0,n.jsx)(d.A,{})}var eI=s(79478),ey=!0;function eN({errorCodes:e,countryInfo:i}){return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(eI.p.Provider,{value:e,children:(0,n.jsx)(_.wF.Provider,{value:i,children:(0,n.jsx)(ef,{})})})})}},75286:(e,i,s)=>{"use strict";s.d(i,{N:()=>n,Q:()=>t});let n={PAYMENT_DETAILS:"betaalgegevens",OVERVIEW:"overzicht"},t={[n.PAYMENT_DETAILS]:"invoicesPaymentDataTitle",[n.OVERVIEW]:"invoicesOverviewTitle"}},83701:(e,i,s)=>{"use strict";s.d(i,{c:()=>d});var n=s(6029),t=s(55729),a=s(89456),r=s(59496),o=s(47466),c=s(5752);let l=({country:e})=>{let i=(0,o.ez)((0,c.GK)(e));return(0,n.jsxs)("div",{className:"flex items-center space-x-1","data-testid":`country-${e}`,children:[(0,n.jsx)("span",{children:i?.name}),(0,n.jsx)("div",{children:(0,n.jsx)("img",{src:`/images/flags/flag-${e}.svg`,className:"h-auto max-w-3 w-full"})})]})},d=({selectedCountry:e,setSelectedCountry:i})=>{let s=(0,t.useId)();return(0,n.jsx)(a.z6,{direction:"row",onValueChange:e=>i(e.replace(`${s}-`,"")),"data-testid":"select-country",items:r.gH.map(e=>({label:(0,n.jsx)(l,{country:e}),value:`${s}-${e}`})),value:`${s}-${e}`})}}},e=>{e.O(0,[5386,7447,2074,1941,6264,92,526,2965,474,6593,636,8792],()=>e(e.s=38641)),_N_E=e.O()}]);
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.