1import{_ as Te}from"./BXKVVLbp.js";import{j as he,k as ye,c as be,u as Le}from"#entry";import Se from"./gLDrJ1S0.js";import{v as W,l as X,r as v,w as De,y as G,N as Fe,O as xe,Y as d,a5 as e,aa as $,a2 as Z,a6 as B,a3 as w,x as t,P as f,a8 as n,ab as ue,M as Y,ak as z,aw as N,a9 as P,$ as I,T as K,ax as ge,Z as i,ay as j,a7 as Pe,az as ie,a4 as me,B as pe,aA as fe,b as Re}from"./DNMHFphG.js";import Be from"./BgQXOa6x.js";import{_ as ve}from"./DESv4Eln.js";import{_ as Ee}from"./BKvXdT3K.js";import{jobs as Oe}from"./BJiME_GT.js";import"./2vKr1biX.js";const je={id:"filter-section",class:"my-8"},Me={class:"hidden grid-cols-7 gap-4 lg:grid"},Ve={class:"truncate body-md text-neutral-700"},Ae={class:"absolute left-0 right-0 z-10 mt-1 overflow-y-auto bg-white border rounded-lg shadow-lg top-full border-neutral-300 max-h-60"},Ne=["checked"],Ie={class:"body-md text-neutral-700"},Ye=["checked","onChange"],ze={class:"body-md text-neutral-700"},Je={class:"truncate body-md text-neutral-700"},Ue={class:"absolute left-0 right-0 z-10 mt-1 overflow-y-auto bg-white border rounded-lg shadow-lg top-full border-neutral-300 max-h-60"},qe=["checked"],Ke={class:"body-md text-neutral-700"},Ge=["checked","onChange"],He={class:"body-md text-neutral-700"},Qe={class:"col-span-4"},Xe={class:"relative"},Ze={for:"desktop-search",class:"sr-only"},We=["placeholder"],et={class:"text-white"},tt={class:"flex gap-2 lg:hidden"},ot={class:"relative flex-1"},lt={for:"mobile-search",class:"sr-only"},st=["placeholder"],nt={class:"text-white"},at={key:0,class:"justify-end hidden mt-4 lg:flex"},rt={class:"flex items-center justify-between w-full"},it={class:"heading-md text-neutral-700"},dt={class:"flex-1 p-6 space-y-6 overflow-y-auto"},ct={class:"space-y-3"},ut={class:"bold-md text-neutral-500"},mt={class:"space-y-3"},pt={class:"flex items-center justify-between gap-3 cursor-pointer"},ft={class:"body-md text-neutral-700"},ht=["checked"],yt={class:"body-md text-neutral-700"},bt=["checked","onChange"],xt={class:"space-y-3"},gt={class:"bold-md text-neutral-500"},vt={class:"space-y-3"},kt={class:"flex items-center justify-between gap-3 cursor-pointer"},_t={class:"body-md text-neutral-700"},wt=["checked"],$t={class:"body-md text-neutral-700"},Ct=["checked","onChange"],Tt={class:"sticky bottom-0 p-6 bg-white border-t border-neutral-200"},Lt=W({__name:"FilterSection",props:{locations:{default:()=>["Jakarta","Depok","Yogyakarta"]},departments:{default:()=>["Operations","Human Resources Business Partner","Product","R&D","Legal","General Affairs","Business Development","Collection","Risk Control","Finance","Compliance","Retail Lender","Compensation and Benefits"]},modelValue:{default:()=>({location:[],department:[],search:""})},filterText:{default:()=>({allLocation:"Semua Lokasi",allDepartment:"Semua Departemen",searchPlaceholder:"Cari posisi pekerjaan...",searchButton:"Cari",clearFilters:"Clear Filters",filterTitle:"Filter",resetButton:"Reset",confirmButton:"Konfirmasi",locationLabel:"LOKASI",departmentLabel:"DEPARTEMEN"})}},emits:["update:modelValue","search"],setup(l,{emit:L}){const u=l,S=L,o=X({location:[],department:[],search:""}),a=v(!1),k=v(!1),C=v(!1),D=v(),R=v(),_=v(),T=v(),r=X({location:[],department:[]}),b=v(0),g=v(0),F=v(!1),M=v(0),A=()=>{M.value=window.pageYOffset,document.body.style.overflow="hidden",document.body.style.position="fixed",document.body.style.top=`-${M.value}px`,document.body.style.width="100%"},E=()=>{document.body.style.removeProperty("overflow"),document.body.style.removeProperty("position"),document.body.style.removeProperty("top"),document.body.style.removeProperty("width"),window.scrollTo(0,M.value)},J=()=>{r.location=[...o.location],r.department=[...o.department],C.value=!0,A()},h=()=>{C.value=!1,E()},V=()=>{o.location=[...r.location],o.department=[...r.department],c(),S("search",{...o}),h()},U=()=>{r.location=[],r.department=[]},Q=x=>{const m=r.location.indexOf(x);m>-1?r.location.splice(m,1):r.location.push(x)},ee=x=>{const m=r.department.indexOf(x);m>-1?r.department.splice(m,1):r.department.push(x)},te=()=>{r.location=[]},q=()=>{r.department=[]},oe=x=>{x.target;const m=T.value;if(!m)return;(m.querySelector(".overflow-y-auto")?.scrollTop||0)<=0&&(b.value=x.touches[0].clientY,F.value=!0)}
1,le=x=>{if(!F.value)return;const m=x.touches[0].clientY-b.value;m>0&&(g.value=m,x.preventDefault())},se=()=>{F.value&&(F.value=!1,g.value>100&&h(),g.value=0)};De(()=>{u.modelValue&&(o.location=Array.isArray(u.modelValue.location)?[...u.modelValue.location]:[],o.department=Array.isArray(u.modelValue.department)?[...u.modelValue.department]:[],o.search=u.modelValue.search||"")});const c=()=>{S("update:modelValue",{...o})},s=()=>{c(),S("search",{...o})},O=x=>{const m=o.location.indexOf(x);m>-1?o.location.splice(m,1):o.location.push(x),c()},H=x=>{const m=o.department.indexOf(x);m>-1?o.department.splice(m,1):o.department.push(x),c()},ne=()=>{o.location=[],c()},y=()=>{o.department=[],c()},ke=G(()=>o.location.length===0?u.filterText?.allLocation||"Semua Lokasi":o.location.length===1?o.location[0]:`${o.location.length} Lokasi`),_e=G(()=>o.department.length===0?u.filterText?.allDepartment||"Semua Departemen":o.department.length===1?o.department[0]:`${o.department.length} Departemen`),we=()=>{o.location=[],o.department=[],o.search="",c()},de=x=>{D.value&&!D.value.contains(x.target)&&(a.value=!1),R.value&&!R.value.contains(x.target)&&(k.value=!1),_.value&&_.value.contains(x.target)};Fe(()=>{document.addEventListener("click",de)}),xe(()=>{document.removeEventListener("click",de)});const ce=x=>{x.key==="Enter"&&s()};return(x,m)=>{const ae=he,$e=Se,Ce=ye;return i(),d("section",je,[e("div",Me,[e("div",{ref_key:"locationRef",ref:D,class:"relative"},[e("button",{class:w([{"border-primary-60":t(a)},"flex items-center justify-between w-full h-12 px-4 py-3 text-left transition-colors bg-white border rounded-lg border-neutral-300 hover:border-primary-60"]),onClick:m[0]||(m[0]=p=>a.value=!t(a))},[e("span",Ve,n(t(ke)),1),f(ae,{class:w([{"rotate-180":t(a)},"flex-shrink-0 w-4 h-4 ml-2 transition-transform text-neutral-500"])},null,8,["class"])],2),B(e("div",Ae,[e("label",{class:w([{"bg-primary-5":t(o).location.length===0},"flex items-center w-full gap-3 px-4 py-3 transition-colors cursor-pointer hover:bg-primary-5"])},[e("input",{checked:t(o).location.length===0,type:"checkbox",class:"w-4 h-4 border-2 rounded accent-primary-60 text-primary-60 border-neutral-300 focus:ring-2 focus:ring-primary-60",onChange:ne},null,40,Ne),e("span",Ie,n(l.filterText?.allLocation||"Semua Lokasi"),1)],2),(i(!0),d(Y,null,z(l.locations,p=>(i(),d("label",{key:p,class:w([{"bg-primary-5":t(o).location.includes(p)},"flex items-center w-full gap-3 px-4 py-3 transition-colors cursor-pointer hover:bg-primary-5"])},[e("input",{checked:t(o).location.includes(p),type:"checkbox",class:"w-4 h-4 border-2 rounded accent-primary-60 text-primary-60 border-neutral-300 focus:ring-2 focus:ring-primary-60",onChange:re=>O(p)},null,40,Ye),e("span",ze,n(p),1)],2))),128))],512),[[ue,t(a)]])],512),e("div",{ref_key:"departmentRef",ref:R,class:"relative"},[e("button",{class:w([{"border-primary-60":t(k)},"flex items-center justify-between w-full h-12 px-4 py-3 text-left transition-colors bg-white border rounded-lg border-neutral-300 hover:border-primary-60"]),onClick:m[1]||(m[1]=p=>k.value=!t(k))},[e("span",Je,n(t(_e)),1),f(ae,{class:w([{"rotate-180":t(k)},"flex-shrink-0 w-4 h-4 ml-2 transition-transform text-neutral-500"])},null,8,["class"])],2),B(e("div",Ue,[e("label",{class:w([{"bg-primary-5":t(o).department.length===0},"flex items-center w-full gap-3 px-4 py-3 transition-colors cursor-pointer hover:bg-primary-5"])},[e("input",{checked:t(o).department.length===0,type:"checkbox",class:"w-4 h-4 border-2 rounded accent-primary-60 text-primary-60 border-neutral-300 focus:ring-2 focus:ring-primary-60",onChange:y},null,40,qe),e("span",Ke,n(l.filterText?.allDepartment||"Semua Departemen"),1)],2),(i(!0),d(Y,null,z(l.departments,p=>(i(),d("label",{key:p,class:w([{"bg-primary-5":t(o).department.includes(p)},"flex items-center w-full gap-3 px-4 py-3 transition-colors cursor-pointer hover:bg-primary-5"])},[e("input",{checked:t(o).department.includes(p),type:"checkbox",class:"w-4 h-4 border-2 rounded accent-primary-60 text-primary-60 border-neutral-300 focus:ring-2 focus:ring-primary-60",onChange:re=>H(p)},null,40,Ge),e("span",He,n(p),1)],2))),128))],512),[[ue,t(k)]])],512),e("div",Qe,[e("div",Xe,[e("label",Ze,n(l.filterText?.searchPlaceholder||"Cari posisi pekerjaan..."),1),B(e("input",{id:"desktop-search","onUpdate:modelValue":m[2]||(m[2]=p=>t(o).search=p),placeholder:l.filterText?.searchPlaceholder||"Cari posisi pekerjaan...",type:"text",class:"w-full h-12 px-4 py-3 pr-10 transition-colors bg-white border rounded-lg border-neutral-300 focus:outline-none focus:border-primary-60 body-md text-neutral-700",onKeydown:ce},null,40,We),[[N,t(o).search]])])]),e("button",{class:"flex items-center justify-center h-12 gap-2 px-6 text-white transition-colors rounded-lg bg-primary-60 hover:bg-primary-70 semibold-md",onClick:s},[e("span",et,n(l.filterText?.searchButton||"Cari"),1)])]),e("div",tt,[e("div",{ref_key:"settingRef",ref:_,class:"relative"},[e("button",{class:"flex items-center justify-center h-12 w-12 rounded-[10px] transition-colors bg-white border border-primary-60 hover:bg-primary-5",onClick:J},[f($e,{class:"!w-6 !h-6 text-primary-60 icon-primary-60",filled:""})])],512),e("div",ot,[e("label",lt,n(l.filterText?.searchPlaceholder),1),B(e("input",{id:"mobile-search","onUpdate:modelValue":m[3]||(m[3]=p=>t(o).search=p),placeholder:l.filterText?.searchPlaceholder,type:"text",class:"w-full h-12 px-4 py-3 pr-10 transition-colors bg-white border rounded-lg border-neutral-300 focus:outline-none focus:border-primary-60 body-md text-neutral-700",onKeydown:ce},null,40,st),[[N,t(o).search]])]),e("button",{class:"flex items-center justify-center h-12 px-6 text-white transition-colors rounded-lg bg-primary-60 hover:bg-primary-70 semibold-md",onClick:s},[e("span",nt,n(l.filterText?.searchButton),1)])]),t(o).location.length>0||t(o).department.length>0||t(o).search.length>0?(i(),d("div",at,[e("button",{class:"flex items-center gap-2 text-primary-60 hover:text-primary-70 body-sm",onClick:we},[f(Ce,{class:"w-4 h-4"}),m[5]||(m[5]=P(" Clear Filters ",-1))])])):$("",!0),(i(),Z(ge,{to:"body"},[f(K,{"enter-active-class":"transition-opacity duration-300","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"transition-opacity duration-300","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:I(()=>[t(C)?(i(),d("div",{key:0,class:"fixed inset-0 z-[9999] flex items-end justify-center bg-black bg-opacity-50 lg:hidden touch-none",onClick:h},[f(K,{"enter-active-class":"transition-transform duration-300","enter-from-class":"translate-y-full","enter-to-class":"translate-y-0","leave-active-class":"transition-transform duration-300","leave-from-class":"translate-y-0","leave-to-class":"translate-y-full"},{default:I(()=>[t(C)?(i(),d("div",{key:0,ref_key:"modalRef",ref:T,style:Pe({transform:`translateY(${t(g)}px)`}),class:"w-full bg-white rounded-t-[24px] max-h-[80dvh] flex flex-col overflow-hidden",onClick:m[4]||(m[4]=j(()=>{},["stop"]))},[e("div",{class:"sticky top-0 z-10 flex flex-col gap-4 p-6 bg-white border-b border-neutral-200",onTouchstart:oe,onTouchmove:le,onTouchend:se},[m[6]||(m[6]=e("div",{class:"flex items-center justify-center w-full"},[e("div",{class:"h-1.5 rounded-full w-12 bg-neutral-300"}
1)],-1)),e("div",rt,[e("h3",it,n(l.filterText?.filterTitle),1),e("button",{class:"underline semibold-sm text-primary-60 hover:text-primary-70",onClick:U},n(l.filterText?.resetButton),1)])],32),e("div",dt,[e("div",ct,[e("h4",ut,n(l.filterText?.locationLabel),1),e("div",mt,[e("label",pt,[e("span",ft,n(l.filterText?.allLocation),1),e("input",{checked:t(r).location.length===0,type:"checkbox",class:"w-5 h-5 border-2 rounded accent-primary-60 text-primary-60 border-neutral-300 focus:ring-2 focus:ring-primary-60 focus:ring-offset-0",onChange:te},null,40,ht)]),(i(!0),d(Y,null,z(l.locations,p=>(i(),d("label",{key:p,class:"flex items-center justify-between gap-3 cursor-pointer"},[e("span",yt,n(p),1),e("input",{checked:t(r).location.includes(p),type:"checkbox",class:"w-5 h-5 border-2 rounded accent-primary-60 text-primary-60 border-neutral-300 focus:ring-2 focus:ring-primary-60 focus:ring-offset-0",onChange:re=>Q(p)},null,40,bt)]))),128))])]),m[7]||(m[7]=e("div",{class:"w-full border-b border-neutral-200"},null,-1)),e("div",xt,[e("h4",gt,n(l.filterText?.departmentLabel),1),e("div",vt,[e("label",kt,[e("span",_t,n(l.filterText?.allDepartment),1),e("input",{checked:t(r).department.length===0,type:"checkbox",class:"w-5 h-5 border-2 rounded accent-primary-60 text-primary-60 border-neutral-300 focus:ring-2 focus:ring-primary-60 focus:ring-offset-0",onChange:q},null,40,wt)]),(i(!0),d(Y,null,z(l.departments,p=>(i(),d("label",{key:p,class:"flex items-center justify-between gap-3 cursor-pointer"},[e("span",$t,n(p),1),e("input",{checked:t(r).department.includes(p),type:"checkbox",class:"w-5 h-5 border-2 rounded accent-primary-60 text-primary-60 border-neutral-300 focus:ring-2 focus:ring-primary-60 focus:ring-offset-0",onChange:re=>ee(p)},null,40,Ct)]))),128))])])]),e("div",Tt,[e("button",{class:"w-full py-3 text-white transition-colors rounded-xl bg-primary-60 hover:bg-primary-70 semibold-md",onClick:V},n(l.filterText?.confirmButton),1)])],4)):$("",!0)]),_:1})])):$("",!0)]),_:1})]))])}}}),St={class:"space-y-8"},Dt={class:"flex items-center gap-3"},Ft={class:"heading-sm lg:heading-lg text-neutral-700"},Pt={class:"px-2 lg:px-3 py-1 bg-primary-5 text-primary-60 rounded-[9px] body-sm"},Rt={class:"space-y-4"},Bt=["onClick","onKeydown"],Et={class:"flex flex-col space-y-1"},Ot={class:"bold-sm lg:heading-sm text-neutral-500"},jt={class:"heading-xs lg:heading-lg text-neutral-700"},Mt={class:"items-center hidden gap-6 lg:flex"},Vt={class:"flex items-center gap-2"},At={class:"bold-sm lg:heading-sm text-neutral-500"},Nt={class:"flex items-center gap-2"},It={class:"bold-sm lg:heading-sm text-neutral-500"},Yt={class:"flex items-center gap-4 mt-4 lg:hidden"},zt={class:"flex items-center gap-2"},Jt={class:"bold-sm text-neutral-500"},Ut={class:"flex items-center gap-2"},qt={class:"bold-sm text-neutral-500"},Kt={key:0,class:"mt-6 space-y-6 overflow-hidden"},Gt={class:"space-y-3"},Ht={class:"heading-xs lg:heading-md text-neutral-700"},Qt={class:"pl-6 space-y-2"},Xt={class:"space-y-3"},Zt={class:"heading-xs lg:heading-md text-neutral-700"},Wt={class:"pl-6 space-y-2"},eo={class:"pt-2"},to=["onClick"],oo={key:0,class:"flex flex-col items-center gap-6 py-10 text-center"},lo={class:""},so={key:0,class:"flex flex-col gap-1"},no={class:"bold-md lg:bold-lg text-neutral-500"},ao={class:"body-sm lg:body-md text-neutral-500"},ro={key:1,class:"flex flex-col items-center gap-6"},io={class:"flex flex-col gap-1"},co={class:"bold-md lg:bold-lg text-neutral-500"},uo={class:"body-sm lg:body-md text-neutral-500"},mo=W({__name:"JobListing",props:{jobs:{default:()=>[]},filters:{default:()=>({location:[],department:[],search:""})},listingText:{default:()=>({positionsOpen:"Posisi Dibuka",positionOpen:"Posisi Terbuka",applyNow:"Lamar Sekarang",jobResponsibilities:"Job Responsibilities:",jobRequirements:"Job Requirements",emptyTitle:"Belum ada posisi yang dibuka sekarang",emptyDescription:"Silakan cek kembali di lain waktu untuk peluang berikutnya",searchEmptyTitle:"Pekerjaan tidak ditemukan",searchEmptyDescription:"Coba ubah pencarian atau jelajahi peluang lainnya"})}},emits:["apply","resetFilters"],setup(l,{emit:L}){const u=l,S=L,o=G(()=>u.jobs.reduce((b,g)=>(b[g.department]||(b[g.department]=[]),b[g.department].push(g),b),{})),a=v(new Set),k=r=>{a.value.has(r)?a.value.delete(r):a.value.add(r)},C=r=>a.value.has(r),D=r=>{const b=`https://docs.google.com/forms/d/e/1FAIpQLSeErDanFHfQInmavzSSS2pumdgkaK7uDK5n2TzACGXiN9jUvA/viewform?usp=pp_url&entry.60066257=${encodeURIComponent(r.title)}`;window.open(b,"_blank")},R=G(()=>{const r=u.filters;return!!(r?.location?.length||r?.department?.length||r?.search)}),_=()=>{S("resetFilters")},T=r=>{switch(r.toLowerCase()){case"full-time":return"SvgoBriefcase";case"part-time":return"SvgoClock";case"contract":return"SvgoDocument";default:return"SvgoBriefcase"}};return(r,b)=>{const g=Be,F=he,M=be,A=ve;return i(),d("div",St,[(i(!0),d(Y,null,z(t(o),(E,J)=>(i(),d("div",{key:J,class:"space-y-6"},[e("header",Dt,[e("h2",Ft,n(J),1),e("div",Pt,n(E.length)+" "+n(E.length>1?l.listingText?.positionsOpen:l.listingText?.positionOpen),1)]),e("div",Rt,[(i(!0),d(Y,null,z(E,h=>(i(),d("div",{key:h.id,class:w([{"bg-primary-5 border-primary-200":C(h.id),"bg-white border-neutral-300 hover:border-primary-60":!C(h.id)},"border rounded-[18px] p-4 lg:p-6 transition-all duration-300 cursor-pointer"])},[e("header",{role:"button",tabindex:"0",class:"flex items-center justify-between gap-4",onClick:V=>k(h.id),onKeydown:[ie(V=>k(h.id),["enter"]),ie(j(V=>k(h.id),["prevent"]),["space"])]},[e("div",Et,[e("h3",Ot,n(h.department),1),e("h2",jt,n(h.title),1)]),e("div",Mt,[e("div",Vt,[(i(),Z(me(T(h.type)),{class:"!w-5 !h-5 text-primary-60"})),e("span",At,n(h.type),1)]),e("div",Nt,[f(g,{class:"!w-5 !h-5 text-primary-60"}),e("span",It,n(h.location),1)]),f(F,{class:w([{"rotate-180":C(h.id)},"flex-shrink-0 !w-6 !h-6 transition-transform duration-200 text-neutral-500"])},null,8,["class"])]),f(F,{class:w([{"rotate-180":C(h.id)},"flex-shrink-0 !w-5 !h-5 transition-transform duration-200 lg:hidden text-neutral-500"])},null,8,["class"])],40,Bt),e("div",Yt,[e("div",zt,[(i(),Z(me(T(h.type)),{class:"!w-5 !h-5 text-primary-60"})),e("span",Jt,n(h.type),1)]),e("div",Ut,[f(g,{class:"!w-5 !h-5 text-primary-60"}),e("span",qt,n(h.location),1)])]),f(K,{"enter-active-class":"transition-all duration-300 ease-out","enter-from-class":"opacity-0 max-h-0","enter-to-class":"max-h-screen opacity-100","leave-active-class":"transition-all duration-300 ease-in","leave-from-class":"max-h-screen opacity-100","leave-to-class":"opacity-0 max-h-0"},{default:I(()=>[C(h.id)?(i(),d("div",Kt,[b[0]||(b[0]=e("div",{class:"border-t border-neutral-300"},null,-1)),e("section",Gt,[e("h3",Ht,n(l.listingText?.jobResponsibilities),1),e("ol",Qt,[(i(!0),d(Y,null,z(h.description,(V,U)=>(i(),d("li",{key:U,class:"leading-relaxed list-decimal body-md lg:body-lg text-neutral-600"},n(V),1))),128))])]),e("section",Xt,[e("h3",Zt,n(l.listingText?.jobRequirements),1),e("ol",Wt,[(i(!0),d(Y,null,z(h.requirements,(V,U)=>(i(),d("li",{key:U,class:"leading-relaxed list-decimal body-md lg:body-lg text-neutral-600"},n(V),1))),128))])]),e("div",eo,[e("button",{class:"w-full px-4 py-2 text-white transition-colors lg:w-fit lg:px-6 lg:py-3 rounded-xl lg:rou
1nded-lg bg-primary-60 hover:bg-primary-70 semibold-md",onClick:j(V=>D(h),["stop"])},n(l.listingText?.applyNow),9,to)])])):$("",!0)]),_:2},1024)],2))),128))])]))),128)),Object.keys(t(o)).length===0?(i(),d("div",oo,[e("div",lo,[f(M,{src:"/images/career/no-job-found.png",alt:"No jobs found",width:"200",height:"200",class:"mx-auto"})]),t(R)?(i(),d("div",ro,[e("div",io,[e("h3",co,n(l.listingText?.searchEmptyTitle),1),e("p",uo,n(l.listingText?.searchEmptyDescription),1)]),f(A,{clas:"",onClick:_},{default:I(()=>[...b[1]||(b[1]=[P(" Lihat Semua Lowongan ",-1)])]),_:1})])):(i(),d("div",so,[e("h3",no,n(l.listingText?.emptyTitle),1),e("p",ao,n(l.listingText?.emptyDescription),1)]))])):$("",!0)])}}}),po=["aria-labelledby"],fo={class:"flex items-center justify-between flex-shrink-0 px-6 pb-6 bg-white border-b border-neutral-200 lg:pt-6 lg:rounded-t-3xl"},ho={class:"flex-1"},yo={class:"bold-sm lg:heading-sm text-neutral-500"},bo=["id"],xo={class:"flex-1 overflow-y-auto"},go={class:"p-6"},vo={class:"grid grid-cols-1 gap-8 lg:grid-cols-2"},ko={class:"space-y-6"},_o={for:"fullName",class:"block mb-2 bold-md lg:semibold-md text-neutral-700"},wo=["placeholder"],$o={key:0,class:"mt-1 text-red-500 body-sm"},Co={for:"email",class:"block mb-2 bold-md lg:semibold-md text-neutral-700"},To=["placeholder"],Lo={key:0,class:"mt-1 text-red-500 body-sm"},So={for:"phone",class:"block mb-2 bold-md lg:semibold-md text-neutral-700"},Do=["placeholder"],Fo={key:0,class:"mt-1 text-red-500 body-sm"},Po={for:"currentLocation",class:"block mb-2 bold-md lg:semibold-md text-neutral-700"},Ro=["placeholder"],Bo={key:0,class:"mt-1 text-red-500 body-sm"},Eo={for:"lastCompany",class:"block mb-2 bold-md lg:semibold-md text-neutral-700"},Oo=["placeholder"],jo={key:0,class:"mt-1 text-red-500 body-sm"},Mo={for:"linkedIn",class:"block mb-2 bold-md lg:semibold-md text-neutral-700"},Vo=["placeholder"],Ao={key:0,class:"mt-1 text-red-500 body-sm"},No={class:"space-y-6"},Io={for:"portfolio",class:"block mb-2 bold-md lg:semibold-md text-neutral-700"},Yo=["placeholder"],zo={key:0,class:"mt-1 text-red-500 body-sm"},Jo={for:"cv",class:"block mb-2 bold-md lg:semibold-md text-neutral-700"},Uo={key:0,class:"space-y-2"},qo={class:"bold-md lg:semibold-md text-neutral-500"},Ko={key:1,class:"flex items-center justify-between"},Go={class:"flex items-center gap-3"},Ho={class:"text-left"},Qo={class:"body-md text-neutral-700"},Xo={class:"body-sm text-neutral-400"},Zo={key:0,class:"mt-1 text-red-500 body-sm"},Wo={for:"dataConsent",class:"block mb-3 bold-md text-neutral-700"},el={class:"mb-3 leading-relaxed body-md text-neutral-500"},tl={value:"",disabled:""},ol={key:0,class:"mt-1 text-red-500 body-sm"},ll={class:"block mb-3 bold-md lg:semibold-md text-neutral-700"},sl={for:"workEligibility",class:"block mb-3 body-md text-neutral-500"},nl={value:"",disabled:""},al=["value"],rl={key:0,class:"mt-1 text-red-500 body-sm"},il={class:"flex-shrink-0 p-4 bg-white border-t border-neutral-200"},dl={class:"flex justify-end"},cl={key:0,class:"fixed inset-0 z-[99999] bg-black bg-opacity-50 flex items-center justify-center p-4"},ul={class:"space-y-6 text-center"},ml={class:"heading-lg text-neutral-700"},pl={class:"flex justify-center"},fl={class:"leading-relaxed semibold-lg text-neutral-600"},hl=W({__name:"ApplicationModal",props:{isOpen:{type:Boolean,default:!1},job:{default:null},modalText:{default:void 0}},emits:["close","submit"],setup(l,{emit:L}){const u=l,S=L,o=X({fullName:"",email:"",phone:"",currentLocation:"",lastCompany:"",linkedIn:"",portfolio:"",cv:null,dataConsent:"",workEligibility:""}),a=v({}),k=v(!1),C=v(),D=v(!1),R=v(0),_=v(0),T=v(!1),r=v(),b=v(0),g=()=>{b.value=window.pageYOffset,document.body.style.overflow="hidden",document.body.style.position="fixed",document.body.style.top=`-${b.value}px`,document.body.style.width="100%"},F=()=>{document.body.style.removeProperty("overflow"),document.body.style.removeProperty("position"),document.body.style.removeProperty("top"),document.body.style.removeProperty("width"),window.scrollTo(0,b.value)},M=c=>{T.value=!0,R.value=c.touches[0].clientY,_.value=c.touches[0].clientY},A=c=>{if(!T.value)return;const s=c.touches[0].clientY-R.value;s>0&&(_.value=c.touches[0].clientY,r.value&&(r.value.style.transform=`translateY(${s}px)`))},E=c=>{if(!T.value)return;_.value-R.value>150?r.value&&(r.value.style.transition="transform 0.3s ease-in",r.value.style.transform="translateY(100vh)",setTimeout(()=>{q()},300)):r.value&&(r.value.style.transition="transform 0.3s ease-out",r.value.style.transform="translateY(0)",setTimeout(()=>{r.value&&(r.value.style.transition="")},300)),T.value=!1,R.value=0,_.value=0};pe(()=>u.isOpen,c=>{c?g():(F(),J())}),xe(()=>{F()}),pe(()=>u.isOpen,c=>{r.value&&(c?(r.value.style.transform="",r.value.style.transition=""):setTimeout(()=>{r.value&&(r.value.style.transform="",r.value.style.transition="")},100))});const J=()=>
1{Object.assign(o,{fullName:"",email:"",phone:"",currentLocation:"",lastCompany:"",linkedIn:"",portfolio:"",cv:null,dataConsent:"",workEligibility:""}),a.value={}},h=()=>(a.value={},o.fullName.trim()||(a.value.fullName=u.modalText?.errors.fullNameRequired??""),o.email.trim()?/^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(o.email)||(a.value.email=u.modalText?.errors.emailInvalid??""):a.value.email=u.modalText?.errors.emailRequired??"",o.phone.trim()?/^\d+$/.test(o.phone)?(o.phone.length<10||o.phone.length>15)&&(a.value.phone=u.modalText?.errors.phoneLength??""):a.value.phone=u.modalText?.errors.phoneInvalid??"":a.value.phone=u.modalText?.errors.phoneRequired??"",o.currentLocation.trim()||(a.value.currentLocation=u.modalText?.errors.currentLocationRequired??""),o.linkedIn.trim()&&(/^(?:https?:\/\/)?(?:www\.)?(?:linkedin\.com|[\w-]+\.[\w-]+)/i.test(o.linkedIn)||(a.value.linkedIn=u.modalText?.errors.linkedInInvalid??"")),o.portfolio.trim()&&(/^(?:https?:\/\/)?(?:www\.)?[\w-]+\.[\w-]+(?:\/.*)?$/i.test(o.portfolio)||(a.value.portfolio=u.modalText?.errors.portfolioInvalid??"")),o.cv||(a.value.cv=u.modalText?.errors.cvRequired??""),(!o.dataConsent||o.dataConsent!==!0)&&(a.value.dataConsent=u.modalText?.errors.dataConsentRequired??""),o.workEligibility||(a.value.workEligibility=u.modalText?.errors.workEligibilityRequired??""),Object.keys(a.value).length===0),V=c=>{const O=c.target.files?.[0];O&&Q(O)},U=c=>{c.preventDefault(),k.value=!1;const s=c.dataTransfer?.files[0];s&&Q(s)},Q=c=>{const O=["application/pdf"];if(c.size>5242880){a.value.cv=u.modalText?.errors.cvSize??"";return}if(!O.includes(c.type)){a.value.cv=u.modalText?.errors.cvFormat??"";return}o.cv=c,delete a.value.cv},ee=()=>{o.cv=null,C.value&&(C.value.value="")},te=async()=>{if(!(!h()||!u.job))try{S("submit",{...o},u.job),D.value=!0}catch(c){console.error("Error submitting application:",c)}},q=()=>{S("close")},oe=()=>{D.value=!1,q()},le=c=>{c.target.classList.contains("modal-overlay")&&q()},se=c=>{if(c===0)return"0 Bytes";const s=1024,O=["Bytes","KB","MB","GB"],H=Math.floor(Math.log(c)/Math.log(s));return Number.parseFloat((c/Math.pow(s,H)).toFixed(2))+" "+O[H]};return(c,s)=>{const O=ye,H=ve,ne=be;return i(),Z(ge,{to:"body"},[f(K,{"enter-active-class":"transition-opacity duration-300","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"transition-opacity duration-300","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:I(()=>[l.isOpen&&l.job?(i(),d("div",{key:0,"aria-labelledby":"modal-title-"+l.job.id,role:"dialog","aria-modal":"true",class:"fixed inset-0 z-[99999] bg-black bg-opacity-50 modal-overlay touch-none",onClick:le,onKeydown:ie(q,["escape"])},[f(K,{"enter-active-class":"transition-transform duration-300 ease-out","enter-from-class":"transform translate-y-full","enter-to-class":"transform translate-y-0","leave-active-class":"transition-transform duration-300 ease-in","leave-from-class":"transform translate-y-0","leave-to-class":"transform translate-y-full"},{default:I(()=>[l.isOpen?(i(),d("div",{key:0,ref_key:"modalContentRef",ref:r,class:"fixed bottom-0 left-0 right-0 w-full bg-white rounded-t-3xl h-[85dvh] flex flex-col",onClick:s[11]||(s[11]=j(()=>{},["stop"]))},[e("div",{class:"flex items-center justify-center flex-shrink-0 pt-4 pb-3 cursor-grab active:cursor-grabbing lg:hidden",onTouchstart:j(M,["prevent"]),onTouchmove:j(A,["prevent"]),onTouchend:j(E,["prevent"])},[...s[13]||(s[13]=[e("div",{class:"w-16 h-1.5 rounded-full bg-neutral-400"},null,-1)])],32),e("div",fo,[e("div",ho,[e("p",yo,n(l.job.department),1),e("h2",{id:"modal-title-"+l.job.id,class:"heading-xs lg:heading-xl text-neutral-700"},n(l.job.title),9,bo)]),e("button",{class:"hidden p-2 transition-colors rounded-lg lg:block hover:bg-neutral-100",onClick:q},[f(O,{class:"w-5 h-5 text-neutral-500"})])]),e("div",xo,[e("form",go,[e("div",vo,[e("div",ko,[e("div",null,[e("label",_o,[P(n(l.modalText?.fullNameLabel)+" ",1),s[14]||(s[14]=e("span",{class:"text-red-500"},"*",-1))]),B(e("input",{id:"fullName","onUpdate:modelValue":s[0]||(s[0]=y=>t(o).fullName=y),class:w([{"border-red-500":t(a).fullName},"w-full px-4 py-3 transition-colors border rounded-[10px] border-neutral-300 focus:outline-none focus:border-primary-60"]),placeholder:l.modalText?.fullNamePlaceholder,type:"text"},null,10,wo),[[N,t(o).fullName]]),t(a).fullName?(i(),d("p",$o,n(t(a).fullName),1)):$("",!0)]),e("div",null,[e("label",Co,[P(n(l.modalText?.emailLabel)+" ",1),s[15]||(s[15]=e("span",{class:"text-red-500"},"*",-1))]),B(e("input",{id:"email","onUpdate:modelValue":s[1]||(s[1]=y=>t(o).email=y),class:w([{"border-red-500":t(a).email},"w-full px-4 py-3 transition-colors border rounded-[10px] border-neutral-300 focus:outline-none focus:border-primary-60"]),placeholder:l.modalText?.emailPlaceholder,type:"email"},null,10,To),[[N,t(o).email]]),t(a).email?(i(),d("p",Lo,n(t(a).email),1)):$("",!0)]),e("div",null,[e("label",So,[P(n(l.modalText?.phoneLabel)+" ",1),s[16]||(s[16]=e("span",{class:"text-red-500"},"*",-1))]),B(e("input",{id:"phone","onUpdate:modelValue":s[2]||(s[2]=y=>t(o).phone=y),class:w([{"border-red-500":t(a).phone},"w-full px-4 py-3 transition-colors border rounded-[10px] border-neutral-300 focus:outline-none focus:border-primary-60"]),placeholder:l.modalText?.phonePlaceholder,type:"tel"},null,10,Do),[[N,t(o).phone]]),t(a).phone?(i(),d("p",Fo,n(t(a).phone),1)):$("",!0)]),e("div",null,[e("label",Po,[P(n(l.modalText?.currentLocationLabel)+" ",1),s[17]||(s[17]=e("span",{class:"text-red-500"},"*",-1))]),B(e("input",{id:"currentLocation","onUpdate:modelValue":s[3]||(s[3]=y=>t(o).currentLocation=y),class:w([{"border-red-500":t(a).currentLocation},"w-full px-4 py-3 transition-colors border rounded-[10px] border-neutral-300 focus:outline-none focus:border-primary-60"]),placeholder:l.modalText?.currentLocationPlaceholder,type:"text"},null,10,Ro),[[N,t(o).currentLocation]]),t(a).currentLocation?(i(),d("p",Bo,n(t(a).currentLocation),1)):$("",!0)]),e("div",null,[e("label",Eo,n(l.modalText?.lastCompanyLabel),1),B(e("input",{id:"lastCompany","onUpdate:modelValue":s[4]||(s[4]=y=>t(o).lastCompany=y),class:w([{"border-red-500":t(a).lastCompany},"w-full px-4 py-3 transition-colors border rounded-[10px] border-neutral-300 focus:outline-none focus:border-primary-60"]),placeholder:l.modalText?.lastCompanyPlaceholder,type:"text"},null,10,Oo),[[N,t(o).lastCompany]]),t(a).lastCompany?(i(),d("p",jo,n(t(a).lastCompany),1)):$("",!0)]),e("div",null,[e("label",Mo,n(l.modalText?.linkedInLabel),1),B(e("input",{id:"linkedIn","onUpdate:modelValue":s[5]||(s[5]=y=>t(o).linkedIn=y),class:w([{"border-red-500":t(a).linkedIn},"w-full px-4 py-3 transition-colors border rounded-[10px] border-neutral-300 focus:outline-none focus:border-primary-60"]),placeholder:l.modalText?.linkedInPlaceholder,type:"url"},null,10,Vo),[[N,t(o).linkedIn]]),t(a).linkedIn?(i(),d("p",Ao,n(t(a).linkedIn),1)):$("",!0)])]),e("div",No,[e("div",null,[e("label",Io,n(l.modalText?.portfolioLabel),1),B(e("input",{id:"portfolio","onUpdate:modelValue":s[6]||(s[6]=y=>t(o).portfolio=y),class:w([{"border-red-500":t(a).portfolio},"w-full px-4 py-3 transition-colors border rounded-[10px] border-neutral-300 focus:outline-none focus:border-primary-60"]),placeholder:l.modalText?.portfolioPlaceholder,type:"url"},null,10,Yo),[[N,t(o).portfolio]]),t(a).portfolio?(i(),d("p",zo,n(t(a).portfolio),1)):$("",!0)]),e("div",null,[e("label",Jo,[P(n(l.modalText?.uploadCVLabel)+" ",1),s[18]||(s[18]=e("span",{class:"text-red-500"},"*",-1))]),e("div",{class:w([{"border-primary-60 bg-primary-5":t(k),"border-red-500":t(a).cv,"border-neutral-300":!t(k)&&!t(a).cv},"relative p-6 text-center transition-colors border-2 border-dashed rounded-lg"])},[e("input",{id:"cv",ref_key:"fileInputRef",ref:C,type:"file",accept:".pdf,.png,.jpg,.jpeg,.doc,.docx",class:"absolute inset-0 w-full h-full opacity-0 cursor-pointer",onChange:V,onDragover:s[7]||(s[7]=j(y=>k.value=!0,["prevent"])),onDragleave:s[8]||(s[8]=j(y=>k.value=!1,["prevent"])),onDrop:j(U,["prevent"])},null,544),t(o).cv?(i(),d("div",Ko,[e("div",Go,[e("div",Ho,[e("p",Qo,n(t(o).cv.name),1),e("p",Xo,n(se(t(o).cv.size)),1)])]),e("button",{type:"button",class:"p-1 text-red-500 rounded hover:bg-red-50",onClick:j(ee,["prevent"])},[f(O,{class:"w-4 h-4"})])])):(i(),d("div",Uo,[e("p",qo,n(l.modalText?.dropFileText),1),s[19]||(s[19]=e("p",{class:"bold-md lg:semibold-md text-neutral-500"},"PDF - Max 5MB",-1))]))],2),t(a).cv?(i(),d("p",Zo,n(t(a).cv),1)):$("",!0)]),e("div",null,[e("label",Wo,[s[20]||(s[20]=P(" [",-1)),s[21]||(s[21]=e("span",{class:"text-red-500"}
1,"*",-1)),P("] "+n(l.modalText?.dataConsentLabel),1)]),e("p",el,[P(n(l.modalText?.dataConsentText)+" ",1),s[22]||(s[22]=e("span",{class:"text-red-500"},"*",-1))]),B(e("select",{id:"dataConsent","onUpdate:modelValue":s[9]||(s[9]=y=>t(o).dataConsent=y),class:w([{"border-red-500":t(a).dataConsent},"w-full px-4 py-3 transition-colors border rounded-[10px] border-neutral-300 focus:outline-none focus:border-primary-60"])},[e("option",tl,n(l.modalText?.chooseConsent),1),s[23]||(s[23]=e("option",{value:!0},"Ya",-1))],2),[[fe,t(o).dataConsent]]),t(a).dataConsent?(i(),d("p",ol,n(t(a).dataConsent),1)):$("",!0)]),e("div",null,[e("span",ll,[s[24]||(s[24]=P(" [",-1)),s[25]||(s[25]=e("span",{class:"text-red-500"},"*",-1)),P("] "+n(l.modalText?.workEligibilityLabel),1)]),e("label",sl,[P(n(l.modalText?.workEligibilityQuestion)+" ",1),s[26]||(s[26]=e("span",{class:"text-red-500"},"*",-1))]),B(e("select",{id:"workEligibility","onUpdate:modelValue":s[10]||(s[10]=y=>t(o).workEligibility=y),class:w([{"border-red-500":t(a).workEligibility},"w-full px-4 py-3 transition-colors border rounded-[10px] border-neutral-300 focus:outline-none focus:border-primary-60"])},[e("option",nl,n(l.modalText?.workEligibilityPlaceholder),1),(i(!0),d(Y,null,z(l.modalText?.workEligibilityOptions,y=>(i(),d("option",{key:y,value:y},n(y),9,al))),128))],2),[[fe,t(o).workEligibility]]),t(a).workEligibility?(i(),d("p",rl,n(t(a).workEligibility),1)):$("",!0)])])])])]),e("div",il,[e("div",dl,[f(H,{type:"button",color:"primary",class:"w-full text-white transition-colors rounded-lg lg:w-fit bg-primary-60 hover:bg-primary-70",onClick:te},{default:I(()=>[P(n(l.modalText?.applyButton),1)]),_:1})])])],512)):$("",!0)]),_:1})],40,po)):$("",!0)]),_:1}),f(K,{"enter-active-class":"transition-opacity duration-300","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"transition-opacity duration-300","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:I(()=>[t(D)?(i(),d("div",cl,[f(K,{"enter-active-class":"transition-all duration-300 ease-out","enter-from-class":"transform scale-95 opacity-0","enter-to-class":"transform scale-100 opacity-100","leave-active-class":"transition-all duration-300 ease-in","leave-from-class":"transform scale-100 opacity-100","leave-to-class":"transform scale-95 opacity-0"},{default:I(()=>[t(D)?(i(),d("div",{key:0,class:"relative w-full max-w-md lg:max-w-[40rem] p-8 mx-auto bg-white rounded-2xl",onClick:s[12]||(s[12]=j(()=>{},["stop"]))},[e("button",{class:"absolute p-2 transition-colors rounded-lg top-4 right-4 hover:bg-neutral-100",onClick:oe},[f(O,{class:"w-7 h-7 text-neutral-500"})]),e("div",ul,[e("h2",ml,n(l.modalText?.successTitle),1),e("div",pl,[f(ne,{src:"/images/career/submit-success.png",alt:"Success",class:"w-[300px] h-[300px] object-contain"})]),e("p",fl,n(l.modalText?.successDescription),1)])])):$("",!0)]),_:1})])):$("",!0)]),_:1})])}}}),yl=()=>{const l=v({location:[],department:[],search:""}),L=X({isOpen:!1,selectedJob:null}),u=v(Oe),S=G(()=>{const{location:_,department:T,search:r}=l.value,b=r.toLowerCase();return u.value.filter(g=>{if(g.show!==!0)return!1;const F=!_.length||_.some(E=>g.location.toLowerCase().includes(E.toLowerCase())||E.toLowerCase().includes(g.location.toLowerCase())),M=!T.length||T.includes(g.department),A=!r||g.title.toLowerCase().includes(b)||g.department.toLowerCase().includes(b);return F&&M&&A})}),o=G(()=>Math.max(Math.ceil(S.value.length/15),1)),a=_=>{l.value={..._}},k=()=>{l.value={location:[],department:[],search:""}},C=_=>{L.selectedJob=_,L.isOpen=!0},D=()=>{L.isOpen=!1,L.selectedJob=null};return{filters:l,filteredJobs:S,totalPages:o,modalState:L,handleFilter:a,handleResetFilters:k,handleJobApplication:C,closeModal:D,handleApplicationSubmit:async(_,T)=>{try{console.log("Application submitted",{form:_,job:T}),D()}catch(r){console.error(r)}}}},bl={id:"career-section"},xl={class:"container mx-auto"},gl={id:"job-list-section",class:"mb-20"},Dl=W({__name:"index",setup(l){const L=Le("explore/career/career"),u=G(()=>L?.value?.hero||""),{filters:S,filteredJobs:o,totalPages:a,modalState:k,handleFilter:C,handleResetFilters:D,handleJobApplication:R,closeModal:_,handleApplicationSubmit:T}=yl();return(r,b)=>{const g=Te,F=Lt,M=mo,A=Ee,E=hl;return i(),d("section",bl,[f(g,{"hero-data":t(u)},null,8,["hero-data"]),e("section",xl,[f(F,{modelValue:t(S),"onUpdate:modelValue":b[0]||(b[0]=J=>Re(S)?S.value=J:null),"filter-text":t(L)?.filter||"",onSearch:t(C)},null,8,["modelValue","filter-text","onSearch"]),e("section",gl,[f(M,{jobs:t(o),filters:t(S),"listing-text":t(L)?.jobListing||"",onApply:t(R),onResetFilters:t(D)},null,8,["jobs","filters","listing-text","onApply","onResetFilters"])]),f(A,{"total-pages":t(a)},null,8,["total-pages"]),f(E,{"is-open":t(k).isOpen,job:t(k).selectedJob,"modal-text":t(L)?.modal||"",onClose:t(_),onSubmit:t(T)}
1,null,8,["is-open","job","modal-text","onClose","onSubmit"])])])}}});export{Dl as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.