https://www.volumn.ai/_next/static/chunks/53325.a31160a7d02b0449.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[53325],{53325:(e,t,a)=>{a.r(t),a.d(t,{default:()=>p});var r=a(53757),s=a(24361),n=a(9057),i=a(70145),l=a(24311),d=a(98455),c=a(63447),o=a(79428),x=a(9881),u=a(17907),m=a(87309),h=a(64476);let b=["bg-zinc-100 dark:bg-zinc-800","bg-emerald-200 dark:bg-emerald-900/40","bg-emerald-300 dark:bg-emerald-800/60","bg-emerald-400 dark:bg-emerald-700/80","bg-emerald-500 dark:bg-emerald-600"];function g(e){let t="minute"===e.granularity?String(e.intervalMinutes??""):"";return`${e.accountId}:${e.granularity}:${t}:${e.start.toISOString()}:${e.end.toISOString()}`}function p(){let e=(0,s.useSyncExternalStore)(u.ZS,u.Jc,()=>"zh"),t=(0,m.q)(e),a=(0,x.useRouter)(),p=(0,l.i)(),[f,z]=(0,s.useState)(()=>"monday"===window.localStorage.getItem("schedule.weekStart")?"monday":"sunday"),[v,k]=(0,s.useState)(!0),[w,j]=(0,s.useState)(null),[y,N]=(0,s.useState)([]),[S,L]=(0,s.useState)({}),[$,T]=(0,s.useState)({}),[_,B]=(0,s.useState)(!1),[E,A]=(0,s.useState)(null),[I,M]=(0,s.useState)({}),[C,D]=(0,s.useState)({}

