@nd-storybook/storybook 0.4.4 → 0.4.5

package/dist/index.cjs.js

@@ -116,4 +116,4 @@ Valid keys: `+JSON.stringify(Object.keys(m),null,"  "));var B=Z(U,W,H,D,K+"."+W,
 `)}getSetCookie(){return this.get("set-cookie")||[]}get[Symbol.toStringTag](){return"AxiosHeaders"}static from(t){return t instanceof this?t:new this(t)}static concat(t,...r){const a=new this(t);return r.forEach(s=>a.set(s)),a}static accessor(t){const a=(this[Mr]=this[Mr]={accessors:{}}).accessors,s=this.prototype;function l(i){const o=ft(i);a[o]||(Fd(s,i),a[o]=!0)}return z.isArray(t)?t.forEach(l):l(t),this}};je.accessor(["Content-Type","Content-Length","Accept","Accept-Encoding","User-Agent","Authorization"]);z.reduceDescriptors(je.prototype,({value:e},t)=>{let r=t[0].toUpperCase()+t.slice(1);return{get:()=>e,set(a){this[r]=a}}});z.freezeMethods(je);function _0(e,t){const r=this||St,a=t||r,s=je.from(a.headers);let l=a.data;return z.forEach(e,function(o){l=o.call(r,l,s.normalize(),t?t.status:void 0)}),s.normalize(),l}function La(e){return!!(e&&e.__CANCEL__)}function lt(e,t,r){te.call(this,e??"canceled",te.ERR_CANCELED,t,r),this.name="CanceledError"}z.inherits(lt,te,{__CANCEL__:!0});function Fa(e,t,r){const a=r.config.validateStatus;!r.status||!a||a(r.status)?e(r):t(new te("Request failed with status code "+r.status,[te.ERR_BAD_REQUEST,te.ERR_BAD_RESPONSE][Math.floor(r.status/100)-4],r.config,r.request,r))}function $d(e){const t=/^([-+\w]{1,25})(:?\/\/|:)/.exec(e);return t&&t[1]||""}function Bd(e,t){e=e||10;const r=new Array(e),a=new Array(e);let s=0,l=0,i;return t=t!==void 0?t:1e3,function(c){const u=Date.now(),d=a[l];i||(i=u),r[s]=c,a[s]=u;let f=l,x=0;for(;f!==s;)x+=r[f++],f=f%e;if(s=(s+1)%e,s===l&&(l=(l+1)%e),u-i<t)return;const v=d&&u-d;return v?Math.round(x*1e3/v):void 0}}function Hd(e,t){let r=0,a=1e3/t,s,l;const i=(u,d=Date.now())=>{r=d,s=null,l&&(clearTimeout(l),l=null),e(...u)};return[(...u)=>{const d=Date.now(),f=d-r;f>=a?i(u,d):(s=u,l||(l=setTimeout(()=>{l=null,i(s)},a-f)))},()=>s&&i(s)]}const It=(e,t,r=3)=>{let a=0;const s=Bd(50,250);return Hd(l=>{const i=l.loaded,o=l.lengthComputable?l.total:void 0,c=i-a,u=s(c),d=i<=o;a=i;const f={loaded:i,total:o,progress:o?i/o:void 0,bytes:c,rate:u||void 0,estimated:u&&o&&d?(o-i)/u:void 0,event:l,lengthComputable:o!=null,[t?"download":"upload"]:!0};e(f)},r)},zr=(e,t)=>{const r=e!=null;return[a=>t[0]({lengthComputable:r,total:e,loaded:a}),t[1]]},Or=e=>(...t)=>z.asap(()=>e(...t)),Id=xe.hasStandardBrowserEnv?((e,t)=>r=>(r=new URL(r,xe.origin),e.protocol===r.protocol&&e.host===r.host&&(t||e.port===r.port)))(new URL(xe.origin),xe.navigator&&/(msie|trident)/i.test(xe.navigator.userAgent)):()=>!0,Ud=xe.hasStandardBrowserEnv?{write(e,t,r,a,s,l){const i=[e+"="+encodeURIComponent(t)];z.isNumber(r)&&i.push("expires="+new Date(r).toGMTString()),z.isString(a)&&i.push("path="+a),z.isString(s)&&i.push("domain="+s),l===!0&&i.push("secure"),document.cookie=i.join("; ")},read(e){const t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove(e){this.write(e,"",Date.now()-864e5)}}:{write(){},read(){return null},remove(){}};function Wd(e){return/^([a-z][a-z\d+\-.]*:)?\/\//i.test(e)}function Yd(e,t){return t?e.replace(/\/?\/$/,"")+"/"+t.replace(/^\/+/,""):e}function $a(e,t,r){let a=!Wd(t);return e&&(a||r==!1)?Yd(e,t):t}const Tr=e=>e instanceof je?{...e}:e;function Ue(e,t){t=t||{};const r={};function a(u,d,f,x){return z.isPlainObject(u)&&z.isPlainObject(d)?z.merge.call({caseless:x},u,d):z.isPlainObject(d)?z.merge({},d):z.isArray(d)?d.slice():d}function s(u,d,f,x){if(z.isUndefined(d)){if(!z.isUndefined(u))return a(void 0,u,f,x)}else return a(u,d,f,x)}function l(u,d){if(!z.isUndefined(d))return a(void 0,d)}function i(u,d){if(z.isUndefined(d)){if(!z.isUndefined(u))return a(void 0,u)}else return a(void 0,d)}function o(u,d,f){if(f in t)return a(u,d);if(f in e)return a(void 0,u)}const c={url:l,method:l,data:l,baseURL:i,transformRequest:i,transformResponse:i,paramsSerializer:i,timeout:i,timeoutMessage:i,withCredentials:i,withXSRFToken:i,adapter:i,responseType:i,xsrfCookieName:i,xsrfHeaderName:i,onUploadProgress:i,onDownloadProgress:i,decompress:i,maxContentLength:i,maxBodyLength:i,beforeRedirect:i,transport:i,httpAgent:i,httpsAgent:i,cancelToken:i,socketPath:i,responseEncoding:i,validateStatus:o,headers:(u,d,f)=>s(Tr(u),Tr(d),f,!0)};return z.forEach(Object.keys({...e,...t}),function(d){const f=c[d]||s,x=f(e[d],t[d],d);z.isUndefined(x)&&f!==o||(r[d]=x)}),r}const Ba=e=>{const t=Ue({},e);let{data:r,withXSRFToken:a,xsrfHeaderName:s,xsrfCookieName:l,headers:i,auth:o}=t;t.headers=i=je.from(i),t.url=Da($a(t.baseURL,t.url,t.allowAbsoluteUrls),e.params,e.paramsSerializer),o&&i.set("Authorization","Basic "+btoa((o.username||"")+":"+(o.password?unescape(encodeURIComponent(o.password)):"")));let c;if(z.isFormData(r)){if(xe.hasStandardBrowserEnv||xe.hasStandardBrowserWebWorkerEnv)i.setContentType(void 0);else if((c=i.getContentType())!==!1){const[u,...d]=c?c.split(";").map(f=>f.trim()).filter(Boolean):[];i.setContentType([u||"multipart/form-data",...d].join("; "))}}if(xe.hasStandardBrowserEnv&&(a&&z.isFunction(a)&&(a=a(t)),a||a!==!1&&Id(t.url))){const u=s&&l&&Ud.read(l);u&&i.set(s,u)}return t},Gd=typeof XMLHttpRequest<"u",Kd=Gd&&function(e){return new Promise(function(r,a){const s=Ba(e);let l=s.data;const i=je.from(s.headers).normalize();let{responseType:o,onUploadProgress:c,onDownloadProgress:u}=s,d,f,x,v,g;function w(){v&&v(),g&&g(),s.cancelToken&&s.cancelToken.unsubscribe(d),s.signal&&s.signal.removeEventListener("abort",d)}let p=new XMLHttpRequest;p.open(s.method.toUpperCase(),s.url,!0),p.timeout=s.timeout;function N(){if(!p)return;const j=je.from("getAllResponseHeaders"in p&&p.getAllResponseHeaders()),b={data:!o||o==="text"||o==="json"?p.responseText:p.response,status:p.status,statusText:p.statusText,headers:j,config:e,request:p};Fa(function(A){r(A),w()},function(A){a(A),w()},b),p=null}"onloadend"in p?p.onloadend=N:p.onreadystatechange=function(){!p||p.readyState!==4||p.status===0&&!(p.responseURL&&p.responseURL.indexOf("file:")===0)||setTimeout(N)},p.onabort=function(){p&&(a(new te("Request aborted",te.ECONNABORTED,e,p)),p=null)},p.onerror=function(){a(new te("Network Error",te.ERR_NETWORK,e,p)),p=null},p.ontimeout=function(){let S=s.timeout?"timeout of "+s.timeout+"ms exceeded":"timeout exceeded";const b=s.transitional||Ra;s.timeoutErrorMessage&&(S=s.timeoutErrorMessage),a(new te(S,b.clarifyTimeoutError?te.ETIMEDOUT:te.ECONNABORTED,e,p)),p=null},l===void 0&&i.setContentType(null),"setRequestHeader"in p&&z.forEach(i.toJSON(),function(S,b){p.setRequestHeader(b,S)}),z.isUndefined(s.withCredentials)||(p.withCredentials=!!s.withCredentials),o&&o!=="json"&&(p.responseType=s.responseType),u&&([x,g]=It(u,!0),p.addEventListener("progress",x)),c&&p.upload&&([f,v]=It(c),p.upload.addEventListener("progress",f),p.upload.addEventListener("loadend",v)),(s.cancelToken||s.signal)&&(d=j=>{p&&(a(!j||j.type?new lt(null,e,p):j),p.abort(),p=null)},s.cancelToken&&s.cancelToken.subscribe(d),s.signal&&(s.signal.aborted?d():s.signal.addEventListener("abort",d)));const y=$d(s.url);if(y&&xe.protocols.indexOf(y)===-1){a(new te("Unsupported protocol "+y+":",te.ERR_BAD_REQUEST,e));return}p.send(l||null)})},Jd=(e,t)=>{const{length:r}=e=e?e.filter(Boolean):[];if(t||r){let a=new AbortController,s;const l=function(u){if(!s){s=!0,o();const d=u instanceof Error?u:this.reason;a.abort(d instanceof te?d:new lt(d instanceof Error?d.message:d))}};let i=t&&setTimeout(()=>{i=null,l(new te(`timeout ${t} of ms exceeded`,te.ETIMEDOUT))},t);const o=()=>{e&&(i&&clearTimeout(i),i=null,e.forEach(u=>{u.unsubscribe?u.unsubscribe(l):u.removeEventListener("abort",l)}),e=null)};e.forEach(u=>u.addEventListener("abort",l));const{signal:c}=a;return c.unsubscribe=()=>z.asap(o),c}},Zd=function*(e,t){let r=e.byteLength;if(r<t){yield e;return}let a=0,s;for(;a<r;)s=a+t,yield e.slice(a,s),a=s},Xd=async function*(e,t){for await(const r of Qd(e))yield*Zd(r,t)},Qd=async function*(e){if(e[Symbol.asyncIterator]){yield*e;return}const t=e.getReader();try{for(;;){const{done:r,value:a}=await t.read();if(r)break;yield a}}finally{await t.cancel()}},qr=(e,t,r,a)=>{const s=Xd(e,t);let l=0,i,o=c=>{i||(i=!0,a&&a(c))};return new ReadableStream({async pull(c){try{const{done:u,value:d}=await s.next();if(u){o(),c.close();return}let f=d.byteLength;if(r){let x=l+=f;r(x)}c.enqueue(new Uint8Array(d))}catch(u){throw o(u),u}},cancel(c){return o(c),s.return()}},{highWaterMark:2})},t0=typeof fetch=="function"&&typeof Request=="function"&&typeof Response=="function",Ha=t0&&typeof ReadableStream=="function",e1=t0&&(typeof TextEncoder=="function"?(e=>t=>e.encode(t))(new TextEncoder):async e=>new Uint8Array(await new Response(e).arrayBuffer())),Ia=(e,...t)=>{try{return!!e(...t)}catch{return!1}},t1=Ha&&Ia(()=>{let e=!1;const t=new Request(xe.origin,{body:new ReadableStream,method:"POST",get duplex(){return e=!0,"half"}}).headers.has("Content-Type");return e&&!t}),Pr=64*1024,$0=Ha&&Ia(()=>z.isReadableStream(new Response("").body)),Ut={stream:$0&&(e=>e.body)};t0&&(e=>{["text","arrayBuffer","blob","formData","stream"].forEach(t=>{!Ut[t]&&(Ut[t]=z.isFunction(e[t])?r=>r[t]():(r,a)=>{throw new te(`Response type '${t}' is not supported`,te.ERR_NOT_SUPPORT,a)})})})(new Response);const n1=async e=>{if(e==null)return 0;if(z.isBlob(e))return e.size;if(z.isSpecCompliantForm(e))return(await new Request(xe.origin,{method:"POST",body:e}).arrayBuffer()).byteLength;if(z.isArrayBufferView(e)||z.isArrayBuffer(e))return e.byteLength;if(z.isURLSearchParams(e)&&(e=e+""),z.isString(e))return(await e1(e)).byteLength},r1=async(e,t)=>{const r=z.toFiniteNumber(e.getContentLength());return r??n1(t)},a1=t0&&(async e=>{let{url:t,method:r,data:a,signal:s,cancelToken:l,timeout:i,onDownloadProgress:o,onUploadProgress:c,responseType:u,headers:d,withCredentials:f="same-origin",fetchOptions:x}=Ba(e);u=u?(u+"").toLowerCase():"text";let v=Jd([s,l&&l.toAbortSignal()],i),g;const w=v&&v.unsubscribe&&(()=>{v.unsubscribe()});let p;try{if(c&&t1&&r!=="get"&&r!=="head"&&(p=await r1(d,a))!==0){let b=new Request(t,{method:"POST",body:a,duplex:"half"}),k;if(z.isFormData(a)&&(k=b.headers.get("content-type"))&&d.setContentType(k),b.body){const[A,V]=zr(p,It(Or(c)));a=qr(b.body,Pr,A,V)}}z.isString(f)||(f=f?"include":"omit");const N="credentials"in Request.prototype;g=new Request(t,{...x,signal:v,method:r.toUpperCase(),headers:d.normalize().toJSON(),body:a,duplex:"half",credentials:N?f:void 0});let y=await fetch(g,x);const j=$0&&(u==="stream"||u==="response");if($0&&(o||j&&w)){const b={};["status","statusText","headers"].forEach($=>{b[$]=y[$]});const k=z.toFiniteNumber(y.headers.get("content-length")),[A,V]=o&&zr(k,It(Or(o),!0))||[];y=new Response(qr(y.body,Pr,A,()=>{V&&V(),w&&w()}),b)}u=u||"text";let S=await Ut[z.findKey(Ut,u)||"text"](y,e);return!j&&w&&w(),await new Promise((b,k)=>{Fa(b,k,{data:S,headers:je.from(y.headers),status:y.status,statusText:y.statusText,config:e,request:g})})}catch(N){throw w&&w(),N&&N.name==="TypeError"&&/Load failed|fetch/i.test(N.message)?Object.assign(new te("Network Error",te.ERR_NETWORK,e,g),{cause:N.cause||N}):te.from(N,N&&N.code,e,g)}}),B0={http:bd,xhr:Kd,fetch:a1};z.forEach(B0,(e,t)=>{if(e){try{Object.defineProperty(e,"name",{value:t})}catch{}Object.defineProperty(e,"adapterName",{value:t})}});const Dr=e=>`- ${e}`,s1=e=>z.isFunction(e)||e===null||e===!1,Ua={getAdapter:e=>{e=z.isArray(e)?e:[e];const{length:t}=e;let r,a;const s={};for(let l=0;l<t;l++){r=e[l];let i;if(a=r,!s1(r)&&(a=B0[(i=String(r)).toLowerCase()],a===void 0))throw new te(`Unknown adapter '${i}'`);if(a)break;s[i||"#"+l]=a}if(!a){const l=Object.entries(s).map(([o,c])=>`adapter ${o} `+(c===!1?"is not supported by the environment":"is not available in the build"));let i=t?l.length>1?`since :
 `+l.map(Dr).join(`
 `):" "+Dr(l[0]):"as no adapter specified";throw new te("There is no suitable adapter to dispatch the request "+i,"ERR_NOT_SUPPORT")}return a},adapters:B0};function M0(e){if(e.cancelToken&&e.cancelToken.throwIfRequested(),e.signal&&e.signal.aborted)throw new lt(null,e)}function Rr(e){return M0(e),e.headers=je.from(e.headers),e.data=_0.call(e,e.transformRequest),["post","put","patch"].indexOf(e.method)!==-1&&e.headers.setContentType("application/x-www-form-urlencoded",!1),Ua.getAdapter(e.adapter||St.adapter)(e).then(function(a){return M0(e),a.data=_0.call(e,e.transformResponse,a),a.headers=je.from(a.headers),a},function(a){return La(a)||(M0(e),a&&a.response&&(a.response.data=_0.call(e,e.transformResponse,a.response),a.response.headers=je.from(a.response.headers))),Promise.reject(a)})}const Wa="1.11.0",n0={};["object","boolean","number","function","string","symbol"].forEach((e,t)=>{n0[e]=function(a){return typeof a===e||"a"+(t<1?"n ":" ")+e}});const Vr={};n0.transitional=function(t,r,a){function s(l,i){return"[Axios v"+Wa+"] Transitional option '"+l+"'"+i+(a?". "+a:"")}return(l,i,o)=>{if(t===!1)throw new te(s(i," has been removed"+(r?" in "+r:"")),te.ERR_DEPRECATED);return r&&!Vr[i]&&(Vr[i]=!0,console.warn(s(i," has been deprecated since v"+r+" and will be removed in the near future"))),t?t(l,i,o):!0}};n0.spelling=function(t){return(r,a)=>(console.warn(`${a} is likely a misspelling of ${t}`),!0)};function l1(e,t,r){if(typeof e!="object")throw new te("options must be an object",te.ERR_BAD_OPTION_VALUE);const a=Object.keys(e);let s=a.length;for(;s-- >0;){const l=a[s],i=t[l];if(i){const o=e[l],c=o===void 0||i(o,l,e);if(c!==!0)throw new te("option "+l+" must be "+c,te.ERR_BAD_OPTION_VALUE);continue}if(r!==!0)throw new te("Unknown option "+l,te.ERR_BAD_OPTION)}}const Bt={assertOptions:l1,validators:n0},Te=Bt.validators;let He=class{constructor(t){this.defaults=t||{},this.interceptors={request:new _r,response:new _r}}async request(t,r){try{return await this._request(t,r)}catch(a){if(a instanceof Error){let s={};Error.captureStackTrace?Error.captureStackTrace(s):s=new Error;const l=s.stack?s.stack.replace(/^.+\n/,""):"";try{a.stack?l&&!String(a.stack).endsWith(l.replace(/^.+\n.+\n/,""))&&(a.stack+=`
-`+l):a.stack=l}catch{}}throw a}}_request(t,r){typeof t=="string"?(r=r||{},r.url=t):r=t||{},r=Ue(this.defaults,r);const{transitional:a,paramsSerializer:s,headers:l}=r;a!==void 0&&Bt.assertOptions(a,{silentJSONParsing:Te.transitional(Te.boolean),forcedJSONParsing:Te.transitional(Te.boolean),clarifyTimeoutError:Te.transitional(Te.boolean)},!1),s!=null&&(z.isFunction(s)?r.paramsSerializer={serialize:s}:Bt.assertOptions(s,{encode:Te.function,serialize:Te.function},!0)),r.allowAbsoluteUrls!==void 0||(this.defaults.allowAbsoluteUrls!==void 0?r.allowAbsoluteUrls=this.defaults.allowAbsoluteUrls:r.allowAbsoluteUrls=!0),Bt.assertOptions(r,{baseUrl:Te.spelling("baseURL"),withXsrfToken:Te.spelling("withXSRFToken")},!0),r.method=(r.method||this.defaults.method||"get").toLowerCase();let i=l&&z.merge(l.common,l[r.method]);l&&z.forEach(["delete","get","head","post","put","patch","common"],g=>{delete l[g]}),r.headers=je.concat(i,l);const o=[];let c=!0;this.interceptors.request.forEach(function(w){typeof w.runWhen=="function"&&w.runWhen(r)===!1||(c=c&&w.synchronous,o.unshift(w.fulfilled,w.rejected))});const u=[];this.interceptors.response.forEach(function(w){u.push(w.fulfilled,w.rejected)});let d,f=0,x;if(!c){const g=[Rr.bind(this),void 0];for(g.unshift(...o),g.push(...u),x=g.length,d=Promise.resolve(r);f<x;)d=d.then(g[f++],g[f++]);return d}x=o.length;let v=r;for(f=0;f<x;){const g=o[f++],w=o[f++];try{v=g(v)}catch(p){w.call(this,p);break}}try{d=Rr.call(this,v)}catch(g){return Promise.reject(g)}for(f=0,x=u.length;f<x;)d=d.then(u[f++],u[f++]);return d}getUri(t){t=Ue(this.defaults,t);const r=$a(t.baseURL,t.url,t.allowAbsoluteUrls);return Da(r,t.params,t.paramsSerializer)}};z.forEach(["delete","get","head","options"],function(t){He.prototype[t]=function(r,a){return this.request(Ue(a||{},{method:t,url:r,data:(a||{}).data}))}});z.forEach(["post","put","patch"],function(t){function r(a){return function(l,i,o){return this.request(Ue(o||{},{method:t,headers:a?{"Content-Type":"multipart/form-data"}:{},url:l,data:i}))}}He.prototype[t]=r(),He.prototype[t+"Form"]=r(!0)});let i1=class Ya{constructor(t){if(typeof t!="function")throw new TypeError("executor must be a function.");let r;this.promise=new Promise(function(l){r=l});const a=this;this.promise.then(s=>{if(!a._listeners)return;let l=a._listeners.length;for(;l-- >0;)a._listeners[l](s);a._listeners=null}),this.promise.then=s=>{let l;const i=new Promise(o=>{a.subscribe(o),l=o}).then(s);return i.cancel=function(){a.unsubscribe(l)},i},t(function(l,i,o){a.reason||(a.reason=new lt(l,i,o),r(a.reason))})}throwIfRequested(){if(this.reason)throw this.reason}subscribe(t){if(this.reason){t(this.reason);return}this._listeners?this._listeners.push(t):this._listeners=[t]}unsubscribe(t){if(!this._listeners)return;const r=this._listeners.indexOf(t);r!==-1&&this._listeners.splice(r,1)}toAbortSignal(){const t=new AbortController,r=a=>{t.abort(a)};return this.subscribe(r),t.signal.unsubscribe=()=>this.unsubscribe(r),t.signal}static source(){let t;return{token:new Ya(function(s){t=s}),cancel:t}}};function o1(e){return function(r){return e.apply(null,r)}}function c1(e){return z.isObject(e)&&e.isAxiosError===!0}const H0={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511};Object.entries(H0).forEach(([e,t])=>{H0[t]=e});function Ga(e){const t=new He(e),r=Na(He.prototype.request,t);return z.extend(r,He.prototype,t,{allOwnKeys:!0}),z.extend(r,t,null,{allOwnKeys:!0}),r.create=function(s){return Ga(Ue(e,s))},r}const ie=Ga(St);ie.Axios=He;ie.CanceledError=lt;ie.CancelToken=i1;ie.isCancel=La;ie.VERSION=Wa;ie.toFormData=e0;ie.AxiosError=te;ie.Cancel=ie.CanceledError;ie.all=function(t){return Promise.all(t)};ie.spread=o1;ie.isAxiosError=c1;ie.mergeConfig=Ue;ie.AxiosHeaders=je;ie.formToJSON=e=>Va(z.isHTMLForm(e)?new FormData(e):e);ie.getAdapter=Ua.getAdapter;ie.HttpStatusCode=H0;ie.default=ie;const{Axios:iu,AxiosError:ou,CanceledError:cu,isCancel:du,CancelToken:uu,VERSION:fu,all:hu,Cancel:mu,isAxiosError:gu,spread:pu,toFormData:xu,AxiosHeaders:vu,HttpStatusCode:bu,formToJSON:wu,getAdapter:ju,mergeConfig:yu}=ie,Lr=e=>typeof e=="function"?e():e;function d1(e){const[t,r]=h.useState(!1),[a,s]=h.useState(!1),[l,i]=h.useState(null),[o,c]=h.useState(null),u=h.useCallback(async()=>{r(!0),c(null);const x=Lr(e.params)??{},v=e.dataKey||"data";try{const g=await ie.get(Lr(e.url),{params:x}),w=g.data[v];return i(w),e.onFetched&&e.onFetched(g),w}catch(g){const w=g instanceof Error?g:new Error("An unknown error occurred");throw c(w),console.error(w),w}finally{r(!1)}},[e]),d=h.useCallback(async()=>{if(!a)return u().then(()=>s(!0))},[a,u]),f=h.useCallback(()=>{r(!1),s(!1),i(null),c(null)},[]);return h.useEffect(()=>{e.initialFetch&&d()},[d,e.initialFetch]),{isLoading:t,isInitialized:a,data:l,error:o,isEmpty:a&&!t&&!l,initialize:d,fetch:u,clear:f}}const Fr=e=>typeof e=="function"?e():e;function u1(e){const[t,r]=h.useState(!1),[a,s]=h.useState(!1),[l,i]=h.useState(null),[o,c]=h.useState(null),u=h.useMemo(()=>a&&!t&&(l==null?void 0:l.length)===0,[a,t,l]),d=h.useCallback(async(v=!1)=>{r(!0),v&&(o.current_page=1);const g={...Fr(e.params)??{},...o!=null&&o.current_page?{page:o.current_page}:{}};return ie.get(Fr(e.url),{params:g}).then(w=>{var p;i(w.data.users??w.data.data),w.data.meta&&c(w.data.meta),(p=e.onFetched)==null||p.call(e,w)}).catch(w=>{throw console.error(w),w}).finally(()=>{r(!1)})},[e,o==null?void 0:o.current_page]),f=h.useCallback(async()=>{if(!a)return d().then(()=>s(!0))},[a,d]),x=h.useCallback(()=>{r(!1),s(!1),i(null),c(null)},[]);return{isLoading:t,isInitialized:a,data:l,meta:o,isEmpty:u,initialize:f,fetch:d,clear:x}}var Ka=Symbol.for("immer-nothing"),$r=Symbol.for("immer-draftable"),Ne=Symbol.for("immer-state"),f1=process.env.NODE_ENV!=="production"?[function(e){return`The plugin for '${e}' has not been loaded into Immer. To enable the plugin, import and call \`enable${e}()\` when initializing your application.`},function(e){return`produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '${e}'`},"This object has been frozen and should not be mutated",function(e){return"Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? "+e},"An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.","Immer forbids circular references","The first or second argument to `produce` must be a function","The third argument to `produce` must be a function or undefined","First argument to `createDraft` must be a plain object, an array, or an immerable object","First argument to `finishDraft` must be a draft returned by `createDraft`",function(e){return`'current' expects a draft, got: ${e}`},"Object.defineProperty() cannot be used on an Immer draft","Object.setPrototypeOf() cannot be used on an Immer draft","Immer only supports deleting array indices","Immer only supports setting array indices and the 'length' property",function(e){return`'original' expects a draft, got: ${e}`}]:[];function be(e,...t){if(process.env.NODE_ENV!=="production"){const r=f1[e],a=typeof r=="function"?r.apply(null,t):r;throw new Error(`[Immer] ${a}`)}throw new Error(`[Immer] minified error nr: ${e}. Full error at: https://bit.ly/3cXEKWf`)}var nt=Object.getPrototypeOf;function rt(e){return!!e&&!!e[Ne]}function We(e){var t;return e?Ja(e)||Array.isArray(e)||!!e[$r]||!!((t=e.constructor)!=null&&t[$r])||a0(e)||s0(e):!1}var h1=Object.prototype.constructor.toString();function Ja(e){if(!e||typeof e!="object")return!1;const t=nt(e);if(t===null)return!0;const r=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return r===Object?!0:typeof r=="function"&&Function.toString.call(r)===h1}function Wt(e,t){r0(e)===0?Reflect.ownKeys(e).forEach(r=>{t(r,e[r],e)}):e.forEach((r,a)=>t(a,r,e))}function r0(e){const t=e[Ne];return t?t.type_:Array.isArray(e)?1:a0(e)?2:s0(e)?3:0}function I0(e,t){return r0(e)===2?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function Za(e,t,r){const a=r0(e);a===2?e.set(t,r):a===3?e.add(r):e[t]=r}function m1(e,t){return e===t?e!==0||1/e===1/t:e!==e&&t!==t}function a0(e){return e instanceof Map}function s0(e){return e instanceof Set}function Fe(e){return e.copy_||e.base_}function U0(e,t){if(a0(e))return new Map(e);if(s0(e))return new Set(e);if(Array.isArray(e))return Array.prototype.slice.call(e);const r=Ja(e);if(t===!0||t==="class_only"&&!r){const a=Object.getOwnPropertyDescriptors(e);delete a[Ne];let s=Reflect.ownKeys(a);for(let l=0;l<s.length;l++){const i=s[l],o=a[i];o.writable===!1&&(o.writable=!0,o.configurable=!0),(o.get||o.set)&&(a[i]={configurable:!0,writable:!0,enumerable:o.enumerable,value:e[i]})}return Object.create(nt(e),a)}else{const a=nt(e);if(a!==null&&r)return{...e};const s=Object.create(a);return Object.assign(s,e)}}function gt(e,t=!1){return l0(e)||rt(e)||!We(e)||(r0(e)>1&&(e.set=e.add=e.clear=e.delete=g1),Object.freeze(e),t&&Object.entries(e).forEach(([r,a])=>gt(a,!0))),e}function g1(){be(2)}function l0(e){return Object.isFrozen(e)}var p1={};function Ye(e){const t=p1[e];return t||be(0,e),t}var pt;function Xa(){return pt}function x1(e,t){return{drafts_:[],parent_:e,immer_:t,canAutoFreeze_:!0,unfinalizedDrafts_:0}}function Br(e,t){t&&(Ye("Patches"),e.patches_=[],e.inversePatches_=[],e.patchListener_=t)}function W0(e){Y0(e),e.drafts_.forEach(v1),e.drafts_=null}function Y0(e){e===pt&&(pt=e.parent_)}function Hr(e){return pt=x1(pt,e)}function v1(e){const t=e[Ne];t.type_===0||t.type_===1?t.revoke_():t.revoked_=!0}function Ir(e,t){t.unfinalizedDrafts_=t.drafts_.length;const r=t.drafts_[0];return e!==void 0&&e!==r?(r[Ne].modified_&&(W0(t),be(4)),We(e)&&(e=Yt(t,e),t.parent_||Gt(t,e)),t.patches_&&Ye("Patches").generateReplacementPatches_(r[Ne].base_,e,t.patches_,t.inversePatches_)):e=Yt(t,r,[]),W0(t),t.patches_&&t.patchListener_(t.patches_,t.inversePatches_),e!==Ka?e:void 0}function Yt(e,t,r){if(l0(t))return t;const a=t[Ne];if(!a)return Wt(t,(s,l)=>Ur(e,a,t,s,l,r)),t;if(a.scope_!==e)return t;if(!a.modified_)return Gt(e,a.base_,!0),a.base_;if(!a.finalized_){a.finalized_=!0,a.scope_.unfinalizedDrafts_--;const s=a.copy_;let l=s,i=!1;a.type_===3&&(l=new Set(s),s.clear(),i=!0),Wt(l,(o,c)=>Ur(e,a,s,o,c,r,i)),Gt(e,s,!1),r&&e.patches_&&Ye("Patches").generatePatches_(a,r,e.patches_,e.inversePatches_)}return a.copy_}function Ur(e,t,r,a,s,l,i){if(process.env.NODE_ENV!=="production"&&s===r&&be(5),rt(s)){const o=l&&t&&t.type_!==3&&!I0(t.assigned_,a)?l.concat(a):void 0,c=Yt(e,s,o);if(Za(r,a,c),rt(c))e.canAutoFreeze_=!1;else return}else i&&r.add(s);if(We(s)&&!l0(s)){if(!e.immer_.autoFreeze_&&e.unfinalizedDrafts_<1)return;Yt(e,s),(!t||!t.scope_.parent_)&&typeof a!="symbol"&&Object.prototype.propertyIsEnumerable.call(r,a)&&Gt(e,s)}}function Gt(e,t,r=!1){!e.parent_&&e.immer_.autoFreeze_&&e.canAutoFreeze_&&gt(t,r)}function b1(e,t){const r=Array.isArray(e),a={type_:r?1:0,scope_:t?t.scope_:Xa(),modified_:!1,finalized_:!1,assigned_:{},parent_:t,base_:e,draft_:null,copy_:null,revoke_:null,isManual_:!1};let s=a,l=cn;r&&(s=[a],l=xt);const{revoke:i,proxy:o}=Proxy.revocable(s,l);return a.draft_=o,a.revoke_=i,o}var cn={get(e,t){if(t===Ne)return e;const r=Fe(e);if(!I0(r,t))return w1(e,r,t);const a=r[t];return e.finalized_||!We(a)?a:a===z0(e.base_,t)?(O0(e),e.copy_[t]=K0(a,e)):a},has(e,t){return t in Fe(e)},ownKeys(e){return Reflect.ownKeys(Fe(e))},set(e,t,r){const a=Qa(Fe(e),t);if(a!=null&&a.set)return a.set.call(e.draft_,r),!0;if(!e.modified_){const s=z0(Fe(e),t),l=s==null?void 0:s[Ne];if(l&&l.base_===r)return e.copy_[t]=r,e.assigned_[t]=!1,!0;if(m1(r,s)&&(r!==void 0||I0(e.base_,t)))return!0;O0(e),G0(e)}return e.copy_[t]===r&&(r!==void 0||t in e.copy_)||Number.isNaN(r)&&Number.isNaN(e.copy_[t])||(e.copy_[t]=r,e.assigned_[t]=!0),!0},deleteProperty(e,t){return z0(e.base_,t)!==void 0||t in e.base_?(e.assigned_[t]=!1,O0(e),G0(e)):delete e.assigned_[t],e.copy_&&delete e.copy_[t],!0},getOwnPropertyDescriptor(e,t){const r=Fe(e),a=Reflect.getOwnPropertyDescriptor(r,t);return a&&{writable:!0,configurable:e.type_!==1||t!=="length",enumerable:a.enumerable,value:r[t]}},defineProperty(){be(11)},getPrototypeOf(e){return nt(e.base_)},setPrototypeOf(){be(12)}},xt={};Wt(cn,(e,t)=>{xt[e]=function(){return arguments[0]=arguments[0][0],t.apply(this,arguments)}});xt.deleteProperty=function(e,t){return process.env.NODE_ENV!=="production"&&isNaN(parseInt(t))&&be(13),xt.set.call(this,e,t,void 0)};xt.set=function(e,t,r){return process.env.NODE_ENV!=="production"&&t!=="length"&&isNaN(parseInt(t))&&be(14),cn.set.call(this,e[0],t,r,e[0])};function z0(e,t){const r=e[Ne];return(r?Fe(r):e)[t]}function w1(e,t,r){var s;const a=Qa(t,r);return a?"value"in a?a.value:(s=a.get)==null?void 0:s.call(e.draft_):void 0}function Qa(e,t){if(!(t in e))return;let r=nt(e);for(;r;){const a=Object.getOwnPropertyDescriptor(r,t);if(a)return a;r=nt(r)}}function G0(e){e.modified_||(e.modified_=!0,e.parent_&&G0(e.parent_))}function O0(e){e.copy_||(e.copy_=U0(e.base_,e.scope_.immer_.useStrictShallowCopy_))}var j1=class{constructor(e){this.autoFreeze_=!0,this.useStrictShallowCopy_=!1,this.produce=(t,r,a)=>{if(typeof t=="function"&&typeof r!="function"){const l=r;r=t;const i=this;return function(c=l,...u){return i.produce(c,d=>r.call(this,d,...u))}}typeof r!="function"&&be(6),a!==void 0&&typeof a!="function"&&be(7);let s;if(We(t)){const l=Hr(this),i=K0(t,void 0);let o=!0;try{s=r(i),o=!1}finally{o?W0(l):Y0(l)}return Br(l,a),Ir(s,l)}else if(!t||typeof t!="object"){if(s=r(t),s===void 0&&(s=t),s===Ka&&(s=void 0),this.autoFreeze_&&gt(s,!0),a){const l=[],i=[];Ye("Patches").generateReplacementPatches_(t,s,l,i),a(l,i)}return s}else be(1,t)},this.produceWithPatches=(t,r)=>{if(typeof t=="function")return(i,...o)=>this.produceWithPatches(i,c=>t(c,...o));let a,s;return[this.produce(t,r,(i,o)=>{a=i,s=o}),a,s]},typeof(e==null?void 0:e.autoFreeze)=="boolean"&&this.setAutoFreeze(e.autoFreeze),typeof(e==null?void 0:e.useStrictShallowCopy)=="boolean"&&this.setUseStrictShallowCopy(e.useStrictShallowCopy)}createDraft(e){We(e)||be(8),rt(e)&&(e=y1(e));const t=Hr(this),r=K0(e,void 0);return r[Ne].isManual_=!0,Y0(t),r}finishDraft(e,t){const r=e&&e[Ne];(!r||!r.isManual_)&&be(9);const{scope_:a}=r;return Br(a,t),Ir(void 0,a)}setAutoFreeze(e){this.autoFreeze_=e}setUseStrictShallowCopy(e){this.useStrictShallowCopy_=e}applyPatches(e,t){let r;for(r=t.length-1;r>=0;r--){const s=t[r];if(s.path.length===0&&s.op==="replace"){e=s.value;break}}r>-1&&(t=t.slice(r+1));const a=Ye("Patches").applyPatches_;return rt(e)?a(e,t):this.produce(e,s=>a(s,t))}};function K0(e,t){const r=a0(e)?Ye("MapSet").proxyMap_(e,t):s0(e)?Ye("MapSet").proxySet_(e,t):b1(e,t);return(t?t.scope_:Xa()).drafts_.push(r),r}function y1(e){return rt(e)||be(10,e),es(e)}function es(e){if(!We(e)||l0(e))return e;const t=e[Ne];let r;if(t){if(!t.modified_)return t.base_;t.finalized_=!0,r=U0(e,t.scope_.immer_.useStrictShallowCopy_)}else r=U0(e,!0);return Wt(r,(a,s)=>{Za(r,a,es(s))}),t&&(t.finalized_=!1),r}var Se=new j1,k1=Se.produce;Se.produceWithPatches.bind(Se);Se.setAutoFreeze.bind(Se);Se.setUseStrictShallowCopy.bind(Se);Se.applyPatches.bind(Se);Se.createDraft.bind(Se);Se.finishDraft.bind(Se);function N1(e){var t=h.useState(function(){return gt(e,!0)}),r=t[1];return[t[0],h.useCallback(function(a){r(typeof a=="function"?k1(a):gt(a))},[])]}const Wr=e=>typeof e=="function"?e():e;function S1(e){const[t,r]=h.useState(!1),[a,s]=h.useState(!1),[l,i]=N1(null),o=h.useCallback(async d=>{if(!a)return c(d).then(()=>s(!0))},[a]),c=h.useCallback(async(d={})=>(r(!0),(e.request?e.request():ie.get(Wr(d.url)??Wr(e.url),{params:d.params})).then(f=>{if(d.silent)return f;i(f.data)}).catch(f=>{throw f}).finally(()=>{r(!1)})),[e]),u=h.useCallback(()=>{r(!1),s(!1),i(null)},[]);return{isLoading:t,isInitialized:a,setIsInitialized:s,factory:l,setFactory:i,initialize:o,fetchFactory:c,clear:u}}const Yr=e=>typeof e=="function"?e():e;function C1(e){const[t,r]=h.useState(!1),[a,s]=h.useState({}),l=h.useMemo(()=>Object.keys(a).length>0,[a]),i=h.useCallback(async(c,u={})=>(r(!0),s({}),(e.request?e.request(c):ie.post(Yr(u.url)??Yr(e.url),c)).then(f=>{var x;return(x=e.onSuccess)==null||x.call(e,f),f}).catch(f=>{var x,v,g;throw(x=e.onError)==null||x.call(e,f),((v=f.response)==null?void 0:v.status)===422&&(s(f.response.data.errors),(g=e.onValidationError)==null||g.call(e,f.response.data.errors)),f}).finally(()=>{r(!1)})),[e]),o=h.useCallback(()=>{r(!1),s({})},[]);return{isLoading:t,errors:a,setErrors:s,hasErrors:l,submit:i,clear:o}}const he=[];for(let e=0;e<256;++e)he.push((e+256).toString(16).slice(1));function E1(e,t=0){return(he[e[t+0]]+he[e[t+1]]+he[e[t+2]]+he[e[t+3]]+"-"+he[e[t+4]]+he[e[t+5]]+"-"+he[e[t+6]]+he[e[t+7]]+"-"+he[e[t+8]]+he[e[t+9]]+"-"+he[e[t+10]]+he[e[t+11]]+he[e[t+12]]+he[e[t+13]]+he[e[t+14]]+he[e[t+15]]).toLowerCase()}let T0;const A1=new Uint8Array(16);function _1(){if(!T0){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");T0=crypto.getRandomValues.bind(crypto)}return T0(A1)}const M1=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),Gr={randomUUID:M1};function z1(e,t,r){var s;if(Gr.randomUUID&&!e)return Gr.randomUUID();e=e||{};const a=e.random??((s=e.rng)==null?void 0:s.call(e))??_1();if(a.length<16)throw new Error("Random bytes length must be >= 16");return a[6]=a[6]&15|64,a[8]=a[8]&63|128,E1(a)}function O1(e){return{all:e=e||new Map,on:function(t,r){var a=e.get(t);a?a.push(r):e.set(t,[r])},off:function(t,r){var a=e.get(t);a&&(r?a.splice(a.indexOf(r)>>>0,1):e.set(t,[]))},emit:function(t,r){var a=e.get(t);a&&a.slice().map(function(s){s(r)}),(a=e.get("*"))&&a.slice().map(function(s){s(t,r)})}}}const vt=O1(),at=[],bt=[],T1=(e,t)=>{at.some(r=>r.key===e)||at.push({key:e,component:t})},q1=(e,t={})=>{console.log("open",at,e);const r=at.find(s=>s.key===e);if(!r)return;const a=z1();return bt.push({id:a,key:r.key,component:r.component,props:t}),vt.emit("update-modals"),a},P1=e=>{console.log("close",e);const t=bt.findIndex(r=>r.id===e);t!==-1&&(bt.splice(t,1),vt.emit("update-modals"))};function D1(){const[e,t]=h.useState([...at]),[r,a]=h.useState([...bt]);return h.useEffect(()=>{const s=()=>{t([...at]),a([...bt])};return vt.on("update-modals",s),()=>vt.off("update-modals",s)},[]),{modals:e,activeModals:r,registerModal:T1,open:q1,close:P1}}var R1=typeof window<"u";function V1(e,t){return typeof e=="function"?e.length?e(t):e():e}var L1=R1?h.useLayoutEffect:h.useEffect,F1=function(e){h.useEffect(e,[])};function $1(e){var t={state:e instanceof Function?e():e,setState:function(r){t.state=V1(r,t.state),t.setters.forEach(function(a){return a(t.state)})},setters:[]};return function(){var r=h.useState(t.state),a=r[0],s=r[1];return F1(function(){return function(){t.setters=t.setters.filter(function(l){return l!==s})}}),L1(function(){t.setters.includes(s)||t.setters.push(s)}),[a,t.setState]}}const B1=$1("");function H1(){const[e,t]=B1();return{sharedState:e,setSharedState:t}}const ts=({backgroundImage:e,heading:t,intro:r,ctaLabel:a,ctaHref:s,onCtaClick:l})=>n.jsxs("div",{className:"w-full",children:[n.jsxs("div",{className:"md:hidden",children:[n.jsx("div",{className:"relative w-full aspect-[3/4] bg-cover bg-center",style:{backgroundImage:`url(${e})`},children:n.jsx("div",{className:"absolute inset-x-0 h-2/5 pointer-events-none",style:{bottom:"-1px",background:"linear-gradient(to bottom, color-mix(in srgb, var(--color-background-default) 0%, transparent) 0%, color-mix(in srgb, var(--color-background-default) 10%, transparent) 15%, color-mix(in srgb, var(--color-background-default) 50%, transparent) 50%, color-mix(in srgb, var(--color-background-default) 80%, transparent) 75%, var(--color-background-default) 100%)"}})}),n.jsxs("div",{className:"flex flex-col items-center text-center gap-s px-m pb-l -mt-16 relative z-10",children:[n.jsx("h1",{className:"text-heading-xxl text-text-default",children:t}),r&&n.jsx("p",{className:"text-body-regular text-text-default",children:r}),a&&n.jsx("div",{className:"mt-m",children:n.jsx(X,{variant:"primary",size:"large",iconLeft:null,iconRight:"caret-right",label:a,href:s,onClick:l})})]})]}),n.jsxs("div",{className:"hidden md:flex relative w-full h-screen items-end bg-cover bg-center",style:{backgroundImage:`url(${e})`},children:[n.jsx("div",{className:"absolute inset-0 bg-background-dark opacity-40"}),n.jsx("div",{className:"relative z-10 w-full flex justify-center px-l pb-[5vw]",children:n.jsxs("div",{className:"w-full max-w-5xl flex items-end justify-between gap-l",children:[n.jsxs("div",{className:"max-w-md lg:max-w-2xl",children:[n.jsx("h1",{className:"text-heading-xxl text-text-inverse mb-m",children:t}),r&&n.jsx("p",{className:"text-body-regular text-text-inverse",children:r})]}),a&&n.jsx("div",{className:"shrink-0",children:n.jsx(X,{variant:"primary",size:"large",iconLeft:null,iconRight:"caret-right",label:a,href:s,onClick:l})})]})})]})]}),Ae=({children:e,background:t="default",className:r})=>{const a={default:"bg-background-default","gray-subtle":"bg-background-gray-subtle","brand-subtle":"bg-background-brand-subtle"}[t];return n.jsx("section",{className:`w-full flex justify-center px-m py-l lg:px-l lg:py-xl ${a} ${r??""}`,children:n.jsx("div",{className:"w-full max-w-5xl",children:e})})},ns=({headers:e,rows:t,className:r=""})=>n.jsxs("table",{className:`w-full border-collapse ${r}`,children:[e&&e.length>0&&n.jsx("thead",{children:n.jsx("tr",{className:"border-b-m border-border-brand",children:e.map((a,s)=>n.jsx("th",{className:"py-s px-xs text-heading-s text-text-default text-left",children:a},s))})}),n.jsx("tbody",{children:t.map((a,s)=>n.jsx("tr",{className:"border-b-default border-border-gray-subtle",children:a.map((l,i)=>n.jsx("td",{className:"py-s px-xs text-body-light text-text-default text-left",children:l},i))},s))})]}),rs=({transparent:e=!1,forceScrolled:t=!1})=>{const[r,a]=h.useState(!1);h.useEffect(()=>{const l=()=>a(window.scrollY>0);return window.addEventListener("scroll",l,{passive:!0}),()=>window.removeEventListener("scroll",l)},[]);const s=!e||r||t;return n.jsx("nav",{className:`fixed top-0 left-0 right-0 z-50 flex justify-center px-m py-xs transition-all duration-300 ${s?"bg-background-default shadow-s":"bg-transparent"}`,children:n.jsxs("div",{className:"w-full max-w-7xl flex items-center justify-between",children:[n.jsxs("a",{href:"https://www.nd.nl",className:"flex items-center",children:[n.jsx(ht,{variant:"default",size:"small",className:`md:hidden ${s?"text-text-default":"text-white"}`}),n.jsx(ht,{variant:"default",size:"full",className:`hidden md:block w-60 ${s?"text-text-default":"text-white"}`})]}),n.jsxs("div",{className:"flex items-center gap-xs",children:[n.jsx(X,{variant:"ghost",iconLeft:null,label:"Contact",href:"https://www.nd.nl/service/contact",className:s?"":"!text-text-inverse hover:!text-text-inverse"}),n.jsx(X,{variant:"secondary",iconLeft:null,label:"Abonnementen",href:"https://www.nd.nl/abonnement",className:s?"":"!text-text-inverse !border-white !bg-transparent hover:!bg-white/10"})]})]})})},I1=[{title:"Persoonlijke accounts",features:["Elke medewerker krijgt een eigen account","Inloggen met persoonlijk e-mailadres","Individuele voorkeuren en leesgeschiedenis"]},{title:"Veiligheid & Privacy",features:["Veilige, gescheiden accounts","Geen gedeelde wachtwoorden","Volledige controle over zakelijk abonnement"]}],U1=["Digitaal basis","Digitaal plus"],W1=[{label:"Alle ND-artikelen",included:[!0,!0]},{label:"Premium artikelen",included:[!0,!0]},{label:"Artikelen van opiniemagazine De Nieuwe Koers",included:[!1,!0]},{label:"Volledige digitale krant",included:[!1,!0]},{label:"Archief met eerdere edities",included:[!1,!0]}],Y1=["Medewerkers individueel beheren vanaf 3 licenties","Eenvoudig accounts toevoegen of verwijderen","Toegangsrechten nauwkeurig regelen"],G1=[{label:"Hoeveel medewerkers kunnen gebruik maken van een zakelijk abonnement?",content:"Met een zakelijk abonnement kun je meerdere medewerkers toegang geven. Vanaf 3 licenties kun je individuele accounts beheren via ons beheerpaneel."},{label:"Kan ik het abonnement op elk moment opzeggen?",content:"Ja, je kunt het zakelijk abonnement per maand opzeggen na de minimale contractperiode."},{label:"Wat is het verschil tussen Digitaal basis en Digitaal plus?",content:"Digitaal basis geeft toegang tot alle ND-artikelen en premium artikelen. Digitaal plus voegt daar de opinieartikelen van De Nieuwe Koers, de volledige digitale krant en het archief met eerdere edities aan toe."},{label:"Hoe werkt het beheerpaneel?",content:"Via het beheerpaneel kun je medewerkers toevoegen en verwijderen, toegangsrechten instellen en het gebruik van licenties inzien."}],K1=({heroImage:e="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=1600",heroHeading:t="Zakelijk abonnement bij het ND",heroIntro:r="Geef je organisatie meer dan alleen nieuws – geef ze inzicht, inspiratie en een herkenbaar perspectief. Met ons zakelijk abonnement krijgt je organisatie toegang tot journalistiek die dieper graaft, raakt en verbindt.",heroCtaLabel:a="Direct aanvragen",whyHeading:s="Waarom een zakelijk abonnement",whyIntro:l="Ons zakelijk abonnement is speciaal ontworpen om tegemoet te komen aan de informatiebehoeften van jouw organisatie. Of je nu een klein team of een grote onderneming hebt, wij bieden de perfecte oplossing.",whyCards:i=I1,comparisonHeading:o="Kies het abonnement voor jouw werknemers",comparisonPlans:c=U1,comparisonRows:u=W1,featureHeading:d="Eenvoudig beheer in één overzicht",featureIntro:f="Naast het abonnement krijgt je organisatie toegang tot een gebruikersvriendelijke online omgeving speciaal ontwikkeld voor bedrijven met een zakelijk abonnement.",featureImage:x="https://images.unsplash.com/photo-1531297484001-80022131f5a1?w=800",featureImageAlt:v="Beheerpaneel overzicht",featureItems:g=Y1,faqItems:w=G1,ctaHref:p="/zakelijk/aanvragen",ctaLabel:N="Vraag een offerte aan",ctaHeading:y="Klaar om te starten?",ctaIntro:j="Vraag vandaag nog een offerte aan en geef jouw organisatie toegang tot betrouwbare journalistiek."})=>n.jsxs("div",{className:"w-full",children:[n.jsx(rs,{transparent:!0}),n.jsx(ts,{backgroundImage:e,heading:t,intro:r,ctaLabel:a,ctaHref:p}),n.jsx(Ae,{children:n.jsxs("div",{className:"flex flex-col gap-m",children:[n.jsx(Pe,{intro:l,children:s}),n.jsx("div",{className:"flex flex-col lg:flex-row gap-s lg:gap-m",children:i.map((S,b)=>n.jsxs(me,{borderColor:"gray-subtle",className:"flex flex-col gap-xs",children:[n.jsx("h3",{className:"text-heading-s text-text-default",children:S.title}),S.features.map((k,A)=>n.jsx(qe,{icon:"check",text:k},A))]},b))})]})}),n.jsx(Ae,{children:n.jsxs("div",{className:"flex flex-col gap-m",children:[n.jsx(Pe,{children:o}),n.jsx(ns,{headers:["",...c],rows:u.map(S=>[S.label,...S.included.map(b=>n.jsx(Q,{name:b?"check":"x-mark",variant:"fill",size:"m",color:b?"brand":"default"}))])}),n.jsx(X,{variant:"primary",label:N,iconRight:"caret-right",href:p,className:"w-fit"})]})}),n.jsx(Ae,{background:"brand-subtle",children:n.jsxs("div",{className:"flex flex-col gap-m",children:[n.jsx(Pe,{intro:f,children:d}),n.jsxs("div",{className:"flex flex-col lg:flex-row items-center gap-xl",children:[n.jsx("div",{className:"flex flex-col gap-l w-full lg:w-1/2",children:n.jsx("img",{src:x,alt:v,className:"w-full"})}),n.jsx("div",{className:"flex flex-col gap-s",children:g.map((S,b)=>n.jsx(qe,{icon:"check",text:S},b))})]})]})}),n.jsx(Ae,{children:n.jsx(wt,{title:"Veelgestelde vragen",titleClassName:"text-heading-l",items:w})}),n.jsx(Ae,{background:"gray-subtle",children:n.jsxs("div",{className:"flex flex-col items-center gap-m text-center",children:[n.jsx(Pe,{intro:j,className:"items-center",children:y}),n.jsx(X,{variant:"primary",label:N,iconRight:"caret-right",href:p})]})})]}),q0="all",J1="Alle teams",Z1=({heading:e="Wie zijn wij?",intro:t="Onderstaande medewerkers van het Nederlands Dagblad verzorgen voor u de krant, website, app, abonnementen, advertenties en de sociale media-accounts.",employees:r=[],largeDepartments:a=["Directie","Hoofdredactie"],buttonLabel:s="Lees bio"})=>{const[l,i]=h.useState(q0),o=r.reduce((d,f)=>{const x=d.find(v=>v.department===f.department);return x?x.members.push(f):d.push({department:f.department,members:[f]}),d},[]),c=[{label:J1,value:q0},...o.map(({department:d})=>({label:d,value:d}))],u=l===q0?o:o.filter(d=>d.department===l);return n.jsx("div",{className:"w-full",children:n.jsx(Ae,{children:n.jsxs("div",{className:"flex flex-col gap-l lg:gap-xl",children:[n.jsx("div",{className:"text-center",children:n.jsx(X0,{title:e,showBody:!0,bodyText:t,bodyClassName:"max-w-xl mx-auto"})}),n.jsx("div",{className:"lg:hidden",children:n.jsx(tt,{variant:"select",options:c,value:l,onChange:i})}),n.jsx("div",{className:"hidden lg:flex flex-wrap gap-xs",children:c.map(({label:d,value:f})=>n.jsx(X,{variant:"pill",label:d,isActive:l===f,onToggle:()=>i(f)},f))}),u.map(({department:d,members:f})=>{const v=a.includes(d)?"grid-cols-2 md:grid-cols-3 lg:grid-cols-4":"grid-cols-2 md:grid-cols-3 lg:grid-cols-5";return n.jsxs("div",{className:"flex flex-col gap-m",children:[n.jsx("h3",{className:"text-heading-m text-text-default",children:d}),n.jsx("div",{className:`grid ${v} gap-s`,children:f.map((g,w)=>n.jsxs(me,{padding:"none",borderColor:"gray-subtle",className:"relative flex flex-col h-full",children:[g.editUrl&&n.jsx(X,{variant:"primary",label:"Bewerken",href:g.editUrl,target:"_blank",className:"absolute top-xs left-xs z-50"}),g.image&&n.jsx("img",{src:g.image,alt:g.name,className:"w-full aspect-[3/4] object-cover"}),n.jsxs("div",{className:"flex flex-1 flex-col items-center text-center gap-xxs p-xs md:p-s",lang:"nl",children:[n.jsx("span",{className:"text-meta-uppercase text-text-brand break-words hyphens-auto",children:g.role}),n.jsx("span",{className:"text-body-bold text-text-default break-words hyphens-auto",children:g.name}),g.authorPageUrl&&n.jsx(X,{variant:"pill",label:s,iconRight:"caret-right",href:g.authorPageUrl,className:"mt-auto w-fit"})]})]},w))})]},d)})]})})})},X1=e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e),Q1=({introText:e=n.jsxs(n.Fragment,{children:["Neem contact op met onze klantenservice om te informeren naar de mogelijkheden en de prijzen. Dat kan via onderstaand formulier of via"," ",n.jsx("a",{href:"mailto:service@nd.nl",className:"underline",children:"service@nd.nl"})," ","of telefonisch 088-1999999 (optie 1) bereikbaar op werkdagen tussen 8.30 - 12.00 uur."]}),bedrijfsnaamLabel:t="Bedrijfsnaam*",contactpersoonLabel:r="Contactpersoon*",emailLabel:a="Emailadres*",telefoonLabel:s="Telefoonnummer*",abonnementvoorkeurLabel:l="Abonnementvoorkeur",aantalLicentiesLabel:i="Voorkeur aantal licenties",opmerkingenLabel:o="Opmerkingen",submitLabel:c="Verzenden",onSubmit:u})=>{const[d,f]=h.useState(""),[x,v]=h.useState(""),[g,w]=h.useState(""),[p,N]=h.useState(""),[y,j]=h.useState(""),[S,b]=h.useState(""),[k,A]=h.useState(""),[V,$]=h.useState(!1),E={bedrijfsnaam:d.trim()?null:["Dit veld is verplicht"],contactpersoon:x.trim()?null:["Dit veld is verplicht"],email:g.trim()?X1(g)?null:["Voer een geldig e-mailadres in"]:["Dit veld is verplicht"],telefoon:p.trim()?null:["Dit veld is verplicht"],aantalLicenties:S!==""&&Number(S)<3?["Minimaal 3 licenties vereist"]:null},T=Object.values(E).every(L=>L===null),q=()=>{f(""),v(""),w(""),N(""),j(""),b(""),A(""),$(!1)},I=async()=>{if($(!0),!!T)try{await(u==null?void 0:u({bedrijfsnaam:d,contactpersoon:x,email:g,telefoon:p,abonnementvoorkeur:y,aantalLicenties:S,opmerkingen:k})),q()}catch{}};return n.jsxs(me,{borderColor:"gray-subtle",className:"flex flex-col gap-m",children:[e&&n.jsx("p",{className:"text-body-light text-text-default",children:e}),n.jsxs("div",{className:"max-w-xl",children:[n.jsx(ee,{label:t,value:d,setValue:f,errors:V?E.bedrijfsnaam:null}),n.jsx(ee,{label:r,value:x,setValue:v,errors:V?E.contactpersoon:null}),n.jsx(ee,{label:a,value:g,setValue:w,type:"email",errors:V?E.email:null}),n.jsx(ee,{label:s,value:p,setValue:N,type:"tel",errors:V?E.telefoon:null}),n.jsxs("div",{className:"flex flex-col gap-xs",children:[n.jsx("span",{className:"text-body-light text-text-default",children:l}),n.jsx(Ee,{label:"Basis",name:"abonnementvoorkeur",checked:y==="basis",onChange:()=>j("basis")}),n.jsx(Ee,{label:"Plus",name:"abonnementvoorkeur",checked:y==="plus",onChange:()=>j("plus")})]}),n.jsx(ee,{label:i,value:S,setValue:b,type:"number",help:"minimaal 3 licenties",errors:V?E.aantalLicenties:null}),n.jsx(ma,{label:o,value:k,setValue:A})]}),n.jsx(X,{variant:"primary",label:c,onClick:I,className:"w-fit"})]})},Kr=({title:e,pricePerWeek:t,originalPricePerWeek:r,pricePeriod:a="per week",features:s,isFeatured:l=!1,ctaLabel:i="Kies abonnement",ctaHref:o,showTitle:c=!0,borderColor:u="gray-subtle"})=>{const d=x=>`€${x.toFixed(2).replace(".",",")}`,f=r?Math.round((1-t/r)*100):void 0;return n.jsxs("div",{className:`flex flex-col flex-1 ${l?"lg:shadow-m":""}`,children:[n.jsx("div",{className:"hidden lg:flex items-center justify-center",children:l&&n.jsx("span",{className:"text-body-uppercase-bold-small text-text-brand bg-background-brand-subtle w-full text-center p-xs",children:"Meest gekozen"})}),n.jsxs(me,{borderColor:u,padding:"m",className:`flex flex-col gap-m flex-1 ${l?"!border-t-0":""}`,children:[n.jsxs("div",{className:"flex flex-col gap-s",children:[c&&n.jsx("h3",{className:"font-gulliver font-bold text-body-xxl text-text-default text-center",children:e}),n.jsxs("div",{className:"flex flex-col items-center gap-l",children:[n.jsxs("div",{className:"flex flex-col items-center gap-xs",children:[n.jsxs("div",{className:"flex items-center gap-xs",children:[r&&n.jsx("span",{className:"text-meta-light text-text-default !line-through",children:d(r)}),n.jsxs("span",{className:"text-meta-bold text-text-default",children:[d(t)," ",a]})]}),f&&n.jsx(Ve,{variant:"default",label:`${f}% korting`})]}),n.jsx(X,{variant:"primary",label:i,href:o,style:{paddingLeft:"var(--spacing-m)",paddingRight:"var(--spacing-m)"}})]})]}),n.jsx(tn,{features:s})]})]})},as=({heading:e="Word lid van het Nederlands Dagblad",benefits:t=[],steps:r=[],currentStep:a=1,cards:s,footerText:l,footerLinkLabel:i,footerLinkHref:o})=>{const c=s.findIndex(g=>g.isFeatured)??0,[u,d]=h.useState(c>=0?c:0),[f,x]=h.useState(null),v=g=>`€${g.toFixed(2).replace(".",",")}`;return n.jsxs("div",{className:"relative flex flex-col bg-background-default",children:[n.jsx("div",{className:"absolute inset-x-0 top-0 h-[75%] bg-background-gray z-0"}),n.jsx("div",{className:"hidden lg:block absolute left-[7.5%] top-xl h-[69.2%] w-[1px] bg-border-gray z-10"}),n.jsx("div",{className:"hidden lg:block absolute right-[7.5%] top-xl h-[69.2%] w-[1px] bg-border-gray z-10"}),n.jsxs("div",{className:"relative z-10 w-[85%] mx-auto mt-xl border-t border-border-gray flex flex-col items-center",children:[n.jsxs("div",{className:"relative w-full flex flex-col items-center pb-l",children:[n.jsx("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 px-s bg-background-gray",children:n.jsx("a",{href:"https://www.nd.nl/",children:n.jsx(ht,{size:"small"})})}),n.jsx("div",{className:"mt-xl text-center",children:n.jsx(X0,{title:e})}),t.length>0&&n.jsx("ul",{className:"flex flex-col items-center lg:flex-row lg:flex-wrap lg:justify-center gap-s lg:gap-l mt-m",children:t.map((g,w)=>n.jsxs("li",{className:"flex items-center gap-xs w-max",children:[n.jsx(qe,{icon:"check",text:g.label,iconColor:"brand",textWeight:"light"}),g.hasInfo&&n.jsx("button",{type:"button",onClick:()=>g.onInfoClick?g.onInfoClick():x(g),className:"flex-shrink-0",children:n.jsx(Q,{name:"info",variant:"outline",size:"s",color:"default"})})]},w))}),r.length>0&&n.jsx("div",{className:"w-full max-w-xl mt-xl",children:n.jsx(ja,{steps:r,currentStep:a})})]}),n.jsxs("div",{className:"lg:hidden w-full",children:[n.jsx("div",{className:"flex items-start w-full gap-xs",children:s.map((g,w)=>n.jsxs("button",{type:"button",onClick:()=>d(w),className:`bg-background-default flex-1 flex flex-col items-center justify-start overflow-hidden border text-center transition-colors ${u===w?"border-border-brand border-b-0 z-10 h-[109px]":"border-border-gray-subtle h-[100px] mb-xs"}`,children:[g.isFeatured&&n.jsx("span",{className:"w-full text-center bg-background-brand-subtle text-text-brand py-[2px] font-fira-sans font-bold text-[10px] tracking-[1px] uppercase",children:"MEEST GEKOZEN"}),n.jsxs("div",{className:`flex flex-col items-center justify-start pb-xs px-xs ${g.isFeatured?"pt-xs":"pt-s"}`,children:[n.jsx("span",{className:"text-body-bold text-text-default",children:g.title}),n.jsxs("span",{className:"text-meta-light text-text-default",children:[v(g.pricePerWeek),"/week"]})]})]},w))}),n.jsx("div",{className:"border border-border-brand -mt-px",children:n.jsx(Kr,{...s[u],showTitle:!1,ctaLabel:`Kies ${s[u].title}`,borderColor:"none"})})]}),n.jsx("div",{className:"hidden lg:flex -mx-l flex-row items-stretch justify-center gap-l",children:s.map((g,w)=>n.jsx("div",{className:`flex flex-col w-80 ${w!==1?"lg:pt-l":""}`,children:n.jsx(Kr,{...g})},w))})]}),(l||i)&&n.jsxs("div",{className:"relative z-10 flex flex-col items-center gap-xs text-center px-m mt-m lg:mt-xl pb-m lg:pb-xl",children:[l&&n.jsx("p",{className:"text-meta-light text-text-default",children:l}),i&&o&&n.jsx("a",{href:o,className:"text-meta-light text-text-default !underline",children:i})]}),n.jsx(De,{isOpen:!!f,onClose:()=>x(null),heading:(f==null?void 0:f.modalHeading)??(f==null?void 0:f.label),children:(f==null?void 0:f.infoText)&&n.jsxs("p",{className:"text-body-light text-text-default",children:[f.infoText," ",f.infoLinkHref&&n.jsx("a",{href:f.infoLinkHref,className:"!underline",target:"_blank",rel:"noopener noreferrer",children:f.infoLinkLabel??"Klik hier"}),f.infoTextSuffix&&` ${f.infoTextSuffix}`]})})]})},eu={heading:"Word lid van het Nederlands Dagblad",benefits:[{label:"Steun christelijke kwaliteitsjournalistiek"},{label:"Korting voor nieuwe abonnees",hasInfo:!0},{label:"14 dagen bedenktijd"}],steps:[{label:"Kies je abonnement"},{label:"Looptijd"},{label:"Gegevens"},{label:"Bestelling afronden"}],currentStep:1,cards:[{title:"Digitaal Basis",pricePerWeek:2.75,originalPricePerWeek:3.17,ctaHref:"#",features:[{label:"Onbeperkt ND artikelen",included:!0},{label:"Elke dag nieuwe puzzels",included:!0},{label:"Persoonlijke leeslijst",included:!0},{label:"Geef 2 artikelen per maand cadeau",included:!0},{label:"Toegang tot digitale krant",included:!1},{label:"Toegang tot De Nieuwe Koers",included:!1},{label:"Papieren krant",included:!1},{label:"10 keer per jaar De Nieuwe Koers op papier",included:!1}]},{title:"Digitaal Plus",pricePerWeek:4.95,originalPricePerWeek:6.99,isFeatured:!0,ctaHref:"#",features:[{label:"Onbeperkt ND artikelen",included:!0},{label:"Elke dag nieuwe puzzels",included:!0},{label:"Persoonlijke leeslijst",included:!0},{label:"Geef 10 artikelen per maand cadeau",included:!0},{label:"Toegang tot digitale krant",included:!0},{label:"Toegang tot De Nieuwe Koers",included:!0},{label:"Papieren krant",included:!1},{label:"10 keer per jaar De Nieuwe Koers op papier",included:!1}]},{title:"Digitaal + Papier",pricePerWeek:5.95,originalPricePerWeek:8.47,ctaHref:"#",features:[{label:"Onbeperkt ND artikelen",included:!0},{label:"Elke dag nieuwe puzzels",included:!0},{label:"Persoonlijke leeslijst",included:!0},{label:"Geef 10 artikelen per maand cadeau",included:!0},{label:"Toegang tot digitale krant",included:!0},{label:"Toegang tot De Nieuwe Koers",included:!0},{label:"Papieren krant",included:!0,modalBody:"in het weekend of 6 dagen per week"},{label:"10 keer per jaar De Nieuwe Koers op papier",included:!0}]}],footerText:"De introductietarieven op deze pagina zijn alleen geldig voor nieuwe abonnees die de afgelopen 12 maanden geen abonnement hebben gehad.",footerLinkLabel:"Vraag hier een regulier abonnement aan.",footerLinkHref:"#"},tu=[{variant:"card",imageUrl:"https://picsum.photos/212/212?random=70",alt:"Foto 1",description:"Nieuws dat raakt",metaText:"14 januari 2024"},{variant:"card",imageUrl:"https://picsum.photos/212/212?random=71",alt:"Foto 2",description:"Diepgaande reportages",metaText:"21 februari 2024"},{variant:"card",imageUrl:"https://picsum.photos/212/212?random=72",alt:"Foto 3",description:"Opinie en achtergrond",metaText:"3 maart 2024"},{variant:"card",imageUrl:"https://picsum.photos/212/212?random=73",alt:"Foto 4",description:"Christelijk perspectief",metaText:"18 april 2024"},{variant:"card",imageUrl:"https://picsum.photos/212/212?random=74",alt:"Foto 5",description:"Cultuur en samenleving",metaText:"5 mei 2024"},{variant:"card",imageUrl:"https://picsum.photos/212/212?random=75",alt:"Foto 6",description:"Geloof in de praktijk",metaText:"29 mei 2024"}],nu=[{label:"Kan ik mijn abonnement op elk moment opzeggen?",content:"Ja, je kunt je abonnement op elk moment opzeggen. Na de minimale looptijd kun je per maand opzeggen."},{label:"Geldt de korting ook voor een bestaand abonnement?",content:"Nee, de introductiekorting geldt alleen voor nieuwe abonnees die de afgelopen 12 maanden geen abonnement hebben gehad."},{label:"Hoe kan ik de digitale krant lezen?",content:"De digitale krant is beschikbaar via de ND-app en de website. Je kunt hem lezen op je telefoon, tablet of computer."},{label:"Wat is De Nieuwe Koers?",content:"De Nieuwe Koers is het opinieblad van het Nederlands Dagblad. Het verschijnt 10 keer per jaar en biedt diepgaande artikelen over geloof, cultuur en samenleving."},{label:"Hoe werkt de 14 dagen bedenktijd?",content:"Als je binnen 14 dagen na het afsluiten van je abonnement besluit dat het toch niets voor je is, kun je het abonnement kosteloos annuleren."}],ru=({selectionFrame:e=eu,sliderTitle:t="Voordelen van een ND abonnement",sliderImages:r=tu,faqHeading:a="Veelgestelde vragen",faqItems:s=nu,helpImage:l,helpImageAlt:i="Hulp illustratie",helpHeading:o="Hulp nodig?",helpIntro:c="Heb je een vraag over het afsluiten van een abonnement of over je huidige abonnement? We helpen je graag.",helpCtaLabel:u="Neem contact op",helpCtaHref:d="#"})=>n.jsxs("div",{className:"w-full",children:[n.jsx(as,{...e}),n.jsx(Ae,{children:n.jsx(me,{borderColor:"gray-subtle",children:n.jsxs("div",{className:"flex flex-col gap-s",children:[n.jsx("h2",{className:"text-heading-m text-text-default",children:"Andere ND abonnementen"}),n.jsxs("div",{className:"flex flex-col gap-xs",children:[n.jsxs("a",{href:"#studentenabonnement",className:"inline-flex items-center gap-xxs !underline text-body-regular text-text-default",children:["Studentenabonnement",n.jsx(Q,{name:"caret-right",size:"s",color:"default"})]}),n.jsxs("a",{href:"#zakelijkabonnement",className:"inline-flex items-center gap-xxs !underline text-body-regular text-text-default",children:["Zakelijk abonnement",n.jsx(Q,{name:"caret-right",size:"s",color:"default"})]})]})]})})}),n.jsx(Ae,{background:"brand-subtle",children:n.jsx(ua,{title:t,titleVariant:"default",images:r})}),n.jsx(Ae,{children:n.jsxs("div",{className:"flex flex-col gap-m",children:[n.jsx(wt,{title:a,titleClassName:"text-heading-l",items:s}),n.jsx(X,{variant:"pill",label:"Bekijk alle veelgestelde vragen",iconRight:"caret-right",href:"nd.nl/service/veelgestelde_vragen",className:"w-fit"})]})}),n.jsx(Ae,{background:"gray-subtle",children:n.jsxs("div",{className:"max-w-2xl mx-auto flex flex-col lg:flex-row items-center gap-l",children:[l&&n.jsx("img",{src:l,alt:i,className:"w-48 flex-shrink-0"}),n.jsxs("div",{className:"flex flex-col gap-s",children:[n.jsx("h2",{className:"text-heading-m text-text-default",children:o}),n.jsx("p",{className:"text-body-light text-text-default",children:c}),n.jsx(X,{variant:"pill",label:u,iconRight:"caret-right",href:d,className:"w-fit"})]})]})})]});function ss(e,t,r){const a=t.split(".");if(a.length===1)return{...e,[a[0]]:r};const[s,...l]=a;return{...e,[s]:ss(e[s]||{},l.join("."),r)}}exports.AboOpzeggen=lc;exports.AbonnementKiezer=rn;exports.AbonnementWijzigen=Tc;exports.Accordion=wt;exports.AccordionItem=Ge;exports.AfwijkendBezorgAdres=_o;exports.Alert=le;exports.AlternativeNav=rs;exports.ArticleButtons=fo;exports.ArticleCard=oa;exports.ArticleSlider=io;exports.ArtikelCadeauModal=fa;exports.AudioPlayer=Kt;exports.Badge=Ve;exports.BaseSlider=jt;exports.BezorgingStopzetten=So;exports.Bezorgklacht=jo;exports.Button=X;exports.CampaignContainer=lo;exports.CardContainer=me;exports.CheckBox=Be;exports.DEFAULT_ABONNEMENTEN=an;exports.DataFrame=sa;exports.DataFrameItem=aa;exports.DataFrames=to;exports.DescriptionList=Wi;exports.DescriptionListItem=ra;exports.DescriptionListItems=Yi;exports.DeviceLimitModal=kc;exports.Dropdown=tt;exports.EmployeePage=Z1;exports.Heading2=Bi;exports.Heading3=Hi;exports.HeadingArticle=Fi;exports.HeadingPage=$i;exports.Hero=ts;exports.Icon=Q;exports.IconText=qe;exports.ImageCard=en;exports.ImageSlider=ua;exports.Input=ee;exports.Logo=ht;exports.MetaAuthor=Ui;exports.MetaRegular=Ii;exports.Modal=De;exports.PageHeading=X0;exports.PageSection=Ae;exports.PodcastEpisodeHero=fc;exports.PodcastFriendConfirmation=yc;exports.PodcastFriendForm=bc;exports.PodcastSeriesHero=uc;exports.PodcastSeriesHosts=mc;exports.PodcastSeriesLastEpisode=hc;exports.PodcastSeriesOverview=oc;exports.PodcastSlider=dc;exports.PublicationCard=ia;exports.RadioButton=Ee;exports.SearchFilter=mo;exports.SectionHeading=Pe;exports.Skeleton=ta;exports.SubscriptionForm=Oc;exports.SubscriptionLandingPage=ru;exports.SubscriptionSelectionFrame=as;exports.Table=ns;exports.Tabs=Gi;exports.Tag=na;exports.Toast=D0;exports.VideoCard=Q0;exports.VideoModal=ca;exports.VideoSlider=da;exports.ZakelijkAbonnementForm=Q1;exports.ZakelijkAbonnementPage=K1;exports.eventbus=vt;exports.formatDate=et;exports.iconKeys=Oi;exports.naarVeldDatum=nn;exports.setData=ss;exports.uitVeldDatum=pa;exports.useFetchData=d1;exports.useFetchList=u1;exports.useFormFactory=S1;exports.useFormHandler=C1;exports.useModalManager=D1;exports.useSharedState=H1;exports.useToast=la;
+`+l):a.stack=l}catch{}}throw a}}_request(t,r){typeof t=="string"?(r=r||{},r.url=t):r=t||{},r=Ue(this.defaults,r);const{transitional:a,paramsSerializer:s,headers:l}=r;a!==void 0&&Bt.assertOptions(a,{silentJSONParsing:Te.transitional(Te.boolean),forcedJSONParsing:Te.transitional(Te.boolean),clarifyTimeoutError:Te.transitional(Te.boolean)},!1),s!=null&&(z.isFunction(s)?r.paramsSerializer={serialize:s}:Bt.assertOptions(s,{encode:Te.function,serialize:Te.function},!0)),r.allowAbsoluteUrls!==void 0||(this.defaults.allowAbsoluteUrls!==void 0?r.allowAbsoluteUrls=this.defaults.allowAbsoluteUrls:r.allowAbsoluteUrls=!0),Bt.assertOptions(r,{baseUrl:Te.spelling("baseURL"),withXsrfToken:Te.spelling("withXSRFToken")},!0),r.method=(r.method||this.defaults.method||"get").toLowerCase();let i=l&&z.merge(l.common,l[r.method]);l&&z.forEach(["delete","get","head","post","put","patch","common"],g=>{delete l[g]}),r.headers=je.concat(i,l);const o=[];let c=!0;this.interceptors.request.forEach(function(w){typeof w.runWhen=="function"&&w.runWhen(r)===!1||(c=c&&w.synchronous,o.unshift(w.fulfilled,w.rejected))});const u=[];this.interceptors.response.forEach(function(w){u.push(w.fulfilled,w.rejected)});let d,f=0,x;if(!c){const g=[Rr.bind(this),void 0];for(g.unshift(...o),g.push(...u),x=g.length,d=Promise.resolve(r);f<x;)d=d.then(g[f++],g[f++]);return d}x=o.length;let v=r;for(f=0;f<x;){const g=o[f++],w=o[f++];try{v=g(v)}catch(p){w.call(this,p);break}}try{d=Rr.call(this,v)}catch(g){return Promise.reject(g)}for(f=0,x=u.length;f<x;)d=d.then(u[f++],u[f++]);return d}getUri(t){t=Ue(this.defaults,t);const r=$a(t.baseURL,t.url,t.allowAbsoluteUrls);return Da(r,t.params,t.paramsSerializer)}};z.forEach(["delete","get","head","options"],function(t){He.prototype[t]=function(r,a){return this.request(Ue(a||{},{method:t,url:r,data:(a||{}).data}))}});z.forEach(["post","put","patch"],function(t){function r(a){return function(l,i,o){return this.request(Ue(o||{},{method:t,headers:a?{"Content-Type":"multipart/form-data"}:{},url:l,data:i}))}}He.prototype[t]=r(),He.prototype[t+"Form"]=r(!0)});let i1=class Ya{constructor(t){if(typeof t!="function")throw new TypeError("executor must be a function.");let r;this.promise=new Promise(function(l){r=l});const a=this;this.promise.then(s=>{if(!a._listeners)return;let l=a._listeners.length;for(;l-- >0;)a._listeners[l](s);a._listeners=null}),this.promise.then=s=>{let l;const i=new Promise(o=>{a.subscribe(o),l=o}).then(s);return i.cancel=function(){a.unsubscribe(l)},i},t(function(l,i,o){a.reason||(a.reason=new lt(l,i,o),r(a.reason))})}throwIfRequested(){if(this.reason)throw this.reason}subscribe(t){if(this.reason){t(this.reason);return}this._listeners?this._listeners.push(t):this._listeners=[t]}unsubscribe(t){if(!this._listeners)return;const r=this._listeners.indexOf(t);r!==-1&&this._listeners.splice(r,1)}toAbortSignal(){const t=new AbortController,r=a=>{t.abort(a)};return this.subscribe(r),t.signal.unsubscribe=()=>this.unsubscribe(r),t.signal}static source(){let t;return{token:new Ya(function(s){t=s}),cancel:t}}};function o1(e){return function(r){return e.apply(null,r)}}function c1(e){return z.isObject(e)&&e.isAxiosError===!0}const H0={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511};Object.entries(H0).forEach(([e,t])=>{H0[t]=e});function Ga(e){const t=new He(e),r=Na(He.prototype.request,t);return z.extend(r,He.prototype,t,{allOwnKeys:!0}),z.extend(r,t,null,{allOwnKeys:!0}),r.create=function(s){return Ga(Ue(e,s))},r}const ie=Ga(St);ie.Axios=He;ie.CanceledError=lt;ie.CancelToken=i1;ie.isCancel=La;ie.VERSION=Wa;ie.toFormData=e0;ie.AxiosError=te;ie.Cancel=ie.CanceledError;ie.all=function(t){return Promise.all(t)};ie.spread=o1;ie.isAxiosError=c1;ie.mergeConfig=Ue;ie.AxiosHeaders=je;ie.formToJSON=e=>Va(z.isHTMLForm(e)?new FormData(e):e);ie.getAdapter=Ua.getAdapter;ie.HttpStatusCode=H0;ie.default=ie;const{Axios:iu,AxiosError:ou,CanceledError:cu,isCancel:du,CancelToken:uu,VERSION:fu,all:hu,Cancel:mu,isAxiosError:gu,spread:pu,toFormData:xu,AxiosHeaders:vu,HttpStatusCode:bu,formToJSON:wu,getAdapter:ju,mergeConfig:yu}=ie,Lr=e=>typeof e=="function"?e():e;function d1(e){const[t,r]=h.useState(!1),[a,s]=h.useState(!1),[l,i]=h.useState(null),[o,c]=h.useState(null),u=h.useCallback(async()=>{r(!0),c(null);const x=Lr(e.params)??{},v=e.dataKey||"data";try{const g=await ie.get(Lr(e.url),{params:x}),w=g.data[v];return i(w),e.onFetched&&e.onFetched(g),w}catch(g){const w=g instanceof Error?g:new Error("An unknown error occurred");throw c(w),console.error(w),w}finally{r(!1)}},[e]),d=h.useCallback(async()=>{if(!a)return u().then(()=>s(!0))},[a,u]),f=h.useCallback(()=>{r(!1),s(!1),i(null),c(null)},[]);return h.useEffect(()=>{e.initialFetch&&d()},[d,e.initialFetch]),{isLoading:t,isInitialized:a,data:l,error:o,isEmpty:a&&!t&&!l,initialize:d,fetch:u,clear:f}}const Fr=e=>typeof e=="function"?e():e;function u1(e){const[t,r]=h.useState(!1),[a,s]=h.useState(!1),[l,i]=h.useState(null),[o,c]=h.useState(null),u=h.useMemo(()=>a&&!t&&(l==null?void 0:l.length)===0,[a,t,l]),d=h.useCallback(async(v=!1)=>{r(!0),v&&(o.current_page=1);const g={...Fr(e.params)??{},...o!=null&&o.current_page?{page:o.current_page}:{}};return ie.get(Fr(e.url),{params:g}).then(w=>{var p;i(w.data.users??w.data.data),w.data.meta&&c(w.data.meta),(p=e.onFetched)==null||p.call(e,w)}).catch(w=>{throw console.error(w),w}).finally(()=>{r(!1)})},[e,o==null?void 0:o.current_page]),f=h.useCallback(async()=>{if(!a)return d().then(()=>s(!0))},[a,d]),x=h.useCallback(()=>{r(!1),s(!1),i(null),c(null)},[]);return{isLoading:t,isInitialized:a,data:l,meta:o,isEmpty:u,initialize:f,fetch:d,clear:x}}var Ka=Symbol.for("immer-nothing"),$r=Symbol.for("immer-draftable"),Ne=Symbol.for("immer-state"),f1=process.env.NODE_ENV!=="production"?[function(e){return`The plugin for '${e}' has not been loaded into Immer. To enable the plugin, import and call \`enable${e}()\` when initializing your application.`},function(e){return`produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '${e}'`},"This object has been frozen and should not be mutated",function(e){return"Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? "+e},"An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.","Immer forbids circular references","The first or second argument to `produce` must be a function","The third argument to `produce` must be a function or undefined","First argument to `createDraft` must be a plain object, an array, or an immerable object","First argument to `finishDraft` must be a draft returned by `createDraft`",function(e){return`'current' expects a draft, got: ${e}`},"Object.defineProperty() cannot be used on an Immer draft","Object.setPrototypeOf() cannot be used on an Immer draft","Immer only supports deleting array indices","Immer only supports setting array indices and the 'length' property",function(e){return`'original' expects a draft, got: ${e}`}]:[];function be(e,...t){if(process.env.NODE_ENV!=="production"){const r=f1[e],a=typeof r=="function"?r.apply(null,t):r;throw new Error(`[Immer] ${a}`)}throw new Error(`[Immer] minified error nr: ${e}. Full error at: https://bit.ly/3cXEKWf`)}var nt=Object.getPrototypeOf;function rt(e){return!!e&&!!e[Ne]}function We(e){var t;return e?Ja(e)||Array.isArray(e)||!!e[$r]||!!((t=e.constructor)!=null&&t[$r])||a0(e)||s0(e):!1}var h1=Object.prototype.constructor.toString();function Ja(e){if(!e||typeof e!="object")return!1;const t=nt(e);if(t===null)return!0;const r=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return r===Object?!0:typeof r=="function"&&Function.toString.call(r)===h1}function Wt(e,t){r0(e)===0?Reflect.ownKeys(e).forEach(r=>{t(r,e[r],e)}):e.forEach((r,a)=>t(a,r,e))}function r0(e){const t=e[Ne];return t?t.type_:Array.isArray(e)?1:a0(e)?2:s0(e)?3:0}function I0(e,t){return r0(e)===2?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function Za(e,t,r){const a=r0(e);a===2?e.set(t,r):a===3?e.add(r):e[t]=r}function m1(e,t){return e===t?e!==0||1/e===1/t:e!==e&&t!==t}function a0(e){return e instanceof Map}function s0(e){return e instanceof Set}function Fe(e){return e.copy_||e.base_}function U0(e,t){if(a0(e))return new Map(e);if(s0(e))return new Set(e);if(Array.isArray(e))return Array.prototype.slice.call(e);const r=Ja(e);if(t===!0||t==="class_only"&&!r){const a=Object.getOwnPropertyDescriptors(e);delete a[Ne];let s=Reflect.ownKeys(a);for(let l=0;l<s.length;l++){const i=s[l],o=a[i];o.writable===!1&&(o.writable=!0,o.configurable=!0),(o.get||o.set)&&(a[i]={configurable:!0,writable:!0,enumerable:o.enumerable,value:e[i]})}return Object.create(nt(e),a)}else{const a=nt(e);if(a!==null&&r)return{...e};const s=Object.create(a);return Object.assign(s,e)}}function gt(e,t=!1){return l0(e)||rt(e)||!We(e)||(r0(e)>1&&(e.set=e.add=e.clear=e.delete=g1),Object.freeze(e),t&&Object.entries(e).forEach(([r,a])=>gt(a,!0))),e}function g1(){be(2)}function l0(e){return Object.isFrozen(e)}var p1={};function Ye(e){const t=p1[e];return t||be(0,e),t}var pt;function Xa(){return pt}function x1(e,t){return{drafts_:[],parent_:e,immer_:t,canAutoFreeze_:!0,unfinalizedDrafts_:0}}function Br(e,t){t&&(Ye("Patches"),e.patches_=[],e.inversePatches_=[],e.patchListener_=t)}function W0(e){Y0(e),e.drafts_.forEach(v1),e.drafts_=null}function Y0(e){e===pt&&(pt=e.parent_)}function Hr(e){return pt=x1(pt,e)}function v1(e){const t=e[Ne];t.type_===0||t.type_===1?t.revoke_():t.revoked_=!0}function Ir(e,t){t.unfinalizedDrafts_=t.drafts_.length;const r=t.drafts_[0];return e!==void 0&&e!==r?(r[Ne].modified_&&(W0(t),be(4)),We(e)&&(e=Yt(t,e),t.parent_||Gt(t,e)),t.patches_&&Ye("Patches").generateReplacementPatches_(r[Ne].base_,e,t.patches_,t.inversePatches_)):e=Yt(t,r,[]),W0(t),t.patches_&&t.patchListener_(t.patches_,t.inversePatches_),e!==Ka?e:void 0}function Yt(e,t,r){if(l0(t))return t;const a=t[Ne];if(!a)return Wt(t,(s,l)=>Ur(e,a,t,s,l,r)),t;if(a.scope_!==e)return t;if(!a.modified_)return Gt(e,a.base_,!0),a.base_;if(!a.finalized_){a.finalized_=!0,a.scope_.unfinalizedDrafts_--;const s=a.copy_;let l=s,i=!1;a.type_===3&&(l=new Set(s),s.clear(),i=!0),Wt(l,(o,c)=>Ur(e,a,s,o,c,r,i)),Gt(e,s,!1),r&&e.patches_&&Ye("Patches").generatePatches_(a,r,e.patches_,e.inversePatches_)}return a.copy_}function Ur(e,t,r,a,s,l,i){if(process.env.NODE_ENV!=="production"&&s===r&&be(5),rt(s)){const o=l&&t&&t.type_!==3&&!I0(t.assigned_,a)?l.concat(a):void 0,c=Yt(e,s,o);if(Za(r,a,c),rt(c))e.canAutoFreeze_=!1;else return}else i&&r.add(s);if(We(s)&&!l0(s)){if(!e.immer_.autoFreeze_&&e.unfinalizedDrafts_<1)return;Yt(e,s),(!t||!t.scope_.parent_)&&typeof a!="symbol"&&Object.prototype.propertyIsEnumerable.call(r,a)&&Gt(e,s)}}function Gt(e,t,r=!1){!e.parent_&&e.immer_.autoFreeze_&&e.canAutoFreeze_&&gt(t,r)}function b1(e,t){const r=Array.isArray(e),a={type_:r?1:0,scope_:t?t.scope_:Xa(),modified_:!1,finalized_:!1,assigned_:{},parent_:t,base_:e,draft_:null,copy_:null,revoke_:null,isManual_:!1};let s=a,l=cn;r&&(s=[a],l=xt);const{revoke:i,proxy:o}=Proxy.revocable(s,l);return a.draft_=o,a.revoke_=i,o}var cn={get(e,t){if(t===Ne)return e;const r=Fe(e);if(!I0(r,t))return w1(e,r,t);const a=r[t];return e.finalized_||!We(a)?a:a===z0(e.base_,t)?(O0(e),e.copy_[t]=K0(a,e)):a},has(e,t){return t in Fe(e)},ownKeys(e){return Reflect.ownKeys(Fe(e))},set(e,t,r){const a=Qa(Fe(e),t);if(a!=null&&a.set)return a.set.call(e.draft_,r),!0;if(!e.modified_){const s=z0(Fe(e),t),l=s==null?void 0:s[Ne];if(l&&l.base_===r)return e.copy_[t]=r,e.assigned_[t]=!1,!0;if(m1(r,s)&&(r!==void 0||I0(e.base_,t)))return!0;O0(e),G0(e)}return e.copy_[t]===r&&(r!==void 0||t in e.copy_)||Number.isNaN(r)&&Number.isNaN(e.copy_[t])||(e.copy_[t]=r,e.assigned_[t]=!0),!0},deleteProperty(e,t){return z0(e.base_,t)!==void 0||t in e.base_?(e.assigned_[t]=!1,O0(e),G0(e)):delete e.assigned_[t],e.copy_&&delete e.copy_[t],!0},getOwnPropertyDescriptor(e,t){const r=Fe(e),a=Reflect.getOwnPropertyDescriptor(r,t);return a&&{writable:!0,configurable:e.type_!==1||t!=="length",enumerable:a.enumerable,value:r[t]}},defineProperty(){be(11)},getPrototypeOf(e){return nt(e.base_)},setPrototypeOf(){be(12)}},xt={};Wt(cn,(e,t)=>{xt[e]=function(){return arguments[0]=arguments[0][0],t.apply(this,arguments)}});xt.deleteProperty=function(e,t){return process.env.NODE_ENV!=="production"&&isNaN(parseInt(t))&&be(13),xt.set.call(this,e,t,void 0)};xt.set=function(e,t,r){return process.env.NODE_ENV!=="production"&&t!=="length"&&isNaN(parseInt(t))&&be(14),cn.set.call(this,e[0],t,r,e[0])};function z0(e,t){const r=e[Ne];return(r?Fe(r):e)[t]}function w1(e,t,r){var s;const a=Qa(t,r);return a?"value"in a?a.value:(s=a.get)==null?void 0:s.call(e.draft_):void 0}function Qa(e,t){if(!(t in e))return;let r=nt(e);for(;r;){const a=Object.getOwnPropertyDescriptor(r,t);if(a)return a;r=nt(r)}}function G0(e){e.modified_||(e.modified_=!0,e.parent_&&G0(e.parent_))}function O0(e){e.copy_||(e.copy_=U0(e.base_,e.scope_.immer_.useStrictShallowCopy_))}var j1=class{constructor(e){this.autoFreeze_=!0,this.useStrictShallowCopy_=!1,this.produce=(t,r,a)=>{if(typeof t=="function"&&typeof r!="function"){const l=r;r=t;const i=this;return function(c=l,...u){return i.produce(c,d=>r.call(this,d,...u))}}typeof r!="function"&&be(6),a!==void 0&&typeof a!="function"&&be(7);let s;if(We(t)){const l=Hr(this),i=K0(t,void 0);let o=!0;try{s=r(i),o=!1}finally{o?W0(l):Y0(l)}return Br(l,a),Ir(s,l)}else if(!t||typeof t!="object"){if(s=r(t),s===void 0&&(s=t),s===Ka&&(s=void 0),this.autoFreeze_&&gt(s,!0),a){const l=[],i=[];Ye("Patches").generateReplacementPatches_(t,s,l,i),a(l,i)}return s}else be(1,t)},this.produceWithPatches=(t,r)=>{if(typeof t=="function")return(i,...o)=>this.produceWithPatches(i,c=>t(c,...o));let a,s;return[this.produce(t,r,(i,o)=>{a=i,s=o}),a,s]},typeof(e==null?void 0:e.autoFreeze)=="boolean"&&this.setAutoFreeze(e.autoFreeze),typeof(e==null?void 0:e.useStrictShallowCopy)=="boolean"&&this.setUseStrictShallowCopy(e.useStrictShallowCopy)}createDraft(e){We(e)||be(8),rt(e)&&(e=y1(e));const t=Hr(this),r=K0(e,void 0);return r[Ne].isManual_=!0,Y0(t),r}finishDraft(e,t){const r=e&&e[Ne];(!r||!r.isManual_)&&be(9);const{scope_:a}=r;return Br(a,t),Ir(void 0,a)}setAutoFreeze(e){this.autoFreeze_=e}setUseStrictShallowCopy(e){this.useStrictShallowCopy_=e}applyPatches(e,t){let r;for(r=t.length-1;r>=0;r--){const s=t[r];if(s.path.length===0&&s.op==="replace"){e=s.value;break}}r>-1&&(t=t.slice(r+1));const a=Ye("Patches").applyPatches_;return rt(e)?a(e,t):this.produce(e,s=>a(s,t))}};function K0(e,t){const r=a0(e)?Ye("MapSet").proxyMap_(e,t):s0(e)?Ye("MapSet").proxySet_(e,t):b1(e,t);return(t?t.scope_:Xa()).drafts_.push(r),r}function y1(e){return rt(e)||be(10,e),es(e)}function es(e){if(!We(e)||l0(e))return e;const t=e[Ne];let r;if(t){if(!t.modified_)return t.base_;t.finalized_=!0,r=U0(e,t.scope_.immer_.useStrictShallowCopy_)}else r=U0(e,!0);return Wt(r,(a,s)=>{Za(r,a,es(s))}),t&&(t.finalized_=!1),r}var Se=new j1,k1=Se.produce;Se.produceWithPatches.bind(Se);Se.setAutoFreeze.bind(Se);Se.setUseStrictShallowCopy.bind(Se);Se.applyPatches.bind(Se);Se.createDraft.bind(Se);Se.finishDraft.bind(Se);function N1(e){var t=h.useState(function(){return gt(e,!0)}),r=t[1];return[t[0],h.useCallback(function(a){r(typeof a=="function"?k1(a):gt(a))},[])]}const Wr=e=>typeof e=="function"?e():e;function S1(e){const[t,r]=h.useState(!1),[a,s]=h.useState(!1),[l,i]=N1(null),o=h.useCallback(async d=>{if(!a)return c(d).then(()=>s(!0))},[a]),c=h.useCallback(async(d={})=>(r(!0),(e.request?e.request():ie.get(Wr(d.url)??Wr(e.url),{params:d.params})).then(f=>{if(d.silent)return f;i(f.data)}).catch(f=>{throw f}).finally(()=>{r(!1)})),[e]),u=h.useCallback(()=>{r(!1),s(!1),i(null)},[]);return{isLoading:t,isInitialized:a,setIsInitialized:s,factory:l,setFactory:i,initialize:o,fetchFactory:c,clear:u}}const Yr=e=>typeof e=="function"?e():e;function C1(e){const[t,r]=h.useState(!1),[a,s]=h.useState({}),l=h.useMemo(()=>Object.keys(a).length>0,[a]),i=h.useCallback(async(c,u={})=>(r(!0),s({}),(e.request?e.request(c):ie.post(Yr(u.url)??Yr(e.url),c)).then(f=>{var x;return(x=e.onSuccess)==null||x.call(e,f),f}).catch(f=>{var x,v,g;throw(x=e.onError)==null||x.call(e,f),((v=f.response)==null?void 0:v.status)===422&&(s(f.response.data.errors),(g=e.onValidationError)==null||g.call(e,f.response.data.errors)),f}).finally(()=>{r(!1)})),[e]),o=h.useCallback(()=>{r(!1),s({})},[]);return{isLoading:t,errors:a,setErrors:s,hasErrors:l,submit:i,clear:o}}const he=[];for(let e=0;e<256;++e)he.push((e+256).toString(16).slice(1));function E1(e,t=0){return(he[e[t+0]]+he[e[t+1]]+he[e[t+2]]+he[e[t+3]]+"-"+he[e[t+4]]+he[e[t+5]]+"-"+he[e[t+6]]+he[e[t+7]]+"-"+he[e[t+8]]+he[e[t+9]]+"-"+he[e[t+10]]+he[e[t+11]]+he[e[t+12]]+he[e[t+13]]+he[e[t+14]]+he[e[t+15]]).toLowerCase()}let T0;const A1=new Uint8Array(16);function _1(){if(!T0){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");T0=crypto.getRandomValues.bind(crypto)}return T0(A1)}const M1=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),Gr={randomUUID:M1};function z1(e,t,r){var s;if(Gr.randomUUID&&!e)return Gr.randomUUID();e=e||{};const a=e.random??((s=e.rng)==null?void 0:s.call(e))??_1();if(a.length<16)throw new Error("Random bytes length must be >= 16");return a[6]=a[6]&15|64,a[8]=a[8]&63|128,E1(a)}function O1(e){return{all:e=e||new Map,on:function(t,r){var a=e.get(t);a?a.push(r):e.set(t,[r])},off:function(t,r){var a=e.get(t);a&&(r?a.splice(a.indexOf(r)>>>0,1):e.set(t,[]))},emit:function(t,r){var a=e.get(t);a&&a.slice().map(function(s){s(r)}),(a=e.get("*"))&&a.slice().map(function(s){s(t,r)})}}}const vt=O1(),at=[],bt=[],T1=(e,t)=>{at.some(r=>r.key===e)||at.push({key:e,component:t})},q1=(e,t={})=>{console.log("open",at,e);const r=at.find(s=>s.key===e);if(!r)return;const a=z1();return bt.push({id:a,key:r.key,component:r.component,props:t}),vt.emit("update-modals"),a},P1=e=>{console.log("close",e);const t=bt.findIndex(r=>r.id===e);t!==-1&&(bt.splice(t,1),vt.emit("update-modals"))};function D1(){const[e,t]=h.useState([...at]),[r,a]=h.useState([...bt]);return h.useEffect(()=>{const s=()=>{t([...at]),a([...bt])};return vt.on("update-modals",s),()=>vt.off("update-modals",s)},[]),{modals:e,activeModals:r,registerModal:T1,open:q1,close:P1}}var R1=typeof window<"u";function V1(e,t){return typeof e=="function"?e.length?e(t):e():e}var L1=R1?h.useLayoutEffect:h.useEffect,F1=function(e){h.useEffect(e,[])};function $1(e){var t={state:e instanceof Function?e():e,setState:function(r){t.state=V1(r,t.state),t.setters.forEach(function(a){return a(t.state)})},setters:[]};return function(){var r=h.useState(t.state),a=r[0],s=r[1];return F1(function(){return function(){t.setters=t.setters.filter(function(l){return l!==s})}}),L1(function(){t.setters.includes(s)||t.setters.push(s)}),[a,t.setState]}}const B1=$1("");function H1(){const[e,t]=B1();return{sharedState:e,setSharedState:t}}const ts=({backgroundImage:e,heading:t,intro:r,ctaLabel:a,ctaHref:s,onCtaClick:l})=>n.jsxs("div",{className:"w-full",children:[n.jsxs("div",{className:"md:hidden",children:[n.jsx("div",{className:"relative w-full aspect-[3/4] bg-cover bg-center",style:{backgroundImage:`url(${e})`},children:n.jsx("div",{className:"absolute inset-x-0 h-2/5 pointer-events-none",style:{bottom:"-1px",background:"linear-gradient(to bottom, color-mix(in srgb, var(--color-background-default) 0%, transparent) 0%, color-mix(in srgb, var(--color-background-default) 10%, transparent) 15%, color-mix(in srgb, var(--color-background-default) 50%, transparent) 50%, color-mix(in srgb, var(--color-background-default) 80%, transparent) 75%, var(--color-background-default) 100%)"}})}),n.jsxs("div",{className:"flex flex-col items-center text-center gap-s px-m pb-l -mt-16 relative z-10",children:[n.jsx("h1",{className:"text-heading-xxl text-text-default",children:t}),r&&n.jsx("p",{className:"text-body-regular text-text-default",children:r}),a&&n.jsx("div",{className:"mt-m",children:n.jsx(X,{variant:"primary",size:"large",iconLeft:null,iconRight:"caret-right",label:a,href:s,onClick:l})})]})]}),n.jsxs("div",{className:"hidden md:flex relative w-full h-screen items-end bg-cover bg-center",style:{backgroundImage:`url(${e})`},children:[n.jsx("div",{className:"absolute inset-0 bg-background-dark opacity-40"}),n.jsx("div",{className:"relative z-10 w-full flex justify-center px-l pb-[5vw]",children:n.jsxs("div",{className:"w-full max-w-5xl flex items-end justify-between gap-l",children:[n.jsxs("div",{className:"max-w-md lg:max-w-2xl",children:[n.jsx("h1",{className:"text-heading-xxl text-text-inverse mb-m",children:t}),r&&n.jsx("p",{className:"text-body-regular text-text-inverse",children:r})]}),a&&n.jsx("div",{className:"shrink-0",children:n.jsx(X,{variant:"primary",size:"large",iconLeft:null,iconRight:"caret-right",label:a,href:s,onClick:l})})]})})]})]}),Ae=({children:e,background:t="default",className:r})=>{const a={default:"bg-background-default","gray-subtle":"bg-background-gray-subtle","brand-subtle":"bg-background-brand-subtle"}[t];return n.jsx("section",{className:`w-full flex justify-center px-m py-l lg:px-l lg:py-xl ${a} ${r??""}`,children:n.jsx("div",{className:"w-full max-w-5xl",children:e})})},ns=({headers:e,rows:t,className:r=""})=>n.jsxs("table",{className:`w-full border-collapse ${r}`,children:[e&&e.length>0&&n.jsx("thead",{children:n.jsx("tr",{className:"border-b-m border-border-brand",children:e.map((a,s)=>n.jsx("th",{className:"py-s px-xs text-heading-s text-text-default text-left",children:a},s))})}),n.jsx("tbody",{children:t.map((a,s)=>n.jsx("tr",{className:"border-b-default border-border-gray-subtle",children:a.map((l,i)=>n.jsx("td",{className:"py-s px-xs text-body-light text-text-default text-left",children:l},i))},s))})]}),rs=({transparent:e=!1,forceScrolled:t=!1})=>{const[r,a]=h.useState(!1);h.useEffect(()=>{const l=()=>a(window.scrollY>0);return window.addEventListener("scroll",l,{passive:!0}),()=>window.removeEventListener("scroll",l)},[]);const s=!e||r||t;return n.jsx("nav",{className:`fixed top-0 left-0 right-0 z-50 flex justify-center px-m py-xs transition-all duration-300 ${s?"bg-background-default shadow-s":"bg-transparent"}`,children:n.jsxs("div",{className:"w-full max-w-7xl flex items-center justify-between",children:[n.jsxs("a",{href:"https://www.nd.nl",className:"flex items-center",children:[n.jsx(ht,{variant:"default",size:"small",className:`md:hidden ${s?"text-text-default":"text-white"}`}),n.jsx(ht,{variant:"default",size:"full",className:`hidden md:block w-60 ${s?"text-text-default":"text-white"}`})]}),n.jsxs("div",{className:"flex items-center gap-xs",children:[n.jsx(X,{variant:"ghost",iconLeft:null,label:"Contact",href:"https://www.nd.nl/service/contact",className:s?"":"!text-text-inverse hover:!text-text-inverse"}),n.jsx(X,{variant:"secondary",iconLeft:null,label:"Abonnementen",href:"https://www.nd.nl/abonnement",className:s?"":"!text-text-inverse !border-white !bg-transparent hover:!bg-white/10"})]})]})})},I1=[{title:"Persoonlijke accounts",features:["Elke medewerker krijgt een eigen account","Inloggen met persoonlijk e-mailadres","Individuele voorkeuren en leesgeschiedenis"]},{title:"Veiligheid & Privacy",features:["Veilige, gescheiden accounts","Geen gedeelde wachtwoorden","Volledige controle over zakelijk abonnement"]}],U1=["Digitaal basis","Digitaal plus"],W1=[{label:"Alle ND-artikelen",included:[!0,!0]},{label:"Premium artikelen",included:[!0,!0]},{label:"Artikelen van opiniemagazine De Nieuwe Koers",included:[!1,!0]},{label:"Volledige digitale krant",included:[!1,!0]},{label:"Archief met eerdere edities",included:[!1,!0]}],Y1=["Medewerkers individueel beheren vanaf 3 licenties","Eenvoudig accounts toevoegen of verwijderen","Toegangsrechten nauwkeurig regelen"],G1=[{label:"Hoeveel medewerkers kunnen gebruik maken van een zakelijk abonnement?",content:"Met een zakelijk abonnement kun je meerdere medewerkers toegang geven. Vanaf 3 licenties kun je individuele accounts beheren via ons beheerpaneel."},{label:"Kan ik het abonnement op elk moment opzeggen?",content:"Ja, je kunt het zakelijk abonnement per maand opzeggen na de minimale contractperiode."},{label:"Wat is het verschil tussen Digitaal basis en Digitaal plus?",content:"Digitaal basis geeft toegang tot alle ND-artikelen en premium artikelen. Digitaal plus voegt daar de opinieartikelen van De Nieuwe Koers, de volledige digitale krant en het archief met eerdere edities aan toe."},{label:"Hoe werkt het beheerpaneel?",content:"Via het beheerpaneel kun je medewerkers toevoegen en verwijderen, toegangsrechten instellen en het gebruik van licenties inzien."}],K1=({heroImage:e="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=1600",heroHeading:t="Zakelijk abonnement bij het ND",heroIntro:r="Geef je organisatie meer dan alleen nieuws – geef ze inzicht, inspiratie en een herkenbaar perspectief. Met ons zakelijk abonnement krijgt je organisatie toegang tot journalistiek die dieper graaft, raakt en verbindt.",heroCtaLabel:a="Direct aanvragen",whyHeading:s="Waarom een zakelijk abonnement",whyIntro:l="Ons zakelijk abonnement is speciaal ontworpen om tegemoet te komen aan de informatiebehoeften van jouw organisatie. Of je nu een klein team of een grote onderneming hebt, wij bieden de perfecte oplossing.",whyCards:i=I1,comparisonHeading:o="Kies het abonnement voor jouw werknemers",comparisonPlans:c=U1,comparisonRows:u=W1,featureHeading:d="Eenvoudig beheer in één overzicht",featureIntro:f="Naast het abonnement krijgt je organisatie toegang tot een gebruikersvriendelijke online omgeving speciaal ontwikkeld voor bedrijven met een zakelijk abonnement.",featureImage:x="https://images.unsplash.com/photo-1531297484001-80022131f5a1?w=800",featureImageAlt:v="Beheerpaneel overzicht",featureItems:g=Y1,faqItems:w=G1,ctaHref:p="/zakelijk/aanvragen",ctaLabel:N="Vraag een offerte aan",ctaHeading:y="Klaar om te starten?",ctaIntro:j="Vraag vandaag nog een offerte aan en geef jouw organisatie toegang tot betrouwbare journalistiek."})=>n.jsxs("div",{className:"w-full",children:[n.jsx(rs,{transparent:!0}),n.jsx(ts,{backgroundImage:e,heading:t,intro:r,ctaLabel:a,ctaHref:p}),n.jsx(Ae,{children:n.jsxs("div",{className:"flex flex-col gap-m",children:[n.jsx(Pe,{intro:l,children:s}),n.jsx("div",{className:"flex flex-col lg:flex-row gap-s lg:gap-m",children:i.map((S,b)=>n.jsxs(me,{borderColor:"gray-subtle",className:"flex flex-col gap-xs",children:[n.jsx("h3",{className:"text-heading-s text-text-default",children:S.title}),S.features.map((k,A)=>n.jsx(qe,{icon:"check",text:k},A))]},b))})]})}),n.jsx(Ae,{children:n.jsxs("div",{className:"flex flex-col gap-m",children:[n.jsx(Pe,{children:o}),n.jsx(ns,{headers:["",...c],rows:u.map(S=>[S.label,...S.included.map(b=>n.jsx(Q,{name:b?"check":"x-mark",variant:"fill",size:"m",color:b?"brand":"default"}))])}),n.jsx(X,{variant:"primary",label:N,iconRight:"caret-right",href:p,className:"w-fit"})]})}),n.jsx(Ae,{background:"brand-subtle",children:n.jsxs("div",{className:"flex flex-col gap-m",children:[n.jsx(Pe,{intro:f,children:d}),n.jsxs("div",{className:"flex flex-col lg:flex-row items-center gap-xl",children:[n.jsx("div",{className:"flex flex-col gap-l w-full lg:w-1/2",children:n.jsx("img",{src:x,alt:v,className:"w-full"})}),n.jsx("div",{className:"flex flex-col gap-s",children:g.map((S,b)=>n.jsx(qe,{icon:"check",text:S},b))})]})]})}),n.jsx(Ae,{children:n.jsx(wt,{title:"Veelgestelde vragen",titleClassName:"text-heading-l",items:w})}),n.jsx(Ae,{background:"gray-subtle",children:n.jsxs("div",{className:"flex flex-col items-center gap-m text-center",children:[n.jsx(Pe,{intro:j,className:"items-center",children:y}),n.jsx(X,{variant:"primary",label:N,iconRight:"caret-right",href:p})]})})]}),q0="all",J1="Alle teams",Z1=({heading:e="Wie zijn wij?",intro:t="Onderstaande medewerkers van het Nederlands Dagblad verzorgen voor u de krant, website, app, abonnementen, advertenties en de sociale media-accounts.",employees:r=[],largeDepartments:a=["Directie","Hoofdredactie"],buttonLabel:s="Lees bio"})=>{const[l,i]=h.useState(q0),o=r.reduce((d,f)=>{const x=d.find(v=>v.department===f.department);return x?x.members.push(f):d.push({department:f.department,members:[f]}),d},[]),c=[{label:J1,value:q0},...o.map(({department:d})=>({label:d,value:d}))],u=l===q0?o:o.filter(d=>d.department===l);return n.jsx("div",{className:"w-full",children:n.jsx(Ae,{children:n.jsxs("div",{className:"flex flex-col gap-l lg:gap-xl",children:[n.jsx("div",{className:"text-center",children:n.jsx(X0,{title:e,showBody:!0,bodyText:t,bodyClassName:"max-w-xl mx-auto"})}),n.jsx("div",{className:"lg:hidden",children:n.jsx(tt,{variant:"select",options:c,value:l,onChange:i})}),n.jsx("div",{className:"hidden lg:flex flex-wrap gap-xs",children:c.map(({label:d,value:f})=>n.jsx(X,{variant:"pill",label:d,isActive:l===f,onToggle:()=>i(f)},f))}),u.map(({department:d,members:f})=>{const v=a.includes(d)?"grid-cols-2 md:grid-cols-3 lg:grid-cols-4":"grid-cols-2 md:grid-cols-3 lg:grid-cols-5";return n.jsxs("div",{className:"flex flex-col gap-m",children:[n.jsx("h3",{className:"text-heading-m text-text-default",children:d}),n.jsx("div",{className:`grid ${v} gap-s`,children:f.map((g,w)=>n.jsxs(me,{padding:"none",borderColor:"gray-subtle",className:"relative flex flex-col h-full",children:[g.editUrl&&n.jsx(X,{variant:"primary",label:"Bewerken",href:g.editUrl,target:"_blank",className:"absolute top-xs left-xs z-50"}),g.image&&n.jsx("img",{src:g.image,alt:g.name,className:"w-full aspect-[3/4] object-cover"}),n.jsxs("div",{className:"flex flex-1 flex-col items-center text-center gap-xxs p-xs md:p-s",lang:"nl",children:[n.jsx("span",{className:"text-meta-uppercase text-text-brand break-words hyphens-auto",children:g.role}),n.jsx("span",{className:"text-body-bold text-text-default break-words hyphens-auto",children:g.name}),g.authorPageUrl&&n.jsx(X,{variant:"pill",label:s,iconRight:"caret-right",href:g.authorPageUrl,className:"mt-auto w-fit"})]})]},w))})]},d)})]})})})},X1=e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e),Q1=({introText:e=n.jsxs(n.Fragment,{children:["Neem contact op met onze klantenservice om te informeren naar de mogelijkheden en de prijzen. Dat kan via onderstaand formulier of via"," ",n.jsx("a",{href:"mailto:service@nd.nl",className:"underline",children:"service@nd.nl"})," ","of telefonisch 088-1999999 (optie 1) bereikbaar op werkdagen tussen 8.30 - 12.00 uur."]}),bedrijfsnaamLabel:t="Bedrijfsnaam*",contactpersoonLabel:r="Contactpersoon*",emailLabel:a="Emailadres*",telefoonLabel:s="Telefoonnummer*",abonnementvoorkeurLabel:l="Abonnementvoorkeur",aantalLicentiesLabel:i="Voorkeur aantal licenties",opmerkingenLabel:o="Opmerkingen",submitLabel:c="Verzenden",onSubmit:u})=>{const[d,f]=h.useState(""),[x,v]=h.useState(""),[g,w]=h.useState(""),[p,N]=h.useState(""),[y,j]=h.useState(""),[S,b]=h.useState(""),[k,A]=h.useState(""),[V,$]=h.useState(!1),E={bedrijfsnaam:d.trim()?null:["Dit veld is verplicht"],contactpersoon:x.trim()?null:["Dit veld is verplicht"],email:g.trim()?X1(g)?null:["Voer een geldig e-mailadres in"]:["Dit veld is verplicht"],telefoon:p.trim()?null:["Dit veld is verplicht"],aantalLicenties:S!==""&&Number(S)<3?["Minimaal 3 licenties vereist"]:null},T=Object.values(E).every(L=>L===null),q=()=>{f(""),v(""),w(""),N(""),j(""),b(""),A(""),$(!1)},I=async()=>{if($(!0),!!T)try{await(u==null?void 0:u({bedrijfsnaam:d,contactpersoon:x,email:g,telefoon:p,abonnementvoorkeur:y,aantalLicenties:S,opmerkingen:k})),q()}catch{}};return n.jsxs(me,{borderColor:"gray-subtle",className:"flex flex-col gap-m",children:[e&&n.jsx("p",{className:"text-body-light text-text-default",children:e}),n.jsxs("div",{className:"max-w-xl",children:[n.jsx(ee,{label:t,value:d,setValue:f,errors:V?E.bedrijfsnaam:null}),n.jsx(ee,{label:r,value:x,setValue:v,errors:V?E.contactpersoon:null}),n.jsx(ee,{label:a,value:g,setValue:w,type:"email",errors:V?E.email:null}),n.jsx(ee,{label:s,value:p,setValue:N,type:"tel",errors:V?E.telefoon:null}),n.jsxs("div",{className:"flex flex-col gap-xs",children:[n.jsx("span",{className:"text-body-light text-text-default",children:l}),n.jsx(Ee,{label:"Basis",name:"abonnementvoorkeur",checked:y==="basis",onChange:()=>j("basis")}),n.jsx(Ee,{label:"Plus",name:"abonnementvoorkeur",checked:y==="plus",onChange:()=>j("plus")})]}),n.jsx(ee,{label:i,value:S,setValue:b,type:"number",help:"minimaal 3 licenties",errors:V?E.aantalLicenties:null}),n.jsx(ma,{label:o,value:k,setValue:A})]}),n.jsx(X,{variant:"primary",label:c,onClick:I,className:"w-fit"})]})},Kr=({title:e,pricePerWeek:t,originalPricePerWeek:r,pricePeriod:a="per week",pricePrefix:s,discountPrefix:l,features:i,isFeatured:o=!1,ctaLabel:c="Kies abonnement",ctaHref:u,showTitle:d=!0,borderColor:f="gray-subtle"})=>{const x=g=>`€${g.toFixed(2).replace(".",",")}`,v=r?Math.round((1-t/r)*100):void 0;return n.jsxs("div",{className:`flex flex-col flex-1 ${o?"lg:shadow-m":""}`,children:[n.jsx("div",{className:"hidden lg:flex items-center justify-center",children:o&&n.jsx("span",{className:"text-body-uppercase-bold-small text-text-brand bg-background-brand-subtle w-full text-center p-xs",children:"Meest gekozen"})}),n.jsxs(me,{borderColor:f,padding:"m",className:`flex flex-col gap-m flex-1 ${o?"!border-t-0":""}`,children:[n.jsxs("div",{className:"flex flex-col gap-s",children:[d&&n.jsx("h3",{className:"font-gulliver font-bold text-body-xxl text-text-default text-center",children:e}),n.jsxs("div",{className:"flex flex-col items-center gap-l",children:[n.jsxs("div",{className:"flex flex-col items-center gap-xs",children:[n.jsxs("div",{className:"flex items-center gap-xs",children:[r&&n.jsx("span",{className:"text-meta-light text-text-default !line-through",children:x(r)}),n.jsxs("span",{className:"text-meta-bold text-text-default",children:[s&&`${s} `,x(t)," ",a]})]}),v&&n.jsx(Ve,{variant:"default",label:`${l?`${l} `:""}${v}% korting`})]}),n.jsx(X,{variant:"primary",label:c,href:u,style:{paddingLeft:"var(--spacing-m)",paddingRight:"var(--spacing-m)"}})]})]}),n.jsx(tn,{features:i})]})]})},as=({heading:e="Word lid van het Nederlands Dagblad",benefits:t=[],steps:r=[],currentStep:a=1,cards:s,footerText:l,footerLinkLabel:i,footerLinkHref:o})=>{const c=s.findIndex(g=>g.isFeatured)??0,[u,d]=h.useState(c>=0?c:0),[f,x]=h.useState(null),v=g=>`€${g.toFixed(2).replace(".",",")}`;return n.jsxs("div",{className:"relative flex flex-col bg-background-default",children:[n.jsx("div",{className:"absolute inset-x-0 top-0 h-[75%] bg-background-gray z-0"}),n.jsx("div",{className:"hidden lg:block absolute left-[7.5%] top-xl h-[69.2%] w-[1px] bg-border-gray z-10"}),n.jsx("div",{className:"hidden lg:block absolute right-[7.5%] top-xl h-[69.2%] w-[1px] bg-border-gray z-10"}),n.jsxs("div",{className:"relative z-10 w-[85%] mx-auto mt-xl border-t border-border-gray flex flex-col items-center",children:[n.jsxs("div",{className:"relative w-full flex flex-col items-center pb-l",children:[n.jsx("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 px-s bg-background-gray",children:n.jsx("a",{href:"https://www.nd.nl/",children:n.jsx(ht,{size:"small"})})}),n.jsx("div",{className:"mt-xl text-center",children:n.jsx(X0,{title:e})}),t.length>0&&n.jsx("ul",{className:"flex flex-col items-center lg:flex-row lg:flex-wrap lg:justify-center gap-s lg:gap-l mt-m",children:t.map((g,w)=>n.jsxs("li",{className:"flex items-center gap-xs w-max",children:[n.jsx(qe,{icon:"check",text:g.label,iconColor:"brand",textWeight:"light"}),g.hasInfo&&n.jsx("button",{type:"button",onClick:()=>g.onInfoClick?g.onInfoClick():x(g),className:"flex-shrink-0",children:n.jsx(Q,{name:"info",variant:"outline",size:"s",color:"default"})})]},w))}),r.length>0&&n.jsx("div",{className:"w-full max-w-xl mt-xl",children:n.jsx(ja,{steps:r,currentStep:a})})]}),n.jsxs("div",{className:"lg:hidden w-full",children:[n.jsx("div",{className:"flex items-start w-full gap-xs",children:s.map((g,w)=>n.jsxs("button",{type:"button",onClick:()=>d(w),className:`bg-background-default flex-1 flex flex-col items-center justify-start overflow-hidden border text-center transition-colors ${u===w?"border-border-brand border-b-0 z-10 h-[109px]":"border-border-gray-subtle h-[100px] mb-xs"}`,children:[g.isFeatured&&n.jsx("span",{className:"w-full text-center bg-background-brand-subtle text-text-brand py-[2px] font-fira-sans font-bold text-[10px] tracking-[1px] uppercase",children:"MEEST GEKOZEN"}),n.jsxs("div",{className:`flex flex-col items-center justify-start pb-xs px-xs ${g.isFeatured?"pt-xs":"pt-s"}`,children:[n.jsx("span",{className:"text-body-bold text-text-default",children:g.title}),n.jsxs("span",{className:"text-meta-light text-text-default",children:[v(g.pricePerWeek),"/week"]})]})]},w))}),n.jsx("div",{className:"border border-border-brand -mt-px",children:n.jsx(Kr,{...s[u],showTitle:!1,ctaLabel:`Kies ${s[u].title}`,borderColor:"none"})})]}),n.jsx("div",{className:"hidden lg:flex -mx-l flex-row items-stretch justify-center gap-l",children:s.map((g,w)=>n.jsx("div",{className:`flex flex-col w-80 ${w!==1?"lg:pt-l":""}`,children:n.jsx(Kr,{...g})},w))})]}),(l||i)&&n.jsxs("div",{className:"relative z-10 flex flex-col items-center gap-xs text-center px-m mt-m lg:mt-xl pb-m lg:pb-xl",children:[l&&n.jsx("p",{className:"text-meta-light text-text-default",children:l}),i&&o&&n.jsx("a",{href:o,className:"text-meta-light text-text-default !underline",children:i})]}),n.jsx(De,{isOpen:!!f,onClose:()=>x(null),heading:(f==null?void 0:f.modalHeading)??(f==null?void 0:f.label),children:(f==null?void 0:f.infoText)&&n.jsxs("p",{className:"text-body-light text-text-default",children:[f.infoText," ",f.infoLinkHref&&n.jsx("a",{href:f.infoLinkHref,className:"!underline",target:"_blank",rel:"noopener noreferrer",children:f.infoLinkLabel??"Klik hier"}),f.infoTextSuffix&&` ${f.infoTextSuffix}`]})})]})},eu={heading:"Word lid van het Nederlands Dagblad",benefits:[{label:"Steun christelijke kwaliteitsjournalistiek"},{label:"Korting voor nieuwe abonnees",hasInfo:!0},{label:"14 dagen bedenktijd"}],steps:[{label:"Kies je abonnement"},{label:"Looptijd"},{label:"Gegevens"},{label:"Bestelling afronden"}],currentStep:1,cards:[{title:"Digitaal Basis",pricePerWeek:2.75,originalPricePerWeek:3.17,ctaHref:"#",features:[{label:"Onbeperkt ND artikelen",included:!0},{label:"Elke dag nieuwe puzzels",included:!0},{label:"Persoonlijke leeslijst",included:!0},{label:"Geef 2 artikelen per maand cadeau",included:!0},{label:"Toegang tot digitale krant",included:!1},{label:"Toegang tot De Nieuwe Koers",included:!1},{label:"Papieren krant",included:!1},{label:"10 keer per jaar De Nieuwe Koers op papier",included:!1}]},{title:"Digitaal Plus",pricePerWeek:4.95,originalPricePerWeek:6.99,isFeatured:!0,ctaHref:"#",features:[{label:"Onbeperkt ND artikelen",included:!0},{label:"Elke dag nieuwe puzzels",included:!0},{label:"Persoonlijke leeslijst",included:!0},{label:"Geef 10 artikelen per maand cadeau",included:!0},{label:"Toegang tot digitale krant",included:!0},{label:"Toegang tot De Nieuwe Koers",included:!0},{label:"Papieren krant",included:!1},{label:"10 keer per jaar De Nieuwe Koers op papier",included:!1}]},{title:"Digitaal + Papier",pricePerWeek:5.95,originalPricePerWeek:8.47,ctaHref:"#",features:[{label:"Onbeperkt ND artikelen",included:!0},{label:"Elke dag nieuwe puzzels",included:!0},{label:"Persoonlijke leeslijst",included:!0},{label:"Geef 10 artikelen per maand cadeau",included:!0},{label:"Toegang tot digitale krant",included:!0},{label:"Toegang tot De Nieuwe Koers",included:!0},{label:"Papieren krant",included:!0,modalBody:"in het weekend of 6 dagen per week"},{label:"10 keer per jaar De Nieuwe Koers op papier",included:!0}]}],footerText:"De introductietarieven op deze pagina zijn alleen geldig voor nieuwe abonnees die de afgelopen 12 maanden geen abonnement hebben gehad.",footerLinkLabel:"Vraag hier een regulier abonnement aan.",footerLinkHref:"#"},tu=[{variant:"card",imageUrl:"https://picsum.photos/212/212?random=70",alt:"Foto 1",description:"Nieuws dat raakt",metaText:"14 januari 2024"},{variant:"card",imageUrl:"https://picsum.photos/212/212?random=71",alt:"Foto 2",description:"Diepgaande reportages",metaText:"21 februari 2024"},{variant:"card",imageUrl:"https://picsum.photos/212/212?random=72",alt:"Foto 3",description:"Opinie en achtergrond",metaText:"3 maart 2024"},{variant:"card",imageUrl:"https://picsum.photos/212/212?random=73",alt:"Foto 4",description:"Christelijk perspectief",metaText:"18 april 2024"},{variant:"card",imageUrl:"https://picsum.photos/212/212?random=74",alt:"Foto 5",description:"Cultuur en samenleving",metaText:"5 mei 2024"},{variant:"card",imageUrl:"https://picsum.photos/212/212?random=75",alt:"Foto 6",description:"Geloof in de praktijk",metaText:"29 mei 2024"}],nu=[{label:"Kan ik mijn abonnement op elk moment opzeggen?",content:"Ja, je kunt je abonnement op elk moment opzeggen. Na de minimale looptijd kun je per maand opzeggen."},{label:"Geldt de korting ook voor een bestaand abonnement?",content:"Nee, de introductiekorting geldt alleen voor nieuwe abonnees die de afgelopen 12 maanden geen abonnement hebben gehad."},{label:"Hoe kan ik de digitale krant lezen?",content:"De digitale krant is beschikbaar via de ND-app en de website. Je kunt hem lezen op je telefoon, tablet of computer."},{label:"Wat is De Nieuwe Koers?",content:"De Nieuwe Koers is het opinieblad van het Nederlands Dagblad. Het verschijnt 10 keer per jaar en biedt diepgaande artikelen over geloof, cultuur en samenleving."},{label:"Hoe werkt de 14 dagen bedenktijd?",content:"Als je binnen 14 dagen na het afsluiten van je abonnement besluit dat het toch niets voor je is, kun je het abonnement kosteloos annuleren."}],ru=({selectionFrame:e=eu,sliderTitle:t="Voordelen van een ND abonnement",sliderImages:r=tu,faqHeading:a="Veelgestelde vragen",faqItems:s=nu,helpImage:l,helpImageAlt:i="Hulp illustratie",helpHeading:o="Hulp nodig?",helpIntro:c="Heb je een vraag over het afsluiten van een abonnement of over je huidige abonnement? We helpen je graag.",helpCtaLabel:u="Neem contact op",helpCtaHref:d="#"})=>n.jsxs("div",{className:"w-full",children:[n.jsx(as,{...e}),n.jsx(Ae,{children:n.jsx(me,{borderColor:"gray-subtle",children:n.jsxs("div",{className:"flex flex-col gap-s",children:[n.jsx("h2",{className:"text-heading-m text-text-default",children:"Andere ND abonnementen"}),n.jsxs("div",{className:"flex flex-col gap-xs",children:[n.jsxs("a",{href:"#studentenabonnement",className:"inline-flex items-center gap-xxs !underline text-body-regular text-text-default",children:["Studentenabonnement",n.jsx(Q,{name:"caret-right",size:"s",color:"default"})]}),n.jsxs("a",{href:"#zakelijkabonnement",className:"inline-flex items-center gap-xxs !underline text-body-regular text-text-default",children:["Zakelijk abonnement",n.jsx(Q,{name:"caret-right",size:"s",color:"default"})]})]})]})})}),n.jsx(Ae,{background:"brand-subtle",children:n.jsx(ua,{title:t,titleVariant:"default",images:r})}),n.jsx(Ae,{children:n.jsxs("div",{className:"flex flex-col gap-m",children:[n.jsx(wt,{title:a,titleClassName:"text-heading-l",items:s}),n.jsx(X,{variant:"pill",label:"Bekijk alle veelgestelde vragen",iconRight:"caret-right",href:"nd.nl/service/veelgestelde_vragen",className:"w-fit"})]})}),n.jsx(Ae,{background:"gray-subtle",children:n.jsxs("div",{className:"max-w-2xl mx-auto flex flex-col lg:flex-row items-center gap-l",children:[l&&n.jsx("img",{src:l,alt:i,className:"w-48 flex-shrink-0"}),n.jsxs("div",{className:"flex flex-col gap-s",children:[n.jsx("h2",{className:"text-heading-m text-text-default",children:o}),n.jsx("p",{className:"text-body-light text-text-default",children:c}),n.jsx(X,{variant:"pill",label:u,iconRight:"caret-right",href:d,className:"w-fit"})]})]})})]});function ss(e,t,r){const a=t.split(".");if(a.length===1)return{...e,[a[0]]:r};const[s,...l]=a;return{...e,[s]:ss(e[s]||{},l.join("."),r)}}exports.AboOpzeggen=lc;exports.AbonnementKiezer=rn;exports.AbonnementWijzigen=Tc;exports.Accordion=wt;exports.AccordionItem=Ge;exports.AfwijkendBezorgAdres=_o;exports.Alert=le;exports.AlternativeNav=rs;exports.ArticleButtons=fo;exports.ArticleCard=oa;exports.ArticleSlider=io;exports.ArtikelCadeauModal=fa;exports.AudioPlayer=Kt;exports.Badge=Ve;exports.BaseSlider=jt;exports.BezorgingStopzetten=So;exports.Bezorgklacht=jo;exports.Button=X;exports.CampaignContainer=lo;exports.CardContainer=me;exports.CheckBox=Be;exports.DEFAULT_ABONNEMENTEN=an;exports.DataFrame=sa;exports.DataFrameItem=aa;exports.DataFrames=to;exports.DescriptionList=Wi;exports.DescriptionListItem=ra;exports.DescriptionListItems=Yi;exports.DeviceLimitModal=kc;exports.Dropdown=tt;exports.EmployeePage=Z1;exports.Heading2=Bi;exports.Heading3=Hi;exports.HeadingArticle=Fi;exports.HeadingPage=$i;exports.Hero=ts;exports.Icon=Q;exports.IconText=qe;exports.ImageCard=en;exports.ImageSlider=ua;exports.Input=ee;exports.Logo=ht;exports.MetaAuthor=Ui;exports.MetaRegular=Ii;exports.Modal=De;exports.PageHeading=X0;exports.PageSection=Ae;exports.PodcastEpisodeHero=fc;exports.PodcastFriendConfirmation=yc;exports.PodcastFriendForm=bc;exports.PodcastSeriesHero=uc;exports.PodcastSeriesHosts=mc;exports.PodcastSeriesLastEpisode=hc;exports.PodcastSeriesOverview=oc;exports.PodcastSlider=dc;exports.PublicationCard=ia;exports.RadioButton=Ee;exports.SearchFilter=mo;exports.SectionHeading=Pe;exports.Skeleton=ta;exports.SubscriptionForm=Oc;exports.SubscriptionLandingPage=ru;exports.SubscriptionSelectionFrame=as;exports.Table=ns;exports.Tabs=Gi;exports.Tag=na;exports.Toast=D0;exports.VideoCard=Q0;exports.VideoModal=ca;exports.VideoSlider=da;exports.ZakelijkAbonnementForm=Q1;exports.ZakelijkAbonnementPage=K1;exports.eventbus=vt;exports.formatDate=et;exports.iconKeys=Oi;exports.naarVeldDatum=nn;exports.setData=ss;exports.uitVeldDatum=pa;exports.useFetchData=d1;exports.useFetchList=u1;exports.useFormFactory=S1;exports.useFormHandler=C1;exports.useModalManager=D1;exports.useSharedState=H1;exports.useToast=la;

package/dist/index.d.ts

@@ -609,6 +609,8 @@ interface SubscriptionCardProps {
     pricePerWeek: number;
     originalPricePerWeek?: number;
     pricePeriod?: string;
+    pricePrefix?: string;
+    discountPrefix?: string;
     features: SubscriptionFeature[];
     isFeatured?: boolean;
     ctaLabel?: string;

package/dist/index.es.js

@@ -9721,49 +9721,52 @@ const c1 = ({
   pricePerWeek: t,
   originalPricePerWeek: r,
   pricePeriod: a = "per week",
-  features: s,
-  isFeatured: l = !1,
-  ctaLabel: i = "Kies abonnement",
-  ctaHref: o,
-  showTitle: c = !0,
-  borderColor: u = "gray-subtle"
+  pricePrefix: s,
+  discountPrefix: l,
+  features: i,
+  isFeatured: o = !1,
+  ctaLabel: c = "Kies abonnement",
+  ctaHref: u,
+  showTitle: d = !0,
+  borderColor: f = "gray-subtle"
 }) => {
-  const d = (p) => `€${p.toFixed(2).replace(".", ",")}`, f = r ? Math.round((1 - t / r) * 100) : void 0;
-  return /* @__PURE__ */ n.jsxs("div", { className: `flex flex-col flex-1 ${l ? "lg:shadow-m" : ""}`, children: [
-    /* @__PURE__ */ n.jsx("div", { className: "hidden lg:flex items-center justify-center", children: l && /* @__PURE__ */ n.jsx("span", { className: "text-body-uppercase-bold-small text-text-brand bg-background-brand-subtle w-full text-center p-xs", children: "Meest gekozen" }) }),
+  const p = (m) => `€${m.toFixed(2).replace(".", ",")}`, x = r ? Math.round((1 - t / r) * 100) : void 0;
+  return /* @__PURE__ */ n.jsxs("div", { className: `flex flex-col flex-1 ${o ? "lg:shadow-m" : ""}`, children: [
+    /* @__PURE__ */ n.jsx("div", { className: "hidden lg:flex items-center justify-center", children: o && /* @__PURE__ */ n.jsx("span", { className: "text-body-uppercase-bold-small text-text-brand bg-background-brand-subtle w-full text-center p-xs", children: "Meest gekozen" }) }),
     /* @__PURE__ */ n.jsxs(
       be,
       {
-        borderColor: u,
+        borderColor: f,
         padding: "m",
-        className: `flex flex-col gap-m flex-1 ${l ? "!border-t-0" : ""}`,
+        className: `flex flex-col gap-m flex-1 ${o ? "!border-t-0" : ""}`,
         children: [
           /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-s", children: [
-            c && /* @__PURE__ */ n.jsx("h3", { className: "font-gulliver font-bold text-body-xxl text-text-default text-center", children: e }),
+            d && /* @__PURE__ */ n.jsx("h3", { className: "font-gulliver font-bold text-body-xxl text-text-default text-center", children: e }),
             /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col items-center gap-l", children: [
               /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col items-center gap-xs", children: [
                 /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-xs", children: [
-                  r && /* @__PURE__ */ n.jsx("span", { className: "text-meta-light text-text-default !line-through", children: d(r) }),
+                  r && /* @__PURE__ */ n.jsx("span", { className: "text-meta-light text-text-default !line-through", children: p(r) }),
                   /* @__PURE__ */ n.jsxs("span", { className: "text-meta-bold text-text-default", children: [
-                    d(t),
+                    s && `${s} `,
+                    p(t),
                     " ",
                     a
                   ] })
                 ] }),
-                f && /* @__PURE__ */ n.jsx(We, { variant: "default", label: `${f}% korting` })
+                x && /* @__PURE__ */ n.jsx(We, { variant: "default", label: `${l ? `${l} ` : ""}${x}% korting` })
               ] }),
               /* @__PURE__ */ n.jsx(
                 X,
                 {
                   variant: "primary",
-                  label: i,
-                  href: o,
+                  label: c,
+                  href: u,
                   style: { paddingLeft: "var(--spacing-m)", paddingRight: "var(--spacing-m)" }
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ n.jsx(nn, { features: s })
+          /* @__PURE__ */ n.jsx(nn, { features: i })
         ]
       }
     )

package/package.json

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