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 t=1;t<arguments.length;t++){var a=arguments[t];if(null!=a)for(var r in a)a.hasOwnProperty(r)&&(e[r]=a[r])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:dpg-media-services-csa":!0});var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="58856eec-9ca9-4140-b102-e49bef832973",e._sentryDebugIdIdentifier="sentry-dbid-58856eec-9ca9-4140-b102-e49bef832973")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8601],{9803:(e,t,a)=>{a.d(t,{a:()=>s});var r=a(6029);function s({src:e,label:t,size:a="sm"}){return(0,r.jsxs)("span",{className:"flex items-center gap-2 min-w-0",children:[(0,r.jsx)("img",{src:e,alt:"",className:`${"sm"===a?"w-3 h-3":"w-[32px] h-[32px]"} shrink-0 object-contain rounded-sm`}),(0,r.jsx)("span",{className:"truncate",children:t})]})}a(55729)},35453:(e,t,a)=>{a.d(t,{e:()=>v});var r=a(6029),s=a(55729),n=a(89456),i=a(31576),o=a(79132),l=a(76407),c=a(57490);let d=({message:e,url:t,buttonLabel:a,strong:s})=>(0,r.jsxs)("div",{className:"flex flex-wrap gap-x-2 gap-y-0.5 justify-center items-center text-center px-2",children:[(0,r.jsx)("span",{className:(0,c.cx)("inline",s?"font-semibold":""),children:e}),(0,r.jsx)(n.$n,{variant:"primary",className:"text-black",as:"a",href:t,size:"small",children:a})]});var m=a(18654),u=a(91018);let p="commercial_banner_closed";var b=a(59036),x=a(7472),g=a(50197);let h=(0,a(50092).UG)(` 2 query CommercialBannerSubscriptions { 3 getLinkedSubscriptions { 4 brand 5 subscriptionId 6 } 7 } 8`);var f=a(81278);let v=()=>{let{query:e}=(0,f.useRouter)(),t=(()=>{let{hasWebviewLimitation:e}=(0,b.U)(),t=(0,o.PB)(),{getFeatureFlag:a}=(0,l.h)(),r=a(t.id,"isShowCommercialBannerEnabled"),s=(0,x.L)(t.id);if(r)return s(e?"mobileapp":"web")})(),{isBannerClosed:a,setBannerClosed:c}=((e=1)=>{let t,{getCookie:a,setCookie:r}=(0,u.A)(),[n,i]=(0,s.useState)(!!((t=a(p))&&"true"===t));return{setBannerClosed:(0,s.useCallback)(()=>{i(!0),r(p,"true",{days:e})},[e,r]),isBannerClosed:n}})(t?.marketingBannerTTLInDays),v=(0,n.KN)(),j=(()=>{let[e]=(0,i.F7)({optional:!0}),[{data:t}]=(0,g.IT)({query:h,pause:!e?.id});return e?.id?t?(t?.getLinkedSubscriptions?.length||0)>0?"has-subscriptions":"no-subscriptions":void 0:"unauthenticated"})(),{pushAnalyticsEvent:y}=(0,m.iK)(),F=(0,s.useCallback)(()=>{y({event:"clicks",click_type:"close_commercial_banner"}),c()},[y,c]);(0,s.useEffect)(()=>{if(t&&!e.hideCommercialBanner)return!j||a?void v():("unauthenticated"===j&&v({showIcon:!1,variant:"info",onClose:F,children:(0,r.jsx)(d,{message:t.unauthenticatedMessage,url:t.unauthenticatedButtonLinkUrl,buttonLabel:t.unauthenticatedButtonLinkText,strong:!0})}),"has-subscriptions"===j&&v({showIcon:!1,variant:"info",onClose:F,children:(0,r.jsx)(d,{message:t.withSubscriptionsMessage,url:t.withSubscriptionsLinkUrl,buttonLabel:t.withSubscriptionsLinkText,strong:!0})}),"no-subscriptions"===j&&v({showIcon:!1,variant:"info",onClose:F,children:(0,r.jsx)(d,{message:t.noSubscriptionsMessage,url:t.noSubscriptionsLinkUrl,buttonLabel:t.noSubscriptionsLinkText,strong:!0})}),()=>v())},[t,v,j,a,F,e])}},40664:(e,t,a)=>{a.d(t,{_:()=>f});var r=a(6029);a(55729);var s=a(50197),n=a(50092),i=a(89456),o=a(79132),l=a(43343),c=a(95618),d=a(73491);let m=(0,n.UG)(` 9 fragment DelayExpectedDelivery on DelayExpectedDelivery { 10 __typename 11 ... on DelayExpectedDeliveryOn { 12 time 13 } 14 } 15`),u=({brand:e,expectedDelivery:t,productName:a})=>{let s=(0,o.Ek)(),u=s[e]?.seoTitle||"",p=((e,t)=>{let{getPortableStringText:a}=(0,l.c3)();if(!e)return a("knownDelaysUnknownExpectationDateMessage",{product_name:t});let r=(0,n.ni)(m,e);return"DelayExpectedDeliveryOn"===r.__typename?a("knownDelaysExpectedAtMessage",{product_name:t,expected_at:(0,d.GP)(new Date(r.time),"HH:mm")}):"DelayDeliveryNotExpectedAnymore"===r.__typename?a("knownDelaysNotExpectedAnymoreMessage",{product_name:t}):void 0})(t,a),b=s[e]?.logo;return(0,r.jsxs)(i.Eg,{variant:"info",className:"my-1 flex-row first:mt-4 last:mb-4",showIcon:!1,shouldAnnounce:!1,"data-testid":"expected-delivery-notification",children:[(0,r.jsx)("img",{src:(0,c.d)(b)?.he
15ight(70).url(),alt:`${u??""} logo`,className:"h-7 max-w-7"}),(0,r.jsx)("div",{className:"ml-3 inline-flex text-left",children:p})]})},p=(0,n.UG)(` 16 query KnownDelaysForAddress( 17 $houseNumber: String! 18 $zipCode: String! 19 $brands: [String!]! 20 $suffix: String 21 ) { 22 getDelaysForAddress( 23 houseNumber: $houseNumber 24 zipCode: $zipCode 25 brands: $brands 26 suffix: $suffix 27 ) { 28 ... on DelayIncidental { 29 expectedDelivery { 30 ...DelayExpectedDelivery 31 } 32 } 33 } 34 } 35`),b=({subscriptions:e,address:t})=>{let[{data:a}]=(0,s.IT)({query:p,variables:{...t,brands:Array.from(new Set(e?.map(e=>e.brand)))}});return a?.getDelaysForAddress?.map((t,a)=>e?.map(e=>"DelayIncidental"!==t.__typename?null:(0,r.jsx)(u,{brand:e.lowerCaseBrandId,productName:`${e.pcsProduct?.descriptor.name}`,expectedDelivery:t.expectedDelivery},a)))};var x=a(90472);let g=(0,n.UG)(` 36 query KnownDelaysSubscriptionList { 37 getLinkedSubscriptions { 38 brand 39 lowerCaseBrandId 40 subscriptionKey 41 role 42 status 43 pcsProduct { 44 descriptor { 45 name 46 } 47 services { 48 __typename 49 ... on PcsPaperFulfilment { 50 serviceType 51 friday 52 monday 53 saturday 54 thursday 55 tuesday 56 wednesday 57 } 58 } 59 } 60 canonicalSubscription { 61 consumer { 62 address { 63 city 64 countryCode 65 number 66 postalCode 67 street 68 streetId 69 supplementaryNumber 70 } 71 } 72 } 73 } 74 } 75`),h=(0,n.UG)(` 76 fragment CurrentKnownDelaySubscriptionFragment on S2LinkedSubscription { 77 subscriptionKey 78 } 79`),f=({currentSubscription:e})=>{var t;let a,[{data:i}]=(0,s.IT)({query:g,requestPolicy:"cache-and-network"}),o=(0,n.ni)(h,e),l=(t=i?.getLinkedSubscriptions.filter(e=>!o||e.subscriptionKey===o.subscriptionKey)||[],a=(0,x.bA)(),(t||[]).reduce((e,t)=>{let r,s;if(r=t.canonicalSubscription.consumer?.address,!(r?.postalCode&&r?.number)||!a(t))return e;let n=(s=t.canonicalSubscription.consumer.address,`${s.number}-${s.postalCode}-${s.supplementaryNumber||""}`),i=e.get(n)||{subscriptions:[],address:t.canonicalSubscription.consumer.address};return e.set(n,{...i,subscriptions:[...i.subscriptions,t]})},new Map));return i?(0,r.jsx)("div",{"data-testid":"known-delays-notification-container",children:Array.from(l.entries()).map(([e,{subscriptions:t,address:a}])=>(0,r.jsx)(b,{subscriptions:t,address:{houseNumber:a.number,zipCode:a.postalCode,suffix:a.supplementaryNumber||void 0}},e))}):null}},50189:(e,t,a)=>{a.d(t,{A:()=>m});var r=a(6029);a(55729);var s=a(89456),n=a(71024),i=a.n(n),o=a(81278),l=a(15615),c=a(43343);let d=i()(()=>Promise.all([a.e(3957),a.e(5330)]).then(a.bind(a,95330)),{loadableGenerated:{webpack:()=>[95330]},loading:()=>(0,r.jsx)("div",{style:{width:"300px",height:"250px"}}),ssr:!1});function m(){let{getTranslation:e,getPortableText:t}=(0,c.c3)(),{push:a}=(0,o.useRouter)();return(0,r.jsxs)("div",{className:"text-center","data-testid":"error-page-404",children:[(0,r.jsx)("div",{className:"mt-8 inline-block","data-testid":"error-text-404",children:(0,r.jsx)(d,{src:"/animations/404.lottie",autoplay:!0,loop:!0,style:{width:"300px",height:"250px"}})}),(0,r.jsx)("div",{className:"flex flex-col text-center bg-white py-8 px-4",children:(0,r.jsxs)("div",{className:"max-w-xl mx-auto space-y-4 tablet:space-y-6",children:[(0,r.jsx)(l.A,{className:"text-xl font-bold",message:t("errorDescription404")}),(0,r.jsx)(s.$n,{variant:"primary",onClick:()=>{a("/account")},"data-testid":"back-to-account",children:e("errorBackButtonLabel404")})]})})]})}},78504:(e,t,a)=>{a.d(t,{A:()=>p});var r=a(6029),s=a(55729),n=a(1699),i=a(89456),o=a(71024),l=a.n(o),c=a(81278),d=a(15615),m=a(43343);let u=l()(()=>Promise.all([a.e(3957),a.e(5330)]).then(a.bind(a,95330)),{loadableGenerated:{webpack:()=>[95330]},loading:()=>(0,r.jsx)("div",{style:{width:"300px",height:"250px"}}),ssr:!1});function p({error:e,traceId:t}){let{getTranslation:a,getPortableText:o}=(0,m.c3)(),{pathname:l,push:b,reload:x}=(0,c.useRouter)();return(0,s.useEffect)(()=>
79{if(window.location){let a=new URLSearchParams(window.location.search);"forbidden"===a.get("error")&&a.has("reason")||(0,n.c_)(e||Error("[500] Internal server error"),{extra:{traceId:t,href:window.location.href}})}},[t,e]),(0,r.jsxs)("div",{className:"text-center","data-testid":"error-page-500",children:[(0,r.jsx)("div",{className:"mt-8 inline-block",children:(0,r.jsx)(u,{src:"/animations/500.lottie",autoplay:!0,loop:!0,style:{width:"300px",height:"250px"}})}),(0,r.jsx)("div",{className:"flex flex-col text-center bg-white py-8 px-4",children:(0,r.jsxs)("div",{className:"max-w-xl mx-auto space-y-4 tablet:space-y-6",children:[(0,r.jsx)(d.A,{className:"text-xl font-bold",message:o("errorDescription")}),"/500"===l?(0,r.jsx)(i.$n,{variant:"primary",onClick:()=>{b("/account")},children:a("errorBackButtonLabel404")}):(0,r.jsx)(i.$n,{variant:"primary",onClick:()=>{x()},children:a("errorRetryButtonLabel")}),t&&(0,r.jsxs)("span",{"data-testid":"error-trace-id",className:"pt-4 font-monospace block text-gray-dark",children:[a("errorTraceIdLabel")," ",t]})]})})]})}},91018:(e,t,a)=>{a.d(t,{A:()=>n});var r=a(55729),s=a(49897);let n=()=>({getCookie:(0,r.useCallback)(e=>{let t=document.cookie.match(RegExp(`(^| )${e}=([^;]+)`));return t?t[2]:void 0},[]),setCookie:(0,r.useCallback)((e,t,a)=>{let r=(0,s.W)(new Date,a).toUTCString();document.cookie=`${e}=${t}; expires=${r}; path=/`},[])})},94002:(e,t,a)=>{a.d(t,{M:()=>s});var r=a(95618);function s(e){return(0,r.d)(e.subscriptionLogo)?.height(50).url()}},98601:(e,t,a)=>{a.d(t,{w:()=>et});var r=a(6029),s=a(55729),n=a(89456),i=a(95669),o=a.n(i),l=a(79132),c=a(43343),d=a(57490),m=a(9803),u=a(76407),p=a(412),b=a(50092),x=a(32523),g=a(99405),h=a(8843);function f(e=new Date,t="Europe/Amsterdam"){return(0,h.L_)(e,t)}var v=a(25802),j=a(94002);let y=(0,b.UG)(` 80 fragment ContactFormSubscription on S2LinkedSubscription { 81 subscriptionId 82 subscriptionIdForDisplay 83 lowerCaseBrandId 84 pcsProduct { 85 descriptor { 86 name 87 } 88 } 89 } 90`);function F({contactForm:e,subscriptions:t}){var a;let s=(0,l.PB)(),i=(0,l.Ek)(),{getTranslation:o}=(0,c.c3)(),{getErrorTranslation:h}=(0,c.YY)(),_=(e=>{let{getFeatureFlag:t}=(0,u.h)(),a=(0,v.G)();return Object.values(e).filter(e=>!function({brandId:e,isContactFormEnabled:t,contactFormHidingRules:a}){return!t||a.some(t=>{var a;let r=t.brandTags?.includes(e),s=t.daysOfTheWeek?.includes((a=new Date,(0,x.a)(a,void 0).getDay())),n=f(),i=t.timeOfDay?.start&&t.timeOfDay?.end&&function(e,t){let a=+(0,x.a)(e,void 0),[r,s]=[+(0,x.a)(t.start,void 0),+(0,x.a)(t.end,void 0)].sort((e,t)=>e-t);return a>=r&&a<=s}(n,{start:(0,g.qg)(t.timeOfDay?.start,"HH:mm",n),end:(0,g.qg)(t.timeOfDay?.end,"HH:mm",n)});return t.isRuleEnabled&&r&&s&&(!t.isTimeOfDayEnabled||i)})}({brandId:e.id,isContactFormEnabled:t(e.id,"isContactFormEnabled"),contactFormHidingRules:a.contactFormConfig?.contactFormHidingRules??[]})).sort((e,t)=>e.title.localeCompare(t.title)).map(e=>({label:e.title,value:e.id,logoUrl:(0,j.M)(e)}))})(i),{values:w,touched:S,errors:L,handleBlur:C,setFieldValue:k}=e,P=_.find(e=>e.value===(w?.brand_id||s.id)),N=t.map(e=>(0,b.ni)(y,e)),D=(a=w.brand_id,N?.filter(({lowerCaseBrandId:e})=>e===a).map(({subscriptionId:e,pcsProduct:t,lowerCaseBrandId:a,subscriptionIdForDisplay:r})=>({label:`${t?.descriptor.name||i[a].seoTitle} (${r})`,value:e}))),I={value:"other",label:o("contactFormPageSubjectFormSubscriptionOtherLabel")};return(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("h2",{className:"text-sm font-semibold",children:o("contactFormPageSubjectHeading")}),(0,r.jsx)(n.zB,{name:"brand_id",touched:S.brand_id,error:L.brand_id&&h(L.brand_id),requiredDescription:o("genericFormRequiredDescription"),children:(0,r.jsx)(n.qF,{items:_,keyField:"value",labelField:"label",testId:"contact-form-brand-selector",placeholder:o("contactFormPageSubjectFormBrandLabel"),initialSelectedItem:P,onChange:e=>{k("brand_id",e.value),N?.find(({subscriptionId:e})=>e===w.subscription_id)?.lowerCaseBrandId!==e.value&&k("subscription_id","")},renderItem:e=>(0,r.jsx)(m.a,{src:e.logoUrl,label:e.label,size:"lg"}),renderSelectedItem:e=>(0,r.jsx)(m.a,{src:e.logoUrl,label:e.label})})}),(0,r.jsx)(n.zB,{name:"subscription_id",touched:S.subscription_id,error:L.subscription_id&&h(L.subscription_id),children:(0,r.jsx)(n.qF,{items:[...D,I],keyField:"value",labelField:"label",testId:"contact-form-subscription-selector",placeholder:o("contactFormPageSubjectFormSubscriptionLabel"),selectedItem:"other"===w.subscription_id?I:D.find(({value:e})=>w.subscription_id===e),onChange:e=>{k("subscription_id",e.value)},renderItem:e=>e.label?(0,r.jsx)("span",{title:e.label,children:e.label}):"",optionalSuffix:o("genericFormOptionalLabel"),required:(0,d.Sh)(p.L,"subscription_id"),isControlled:!0})}),(!w.subscription_id||"other"===w.subscription_id)&&(0,r.jsx)(n.zB,{name:"custom_subscription_id",touched:S.custom_subscription_id,error:L.custom_subscription_id&&h(L.custom_subscription_id),children:(0,r.jsx)(n.pd,{name:"custom_subscription_id",label:o("contactFormPageSubjectFormSubscriptionNumberLabel"),placeholder:o("contactFormPageSubjectFormSubscriptionNumberLabel"),value:w.custom_subscription_id,optionalSuffix:o("genericFormOptionalLabel"),onBlur:C,onChange:e=>{k("custom_subscription_id",e.currentTarget.value)},required:!1})})]})}var _=a(91216),w=a(50189),S=a(78504),L=a(18654),C=a(15615),k=a(8209),P=a(31576),N=a(59867);function D({contactForm:e,showSubscriptionId:t}){let{getTranslation:a,getPortableText:s}=(0,c.c3)(),{getErrorTranslation:i}=(0,c.YY)(),[o]=(0,P.F7)(),{values:m,touched:u,errors:p,handleBlur:b,setFieldTouched:x,setFieldValue:g,handleChange:h}=e,f=(({brand_id:e=""})=>{let t=(0,l.PB)(),a=(0,l.Ek)();return r=>{if(r.value!==d.oO.DELIVERY_HOLIDAY_SERVICE)return!0;
90if("magazine"===t.brandCategory)return!1;let s=(0,N.e)(e,a)?a[e]:void 0;return!s||"magazine"!==s.brandCategory}})(m),v=!!o?.id,j=k.v.map(({value:e,labelKey:t,subtopic:r})=>({value:e,label:a(t),subtopic:r.filter(f).map(({value:e,labelKey:t,tooltipKey:r})=>({value:e,label:a(t),tooltip:r?s(r,{optional:!0}):void 0}))})),y=j.find(({value:e})=>e===m.topic)?.subtopic||[],F=y.find(({value:e})=>e===m.subtopic),_=F?.value===d.oO.ACCOUNT_CREATION&&v?s("contactFormPageSubtopicCreateAccountFaqLinkTooltip"):F?.tooltip;return(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("h2",{className:"text-sm font-semibold",children:a("contactFormPageSubjectHeading")}),(0,r.jsx)(n.zB,{name:"topic",touched:u.topic,error:p.topic&&i(p.topic),children:(0,r.jsx)(n.qF,{items:j,keyField:"value",labelField:"label",testId:"contact-form-subject-selector",placeholder:a("contactFormPageSubjectFormSubjectLabel"),selectedItem:j.find(e=>e.value===m.topic),isControlled:!0,onChange:e=>{g("topic",e.value),g("subtopic",""),x("subtopic",!1)}})}),_&&_.length>0&&(0,r.jsx)(n.Eg,{variant:"info",shouldAnnounce:!1,"data-testid":"tooltip",children:(0,r.jsx)(C.A,{message:_,values:{brand_id:m.brand_id}})}),(0,r.jsx)(n.zB,{"data-testid":"subtopic",name:"subtopic",touched:u.subtopic,error:p.subtopic&&i(p.subtopic),children:(0,r.jsx)(n.qF,{items:y,keyField:"value",labelField:"label",testId:"contact-form-subtopic-selector",placeholder:a("contactFormPageSubjectFormSubto
90picLabel"),disabled:""===m.topic,selectedItem:y.find(e=>e.value===m.subtopic),onChange:e=>{g("subtopic",e.value)},isControlled:!0})}),t&&(0,r.jsx)(n.zB,{name:"custom_subscription_id",touched:u.custom_subscription_id,error:p.custom_subscription_id&&i(p.custom_subscription_id),children:(0,r.jsx)(n.pd,{"data-testid":"custom_subscription_id",name:"custom_subscription_id",label:a("contactFormPageSubjectFormSubscriptionNumberLabel"),placeholder:a("contactFormPageSubjectFormSubscriptionNumberLabel"),value:m.custom_subscription_id,optionalSuffix:a("genericFormOptionalLabel"),onBlur:b,onChange:h,required:!1})})]})}var I=a(40664),A=a(92965),B=a(50197);let E=(0,b.UG)(` 91 query ContactFormSubscriptionsList { 92 getLinkedSubscriptions { 93 ...ContactFormSubscription 94 } 95 } 96`);function T({contactForm:e}){let t,a,i,{getTranslation:o}=(0,c.c3)(),[l]=(0,P.F7)({optional:!0}),{pushAnalyticsEvent:m}=(0,L.iK)(),u=!!l?.id,[{data:p,fetching:b,error:g}]=(0,B.IT)({query:E,pause:!u}),{submitSubjectStep:h,values:v}=e,j=v.subtopic===d.oO.PRIVACY||v.subtopic===d.oO.DELIVERY_COMPLAINT&&(t=f(),a=(0,x.a)(t,void 0).getHours(),0!==(i=(0,x.a)(t,void 0).getDay())&&6!==i&&a>=0&&a<7||6===(0,x.a)(t,void 0).getDay()&&a>=0&&a<9);return((0,s.useEffect)(()=>{m({event:"screenview",steps:3,step_description:"choose subject",funnel_name:"contact form",screen_name:window.location.pathname})},[]),g)?(0,_.NF)(g)&&404===g.status?(0,r.jsx)(w.A,{}):(0,r.jsx)(S.A,{error:g}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("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,r.jsx)(n.gj,{variant:"row",steps:[{id:"step-1",label:o("contactFormPageStep1Label"),status:"active"},{id:"step-2",label:o("contactFormPageStep2Label"),status:"inactive"}]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"heading-4 font-bold mb-1",children:o("contactFormPageTitle")}),(0,r.jsx)("span",{children:o("contactFormPageSubjectSubTitle")})]})]}),b&&u?(0,r.jsx)("div",{className:"bg-white text-center py-12","data-testid":"loading-subscriptions",children:(0,r.jsx)(n.fV,{"aria-label":o("contactFormPageLoadingSubscriptionsAriaLabel")})}):(0,r.jsx)("form",{className:"bg-white","data-testid":"contact-form",onSubmit:h,children:(0,r.jsxs)("div",{className:"max-w-sm mx-auto pb-6 tablet:pb-10 pt-2 tablet:pt-4 px-3 flex flex-col gap-4",children:[(0,r.jsx)(I._,{}),u&&p?.getLinkedSubscriptions&&(0,r.jsx)(F,{contactForm:e,subscriptions:p.getLinkedSubscriptions}),(0,r.jsx)(D,{contactForm:e,showSubscriptionId:!u}),(0,r.jsx)(n.$n,{type:"submit",variant:"primary",className:"grow",disabled:j,children:o("contactFormPageNextButtonLabel")}),(0,r.jsx)("div",{className:"text-center p-4 border-t border-gray-medium mt-2",children:(0,r.jsx)(A.w$,{href:"/klantenservice/contact",children:o("contactFormPageCancelLinkLabel")})})]})})]})}var O=a(10762),q=a(55597),M=a(12839),$=a(91582);let U=[{label:"PC",value:"pc"},{label:"Tablet",value:"tablet"},{label:"Smartphone",value:"smartphone"}],z=[{label:"Android",value:"android"},{label:"iOS",value:"ios"},{label:"Windows",value:"windows"},{label:"macOS",value:"macos"},{label:"Anders",value:"other"}],H=[{label:"Chrome",value:"chrome"},{label:"Firefox",value:"firefox"},{label:"Safari",value:"safari"},{label:"Internet Explorer",value:"internet-explorer"},{label:"Edge",value:"edge"},{label:"Anders",value:"other"}];function R({contactForm:e}){let{getTranslation:t}=(0,c.c3)(),{getErrorTranslation:a}=(0,c.YY)(),{values:s,touched:i,errors:o,handleBlur:l,setFieldValue:d}=e;return(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-sm font-semibold mb-2",children:t("contactFormPageDigitalDeviceHeading")}),(0,r.jsx)(n.zB,{name:"device",touched:i.device,error:o.device&&a(o.device),children:(0,r.jsx)(n.qF,{items:U,keyField:"value",labelField:"label",testId:"contact-form-device-selector",placeholder:t("contactFormPageDigitalDeviceLabel"),selectedItem:U.find(e=>e.value===s.device),onChange:e=>{d("device",e.value)},required:!1,optionalSuffix:t("genericFormOptionalLabel")})})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-sm font-semibold mb-2",children:t("contactFormPageDigitalOSHeading")}),(0,r.jsx)(n.zB,{name:"operating_system",touched:i.operating_system,error:o.operating_system&&a(o.operating_system),children:(0,r.jsx)(n.qF,{items:z,keyField:"value",labelField:"label",testId:"contact-form-operating-system-selector",placeholder:t("contactFormPageDigitalOSLabel"),selectedItem:z.find(e=>e.value===s.operating_system),onChange:e=>{d("operating_system",e.value)},required:!1,optionalSuffix:t("genericFormOptionalLabel")})})]}),"other"!==s.operating_system&&(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-sm font-semibold mb-2",children:t("contactFormPageDigitalOSVersionHeading")}),(0,r.jsx)(n.zB,{name:"operating_system_version",touched:i.operating_system_version,error:o.operating_system_version&&a(o.operating_system_version),children:(0,r.jsx)(n.pd,{name:"operating_system_version",label:t("contactFormPageDigitalOSVersionLabel"),placeholder:t("contactFormPageDigitalOSVersionLabel"),value:s.operating_system_version,optionalSuffix:t("genericFormOptionalLabel"),onBlur:l,onChange:e=>{d("operating_system_version",e.currentTarget.value)},required:!1})})]}),("tablet"===s.device||"smartphone"===s.device)&&(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-sm font-semibold mb-2",children:t("contactFormPageDigitalAppVersionHeading")}),(0,r.jsx)(n.zB,{name:"app_version",touched:i.app_version,error:o.app_version&&a(o.app_version),children:(0,r.jsx)(n.pd,{name:"app_version",label:t("contactFormPageDigitalAppVersionLabel"),placeholder:t("contactFormPageDigitalAppVersionLabel"),value:s.app_version,optionalSuffix:t("genericFormOptionalLabel"),onBlur:l,onChange:e=>{d("app_version",e.currentTarget.value)},required:!1})})]}),"pc"===s.device&&(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-sm font-semibold mb-2",children:t("contactFormPageDigitalBrowserHeading")}),(0,r.jsx)(n.zB,{name:"browser",touched:i.browser,error:o.browser&&a(o.browser),children:(0,r.jsx)(n.qF,{items:H,keyField:"value",labelField:"label",testId:"contact-form-browser-selector",placeholder:t("contactFormPageDigitalBrowserLabel"),selectedItem:H.find(e=>e.value===s.browser),onChange:e=>{d("browser",e.value)},required:!1,optionalSuffix:t("genericFormOptionalLabel")})})]})]})}let K=(0,b.UG)(` 97 query GetContactFormUploadLink($id: String!) { 98 getContactFormUploadLink(id: $id) { 99 objectKey 100 url 101 } 102 } 103`),G=(0,s.createContext)({files:[],onChange:()=>Promise.resolve()}),Y=({children:e})=>{let{files:t,onChange:a}=(()=>
103{let[e,t]=(0,s.useState)([]),a=(()=>{let{query:e}=(0,B.tH)();return async({file:t,key:a},r)=>{let{data:s,error:n}=await e(K,{id:a},{requestPolicy:"network-only"}).toPromise();if(n||!s)throw n;let{ok:i,statusText:o}=await fetch(s.getContactFormUploadLink.url,{...r,method:"PUT",body:t,headers:{"Content-Type":t.type}});if(!i)throw Error(o);return s.getContactFormUploadLink.objectKey}})(),r=(0,s.useCallback)((e,a)=>{t(t=>t.map(t=>t.file===e?{...t,...a}:t))},[t]),n=(0,s.useCallback)(async e=>{t(e);let s=[];for(let{file:t,status:n,key:i}of e){if("pending"!==n)continue;let e=new Promise((e,s)=>{(async()=>{let n=new AbortController;r(t,{status:"uploading",abortController:n});try{let s=await a({file:t,key:i},{signal:n.signal});r(t,{status:"done",objectKey:s}),e()}catch{r(t,{status:"error"}),s()}})()});s.push(e)}await Promise.allSettled(s)},[t,r,a]);return{files:(0,s.useMemo)(()=>e.map(e=>({file:e.file,key:e.key,status:e.status,objectKey:e.objectKey})),[e]),onChange:n}})();return(0,r.jsx)(G.Provider,{value:{files:t,onChange:a},children:e})},V=({contactForm:{setFieldValue:e,errors:t,touched:a}})=>{let{files:i,onChange:o}=(()=>{let e=(0,s.useContext)(G);if(!e)throw Error("useFileState must be used within a FileStateProvider");return e})(),{getErrorTranslation:l}=(0,c.YY)(),{getTranslation:d,getPortableStringText:m}=(0,c.c3)();return(0,s.useEffect)(()=>{e("attachments",i.map(({status:e,objectKey:t})=>({objectKey:t,status:e})))},[e,i]),(0,r.jsx)(n.zB,{name:"attachments",touched:!!a.attachments,error:t.attachments&&l(t.attachments),children:(0,r.jsxs)("div",{className:"flex gap-2 mt-2 flex-col","data-testid":"multiple-input-file-container",children:[(0,r.jsx)("h2",{className:"text-sm font-semibold",children:d("contactFormPageAttachmentsHeading")}),(0,r.jsx)(n.XV,{"data-testid":"upload-multiple-input-file",files:i,accept:"image/jpeg,image/png,application/pdf",selectFileButtonText:d("contactFormPageAttachmentsSelectFileLabel"),onChange:o,maxFiles:5,maxFilesInfoMessage:m("genericFormUploadMaxFilesInfoMessage",{max_files:5})})]})})};var J=a(13860);function W({contactForm:e}){let{getFeatureFlag:t}=(0,u.h)(),{getTranslation:a}=(0,c.c3)(),{getErrorTranslation:i}=(0,c.YY)(),{pushAnalyticsEvent:o}=(0,L.iK)(),{touched:l,errors:m,generalFormError:p,values:b,handleBlur:x,setFieldValue:g,handleSubmit:h,isSubmitting:f,validatedAddress:v}=e,j=p?.violations[0];return(0,s.useEffect)(()=>{j&&(0,d.Ux)()},[j]),(0,s.useEffect)(()=>{o({event:"screenview",steps:3,step_description:"write message",funnel_name:"contact form",screen_name:window.location.pathname,brand_id:b.brand_id,topic:b.topic,subtopic:b.subtopic})},[]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("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:["advanced"===b.form_type&&(0,r.jsx)(n.gj,{variant:"row",steps:[{id:"step-1",label:a("contactFormPageStep1Label"),status:"completed",onClick:()=>g("currentStep","subject")},{id:"step-2",label:a("contactFormPageStep2Label"),status:f?"loading":j?"error":"active"}]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"heading-4 font-bold mb-1",children:a("contactFormPageTitle")}),(0,r.jsx)("span",{role:"heading","aria-level":3,children:a("contactFormPageMessageSubTitle")})]})]}),(0,r.jsx)("form",{className:"bg-white","data-testid":"contact-form",onSubmit:h,children:(0,r.jsxs)("div",{className:"max-w-sm mx-auto pb-6 tablet:pb-10 pt-2 tablet:pt-4 px-3 flex flex-col gap-4",children:[(0,r.jsx)(I._,{}),j&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.Eg,{variant:"error","data-testid":"contact-form-error-notification",children:i(j.code)}),p.traceId&&(0,r.jsxs)("span",{className:"w-full block bg-error-lighter pb-2 pl-10 font-monospace text-xs text-gray-dark","data-testid":"contact-form-error-traceid",children:[a("errorTraceIdLabel")," ",p.traceId]})]}),b.topic===d.M2.DIGITAL_ACCESS&&(0,r.jsx)(R,{contactForm:e}),(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-sm font-semibold mb-2",children:a("contactFormPageMessageHeading")}),(0,r.jsx)(n.zB,{name:"message",touched:l.message,error:m.message&&i(m.message),requiredDescription:a("genericFormRequiredDescription"),children:(0,r.jsx)(n.TM,{name:"message","data-testid":"contact-form-message","aria-label":a("contactFormPageMessageFormMessageLabel"),label:a("contactFormPageMessageFormMessageLabel"),placeholder:a("contactFormPageMessageFormMessageLabel"),value:b.message,onBlur:x,onChange:e=>{g("message",e.target.value.replace(/[<>^#=/:]/g,""))},minRows:5,maxRows:15})})]}),(0,r.jsx)(M.n,{contactForm:e}),"advanced"===b.form_type&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)($.J,{contactForm:e}),t("general","isContactFormAttachmentEnabled")&&(0,r.jsx)(V,{contactForm:e})]}),(0,r.jsxs)("div",{className:"flex gap-2 mt-2",children:["advanced"===b.form_type&&(0,r.jsxs)(n.$n,{variant:"secondary",className:"cursor-pointer",onClick:()=>g("currentStep","subject"),children:[(0,r.jsx)(n.In,{icon:q.CeG,className:"mr-1"}),a("contactFormPagePreviousButtonLabel")]}),(0,r.jsx)(J.l,{type:"submit",variant:"primary",className:"grow","data-testid":"contact-form-submit",disabled:v.loading||null===v.address||v.hasError,loading:v.loading||f,children:a("contactFormPageSubmitButtonLabel")})]}),(0,r.jsx)("div",{className:"text-center p-4 border-t border-gray-medium mt
103-2",children:(0,r.jsx)(A.w$,{href:"/klantenservice/contact",children:a("contactFormPageCancelLinkLabel")})})]})})]})}var X=a(22696),Q=a(823);function Z({contactForm:e,foundAddress:t}){let a=(0,l.PB)(),{getTranslation:i,getPortableText:o}=(0,c.c3)(),{pushAnalyticsEvent:d}=(0,L.iK)(),{values:m}=e;return(0,s.useEffect)(()=>{d({event:"screenview",steps:3,step_description:"contact confirmation",funnel_name:"contact form",screen_name:window.location.pathname})},[]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("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:["advanced"===m.form_type&&(0,r.jsx)(n.gj,{variant:"row",steps:[{id:"step-1",label:i("contactFormPageStep1Label"),status:"completed"},{id:"step-2",label:i("contactFormPageStep2Label"),status:"completed"}]}),(0,r.jsx)("div",{children:(0,r.jsx)("h2",{className:"heading-4 font-bold mb-1",children:i("contactFormPageResultTitle")})})]}),(0,r.jsxs)("div",{className:"bg-white",children:[(0,r.jsx)(C.A,{"data-dpg-pii":!0,className:"max-w-md mx-auto px-3 pb-2 pt-2 tablet:pt-4 text-sm",message:o("contactFormPageResultDescription"),values:{email:m.email}}),(0,r.jsx)("div",{className:"max-w-sm mx-auto pb-4 pt-2 tablet:pt-4 px-3 flex flex-col gap-2",children:(0,r.jsx)(X.y,{values:m,foundAddress:t})}),(0,r.jsxs)("div",{className:"max-w-sm mx-auto pb-6 tablet:pb-10 px-3 flex flex-col gap-4 text-center text-sm",children:[(0,r.jsx)("hr",{className:"border-gray-medium"}),a.host&&(0,r.jsx)(A.Lv,{callToActionTitle:i("contactFormPageCallToActionTitle"),callToActionUrl:(0,Q.H)(a),callToActionLinkLabel:(0,r.jsx)(C.A,{message:o("contactFormPageCallToActionBrandLink"),values:{host:a.host}}),callToActionOverviewUrl:"/",callToActionOverviewLinkLabel:i("contactFormPageCallToActionOverviewLink"),closeButtonLabel:i("contactFormPageAppServiceCloseScreenLabel")})]})]})]})}var ee=a(35453);function et({formType:e="advanced"}){(0,ee.e)();let{seoTitle:t}=(0,l.PB)(),{getPortableStringText:a}=(0,c.c3)(),i=(0,O.q)({formType:e}),{values:m,validatedAddress:u}=i;return(0,s.useEffect)(()=>{(0,d.Ux)()},[m.currentStep]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(o(),{children:[(0,r.jsx)("title",{children:a("contactFormPageMetaTitle",{brand_name:t})}),(0,r.jsx)("meta",{name:"description",content:a("contactFormPageMetaDescription",{brand_name:t})})]}),(0,r.jsx)(Y,{children:(0,r.jsxs)(n.BJ.Navigator,{current:m.currentStep,children:[(0,r.jsx)(n.BJ.Screen,{name:"subject",children:(0,r.jsx)(T,{contactForm:i})}),(0,r.jsx)(n.BJ.Screen,{name:"message",children:(0,r.jsx)(W,{contactForm:i})}),(0,r.jsx)(n.BJ.Screen,{name:"result",children:(0,r.jsx)(Z,{contactForm:i,foundAddress:u.address})})]})})]})}}}]);
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.