https://payabl.com/static/Ymr-vvXe.js

1import{_ as Z}from"./Ce87w7hP.js";import{e as ee,ah as te,F as y,j as ae,o as ne,K as oe,S as j,b3 as le,f as se,a as u,b as s,d as l,m as p,r as _,x as e,_ as re,n as I,z as R,E as b,V as D,am as F,G as M,H as B,q as J,b4 as k,v as h,t as z,C as ie,aH as ue}from"./uLVsjhBH.js";import{_ as ce}from"./zTOuxdFf.js";import{_ as fe}from"./D_SBIttC.js";import{e as de}from"./BOdKu5zL.js";import{u as me}from"./CZIPA_jO.js";import{M as pe}from"./DzCCLVPO.js";const ge={class:"max-w-screen-xl mx-auto lg:flex lg:pt-10 relative z-10"},ve={class:"mobile-menu flex justify-between py-3 items-center lg:items-start w-full lg:w-auto max-lg:px-4"},_e={class:"flex flex-col lg:flex-row lg:items-center px-4 max-lg:pb-[80px] max-lg:pt-14 min-h-full"},be={class:"my-8 flex flex-col lg:my-0 lg:px-6 lg:flex-row overflow-hidden"},he=["onMouseenter","onClick"],xe=["onClick"],ye=["aria-expanded","aria-hidden"],ke={class:"xs:flex xs:items-center max-md:mt-auto"},we=["aria-expanded"],Ce={key:0,class:"overflow-hidden"},$e={class:"text-dark pt-6 pb-7"},Me={class:"px-6.5 mx-auto flex"},Be={class:"mb-5 last:mb-0"},Ee=ee({__name:"Header",props:{variant:{default:"default"},class:{type:[Boolean,null,String,Object,Array]}},setup(g){const K=g,{country:V,setCountry:q}=me(),{trackEvent:w,trackDebouncedEvent:L}=te(),x=y(JSON.parse(JSON.stringify(pe))),{t:v}=ae({useScope:"global"}),C=t=>t.toLowerCase().replace(/[/'&]/g,"").replace(/[.\s-]+/g,"_");ne(async()=>{try{const t=await $fetch("/api/location");t&&q(t)}catch{}}),oe(V,t=>{x.value&&x.value.forEach(n=>{n.columns?.forEach(d=>{d.links?.forEach(r=>{t?.isoCode==="GB"&&r.path==="/payabl-business-accounts"&&(r.path="/gb/payabl-business-accounts"),t?.isoCode==="GB"&&r.path==="/pos-terminal"&&(r.path="/gb/pos-terminal")}),t?.isoCode==="GB"&&(d.links=d.links?.filter(r=>r.path!=="/stablecoin-settlements"))})})},{immediate:!0}),V?.value?.isoCode==="GB"&&x.value.forEach(t=>{t.columns?.forEach(n=>{n.links?.forEach(d=>{d.path==="/payabl-business-accounts"&&(d.path="/gb/payabl-business-accounts"),d.path==="/pos-terminal"&&(d.path="/gb/pos-terminal")})})});const $=j("header"),o=y(-1),S=y(0),a=y(!1),E=()=>{a.value=!1,o.value=-1};le("resize",y(window),()=>{o.value<0||E()});const A=se(),P={"/payment-accounts-for-all-businesses-1":"#contact"}[A.path]||"/contact",U=F("sticky lg:px-6 xl:px-8 lg:fixed top-0 max-lg:!top-0 z-[100] w-full before:absolute before:inset-0 lg:before:h-48 lg:before:-top-48 before:pointer-events-none duration-300",{variants:{variant:{default:"lg:before:shadow-[0_0_192px_30px_#022128] [&_.mobile-menu]:max-lg:bg-dark",light:"lg:before:shadow-[0_0_192px_30px_#e5e7eb] [&_.mobile-menu]:max-lg:bg-white",primary:"[&_.mobile-menu]:bg-linear-to-b [&_.mobile-menu]:max-lg:from-brand-black-1 [&_.mobile-menu]:max-lg:to-transparent lg:before:shadow-[0_0_192px_30px_var(--color-brand-black-1)]"}},defaultVariants:{variant:"default"}}),Y=F("absolute -z-[1] bg-white lg:border lg:border-pale lg:rounded-[36px] top-0 left-0 overflow-y-auto lg:overflow-visible transition-[height] duration-300 lg:ml-auto lg:static lg:!h-full max-lg:w-full",{variants:{variant:{default:"max-lg:bg-dark max-lg:text-white",light:"text-dark",primary:"max-lg:bg-header-gradient max-lg:text-white"}},defaultVariants:{variant:"default"}});j("logo");let H=!0;const{directions:N}=de(y(window),{throttle:200,onScroll:()=>{if($.value){if(window.scrollY<20){H=!0,$.value.style.top="0";return}N.top!==H&&(H=N.top,$.value.style.top=N.top?"0":`-${$.value.getBoundingClientRect().height}px`)}}});return(t,n)=>{const d=Z,r=re,Q=ce,W=fe,G=ie;return s(),u("header",{class:b(("cn"in t?t.cn:e(D))(e(U)({variant:g.variant}),K.class)),ref_key:"header",ref:$},[l("div",ge,[l("div",ve,[p(r,{to:"/",class:"inline-block","aria-label":"Payabl home page",onClick:n[0]||(n[0]=c=>e(w)("click","click_nav_logo"))},{default:_(()=>[p(d,{class:"lg:w-52 h-auto",color:g.variant==="light"?"#022128":"#fff",ref:"logo"},null,8,["color"])]),_:1}),l("button",{type:"button",onClick:n[1]||(n[1]=c=>{a.value=!e(a),o.value=-1}),class:"lg:hidden","aria-label":"Header navigation"},[e(a)?(s(),I(Q,{key:0,variant:g.variant},null,8,["variant"])):(s(),I(W,{key:1,variant:g.variant},null,8,["variant"]))])]),l("div",{class:b(("cn"in t?t.cn:e(D))(e(Y)({variant:g.variant}))),style:R({height:e(a)?"100dvh":0})},[l("div",_e,[l("nav",be,[(s(!0),u(M,null,B(e(x),({columns:c,title:f},i)=>(s(),u("div",null,[l("button",{onMouseenter:m=>{o.value=i,a.value=!0,e(L)("hover",`hover_nav_menu_open_${("slugify"in t?t.slugify:e(k))(f)}`)},onMouseleave:n[2]||(n[2]=m=>a.value=!1),onClick:m=>e(a)&&e(o)===i?a.value=!1:(o.value=i,a.value=!0),class:b(["whitespace-nowrap text-center text-dark text-base group relative p-3.5 py-6 max-lg:hidden after:absolute after:-z-10 after:opacity-50 after:top-[55%] after:-left-0 after:-bottom-0 after:-right-0 after:[clip-path:polygon(20%_0%,80%_0%,120%_100%,-20%_100%)]",{"after:opacity-50 after:z-1000 after:-left-18 after:-right-18 after:pointer-events-auto":e(o)===i&&e(a)}])},[l("span",{class:b(["opacity-70",{"[&]:opacity-0":e(o)===i&&e(a)}])}

1,h(e(v)(`menu_${C(f)}`)),3),l("span",{class:b(["absolute opacity-0 left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 font-bold z-10",{"[&]:opacity-100":e(o)===i&&e(a)}])},h(e(v)(`menu_${C(f)}`)),3)],42,he),l("button",{onClick:m=>{o.value=i,e(L)("click",`click_nav_menu_open_${("slugify"in t?t.slugify:e(k))(f)}`)},class:"text-[18px] font-medium text-start w-full relative py-3 lg:hidden hover:text-brand-green-3"},h(e(v)(`menu_${C(f)}`)),9,xe),i===e(o)?(s(!0),u(M,{key:0},B(c,({links:m})=>(s(),u("ul",{class:"px-2 my-4 flex flex-col gap-y-2 lg:hidden","aria-expanded":e(a)&&i===e(o),"aria-hidden":i!==e(o)},[(s(!0),u(M,null,B(m,({label:T,path:X,external:O})=>(s(),u("li",null,[p(r,{to:X,external:O,target:O?"_blank":"_self",onClick:ze=>{E(),e(w)("click",`click_nav_${("slugify"in t?t.slugify:e(k))(f)}_${("slugify"in t?t.slugify:e(k))(T)}`)}},{default:_(()=>[z(h(e(v)(`menu_${C(T)}`)),1)]),_:2},1032,["to","external","target","onClick"])]))),256))],8,ye))),256)):J("",!0)]))),256))]),l("div",ke,[p(G,{variant:"secondary-bw",size:"md","as-child":"",class:b(["w-full xs:w-auto max-md:bg-transparent",{"max-md:text-white max-md:border-white":g.variant!=="light"}])},{default:_(()=>[p(r,{to:"https://one.payabl.com/",external:"",target:"_blank",onClick:n[3]||(n[3]=c=>{E(),e(w)("click","click_nav_login")})},{default:_(()=>[z(h(e(v)("menu_login")),1)]),_:1})]),_:1},8,["class"]),p(G,{"as-child":"",variant:"primary",size:"md",class:"w-full mt-6 xs:ml-4 xs:w-auto xs:mt-0"},{default:_(()=>[p(r,{to:e(P),onClick:n[4]||(n[4]=c=>{E(),e(w)("click","click_nav_contact_us")})},{default:_(()=>[z(h(e(v)("cta_contact_us")),1)]),_:1},8,["to"])]),_:1})])]),l("div",{onMouseenter:n[5]||(n[5]=c=>a.value=!0),onMouseleave:n[6]||(n[6]=c=>a.value=!1),"aria-expanded":e(a),role:"grid",class:b(["hidden lg:grid lg:grid-rows-[0fr] transition-[grid-template-rows] duration-300 ease-in w-full",{"[&]:grid-rows-[1fr]":e(a)}])},[e(o)>-1?(s(),u("div",Ce,[l("div",$e,[l("div",Me,[l("div",{class:"transition-[height] duration-200",style:R({height:e(S)?`${e(S)}px`:"0px"})},[l("nav",{class:"px-2.5 flex gap-x-12 font-book text-[16px]",ref:async c=>{await("nextTick"in t?t.nextTick:e(ue))();const f=c;S.value=f?.offsetHeight}},[(s(!0),u(M,null,B(e(x)[e(o)]?.columns,({links:c})=>(s(),u("ul",null,[(s(!0),u(M,null,B(c,({label:f,path:i,external:m})=>(s(),u("li",Be,[p(r,{to:i,external:m,target:m?"_blank":"_self",class:"px-4 py-2 lg:hover:bg-[#B0EBCE]/60 rounded-full",onClick:T=>{a.value=!1,e(w)("click",`click_nav_${("slugify"in t?t.slugify:e(k))(e(x)[e(o)]?.title||"")}_${("slugify"in t?t.slugify:e(k))(f)}`)}},{default:_(()=>[z(h(e(v)(`menu_${C(f)}`)),1)]),_:2},1032,["to","external","target","onClick"])]))),256))]))),256))],512)],4)])])])):J("",!0)],42,we)],6)])],2)}}}),Oe=Object.assign(Ee,{__name:"LayoutHeader"});export{Oe as _};