https://app.wecantrack.com/wct-app/assets/Posts-C0rQH2gs.js

1import{d as I,h as l,z as r,x as _,D as L,c as N,w as F,a,f as H,o as k,e as S,b as u,F as j,t as E,p as M,P as R}from"./wct-app-D8i_eqtu.js";import{F as U}from"./FullLayout-zb4x4YVn.js";import{_ as A}from"./SocialFilterBar.vue_vue_type_script_setup_true_lang-C0LJDw-r.js";import{D as $}from"./DataTable-yJIZ1Jyv.js";import{D}from"./DynamicHeroIcon-BaqZpeOn.js";import{c as O}from"./index-Bufe9gBh.js";import"./auth.store-8biDnKfi.js";import"./common.store-CRrASObo.js";import"./auth.service-DpLjbZ4k.js";import"./Header-lejb0B66.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./format-Grfp2_uY.js";import"./Loading-DcSCH15J.js";import"./ModalBlank-DqUEbJt2.js";import"./PlusIcon-DYNe7iZ-.js";import"./XMarkIcon-DFOn66fd.js";import"./Dropdown.vue_vue_type_script_setup_true_lang-BSvj_1Xd.js";import"./WctDatePickerRange.vue_vue_type_script_setup_true_lang-Bwme4fAp.js";import"./main-C1c_4EPG.js";import"./format-CYS4_sWE.js";import"./CustomPagination-CkukA2X_.js";import"./ShieldCheckIcon-BWqFCb0i.js";import"./ExclamationCircleIcon-BLQuYzNz.js";import"./FunnelIcon-BWVrIAa3.js";import"./CheckCircleIcon-uL_wsBoq.js";import"./ChevronDownIcon-Bb7IICNj.js";import"./ChevronRightIcon-CnlDLyZY.js";import"./LinkIcon-Cava_wGR.js";import"./CogIcon-BClzZz8O.js";import"./DocumentTextIcon-CjLt4iuy.js";import"./ExclamationTriangleIcon-DFNXGgop.js";import"./InformationCircleIcon-vwXENsff.js";import"./MagnifyingGlassIcon-WZwazEdc.js";import"./WrenchScrewdriverIcon-Dijmq-uH.js";import"./TableCellsIcon-DrJnwU_K.js";import"./UserGroupIcon-4B8il2UH.js";const q={class:"min-h-screen bg-slate-50 dark:bg-slate-900"},G={class:"mx-auto px-4 sm:px-6 lg:px-8 py-4 space-y-6"},J={key:0,class:"bg-white dark:bg-slate-800 rounded-lg shadow-sm border border-slate-200 dark:border-slate-700 px-5 py-12 text-center"},K={class:"w-16 h-16 rounded-full bg-slate-100 dark:bg-slate-700 flex items-center justify-center mx-auto mb-4"},Q={class:"bg-white dark:bg-slate-800 rounded-lg shadow-sm border border-slate-200 dark:border-slate-700"},W={class:"p-6 border-b border-slate-200 dark:border-slate-700"},X={class:"flex items-center gap-3"},Y={class:"w-10 h-10 rounded-lg bg-violet-100 dark:bg-violet-900/30 flex items-center justify-center"},Z={class:"text-lg font-semibold text-slate-900 dark:text-white"},He=I({__name:"Posts",props:{accounts:{}},setup(g){const P=g,c=l([]),h=new Date,n=l([new Date(h.getTime()-29*864e5),h]),f=l([]),x=l(0),b=l(!1),i=l(1),v=l(25),d=l({field:"published_at",direction:"desc"}),V=t=>t==null?"—":Number(t).toLocaleString(),C=t=>new Date(t).toLocaleDateString(),B=t=>({reel:"bg-pink-100 text-pink-700 dark:bg-pink-900/30 dark:text-pink-400",video:"bg-violet-100 text-violet-700 dark:bg-violet-900/30 dark:text-violet-400",carousel:"bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",photo:"bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400"})[t]??"bg-slate-100 text-slate-600 dark:bg-slate-700 dark:text-slate-300",p=O(),o=(t,e)=>p.accessor(t,{header:e,cell:s=>r("span",{class:"text-slate-800 dark:text-slate-100"},V(s.getValue())),enableSorting:!0,meta:{align:"right"}}),T=[p.accessor("caption",{header:"Post",enableSorting:!1,cell:t=>{const e=t.row.original,s=e.caption||"(no caption)",y=[e.thumbnail_url?r("img",{src:e.thumbnail_url,alt:"",class:"w-9 h-9 rounded object-cover flex-shrink-0"}):null,r("span",{class:"truncate"},s)];return e.permalink?r("a",{href:e.permalink,target:"_blank",rel:"noopener",class:"flex items-center gap-2 max-w-xs text-slate-800 dark:text-slate-100 hover:text-yellow-600 dark:hover:text-yellow-400"},y):r("div",{class:"flex items-center gap-2 max-w-xs text-slate-800 dark:text-slate-100"},y)}}),p.accessor("media_type",{header:"Type",enableSorting:!1,cell:t=>r("span",{class:`px-2 py-0.5 rounded-full text-xs font-medium ${B(t.getValue())}`},t.getValue())}),p.accessor("published_at",{header:"Published",enableSorting:!0,cell:t=>r("span",{class:"text-slate-600 dark:text-slate-400 whitespace-nowrap"},C(t.getValue()))}),o("views","Views"),o("reach","Reach"),o("likes","Likes"),o("comments","Comments"),o("shares","Shares"),o("saves","Saves"),o("total_engagements","Engagements")],w=t=>t.toISOString().slice(0,10),m=async()=>

1{if(P.accounts.length){b.value=!0;try{const t=await M.get(R("user.analysis.social.data.top-posts"),{params:{accounts:c.value,date_from:w(n.value[0]),date_to:w(n.value[1]),sort:d.value.field,direction:d.value.direction,page:i.value,per_page:v.value}});f.value=t.data.data??[],x.value=t.data.total??0}finally{b.value=!1}}},z=({page:t,pageSize:e})=>{i.value=t,v.value=e,m()};return _(d,()=>{i.value=1,m()}),_([c,n],()=>{i.value=1,m()}),L(m),(t,e)=>(k(),N(U,{title:"Social Media › Posts"},{default:F(()=>[a("div",q,[e[6]||(e[6]=a("div",{class:"bg-white dark:bg-slate-800 shadow-sm"},[a("div",{class:"mx-auto px-4 sm:px-6 lg:px-8 py-6"},[a("h1",{class:"text-2xl font-semibold text-slate-900 dark:text-white flex items-center gap-2"},[H(" Social Media "),a("span",{class:"text-xs font-semibold px-2 py-0.5 rounded-full bg-yellow-100 text-yellow-700 dark:bg-yellow-500/20 dark:text-yellow-300"},"BETA")]),a("p",{class:"mt-1 text-sm text-slate-600 dark:text-slate-400"},"Per-post performance")])],-1)),a("div",G,[g.accounts.length?(k(),S(j,{key:1},[u(A,{accounts:g.accounts,selected:c.value,"onUpdate:selected":e[0]||(e[0]=s=>c.value=s),"date-range":n.value,"onUpdate:dateRange":e[1]||(e[1]=s=>n.value=s)},null,8,["accounts","selected","date-range"]),a("div",Q,[a("div",W,[a("div",X,[a("div",Y,[u(D,{name:"TableCellsIcon",class:"w-5 h-5 text-violet-600 dark:text-violet-400"})]),a("div",null,[a("h3",Z,"Posts ("+E(x.value)+")",1),e[5]||(e[5]=a("p",{class:"text-xs text-slate-600 dark:text-slate-400"},"Latest lifetime metrics per post",-1))])])]),u($,{data:f.value,columns:T,loading:b.value,total:x.value,page:i.value,"page-size":v.value,sort:d.value,"onUpdate:sort":e[2]||(e[2]=s=>d.value=s),onPaginate:z,"show-column-visibility":"","storage-key":"social-posts"},null,8,["data","loading","total","page","page-size","sort"])])],64)):(k(),S("div",J,[a("div",K,[u(D,{name:"HashtagIcon",class:"w-8 h-8 text-slate-400 dark:text-slate-500"})]),e[3]||(e[3]=a("h3",{class:"text-lg font-semibold text-slate-900 dark:text-white mb-2"},"No channels connected",-1)),e[4]||(e[4]=a("p",{class:"text-slate-600 dark:text-slate-400"},"Connect a channel to see per-post insights.",-1))]))])])]),_:1}))}});export{He as default};