1),[P,F]=(0,s.useState)(!0),[O,R]=(0,s.useState)(!1),[U,Y]=(0,s.useState)(!1),[V,W]=(0,s.useState)(!1);(0,s.useEffect)(()=>{(0,i.eh)({sessionTimeoutMs:2500,sessionRetries:2,sessionRetryDelayMs:120,maxAgeMs:15e3})},[]),(0,s.useEffect)(()=>{if("unknown"!==p)return;let e=setTimeout(()=>W(!0),1e4);return()=>clearTimeout(e)},[p]),(0,s.useEffect)(()=>{let e=!1;return(async()=>{let{session:t}=await (0,i.KE)({timeoutMs:8e3,retries:2,retryDelayMs:250}),a=t?.access_token??null;if(!a)return;let r=await fetch("/api/feature-flags",{method:"GET",headers:{Authorization:`Bearer ${a}`}}),s=await r.json().catch(()=>null);r.ok&&!e&&(F(s?.engageBotAdminButtonsVisible!==!1),R(!!s?.engageBotAllowAllUsersReply),Y(!!s?.engageBotDisableAllUsersReply))})(),()=>{e=!0}},[]);let H=async()=>{let{session:e}=await (0,i.KE)({timeoutMs:8e3,retries:2,retryDelayMs:250});return e?.access_token??null};(0,s.useEffect)(()=>{let e=!1;return(async()=>{k(!0),j(null);try{let t=await H();if(!t){N([]),j("Please sign in to view the feed.");return}let a=await fetch("/api/integrations/x/status?metrics=1",{headers:{Authorization:`Bearer ${t}`}});if(401===a.status&&!function(){try{let e=window.localStorage.getItem("__aipersona_hard_signout_at_v1")||window.sessionStorage.getItem("__aipersona_hard_signout_at_v1")||"",t=Number.parseInt(e,10);return Number.isFinite(t)&&t>0&&Date.now()-t<6e4}catch{return!1}}()){if(await Promise.race([i.ND.auth.refreshSession().catch(()=>null),new Promise(e=>setTimeout(()=>e(),3e3))]),!(t=await H()))throw Error("Session expired. Please refresh and sign in again.");a=await fetch("/api/integrations/x/status?metrics=1",{headers:{Authorization:`Bearer ${t}`}})}let r=await a.json().catch(()=>null);if(!a.ok)throw Error("Failed to load X connection status.");let s=(0,h.oZ)(Array.isArray(r?.accounts)?r.accounts:[]);if(e)return;if(N(s),!r?.connected||0===s.length)return void j(null)}catch(t){e||j(t instanceof Error?t.message:"Failed to load overview.")}finally{e||k(!1)}})(),()=>{e=!0}},[]);let K=async e=>{let t,a,r=await H();if(!r)throw Error("Session expired. Please refresh and sign in again.");let s=((t=new Date).setHours(23,59,59,999),(a=new Date(t)).setDate(t.getDate()-(h.Kc-1)),a.setHours(0,0,0,0),{start:a,end:t}),n=new URLSearchParams({summary:"stats",granularity:"day",order:"asc",includeAllTime:"1",accountId:e,start:s.start.toISOString(),end:s.end.toISOString()}),i=await fetch(`/api/auto-reply/logs?${n.toString()}`,{headers:{Authorization:`Bearer ${r}`}});if(!i.ok)throw Error(await i.text().catch(()=>"")||`HTTP ${i.status}`);let l=await i.json().catch(()=>null);return l&&Array.isArray(l.buckets)?l:null},q=async e=>{let t,a,r=await H();if(!r)throw Error("Session expired. Please refresh and sign in again.");let s="today"===e.rangeOption||(t=e.range.start,a=e.range.end,t.getFullYear()===a.getFullYear()&&t.getMonth()===a.getMonth()&&t.getDate()===a.getDate())?"minute":"day",n="minute"===s?h.e9:null,i=new URLSearchParams({summary:"stats",granularity:s,order:"asc",accountId:e.accountId,start:e.range.start.toISOString(),end:e.range.end.toISOString()});n&&i.set("intervalMinutes",String(n));let l=await fetch(`/api/auto-reply/logs?${i.toString()}`,{headers:{Authorization:`Bearer ${r}`}});if(!l.ok)throw Error(await l.text().catch(()=>"")||`HTTP ${l.status}`);let d=await l.json().catch(()=>null);return d&&Array.isArray(d.buckets)?d:null};(0,s.useEffect)(()=>{if(!1==(!!O||"free"!==p&&"unknown"!==p)||0===y.length)return;let e=!1;return(async()=>{B(!0),A(null);try{let t=await Promise.allSettled(y.map(e=>K(e.id))),a={},r=null;if(t.forEach((e,t)=>{let s=y[t]?.id??"";if(s){if("fulfilled"===e.status){a[s]=e.value;return}a[s]=null,r||(r=e.reason instanceof Error?e.reason.message:"Failed to load overview.")}}),e)return;L(a),r&&Object.values(a).every(e=>null===e)&&A(r)}catch(t){e||A(t instanceof Error?t.message:"Failed to load overview.")}finally{e||B(!1)}})(),()=>{e=!0}},[O,p,y]),(0,s.useEffect)(()=>{if(!1==(!!O||"free"!==p&&"unknown"!==p)||0===y.length)return;let e=!1;return(async()=>{try{let t={};(await Promise.allSettled(y.map(async e=>{let t,a,r=I[e.id]??"month",s=C[e.id]??{start:"",end:""},n=(0,h.V)(r,s,f);if(!n)return null;let i="today"===r||(t=n.start,a=n.end,t.getFullYear()===a.getFullYear()&&t.getMonth()===a.getMonth()&&t.getDate()===a.getDate())?"minute":"day",l="minute"===i?h.e9:null,d=g({accountId:e.id,granularity:i,intervalMinutes:l,start:n.start,end:n.end}),c=await q({accountId:e.id,rangeOption:r,range:n});return{key:d,value:c}}

1))).forEach(e=>{"fulfilled"===e.status&&e.value&&(t[e.value.key]=e.value.value)}),e||T(t)}catch(t){e||A(t instanceof Error?t.message:"Failed to load overview.")}})(),()=>{e=!0}},[O,p,C,I,f,y]),O||p.startsWith("team")||p.startsWith("pro")||"professional"===p||p.startsWith("basic");let X="free"!==p&&"unknown"!==p,Z=O||X,G=(v||"unknown"===p)&&!V,J=(0,h.P_)(E||w)||null,Q=(0,h.LQ)(S);return(0,r.jsxs)("div",{className:"flex min-h-screen flex-col bg-white dark:bg-zinc-900 md:h-screen md:overflow-hidden",children:[(0,r.jsx)(n.M,{onCreatePost:()=>{try{window.sessionStorage.setItem(h.OI,"1")}catch{}a.push("/auto-reply")},weekStart:f,onWeekStartChange:e=>{z(e),window.localStorage.setItem("schedule.weekStart",e)},showTabs:!1,showConnections:!1,createLabel:t.logLabel,showCreateIcon:!1,createButtonClassName:"hidden",actions:(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("a",{href:h.Zv,target:"_blank",rel:"noreferrer",className:"rounded-xl border border-zinc-900 bg-zinc-900 px-3 py-2 text-xs font-semibold text-white transition-colors hover:bg-zinc-800 active:scale-[0.98] active:bg-zinc-700 dark:border-zinc-50 dark:bg-zinc-50 dark:text-zinc-900 dark:hover:bg-zinc-200 dark:active:bg-zinc-300 sm:px-5 sm:py-2.5 sm:text-sm",children:t.getExtensionLabel}),P?(0,r.jsx)("button",{type:"button",onClick:()=>{a.push("/auto-reply/settings")},className:"rounded-xl border border-zinc-300 bg-white px-3 py-2 text-xs font-semibold text-zinc-800 transition-colors hover:bg-zinc-50 hover:shadow-sm active:scale-[0.98] active:bg-zinc-100 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-200 dark:hover:bg-zinc-900 dark:active:bg-zinc-800 sm:px-5 sm:py-2.5 sm:text-sm",children:t.settingsLabel}):null]}),title:(0,r.jsxs)("div",{className:"flex w-full flex-col items-start gap-2 sm:flex-row sm:items-center sm:gap-3",children:[(0,r.jsx)("div",{className:"text-base font-semibold text-zinc-900 dark:text-zinc-50",children:t.autoReplyTitle}),(0,r.jsx)("div",{className:"flex w-full flex-wrap items-center gap-2 sm:w-auto sm:flex-nowrap",children:(0,r.jsx)("button",{type:"button",className:"rounded-xl border border-zinc-900 bg-zinc-900 px-3 py-2 text-xs font-semibold text-white transition-colors hover:bg-zinc-800 active:scale-[0.98] active:bg-zinc-700 dark:border-zinc-50 dark:bg-zinc-50 dark:text-zinc-900 dark:hover:bg-zinc-200 dark:active:bg-zinc-300 sm:px-5 sm:py-2.5 sm:text-sm",children:t.overviewTitle})})]})}),(0,r.jsxs)("div",{className:"flex items-start gap-2 border-b border-amber-200 bg-amber-50 px-4 py-2.5 text-xs font-medium text-amber-800 dark:border-amber-800/50 dark:bg-amber-900/20 dark:text-amber-200",children:[(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"mt-0.5 h-3.5 w-3.5 flex-none",children:[(0,r.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,r.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),(0,r.jsx)("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),(0,r.jsx)("span",{children:t.twitterPageNotice})]}),(0,r.jsxs)("div",{className:"flex flex-1 flex-col overflow-hidden",children:[(0,r.jsx)("div",{className:"border-b border-zinc-100 px-6 py-5 dark:border-zinc-900",children:(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsxs)("button",{type:"button",onClick:()=>a.push("/auto-reply"),className:"inline-flex items-center gap-1.5 rounded-full border border-zinc-200 bg-white px-3 py-1.5 text-xs font-semibold text-zinc-600 hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-200 dark:hover:bg-zinc-900",children:[(0,r.jsx)(c.A,{className:"h-3.5 w-3.5"}),t.backLabel]}),(0,r.jsx)("div",{className:"text-sm font-semibold text-zinc-900 dark:text-zinc-50",children:t.overviewTitle})]})}),(0,r.jsx)("div",{className:"flex-1 overflow-y-auto p-6",children:G?(0,r.jsxs)("div",{className:"flex items-center justify-center gap-3 rounded-2xl border border-dashed border-zinc-300 bg-white p-10 text-sm text-zinc-600 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-300",children:[(0,r.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),t.overviewLoading]}):J?(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-zinc-300 bg-white p-10 text-center text-sm text-zinc-600 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-300",children:J}):U||Z?0===y.length?(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-zinc-300 bg-white p-10 text-center text-sm text-zinc-600 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-300",children:"Connect at least one X account to view overview data."}):_?(0,r.jsxs)("div",{className:"flex items-center justify-center gap-3 rounded-2xl border border-dashed border-zinc-300 bg-white p-10 text-sm text-zinc-600 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-300",children:[(0,r.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),t.overviewLoading]}):(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"rounded-2xl border border-dashed border-zinc-300 bg-white p-4 text-[11px] text-zinc-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-300",children:[(0,r.jsx)("div",{className:"text-xs font-semibold text-zinc-600 dark:text-zinc-200",children:t.debugL

1abel}),(0,r.jsxs)("div",{className:"mt-2 grid gap-1",children:[(0,r.jsxs)("div",{children:[t.totalLogsLabel,": ",(0,h.B4)(Q.total)]}),(0,r.jsxs)("div",{children:[t.postedLabel,": ",(0,h.B4)(Q.counts.posted)," \xb7 ",t.attemptedLabel,":"," ",(0,h.B4)(Q.counts.attempted)," \xb7 ",t.failedLabel,": ",(0,h.B4)(Q.counts.failed)," \xb7"," ",t.skippedLabel,": ",(0,h.B4)(Q.counts.skipped)]}),(0,r.jsxs)("div",{children:[t.earliestLabel,": ",Q.earliest?Q.earliest.toLocaleString():"-"]}),(0,r.jsxs)("div",{children:[t.latestLabel,": ",Q.latest?Q.latest.toLocaleString():"-"]})]})]}),(0,r.jsxs)("div",{className:"rounded-2xl border border-zinc-200 bg-white p-5 shadow-sm dark:border-zinc-800 dark:bg-zinc-950",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-sm font-semibold text-zinc-900 dark:text-zinc-50",children:t.replyCadenceTitle}),(0,r.jsxs)("div",{className:"mt-1 text-xs text-zinc-500 dark:text-zinc-400",children:["Bot reply activity across the last ",h.oz," weeks."]})]}),(()=>{let e=y[0];if(!e)return null;let a=(0,h.ds)(S[e.id]?.buckets??null);return(0,r.jsxs)("div",{className:"text-xs text-zinc-500 dark:text-zinc-400",children:[t.rangeLabel,": ",(0,h._n)(a.start)," - ",(0,h._n)(a.end)]})})()]}),(0,r.jsx)("div",{className:"mt-5 space-y-5",children:y.map(e=>{let a,s,n=S[e.id]??null,i=(0,h.ds)(n?.buckets??null),l=(0,h.AT)(n?.buckets??null,n?.allTime??null),c=(0,d.tK)(e),o="expired"===c,x=I[e.id]??"month",u=C[e.id]??{start:"",end:""},m=(0,h.V)(x,u,f),p=m&&("today"===x||(a=m.start,s=m.end,a.getFullYear()===s.getFullYear()&&a.getMonth()===s.getMonth()&&a.getDate()===s.getDate()))?"minute":"day",z="minute"===p?h.e9:null,v=m&&g({accountId:e.id,granularity:p,intervalMinutes:z,start:m.start,end:m.end}),k=v?$[v]??null:null,w=(0,h.lB)(k?.buckets??null,m),j=(0,h.RV)(m),y=(0,h.f4)(k,x,m),N=y.buckets,L=y.max||1;return(0,r.jsxs)("div",{className:"rounded-xl border border-zinc-200 bg-white p-4 dark:border-zinc-800 dark:bg-zinc-950",children:[(0,r.jsxs)("div",{className:"space-y-3",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[o?(0,r.jsx)("div",{className:"h-9 w-9 shrink-0 rounded-full border-2 border-zinc-300 bg-transparent dark:border-zinc-600"}):e.profileImageUrl?(0,r.jsx)("img",{src:e.profileImageUrl,alt:"",className:"h-9 w-9 rounded-full object-cover",referrerPolicy:"no-referrer"}):(0,r.jsx)("div",{className:"h-9 w-9 rounded-full bg-zinc-200 dark:bg-zinc-800"}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"text-sm font-semibold text-zinc-900 dark:text-zinc-50",children:[e.name||e.username||"X account",o?(0,r.jsx)("span",{className:"ml-1 text-xs font-normal text-red-500 dark:text-red-400",children:"(Token expired,need reconnection)"}):null,"oauth2_required"===c?(0,r.jsx)("span",{className:"ml-1 text-xs font-normal text-amber-600 dark:text-amber-400",children:"(OAuth2 required)"}):null]}),(0,r.jsx)("div",{className:"text-xs text-zinc-500 dark:text-zinc-400",children:e.username?`@${e.username}`:"@unknown"})]})]}),(0,r.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:(0,r.jsx)("div",{className:"flex max-w-full flex-wrap items-center gap-1 rounded-full border border-zinc-200 bg-white p-1 text-[11px] font-semibold text-zinc-600 dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-200",children:[{label:t.tabToday,value:"today"},{label:t.tabThisWeek,value:"week"},{label:t.tabThisMonth,value:"month"},{label:t.tabThisYear,value:"year"},{label:t.tabCustom,value:"custom"}].map(t=>(0,r.jsx)("button",{type:"button",onClick:()=>{if(M(a=>({...a,[e.id]:t.value})),"custom"===t.value&&!u.start&&!u.end){let t=(0,h.V)("week",u,f);t&&D(a=>({...a,[e.id]:{start:(0,h.l1)(t.start),end:(0,h.l1)(t.end)}}))}},className:`whitespace-nowrap rounded-full px-2.5 py-1 transition-colors ${x===t.value?"bg-zinc-900 text-white dark:bg-white dark:text-zinc-900":"text-zinc-600 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800"}`,children:t.label},`${e.id}-${t.value}`))})})]}),"custom"===x?(0,r.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-2",children:[(0,r.jsxs)("div",{className:"inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-3 py-1 text-[11px] text-zinc-600 dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-200",children:[(0,r.jsx)("input",{type:"date",value:u.start,onCh

1ange:t=>D(a=>({...a,[e.id]:{...u,start:t.target.value}})),className:"bg-transparent text-[11px] text-zinc-600 outline-none dark:text-zinc-200"}),(0,r.jsx)("span",{className:"text-zinc-400",children:"—"}),(0,r.jsx)("input",{type:"date",value:u.end,onChange:t=>D(a=>({...a,[e.id]:{...u,end:t.target.value}})),className:"bg-transparent text-[11px] text-zinc-600 outline-none dark:text-zinc-200"})]}),(0,r.jsx)("div",{className:"text-[11px] text-zinc-500 dark:text-zinc-400",children:"Select a start and end date."})]}):null,(0,r.jsxs)("div",{className:"mt-2 text-[11px] text-zinc-500 dark:text-zinc-400",children:["Showing: ",j]}),(0,r.jsxs)("div",{className:"mt-4 grid gap-4 lg:grid-cols-[220px_minmax(0,1fr)_280px] lg:items-start",children:[(0,r.jsxs)("div",{className:"rounded-xl border border-zinc-200 bg-zinc-50 p-4 dark:border-zinc-800 dark:bg-zinc-900",children:[(0,r.jsx)("div",{className:"text-xs font-semibold text-zinc-600 dark:text-zinc-300",children:t.replyVolumeTitle}),(0,r.jsxs)("div",{className:"mt-3 grid gap-3",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between text-xs text-zinc-500 dark:text-zinc-400",children:[(0,r.jsx)("span",{children:t.rangeTotalLabel}),(0,r.jsx)("span",{className:"text-sm font-semibold text-zinc-900 dark:text-zinc-50",children:(0,h.B4)(w)})]}),(0,r.jsxs)("div",{className:"flex items-center justify-between text-xs text-zinc-500 dark:text-zinc-400",children:[(0,r.jsx)("span",{children:"Last 7 days"}),(0,r.jsx)("span",{className:"text-sm font-semibold text-zinc-900 dark:text-zinc-50",children:(0,h.B4)(l.last7)})]}),(0,r.jsxs)("div",{className:"flex items-center justify-between text-xs text-zinc-500 dark:text-zinc-400",children:[(0,r.jsx)("span",{children:"Last 30 days"}),(0,r.jsx)("span",{className:"text-sm font-semibold text-zinc-900 dark:text-zinc-50",children:(0,h.B4)(l.last30)})]}),(0,r.jsxs)("div",{className:"flex items-center justify-between text-xs text-zinc-500 dark:text-zinc-400",children:[(0,r.jsx)("span",{children:"Last 90 days"}),(0,r.jsx)("span",{className:"text-sm font-semibold text-zinc-900 dark:text-zinc-50",children:(0,h.B4)(l.last90)})]}),(0,r.jsxs)("div",{className:"flex items-center justify-between text-xs text-zinc-500 dark:text-zinc-400",children:[(0,r.jsx)("span",{children:"All time"}),(0,r.jsx)("span",{className:"text-sm font-semibold text-zinc-900 dark:text-zinc-50",children:(0,h.B4)(l.total)})]})]})]}),(0,r.jsxs)("div",{className:"rounded-xl border border-zinc-200 bg-white p-4 dark:border-zinc-800 dark:bg-zinc-950",children:[(0,r.jsx)("div",{className:"text-xs font-semibold text-zinc-600 dark:text-zinc-300",children:t.recentAutoRepliesTitle}),(0,r.jsx)("div",{className:"mt-3",children:0===N.length?(0,r.jsx)("div",{className:"text-[11px] text-zinc-500 dark:text-zinc-400",children:"No reply activity yet."}):(0,r.jsx)("div",{className:"h-36 overflow-x-auto",children:(0,r.jsx)("div",{className:"flex h-full min-w-max items-end gap-2",children:N.map(e=>{let t=L>0?Math.round(e.count/L*100):0,a=e.count>0?Math.max(6,t):2;return(0,r.jsxs)("div",{className:"flex h-full flex-col items-center gap-2",children:[(0,r.jsx)("div",{className:"flex w-full flex-1 items-end justify-center",children:(0,r.jsx)("div",{title:`${e.label} \xb7 ${(0,h.B4)(e.count)} replies`,className:"w-4 rounded-md bg-sky-500 dark:bg-sky-400",style:{height:`${a}%`}})}),(0,r.jsx)("div",{className:"whitespace-nowrap text-[10px] text-zinc-400 dark:text-zinc-500",children:e.label})]},e.key)})})})})]}),(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsx)("div",{className:"flex items-start gap-1 overflow-x-auto pb-1",children:i.weeks.map((t,a)=>(0,r.jsx)("div",{className:"grid grid-rows-7 gap-1",children:t.map(e=>(0,r.jsx)("div",{title:`${(0,h._n)(e.date)} \xb7 ${(0,h.B4)(e.count)} reply events`,className:`h-3 w-3 rounded-[4px] ${b[e.level]}`},e.date.toISOString()))},`${e.id}-week-${a}`))}),(0,r.jsxs)("div",{className:"mt-3 flex items-center gap-2 text-[11px] text-zinc-500 dark:text-zinc-400",children:[(0,r.jsx)("span",{children:t.heatmapLess}),(0,r.jsx)("div",{className:"flex items-center gap-1",children:b.map((t,a)=>(0,r.jsx)("div",{className:`h-2.5 w-2.5 rounded-[3px] ${t}`},`${e.id}-legend-${a}`))}),(0,r.jsx)("span",{children:t.heatmapMore})]})]})]})]},e.id)})})]})]}):(0,r.jsxs)("div",{className:"rounded-2xl border border-dashed border-zinc-300 bg-white p-10 text-center text-sm text-zinc-600 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-300",children:[(0,r.jsx)("div",{className:"text-base font-semibold text-zinc-900 dark:text-zinc-50",children:t.membersOnlyTitle}),(0,r.jsx)("div",{className:"mt-2",children:t.upgradeCopy}),(0,r.jsx)("button",{type:"button",onClick:()=>{window.location.href="/billing"},className:"mt-5 inline-flex items-center justify-center rounded-full bg-zinc-900 px-6 py-2 text-sm font-semibold text-white dark:bg-white dark:text-zinc-900",children:"Upgrade"})]})})]})]})}}}]);