@nd-storybook/storybook 0.3.93 → 0.3.94

package/dist/index.cjs.js

@@ -111,7 +111,7 @@ Valid keys: `+JSON.stringify(Object.keys(a),null,"  "));var S=q(z,T,O,G,W+"."+T,
                                 ${I==="completed"?"bg-background-brand text-text-inverse":""}
                                 ${I==="upcoming"?"bg-background-disabled text-text-inverse":""}
                                 ${t?"cursor-pointer":""}
-                            `.trim(),children:I==="completed"?g.jsx($,{name:"check",variant:"outline",size:"s",color:"inverse"}):Q+1});return g.jsxs(c.Fragment,{children:[g.jsx("div",{className:"flex-1 flex justify-center",children:B.href?g.jsx("a",{href:B.href,children:n}):t?g.jsx("button",{type:"button",onClick:B.onClick,children:n}):n}),!e&&g.jsx("div",{className:"flex-1 h-[1px] bg-border-gray"})]},Q)})}),g.jsx("div",{className:"flex mt-xs",children:A.map((B,Q)=>{const I=B.state??E(Q),e=Q===A.length-1,t=I==="completed"&&(!!B.href||!!B.onClick),n=g.jsx("span",{className:`text-meta-light text-center leading-tight ${I==="upcoming"?"text-text-disabled":"text-text-default"}`,children:B.label});return g.jsxs(c.Fragment,{children:[g.jsx("div",{className:"flex-1 min-w-0 flex justify-center",children:B.href?g.jsx("a",{href:B.href,children:n}):t?g.jsx("button",{type:"button",onClick:B.onClick,children:n}):n}),!e&&g.jsx("div",{className:"flex-1"})]},Q)})})]})},Me=({isOpen:A,onClose:C,heading:E,body:B,mediaUrl:Q,mediaType:I="image",metaText:e})=>g.jsx(YA,{isOpen:A,onClose:C,heading:Q?void 0:E,children:g.jsxs("div",{className:"flex flex-col gap-m",children:[Q&&(I==="video"?g.jsx("video",{src:Q,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"w-full"}):g.jsx("img",{src:Q,alt:"",className:"w-full"})),g.jsxs("div",{className:"flex flex-col gap-m",children:[g.jsxs("div",{className:"flex flex-col gap-xs",children:[Q&&g.jsx("h2",{className:"text-heading-m text-text-default",children:E}),g.jsx("p",{className:"text-body-light text-text-default",children:B})]}),e&&g.jsx("p",{className:"text-meta-light text-text-default italic",children:e})]})]})}),Ug=({features:A})=>{var B;const[C,E]=c.useState(null);return A.length===0?null:g.jsxs(g.Fragment,{children:[g.jsx("ul",{className:"flex flex-col flex-1 gap-xs justify-center",children:A.map((Q,I)=>g.jsxs("li",{className:"flex items-start justify-between gap-xs",children:[g.jsxs("div",{className:"flex items-start gap-xs",children:[g.jsx("span",{className:"flex-shrink-0",children:g.jsx($,{name:Q.included?"check":"x-mark",variant:"outline",size:"s",color:Q.included?"brand":"gray"})}),g.jsx("button",{type:"button",className:`text-meta-light text-left ${Q.included?"text-text-default":"text-text-disabled !line-through"} ${Q.modalBody?"cursor-pointer":"cursor-default"}`,onClick:()=>Q.modalBody&&E(I),children:Q.label})]}),Q.modalBody&&g.jsx("button",{type:"button",className:"flex-shrink-0 transition-colors",onClick:()=>E(I),children:g.jsx($,{name:"info",variant:"outline",size:"s",color:"default"})})]},I))}),C!==null&&((B=A[C])==null?void 0:B.modalBody)&&g.jsx(Me,{isOpen:!0,heading:A[C].label,body:A[C].modalBody,mediaUrl:A[C].modalMediaUrl,mediaType:A[C].modalMediaType,metaText:A[C].modalMetaText,onClose:()=>E(null)})]})},ME=({label:A,subLabel:C,features:E=[],onChangeSubscription:B,changeSubscriptionLabel:Q="Kies een ander abonnement"})=>g.jsxs(g.Fragment,{children:[g.jsx(TA,{label:A,subLabel:C,content:g.jsx(Ug,{features:E})}),g.jsx(_,{variant:"pill",label:Q,iconLeft:"arrows-clockwise",iconLeftVariant:"outline",onClick:B,className:"justify-center w-full"})]}),yB=A=>`€${A.toFixed(2).replace(".",",")}`,Ye=({sectionHeading:A="Actieabonnement",subscriptionTitle:C,subscriptionPricePerWeek:E,subscriptionOriginalPricePerWeek:B,pricePeriod:Q="per week",features:I=[],onChangeSubscription:e,changeSubscriptionLabel:t="Kies een ander abonnement",deliveryDayHeading:n="Op welke dag wil je de papieren krant ontvangen?",deliveryDays:o=[],selectedDeliveryDay:r,onDeliveryDayChange:i,durationHeading:u="Kies je looptijd",durations:d=[],selectedDuration:s,onDurationChange:l,alertText:w,startDateLabel:p="Gewenste startdatum",startDate:x="",onStartDateChange:v,minStartDate:D=new Date,maxStartDate:f,submitLabel:h="Vul je gegevens in",onSubmit:F})=>{const[M,N]=c.useState(x),[L,H]=c.useState(s),[R,V]=c.useState(r),Y=j=>{N(j),v==null||v(j)},k=j=>{H(j),l==null||l(j)},P=j=>{V(j),i==null||i(j)},U=o.length===0?g.jsxs("span",{className:"flex gap-xs",children:[B&&g.jsx("span",{className:"line-through text-text-subtle",children:yB(B)}),g.jsxs("span",{children:[yB(E)," ",Q]})]}):void 0;return g.jsxs("div",{className:"bg-background-default shadow-m p-m lg:p-l flex flex-col gap-l",children:[g.jsxs("div",{className:"lg:hidden flex flex-col gap-s",children:[g.jsx("h2",{className:"text-heading-m text-text-default",children:A}),g.jsx(ME,{label:C,subLabel:U,features:I,onChangeSubscription:e,changeSubscriptionLabel:t})]}),o.length>0&&g.jsxs("div",{className:"flex flex-col gap-s",children:[g.jsx("h2",{className:"text-heading-m text-text-default",children:n}),g.jsx("div",{className:"flex flex-col gap-xs",children:o.map(j=>g.jsx(hA,{variant:"card",layout:"horizontal",heading:j.label,label:j.description,priceLabel:j.price,name:"deliveryDay",value:j.value,checked:R===j.value,onChange:()=>P(j.value)},j.value))})]}),d.length>0&&g.jsxs("div",{className:"flex flex-col gap-s",children:[g.jsx("h2",{className:"text-heading-m text-text-default",children:u}),g.jsx("div",{className:"flex flex-col gap-xs",children:d.map(j=>g.jsx(hA,{variant:"card",layout:"horizontal",heading:j.label,name:"duration",value:j.value,checked:L===j.value,onChange:()=>k(j.value)},j.value))}),w&&g.jsx(eA,{variant:"info-dark",children:w})]}),g.jsx(CA,{label:p,value:M,setValue:Y,datePicker:!0,minDate:D,maxDate:f}),g.jsx(_,{variant:"secondary",label:h,iconRight:"caret-right",iconRightVariant:"outline",onClick:F,className:"justify-center"})]})},Ke=A=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(A),Oe=A=>{const C=A.replace(/[^a-zA-Z]/g,"").toUpperCase();return C.length===0?"":C.length===1?C:C.split("").join(".")+"."},Ne=({alertText:A,alertEmail:C,initialsLabel:E="Voorletters*",middleNameLabel:B="Tussenvoegsel",lastNameLabel:Q="Achternaam*",emailLabel:I="E-mailadres*",phoneLabel:e="Telefoonnummer*",addressHeading:t="Adresgegevens",postcodeLabel:n="Postcode*",houseNumberLabel:o="Huisnummer*",additionLabel:r="Toevoeging",streetLabel:i="Straat",cityLabel:u="Woonplaats",submitLabel:d="Naar betaaloverzicht",onSubmit:s,initialData:l})=>{const[w,p]=c.useState((l==null?void 0:l.initials)??""),[x,v]=c.useState((l==null?void 0:l.middleName)??""),[D,f]=c.useState((l==null?void 0:l.lastName)??""),[h,F]=c.useState((l==null?void 0:l.email)??""),[M,N]=c.useState((l==null?void 0:l.phone)??""),[L,H]=c.useState((l==null?void 0:l.postcode)??""),[R,V]=c.useState((l==null?void 0:l.houseNumber)??""),[Y,k]=c.useState((l==null?void 0:l.addition)??""),[P,U]=c.useState((l==null?void 0:l.street)??""),[j,X]=c.useState((l==null?void 0:l.city)??""),[a,m]=c.useState(!1),[K,y]=c.useState(!1),O=c.useRef(null),G=Oe(w),W=T=>{if(T.length<w.length){const gA=w.replace(/[^a-zA-Z]/g,"").slice(0,-1);gA.length===0?p(""):gA.length===1?p(gA):p(gA.split("").join(".")+".");return}const q=T.replace(/[^a-zA-Z]/g,"").toUpperCase();q.length===0?p(""):q.length===1?p(q):p(q.split("").join(".")+".")};c.useEffect(()=>{if(O.current&&clearTimeout(O.current),L.replace(/\s/g,"").length<6||R.length<1){U(""),X("");return}return O.current=setTimeout(()=>{y(!0),fetch("/api/adresvalideren",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({postcode:L,huisnummer:R})}).then(q=>{if(!q.ok)throw new Error("Address not found");return q.json()}).then(q=>{U(q.straat||""),X(q.plaats||"")}).catch(()=>{U(""),X("")}).finally(()=>y(!1))},500),()=>{O.current&&clearTimeout(O.current)}},[L,R]);const z={initials:w.replace(/[^a-zA-Z]/g,"").trim()?null:["Dit veld is verplicht"],lastName:D.trim()?null:["Dit veld is verplicht"],email:h.trim()?Ke(h)?null:["Voer een geldig e-mailadres in"]:["Dit veld is verplicht"],phone:M.trim()?null:["Dit veld is verplicht"],postcode:L.trim()?null:["Dit veld is verplicht"],houseNumber:R.trim()?null:["Dit veld is verplicht"]},J=Object.values(z).every(T=>T===null),Z=()=>{m(!0),J&&(s==null||s({initials:G,middleName:x,lastName:D,email:h,phone:M,postcode:L,houseNumber:R,addition:Y,street:P,city:j}))};return g.jsxs("div",{className:"bg-background-default shadow-m p-m lg:p-l flex flex-col gap-l",children:[g.jsx("h2",{className:"text-heading-m text-text-default",children:"Persoonlijke gegevens"}),A&&g.jsx(eA,{variant:"info",children:g.jsxs("p",{children:[A," ",C&&g.jsx("a",{href:`mailto:${C}`,className:"!underline",children:C}),"."]})}),g.jsxs("div",{className:"flex flex-col gap-m",children:[g.jsx(CA,{label:E,value:w,setValue:W,errors:a?z.initials:null}),g.jsx(CA,{label:B,value:x,setValue:v}),g.jsx(CA,{label:Q,value:D,setValue:f,errors:a?z.lastName:null}),g.jsx(CA,{label:I,value:h,setValue:F,type:"email",errors:a?z.email:null}),g.jsx(CA,{label:e,value:M,setValue:N,type:"tel",errors:a?z.phone:null})]}),g.jsxs("div",{className:"flex flex-col gap-m",children:[g.jsx("h2",{className:"text-heading-m text-text-default",children:t}),g.jsx(CA,{label:n,value:L,setValue:H,errors:a?z.postcode:null}),g.jsx(CA,{label:o,value:R,setValue:V,errors:a?z.houseNumber:null}),g.jsx(CA,{label:r,value:Y,setValue:k}),g.jsx(CA,{label:i,value:P,setValue:U,disabled:!0}),g.jsx(CA,{label:u,value:j,setValue:X,disabled:!0})]}),g.jsx(_,{variant:"secondary",label:d,iconRight:"caret-right",iconRightVariant:"outline",onClick:Z,className:"justify-center"})]})},Se={AL:28,AD:24,AT:20,AZ:28,BH:22,BY:28,BE:16,BA:20,BR:29,BG:22,CR:22,HR:21,CY:28,CZ:24,DK:18,DO:28,TL:23,EE:20,FO:18,FI:18,FR:27,GE:22,DE:22,GI:23,GR:27,GL:18,GT:28,HU:28,IS:26,IQ:23,IE:22,IL:23,IT:27,JO:30,KZ:20,XK:20,KW:30,LV:21,LB:28,LI:21,LT:20,LU:20,MK:19,MT:31,MR:27,MU:30,MC:27,MD:24,ME:22,NL:18,NO:15,PK:24,PS:29,PL:28,PT:25,QA:29,RO:24,SM:27,SA:24,RS:22,SC:31,SK:24,SI:19,ES:24,SE:24,CH:21,TN:24,TR:26,UA:29,AE:23,GB:22,VG:24};function Mg(A){return A.replace(/\s+/g,"").toUpperCase()}function ye(A){const E=(A.slice(4)+A.slice(0,4)).split("").map(Q=>{const I=Q.charCodeAt(0);return I>=65&&I<=90?(I-55).toString():Q}).join("");let B=0;for(let Q=0;Q<E.length;Q++)B=(B*10+parseInt(E[Q],10))%97;return B}function Ve(A){const C=Mg(A);if(!C)return"Dit veld is verplicht";if(!/^[A-Z]{2}\d{2}/.test(C))return"Voer een geldig IBAN in (bijv. NL12 BANK 3456 7890 12)";if(!/^[A-Z]{2}\d{2}[A-Z0-9]+$/.test(C))return"IBAN mag alleen letters en cijfers bevatten";const E=C.slice(0,2),B=Se[E];return B&&C.length!==B?`Een ${E} IBAN moet ${B} tekens lang zijn`:!B&&(C.length<15||C.length>34)?"Voer een geldig IBAN in":ye(C)!==1?"Dit IBAN-nummer is niet geldig. Controleer de ingevoerde gegevens.":null}function Ge(A){return Mg(A).replace(/(.{4})/g,"$1 ").trim()}const Je=({summaryContent:A,paymentHeading:C="Betaalmethode",paymentMethods:E=[],initialPaymentMethod:B,ibanLabel:Q="IBAN",ibanPlaceholder:I="NL12 BANK 3456 7890 12",termsLabel:e,submitLabel:t="Bevestigen",onSubmit:n,footerText:o,termsText:r,privacyUrl:i,privacyLabel:u,actievoorwaardenUrl:d,actievoorwaardenLabel:s,algemeneVoorwaardenUrl:l,algemeneVoorwaardenLabel:w})=>{var U;const[p,x]=c.useState(B??((U=E[0])==null?void 0:U.value)??""),[v,D]=c.useState(""),[f,h]=c.useState(!1),[F,M]=c.useState(!1),N=E.find(j=>j.value===p),L=!!(N!=null&&N.requiresIban),H=L?Ve(v):null,R=F&&H?[H]:null,V=j=>{D(Ge(j))},[Y,k]=c.useState(!1),P=()=>{M(!0),!(L&&H)&&(Y||(k(!0),n==null||n(p,L?Mg(v):void 0)))};return g.jsxs("div",{className:"flex flex-col gap-l",children:[g.jsxs("div",{className:"bg-background-default shadow-m p-m lg:p-l flex flex-col gap-m",children:[A&&g.jsxs(g.Fragment,{children:[A,g.jsx("div",{className:"border-t border-border-gray"})]}),g.jsx("h2",{className:"text-heading-m text-text-default",children:C}),E.length>0&&g.jsx("div",{className:"flex flex-col gap-s",children:E.map(j=>g.jsx(hA,{variant:"card",layout:"horizontal",heading:j.label,label:j.description,logoUrl:j.logoUrl,name:"paymentMethod",value:j.value,checked:p===j.value,onChange:()=>x(j.value)},j.value))}),L&&g.jsx(CA,{label:Q,value:v,setValue:V,placeholder:I,errors:R}),(e||r)&&g.jsx($A,{label:e??g.jsxs(g.Fragment,{children:[r," ",i&&g.jsx("a",{href:i,target:"_blank",className:"!underline",children:u??"privacyverklaring"}),","," ",d&&g.jsx("a",{href:d,target:"_blank",className:"!underline",children:s??"de actievoorwaarden"})," ","en"," ",l&&g.jsx("a",{href:l,target:"_blank",className:"!underline",children:w??"algemene voorwaarden"}),"."]}),checked:f,onChange:j=>h(j.target.checked)}),g.jsx(_,{variant:"primary",label:t,onClick:P,className:"justify-center",disabled:(!!e||!!r)&&!f||Y})]}),o&&g.jsx("p",{className:"text-meta-light text-text-default text-center px-m pb-m",children:o})]})},VB=({heading:A="Overzicht bestelling",className:C,showOnMobile:E=!1,inline:B=!1,subscriptionTitle:Q,subscriptionSubtitle:I,subscriptionPricePerWeek:e,pricePeriod:t,features:n=[],onChangeSubscription:o,changeSubscriptionLabel:r="Kies een ander abonnement",rows:i=[],footerText:u,personalData:d,onChangePersonal:s,changePersonalLabel:l="Wijzig gegevens",deliveryDayLabel:w,deliveryDayRowLabel:p="Papieren krant"})=>{const x=I??(e?`€${e.toFixed(2).replace(".",",")} ${t??"per week"}`:void 0),v=[d==null?void 0:d.initials,d==null?void 0:d.middleName,d==null?void 0:d.lastName].filter(Boolean).join(" "),D=[d==null?void 0:d.street,d==null?void 0:d.houseNumber,d==null?void 0:d.addition].filter(Boolean).join(" "),f=[d==null?void 0:d.postcode,d==null?void 0:d.city].filter(Boolean).join(" ");return g.jsxs("aside",{className:B?`flex flex-col gap-m ${C??""}`:`${E?"flex flex-col":"hidden lg:flex lg:flex-col"} lg:sticky lg:top-l bg-background-default shadow-m p-m lg:p-l gap-m ${C??""}`,children:[g.jsx("h3",{className:"text-heading-m text-text-default",children:A}),g.jsx("div",{className:"flex flex-col gap-s",children:g.jsx(ME,{label:Q,subLabel:x,features:n,onChangeSubscription:o,changeSubscriptionLabel:r})}),(w||i.length>0)&&g.jsxs("div",{className:"flex flex-col gap-s",children:[w&&g.jsxs("div",{className:"flex items-start justify-between gap-s",children:[g.jsx("span",{className:"text-meta-light text-text-default",children:p}),g.jsx("span",{className:"text-meta-regular text-text-default text-right",children:w})]}),i.map((h,F)=>g.jsxs("div",{className:`flex items-start justify-between gap-s ${h.isDivider?"pt-s border-t border-border-gray":""}`,children:[g.jsx("span",{className:"text-meta-light text-text-default",children:h.label}),g.jsxs("div",{className:"flex flex-col items-end",children:[h.originalValue&&g.jsx("span",{className:"text-meta-light text-text-default !line-through",children:h.originalValue}),g.jsx("span",{className:`text-text-default text-right ${h.isDivider?"text-body-bold":"text-meta-regular"}`,children:h.value})]})]},F))]}),u&&g.jsx("p",{className:"text-meta-light text-text-default",children:u}),d&&g.jsxs("div",{className:"flex flex-col gap-s pt-s border-t border-border-gray",children:[g.jsx("h3",{className:"text-body-bold text-text-default",children:"Gegevens"}),g.jsxs("div",{className:"flex flex-col gap-xs",children:[v&&g.jsx("span",{className:"text-meta-light text-text-default",children:v}),d.email&&g.jsx("span",{className:"text-meta-light text-text-default",children:d.email}),d.phone&&g.jsx("span",{className:"text-meta-light text-text-default",children:d.phone}),D&&g.jsx("span",{className:"text-meta-light text-text-default",children:D}),f&&g.jsx("span",{className:"text-meta-light text-text-default",children:f})]}),g.jsx(_,{variant:"pill",label:l,iconLeft:"pencil",iconLeftVariant:"outline",onClick:s,className:"justify-center w-full"})]})]})},Te=A=>{const C=A.split("/");if(C.length!==3)return A;const[E,B,Q]=C.map(Number),I=new Date(Q,B-1,E),e=new Date;e.setHours(0,0,0,0);const t=new Date(e);return t.setDate(e.getDate()+1),I.getTime()===e.getTime()?"Vandaag":I.getTime()===t.getTime()?"Morgen":A};function YE(){const A=document.querySelector('meta[name="csrf-token"]');if(A)return A.getAttribute("content")??"";const C=document.querySelector('input[name="__RequestVerificationToken"]');return(C==null?void 0:C.value)??""}const Xe=[{label:"Kies je abonnement"},{label:"Looptijd"},{label:"Gegevens"},{label:"Bestelling afronden"}];function ze(A,C,E,B){var n;const Q=YE();if(!Q){console.error("Anti-forgery token not found in DOM");return}const I=document.createElement("form");I.method="POST",I.action=B,I.style.display="none";const e=(o,r)=>{const i=document.createElement("input");i.type="hidden",i.name=o,i.value=r,I.appendChild(i)};e("__RequestVerificationToken",Q),e("Custom.gender","3"),e("firstname",A.personalData.initials??""),e("lastnameprefix",A.personalData.middleName??""),e("lastname",A.personalData.lastName??""),e("PostalCode",A.personalData.postcode??""),e("HouseNumber",A.personalData.houseNumber??""),e("HouseNumberSuffix",A.personalData.addition??""),e("EmailAddress",A.personalData.email??""),e("Phonenumber",A.personalData.phone??"");const t=A.startDate.split("/");t.length===3&&(e("startDateDay",t[0]),e("startDateMonth",t[1]),e("startDateYear",t[2])),A.iban&&e("Iban",A.iban),e("terms","true"),e("suboffer_subscription_type_id",A.duration),e("SubscriptionTypeId",C),e("SigningKey",E),e("website",""),e("description",""),(n=window.formRecord)!=null&&n.requestId&&e("formSessionId",window.formRecord.requestId),document.body.appendChild(I),I.submit()}const We=({phoneNumber:A,steps:C=Xe,sectionHeading:E,subscriptionTitle:B,subscriptionSubtitle:Q,subscriptionPricePerWeek:I,pricePeriod:e="per week",offerPriceText:t,subscriptionOriginalPricePerWeek:n,features:o,onChangeSubscription:r,changeSubscriptionHref:i,changeSubscriptionLabel:u,deliveryDayHeading:d,deliveryDays:s=[],initialDeliveryDay:l,durationHeading:w,durations:p=[],initialDuration:x,alertText:v,startDate:D,startDateLabel:f,personalAlertText:h,personalAlertEmail:F,paymentHeading:M,paymentMethods:N=[],initialPaymentMethod:L,termsLabel:H,paymentFooterText:R="U ontvangt een bevestiging per e-mail. U hebt een bedenktijd van 14 dagen.",summaryHeading:V,summaryFooterText:Y,onComplete:k,termsText:P,privacyUrl:U,actievoorwaardenUrl:j,algemeneVoorwaardenUrl:X,subscriptionTypeId:a,signingKey:m,formAction:K="/signup/subscription/register"})=>{var qg,Zg;const y=r??(i?()=>{window.location.href=i}:()=>{window.history.back()}),[O,G]=c.useState("duration"),[W,z]=c.useState(l??((qg=s[0])==null?void 0:qg.value)),[J,Z]=c.useState(x??((Zg=p[0])==null?void 0:Zg.value)),[T,q]=c.useState(D??""),[S,gA]=c.useState(null),[wA,KA]=c.useState([]),[sC,vQ]=c.useState(""),[hQ,xQ]=c.useState([]),[Sg,pQ]=c.useState(""),[DQ,mQ]=c.useState(0),[bQ,LQ]=c.useState(),[jQ,FQ]=c.useState(""),[PQ,HQ]=c.useState("");c.useEffect(()=>{if(p.length>0||!a||!m)return;const IA=YE();IA&&fetch("/api/v2/subscription-forms",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({signingKey:m,subscriptionTypeId:a,__RequestVerificationToken:IA})}).then(iA=>iA.json()).then(iA=>{var $g,AB,CB,gB,BB,EB;const nA=iA.SubscriptionOffer;if(!nA)return;vQ(nA.Name??""),pQ((($g=nA.Display)==null?void 0:$g.OfferPricePeriod)??"");const _g=(((AB=nA.Display)==null?void 0:AB.OfferPrice)??"").replace("€","").replace(" ","").replace(",",".");mQ(parseFloat(_g)||0);const SQ=(((CB=nA.Display)==null?void 0:CB.BasePrice)??"").replace("€","").replace(" ","").replace(",",".").replace("Normaal","").replace("normaal","").trim(),zC=parseFloat(SQ)||0;zC>0&&zC!==(parseFloat(_g)||0)&&LQ(zC);const yQ=[...(((gB=nA.Display)==null?void 0:gB.Benefits)??[]).map(oA=>({label:oA,included:!0})),...(((BB=nA.Display)==null?void 0:BB.Disadvantages)??[]).map(oA=>({label:oA,included:!1}))];xQ(yQ),iA.SigningKey&&FQ(iA.SigningKey),HQ(((EB=nA.Display)==null?void 0:EB.OfferPrice)??"");const aC=(nA.SubOffers??[]).filter(oA=>oA.SubOfferType==="Variation").map(oA=>{var tB,nB,rB,iB,oB;const WC=(((tB=oA.Display)==null?void 0:tB.OfferPrice)??"").replace("€","").replace(" ","").replace(",","."),VQ=(((nB=oA.Display)==null?void 0:nB.BasePrice)??"").replace("€","").replace(" ","").replace(",",".").replace("Normaal","").replace("normaal","").trim(),QB=parseFloat(WC)||0,qC=parseFloat(VQ)||0,lC=((rB=oA.Display)==null?void 0:rB.OfferTitle)??"";let ZC=lC;const IB=lC.match(/(\d+)\s*jaar/),eB=lC.match(/(\d+)\s*maand/);IB?ZC=`${parseInt(IB[1])*12} maanden`:eB&&(ZC=`${parseInt(eB[1])} maanden`);let _C=lC;return(iB=oA.Display)!=null&&iB.IsPopular&&!_C.includes("meest gekozen")&&(_C+=" (meest gekozen)"),{label:_C,value:oA.SubscriptionTypeId.toString(),period:ZC,price:QB,originalPrice:qC>0&&qC!==QB?qC:void 0,group:"",sortOrder:((oB=oA.Display)==null?void 0:oB.SortOrder)??0}});if(KA(aC),aC.length>0){const oA=aC.find(WC=>WC.label.includes("meest gekozen"));Z((oA==null?void 0:oA.value)??aC[0].value)}}).catch(iA=>console.error("Failed to fetch subscription offer:",iA))},[a,m,p.length]);const JC=p.length>0?p:wA,yg=B||sC,Vg=o&&o.length>0?o:hQ,TC=I||DQ,Gg=n??bQ,WA=e!=="per week"?e:Sg||e;console.log("pricePeriod prop:",e),console.log("fetchedPricePeriod:",Sg),console.log("effectivePricePeriod:",WA);const Jg=jQ||m,Tg=s.length>0&&W?JC.filter(IA=>IA.group===W||IA.group===""):JC,RQ=IA=>{z(IA);const iA=JC.filter(nA=>nA.group===IA||nA.group==="");iA.length>0&&!iA.find(nA=>nA.value===J)&&Z(iA[0].value)},kQ=O==="duration"?2:O==="personal"?3:4,Xg=C.map((IA,iA)=>iA===1&&(O==="personal"||O==="payment")?{...IA,onClick:()=>G("duration")}:iA===2&&O==="payment"?{...IA,onClick:()=>G("personal")}:IA),OA=s.find(IA=>IA.value===W),pA=Tg.find(IA=>IA.value===J),UQ=(pA==null?void 0:pA.price)??TC,zg=(pA==null?void 0:pA.originalPrice)??Gg,MQ=IA=>/[a-zA-Z]/.test(IA.replace("€","")),XC=t||PQ||"",YQ=(OA==null?void 0:OA.price)??(XC&&MQ(XC)?XC:`€${UQ.toFixed(2).replace(".",",")} ${WA}`),KQ=[...pA!=null&&pA.period?[{label:"Actieperiode",value:pA.period}]:[],{label:"Ingangsdatum",value:Te(T)},{label:"Totaal",value:YQ,originalValue:zg?`€${zg.toFixed(2).replace(".",",")} ${WA}`:void 0,isDivider:!0}],OQ=IA=>{gA(IA),G("payment")},NQ=(IA,iA)=>{const nA={duration:J,startDate:T,deliveryDay:W,personalData:S,paymentMethod:IA,iban:iA};k==null||k(nA),a&&Jg&&ze(nA,a,Jg,K)},Wg={heading:V,subscriptionTitle:yg,subscriptionSubtitle:Q,subscriptionPricePerWeek:TC,pricePeriod:WA,features:Vg,onChangeSubscription:y,changeSubscriptionLabel:u,rows:KQ,footerText:Y,onChangePersonal:()=>G("personal"),deliveryDayLabel:OA==null?void 0:OA.label};return g.jsxs("div",{className:"min-h-screen bg-background-gray",children:[g.jsxs("div",{className:"flex flex-col items-center pt-l pb-xl gap-s px-l",children:[A&&g.jsxs("p",{className:"text-meta-light text-text-default",children:["Vragen? Bel ",A]}),g.jsx("a",{href:"https://www.nd.nl/",className:"block w-full max-w-[503px] self-center",children:g.jsx(AC,{size:"full",className:"w-full"})}),Xg.length>0&&g.jsx("div",{className:"w-full max-w-2xl mt-m",children:g.jsx(UE,{steps:Xg,currentStep:kQ})})]}),g.jsxs("div",{className:"w-full max-w-5xl mx-auto pb-xl lg:grid lg:grid-cols-[3fr_2fr] lg:gap-l lg:items-start",children:[g.jsx(VB,{...Wg,className:"lg:order-2 mb-l lg:mb-0",personalData:O==="payment"?S??void 0:void 0}),g.jsxs("div",{className:"lg:order-1",children:[O==="duration"&&g.jsx(Ye,{sectionHeading:E,subscriptionTitle:yg,subscriptionSubtitle:Q,subscriptionPricePerWeek:TC,subscriptionOriginalPricePerWeek:Gg,pricePeriod:WA,features:Vg,onChangeSubscription:y,changeSubscriptionLabel:u,deliveryDayHeading:d,deliveryDays:s,selectedDeliveryDay:W,onDeliveryDayChange:RQ,durationHeading:w,durations:Tg,selectedDuration:J,onDurationChange:Z,alertText:v,startDateLabel:f,startDate:T,onStartDateChange:q,submitLabel:"Vul je gegevens in",onSubmit:()=>G("personal")}),O==="personal"&&g.jsx(Ne,{alertText:h,alertEmail:F,submitLabel:"Naar betaaloverzicht",onSubmit:OQ,initialData:S??void 0}),O==="payment"&&g.jsx(Je,{summaryContent:g.jsx("div",{className:"lg:hidden",children:g.jsx(VB,{...Wg,inline:!0,personalData:S??void 0})}),paymentHeading:M,paymentMethods:N,initialPaymentMethod:L,termsLabel:H,submitLabel:"Bevestigen",footerText:R,onSubmit:NQ,termsText:P,privacyUrl:U,actievoorwaardenUrl:j,algemeneVoorwaardenUrl:X})]})]})]})},qe=[{id:"digitaal-basis",title:"Digitaal Basis"},{id:"digitaal-plus",title:"Digitaal Plus"},{id:"digitaal-papier",title:"Digitaal + Papier"}],GB=4,Ze=A=>{const C=new Date;return C.setHours(0,0,0,0),C.setDate(C.getDate()+A),C},_e=({currentSubscription:A,prijsDigitaalBasis:C,prijsDigitaalPlus:E,prijsDigitaalPapier:B,features:Q,bezorgDagen:I=[],actieAbonnement:e,onSelect:t,onSubmit:n})=>{const[o,r]=c.useState(!1),[i,u]=c.useState(A),[d,s]=c.useState(""),[l,w]=c.useState(),[p,x]=c.useState(!1),[v,D]=c.useState(!1),[f,h]=c.useState(),F={"digitaal-basis":C,"digitaal-plus":E,"digitaal-papier":B},M=V=>{u(V),s(""),w(void 0),h(void 0),t==null||t(V)},N=async()=>{if(!(!i||!d)){h(void 0),D(!0);try{n&&await n({subscription:i,startdatum:d,bezorgDag:l}),x(!0)}catch(V){h(V instanceof Error?V.message:"Er is iets misgegaan bij het wijzigen van uw abonnement. Probeer het later opnieuw.")}finally{D(!1)}}},L=i?Q==null?void 0:Q[i]:void 0,H=i==="digitaal-papier",R=p?g.jsx(eA,{children:'Dank u wel voor het doorgeven van uw wijziging. Wij verwerken deze in ons systeem en sturen u vervolgens een bevestiging per e-mail. Heeft u nog vragen of opmerkingen? Dan kunt u <a href="https://nd.nl/service/contact" class="underline">hier</a> contact met ons opnemen.'}):g.jsxs("div",{className:"flex flex-col gap-m",children:[e&&g.jsx(eA,{variant:"warning",children:"U heeft een actie-abonnement met een vaste looptijd. Wanneer u uw abonnement wijzigt, gaat deze pas in na de einddatum van uw huidige abonnement."}),g.jsx("div",{className:"grid grid-cols-3 gap-xs md:gap-s max-w-lg",children:qe.map(({id:V,title:Y})=>{const k=A===V,P=i===V,U=F[V];return g.jsx("button",{type:"button",className:"flex flex-col p-0 border-0 bg-transparent cursor-pointer text-left w-full",onClick:()=>M(V),children:g.jsxs(aA,{borderColor:P?"brand":"gray-subtle",padding:"none",className:`h-full flex flex-col w-full transition-[border-color] duration-200 ease-in-out ${P?"":"hover:border-border-brand"}`,children:[k&&g.jsx("div",{className:"text-meta-uppercase text-text-brand bg-background-brand-subtle px-xs md:px-s py-xxs text-center",children:"Huidig abonnement"}),g.jsxs("div",{className:"p-xs md:p-s flex flex-col gap-xxs text-center flex-1 justify-center",children:[g.jsx("span",{className:"text-heading-s text-text-default",children:Y}),g.jsxs("span",{className:"text-meta-light text-text-default",children:[U??"€....,—","/maand"]})]})]})},V)})}),L&&L.length>0&&g.jsx(Ug,{features:L}),i&&i!==A&&g.jsxs("div",{className:"flex flex-col gap-m",children:[H&&I.length>0&&g.jsxs("div",{className:"flex flex-col gap-s",children:[g.jsx("h2",{className:"text-heading-s text-text-default",children:"Op welke dag wilt u de papieren krant ontvangen?"}),g.jsx("div",{className:"flex flex-col gap-xs",children:I.map(V=>g.jsx(hA,{variant:"card",layout:"horizontal",heading:V.label,label:V.description,priceLabel:V.price,name:"bezorgDag",value:V.value,checked:l===V.value,onChange:()=>w(V.value)},V.value))})]}),g.jsxs("div",{className:"flex flex-col gap-s",children:[g.jsx(CA,{label:"Gewenste startdatum",value:d,setValue:s,datePicker:!0,minDate:Ze(H?GB:0),help:H?`Een papieren abonnement kan op zijn vroegst over ${GB} dagen ingaan.`:void 0}),f&&g.jsx(eA,{variant:"warning",children:f}),g.jsx("div",{children:g.jsx(_,{variant:"primary",label:v?"Bezig met wijzigen...":"Abonnement wijzigen",onClick:N,disabled:!d||H&&!l||v})})]})]})]});return g.jsx(TA,{variant:"large",label:"Abonnement wijzigen",isOpen:o,onToggle:()=>r(!o),content:R})};function KE(A,C){return function(){return A.apply(C,arguments)}}const{toString:$e}=Object.prototype,{getPrototypeOf:Yg}=Object,{iterator:UC,toStringTag:OE}=Symbol,MC=(A=>C=>{const E=$e.call(C);return A[E]||(A[E]=E.slice(8,-1).toLowerCase())})(Object.create(null)),xA=A=>(A=A.toLowerCase(),C=>MC(C)===A),YC=A=>C=>typeof C===A,{isArray:XA}=Array,CC=YC("undefined");function nC(A){return A!==null&&!CC(A)&&A.constructor!==null&&!CC(A.constructor)&&cA(A.constructor.isBuffer)&&A.constructor.isBuffer(A)}const NE=xA("ArrayBuffer");function A3(A){let C;return typeof ArrayBuffer<"u"&&ArrayBuffer.isView?C=ArrayBuffer.isView(A):C=A&&A.buffer&&NE(A.buffer),C}const C3=YC("string"),cA=YC("function"),SE=YC("number"),rC=A=>A!==null&&typeof A=="object",g3=A=>A===!0||A===!1,xC=A=>{if(MC(A)!=="object")return!1;const C=Yg(A);return(C===null||C===Object.prototype||Object.getPrototypeOf(C)===null)&&!(OE in A)&&!(UC in A)},B3=A=>{if(!rC(A)||nC(A))return!1;try{return Object.keys(A).length===0&&Object.getPrototypeOf(A)===Object.prototype}catch{return!1}},E3=xA("Date"),Q3=xA("File"),I3=xA("Blob"),e3=xA("FileList"),t3=A=>rC(A)&&cA(A.pipe),n3=A=>{let C;return A&&(typeof FormData=="function"&&A instanceof FormData||cA(A.append)&&((C=MC(A))==="formdata"||C==="object"&&cA(A.toString)&&A.toString()==="[object FormData]"))},r3=xA("URLSearchParams"),[i3,o3,s3,a3]=["ReadableStream","Request","Response","Headers"].map(xA),l3=A=>A.trim?A.trim():A.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"");function iC(A,C,{allOwnKeys:E=!1}={}){if(A===null||typeof A>"u")return;let B,Q;if(typeof A!="object"&&(A=[A]),XA(A))for(B=0,Q=A.length;B<Q;B++)C.call(null,A[B],B,A);else{if(nC(A))return;const I=E?Object.getOwnPropertyNames(A):Object.keys(A),e=I.length;let t;for(B=0;B<e;B++)t=I[B],C.call(null,A[t],t,A)}}function yE(A,C){if(nC(A))return null;C=C.toLowerCase();const E=Object.keys(A);let B=E.length,Q;for(;B-- >0;)if(Q=E[B],C===Q.toLowerCase())return Q;return null}const PA=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:global,VE=A=>!CC(A)&&A!==PA;function dg(){const{caseless:A}=VE(this)&&this||{},C={},E=(B,Q)=>{const I=A&&yE(C,Q)||Q;xC(C[I])&&xC(B)?C[I]=dg(C[I],B):xC(B)?C[I]=dg({},B):XA(B)?C[I]=B.slice():C[I]=B};for(let B=0,Q=arguments.length;B<Q;B++)arguments[B]&&iC(arguments[B],E);return C}const c3=(A,C,E,{allOwnKeys:B}={})=>(iC(C,(Q,I)=>{E&&cA(Q)?A[I]=KE(Q,E):A[I]=Q},{allOwnKeys:B}),A),u3=A=>(A.charCodeAt(0)===65279&&(A=A.slice(1)),A),d3=(A,C,E,B)=>{A.prototype=Object.create(C.prototype,B),A.prototype.constructor=A,Object.defineProperty(A,"super",{value:C.prototype}),E&&Object.assign(A.prototype,E)},f3=(A,C,E,B)=>{let Q,I,e;const t={};if(C=C||{},A==null)return C;do{for(Q=Object.getOwnPropertyNames(A),I=Q.length;I-- >0;)e=Q[I],(!B||B(e,A,C))&&!t[e]&&(C[e]=A[e],t[e]=!0);A=E!==!1&&Yg(A)}while(A&&(!E||E(A,C))&&A!==Object.prototype);return C},w3=(A,C,E)=>{A=String(A),(E===void 0||E>A.length)&&(E=A.length),E-=C.length;const B=A.indexOf(C,E);return B!==-1&&B===E},v3=A=>{if(!A)return null;if(XA(A))return A;let C=A.length;if(!SE(C))return null;const E=new Array(C);for(;C-- >0;)E[C]=A[C];return E},h3=(A=>C=>A&&C instanceof A)(typeof Uint8Array<"u"&&Yg(Uint8Array)),x3=(A,C)=>{const B=(A&&A[UC]).call(A);let Q;for(;(Q=B.next())&&!Q.done;){const I=Q.value;C.call(A,I[0],I[1])}},p3=(A,C)=>{let E;const B=[];for(;(E=A.exec(C))!==null;)B.push(E);return B},D3=xA("HTMLFormElement"),m3=A=>A.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,function(E,B,Q){return B.toUpperCase()+Q}),JB=(({hasOwnProperty:A})=>(C,E)=>A.call(C,E))(Object.prototype),b3=xA("RegExp"),GE=(A,C)=>{const E=Object.getOwnPropertyDescriptors(A),B={};iC(E,(Q,I)=>{let e;(e=C(Q,I,A))!==!1&&(B[I]=e||Q)}),Object.defineProperties(A,B)},L3=A=>{GE(A,(C,E)=>{if(cA(A)&&["arguments","caller","callee"].indexOf(E)!==-1)return!1;const B=A[E];if(cA(B)){if(C.enumerable=!1,"writable"in C){C.writable=!1;return}C.set||(C.set=()=>{throw Error("Can not rewrite read-only method '"+E+"'")})}})},j3=(A,C)=>{const E={},B=Q=>{Q.forEach(I=>{E[I]=!0})};return XA(A)?B(A):B(String(A).split(C)),E},F3=()=>{},P3=(A,C)=>A!=null&&Number.isFinite(A=+A)?A:C;function H3(A){return!!(A&&cA(A.append)&&A[OE]==="FormData"&&A[UC])}const R3=A=>{const C=new Array(10),E=(B,Q)=>{if(rC(B)){if(C.indexOf(B)>=0)return;if(nC(B))return B;if(!("toJSON"in B)){C[Q]=B;const I=XA(B)?[]:{};return iC(B,(e,t)=>{const n=E(e,Q+1);!CC(n)&&(I[t]=n)}),C[Q]=void 0,I}}return B};return E(A,0)},k3=xA("AsyncFunction"),U3=A=>A&&(rC(A)||cA(A))&&cA(A.then)&&cA(A.catch),JE=((A,C)=>A?setImmediate:C?((E,B)=>(PA.addEventListener("message",({source:Q,data:I})=>{Q===PA&&I===E&&B.length&&B.shift()()},!1),Q=>{B.push(Q),PA.postMessage(E,"*")}))(`axios@${Math.random()}`,[]):E=>setTimeout(E))(typeof setImmediate=="function",cA(PA.postMessage)),M3=typeof queueMicrotask<"u"?queueMicrotask.bind(PA):typeof process<"u"&&process.nextTick||JE,Y3=A=>A!=null&&cA(A[UC]),b={isArray:XA,isArrayBuffer:NE,isBuffer:nC,isFormData:n3,isArrayBufferView:A3,isString:C3,isNumber:SE,isBoolean:g3,isObject:rC,isPlainObject:xC,isEmptyObject:B3,isReadableStream:i3,isRequest:o3,isResponse:s3,isHeaders:a3,isUndefined:CC,isDate:E3,isFile:Q3,isBlob:I3,isRegExp:b3,isFunction:cA,isStream:t3,isURLSearchParams:r3,isTypedArray:h3,isFileList:e3,forEach:iC,merge:dg,extend:c3,trim:l3,stripBOM:u3,inherits:d3,toFlatObject:f3,kindOf:MC,kindOfTest:xA,endsWith:w3,toArray:v3,forEachEntry:x3,matchAll:p3,isHTMLForm:D3,hasOwnProperty:JB,hasOwnProp:JB,reduceDescriptors:GE,freezeMethods:L3,toObjectSet:j3,toCamelCase:m3,noop:F3,toFiniteNumber:P3,findKey:yE,global:PA,isContextDefined:VE,isSpecCompliantForm:H3,toJSONObject:R3,isAsyncFn:k3,isThenable:U3,setImmediate:JE,asap:M3,isIterable:Y3};function AA(A,C,E,B,Q){Error.call(this),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=new Error().stack,this.message=A,this.name="AxiosError",C&&(this.code=C),E&&(this.config=E),B&&(this.request=B),Q&&(this.response=Q,this.status=Q.status?Q.status:null)}b.inherits(AA,Error,{toJSON:function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:b.toJSONObject(this.config),code:this.code,status:this.status}}});const TE=AA.prototype,XE={};["ERR_BAD_OPTION_VALUE","ERR_BAD_OPTION","ECONNABORTED","ETIMEDOUT","ERR_NETWORK","ERR_FR_TOO_MANY_REDIRECTS","ERR_DEPRECATED","ERR_BAD_RESPONSE","ERR_BAD_REQUEST","ERR_CANCELED","ERR_NOT_SUPPORT","ERR_INVALID_URL"].forEach(A=>{XE[A]={value:A}});Object.defineProperties(AA,XE);Object.defineProperty(TE,"isAxiosError",{value:!0});AA.from=(A,C,E,B,Q,I)=>{const e=Object.create(TE);return b.toFlatObject(A,e,function(n){return n!==Error.prototype},t=>t!=="isAxiosError"),AA.call(e,A.message,C,E,B,Q),e.cause=A,e.name=A.name,I&&Object.assign(e,I),e};const K3=null;function fg(A){return b.isPlainObject(A)||b.isArray(A)}function zE(A){return b.endsWith(A,"[]")?A.slice(0,-2):A}function TB(A,C,E){return A?A.concat(C).map(function(Q,I){return Q=zE(Q),!E&&I?"["+Q+"]":Q}).join(E?".":""):C}function O3(A){return b.isArray(A)&&!A.some(fg)}const N3=b.toFlatObject(b,{},null,function(C){return/^is[A-Z]/.test(C)});function KC(A,C,E){if(!b.isObject(A))throw new TypeError("target must be an object");C=C||new FormData,E=b.toFlatObject(E,{metaTokens:!0,dots:!1,indexes:!1},!1,function(l,w){return!b.isUndefined(w[l])});const B=E.metaTokens,Q=E.visitor||r,I=E.dots,e=E.indexes,n=(E.Blob||typeof Blob<"u"&&Blob)&&b.isSpecCompliantForm(C);if(!b.isFunction(Q))throw new TypeError("visitor must be a function");function o(s){if(s===null)return"";if(b.isDate(s))return s.toISOString();if(b.isBoolean(s))return s.toString();if(!n&&b.isBlob(s))throw new AA("Blob is not supported. Use a Buffer instead.");return b.isArrayBuffer(s)||b.isTypedArray(s)?n&&typeof Blob=="function"?new Blob([s]):Buffer.from(s):s}function r(s,l,w){let p=s;if(s&&!w&&typeof s=="object"){if(b.endsWith(l,"{}"))l=B?l:l.slice(0,-2),s=JSON.stringify(s);else if(b.isArray(s)&&O3(s)||(b.isFileList(s)||b.endsWith(l,"[]"))&&(p=b.toArray(s)))return l=zE(l),p.forEach(function(v,D){!(b.isUndefined(v)||v===null)&&C.append(e===!0?TB([l],D,I):e===null?l:l+"[]",o(v))}),!1}return fg(s)?!0:(C.append(TB(w,l,I),o(s)),!1)}const i=[],u=Object.assign(N3,{defaultVisitor:r,convertValue:o,isVisitable:fg});function d(s,l){if(!b.isUndefined(s)){if(i.indexOf(s)!==-1)throw Error("Circular reference detected in "+l.join("."));i.push(s),b.forEach(s,function(p,x){(!(b.isUndefined(p)||p===null)&&Q.call(C,p,b.isString(x)?x.trim():x,l,u))===!0&&d(p,l?l.concat(x):[x])}),i.pop()}}if(!b.isObject(A))throw new TypeError("data must be an object");return d(A),C}function XB(A){const C={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+","%00":"\0"};return encodeURIComponent(A).replace(/[!'()~]|%20|%00/g,function(B){return C[B]})}function Kg(A,C){this._pairs=[],A&&KC(A,this,C)}const WE=Kg.prototype;WE.append=function(C,E){this._pairs.push([C,E])};WE.toString=function(C){const E=C?function(B){return C.call(this,B,XB)}:XB;return this._pairs.map(function(Q){return E(Q[0])+"="+E(Q[1])},"").join("&")};function S3(A){return encodeURIComponent(A).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}function qE(A,C,E){if(!C)return A;const B=E&&E.encode||S3;b.isFunction(E)&&(E={serialize:E});const Q=E&&E.serialize;let I;if(Q?I=Q(C,E):I=b.isURLSearchParams(C)?C.toString():new Kg(C,E).toString(B),I){const e=A.indexOf("#");e!==-1&&(A=A.slice(0,e)),A+=(A.indexOf("?")===-1?"?":"&")+I}return A}class zB{constructor(){this.handlers=[]}use(C,E,B){return this.handlers.push({fulfilled:C,rejected:E,synchronous:B?B.synchronous:!1,runWhen:B?B.runWhen:null}),this.handlers.length-1}eject(C){this.handlers[C]&&(this.handlers[C]=null)}clear(){this.handlers&&(this.handlers=[])}forEach(C){b.forEach(this.handlers,function(B){B!==null&&C(B)})}}const ZE={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},y3=typeof URLSearchParams<"u"?URLSearchParams:Kg,V3=typeof FormData<"u"?FormData:null,G3=typeof Blob<"u"?Blob:null,J3={isBrowser:!0,classes:{URLSearchParams:y3,FormData:V3,Blob:G3},protocols:["http","https","file","blob","url","data"]},Og=typeof window<"u"&&typeof document<"u",wg=typeof navigator=="object"&&navigator||void 0,T3=Og&&(!wg||["ReactNative","NativeScript","NS"].indexOf(wg.product)<0),X3=typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope&&typeof self.importScripts=="function",z3=Og&&window.location.href||"http://localhost",W3=Object.freeze(Object.defineProperty({__proto__:null,hasBrowserEnv:Og,hasStandardBrowserEnv:T3,hasStandardBrowserWebWorkerEnv:X3,navigator:wg,origin:z3},Symbol.toStringTag,{value:"Module"})),sA={...W3,...J3};function q3(A,C){return KC(A,new sA.classes.URLSearchParams,{visitor:function(E,B,Q,I){return sA.isNode&&b.isBuffer(E)?(this.append(B,E.toString("base64")),!1):I.defaultVisitor.apply(this,arguments)},...C})}function Z3(A){return b.matchAll(/\w+|\[(\w*)]/g,A).map(C=>C[0]==="[]"?"":C[1]||C[0])}function _3(A){const C={},E=Object.keys(A);let B;const Q=E.length;let I;for(B=0;B<Q;B++)I=E[B],C[I]=A[I];return C}function _E(A){function C(E,B,Q,I){let e=E[I++];if(e==="__proto__")return!0;const t=Number.isFinite(+e),n=I>=E.length;return e=!e&&b.isArray(Q)?Q.length:e,n?(b.hasOwnProp(Q,e)?Q[e]=[Q[e],B]:Q[e]=B,!t):((!Q[e]||!b.isObject(Q[e]))&&(Q[e]=[]),C(E,B,Q[e],I)&&b.isArray(Q[e])&&(Q[e]=_3(Q[e])),!t)}if(b.isFormData(A)&&b.isFunction(A.entries)){const E={};return b.forEachEntry(A,(B,Q)=>{C(Z3(B),Q,E,0)}),E}return null}function $3(A,C,E){if(b.isString(A))try{return(C||JSON.parse)(A),b.trim(A)}catch(B){if(B.name!=="SyntaxError")throw B}return(E||JSON.stringify)(A)}const oC={transitional:ZE,adapter:["xhr","http","fetch"],transformRequest:[function(C,E){const B=E.getContentType()||"",Q=B.indexOf("application/json")>-1,I=b.isObject(C);if(I&&b.isHTMLForm(C)&&(C=new FormData(C)),b.isFormData(C))return Q?JSON.stringify(_E(C)):C;if(b.isArrayBuffer(C)||b.isBuffer(C)||b.isStream(C)||b.isFile(C)||b.isBlob(C)||b.isReadableStream(C))return C;if(b.isArrayBufferView(C))return C.buffer;if(b.isURLSearchParams(C))return E.setContentType("application/x-www-form-urlencoded;charset=utf-8",!1),C.toString();let t;if(I){if(B.indexOf("application/x-www-form-urlencoded")>-1)return q3(C,this.formSerializer).toString();if((t=b.isFileList(C))||B.indexOf("multipart/form-data")>-1){const n=this.env&&this.env.FormData;return KC(t?{"files[]":C}:C,n&&new n,this.formSerializer)}}return I||Q?(E.setContentType("application/json",!1),$3(C)):C}],transformResponse:[function(C){const E=this.transitional||oC.transitional,B=E&&E.forcedJSONParsing,Q=this.responseType==="json";if(b.isResponse(C)||b.isReadableStream(C))return C;if(C&&b.isString(C)&&(B&&!this.responseType||Q)){const e=!(E&&E.silentJSONParsing)&&Q;try{return JSON.parse(C)}catch(t){if(e)throw t.name==="SyntaxError"?AA.from(t,AA.ERR_BAD_RESPONSE,this,null,this.response):t}}return C}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,env:{FormData:sA.classes.FormData,Blob:sA.classes.Blob},validateStatus:function(C){return C>=200&&C<300},headers:{common:{Accept:"application/json, text/plain, */*","Content-Type":void 0}}};b.forEach(["delete","get","head","post","put","patch"],A=>{oC.headers[A]={}});const A4=b.toObjectSet(["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"]),C4=A=>{const C={};let E,B,Q;return A&&A.split(`
+                            `.trim(),children:I==="completed"?g.jsx($,{name:"check",variant:"outline",size:"s",color:"inverse"}):Q+1});return g.jsxs(c.Fragment,{children:[g.jsx("div",{className:"flex-1 flex justify-center",children:B.href?g.jsx("a",{href:B.href,children:n}):t?g.jsx("button",{type:"button",onClick:B.onClick,children:n}):n}),!e&&g.jsx("div",{className:"flex-1 h-[1px] bg-border-gray"})]},Q)})}),g.jsx("div",{className:"flex mt-xs",children:A.map((B,Q)=>{const I=B.state??E(Q),e=Q===A.length-1,t=I==="completed"&&(!!B.href||!!B.onClick),n=g.jsx("span",{className:`text-meta-light text-center leading-tight ${I==="upcoming"?"text-text-disabled":"text-text-default"}`,children:B.label});return g.jsxs(c.Fragment,{children:[g.jsx("div",{className:"flex-1 min-w-0 flex justify-center",children:B.href?g.jsx("a",{href:B.href,children:n}):t?g.jsx("button",{type:"button",onClick:B.onClick,children:n}):n}),!e&&g.jsx("div",{className:"flex-1"})]},Q)})})]})},Me=({isOpen:A,onClose:C,heading:E,body:B,mediaUrl:Q,mediaType:I="image",metaText:e})=>g.jsx(YA,{isOpen:A,onClose:C,heading:Q?void 0:E,children:g.jsxs("div",{className:"flex flex-col gap-m",children:[Q&&(I==="video"?g.jsx("video",{src:Q,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:"w-full"}):g.jsx("img",{src:Q,alt:"",className:"w-full"})),g.jsxs("div",{className:"flex flex-col gap-m",children:[g.jsxs("div",{className:"flex flex-col gap-xs",children:[Q&&g.jsx("h2",{className:"text-heading-m text-text-default",children:E}),g.jsx("p",{className:"text-body-light text-text-default",children:B})]}),e&&g.jsx("p",{className:"text-meta-light text-text-default italic",children:e})]})]})}),Ug=({features:A})=>{var B;const[C,E]=c.useState(null);return A.length===0?null:g.jsxs(g.Fragment,{children:[g.jsx("ul",{className:"flex flex-col flex-1 gap-xs justify-center",children:A.map((Q,I)=>g.jsxs("li",{className:"flex items-start justify-between gap-xs",children:[g.jsxs("div",{className:"flex items-start gap-xs",children:[g.jsx("span",{className:"flex-shrink-0",children:g.jsx($,{name:Q.included?"check":"x-mark",variant:"outline",size:"s",color:Q.included?"brand":"gray"})}),g.jsx("button",{type:"button",className:`text-meta-light text-left ${Q.included?"text-text-default":"text-text-disabled !line-through"} ${Q.modalBody?"cursor-pointer":"cursor-default"}`,onClick:()=>Q.modalBody&&E(I),children:Q.label})]}),Q.modalBody&&g.jsx("button",{type:"button",className:"flex-shrink-0 transition-colors",onClick:()=>E(I),children:g.jsx($,{name:"info",variant:"outline",size:"s",color:"default"})})]},I))}),C!==null&&((B=A[C])==null?void 0:B.modalBody)&&g.jsx(Me,{isOpen:!0,heading:A[C].label,body:A[C].modalBody,mediaUrl:A[C].modalMediaUrl,mediaType:A[C].modalMediaType,metaText:A[C].modalMetaText,onClose:()=>E(null)})]})},ME=({label:A,subLabel:C,features:E=[],onChangeSubscription:B,changeSubscriptionLabel:Q="Kies een ander abonnement"})=>g.jsxs(g.Fragment,{children:[g.jsx(TA,{label:A,subLabel:C,content:g.jsx(Ug,{features:E})}),g.jsx(_,{variant:"pill",label:Q,iconLeft:"arrows-clockwise",iconLeftVariant:"outline",onClick:B,className:"justify-center w-full"})]}),yB=A=>`€${A.toFixed(2).replace(".",",")}`,Ye=({sectionHeading:A="Actieabonnement",subscriptionTitle:C,subscriptionPricePerWeek:E,subscriptionOriginalPricePerWeek:B,pricePeriod:Q="per week",features:I=[],onChangeSubscription:e,changeSubscriptionLabel:t="Kies een ander abonnement",deliveryDayHeading:n="Op welke dag wil je de papieren krant ontvangen?",deliveryDays:o=[],selectedDeliveryDay:r,onDeliveryDayChange:i,durationHeading:u="Kies je looptijd",durations:d=[],selectedDuration:s,onDurationChange:l,alertText:w,startDateLabel:p="Gewenste startdatum",startDate:x="",onStartDateChange:v,minStartDate:D=new Date,maxStartDate:f,submitLabel:h="Vul je gegevens in",onSubmit:F})=>{const[M,N]=c.useState(x),[L,H]=c.useState(s),[R,V]=c.useState(r),Y=j=>{N(j),v==null||v(j)},k=j=>{H(j),l==null||l(j)},P=j=>{V(j),i==null||i(j)},U=o.length===0?g.jsxs("span",{className:"flex gap-xs",children:[B&&g.jsx("span",{className:"line-through text-text-subtle",children:yB(B)}),g.jsxs("span",{children:[yB(E)," ",Q]})]}):void 0;return g.jsxs("div",{className:"bg-background-default shadow-m p-m lg:p-l flex flex-col gap-l",children:[g.jsxs("div",{className:"lg:hidden flex flex-col gap-s",children:[g.jsx("h2",{className:"text-heading-m text-text-default",children:A}),g.jsx(ME,{label:C,subLabel:U,features:I,onChangeSubscription:e,changeSubscriptionLabel:t})]}),o.length>0&&g.jsxs("div",{className:"flex flex-col gap-s",children:[g.jsx("h2",{className:"text-heading-m text-text-default",children:n}),g.jsx("div",{className:"flex flex-col gap-xs",children:o.map(j=>g.jsx(hA,{variant:"card",layout:"horizontal",heading:j.label,label:j.description,priceLabel:j.price,name:"deliveryDay",value:j.value,checked:R===j.value,onChange:()=>P(j.value)},j.value))})]}),d.length>0&&g.jsxs("div",{className:"flex flex-col gap-s",children:[g.jsx("h2",{className:"text-heading-m text-text-default",children:u}),g.jsx("div",{className:"flex flex-col gap-xs",children:d.map(j=>g.jsx(hA,{variant:"card",layout:"horizontal",heading:j.label,name:"duration",value:j.value,checked:L===j.value,onChange:()=>k(j.value)},j.value))}),w&&g.jsx(eA,{variant:"info-dark",children:w})]}),g.jsx(CA,{label:p,value:M,setValue:Y,datePicker:!0,minDate:D,maxDate:f}),g.jsx(_,{variant:"secondary",label:h,iconRight:"caret-right",iconRightVariant:"outline",onClick:F,className:"justify-center"})]})},Ke=A=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(A),Oe=A=>{const C=A.replace(/[^a-zA-Z]/g,"").toUpperCase();return C.length===0?"":C.length===1?C:C.split("").join(".")+"."},Ne=({alertText:A,alertEmail:C,initialsLabel:E="Voorletters*",middleNameLabel:B="Tussenvoegsel",lastNameLabel:Q="Achternaam*",emailLabel:I="E-mailadres*",phoneLabel:e="Telefoonnummer*",addressHeading:t="Adresgegevens",postcodeLabel:n="Postcode*",houseNumberLabel:o="Huisnummer*",additionLabel:r="Toevoeging",streetLabel:i="Straat",cityLabel:u="Woonplaats",submitLabel:d="Naar betaaloverzicht",onSubmit:s,initialData:l})=>{const[w,p]=c.useState((l==null?void 0:l.initials)??""),[x,v]=c.useState((l==null?void 0:l.middleName)??""),[D,f]=c.useState((l==null?void 0:l.lastName)??""),[h,F]=c.useState((l==null?void 0:l.email)??""),[M,N]=c.useState((l==null?void 0:l.phone)??""),[L,H]=c.useState((l==null?void 0:l.postcode)??""),[R,V]=c.useState((l==null?void 0:l.houseNumber)??""),[Y,k]=c.useState((l==null?void 0:l.addition)??""),[P,U]=c.useState((l==null?void 0:l.street)??""),[j,X]=c.useState((l==null?void 0:l.city)??""),[a,m]=c.useState(!1),[K,y]=c.useState(!1),O=c.useRef(null),G=Oe(w),W=T=>{if(T.length<w.length){const gA=w.replace(/[^a-zA-Z]/g,"").slice(0,-1);gA.length===0?p(""):gA.length===1?p(gA):p(gA.split("").join(".")+".");return}const q=T.replace(/[^a-zA-Z]/g,"").toUpperCase();q.length===0?p(""):q.length===1?p(q):p(q.split("").join(".")+".")};c.useEffect(()=>{if(O.current&&clearTimeout(O.current),L.replace(/\s/g,"").length<6||R.length<1){U(""),X("");return}return O.current=setTimeout(()=>{y(!0),fetch("/api/adresvalideren",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({postcode:L,huisnummer:R})}).then(q=>{if(!q.ok)throw new Error("Address not found");return q.json()}).then(q=>{U(q.straat||""),X(q.plaats||"")}).catch(()=>{U(""),X("")}).finally(()=>y(!1))},500),()=>{O.current&&clearTimeout(O.current)}},[L,R]);const z={initials:w.replace(/[^a-zA-Z]/g,"").trim()?null:["Dit veld is verplicht"],lastName:D.trim()?null:["Dit veld is verplicht"],email:h.trim()?Ke(h)?null:["Voer een geldig e-mailadres in"]:["Dit veld is verplicht"],phone:M.trim()?null:["Dit veld is verplicht"],postcode:L.trim()?null:["Dit veld is verplicht"],houseNumber:R.trim()?null:["Dit veld is verplicht"]},J=Object.values(z).every(T=>T===null),Z=()=>{m(!0),J&&(s==null||s({initials:G,middleName:x,lastName:D,email:h,phone:M,postcode:L,houseNumber:R,addition:Y,street:P,city:j}))};return g.jsxs("div",{className:"bg-background-default shadow-m p-m lg:p-l flex flex-col gap-l",children:[g.jsx("h2",{className:"text-heading-m text-text-default",children:"Persoonlijke gegevens"}),A&&g.jsx(eA,{variant:"info",children:g.jsxs("p",{children:[A," ",C&&g.jsx("a",{href:`mailto:${C}`,className:"!underline",children:C}),"."]})}),g.jsxs("div",{className:"flex flex-col gap-m",children:[g.jsx(CA,{label:E,value:w,setValue:W,errors:a?z.initials:null}),g.jsx(CA,{label:B,value:x,setValue:v}),g.jsx(CA,{label:Q,value:D,setValue:f,errors:a?z.lastName:null}),g.jsx(CA,{label:I,value:h,setValue:F,type:"email",errors:a?z.email:null}),g.jsx(CA,{label:e,value:M,setValue:N,type:"tel",errors:a?z.phone:null})]}),g.jsxs("div",{className:"flex flex-col gap-m",children:[g.jsx("h2",{className:"text-heading-m text-text-default",children:t}),g.jsx(CA,{label:n,value:L,setValue:H,errors:a?z.postcode:null}),g.jsx(CA,{label:o,value:R,setValue:V,errors:a?z.houseNumber:null}),g.jsx(CA,{label:r,value:Y,setValue:k}),g.jsx(CA,{label:i,value:P,setValue:U,disabled:!0}),g.jsx(CA,{label:u,value:j,setValue:X,disabled:!0})]}),g.jsx(_,{variant:"secondary",label:d,iconRight:"caret-right",iconRightVariant:"outline",onClick:Z,className:"justify-center"})]})},Se={AL:28,AD:24,AT:20,AZ:28,BH:22,BY:28,BE:16,BA:20,BR:29,BG:22,CR:22,HR:21,CY:28,CZ:24,DK:18,DO:28,TL:23,EE:20,FO:18,FI:18,FR:27,GE:22,DE:22,GI:23,GR:27,GL:18,GT:28,HU:28,IS:26,IQ:23,IE:22,IL:23,IT:27,JO:30,KZ:20,XK:20,KW:30,LV:21,LB:28,LI:21,LT:20,LU:20,MK:19,MT:31,MR:27,MU:30,MC:27,MD:24,ME:22,NL:18,NO:15,PK:24,PS:29,PL:28,PT:25,QA:29,RO:24,SM:27,SA:24,RS:22,SC:31,SK:24,SI:19,ES:24,SE:24,CH:21,TN:24,TR:26,UA:29,AE:23,GB:22,VG:24};function Mg(A){return A.replace(/\s+/g,"").toUpperCase()}function ye(A){const E=(A.slice(4)+A.slice(0,4)).split("").map(Q=>{const I=Q.charCodeAt(0);return I>=65&&I<=90?(I-55).toString():Q}).join("");let B=0;for(let Q=0;Q<E.length;Q++)B=(B*10+parseInt(E[Q],10))%97;return B}function Ve(A){const C=Mg(A);if(!C)return"Dit veld is verplicht";if(!/^[A-Z]{2}\d{2}/.test(C))return"Voer een geldig IBAN in (bijv. NL12 BANK 3456 7890 12)";if(!/^[A-Z]{2}\d{2}[A-Z0-9]+$/.test(C))return"IBAN mag alleen letters en cijfers bevatten";const E=C.slice(0,2),B=Se[E];return B&&C.length!==B?`Een ${E} IBAN moet ${B} tekens lang zijn`:!B&&(C.length<15||C.length>34)?"Voer een geldig IBAN in":ye(C)!==1?"Dit IBAN-nummer is niet geldig. Controleer de ingevoerde gegevens.":null}function Ge(A){return Mg(A).replace(/(.{4})/g,"$1 ").trim()}const Je=({summaryContent:A,paymentHeading:C="Betaalmethode",paymentMethods:E=[],initialPaymentMethod:B,ibanLabel:Q="IBAN",ibanPlaceholder:I="NL12 BANK 3456 7890 12",termsLabel:e,submitLabel:t="Bevestigen",onSubmit:n,footerText:o,termsText:r,privacyUrl:i,privacyLabel:u,actievoorwaardenUrl:d,actievoorwaardenLabel:s,algemeneVoorwaardenUrl:l,algemeneVoorwaardenLabel:w})=>{var U;const[p,x]=c.useState(B??((U=E[0])==null?void 0:U.value)??""),[v,D]=c.useState(""),[f,h]=c.useState(!1),[F,M]=c.useState(!1),N=E.find(j=>j.value===p),L=!!(N!=null&&N.requiresIban),H=L?Ve(v):null,R=F&&H?[H]:null,V=j=>{D(Ge(j))},[Y,k]=c.useState(!1),P=()=>{M(!0),!(L&&H)&&(Y||(k(!0),n==null||n(p,L?Mg(v):void 0)))};return g.jsxs("div",{className:"flex flex-col gap-l",children:[g.jsxs("div",{className:"bg-background-default shadow-m p-m lg:p-l flex flex-col gap-m",children:[A&&g.jsxs(g.Fragment,{children:[A,g.jsx("div",{className:"border-t border-border-gray"})]}),g.jsx("h2",{className:"text-heading-m text-text-default",children:C}),E.length>0&&g.jsx("div",{className:"flex flex-col gap-s",children:E.map(j=>g.jsx(hA,{variant:"card",layout:"horizontal",heading:j.label,label:j.description,logoUrl:j.logoUrl,name:"paymentMethod",value:j.value,checked:p===j.value,onChange:()=>x(j.value)},j.value))}),L&&g.jsx(CA,{label:Q,value:v,setValue:V,placeholder:I,errors:R}),(e||r)&&g.jsx($A,{label:e??g.jsxs(g.Fragment,{children:[r," ",i&&g.jsx("a",{href:i,target:"_blank",className:"!underline",children:u??"privacyverklaring"}),","," ",d&&g.jsx("a",{href:d,target:"_blank",className:"!underline",children:s??"de actievoorwaarden"})," ","en"," ",l&&g.jsx("a",{href:l,target:"_blank",className:"!underline",children:w??"algemene voorwaarden"}),"."]}),checked:f,onChange:j=>h(j.target.checked)}),g.jsx(_,{variant:"primary",label:t,onClick:P,className:"justify-center",disabled:(!!e||!!r)&&!f||Y})]}),o&&g.jsx("p",{className:"text-meta-light text-text-default text-center px-m pb-m",children:o})]})},VB=({heading:A="Overzicht bestelling",className:C,showOnMobile:E=!1,inline:B=!1,subscriptionTitle:Q,subscriptionSubtitle:I,subscriptionPricePerWeek:e,pricePeriod:t,features:n=[],onChangeSubscription:o,changeSubscriptionLabel:r="Kies een ander abonnement",rows:i=[],footerText:u,personalData:d,onChangePersonal:s,changePersonalLabel:l="Wijzig gegevens",deliveryDayLabel:w,deliveryDayRowLabel:p="Papieren krant"})=>{const x=I??(e?`€${e.toFixed(2).replace(".",",")} ${t??"per week"}`:void 0),v=[d==null?void 0:d.initials,d==null?void 0:d.middleName,d==null?void 0:d.lastName].filter(Boolean).join(" "),D=[d==null?void 0:d.street,d==null?void 0:d.houseNumber,d==null?void 0:d.addition].filter(Boolean).join(" "),f=[d==null?void 0:d.postcode,d==null?void 0:d.city].filter(Boolean).join(" ");return g.jsxs("aside",{className:B?`flex flex-col gap-m ${C??""}`:`${E?"flex flex-col":"hidden lg:flex lg:flex-col"} lg:sticky lg:top-l bg-background-default shadow-m p-m lg:p-l gap-m ${C??""}`,children:[g.jsx("h3",{className:"text-heading-m text-text-default",children:A}),g.jsx("div",{className:"flex flex-col gap-s",children:g.jsx(ME,{label:Q,subLabel:x,features:n,onChangeSubscription:o,changeSubscriptionLabel:r})}),(w||i.length>0)&&g.jsxs("div",{className:"flex flex-col gap-s",children:[w&&g.jsxs("div",{className:"flex items-start justify-between gap-s",children:[g.jsx("span",{className:"text-meta-light text-text-default",children:p}),g.jsx("span",{className:"text-meta-regular text-text-default text-right",children:w})]}),i.map((h,F)=>g.jsxs("div",{className:`flex items-start justify-between gap-s ${h.isDivider?"pt-s border-t border-border-gray":""}`,children:[g.jsx("span",{className:"text-meta-light text-text-default",children:h.label}),g.jsxs("div",{className:"flex flex-col items-end",children:[h.originalValue&&g.jsx("span",{className:"text-meta-light text-text-default !line-through",children:h.originalValue}),g.jsx("span",{className:`text-text-default text-right ${h.isDivider?"text-body-bold":"text-meta-regular"}`,children:h.value})]})]},F))]}),u&&g.jsx("p",{className:"text-meta-light text-text-default",children:u}),d&&g.jsxs("div",{className:"flex flex-col gap-s pt-s border-t border-border-gray",children:[g.jsx("h3",{className:"text-body-bold text-text-default",children:"Gegevens"}),g.jsxs("div",{className:"flex flex-col gap-xs",children:[v&&g.jsx("span",{className:"text-meta-light text-text-default",children:v}),d.email&&g.jsx("span",{className:"text-meta-light text-text-default",children:d.email}),d.phone&&g.jsx("span",{className:"text-meta-light text-text-default",children:d.phone}),D&&g.jsx("span",{className:"text-meta-light text-text-default",children:D}),f&&g.jsx("span",{className:"text-meta-light text-text-default",children:f})]}),g.jsx(_,{variant:"pill",label:l,iconLeft:"pencil",iconLeftVariant:"outline",onClick:s,className:"justify-center w-full"})]})]})},Te=A=>{const C=A.split("/");if(C.length!==3)return A;const[E,B,Q]=C.map(Number),I=new Date(Q,B-1,E),e=new Date;e.setHours(0,0,0,0);const t=new Date(e);return t.setDate(e.getDate()+1),I.getTime()===e.getTime()?"Vandaag":I.getTime()===t.getTime()?"Morgen":A};function YE(){const A=document.querySelector('meta[name="csrf-token"]');if(A)return A.getAttribute("content")??"";const C=document.querySelector('input[name="__RequestVerificationToken"]');return(C==null?void 0:C.value)??""}const Xe=[{label:"Kies je abonnement"},{label:"Looptijd"},{label:"Gegevens"},{label:"Bestelling afronden"}];function ze(A,C,E){var t;const B=YE();if(!B){console.error("Anti-forgery token not found in DOM");return}const Q=document.createElement("form");Q.method="POST",Q.action=E,Q.style.display="none";const I=(n,o)=>{const r=document.createElement("input");r.type="hidden",r.name=n,r.value=o,Q.appendChild(r)};I("__RequestVerificationToken",B),I("Custom.gender","3"),I("firstname",A.personalData.initials??""),I("lastnameprefix",A.personalData.middleName??""),I("lastname",A.personalData.lastName??""),I("PostalCode",A.personalData.postcode??""),I("HouseNumber",A.personalData.houseNumber??""),I("HouseNumberSuffix",A.personalData.addition??""),I("EmailAddress",A.personalData.email??""),I("Phonenumber",A.personalData.phone??"");const e=A.startDate.split("/");e.length===3&&(I("startDateDay",e[0]),I("startDateMonth",e[1]),I("startDateYear",e[2])),A.iban&&I("Iban",A.iban),I("terms","true"),I("suboffer_subscription_type_id",A.duration),I("SubscriptionTypeId",A.duration),I("SigningKey",C),I("website",""),I("description",""),(t=window.formRecord)!=null&&t.requestId&&I("formSessionId",window.formRecord.requestId),document.body.appendChild(Q),Q.submit()}const We=({phoneNumber:A,steps:C=Xe,sectionHeading:E,subscriptionTitle:B,subscriptionSubtitle:Q,subscriptionPricePerWeek:I,pricePeriod:e="per week",offerPriceText:t,subscriptionOriginalPricePerWeek:n,features:o,onChangeSubscription:r,changeSubscriptionHref:i,changeSubscriptionLabel:u,deliveryDayHeading:d,deliveryDays:s=[],initialDeliveryDay:l,durationHeading:w,durations:p=[],initialDuration:x,alertText:v,startDate:D,startDateLabel:f,personalAlertText:h,personalAlertEmail:F,paymentHeading:M,paymentMethods:N=[],initialPaymentMethod:L,termsLabel:H,paymentFooterText:R="U ontvangt een bevestiging per e-mail. U hebt een bedenktijd van 14 dagen.",summaryHeading:V,summaryFooterText:Y,onComplete:k,termsText:P,privacyUrl:U,actievoorwaardenUrl:j,algemeneVoorwaardenUrl:X,subscriptionTypeId:a,signingKey:m,formAction:K="/signup/subscription/register"})=>{var qg,Zg;const y=r??(i?()=>{window.location.href=i}:()=>{window.history.back()}),[O,G]=c.useState("duration"),[W,z]=c.useState(l??((qg=s[0])==null?void 0:qg.value)),[J,Z]=c.useState(x??((Zg=p[0])==null?void 0:Zg.value)),[T,q]=c.useState(D??""),[S,gA]=c.useState(null),[wA,KA]=c.useState([]),[sC,vQ]=c.useState(""),[hQ,xQ]=c.useState([]),[Sg,pQ]=c.useState(""),[DQ,mQ]=c.useState(0),[bQ,LQ]=c.useState(),[jQ,FQ]=c.useState(""),[PQ,HQ]=c.useState("");c.useEffect(()=>{if(p.length>0||!a||!m)return;const IA=YE();IA&&fetch("/api/v2/subscription-forms",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({signingKey:m,subscriptionTypeId:a,__RequestVerificationToken:IA})}).then(iA=>iA.json()).then(iA=>{var $g,AB,CB,gB,BB,EB;const nA=iA.SubscriptionOffer;if(!nA)return;vQ(nA.Name??""),pQ((($g=nA.Display)==null?void 0:$g.OfferPricePeriod)??"");const _g=(((AB=nA.Display)==null?void 0:AB.OfferPrice)??"").replace("€","").replace(" ","").replace(",",".");mQ(parseFloat(_g)||0);const SQ=(((CB=nA.Display)==null?void 0:CB.BasePrice)??"").replace("€","").replace(" ","").replace(",",".").replace("Normaal","").replace("normaal","").trim(),zC=parseFloat(SQ)||0;zC>0&&zC!==(parseFloat(_g)||0)&&LQ(zC);const yQ=[...(((gB=nA.Display)==null?void 0:gB.Benefits)??[]).map(oA=>({label:oA,included:!0})),...(((BB=nA.Display)==null?void 0:BB.Disadvantages)??[]).map(oA=>({label:oA,included:!1}))];xQ(yQ),iA.SigningKey&&FQ(iA.SigningKey),HQ(((EB=nA.Display)==null?void 0:EB.OfferPrice)??"");const aC=(nA.SubOffers??[]).filter(oA=>oA.SubOfferType==="Variation").map(oA=>{var tB,nB,rB,iB,oB;const WC=(((tB=oA.Display)==null?void 0:tB.OfferPrice)??"").replace("€","").replace(" ","").replace(",","."),VQ=(((nB=oA.Display)==null?void 0:nB.BasePrice)??"").replace("€","").replace(" ","").replace(",",".").replace("Normaal","").replace("normaal","").trim(),QB=parseFloat(WC)||0,qC=parseFloat(VQ)||0,lC=((rB=oA.Display)==null?void 0:rB.OfferTitle)??"";let ZC=lC;const IB=lC.match(/(\d+)\s*jaar/),eB=lC.match(/(\d+)\s*maand/);IB?ZC=`${parseInt(IB[1])*12} maanden`:eB&&(ZC=`${parseInt(eB[1])} maanden`);let _C=lC;return(iB=oA.Display)!=null&&iB.IsPopular&&!_C.includes("meest gekozen")&&(_C+=" (meest gekozen)"),{label:_C,value:oA.SubscriptionTypeId.toString(),period:ZC,price:QB,originalPrice:qC>0&&qC!==QB?qC:void 0,group:"",sortOrder:((oB=oA.Display)==null?void 0:oB.SortOrder)??0}});if(KA(aC),aC.length>0){const oA=aC.find(WC=>WC.label.includes("meest gekozen"));Z((oA==null?void 0:oA.value)??aC[0].value)}}).catch(iA=>console.error("Failed to fetch subscription offer:",iA))},[a,m,p.length]);const JC=p.length>0?p:wA,yg=B||sC,Vg=o&&o.length>0?o:hQ,TC=I||DQ,Gg=n??bQ,WA=e!=="per week"?e:Sg||e;console.log("pricePeriod prop:",e),console.log("fetchedPricePeriod:",Sg),console.log("effectivePricePeriod:",WA);const Jg=jQ||m,Tg=s.length>0&&W?JC.filter(IA=>IA.group===W||IA.group===""):JC,RQ=IA=>{z(IA);const iA=JC.filter(nA=>nA.group===IA||nA.group==="");iA.length>0&&!iA.find(nA=>nA.value===J)&&Z(iA[0].value)},kQ=O==="duration"?2:O==="personal"?3:4,Xg=C.map((IA,iA)=>iA===1&&(O==="personal"||O==="payment")?{...IA,onClick:()=>G("duration")}:iA===2&&O==="payment"?{...IA,onClick:()=>G("personal")}:IA),OA=s.find(IA=>IA.value===W),pA=Tg.find(IA=>IA.value===J),UQ=(pA==null?void 0:pA.price)??TC,zg=(pA==null?void 0:pA.originalPrice)??Gg,MQ=IA=>/[a-zA-Z]/.test(IA.replace("€","")),XC=t||PQ||"",YQ=(OA==null?void 0:OA.price)??(XC&&MQ(XC)?XC:`€${UQ.toFixed(2).replace(".",",")} ${WA}`),KQ=[...pA!=null&&pA.period?[{label:"Actieperiode",value:pA.period}]:[],{label:"Ingangsdatum",value:Te(T)},{label:"Totaal",value:YQ,originalValue:zg?`€${zg.toFixed(2).replace(".",",")} ${WA}`:void 0,isDivider:!0}],OQ=IA=>{gA(IA),G("payment")},NQ=(IA,iA)=>{const nA={duration:J,startDate:T,deliveryDay:W,personalData:S,paymentMethod:IA,iban:iA};k==null||k(nA),a&&Jg&&ze(nA,Jg,K)},Wg={heading:V,subscriptionTitle:yg,subscriptionSubtitle:Q,subscriptionPricePerWeek:TC,pricePeriod:WA,features:Vg,onChangeSubscription:y,changeSubscriptionLabel:u,rows:KQ,footerText:Y,onChangePersonal:()=>G("personal"),deliveryDayLabel:OA==null?void 0:OA.label};return g.jsxs("div",{className:"min-h-screen bg-background-gray",children:[g.jsxs("div",{className:"flex flex-col items-center pt-l pb-xl gap-s px-l",children:[A&&g.jsxs("p",{className:"text-meta-light text-text-default",children:["Vragen? Bel ",A]}),g.jsx("a",{href:"https://www.nd.nl/",className:"block w-full max-w-[503px] self-center",children:g.jsx(AC,{size:"full",className:"w-full"})}),Xg.length>0&&g.jsx("div",{className:"w-full max-w-2xl mt-m",children:g.jsx(UE,{steps:Xg,currentStep:kQ})})]}),g.jsxs("div",{className:"w-full max-w-5xl mx-auto pb-xl lg:grid lg:grid-cols-[3fr_2fr] lg:gap-l lg:items-start",children:[g.jsx(VB,{...Wg,className:"lg:order-2 mb-l lg:mb-0",personalData:O==="payment"?S??void 0:void 0}),g.jsxs("div",{className:"lg:order-1",children:[O==="duration"&&g.jsx(Ye,{sectionHeading:E,subscriptionTitle:yg,subscriptionSubtitle:Q,subscriptionPricePerWeek:TC,subscriptionOriginalPricePerWeek:Gg,pricePeriod:WA,features:Vg,onChangeSubscription:y,changeSubscriptionLabel:u,deliveryDayHeading:d,deliveryDays:s,selectedDeliveryDay:W,onDeliveryDayChange:RQ,durationHeading:w,durations:Tg,selectedDuration:J,onDurationChange:Z,alertText:v,startDateLabel:f,startDate:T,onStartDateChange:q,submitLabel:"Vul je gegevens in",onSubmit:()=>G("personal")}),O==="personal"&&g.jsx(Ne,{alertText:h,alertEmail:F,submitLabel:"Naar betaaloverzicht",onSubmit:OQ,initialData:S??void 0}),O==="payment"&&g.jsx(Je,{summaryContent:g.jsx("div",{className:"lg:hidden",children:g.jsx(VB,{...Wg,inline:!0,personalData:S??void 0})}),paymentHeading:M,paymentMethods:N,initialPaymentMethod:L,termsLabel:H,submitLabel:"Bevestigen",footerText:R,onSubmit:NQ,termsText:P,privacyUrl:U,actievoorwaardenUrl:j,algemeneVoorwaardenUrl:X})]})]})]})},qe=[{id:"digitaal-basis",title:"Digitaal Basis"},{id:"digitaal-plus",title:"Digitaal Plus"},{id:"digitaal-papier",title:"Digitaal + Papier"}],GB=4,Ze=A=>{const C=new Date;return C.setHours(0,0,0,0),C.setDate(C.getDate()+A),C},_e=({currentSubscription:A,prijsDigitaalBasis:C,prijsDigitaalPlus:E,prijsDigitaalPapier:B,features:Q,bezorgDagen:I=[],actieAbonnement:e,onSelect:t,onSubmit:n})=>{const[o,r]=c.useState(!1),[i,u]=c.useState(A),[d,s]=c.useState(""),[l,w]=c.useState(),[p,x]=c.useState(!1),[v,D]=c.useState(!1),[f,h]=c.useState(),F={"digitaal-basis":C,"digitaal-plus":E,"digitaal-papier":B},M=V=>{u(V),s(""),w(void 0),h(void 0),t==null||t(V)},N=async()=>{if(!(!i||!d)){h(void 0),D(!0);try{n&&await n({subscription:i,startdatum:d,bezorgDag:l}),x(!0)}catch(V){h(V instanceof Error?V.message:"Er is iets misgegaan bij het wijzigen van uw abonnement. Probeer het later opnieuw.")}finally{D(!1)}}},L=i?Q==null?void 0:Q[i]:void 0,H=i==="digitaal-papier",R=p?g.jsx(eA,{children:'Dank u wel voor het doorgeven van uw wijziging. Wij verwerken deze in ons systeem en sturen u vervolgens een bevestiging per e-mail. Heeft u nog vragen of opmerkingen? Dan kunt u <a href="https://nd.nl/service/contact" class="underline">hier</a> contact met ons opnemen.'}):g.jsxs("div",{className:"flex flex-col gap-m",children:[e&&g.jsx(eA,{variant:"warning",children:"U heeft een actie-abonnement met een vaste looptijd. Wanneer u uw abonnement wijzigt, gaat deze pas in na de einddatum van uw huidige abonnement."}),g.jsx("div",{className:"grid grid-cols-3 gap-xs md:gap-s max-w-lg",children:qe.map(({id:V,title:Y})=>{const k=A===V,P=i===V,U=F[V];return g.jsx("button",{type:"button",className:"flex flex-col p-0 border-0 bg-transparent cursor-pointer text-left w-full",onClick:()=>M(V),children:g.jsxs(aA,{borderColor:P?"brand":"gray-subtle",padding:"none",className:`h-full flex flex-col w-full transition-[border-color] duration-200 ease-in-out ${P?"":"hover:border-border-brand"}`,children:[k&&g.jsx("div",{className:"text-meta-uppercase text-text-brand bg-background-brand-subtle px-xs md:px-s py-xxs text-center",children:"Huidig abonnement"}),g.jsxs("div",{className:"p-xs md:p-s flex flex-col gap-xxs text-center flex-1 justify-center",children:[g.jsx("span",{className:"text-heading-s text-text-default",children:Y}),g.jsxs("span",{className:"text-meta-light text-text-default",children:[U??"€....,—","/maand"]})]})]})},V)})}),L&&L.length>0&&g.jsx(Ug,{features:L}),i&&i!==A&&g.jsxs("div",{className:"flex flex-col gap-m",children:[H&&I.length>0&&g.jsxs("div",{className:"flex flex-col gap-s",children:[g.jsx("h2",{className:"text-heading-s text-text-default",children:"Op welke dag wilt u de papieren krant ontvangen?"}),g.jsx("div",{className:"flex flex-col gap-xs",children:I.map(V=>g.jsx(hA,{variant:"card",layout:"horizontal",heading:V.label,label:V.description,priceLabel:V.price,name:"bezorgDag",value:V.value,checked:l===V.value,onChange:()=>w(V.value)},V.value))})]}),g.jsxs("div",{className:"flex flex-col gap-s",children:[g.jsx(CA,{label:"Gewenste startdatum",value:d,setValue:s,datePicker:!0,minDate:Ze(H?GB:0),help:H?`Een papieren abonnement kan op zijn vroegst over ${GB} dagen ingaan.`:void 0}),f&&g.jsx(eA,{variant:"warning",children:f}),g.jsx("div",{children:g.jsx(_,{variant:"primary",label:v?"Bezig met wijzigen...":"Abonnement wijzigen",onClick:N,disabled:!d||H&&!l||v})})]})]})]});return g.jsx(TA,{variant:"large",label:"Abonnement wijzigen",isOpen:o,onToggle:()=>r(!o),content:R})};function KE(A,C){return function(){return A.apply(C,arguments)}}const{toString:$e}=Object.prototype,{getPrototypeOf:Yg}=Object,{iterator:UC,toStringTag:OE}=Symbol,MC=(A=>C=>{const E=$e.call(C);return A[E]||(A[E]=E.slice(8,-1).toLowerCase())})(Object.create(null)),xA=A=>(A=A.toLowerCase(),C=>MC(C)===A),YC=A=>C=>typeof C===A,{isArray:XA}=Array,CC=YC("undefined");function nC(A){return A!==null&&!CC(A)&&A.constructor!==null&&!CC(A.constructor)&&cA(A.constructor.isBuffer)&&A.constructor.isBuffer(A)}const NE=xA("ArrayBuffer");function A3(A){let C;return typeof ArrayBuffer<"u"&&ArrayBuffer.isView?C=ArrayBuffer.isView(A):C=A&&A.buffer&&NE(A.buffer),C}const C3=YC("string"),cA=YC("function"),SE=YC("number"),rC=A=>A!==null&&typeof A=="object",g3=A=>A===!0||A===!1,xC=A=>{if(MC(A)!=="object")return!1;const C=Yg(A);return(C===null||C===Object.prototype||Object.getPrototypeOf(C)===null)&&!(OE in A)&&!(UC in A)},B3=A=>{if(!rC(A)||nC(A))return!1;try{return Object.keys(A).length===0&&Object.getPrototypeOf(A)===Object.prototype}catch{return!1}},E3=xA("Date"),Q3=xA("File"),I3=xA("Blob"),e3=xA("FileList"),t3=A=>rC(A)&&cA(A.pipe),n3=A=>{let C;return A&&(typeof FormData=="function"&&A instanceof FormData||cA(A.append)&&((C=MC(A))==="formdata"||C==="object"&&cA(A.toString)&&A.toString()==="[object FormData]"))},r3=xA("URLSearchParams"),[i3,o3,s3,a3]=["ReadableStream","Request","Response","Headers"].map(xA),l3=A=>A.trim?A.trim():A.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"");function iC(A,C,{allOwnKeys:E=!1}={}){if(A===null||typeof A>"u")return;let B,Q;if(typeof A!="object"&&(A=[A]),XA(A))for(B=0,Q=A.length;B<Q;B++)C.call(null,A[B],B,A);else{if(nC(A))return;const I=E?Object.getOwnPropertyNames(A):Object.keys(A),e=I.length;let t;for(B=0;B<e;B++)t=I[B],C.call(null,A[t],t,A)}}function yE(A,C){if(nC(A))return null;C=C.toLowerCase();const E=Object.keys(A);let B=E.length,Q;for(;B-- >0;)if(Q=E[B],C===Q.toLowerCase())return Q;return null}const PA=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:global,VE=A=>!CC(A)&&A!==PA;function dg(){const{caseless:A}=VE(this)&&this||{},C={},E=(B,Q)=>{const I=A&&yE(C,Q)||Q;xC(C[I])&&xC(B)?C[I]=dg(C[I],B):xC(B)?C[I]=dg({},B):XA(B)?C[I]=B.slice():C[I]=B};for(let B=0,Q=arguments.length;B<Q;B++)arguments[B]&&iC(arguments[B],E);return C}const c3=(A,C,E,{allOwnKeys:B}={})=>(iC(C,(Q,I)=>{E&&cA(Q)?A[I]=KE(Q,E):A[I]=Q},{allOwnKeys:B}),A),u3=A=>(A.charCodeAt(0)===65279&&(A=A.slice(1)),A),d3=(A,C,E,B)=>{A.prototype=Object.create(C.prototype,B),A.prototype.constructor=A,Object.defineProperty(A,"super",{value:C.prototype}),E&&Object.assign(A.prototype,E)},f3=(A,C,E,B)=>{let Q,I,e;const t={};if(C=C||{},A==null)return C;do{for(Q=Object.getOwnPropertyNames(A),I=Q.length;I-- >0;)e=Q[I],(!B||B(e,A,C))&&!t[e]&&(C[e]=A[e],t[e]=!0);A=E!==!1&&Yg(A)}while(A&&(!E||E(A,C))&&A!==Object.prototype);return C},w3=(A,C,E)=>{A=String(A),(E===void 0||E>A.length)&&(E=A.length),E-=C.length;const B=A.indexOf(C,E);return B!==-1&&B===E},v3=A=>{if(!A)return null;if(XA(A))return A;let C=A.length;if(!SE(C))return null;const E=new Array(C);for(;C-- >0;)E[C]=A[C];return E},h3=(A=>C=>A&&C instanceof A)(typeof Uint8Array<"u"&&Yg(Uint8Array)),x3=(A,C)=>{const B=(A&&A[UC]).call(A);let Q;for(;(Q=B.next())&&!Q.done;){const I=Q.value;C.call(A,I[0],I[1])}},p3=(A,C)=>{let E;const B=[];for(;(E=A.exec(C))!==null;)B.push(E);return B},D3=xA("HTMLFormElement"),m3=A=>A.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,function(E,B,Q){return B.toUpperCase()+Q}),JB=(({hasOwnProperty:A})=>(C,E)=>A.call(C,E))(Object.prototype),b3=xA("RegExp"),GE=(A,C)=>{const E=Object.getOwnPropertyDescriptors(A),B={};iC(E,(Q,I)=>{let e;(e=C(Q,I,A))!==!1&&(B[I]=e||Q)}),Object.defineProperties(A,B)},L3=A=>{GE(A,(C,E)=>{if(cA(A)&&["arguments","caller","callee"].indexOf(E)!==-1)return!1;const B=A[E];if(cA(B)){if(C.enumerable=!1,"writable"in C){C.writable=!1;return}C.set||(C.set=()=>{throw Error("Can not rewrite read-only method '"+E+"'")})}})},j3=(A,C)=>{const E={},B=Q=>{Q.forEach(I=>{E[I]=!0})};return XA(A)?B(A):B(String(A).split(C)),E},F3=()=>{},P3=(A,C)=>A!=null&&Number.isFinite(A=+A)?A:C;function H3(A){return!!(A&&cA(A.append)&&A[OE]==="FormData"&&A[UC])}const R3=A=>{const C=new Array(10),E=(B,Q)=>{if(rC(B)){if(C.indexOf(B)>=0)return;if(nC(B))return B;if(!("toJSON"in B)){C[Q]=B;const I=XA(B)?[]:{};return iC(B,(e,t)=>{const n=E(e,Q+1);!CC(n)&&(I[t]=n)}),C[Q]=void 0,I}}return B};return E(A,0)},k3=xA("AsyncFunction"),U3=A=>A&&(rC(A)||cA(A))&&cA(A.then)&&cA(A.catch),JE=((A,C)=>A?setImmediate:C?((E,B)=>(PA.addEventListener("message",({source:Q,data:I})=>{Q===PA&&I===E&&B.length&&B.shift()()},!1),Q=>{B.push(Q),PA.postMessage(E,"*")}))(`axios@${Math.random()}`,[]):E=>setTimeout(E))(typeof setImmediate=="function",cA(PA.postMessage)),M3=typeof queueMicrotask<"u"?queueMicrotask.bind(PA):typeof process<"u"&&process.nextTick||JE,Y3=A=>A!=null&&cA(A[UC]),b={isArray:XA,isArrayBuffer:NE,isBuffer:nC,isFormData:n3,isArrayBufferView:A3,isString:C3,isNumber:SE,isBoolean:g3,isObject:rC,isPlainObject:xC,isEmptyObject:B3,isReadableStream:i3,isRequest:o3,isResponse:s3,isHeaders:a3,isUndefined:CC,isDate:E3,isFile:Q3,isBlob:I3,isRegExp:b3,isFunction:cA,isStream:t3,isURLSearchParams:r3,isTypedArray:h3,isFileList:e3,forEach:iC,merge:dg,extend:c3,trim:l3,stripBOM:u3,inherits:d3,toFlatObject:f3,kindOf:MC,kindOfTest:xA,endsWith:w3,toArray:v3,forEachEntry:x3,matchAll:p3,isHTMLForm:D3,hasOwnProperty:JB,hasOwnProp:JB,reduceDescriptors:GE,freezeMethods:L3,toObjectSet:j3,toCamelCase:m3,noop:F3,toFiniteNumber:P3,findKey:yE,global:PA,isContextDefined:VE,isSpecCompliantForm:H3,toJSONObject:R3,isAsyncFn:k3,isThenable:U3,setImmediate:JE,asap:M3,isIterable:Y3};function AA(A,C,E,B,Q){Error.call(this),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=new Error().stack,this.message=A,this.name="AxiosError",C&&(this.code=C),E&&(this.config=E),B&&(this.request=B),Q&&(this.response=Q,this.status=Q.status?Q.status:null)}b.inherits(AA,Error,{toJSON:function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:b.toJSONObject(this.config),code:this.code,status:this.status}}});const TE=AA.prototype,XE={};["ERR_BAD_OPTION_VALUE","ERR_BAD_OPTION","ECONNABORTED","ETIMEDOUT","ERR_NETWORK","ERR_FR_TOO_MANY_REDIRECTS","ERR_DEPRECATED","ERR_BAD_RESPONSE","ERR_BAD_REQUEST","ERR_CANCELED","ERR_NOT_SUPPORT","ERR_INVALID_URL"].forEach(A=>{XE[A]={value:A}});Object.defineProperties(AA,XE);Object.defineProperty(TE,"isAxiosError",{value:!0});AA.from=(A,C,E,B,Q,I)=>{const e=Object.create(TE);return b.toFlatObject(A,e,function(n){return n!==Error.prototype},t=>t!=="isAxiosError"),AA.call(e,A.message,C,E,B,Q),e.cause=A,e.name=A.name,I&&Object.assign(e,I),e};const K3=null;function fg(A){return b.isPlainObject(A)||b.isArray(A)}function zE(A){return b.endsWith(A,"[]")?A.slice(0,-2):A}function TB(A,C,E){return A?A.concat(C).map(function(Q,I){return Q=zE(Q),!E&&I?"["+Q+"]":Q}).join(E?".":""):C}function O3(A){return b.isArray(A)&&!A.some(fg)}const N3=b.toFlatObject(b,{},null,function(C){return/^is[A-Z]/.test(C)});function KC(A,C,E){if(!b.isObject(A))throw new TypeError("target must be an object");C=C||new FormData,E=b.toFlatObject(E,{metaTokens:!0,dots:!1,indexes:!1},!1,function(l,w){return!b.isUndefined(w[l])});const B=E.metaTokens,Q=E.visitor||r,I=E.dots,e=E.indexes,n=(E.Blob||typeof Blob<"u"&&Blob)&&b.isSpecCompliantForm(C);if(!b.isFunction(Q))throw new TypeError("visitor must be a function");function o(s){if(s===null)return"";if(b.isDate(s))return s.toISOString();if(b.isBoolean(s))return s.toString();if(!n&&b.isBlob(s))throw new AA("Blob is not supported. Use a Buffer instead.");return b.isArrayBuffer(s)||b.isTypedArray(s)?n&&typeof Blob=="function"?new Blob([s]):Buffer.from(s):s}function r(s,l,w){let p=s;if(s&&!w&&typeof s=="object"){if(b.endsWith(l,"{}"))l=B?l:l.slice(0,-2),s=JSON.stringify(s);else if(b.isArray(s)&&O3(s)||(b.isFileList(s)||b.endsWith(l,"[]"))&&(p=b.toArray(s)))return l=zE(l),p.forEach(function(v,D){!(b.isUndefined(v)||v===null)&&C.append(e===!0?TB([l],D,I):e===null?l:l+"[]",o(v))}),!1}return fg(s)?!0:(C.append(TB(w,l,I),o(s)),!1)}const i=[],u=Object.assign(N3,{defaultVisitor:r,convertValue:o,isVisitable:fg});function d(s,l){if(!b.isUndefined(s)){if(i.indexOf(s)!==-1)throw Error("Circular reference detected in "+l.join("."));i.push(s),b.forEach(s,function(p,x){(!(b.isUndefined(p)||p===null)&&Q.call(C,p,b.isString(x)?x.trim():x,l,u))===!0&&d(p,l?l.concat(x):[x])}),i.pop()}}if(!b.isObject(A))throw new TypeError("data must be an object");return d(A),C}function XB(A){const C={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+","%00":"\0"};return encodeURIComponent(A).replace(/[!'()~]|%20|%00/g,function(B){return C[B]})}function Kg(A,C){this._pairs=[],A&&KC(A,this,C)}const WE=Kg.prototype;WE.append=function(C,E){this._pairs.push([C,E])};WE.toString=function(C){const E=C?function(B){return C.call(this,B,XB)}:XB;return this._pairs.map(function(Q){return E(Q[0])+"="+E(Q[1])},"").join("&")};function S3(A){return encodeURIComponent(A).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}function qE(A,C,E){if(!C)return A;const B=E&&E.encode||S3;b.isFunction(E)&&(E={serialize:E});const Q=E&&E.serialize;let I;if(Q?I=Q(C,E):I=b.isURLSearchParams(C)?C.toString():new Kg(C,E).toString(B),I){const e=A.indexOf("#");e!==-1&&(A=A.slice(0,e)),A+=(A.indexOf("?")===-1?"?":"&")+I}return A}class zB{constructor(){this.handlers=[]}use(C,E,B){return this.handlers.push({fulfilled:C,rejected:E,synchronous:B?B.synchronous:!1,runWhen:B?B.runWhen:null}),this.handlers.length-1}eject(C){this.handlers[C]&&(this.handlers[C]=null)}clear(){this.handlers&&(this.handlers=[])}forEach(C){b.forEach(this.handlers,function(B){B!==null&&C(B)})}}const ZE={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},y3=typeof URLSearchParams<"u"?URLSearchParams:Kg,V3=typeof FormData<"u"?FormData:null,G3=typeof Blob<"u"?Blob:null,J3={isBrowser:!0,classes:{URLSearchParams:y3,FormData:V3,Blob:G3},protocols:["http","https","file","blob","url","data"]},Og=typeof window<"u"&&typeof document<"u",wg=typeof navigator=="object"&&navigator||void 0,T3=Og&&(!wg||["ReactNative","NativeScript","NS"].indexOf(wg.product)<0),X3=typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope&&typeof self.importScripts=="function",z3=Og&&window.location.href||"http://localhost",W3=Object.freeze(Object.defineProperty({__proto__:null,hasBrowserEnv:Og,hasStandardBrowserEnv:T3,hasStandardBrowserWebWorkerEnv:X3,navigator:wg,origin:z3},Symbol.toStringTag,{value:"Module"})),sA={...W3,...J3};function q3(A,C){return KC(A,new sA.classes.URLSearchParams,{visitor:function(E,B,Q,I){return sA.isNode&&b.isBuffer(E)?(this.append(B,E.toString("base64")),!1):I.defaultVisitor.apply(this,arguments)},...C})}function Z3(A){return b.matchAll(/\w+|\[(\w*)]/g,A).map(C=>C[0]==="[]"?"":C[1]||C[0])}function _3(A){const C={},E=Object.keys(A);let B;const Q=E.length;let I;for(B=0;B<Q;B++)I=E[B],C[I]=A[I];return C}function _E(A){function C(E,B,Q,I){let e=E[I++];if(e==="__proto__")return!0;const t=Number.isFinite(+e),n=I>=E.length;return e=!e&&b.isArray(Q)?Q.length:e,n?(b.hasOwnProp(Q,e)?Q[e]=[Q[e],B]:Q[e]=B,!t):((!Q[e]||!b.isObject(Q[e]))&&(Q[e]=[]),C(E,B,Q[e],I)&&b.isArray(Q[e])&&(Q[e]=_3(Q[e])),!t)}if(b.isFormData(A)&&b.isFunction(A.entries)){const E={};return b.forEachEntry(A,(B,Q)=>{C(Z3(B),Q,E,0)}),E}return null}function $3(A,C,E){if(b.isString(A))try{return(C||JSON.parse)(A),b.trim(A)}catch(B){if(B.name!=="SyntaxError")throw B}return(E||JSON.stringify)(A)}const oC={transitional:ZE,adapter:["xhr","http","fetch"],transformRequest:[function(C,E){const B=E.getContentType()||"",Q=B.indexOf("application/json")>-1,I=b.isObject(C);if(I&&b.isHTMLForm(C)&&(C=new FormData(C)),b.isFormData(C))return Q?JSON.stringify(_E(C)):C;if(b.isArrayBuffer(C)||b.isBuffer(C)||b.isStream(C)||b.isFile(C)||b.isBlob(C)||b.isReadableStream(C))return C;if(b.isArrayBufferView(C))return C.buffer;if(b.isURLSearchParams(C))return E.setContentType("application/x-www-form-urlencoded;charset=utf-8",!1),C.toString();let t;if(I){if(B.indexOf("application/x-www-form-urlencoded")>-1)return q3(C,this.formSerializer).toString();if((t=b.isFileList(C))||B.indexOf("multipart/form-data")>-1){const n=this.env&&this.env.FormData;return KC(t?{"files[]":C}:C,n&&new n,this.formSerializer)}}return I||Q?(E.setContentType("application/json",!1),$3(C)):C}],transformResponse:[function(C){const E=this.transitional||oC.transitional,B=E&&E.forcedJSONParsing,Q=this.responseType==="json";if(b.isResponse(C)||b.isReadableStream(C))return C;if(C&&b.isString(C)&&(B&&!this.responseType||Q)){const e=!(E&&E.silentJSONParsing)&&Q;try{return JSON.parse(C)}catch(t){if(e)throw t.name==="SyntaxError"?AA.from(t,AA.ERR_BAD_RESPONSE,this,null,this.response):t}}return C}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,env:{FormData:sA.classes.FormData,Blob:sA.classes.Blob},validateStatus:function(C){return C>=200&&C<300},headers:{common:{Accept:"application/json, text/plain, */*","Content-Type":void 0}}};b.forEach(["delete","get","head","post","put","patch"],A=>{oC.headers[A]={}});const A4=b.toObjectSet(["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"]),C4=A=>{const C={};let E,B,Q;return A&&A.split(`
 `).forEach(function(e){Q=e.indexOf(":"),E=e.substring(0,Q).trim().toLowerCase(),B=e.substring(Q+1).trim(),!(!E||C[E]&&A4[E])&&(E==="set-cookie"?C[E]?C[E].push(B):C[E]=[B]:C[E]=C[E]?C[E]+", "+B:B)}),C},WB=Symbol("internals");function _A(A){return A&&String(A).trim().toLowerCase()}function pC(A){return A===!1||A==null?A:b.isArray(A)?A.map(pC):String(A)}function g4(A){const C=Object.create(null),E=/([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;let B;for(;B=E.exec(A);)C[B[1]]=B[2];return C}const B4=A=>/^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(A.trim());function ng(A,C,E,B,Q){if(b.isFunction(B))return B.call(this,C,E);if(Q&&(C=E),!!b.isString(C)){if(b.isString(B))return C.indexOf(B)!==-1;if(b.isRegExp(B))return B.test(C)}}function E4(A){return A.trim().toLowerCase().replace(/([a-z\d])(\w*)/g,(C,E,B)=>E.toUpperCase()+B)}function Q4(A,C){const E=b.toCamelCase(" "+C);["get","set","has"].forEach(B=>{Object.defineProperty(A,B+E,{value:function(Q,I,e){return this[B].call(this,C,Q,I,e)},configurable:!0})})}let uA=class{constructor(C){C&&this.set(C)}set(C,E,B){const Q=this;function I(t,n,o){const r=_A(n);if(!r)throw new Error("header name must be a non-empty string");const i=b.findKey(Q,r);(!i||Q[i]===void 0||o===!0||o===void 0&&Q[i]!==!1)&&(Q[i||n]=pC(t))}const e=(t,n)=>b.forEach(t,(o,r)=>I(o,r,n));if(b.isPlainObject(C)||C instanceof this.constructor)e(C,E);else if(b.isString(C)&&(C=C.trim())&&!B4(C))e(C4(C),E);else if(b.isObject(C)&&b.isIterable(C)){let t={},n,o;for(const r of C){if(!b.isArray(r))throw TypeError("Object iterator must return a key-value pair");t[o=r[0]]=(n=t[o])?b.isArray(n)?[...n,r[1]]:[n,r[1]]:r[1]}e(t,E)}else C!=null&&I(E,C,B);return this}get(C,E){if(C=_A(C),C){const B=b.findKey(this,C);if(B){const Q=this[B];if(!E)return Q;if(E===!0)return g4(Q);if(b.isFunction(E))return E.call(this,Q,B);if(b.isRegExp(E))return E.exec(Q);throw new TypeError("parser must be boolean|regexp|function")}}}has(C,E){if(C=_A(C),C){const B=b.findKey(this,C);return!!(B&&this[B]!==void 0&&(!E||ng(this,this[B],B,E)))}return!1}delete(C,E){const B=this;let Q=!1;function I(e){if(e=_A(e),e){const t=b.findKey(B,e);t&&(!E||ng(B,B[t],t,E))&&(delete B[t],Q=!0)}}return b.isArray(C)?C.forEach(I):I(C),Q}clear(C){const E=Object.keys(this);let B=E.length,Q=!1;for(;B--;){const I=E[B];(!C||ng(this,this[I],I,C,!0))&&(delete this[I],Q=!0)}return Q}normalize(C){const E=this,B={};return b.forEach(this,(Q,I)=>{const e=b.findKey(B,I);if(e){E[e]=pC(Q),delete E[I];return}const t=C?E4(I):String(I).trim();t!==I&&delete E[I],E[t]=pC(Q),B[t]=!0}),this}concat(...C){return this.constructor.concat(this,...C)}toJSON(C){const E=Object.create(null);return b.forEach(this,(B,Q)=>{B!=null&&B!==!1&&(E[Q]=C&&b.isArray(B)?B.join(", "):B)}),E}[Symbol.iterator](){return Object.entries(this.toJSON())[Symbol.iterator]()}toString(){return Object.entries(this.toJSON()).map(([C,E])=>C+": "+E).join(`
 `)}getSetCookie(){return this.get("set-cookie")||[]}get[Symbol.toStringTag](){return"AxiosHeaders"}static from(C){return C instanceof this?C:new this(C)}static concat(C,...E){const B=new this(C);return E.forEach(Q=>B.set(Q)),B}static accessor(C){const B=(this[WB]=this[WB]={accessors:{}}).accessors,Q=this.prototype;function I(e){const t=_A(e);B[t]||(Q4(Q,e),B[t]=!0)}return b.isArray(C)?C.forEach(I):I(C),this}};uA.accessor(["Content-Type","Content-Length","Accept","Accept-Encoding","User-Agent","Authorization"]);b.reduceDescriptors(uA.prototype,({value:A},C)=>{let E=C[0].toUpperCase()+C.slice(1);return{get:()=>A,set(B){this[E]=B}}});b.freezeMethods(uA);function rg(A,C){const E=this||oC,B=C||E,Q=uA.from(B.headers);let I=B.data;return b.forEach(A,function(t){I=t.call(E,I,Q.normalize(),C?C.status:void 0)}),Q.normalize(),I}function $E(A){return!!(A&&A.__CANCEL__)}function zA(A,C,E){AA.call(this,A??"canceled",AA.ERR_CANCELED,C,E),this.name="CanceledError"}b.inherits(zA,AA,{__CANCEL__:!0});function AQ(A,C,E){const B=E.config.validateStatus;!E.status||!B||B(E.status)?A(E):C(new AA("Request failed with status code "+E.status,[AA.ERR_BAD_REQUEST,AA.ERR_BAD_RESPONSE][Math.floor(E.status/100)-4],E.config,E.request,E))}function I4(A){const C=/^([-+\w]{1,25})(:?\/\/|:)/.exec(A);return C&&C[1]||""}function e4(A,C){A=A||10;const E=new Array(A),B=new Array(A);let Q=0,I=0,e;return C=C!==void 0?C:1e3,function(n){const o=Date.now(),r=B[I];e||(e=o),E[Q]=n,B[Q]=o;let i=I,u=0;for(;i!==Q;)u+=E[i++],i=i%A;if(Q=(Q+1)%A,Q===I&&(I=(I+1)%A),o-e<C)return;const d=r&&o-r;return d?Math.round(u*1e3/d):void 0}}function t4(A,C){let E=0,B=1e3/C,Q,I;const e=(o,r=Date.now())=>{E=r,Q=null,I&&(clearTimeout(I),I=null),A(...o)};return[(...o)=>{const r=Date.now(),i=r-E;i>=B?e(o,r):(Q=o,I||(I=setTimeout(()=>{I=null,e(Q)},B-i)))},()=>Q&&e(Q)]}const jC=(A,C,E=3)=>{let B=0;const Q=e4(50,250);return t4(I=>{const e=I.loaded,t=I.lengthComputable?I.total:void 0,n=e-B,o=Q(n),r=e<=t;B=e;const i={loaded:e,total:t,progress:t?e/t:void 0,bytes:n,rate:o||void 0,estimated:o&&t&&r?(t-e)/o:void 0,event:I,lengthComputable:t!=null,[C?"download":"upload"]:!0};A(i)},E)},qB=(A,C)=>{const E=A!=null;return[B=>C[0]({lengthComputable:E,total:A,loaded:B}),C[1]]},ZB=A=>(...C)=>b.asap(()=>A(...C)),n4=sA.hasStandardBrowserEnv?((A,C)=>E=>(E=new URL(E,sA.origin),A.protocol===E.protocol&&A.host===E.host&&(C||A.port===E.port)))(new URL(sA.origin),sA.navigator&&/(msie|trident)/i.test(sA.navigator.userAgent)):()=>!0,r4=sA.hasStandardBrowserEnv?{write(A,C,E,B,Q,I){const e=[A+"="+encodeURIComponent(C)];b.isNumber(E)&&e.push("expires="+new Date(E).toGMTString()),b.isString(B)&&e.push("path="+B),b.isString(Q)&&e.push("domain="+Q),I===!0&&e.push("secure"),document.cookie=e.join("; ")},read(A){const C=document.cookie.match(new RegExp("(^|;\\s*)("+A+")=([^;]*)"));return C?decodeURIComponent(C[3]):null},remove(A){this.write(A,"",Date.now()-864e5)}}:{write(){},read(){return null},remove(){}};function i4(A){return/^([a-z][a-z\d+\-.]*:)?\/\//i.test(A)}function o4(A,C){return C?A.replace(/\/?\/$/,"")+"/"+C.replace(/^\/+/,""):A}function CQ(A,C,E){let B=!i4(C);return A&&(B||E==!1)?o4(A,C):C}const _B=A=>A instanceof uA?{...A}:A;function kA(A,C){C=C||{};const E={};function B(o,r,i,u){return b.isPlainObject(o)&&b.isPlainObject(r)?b.merge.call({caseless:u},o,r):b.isPlainObject(r)?b.merge({},r):b.isArray(r)?r.slice():r}function Q(o,r,i,u){if(b.isUndefined(r)){if(!b.isUndefined(o))return B(void 0,o,i,u)}else return B(o,r,i,u)}function I(o,r){if(!b.isUndefined(r))return B(void 0,r)}function e(o,r){if(b.isUndefined(r)){if(!b.isUndefined(o))return B(void 0,o)}else return B(void 0,r)}function t(o,r,i){if(i in C)return B(o,r);if(i in A)return B(void 0,o)}const n={url:I,method:I,data:I,baseURL:e,transformRequest:e,transformResponse:e,paramsSerializer:e,timeout:e,timeoutMessage:e,withCredentials:e,withXSRFToken:e,adapter:e,responseType:e,xsrfCookieName:e,xsrfHeaderName:e,onUploadProgress:e,onDownloadProgress:e,decompress:e,maxContentLength:e,maxBodyLength:e,beforeRedirect:e,transport:e,httpAgent:e,httpsAgent:e,cancelToken:e,socketPath:e,responseEncoding:e,validateStatus:t,headers:(o,r,i)=>Q(_B(o),_B(r),i,!0)};return b.forEach(Object.keys({...A,...C}),function(r){const i=n[r]||Q,u=i(A[r],C[r],r);b.isUndefined(u)&&i!==t||(E[r]=u)}),E}const gQ=A=>{const C=kA({},A);let{data:E,withXSRFToken:B,xsrfHeaderName:Q,xsrfCookieName:I,headers:e,auth:t}=C;C.headers=e=uA.from(e),C.url=qE(CQ(C.baseURL,C.url,C.allowAbsoluteUrls),A.params,A.paramsSerializer),t&&e.set("Authorization","Basic "+btoa((t.username||"")+":"+(t.password?unescape(encodeURIComponent(t.password)):"")));let n;if(b.isFormData(E)){if(sA.hasStandardBrowserEnv||sA.hasStandardBrowserWebWorkerEnv)e.setContentType(void 0);else if((n=e.getContentType())!==!1){const[o,...r]=n?n.split(";").map(i=>i.trim()).filter(Boolean):[];e.setContentType([o||"multipart/form-data",...r].join("; "))}}if(sA.hasStandardBrowserEnv&&(B&&b.isFunction(B)&&(B=B(C)),B||B!==!1&&n4(C.url))){const o=Q&&I&&r4.read(I);o&&e.set(Q,o)}return C},s4=typeof XMLHttpRequest<"u",a4=s4&&function(A){return new Promise(function(E,B){const Q=gQ(A);let I=Q.data;const e=uA.from(Q.headers).normalize();let{responseType:t,onUploadProgress:n,onDownloadProgress:o}=Q,r,i,u,d,s;function l(){d&&d(),s&&s(),Q.cancelToken&&Q.cancelToken.unsubscribe(r),Q.signal&&Q.signal.removeEventListener("abort",r)}let w=new XMLHttpRequest;w.open(Q.method.toUpperCase(),Q.url,!0),w.timeout=Q.timeout;function p(){if(!w)return;const v=uA.from("getAllResponseHeaders"in w&&w.getAllResponseHeaders()),f={data:!t||t==="text"||t==="json"?w.responseText:w.response,status:w.status,statusText:w.statusText,headers:v,config:A,request:w};AQ(function(F){E(F),l()},function(F){B(F),l()},f),w=null}"onloadend"in w?w.onloadend=p:w.onreadystatechange=function(){!w||w.readyState!==4||w.status===0&&!(w.responseURL&&w.responseURL.indexOf("file:")===0)||setTimeout(p)},w.onabort=function(){w&&(B(new AA("Request aborted",AA.ECONNABORTED,A,w)),w=null)},w.onerror=function(){B(new AA("Network Error",AA.ERR_NETWORK,A,w)),w=null},w.ontimeout=function(){let D=Q.timeout?"timeout of "+Q.timeout+"ms exceeded":"timeout exceeded";const f=Q.transitional||ZE;Q.timeoutErrorMessage&&(D=Q.timeoutErrorMessage),B(new AA(D,f.clarifyTimeoutError?AA.ETIMEDOUT:AA.ECONNABORTED,A,w)),w=null},I===void 0&&e.setContentType(null),"setRequestHeader"in w&&b.forEach(e.toJSON(),function(D,f){w.setRequestHeader(f,D)}),b.isUndefined(Q.withCredentials)||(w.withCredentials=!!Q.withCredentials),t&&t!=="json"&&(w.responseType=Q.responseType),o&&([u,s]=jC(o,!0),w.addEventListener("progress",u)),n&&w.upload&&([i,d]=jC(n),w.upload.addEventListener("progress",i),w.upload.addEventListener("loadend",d)),(Q.cancelToken||Q.signal)&&(r=v=>{w&&(B(!v||v.type?new zA(null,A,w):v),w.abort(),w=null)},Q.cancelToken&&Q.cancelToken.subscribe(r),Q.signal&&(Q.signal.aborted?r():Q.signal.addEventListener("abort",r)));const x=I4(Q.url);if(x&&sA.protocols.indexOf(x)===-1){B(new AA("Unsupported protocol "+x+":",AA.ERR_BAD_REQUEST,A));return}w.send(I||null)})},l4=(A,C)=>{const{length:E}=A=A?A.filter(Boolean):[];if(C||E){let B=new AbortController,Q;const I=function(o){if(!Q){Q=!0,t();const r=o instanceof Error?o:this.reason;B.abort(r instanceof AA?r:new zA(r instanceof Error?r.message:r))}};let e=C&&setTimeout(()=>{e=null,I(new AA(`timeout ${C} of ms exceeded`,AA.ETIMEDOUT))},C);const t=()=>{A&&(e&&clearTimeout(e),e=null,A.forEach(o=>{o.unsubscribe?o.unsubscribe(I):o.removeEventListener("abort",I)}),A=null)};A.forEach(o=>o.addEventListener("abort",I));const{signal:n}=B;return n.unsubscribe=()=>b.asap(t),n}},c4=function*(A,C){let E=A.byteLength;if(E<C){yield A;return}let B=0,Q;for(;B<E;)Q=B+C,yield A.slice(B,Q),B=Q},u4=async function*(A,C){for await(const E of d4(A))yield*c4(E,C)},d4=async function*(A){if(A[Symbol.asyncIterator]){yield*A;return}const C=A.getReader();try{for(;;){const{done:E,value:B}=await C.read();if(E)break;yield B}}finally{await C.cancel()}},$B=(A,C,E,B)=>{const Q=u4(A,C);let I=0,e,t=n=>{e||(e=!0,B&&B(n))};return new ReadableStream({async pull(n){try{const{done:o,value:r}=await Q.next();if(o){t(),n.close();return}let i=r.byteLength;if(E){let u=I+=i;E(u)}n.enqueue(new Uint8Array(r))}catch(o){throw t(o),o}},cancel(n){return t(n),Q.return()}},{highWaterMark:2})},OC=typeof fetch=="function"&&typeof Request=="function"&&typeof Response=="function",BQ=OC&&typeof ReadableStream=="function",f4=OC&&(typeof TextEncoder=="function"?(A=>C=>A.encode(C))(new TextEncoder):async A=>new Uint8Array(await new Response(A).arrayBuffer())),EQ=(A,...C)=>{try{return!!A(...C)}catch{return!1}},w4=BQ&&EQ(()=>{let A=!1;const C=new Request(sA.origin,{body:new ReadableStream,method:"POST",get duplex(){return A=!0,"half"}}).headers.has("Content-Type");return A&&!C}),AE=64*1024,vg=BQ&&EQ(()=>b.isReadableStream(new Response("").body)),FC={stream:vg&&(A=>A.body)};OC&&(A=>{["text","arrayBuffer","blob","formData","stream"].forEach(C=>{!FC[C]&&(FC[C]=b.isFunction(A[C])?E=>E[C]():(E,B)=>{throw new AA(`Response type '${C}' is not supported`,AA.ERR_NOT_SUPPORT,B)})})})(new Response);const v4=async A=>{if(A==null)return 0;if(b.isBlob(A))return A.size;if(b.isSpecCompliantForm(A))return(await new Request(sA.origin,{method:"POST",body:A}).arrayBuffer()).byteLength;if(b.isArrayBufferView(A)||b.isArrayBuffer(A))return A.byteLength;if(b.isURLSearchParams(A)&&(A=A+""),b.isString(A))return(await f4(A)).byteLength},h4=async(A,C)=>{const E=b.toFiniteNumber(A.getContentLength());return E??v4(C)},x4=OC&&(async A=>{let{url:C,method:E,data:B,signal:Q,cancelToken:I,timeout:e,onDownloadProgress:t,onUploadProgress:n,responseType:o,headers:r,withCredentials:i="same-origin",fetchOptions:u}=gQ(A);o=o?(o+"").toLowerCase():"text";let d=l4([Q,I&&I.toAbortSignal()],e),s;const l=d&&d.unsubscribe&&(()=>{d.unsubscribe()});let w;try{if(n&&w4&&E!=="get"&&E!=="head"&&(w=await h4(r,B))!==0){let f=new Request(C,{method:"POST",body:B,duplex:"half"}),h;if(b.isFormData(B)&&(h=f.headers.get("content-type"))&&r.setContentType(h),f.body){const[F,M]=qB(w,jC(ZB(n)));B=$B(f.body,AE,F,M)}}b.isString(i)||(i=i?"include":"omit");const p="credentials"in Request.prototype;s=new Request(C,{...u,signal:d,method:E.toUpperCase(),headers:r.normalize().toJSON(),body:B,duplex:"half",credentials:p?i:void 0});let x=await fetch(s,u);const v=vg&&(o==="stream"||o==="response");if(vg&&(t||v&&l)){const f={};["status","statusText","headers"].forEach(N=>{f[N]=x[N]});const h=b.toFiniteNumber(x.headers.get("content-length")),[F,M]=t&&qB(h,jC(ZB(t),!0))||[];x=new Response($B(x.body,AE,F,()=>{M&&M(),l&&l()}),f)}o=o||"text";let D=await FC[b.findKey(FC,o)||"text"](x,A);return!v&&l&&l(),await new Promise((f,h)=>{AQ(f,h,{data:D,headers:uA.from(x.headers),status:x.status,statusText:x.statusText,config:A,request:s})})}catch(p){throw l&&l(),p&&p.name==="TypeError"&&/Load failed|fetch/i.test(p.message)?Object.assign(new AA("Network Error",AA.ERR_NETWORK,A,s),{cause:p.cause||p}):AA.from(p,p&&p.code,A,s)}}),hg={http:K3,xhr:a4,fetch:x4};b.forEach(hg,(A,C)=>{if(A){try{Object.defineProperty(A,"name",{value:C})}catch{}Object.defineProperty(A,"adapterName",{value:C})}});const CE=A=>`- ${A}`,p4=A=>b.isFunction(A)||A===null||A===!1,QQ={getAdapter:A=>{A=b.isArray(A)?A:[A];const{length:C}=A;let E,B;const Q={};for(let I=0;I<C;I++){E=A[I];let e;if(B=E,!p4(E)&&(B=hg[(e=String(E)).toLowerCase()],B===void 0))throw new AA(`Unknown adapter '${e}'`);if(B)break;Q[e||"#"+I]=B}if(!B){const I=Object.entries(Q).map(([t,n])=>`adapter ${t} `+(n===!1?"is not supported by the environment":"is not available in the build"));let e=C?I.length>1?`since :
 `+I.map(CE).join(`

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as react from 'react';
 import react__default, { ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as use_immer from 'use-immer';
 import * as react_use_lib_misc_hookState from 'react-use/lib/misc/hookState';
 import * as mitt from 'mitt';
@@ -97,12 +96,12 @@ interface TypographyProps {
     children: ReactNode;
     className?: string;
 }
-declare const HeadingArticle: ({ children, className }: TypographyProps) => react_jsx_runtime.JSX.Element;
-declare const HeadingPage: ({ children, className }: TypographyProps) => react_jsx_runtime.JSX.Element;
-declare const Heading2: ({ children, className }: TypographyProps) => react_jsx_runtime.JSX.Element;
-declare const Heading3: ({ children, className }: TypographyProps) => react_jsx_runtime.JSX.Element;
-declare const MetaRegular: ({ children, className }: TypographyProps) => react_jsx_runtime.JSX.Element;
-declare const MetaAuthor: ({ children, className }: TypographyProps) => react_jsx_runtime.JSX.Element;
+declare const HeadingArticle: ({ children, className }: TypographyProps) => react__default.JSX.Element;
+declare const HeadingPage: ({ children, className }: TypographyProps) => react__default.JSX.Element;
+declare const Heading2: ({ children, className }: TypographyProps) => react__default.JSX.Element;
+declare const Heading3: ({ children, className }: TypographyProps) => react__default.JSX.Element;
+declare const MetaRegular: ({ children, className }: TypographyProps) => react__default.JSX.Element;
+declare const MetaAuthor: ({ children, className }: TypographyProps) => react__default.JSX.Element;
 
 interface TagProps {
     label: string;
@@ -166,7 +165,7 @@ interface AccordionItemProps {
 }
 declare function AccordionItem({ label, subLabel, content, id, isOpen: controlledIsOpen, onToggle, variant, className, }: AccordionItemProps & {
     variant?: 'default' | 'large';
-}): react_jsx_runtime.JSX.Element;
+}): react__default.JSX.Element;
 interface AccordionProps {
     items: AccordionItemProps[];
     title?: string;
@@ -175,7 +174,7 @@ interface AccordionProps {
     variant?: 'default' | 'large';
     className?: string;
 }
-declare function Accordion({ items, title, titleClassName, allowMultiple, variant, className }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare function Accordion({ items, title, titleClassName, allowMultiple, variant, className }: AccordionProps): react__default.JSX.Element;
 
 interface AlertProps {
     className?: string;
@@ -192,7 +191,7 @@ interface DataFrameItemProps {
     isLoading?: boolean;
     multiline?: boolean;
 }
-declare function DataFrameItem(props: DataFrameItemProps): react_jsx_runtime.JSX.Element;
+declare function DataFrameItem(props: DataFrameItemProps): react.JSX.Element;
 
 interface DataFrameInputField {
     name: string;
@@ -227,12 +226,12 @@ interface DataFrameProps {
     }>;
     isLoading?: boolean;
 }
-declare function DataFrame(props: DataFrameProps): react_jsx_runtime.JSX.Element;
+declare function DataFrame(props: DataFrameProps): react.JSX.Element;
 
 interface DataFramesProps {
     frames: DataFrameProps[];
 }
-declare function DataFrames(props: DataFramesProps): react_jsx_runtime.JSX.Element;
+declare function DataFrames(props: DataFramesProps): react.JSX.Element;
 
 interface InputProps extends react__default.InputHTMLAttributes<HTMLInputElement> {
     value: any;

package/dist/index.es.js

@@ -5586,22 +5586,22 @@ const he = [
   { label: "Gegevens" },
   { label: "Bestelling afronden" }
 ];
-function xe(A, C, E, B) {
-  var n;
-  const Q = FE();
-  if (!Q) {
+function xe(A, C, E) {
+  var t;
+  const B = FE();
+  if (!B) {
     console.error("Anti-forgery token not found in DOM");
     return;
   }
-  const I = document.createElement("form");
-  I.method = "POST", I.action = B, I.style.display = "none";
-  const e = (o, r) => {
-    const i = document.createElement("input");
-    i.type = "hidden", i.name = o, i.value = r, I.appendChild(i);
+  const Q = document.createElement("form");
+  Q.method = "POST", Q.action = E, Q.style.display = "none";
+  const I = (n, o) => {
+    const r = document.createElement("input");
+    r.type = "hidden", r.name = n, r.value = o, Q.appendChild(r);
   };
-  e("__RequestVerificationToken", Q), e("Custom.gender", "3"), e("firstname", A.personalData.initials ?? ""), e("lastnameprefix", A.personalData.middleName ?? ""), e("lastname", A.personalData.lastName ?? ""), e("PostalCode", A.personalData.postcode ?? ""), e("HouseNumber", A.personalData.houseNumber ?? ""), e("HouseNumberSuffix", A.personalData.addition ?? ""), e("EmailAddress", A.personalData.email ?? ""), e("Phonenumber", A.personalData.phone ?? "");
-  const t = A.startDate.split("/");
-  t.length === 3 && (e("startDateDay", t[0]), e("startDateMonth", t[1]), e("startDateYear", t[2])), A.iban && e("Iban", A.iban), e("terms", "true"), e("suboffer_subscription_type_id", A.duration), e("SubscriptionTypeId", C), e("SigningKey", E), e("website", ""), e("description", ""), (n = window.formRecord) != null && n.requestId && e("formSessionId", window.formRecord.requestId), document.body.appendChild(I), I.submit();
+  I("__RequestVerificationToken", B), I("Custom.gender", "3"), I("firstname", A.personalData.initials ?? ""), I("lastnameprefix", A.personalData.middleName ?? ""), I("lastname", A.personalData.lastName ?? ""), I("PostalCode", A.personalData.postcode ?? ""), I("HouseNumber", A.personalData.houseNumber ?? ""), I("HouseNumberSuffix", A.personalData.addition ?? ""), I("EmailAddress", A.personalData.email ?? ""), I("Phonenumber", A.personalData.phone ?? "");
+  const e = A.startDate.split("/");
+  e.length === 3 && (I("startDateDay", e[0]), I("startDateMonth", e[1]), I("startDateYear", e[2])), A.iban && I("Iban", A.iban), I("terms", "true"), I("suboffer_subscription_type_id", A.duration), I("SubscriptionTypeId", A.duration), I("SigningKey", C), I("website", ""), I("description", ""), (t = window.formRecord) != null && t.requestId && I("formSessionId", window.formRecord.requestId), document.body.appendChild(Q), Q.submit();
 }
 const b5 = ({
   phoneNumber: A,
@@ -5726,7 +5726,6 @@ const b5 = ({
     };
     k == null || k(rA), a && Xg && xe(
       rA,
-      a,
       Xg,
       K
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nd-storybook/storybook",
-  "version": "0.3.93",
+  "version": "0.3.94",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",