https://xquare.net/_nuxt/D-Ft5YzR.js

1import{d as E,u as L,I as R,c as s,e as a,F as _,r as m,j as v,h,y as g,b as r,n as F,t as n,m as $,g as D,L as j,x as N,_ as I}from"./aDqk-s0q.js";import{u as M}from"./D2f9qUix.js";const U={class:"space-y-3"},O={key:0,class:"flex flex-wrap gap-2 overflow-x-auto -mx-1 px-1 pb-1"},V=["onClick"],H={key:1,class:"py-8 text-center text-sm text-on-surface-variant"},K={key:2,class:"py-8 text-center text-sm text-on-surface-variant"},T={key:3,class:"py-8 text-center text-sm text-on-surface-variant"},z={key:4,class:"grid grid-cols-1 gap-3"},J={key:0,class:"absolute top-2 left-2 inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-bold bg-white/90 text-emerald-700"},P={class:"absolute top-2 right-2 inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-bold bg-black/55 text-white"},X={class:"absolute bottom-2 left-2 right-2 flex items-center gap-2"},Z=["src","alt"],G={class:"min-w-0"},Q={class:"text-white text-sm font-bold truncate"},q={class:"text-white/85 text-[11px] truncate"},W={class:"p-3 space-y-2"},Y={class:"grid grid-cols-3 gap-1 text-center"},ee={class:"text-sm font-bold"},te={class:"text-sm font-bold"},ae={class:"text-sm font-bold"},oe={class:"text-[10px] text-on-surface-variant"},re={key:0,class:"flex flex-wrap gap-1"},se={class:"text-xs text-on-surface-variant line-clamp-2"},ce=E({__name:"index",async setup(ne){let l,b;L({title:"Creators"});const x={beauty_mira:{instagram:"beautybymira",bio:"Clean-girl beauty routines, drugstore dupes & honest skincare reviews.",followers:184300,engagement_pct:6.4,proven_label:"Revenue",proven_value:"Rp 312M",is_member:!0},foodie_janice:{instagram:"foodiejanice",bio:"I eat my way through Jakarta so you don't have to.",followers:248900,engagement_pct:7.1,proven_label:"Bookings",proven_value:"4,820",is_member:!0},guru_eko:{instagram:"paguruek0",bio:"Belajar matematika SMA tanpa pusing.",followers:96200,engagement_pct:9.8,proven_label:"Courses",proven_value:"1,940"},sneaker_lab:{instagram:"sneakerlab.jkt",bio:"Sneaker drops, restocks & legit-checks.",followers:312700,engagement_pct:5.2,proven_label:"GMV",proven_value:"Rp 1.2B",is_member:!0},daily_dewi:{instagram:"dailydewi",bio:"Day-in-the-life of a Jakarta working mom.",followers:58100,engagement_pct:8.3,proven_label:"Conversions",proven_value:"760"},kelas_indah:{instagram:"kelascodingindah",bio:"Kelas coding ramah pemula.",followers:42800,engagement_pct:11.2,proven_label:"Students",proven_value:"1,240"},makanbareng_bro:{instagram:"makanbareng.bro",bio:"Street food adventures.",followers:134500,engagement_pct:9.1,proven_label:"Foot traffic",proven_value:"8,200",is_member:!0},outfit_today:{instagram:"outfit.today",bio:"Daily OOTD inspo.",followers:71600,engagement_pct:7.7,proven_label:"Revenue",proven_value:"Rp 184M"},style_sketch:{instagram:"stylesketch",bio:"Fashion illustrator turned creator.",followers:88900,engagement_pct:8.9,proven_label:"Collabs",proven_value:"46"},taste_of_town:{instagram:"tasteoftown",bio:"Polished restaurant reviews with real Rp/orang.",followers:162e3,engagement_pct:6.6,proven_label:"Bookings",proven_value:"3,140",is_member:!0}},{data:y,pending:k,error:w}=([l,b]=R(()=>M("/api/kol/creators",{key:"kol-creators-list-mobile",default:()=>({creators:[]})},"$TpZH14Zjc-")),l=await l,b(),l),C={creator_creator:"Creator",creator_pro:"Creator Pro",creator_agency:"KOL Agency",creator_hub:"KOL Network"};function A(t){const o=x[t.handle]??{};return{...t,avatar_url:t.avatar_url||`https://i.pravatar.cc/200?u=${encodeURIComponent(t.handle)}`,cover_url:`https://picsum.photos/seed/${encodeURIComponent(t.handle)}/800/400`,instagram:o.instagram||t.handle,bio:t.bio||o.bio||"Creator on XQUARE.",followers:o.followers??0,engagement_pct:o.engagement_pct??0,proven_label:o.proven_label||"Brand collabs",proven_value:o.proven_value||"—",is_member:o.is_member??!1}}const B=new Set(["kelas_indah"]),c=g(()=>(y.value?.creators??[]).filter(t=>!B.has(t.handle)).map(A)),i=N("All"),f=g(()=>{const t=new Set;for(const o of c.value)for(const u of o.niches??[])t.add(u);return["All",...Array.from(t).sort()]}),d=g(()=>i.value==="All"?c.value:c.value.filter(t=>(t.niches??[]).includes(i.value)));function S(t){return t?t>=1e6?`${(t/1e6).toFixed(1)}M`:t>=1e3?`${(t/1e3).toFixed(t>=1e4?0:1)}k`:String(t):"—"}return(t,o)=>{const u=I;return r(),s("section",U,[o[3]||(o[3]=a("header",{class:"space-y-1"},[a("h1",{class:"text-2xl font-extrabold tracking-tight"},"Creators"),a("p",{class:"text-sm text-on-surface-variant"},"Browse vetted creators by niche.")],-1)),f.value.length>1?(r(),s("div",O,[(r(!0),s(_,null,m(f.value,e=>(r(),s("button",{key:e,class:F(["px-3 py-1.5 rounded-full text-xs font-semibold border whitespace-nowrap",i.value===e?"bg-primary text-on-primary border-primary":"bg-surface-container-lowest text-on-surface-variant border-outline-variant/40"]),onClick:p=>i.value=e},n(e==="All"?"All":e.charAt(0).toUpperCase()+e.slice(1)),11,V))),128))])):v("",!0),h(k)&&!d.value.length?(r(),s("p",H,"Loading creators…")):h(w)?(r(),s("p",K,"Couldn't load creators right now.")):d.value.length?(r(),s("div",z,[(r(!0),s(_,null,m(d.value,e=>(r(),$(u,{key:e.id,to:`/creators/${e.handle}`,class:"block rounded-xl overflow-hidden border border-outline-variant/30 bg-surface-container-lowest"},{default:D(()=>[a("div",{class:"relative h-28 bg-cover bg-center",style:j({backgroundImage:`url(${e.cover_url})`})},[o[0]||(o[0]=a("div",{class:"absolute inset-0 bg-gradient-to-t from-black/55 to-transparent"},null,-1)),e.verified?(r(),s("span",J,"✓ Verified")):v("",!0),a("span",P,n(C[e.tier]??e.tier),1),a("div",X,[a("img",{src:e.avatar_url,alt:e.display_name,class:"w-9 h-9 rounded-full border-2 border-white object-cover"},null,8,Z),a("div",G,[a("div",Q,n(e.display_name),1),a("div",q,"@"+n(e.instagram),1)])])],4),a("div",W,[a("div",Y,[a("div",null,[a("div",ee,n(S(e.followers)),1),o[1]||(o[1]=a("div",{class:"text-[10px] text-on-surface-variant"},"Followers",-1))]),a("div",null,[a("div",te,n(e.engagement_pct?`${e.engagement_pct.toFixed(1)}%`:"—"),1),o[2]||(o[2]=a("div",{class:"text-[10px] text-on-surface-variant"},"Engagement",-1))]),a("div",null,[a("div",ae,n(e.proven_value),1),a("div",oe,n(e.proven_label),1)])]),e.niches?.length?(r(),s("div",re,[(r(!0),s(_,null,m(e.niches.slice(0,3),p=>(r(),s("span",{key:p,class:"px-1.5 py-0.5 rounded text-[10px] font-medium bg-primary/8 text-primary"},n(p),1))),128))])):v("",!0),a("p",se,n(e.bio),1)])]),_:2},1032,["to"]))),128))])):(r(),s("p",T,"No creators in this niche yet."))])}}});

1export{ce as default};