https://mijnomgeving.parool.nl/_next/static/chunks/pages/abonnemen…/[subscription_id]-c685f5a2cbff7ba8.js

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 a=1;a<arguments.length;a++){var s=arguments[a];if(null!=s)for(var t in s)s.hasOwnProperty(t)&&(e[t]=s[t])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:dpg-media-services-csa":!0});var a=(new e.Error).stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="013d3755-0678-4dbc-a8b3-5087febbf12d",e._sentryDebugIdIdentifier="sentry-dbid-013d3755-0678-4dbc-a8b3-5087febbf12d")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8437],{2869:(e,a,s)=>{"use strict";s.d(a,{r:()=>o});var t=s(6029),r=s(55729),i=s(57490),n=s(89456),l=s(82203),d=s.n(l),c=s(59036);function o({className:e,routes:a}){let s=(0,c.U)(),l=function(e=[]){return(0,r.useMemo)(()=>e.map((e,a,s)=>a===s.length-1?{label:e.label??"-"}:{label:e.label??"-",...e.route?{path:e.route}:{}}),[e])}(a??[]);return!l.length||s.hasWebviewLimitation?null:(0,t.jsx)(n.rX,{className:(0,i.cx)("container mx-auto desktop:pt-6 tablet:pt-4 pt-3 flex items-baseline space-x-[0.25rem]",e),items:l,as:(0,t.jsx)(d(),{href:""})})}},13860:(e,a,s)=>{"use strict";s.d(a,{l:()=>n});var t=s(6029);s(55729);var r=s(89456),i=s(43343);let n=({loading:e,children:a,...s})=>{let{getTranslation:n}=(0,i.c3)();return(0,t.jsx)(r.$n,{...s,disabled:s.disabled||e,children:e?(0,t.jsx)(r.fV,{"aria-label":n("isLoadingAriaLabel"),className:"brightness-0"}):a})}},50189:(e,a,s)=>{"use strict";s.d(a,{A:()=>m});var t=s(6029);s(55729);var r=s(89456),i=s(71024),n=s.n(i),l=s(81278),d=s(15615),c=s(43343);let o=n()(()=>Promise.all([s.e(3957),s.e(5330)]).then(s.bind(s,95330)),{loadableGenerated:{webpack:()=>[95330]},loading:()=>(0,t.jsx)("div",{style:{width:"300px",height:"250px"}}),ssr:!1});function m(){let{getTranslation:e,getPortableText:a}=(0,c.c3)(),{push:s}=(0,l.useRouter)();return(0,t.jsxs)("div",{className:"text-center","data-testid":"error-page-404",children:[(0,t.jsx)("div",{className:"mt-8 inline-block","data-testid":"error-text-404",children:(0,t.jsx)(o,{src:"/animations/404.lottie",autoplay:!0,loop:!0,style:{width:"300px",height:"250px"}})}),(0,t.jsx)("div",{className:"flex flex-col text-center bg-white py-8 px-4",children:(0,t.jsxs)("div",{className:"max-w-xl mx-auto space-y-4 tablet:space-y-6",children:[(0,t.jsx)(d.A,{className:"text-xl font-bold",message:a("errorDescription404")}),(0,t.jsx)(r.$n,{variant:"primary",onClick:()=>{s("/account")},"data-testid":"back-to-account",children:e("errorBackButtonLabel404")})]})})]})}},58492:(e,a,s)=>{"use strict";s.r(a),s.d(a,{__N_SSP:()=>$,default:()=>R});var t=s(6029),r=s(55729),i=s(79478),n=s(21941),l=s(50189),d=s(78504),c=s(43343),o=s(57490),m=s(89456),u=s(62074),x=s(33591),b=s(15615),h=s(237),p=s(18654);function g({brandId:e,subscriptionId:a}){let{getTranslation:s,getPortableText:i}=(0,c.c3)(),{pushAnalyticsEvent:n}=(0,p.iK)();return(0,r.useEffect)(()=>{n({event:"send_invite"})},[n]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"max-w-md w-full mx-auto pt-5 tablet:pt-4 px-3 mb-4 flex flex-col gap-6",children:(0,t.jsx)("div",{className:"text-center",children:(0,t.jsx)("h2",{className:"heading-4 font-bold mb-1",children:s("sharedAccessSendInvitationResultTitle")})})}),(0,t.jsx)("div",{className:"bg-white",children:(0,t.jsxs)("div",{className:"max-w-md w-full mx-auto pt-5 tablet:pt-4 px-3 mb-4 flex flex-col gap-4","data-testid":"shared-access-success-message",children:[(0,t.jsx)(b.A,{message:i("sharedAccessSendInvitationResultDescription")}),(0,t.jsx)(h.N,{href:`/abonnementen/${e}/${a}`,passHref:!0,className:"grow flex",children:(0,t.jsx)(m.$n,{as:"span",variant:"primary",className:"cursor-pointer grow","data-testid":"shared-access-send-invitation-result-back-button",children:s("sharedAccessSendInvitationResultBackButtonLabel")})})]})})]})}var v=s(50092);let f=(0,v.UG)(`
2  fragment SendInvitationErrorFragment on SasSendInviteResult {
3    validationErrors
4  }
5`),j=({sendInviteResult:e,error:a})=>{let s=(0,v.ni)(f,e),{getErrorTranslation:r}=(0,c.YY)();return a?(0,t.jsx)(m.Eg,{variant:"error","data-testid":"shared-access-error-notification",children:r("GENERIC-ERROR")}):s?.validationErrors.length?(0,t.jsx)("div",{children:(0,t.jsx)(m.Eg,{variant:"error","data-testid":"shared-access-error-notification",children:r(s?.validationErrors[0]||"GENERIC-ERROR")})}):null};var I=s(50197);let w=(0,v.UG)(`
6  mutation SharedAccessSendInvite(
7    $brandId: String!
8    $subscriptionId: String!
9    $name: String!
10    $email: String!
11  ) {
12    sendInvite(
13      invite: {
14        invitee: { name: $name, email: $email }
15        subscription: { brandId: $brandId, subscriptionId: $subscriptionId }
16      }
17    ) {
18      inviteKey
19      result
20      ...SendInvitationErrorFragment
21    }
22  }
23`);var N=s(13860),S=s(79132),y=s(95618);let E=(0,v.UG)(`
24  fragment SharedAccessSubscriptionItem on S2LinkedSubscription {
25    lowerCaseBrandId
26    pcsProduct {
27      descriptor {
28        name
29      }
30    }
31  }
32`),k=({subscription:e})=>{let{lowerCaseBrandId:a,pcsProduct:s}=(0,v.ni)(E,e),{getTranslation:r}=(0,c.c3)(),i=(0,S.tA)(a),n=(0,y.d)(i.subscriptionLogo)?.height(50).url(),l=s?.descriptor?.name||i.seoTitle;return(0,t.jsx)("div",{className:"flex flex-row items-center py-4 mb-2 border-t border-b border-gray-medium",children:(0,t.jsx)("span",{"data-testid":"subscription-item",className:"block w-full",children:(0,t.jsxs)("div",{className:"flex gap-2 text-sm","data-testid":"subscription-label",children:[(0,t.jsx)("div",{className:"overflow-hidden rounded-xl w-10 h-10 border border-gray-medium flex-none","data-testid":"subscription-image",children:n?(0,t.jsx)("img",{src:n,className:"w-full h-full",title:l}):(0,t.jsx)("div",{className:"w-full h-full bg-gray-light"})}),(0,t.jsxs)("div",{className:"flex flex-col justify-center leading-6",children:[(0,t.jsx)("span",{className:"font-semibold","data-testid":"subscription-title",children:l}),(0,t.jsx)("span",{className:"italic font-regular text-sm text-gray-dark","data-testid":"subscription-role",children:r("sharedAccessSendInvitationPageSubscriptionOwnerLabel")})]})]})})})},A=(0,n.Ik)().shape({name:(0,n.Yj)().min(3,"genericFormMissingInputErrorMessage").matches(new RegExp(o.lX),"genericFormMissingOrInvalidInputErrorMessage").required("genericFormMissingInputErrorMessage"),email:(0,n.Yj)().email("genericFormInvalidEmailMessage").required("genericFormMissingInputErrorMessage")}),_=(0,v.UG)(`
33  query SharedAccessSendInvitationSubscriptions(
34    $brandId: String!
35    $subscriptionId: String!
36  ) {
37    getLinkedSubscription(brandId: $brandId, subscriptionId: $subscriptionId) {
38      ...SharedAccessSubscriptionItem
39      role
40    }
41  }
42`),L=({brandId:e,subscriptionId:a})=>{let[{data:s,fetching:r,error:i}]=(0,I.IT)({query:_,variables:{brandId:e,subscriptionId:a}}),{getTranslation:n}=(0,c.c3)(),{getErrorTranslation:o}=(0,c.YY)(),[{fetching:b,data:h,error:p},v]=(0,I.n_)(w),{values:f,touched:S,errors:y,handleBlur:E,handleSubmit:L,setFieldValue:P}=(0,u.Wx)({validationSchema:A,initialValues:{name:"",email:""},validateOnBlur:!0,onSubmit:async({name:s,email:t})=>v({name:s,email:t,brandId:e,subscriptionId:a})});return r?(0,t.jsx)("div",{className:"bg-white text-center mt-6 py-12","data-testid":"loading-subscription-detail

42s",children:(0,t.jsx)(m.fV,{"aria-label":n("sharedAccessSendInvitationPageLoadingSubscriptionAriaLabel")})}):i?(0,t.jsx)(d.A,{error:i}):s?.getLinkedSubscription?.role!=="OWNER"?(0,t.jsx)(l.A,{}):h?.sendInvite?.result==="OK"?(0,t.jsx)(g,{brandId:e,subscriptionId:a}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"max-w-md w-full mx-auto pt-5 tablet:pt-4 px-3 mb-4 flex flex-col gap-6",children:(0,t.jsxs)("div",{className:"text-center",children:[(0,t.jsx)("h2",{className:"heading-4 font-bold mb-1",children:n("sharedAccessSendInvitationPageTitle")}),(0,t.jsx)("span",{children:n("sharedAccessSendInvitationPageSubTitle")})]})}),(0,t.jsx)("div",{className:"bg-white",children:(0,t.jsxs)("div",{className:"max-w-md w-full mx-auto pt-6 px-3 mb-4 flex flex-col gap-2","data-testid":"shared-access-form",children:[(0,t.jsx)("h2",{className:"text-sm font-semibold",children:n("sharedAccessSendInvitationPageSelectedSubscriptionTitle")}),(0,t.jsx)(k,{subscription:s.getLinkedSubscription}),(0,t.jsx)("h2",{className:"text-sm font-semibold",children:n("sharedAccessSendInvitationPageFormTitle")}),(0,t.jsxs)("form",{onSubmit:L,className:"flex flex-col gap-4",children:[(0,t.jsx)(j,{sendInviteResult:h?.sendInvite||void 0,error:p}),(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)(m.zB,{name:"name",touched:S.name,error:y.name&&o(y.name),requiredDescription:n("genericFormRequiredDescription"),children:(0,t.jsx)(m.pd,{name:"name","data-testid":"shared-access-coreader-name",label:n("sharedAccessSendInvitationPageFormNameLabel"),placeholder:n("sharedAccessSendInvitationPageFormNameLabel"),value:f.name,onBlur:E,onChange:e=>{P("name",e.currentTarget.value)}})}),(0,t.jsx)(m.zB,{name:"email",touched:S.email,error:y.email&&o(y.email),children:(0,t.jsx)(m.pd,{name:"email","data-testid":"shared-access-coreader-email",label:n("sharedAccessSendInvitationPageFormEmailLabel"),placeholder:n("sharedAccessSendInvitationPageFormEmailLabel"),value:f.email,onBlur:E,onChange:e=>{P("email",e.currentTarget.value)}})})]}),(0,t.jsx)(N.l,{type:"submit",variant:"primary","data-testid":"shared-access-coreader-submit-button",className:"grow",loading:b,disabled:b,children:n("sharedAccessSendInvitationPageSubmitButtonLabel")})]}),(0,t.jsx)("div",{className:"text-center p-4 border-t border-gray-medium mt-2",children:(0,t.jsx)(x.E,{href:`/abonnementen/${e}/${a}`,className:"text-anchor hover:text-anchor-dark underline text-sm font-semibold",children:n("sharedAccessSendInvitationPageCancelLinkLabel")})})]})})]})};var P=s(2869),$=!0;function R({errorCodes:e,brandId:a,subscriptionId:s}){let{translations:r}=(0,c.c3)();return(0,t.jsxs)(i.p.Provider,{value:e,children:[(0,t.jsx)(P.r,{routes:r.sharedaccesssendinvitationpageBreadCrumbs}),(0,t.jsx)(L,{brandId:a,subscriptionId:s})]})}},78504:(e,a,s)=>{"use strict";s.d(a,{A:()=>x});var t=s(6029),r=s(55729),i=s(1699),n=s(89456),l=s(71024),d=s.n(l),c=s(81278),o=s(15615),m=s(43343);let u=d()(()=>Promise.all([s.e(3957),s.e(5330)]).then(s.bind(s,95330)),{loadableGenerated:{webpack:()=>[95330]},loading:()=>(0,t.jsx)("div",{style:{width:"300px",height:"250px"}}),ssr:!1});function x({error:e,traceId:a}){let{getTranslation:s,getPortableText:l}=(0,m.c3)(),{pathname:d,push:b,reload:h}=(0,c.useRouter)();return(0,r.useEffect)(()=>{if(window.location){let s=new URLSearchParams(window.location.search);"forbidden"===s.get("error")&&s.has("reason")||(0,i.c_)(e||Error("[500] Internal server error"),{extra:{traceId:a,href:window.location.href}})}},[a,e]),(0,t.jsxs)("div",{className:"text-center","data-testid":"error-page-500",children:[(0,t.jsx)("div",{className:"mt-8 inline-block",children:(0,t.jsx)(u,{src:"/animations/500.lottie",autoplay:!0,loop:!0,style:{width:"300px",height:"250px"}})}),(0,t.jsx)("div",{className:"flex flex-col text-center bg-white py-8 px-4",children:(0,t.jsxs)("div",{className:"max-w-xl mx-auto space-y-4 tablet:space-y-6",children:[(0,t.jsx)(o.A,{className:"text-xl font-bold",message:l("errorDescription")}),"/500"===d?(0,t.jsx)(n.$n,{variant:"primary",onClick:()=>{b("/account")},children:s("errorBackButtonLabel404")}):(0,t.jsx)(n.$n,{variant:"primary",onClick:()=>{h()},children:s("errorRetryButtonLabel")}),a&&(0,t.jsxs)("span",{"data-testid":"error-trace-id",className:"pt-4 font-monospace block text-gray-dark",children:[s("errorTraceIdLabel")," ",a]})]})})]})}},98533:(e,a,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/abonnementen/delen/[brand_id]/[subscription_id]",function(){return s(58492)}])}},e=>{e.O(0,[2074,1941,92,6593,636,8792],()=>e(e.s=98533)),_N_E=e.O()}]);