https://www.volumn.ai/_next/static/chunks/71338.edee9f3e28c18e1a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71338],{5866:(e,t,s)=>{function r(e){return"object"==typeof e&&null!==e&&!Array.isArray(e)}function l(e){if(!r(e))return null;let t=Array.isArray(e.accounts)?e.accounts.filter(e=>r(e)):void 0;return{ok:!0===e.ok,error:"string"==typeof e.error?e.error:void 0,code:"string"==typeof e.code?e.code:void 0,resetAt:"number"==typeof e.resetAt?e.resetAt:void 0,accounts:t}}s.d(t,{I:()=>a,_:()=>d});class a extends Error{constructor(e,t){super(e),this.name="TrendApiError",this.status=t.status,this.code=t.code??null,this.resetAt=t.resetAt??null}}let n=new Map,i=new Map;function o(e){let t=new URLSearchParams;return e.theme&&t.set("theme",e.theme),null!==e.minFollowers&&void 0!==e.minFollowers&&t.set("minFollowers",String(e.minFollowers)),null!==e.maxFollowers&&void 0!==e.maxFollowers&&t.set("maxFollowers",String(e.maxFollowers)),t.set("limit",String(e.limit??36)),t.toString()}async function d(e){let t=o(e),s=function(e){let t=Date.now(),s=n.get(e);if(s&&s.expiresAt>t)return s.payload;s&&s.expiresAt<=t&&n.delete(e);let a=function(e){try{let t=window.sessionStorage.getItem(`free-tools:trend:${e}`);if(!t)return null;let s=function(e){if(!r(e)||"number"!=typeof e.expiresAt)return null;let t=l(e.payload);return t?{payload:t,expiresAt:e.expiresAt}:null}(JSON.parse(t));if(!s)return null;if(s.expiresAt<=Date.now())return window.sessionStorage.removeItem(`free-tools:trend:${e}`),null;return s}catch{return null}}(e);return a?(n.set(e,a),a.payload):null}(t);if(s)return s;let d=i.get(t);if(d)return d;let c=(async()=>{let s=await fetch(`/api/free-tools/trend?${o(e)}`,{cache:"no-store"}),r=l(await s.json().catch(()=>null));if(!s.ok)throw new a(r?.error||"Request failed",{status:s.status,code:r?.code??null,resetAt:"number"==typeof r?.resetAt?r.resetAt:null});let i=r??{ok:!0,accounts:[]},d={payload:i,expiresAt:Date.now()+6e4};n.set(t,d);try{window.sessionStorage.setItem(`free-tools:trend:${t}`,JSON.stringify(d))}catch{}return i})();i.set(t,c);try{return await c}finally{i.delete(t)}}},20721:(e,t,s)=>{s.d(t,{A:()=>r});let r=(0,s(56059).A)("flame",[["path",{d:"M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4",key:"1slcih"}]])},26576:(e,t,s)=>{s.d(t,{A:()=>r});let r=(0,s(56059).A)("arrow-up-right",[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]])},46870:(e,t,s)=>{s.d(t,{A:()=>r});let r=(0,s(56059).A)("download",[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]])},71338:(e,t,s)=>{s.r(t),s.d(t,{KOLExperience:()=>b});var r=s(53757),l=s(40148),a=s.n(l),n=s(24361),i=s(91446),o=s(20721),d=s(79428),c=s(57579),u=s(82559),x=s(46870);let m=(0,s(56059).A)("square",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}]]);var h=s(26576),f=s(37975),p=s(23823),g=s(2685),w=s(5866);function b(){let{t:e}=(0,p.ig)(),[t,s]=(0,n.useState)(p.SM[0]),[l,a]=(0,n.useState)(p.gS[0]),[m,h]=(0,n.useState)(""),[b,y]=(0,n.useState)([]),[k,A]=(0,n.use

