https://www.jumbo.com/_nuxt/3hU0NGg2.js

1import{d as w,u as z,c as v,X as se,g as l,h as _,v as g,i as h,s as y,j as t,x as I,F as S,C as L,I as M,E as x,y as E,G as b,bQ as D,bR as N,P as B,aV as J,q as C,w as T,ag as W,b as ne,bg as ae,bS as re,bT as P,a as le,a0 as ie,m as O,p as oe,o as ce,bp as ue,$ as de}from"./DQM39uDX.js";import{q as pe}from"./5N-lnMGR.js";import{u as V}from"./CTBGqLib.js";import{U as _e}from"./CAWM5U5y.js";import{C as G}from"./BT4wJvOy.js";import{z as fe}from"./CbxmmV6i.js";import"./PnGleAAA.js";import"./DEuXLzYl.js";import"./DWmvp5sJ.js";import"./F2-VOpdA.js";import"./BXoUbNS3.js";import"./DZiXZHzj.js";import"./Dvfy4vOh.js";import"./BMLWdyMu.js";function $(d){return d.toLowerCase().replace(/ /g,"-").replace(/[^\w-]+/g,"")}function Q(d){return d.replace(/<[^>]+>/g," ").replace(/&nbsp;|\u00a0/g," ").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&quot;/g,'"').replace(/&#39;/g,"'").replace(/&amp;/g,"&").replace(/\s+/g," ").trim()}const me={class:"article-tree"},he={class:"desktop"},ge={class:"item-tree"},ve={key:0},ye={class:"mobile"},be={class:"item-tree"},ke=w({__name:"CategoryTree",props:{mainItems:{}},setup(d){const n=z(),s=v(()=>{const c=n.params.slug||"",[f]=typeof c=="string"&&c.indexOf("-")>=0?c.split("-").slice(-1):[c];return f}),r=c=>s.value===c.toString(),i=d,e=v(()=>i.mainItems.filter(c=>c.id.toString()!==s.value)),a=({item:c,category:f,navLevel:u})=>{const o=u==="sub"&&f?`/service/faq/${$(c.title)}-${c.id}/#${$(f.title)}-${f.id}`:`/service/faq/${$(c.title)}-${c.id}`;N({interaction:"nav",label:f?.title??c.title,clickComponent:"service-category-tree",clickUrl:o,categoryId:String(c.id),categoryTitle:c.title,subcategoryId:f?String(f.id):void 0,subcategoryTitle:f?.title,navLevel:u})};return(c,f)=>{const u=se("router-link");return l(),_("div",me,[g("div",he,[h(t(I),{h2:"",styled:"h4"},{default:y(()=>f[0]||(f[0]=[g("strong",null,"Service",-1)])),_:1}),g("ul",ge,[(l(!0),_(S,null,L(c.mainItems,o=>(l(),_("li",{key:o.id,class:M({active:r(o.id)})},[h(u,{to:`/service/faq/${t($)(o.title)}-${o.id}`,onClick:p=>a({item:o,navLevel:"main"})},{default:y(()=>[h(t(I),{h3:"",bold:"",styled:"h5"},{default:y(()=>[g("span",{class:M({active:r(o.id)})},x(o.title),3)]),_:2},1024)]),_:2},1032,["to","onClick"]),r(o.id)&&o.categories?(l(),_("ul",ve,[(l(!0),_(S,null,L(o.categories,p=>(l(),_("li",{key:p.id},[h(u,{to:`/service/faq/${t($)(o.title)}-${o.id}/#${t($)(p.title)}-${p.id}`,class:"h6",onClick:A=>a({item:o,category:p,navLevel:"sub"})},{default:y(()=>[E(x(p.title),1)]),_:2},1032,["to","onClick"])]))),128))])):b("",!0)],2))),128))])]),g("div",ye,[h(t(I),{h2:"",styled:"h4"},{default:y(()=>f[1]||(f[1]=[g("strong",null,"Andere pagina's",-1)])),_:1}),g("ul",be,[(l(!0),_(S,null,L(t(e),o=>(l(),_("li",{key:o.id},[h(t(D),{icon:o.iconCode,label:o.title,url:`/service/faq/${t($)(o.title)}-${o.id}`,"data-testid":"category-touch-button",onClick:p=>a({item:o,navLevel:"main"})},null,8,["icon","label","url","onClick"])]))),128))])])])}}}),Ce=B(ke,[["__scopeId","data-v-bf477b9a"]]),$e={class:"answers"},we={class:"answer"},qe=["innerHTML"],Ae=w({__name:"ArticlePanel",props:{article:{}},setup(d){const n=J(),s=d,r=e=>n.currentRoute.value.params.slug[2]===e,i=()=>{N({interaction:"ka-open",label:s.article.question,clickComponent:"service-knowledge-article",kaId:s.article.id})};return(e,a)=>(l(),_("div",$e,[h(t(_e),{open:r(e.article.id),"data-testid":"faq-panel",onOpen:i},{title:y(()=>[h(t(I),{h3:"",bold:"",styled:"h6"},{default:y(()=>[E(x(e.article.question),1)]),_:1})]),default:y(()=>[g("div",we,[g("div",{innerHTML:e.article.answer},null,8,qe),e.article.url?(l(),C(t(G),{key:0,links:[{to:e.article.url,text:"Meer informatie"}]},null,8,["links"])):b("",!0)])]),_:1},8,["open"])]))}}),Ie=B(Ae,[["__scopeId","data-v-c0b0ffe9"]]),Se={class:"articles"},Le=w({__name:"ArticleList",props:{articles:{}},setup(d){const n=d,s=v(()=>n.articles.map(r=>({...r,url:r.url||""})));return(r,i)=>(l(),_("div",Se,[g("ul",null,[(l(!0),_(S,null,L(t(s),e=>(l(),_("li",{key:e.id},[h(Ie,{article:e},null,8,["article"])]))),128))])]))}}),K=B(Le,[["__scopeId","data-v-b2b00971"]]),Be={class:"categories-buttons"},xe={key:0},Te=w({__name:"CategoryButtons",props:{categoryId:{}},async setup(d){let n,s;const r=V();[n,s]=T(()=>

1r.init()),await n,s();const{faqLoaded:i}=W(r),{isAuthenticated:e}=ne(),a=d,c=u=>e.value&&u.authenticatedUrl?u.authenticatedUrl:u.url,f=v(()=>(r.getItemById(a.categoryId)?.buttons??[]).map(u=>({...u,url:c(u)})));return(u,o)=>(l(),_("div",Be,[t(i)&&f.value.length?(l(),_("ul",xe,[(l(!0),_(S,null,L(f.value,p=>(l(),_("li",{key:`${p.label}-${p.url}`},[h(t(D),{icon:p.iconCode,label:p.label,url:p.url,"data-testid":"category-button"},null,8,["icon","label","url"])]))),128))])):b("",!0)]))}}),R=B(Te,[["__scopeId","data-v-646fbc9c"]]);async function U(){const{public:{environment:d}}=ae(),n=d==="prod"?"https://www.jumbo.com":"https://acc-ish.jumbo.com";return new Promise((s,r)=>fetch(`${n}/api/graphql`,{method:"POST",headers:{"Content-Type":"application/json","apollographql-client-name":"faq-service","apollographql-client-version":"1.0.0"},body:JSON.stringify({query:re.loc?.source.body})}).then(async i=>{const{data:e,errors:a}=await i.json();a&&r(a);const c=e?.faqs?.faq??[];return s(c)}))}async function j(d){const{data:n}=await P("faqArticles",()=>U()),s=v(()=>{const r=d().reduce((e,a)=>e.concat(a.articles??[]),[]),i=new Map(n.value?.map(e=>[e.id,e]));return r.map(e=>i.get(e)).filter(e=>!!e).map(e=>({"@type":"Question",name:Q(e.question),acceptedAnswer:{"@type":"Answer",text:Q(e.answer)}}))});le(v(()=>s.value.length?{script:[{type:"application/ld+json",innerHTML:JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:s.value})}]}:{}))}const Ee=["id"],Fe={bold:"",styled:"h4"},Me=w({__name:"CategorySubList",props:{categoryIds:{}},async setup(d){let n,s;const r=d,i=V();[n,s]=T(()=>i.init()),await n,s();const e=v(()=>r.categoryIds.map(u=>i.getItemById(u)).filter(u=>!!u)),{data:a,error:c}=P("faqArticles",async()=>new Promise((u,o)=>{U().then(u).catch(o)}));function f(u){if(c.value)return console.error("Error fetching FAQ articles:",c.value),[];const o=i.getItemById(u)?.articles??[],p=new Map(a.value?.map(A=>[A.id,A]));return o.map(A=>p.get(A)).filter(Boolean)}return[n,s]=T(()=>j(()=>e.value)),await n,s(),(u,o)=>(l(),_("div",null,[(l(!0),_(S,null,L(t(e),p=>(l(),_("div",{key:p.id,class:"categories"},[g("div",{id:`${t($)(p.title)}-${p.id}`,class:"anchor"},null,8,Ee),g("h3",Fe,x(p.title),1),h(R,{"category-id":p.id.toString()},null,8,["category-id"]),h(K,{articles:f(p.id)},null,8,["articles"])]))),128))]))}}),X=w({__name:"CategoryLinks",props:{links:{}},setup(d){const n=d.links.map(({label:s,url:r,isNuxt:i,isVueRouter:e})=>({to:r,text:s,isNuxt:i,isVueRouter:e}));return(s,r)=>s.links&&s.links.length?(l(),C(t(G),{key:0,links:t(n)},null,8,["links"])):b("",!0)}}),Y=w({__name:"ArticleIDs",props:{articleIds:{}},setup(d){const{data:n,error:s}=P("faqArticles",()=>new Promise((i,e)=>{U().then(i).catch(e)}));function r(i){if(s.value)return console.error("Error fetching FAQ articles:",s.value),[];const e=new Map(n.value?.map(a=>[a.id,a]));return i.map(a=>e.get(a)).filter(Boolean)}return(i,e)=>(l(),C(K,{articles:r(i.articleIds)},null,8,["articles"]))}}),Ne=["id"],Pe=w({__name:"CategoryList",props:{categories:{},activeCategory:{}},async setup(d){let n,s;const r=d;return[n,s]=T(()=>j(()=>r.categories)),await n,s(),(i,e)=>(l(!0),_(S,null,L(i.categories,a=>(l(),_("div",{key:a.id,class:"categories"},[g("div",{id:`${t($)(a.title)}-${a.id}`,class:"anchor"},null,8,Ne),h(t(I),{h2:"",bold:"",styled:"h4"},{default:y(()=>[E(x(a.title),1)]),_:2},1024),h(R,{"category-id":a.id.toString()},null,8,["category-id"]),a.categories?.length?(l(),C(Me,{key:0,"category-ids":a.categories.map(c=>c.id),"data-testid":"category-sub-list"},null,8,["category-ids"])):b("",!0),a.articles&&a.articles.length?(l(),C(Y,{key:1,"article-ids":a.articles,"data-testid":"article-ids"},null,8,["article-ids"])):b("",!0),a.links?(l(),C(X,{key:2,links:a.links},null,8,["links"])):b("",!0)]))),128))}}),Ve=B(Pe,[["__scopeId","data-v-80b947a8"]]),Re=[{channel:"whatsapp",patterns:["whatsapp","wa.me"]},{channel:"phone",patterns:["tel:"]},{channel:"mail",patterns:["mailto:"]},{channel:"facebook",patterns:["facebook"]},{channel:"twitter",patterns:["twitter","x.com"]},{channel:"chat",patterns:["chat"]},{channel:"selfservice",patterns:["selfservice","zelf","probleem-met-bestelling"]}],Ue=d=>{if(!(d instanceof Element))return;const n=d.closest("a, button");if(!n)return;const s=(n.getAttribute("href")??"").toLowerCase(),r=(n.textContent??"").toLowerCase(),i=(n.getAttribute("data-testid")??"").toLowerCase(),e=n instanceof HTMLElement?n.className.toLowerCase():"",a=`${s} ${r} ${i} ${e}`;return Re.find(({patterns:c})=>c.some(f=>a.includes(f)))?.channel},je={class:"articles-contact"},He=w({__name:"ArticlesContact",props:{showSelfService:{type:Boolean}},setup(d){const n=s=>{const r=Ue(s.target);if(!r)return;const i=s.target instanceof Element?s.target.closest("a, button"):null,e=i?.getAttribute("href")??void 0,a=i?.textContent?.trim()||r;N({interaction:"contact",label:a,clickComponent:"service-contact-module",clickUrl:e,contactChannel:r})};return(s,r)=>(l(),_("div",je,[h(t(fe),{selfservice:s.showSelfService,highlight:"selfservice",whatsapp:"",phone:"",onClickCapture:n},null,8,["selfservice"])]))}}),Oe=B(He,[["__scopeId","data-v-0a252e91"]]),Qe={key:0,class:"detail"},ze={"data-testid":"page-header",class:"app-header"},De={key:0},Je={class:"contact"},We=w({__name:"[slug]",async setup(d){let n,s;const{application:{isJumboMobile:r}}=ie(),i=z(),e=J(),a=O(i.params.slug),c=V();[n,s]=T(()=>c.init()),await n,s();const{faqLoaded:f,mainItems:u}=W(c),o=v(()=>{const m=i.params.slug??"";return Array.isArray(m)?m[m.length-1]:m.includes("-")?m.split("-").pop():m}),p=v(()=>o.value||void 0),A=v(()=>{const m=i.params.slug??"",q=Array.isArray(m)?m[m.length-1]:m,H=O(window?.innerWidth<577),te=()=>{H.value=window?.innerWidth<577};return ce(()=>{ue(window,"resize",te)}),H.value?[{title:"Service",url:"/service"},{title:F.value,url:q}]:[{title:"Service",url:"/service"},{title:F.value,url:q},{title:"Veelgestelde vragen",url:"/service/faq"}]}),k=v(()=>u.value?u.value.find(m=>m.id.toString()===o.value):null);[n,s]=T(()=>j(()=>k.value?[k.value]:[])),await n,s();const F=v(()=>{const m=u.value.find(q=>q.id.toString()===o.value);return m?m.title:""}),Z=v(()=>["4","5"].includes(o.value)),ee=()=>{if(!a.value.length){const m=u.value[0];if(m){const q=$(m.title);e.replace(`/service/faq/${q}-${m.id}`)}}};return oe(u,()=>ee(),{immediate:!0}),(m,q)=>t(u)&&t(u).length?(l(),C(t(de),{key:0,class:"jum-faq"},{default:y(()=>[g("aside",null,[h(Ce,{"main-items":t(u)},null,8,["main-items"])]),t(f)?(l(),_("div",Qe,[g("header",ze,[h(t(pe),{breadcrumbs:t(A),class:M({"faq-breadcrumbs--app":t(r)})},null,8,["breadcrumbs","class"])]),h(t(I),{h1:"",styled:"h3",class:"page-header"},{default:y(()=>[g("strong",null,x(t(F)),1)]),_:1}),t(k)?(l(),_("div",De,[t(k).categories&&t(k).categories.length>0?(l(),C(Ve,{key:0,categories:t(k).categories,"active-category":t(p)},null,8,["categories","active-category"])):(l(),C(t(I),{key:1,h2:"",bold:"",styled:"h4"},{default:y(()=>q[0]||(q[0]=[E("Veelgestelde vragen")])),_:1})),h(R,{"category-id":t(p)},null,8,["category-id"]),t(k).articles&&t(k).articles.length>0?(l(),C(Y,{key:2,"article-ids":t(k).articles},null,8,["article-ids"])):b("",!0)])):b("",!0),t(k)?.links?(l(),C(X,{key:1,links:t(k).links},null,8,["links"])):b("",!0)])):b("",!0),g("div",Je,[h(Oe,{"show-self-service":t(Z)},null,8,["show-self-service"])])]),_:1})):b("",!0)}}),ct=B(We,[["__scopeId","data-v-b23db83f"]]);export{ct as default};