https://payabl.com/static/DUPnCWuc.js

1import{_ as ot}from"./pFAYuPxx.js";import{e as nt,j as it,f as ut,o as dt,F as O,J as ct,y as o,w as D,l as mt,K as pt,n as N,r as s,L as _t,M as ft,b as m,m as u,q as U,x as t,D as gt,t as f,v as l,A as vt,d as i,B as W,I as M,C as bt,_ as ht,a as C,E as I,G as V,H as j,N as yt}from"./uLVsjhBH.js";import{_ as xt}from"./Dkwo5EJ8.js";import{_ as wt}from"./Cb13Kb1z.js";import{_ as kt}from"./BLnch9os.js";import{u as F}from"./BUIZZMeO.js";import"./DcYwB5-T.js";import"./DlAUqK2U.js";const At={class:"col-span-12 md:col-span-6 overflow-hidden"},$t=["src","alt"],qt={class:"col-span-12 md:col-span-6 flex flex-col items-start p-6 pb-8 md:p-16 md:pl-8"},Dt={class:"bg-brand-green-4 text-[#7CDDAE] text-sm rounded-full block py-1 px-2 leading-4 mb-6 md:mb-8"},Nt={class:"text-[#404444]"},Ct={class:"col-span-12"},Lt={class:"col-span-12 text-center"},Pt={key:0,class:"flex flex-wrap gap-1.5 md:gap-4 mb-4 md:mb-6"},Bt={key:1,class:"flex flex-wrap gap-1.5 md:gap-4 mb-8 md:mb-12"},Et={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-12 mb-11 md:mb-16"},Mt={class:"bg-brand-green-4 text-[#7CDDAE] text-sm rounded-full block py-1 px-2 leading-4 mr-auto mb-3 md:mb-[14px]"},It={class:"flex flex-col text-brand-black-1 h-full justify-between"},Ft={class:"group-hover:text-brand-green-1 text-xl md:text-2xl mb-3 leading-tight"},Ht={class:"[&]:text-sm font-medium text-[#404444] text-book"},Gt=nt({__name:"[code]",async setup(Qt){let e,c;const{t:z}=it(),H=ut(),g=o(()=>H.params.code),v=o(()=>g.value==="all"),n=o(()=>H.query.topic||""),Q=O(!0),L=o(()=>Q.value?6:12),b=O(1);let q=null,P=null;dt(()=>{q=window.matchMedia("(min-width: 768px)"),Q.value=!q.matches,P=r=>{Q.value=!r.matches,b.value=1},q.addEventListener("change",P)}),ct(()=>{q&&P&&q.removeEventListener("change",P)});const X={locale:"en","fields[0]":"name","fields[1]":"code","fields[2]":"category_description",...v.value?{}:{"filters[code][$eq]":g.value}},{data:p}=([e,c]=D(()=>F("article-categories",{query:X})),e=await e,c(),e),y=o(()=>v.value?"All":p.value?.ok&&p.value.result.data.length>0?p?.value?.result?.data[0]?.attributes.name:g.value),B=o(()=>v.value?-1:p.value?.ok&&p.value.result.data.length>0?p?.value?.result?.data[0]?.id:null),Y=o(()=>v.value?"":p.value?.ok&&p.value.result.data.length>0?p?.value?.result?.data[0]?.attributes?.category_description?.[0]?.children?.[0]?.text??"":""),Z=o(()=>({locale:"en","fields[0]":"name","fields[1]":"code",...n.value?{"filters[code][$eq]":n.value}:{}})),{data:x}=([e,c]=D(()=>F("topics",{query:Z,watch:[n]})),e=await e,c(),e),E=o(()=>n.value?x.value?.ok&&x.value.result.data.length>0?x.value.result.data[0]?.attributes.name:n.value:""),w=o(()=>n.value&&x.value?.ok&&x.value.result.data.length>0?x.value.result.data[0]?.id:null);mt({title:()=>E.value?`${y.value} - ${E.value} | payabl.`:`${y.value} | payabl.`,description:()=>E.value?`Articles in ${y.value} category about ${E.value}.`:`Articles in ${y.value} category.`});const{data:h}=([e,c]=D(async()=>ft(`category-articles-${g.value}`,async()=>{if(!B.value)return null;const r={populate:"*",locale:"en","fields[0]":"title","fields[1]":"slug","fields[2]":"intro","fields[3]":"publish_date","sort[0]":"publish_date:desc","sort[1]":"id:desc","pagination[limit]":1};v.value||(r["filters[article_categories][id][$eq]"]=B.value),n.value&&w.value&&(r["filters[topics][id][$eq]"]=w.value);const d=await $fetch("/api/cms/articles",{query:r}),k=d?.ok&&d.result.data.length>0?d.result?.data[0]?.id:null,A={populate:"*",locale:"en","fields[0]":"title","fields[1]":"slug","fields[2]":"intro","fields[3]":"publish_date","sort[0]":"publish_date:desc","sort[1]":"id:desc","pagination[start]":(b.value-1)*L.value,"pagination[limit]":L.value,"pagination[withCount]":!0};v.value||(A["filters[article_categories][id][$eq]"]=B.value),n.value&&w.value&&(A["filters[topics][id][$eq]"]=w.value),k&&(A["filters[id][$ne]"]=k);const S=await $fetch("/api/cms/articles",{query:A});return{latest:d,articles:S}},{watch:[B,w,b,L]})),e=await e,c(),e);pt(w,()=>{b.value=1});const _=o(()=>h.value?.latest?.ok&&h.value.latest.result.data.length>0?h.value?.latest?.result?.data[0]?.attributes:null),tt=o(()=>h.value?.articles?.ok?h.value.articles.result.data:[]),et=o(()=>h.value?.articles?.ok?Math.ceil(h.value.articles.result.meta.pagination.total/L.value):0),{data:K}=([e,c]=D(()=>F("article-categories",{query:{locale:"en","sort[0]":"order:asc","fields[0]":"name","fields[1]":"code"}})),e=await e,c(),e),R=o(()=>K.value?.ok?K.value.result.data:[]),{data:T}=([e,c]=D(()=>F("topics",{query:{locale:"en","sort[0]":"name:asc","fields[0]":"name","fields[1]":"code"}})),e=await e,c(),e),G=o(()=>T.value?.ok?T.value.result.data:[]);return(r,d)=>{const k=ot,A=gt,S=xt,$=ht,at=bt,rt=wt,J=vt,st=kt,lt=_t;return m(),N(lt,{name:"white"},{default:s(()=>[u(S,{breadcrumbs:[{label:"Knowledge Hub",path:"/news"},{label:t(y)??"",path:t(H).path}]},{title:s(()=>[u(k,{is:"h1",variant:"h2",class:"mb-4 md:mb-6 text-[32px] max-w-[640px] max-sm:max-w-7/10 leading-none"},{default:s(()=>[f(l(t(y)),1)]),_:1})]),description:s(()=>[u(A,{class:"max-w-[640px]"},{default:s(()=>[f(l(t(Y)),1)]),_:1})]),_:1},8,["breadcrumbs"]),t(_)?(m(),N(J,{key:0,class:"py-24 max-sm:pb-0"},{default:s(()=>[u(rt,{class:"bg-brand-grey-1 border-0 col-span-12 grid grid-cols-12 overflow-hidden rounded-4xl"},{default:s(()=>[i("div",At,[i("img",{src:t(_).cover_image?.data?.attributes.url,alt:t(_).title,class:"h-full w-auto object-cover"},null,8,$t)]),i("div",qt,[i("p",Dt,l(t(_)?.article_categories?.data[0]?.attributes.name),1),u(k,{variant:"h4",class:"mb-4"},{default:s(()=>[f(l(t(_).title),1)]),_:1}),i("p",Nt,l(("formatNumDate"in r?r.formatNumDate:t(W))(t(_).publish_date))+" "+l(("formatArticleAuthors"in r?r.formatArticleAuthors:t(M))(t(_).authors)&&"•")+" "+l(("formatArticleAuthors"in r?r.formatArticleAuthors:t(M))(t(_).authors)),1),u(at,{variant:"primary",size:"md","as-child":"",class:"max-xs:w-full mt-8 md:mt-10"},{default:s(()=>[u($,{to:`/news/${t(_).slug}`},{default:s(()=>[f(l(t(z)("cta_read_more")),1)]),_:1},8,["to"])]),_:1})])]),_:1})]),_:1})):U("",!0),u(J,{class:"mx-auto py-24 md:pb-48",ref:"articles"},{default:s(()=>[i("div",Ct,[i("div",Lt,[u(k,{variant:"h2",class:"mb-8 md:mb-12"},{default:s(()=>[f(l(t(z)("news_category_read_more_prefix")),1)]),_:1})]),t(R).length>1?(m(),C("div",Pt,[u($,{to:{path:"/news/category/all",query:t(n)?{topic:t(n)}:{}}

1,class:I(["rounded-full leading-[17px] py-1.5 px-3 md:py-2 md:px-4 font-normal duration-300 hover:bg-primary hover:text-dark hover:border-primary text-sm md:text-base",t(v)?"bg-primary text-dark border-primary":"bg-brand-grey-2"])},{default:s(()=>[...d[1]||(d[1]=[f(" All ",-1)])]),_:1},8,["to","class"]),(m(!0),C(V,null,j(t(R),a=>(m(),N($,{key:a.id,to:{path:`/news/category/${a.attributes.code}`,query:t(n)?{topic:t(n)}:{}},class:I(["rounded-full leading-[17px] py-1.5 px-3 md:py-2 md:px-4 font-normal duration-300 hover:bg-primary hover:text-dark hover:border-primary text-sm md:text-base",a.attributes.code===t(g)?"bg-primary text-dark border-primary":"bg-brand-grey-2"])},{default:s(()=>[f(l(a.attributes.name),1)]),_:2},1032,["to","class"]))),128))])):U("",!0),t(G).length>0?(m(),C("div",Bt,[u($,{to:{path:`/news/category/${t(g)}`},class:I(["rounded-full leading-[17px] py-1.5 px-3 md:py-2 md:px-4 font-normal duration-300 hover:bg-primary hover:text-dark hover:border-primary text-sm md:text-base",t(n)?"bg-brand-grey-2":"bg-primary text-dark border-primary"])},{default:s(()=>[...d[2]||(d[2]=[f(" All topics ",-1)])]),_:1},8,["to","class"]),(m(!0),C(V,null,j(t(G),a=>(m(),N($,{key:a.id,to:{path:`/news/category/${t(g)}`,query:{topic:a.attributes.code}},class:I(["rounded-full leading-[17px] py-1.5 px-3 md:py-2 md:px-4 font-normal duration-300 hover:bg-primary hover:text-dark hover:border-primary text-sm md:text-base",a.attributes.code===t(n)?"bg-primary text-dark border-primary":"bg-brand-grey-2"])},{default:s(()=>[f(l(a.attributes.name),1)]),_:2},1032,["to","class"]))),128))])):U("",!0),i("div",null,[i("div",Et,[(m(!0),C(V,null,j(t(tt),a=>(m(),N($,{key:a.id,class:"group flex flex-col",to:`/news/${a.attributes.slug}`},{default:s(()=>[i("p",Mt,l(a.attributes.article_categories.data[0]?.attributes.name),1),i("div",It,[i("h2",Ft,l(a.attributes.title),1),i("p",Ht,l(("formatNumDate"in r?r.formatNumDate:t(W))(a.attributes.publish_date))+" "+l(("formatArticleAuthors"in r?r.formatArticleAuthors:t(M))(a.attributes.authors)&&"•")+" "+l(("formatArticleAuthors"in r?r.formatArticleAuthors:t(M))(a.attributes.authors)),1)])]),_:2},1032,["to"]))),128))]),u(st,{"current-page":t(b),"onUpdate:currentPage":d[0]||(d[0]=a=>yt(b)?b.value=a:null),"total-pages":t(et)},null,8,["current-page","total-pages"])])])]),_:1},512)]),_:1})}}});

1export{Gt as default};