1State)(()=>new Set),[F,S]=(0,n.useState)(!0),[C,B]=(0,n.useState)(null),{runIfAllowed:$}=(0,g.mZ)("kol-finder-export"),M=(0,n.useRef)(null),L=t=>t.value?e.trend.themes[t.value]??t.label:e.trend.themes.All??t.label,I=L(t),U=m.trim().toLowerCase(),z=(0,n.useMemo)(()=>U?b.filter(e=>[e.name,e.username,e.description,e.region,e.language,...Array.isArray(e.nicheTags)?e.nicheTags:[]].some(e=>e?.toString().toLowerCase().includes(U))):b,[b,U]),D=(0,n.useMemo)(()=>b.filter((e,t)=>k.has(N(e,t))),[b,k]),R=(0,n.useMemo)(()=>z.filter((e,t)=>k.has(N(e,b.indexOf(e)))).length,[b,z,k]),T=z.length>0&&R===z.length,O=(0,n.useCallback)(t=>{let s="number"==typeof t?t:Number(t);if(!Number.isFinite(s)||s<=Date.now())return e.trend.error;let r=Math.max(1,Math.ceil((s-Date.now())/6e4));return e.trend.rateLimited(r)},[e.trend]);(0,n.useEffect)(()=>{A(new Set)},[t,l]),(0,n.useEffect)(()=>{A(e=>{if(0===e.size)return e;let t=new Set(b.map((e,t)=>N(e,t))),s=new Set(Array.from(e).filter(e=>t.has(e)));return s.size===e.size?e:s})},[b]);let q=(0,n.useCallback)(e=>{A(t=>{let s=new Set(t);return s.has(e)?s.delete(e):s.add(e),s})},[]),_=(0,n.useCallback)(()=>{A(e=>{let t=new Set(e);return z.forEach((e,s)=>{t.add(N(e,b.indexOf(e)))}),t})},[b,z]),V=(0,n.useCallback)(()=>{A(new Set)},[]),P=(0,n.useCallback)(()=>{var s,r;let l;if(0===D.length)return;let a=new Blob([(s=D,r=e,l=r?.trend?.csvHeaders,[[l?.name??"Name",l?.username??"Username",l?.profileUrl??"Profile URL",l?.verified??"Verified",l?.followers??"Followers",l?.following??"Following",l?.tweets??"Tweets",l?.listed??"Listed",l?.qualityScore??"Quality Score",l?.nicheTags??"Niche Tags",l?.language??"Language",l?.region??"Region",l?.bio??"Bio",l?.source??"Source",l?.lastCrawledAt??"Last Crawled At"],...s.map(e=>{let t=(e.username??"").toString().replace(/^@/,"");return[e.name??"",t?`@${t}`:"",t?`https://x.com/${t}`:"",e.verified?r?.trend?.csvVerifiedYes??"Yes":r?.trend?.csvVerifiedNo??"No",e.followersCount??"",e.followingCount??"",e.tweetCount??"",e.listedCount??"",e.qualityScore??"",e.nicheTags??[],e.language??"",e.region??"",e.description??"",e.source??"",e.lastCrawledAt??""]})].map(e=>e.map(E).join(",")).join("\n"))],{type:"text/csv;charset=utf-8;"}),n=window.URL.createObjectURL(a),i=document.createElement("a"),o=new Date().toISOString().slice(0,10),d=(t.value||"all").toString().toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"");i.href=n,i.download=`volumn-kol-finder-${d||"all"}-${o}.csv`,document.body.appendChild(i),i.click(),i.remove(),window.URL.revokeObjectURL(n)},[t.value,D]),H=(0,n.useCallback)(async()=>{0!==D.length&&await $(P)},[P,$,D.length]);return(0,n.useEffect)(()=>{let s=`${t.value||"all"}:${l.id}`;if(M.current===s)return;let r=!1;return(async()=>{M.current=s,S(!0),B(null);try{let e=await (0,w._)({theme:t.value||void 0,minFollowers:l.min,maxFollowers:l.max,limit:36});if(r)return;y(Array.isArray(e?.accounts)?e.accounts:[])}catch(t){if(r)return;t instanceof w.I&&(429===t.status||"rate_limited"===t.code)?B(O(t.resetAt)):B(t instanceof Error&&t.message?t.message:e.trend.error),y([])}finally{r||S(!1)}})(),()=>{r=!0}},[t,l,O,e.trend.error]),(0,r.jsxs)("div",{className:"space-y-10",children:[(0,r.jsxs)("div",{className:"relative overflow-hidden rounded-4xl border border-[#E5E7EB] bg-gradient-to-br from-[#F2F3FF] via-white to-white p-8 shadow-sm",children:[(0,r.jsx)("div",{className:"absolute inset-0 opacity-60",style:{backgroundImage:"radial-gradient(circle at top, rgba(19,67,240,0.12), transparent 60%)"}}),(0,r.jsxs)("div",{className:"relative z-10",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-6",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-xs uppercase tracking-[0.4em] text-slate-500",children:e.trend.eyebrow}),(0,r.jsx)("h2",{className:"mt-3 text-4xl font-semibold text-slate-900 sm:text-5xl",children:e.trend.title}),(0,r.jsx)("p",{className:"mt-4 max-w-2xl text-sm text-slate-600 sm:text-base",children:e.trend.description})]}),(0,r.jsxs)("div",{className:"rounded-3xl border border-[#E5E7EB] bg-white p-5 text-xs text-slate-600 shadow-sm",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-slate-900",children:[(0,r.jsx)(i.A,{className:"h-4 w-4 text-[#1343F0]"}),e.trend.keywordTitle]}),(0,r.jsx)("p",{className:"mt-2 text-slate-500",children:e.trend.keywordDesc}),(0,r.jsxs)("div",{className:"mt-4 flex items-center gap-2 text-slate-500",children:[(0,r.jsx)(o.A,{className:"h-4 w-4 text-[#1343F0]"}),F?e.trend.syncing:e.trend.loaded(b.length)]})]})]}),(0,r.jsx)("div",{className:"mt-8 flex flex-wrap gap-2",children:(0,r.jsx)("div",{className:"w-full",children:(0,r.jsxs)("div",{className:"flex w-full items-center gap-2 rounded-full border border-[#

1E5E7EB] bg-white px-4 py-2 text-xs text-slate-500 shadow-sm",children:[(0,r.jsx)(i.A,{className:"h-3.5 w-3.5 text-[#1343F0]"}),(0,r.jsx)("input",{value:m,onChange:e=>h(e.target.value),placeholder:e.trend.searchPlaceholder,className:"w-full bg-transparent text-xs text-slate-600 outline-none placeholder:text-slate-400"})]})})}),(0,r.jsx)("div",{className:"mt-4 flex flex-wrap gap-2",children:p.SM.map(e=>(0,r.jsxs)("button",{type:"button",onClick:()=>s(e),className:(0,f.cn)("rounded-full border border-[#E5E7EB] bg-white px-4 py-2 text-xs font-semibold transition",t.label===e.label?"text-[#1343F0] shadow-sm":"text-slate-500 hover:text-[#1343F0]"),children:["#",L(e)]},e.label))}),(0,r.jsx)("div",{className:"mt-4 flex flex-wrap gap-2",children:p.gS.map(t=>(0,r.jsx)("button",{type:"button",onClick:()=>a(t),className:(0,f.cn)("rounded-full border border-[#E5E7EB] bg-white px-4 py-2 text-xs font-semibold transition",l.id===t.id?"text-[#1343F0] shadow-sm":"text-slate-500 hover:text-[#1343F0]"),children:e.trend.followerRanges[t.id]??t.label},t.id))})]})]}),(0,r.jsx)("div",{className:"rounded-3xl border border-[#E5E7EB] bg-white p-6 shadow-sm",children:(0,r.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-xs uppercase tracking-[0.4em] text-slate-500",children:e.trend.feedEyebrow}),(0,r.jsx)("h3",{className:"mt-2 text-2xl font-semibold text-slate-900",children:e.trend.feedTitle(I)}),(0,r.jsx)("p",{className:"mt-2 text-sm text-slate-500",children:e.trend.feedDesc})]}),(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 rounded-full border border-[#E5E7EB] bg-[#F2F3FF] px-4 py-2 text-xs text-slate-600",children:[F?(0,r.jsx)(d.A,{className:"h-4 w-4 animate-spin text-[#1343F0]"}):(0,r.jsx)(c.A,{className:"h-4 w-4 text-[#1343F0]"}),F?e.trend.loading:e.trend.count(z.length)]}),(0,r.jsxs)("div",{className:"flex items-center gap-2 rounded-full border border-[#E5E7EB] bg-white px-3 py-2 text-xs font-medium text-slate-600 shadow-sm",children:[(0,r.jsx)(u.A,{className:"h-4 w-4 text-[#1343F0]"}),e.trend.selectedCount(D.length)]}),(0,r.jsx)("button",{type:"button",onClick:T?V:_,disabled:F||0===b.length,className:"rounded-full border border-[#E5E7EB] bg-white px-4 py-2 text-xs font-semibold text-slate-600 transition hover:border-[#1343F0] hover:text-[#1343F0] disabled:cursor-not-allowed disabled:opacity-50",children:T?e.trend.clearSelection:e.trend.selectAll}),(0,r.jsxs)("button",{type:"button",onClick:()=>{H()},disabled:0===D.length,title:0===D.length?e.trend.exportDisabled:e.trend.exportSelected,className:"inline-flex items-center gap-2 rounded-full bg-[#1343F0] px-4 py-2 text-xs font-semibold text-white shadow-sm transition hover:bg-[#0F34C0] disabled:cursor-not-allowed disabled:bg-slate-300",children:[(0,r.jsx)(x.A,{className:"h-4 w-4"}),e.trend.exportSelected]})]})]})}),C?(0,r.jsx)("div",{className:"rounded-3xl border border-rose-200 bg-rose-50 p-6 text-sm text-rose-600",children:C}):null,(0,r.jsx)("div",{className:"columns-1 [column-gap:1.5rem] md:columns-2 xl:columns-3",children:F?Array.from({length:9}).map((e,t)=>(0,r.jsx)(j,{},`kol-skeleton-${t}`)):z.map(e=>{let t=N(e,b.indexOf(e));return(0,r.jsx)(v,{account:e,selected:k.has(t),onToggleSelection:()=>q(t)},t)})}),F||0!==z.length?null:(0,r.jsx)("div",{className:"rounded-3xl border border-[#E5E7EB] bg-white p-8 text-center text-sm text-slate-500",children:U?e.trend.searchEmpty:e.trend.empty})]})}function v(e){let{account:t,selected:s,onToggleSelection:l}=e,{t:n}=(0,p.ig)(),i=(0,p.xt)(t.username),o=(0,p.mX)(t.name,t.username),d=(t.username??"").toString().replace(/^@/,""),c=d?`/kol-finder/${encodeURIComponent(d)}`:null;return(0,r.jsxs)("article",{className:(0,f.cn)("group relative mb-6 block w-full break-inside-avoid overflow-hidden rounded-3xl border bg-white text-left shadow-sm transition hover:-translate-y-1 hover:border-[#1343F0] hover:shadow-lg",s?"border-[#1343F0] ring-2 ring-[#1343F0]/15":"border-[#E5E7EB]"),children:[(0,r.jsx)("div",{className:"absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-[#1343F0] via-[#4C7DFF] to-cyan-400 opacity-0 transition group-hover:opacity-100"}),(0,r.jsx)("button",{type:"button",onClick:l,"aria-pressed":s,"aria-label":`${n.trend.selectAccount}: ${t.name||t.username||"creator"}`,className:(0,f.cn)("absolute right-5 top-5 z-20 inline-flex h-9 w-9 items-center justify-center rounded-full border transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1343F0]/30",s?"border-[#1343F0] bg-[#1343F0] text-white":"border-[#

1E5E7EB] bg-white text-slate-400 hover:border-[#1343F0] hover:text-[#1343F0]"),children:s?(0,r.jsx)(u.A,{className:"h-4 w-4"}):(0,r.jsx)(m,{className:"h-4 w-4"})}),c?(0,r.jsx)(a(),{href:c,onClick:()=>{if(d)try{let e=`personaai:kol:${d.toLowerCase()}`,s=JSON.stringify(t);window.sessionStorage.setItem(e,s),window.localStorage.setItem(e,s)}catch{}},className:"block p-6 pr-16 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#1343F0]/30",children:(0,r.jsx)(y,{account:t,avatarUrl:i,initials:o})}):(0,r.jsx)("div",{className:"p-6 pr-16",children:(0,r.jsx)(y,{account:t,avatarUrl:i,initials:o})})]})}function y(e){let{account:t,avatarUrl:s,initials:l}=e,{t:a,lang:n}=(0,p.ig)();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden rounded-2xl bg-slate-100",children:s?(0,r.jsx)("img",{src:s,alt:t.username??"",className:"h-full w-full object-cover"}):(0,r.jsx)("div",{className:"flex h-full w-full items-center justify-center text-sm font-bold text-slate-400",children:l})}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("h3",{className:"truncate text-base font-bold text-slate-900",children:t.name||t.username}),(0,r.jsxs)("p",{className:"truncate text-sm text-slate-500",children:["@",t.username]})]})]}),(0,r.jsx)("div",{className:"flex shrink-0 items-center gap-2 pr-10",children:t.verified&&(0,r.jsx)("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-[#1D9BF0] text-white",children:(0,r.jsx)("svg",{viewBox:"0 0 24 24",className:"h-3 w-3 fill-current",children:(0,r.jsx)("path",{d:"M22.5 12.5c0-1.58-.88-2.95-2.18-3.65.13-.44.18-.9.18-1.35 0-2.48-2.02-4.5-4.5-4.5-.45 0-.91.05-1.35.18C13.95 1.88 12.58 1 11 1c-2.48 0-4.5 2.02-4.5 4.5 0 .45.05.91.18 1.35C5.38 7.55 4.5 8.92 4.5 10.5c0 .45.05.91.18 1.35C3.38 12.55 2.5 13.92 2.5 15.5c0 2.48 2.02 4.5 4.5 4.5.45 0 .91-.05 1.35-.18 1.3 1.3 2.67 2.18 4.25 2.18 1.58 0 2.95-.88 3.65-2.18.44.13.9.18 1.35.18 2.48 0 4.5-2.02 4.5-4.5 0-.45-.05-.91-.18-1.35 1.3-.7 2.18-2.07 2.18-3.65zM17.5 9.5l-6 6-3.5-3.5 1.5-1.5 2 2 4.5-4.5 1.5 1.5z"})})})})]}),(0,r.jsx)("p",{className:"mt-4 line-clamp-3 text-sm leading-relaxed text-slate-600",children:t.description}),(0,r.jsx)("div",{className:"mt-6 flex flex-wrap gap-2",children:t.nicheTags?.slice(0,3).map(e=>(0,r.jsx)("span",{className:"rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-600",children:e},e))}),(0,r.jsxs)("div",{className:"mt-6 flex items-center justify-between border-t border-slate-50 pt-4",children:[(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsx)("span",{className:"text-lg font-bold text-slate-900",children:(0,p.wk)(t.followersCount,n)}),(0,r.jsx)("span",{className:"text-[10px] font-medium uppercase tracking-wider text-slate-400",children:a.trend.followers})]}),(0,r.jsxs)("div",{className:"flex flex-col items-end",children:[(0,r.jsx)("span",{className:"text-lg font-bold text-[#1343F0]",children:t.qualityScore||0}),(0,r.jsx)("span",{className:"text-[10px] font-medium uppercase tracking-wider text-slate-400",children:a.trend.qualityScore})]})]}),(0,r.jsxs)("div",{className:"mt-5 flex items-center gap-2 text-xs font-semibold text-[#1343F0] opacity-75 transition group-hover:opacity-100",children:[a.trend.openProfile,(0,r.jsx)(h.A,{className:"h-3.5 w-3.5 transition group-hover:-translate-y-0.5 group-hover:translate-x-0.5"})]})]})}function j(){return(0,r.jsx)("div",{className:"mb-4 break-inside-avoid rounded-3xl border border-[#E5E7EB] bg-white p-5",children:(0,r.jsxs)("div",{className:"animate-pulse space-y-4",children:[(0,r.jsx)("div",{className:"h-4 w-32 rounded-full bg-[#E5E7EB]"}),(0,r.jsx)("div",{className:"h-3 w-20 rounded-full bg-[#E5E7EB]"}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)("div",{className:"h-3 w-full rounded-full bg-[#E5E7EB]"}),(0,r.jsx)("div",{className:"h-3 w-5/6 rounded-full bg-[#E5E7EB]"}),(0,r.jsx)("div",{className:"h-3 w-4/6 rounded-full bg-[#E5E7EB]"})]}),(0,r.jsx)("div",{className:"h-3 w-24 rounded-full bg-[#E5E7EB]"})]})})}function N(e,t){return(e.id||e.twitterUserId||e.username||`${e.name??"creator"}-${t}`).toString()}function E(e){if(null==e)return"";let t=Array.isArray(e)?e.join("; "):String(e);return`"${t.replace(/"/g,'""')}"`}},79428:(e,t,s)=>{s.d(t,{A:()=>r});let r=(0,s(56059).A)("loader-circle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]])},82559:(e,t,s)=>{s.d(t,{A:()=>r});let r=(0,s(56059).A)("square-check-big",[["path",{d:"M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344",key:"2acy

1p4"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]])},91446:(e,t,s)=>{s.d(t,{A:()=>r});let r=(0,s(56059).A)("hash",[["line",{x1:"4",x2:"20",y1:"9",y2:"9",key:"4lhtct"}],["line",{x1:"4",x2:"20",y1:"15",y2:"15",key:"vyu0kd"}],["line",{x1:"10",x2:"8",y1:"3",y2:"21",key:"1ggp8o"}],["line",{x1:"16",x2:"14",y1:"3",y2:"21",key:"weycgp"}]])}}]);