https://snapbox.ai/assets/SnapMagazineDashboard-De-ACWeO.js

1import{_ as lt,r as A,o as it,A as rt,g as c,c as u,b as e,e as S,t as p,F as C,f as D,w as G,v as q,i as B,m as gt,B as ot,a as yt,V as wt,p as xt,h as M,y as Z,d as bt,k as at,n as j,K as kt,u as St,E as H,J as tt,j as k}from"./index-GRB8Jcml.js";import{M as et}from"./MagazineService-muCZR2sY.js";import{c as Mt,S as Ct,a as Dt,b as At,r as Bt}from"./snap_footer-B9eSqtLO.js";import{C as It}from"./creator_banner-CeD4py9l.js";import{S as st}from"./Cafe24Service-JcfuYLwI.js";import{I as Nt}from"./InstagramService-B_qaEuBn.js";import{S as nt}from"./VideoService-CMl7PUJf.js";import"./UserService-B39Vk0W_.js";const Lt={name:"SnapPhotoBanner",emits:["show-sales-info"],setup(){const t=A([]),s=A(!1),y=A({}),a=d=>{y.value[d]=!0},I=d=>(d==null?void 0:d.toLowerCase().endsWith(".mp4"))||(d==null?void 0:d.toLowerCase().endsWith(".webm"))||(d==null?void 0:d.toLowerCase().endsWith(".mov")),x=d=>(d==null?void 0:d.toLocaleString())||"0",f=d=>{console.log(d);const m=d.snap_id;m&&(d.is_archive==1?window.open("/snap-page","_blank"):d.is_main==1?window.open("/snap-main","_blank"):window.open("/snap-update/"+m,"_blank"))},w=async()=>{s.value=!0;try{const m=(await Mt.fetchConversions()).data.contents;m.sort((h,N)=>N.total_sales_amount-h.total_sales_amount),t.value=m,t.value.forEach(h=>{y.value[h.snap_photo_id]=!1})}catch(d){console.error("스냅 포토 데이터 로드 실패:",d)}finally{s.value=!1}};return it(()=>{(rt.getMallId()??0)&&w()}),{snapPhotos:t,isLoading:s,loadedMedia:y,handleMediaLoad:a,isVideo:I,formatNumber:x,openSnap:f}}},Pt={key:0,class:"mb-4"},Tt={class:"flex items-center mb-2"},jt={class:"flex items-center gap-2 text-lg font-medium text-gray-800"},Ot={key:0,class:"loading-container flex justify-center items-center py-8"},Et={key:1,class:"image-gallery flex gap-2 overflow-x-auto pb-2 scrollbar-hide"},Rt=["onClick"],Yt={class:"snap-image-wrapper"},Vt=["src","onLoadeddata"],Ft=["src","alt","onLoad"],Ut={key:2,class:"media-placeholder"},zt={key:3,class:"video-overlay"},Kt={class:"info-overlay"},Wt={class:"snap-id-badge",style:{"font-size":"0.6rem","margin-left":"5px"}},$t={class:"stats-container"},Ht={class:"stat-item stat-sales"},Gt={class:"stat-value",style:{"font-size":"11px"}},qt={class:"stat-row"},Jt={class:"stat-item stat-click"},Xt={class:"stat-value"},Qt={class:"stat-value"};function Zt(t,s,y,a,I,x){return a.snapPhotos.length>0?(c(),u("div",Pt,[e("div",Tt,[e("div",jt,[S(" 스냅 매출 전환 RANK "+p(a.snapPhotos.length)+" ",1),e("button",{onClick:s[0]||(s[0]=f=>t.$emit("show-sales-info")),class:"info-icon-btn",type:"button"},s[1]||(s[1]=[e("span",{class:"material-symbols-outlined text-gray-400 hover:text-gray-600",style:{"font-size":"18px"}}," info ",-1)]))])]),a.isLoading?(c(),u("div",Ot,s[2]||(s[2]=[e("div",{class:"loading-spinner"},null,-1)]))):(c(),u("div",Et,[(c(!0),u(C,null,D(a.snapPhotos,f=>(c(),u("div",{key:f.snap_photo_id,class:"snap-card flex-shrink-0"},[e("div",{class:"box !p-0 overflow-hidden h-full flex flex-col cursor-pointer",onClick:w=>a.openSnap(f)},[e("div",Yt,[a.isVideo(f.photo)?G((c(),u("video",{key:0,src:f.photo,class:"w-full h-full object-cover",onLoadeddata:w=>a.handleMediaLoad(f.snap_photo_id),preload:"metadata",muted:""},null,40,Vt)),[[q,a.loadedMedia[f.snap_photo_id]]]):G((c(),u("img",{key:1,src:f.photo,alt:`Snap ${f.snap_photo_id}`,class:"w-full h-full object-cover",onLoad:w=>a.handleMediaLoad(f.snap_photo_id)},null,40,Ft)),[[q,a.loadedMedia[f.snap_photo_id]]]),a.loadedMedia[f.snap_photo_id]?B("",!0):(c(),u("div",Ut,s[3]||(s[3]=[e("div",{class:"loading-spinner-small"},null,-1)]))),a.isVideo(f.photo)?(c(),u("div",zt,s[4]||(s[4]=[e("svg",{class:"w-5 h-5 text-white",fill:"currentColor",viewBox:"0 0 20 20"},[e("path",{d:"M6.3 2.841A1.5 1.5 0 004 4.11V15.89a1.5 1.5 0 002.3 1.269l9.344-5.89a1.5 1.5 0 000-2.538L6.3 2.84z"})],-1)]))):B("",!0),e("div",Kt,[e("div",Wt," #"+p(f.snap_id),1),e("div",$t,[e("div",Ht,[s[5]||(s[5]=e("span",{class:"stat-label",style:{"font-size":"11px"}},"매출 전환",-1)),e("span",Gt,p(a.formatNumber(f.total_sales_amount))+"원",1)]),e("div",qt,[e("div",Jt,[s[6]||(s[6]=e("span",{class:"stat-label"},"조회수",-1)),e("span",Xt,p(f.view_count),1),s[7]||(s[7]=e("span",{class:"stat-value"},null,-1)),s[8]||(s[8]=e("span",{class:"stat-label"},"클릭수",-1)),e("span",Qt,p(f.snap_click_count),1)])]),s[9]||(s[9]=e("div",{class:"stat-item stat-view"},null,-1))])])])],8,Rt)]))),128))]))])):B("",!0)}const te=lt(Lt,[["render",Zt],["__scopeId","data-v-4f1265e6"]]),ee={name:"SnapMagazineDashboard",components:{SNAP_MENU:Ct,SNAP_HEADER:Dt,SNAP_FOOTER:At,CREATOR_BANNER:It,SNAP_BANNER:te},setup(){const t=gt({activeTab:"조회수",view_total_count:0,view_monthly_count:0,view_yesterday_count:0,view_today_count:0,daily_views:[],click_total_count:0,click_monthly_count:0,click_yesterday_count:0,click_today_count:0,daily_clicks:[],top_view_items:[],top_click_items:[],count_by_view:[],count_by_click:[],total_crews:0,profiles:[],total_sales_affiliate:0,total_sales_dropshipping:0,chartKey:0,totalMinutes:0,provide_minutes:0,video_used_percent:0,top10_mouseover_tab:0,series:[{name:"조회수",data:[0,0,0,0,0,0,0,0],color:"#a367dc"},{name:"클릭수",data:[0,0,0,0,0,0,0,0],color:"#4ecdc4"}],chartOptions:{chart:{height:"400px",maxWidth:"100%",type:"bar",fontFamily:"Inter, sans-serif",toolbar:{show:!1},offsetY:10},plotOptions:{bar:{borderRadius:3,columnWidth:"70%",dataLabels:{position:"top"}}},grid:{show:!0,strokeDashArray:4,padding:{left:10,right:10,top:20,bottom:5}},xaxis:{categories:[],axisBorder:{show:!1},axisTicks:{show:!1},labels:{show:!0,style:{fontFamily:"Inter, sans-serif",cssClass:"text-xs font-normal fill-gray-500 dark:fill-gray-400"},rotateAlways:!1,hideOverlappingLabels:!0,trim:!0,maxHeight:120},tooltip:{enabled:!1}},yaxis:{show:!0,showAlways:!0,labels:{show:!0,align:"right",minWidth:0,maxWidth:160,style:{fontSize:"12px",fontFamily:"Inter, sans-serif",cssClass:"text-xs font-normal fill-gray-500 dark:fill-gray-400"},formatter:function(o){return o>=1e3?(o/1e3).toFixed(1)+"K":o.toFixed(0)},offsetY:-6,offsetX:0},axisBorder:{show:!0},axisTicks:{show:!0},min:0,forceNiceScale:!0,tickAmount:5,padding:10}

1,margin:{top:20,right:20,bottom:20,left:20},dataLabels:{enabled:!1},tooltip:{enabled:!0,theme:"light",x:{show:!0},y:{formatter:function(o){return o.toLocaleString()+"회"}}}},initialChartData:{categories:[],조회수:[],클릭수:[]},banners:[],activeBanners:[],currentBannerIndex:0,showSalesInfoModal:!1}),s=o=>o?o.toLocaleString("ko-KR"):"0",y=new Date,a=new Date(y.getTime()-29*24*60*60*1e3),I=A([a,y]),x=St(),f=o=>{t.top10_mouseover_tab=o},w=o=>{o==0?x.push("/snap-dashboard-detail?type=view"):x.push("/snap-dashboard-detail?type=click")},d=ot(()=>{switch(t.activeTab){case"조회수":return[t.series[0]];case"클릭수":return[t.series[1]];case"공유수":return[t.series[2]];default:return[]}}),m=ot(()=>{const o=new Date,l=[];for(let i=1;i<=365;i++){const r=new Date(o);r.setDate(o.getDate()+i),l.push(r)}return l}),h=A(null),N=()=>{t.chartOptions.xaxis.categories=t.initialChartData.categories,t.series[0].data=[...t.initialChartData.조회수],t.series[1].data=[...t.initialChartData.클릭수],t.activeTab==="조회수"?t.chartOptions.yaxis.max=t.initialChartData.viewsYAxisMax:t.activeTab==="클릭수"&&(t.chartOptions.yaxis.max=t.initialChartData.clicksYAxisMax),t.chartKey+=1,tt(()=>{h.value&&h.value.chart&&(h.value.chart.updateOptions(t.chartOptions,!1,!0),h.value.chart.updateSeries(t.series,!0))})},J=o=>{if(o&&Array.isArray(o)&&o.length===2){let l=new URLSearchParams;const i=H(o[0]).format("YYYY-MM-DD"),r=H(o[1]).format("YYYY-MM-DD");l.append("period1",i),l.append("period2",r),L(l)}else N()},L=o=>{et.dashboardGraph(o).then(l=>{let i=l.data;t.daily_views=i.daily_views||[],t.daily_clicks=i.daily_clicks||[];const r=t.daily_views.map(T=>T.date);t.chartOptions.xaxis.categories=r;const _=t.daily_views.map(T=>T.count),Q=t.daily_clicks.map(T=>T.count);t.series[0].data=[..._],t.series[1].data=[...Q],t.activeTab==="조회수"?t.chartOptions.yaxis.max=b(_):t.activeTab==="클릭수"&&(t.chartOptions.yaxis.max=b(Q)),t.chartKey+=1,tt(()=>{h.value&&h.value.chart&&(h.value.chart.updateOptions(t.chartOptions,!1,!0),h.value.chart.updateSeries([{data:_},{data:Q}],!0))})}).catch(l=>{console.log(l)}).finally(()=>{})};let O=o=>{const l=window.pageYOffset||document.documentElement.scrollTop;if(t.activeTab=o,o==="조회수"){const i=t.series[0].data,r=b(i);t.chartOptions.yaxis.max=r}else if(o==="클릭수"){const i=t.series[1].data,r=b(i);t.chartOptions.yaxis.max=r}t.chartKey+=1,tt(()=>{window.scrollTo(0,l),h.value&&h.value.chart&&(h.value.chart.updateOptions(t.chartOptions,!1,!0),o==="조회수"?h.value.chart.updateSeries([{name:"조회수",data:[...t.series[0].data],color:"#a367dc"}],!0):o==="클릭수"&&h.value.chart.updateSeries([{name:"클릭수",data:[...t.series[1].data],color:"#4ecdc4"}],!0))})};function b(o,l=1.15){const i=Math.max(...o,0);if(i===0)return 10;let r=i*l;const _=Math.pow(10,Math.floor(Math.log10(r)));return i<10?r=Math.ceil(r*2)/2:i<100?r=Math.ceil(r/5)*5:r=Math.ceil(r/(_/10))*(_/10),r}let E=o=>{window.open(o)};async function R(){await st.storeInfo()}async function Y(){st.insertProducts().then(o=>{console.log(o)}).catch(o=>{console.log(o)})}async function V(){try{const l=(await et.dashboardBanner()).data;t.activeBanners=l.filter(i=>i.is_active===1||i.is_active===!0),t.activeBanners.forEach(i=>{if(i.image_url){const r=new Image;r.src=i.image_url}}),t.activeBanners.length>1&&setTimeout(()=>{X()},3e3)}catch(o){return console.error("배너 로드 실패:",o),[]}}async function F(){try{const o=new Date,l=new Date(o.getTime()-29*24*60*60*1e3),i=H(l).format("YYYY-MM-DD"),r=H(o).format("YYYY-MM-DD");let _=new URLSearchParams;_.append("period1",i),_.append("period2",r),L(_)}catch(o){return console.error("그래프 로드 실패:",o),[]}}async function U(){try{Nt.getCrew().then(o=>{console.log(o);let l=o.data.data;t.total_crews=l.total_crews,t.profiles=l.profiles})}catch(o){console.log(o)}}async function z(){try{const o=await nt.recordVideoUsage();console.log(o)}catch(o){console.log(o)}}async function K(){try{const o=await st.payList();console.log(o)}catch(o){console.log(o)}}async function n(){var o,l;try{const i=await nt.videoUsage(),r=(o=i==null?void 0:i.data)==null?void 0:o.summary,_=(l=i==null?void 0:i.data)==null?void 0:l.provide_minutes;t.totalMinutes=(r==null?void 0:r.total_minutes)||0,t.provide_minutes=_||0,t.provide_minutes>0&&(t.video_used_percent=Math.round(t.totalMinutes/t.provide_minutes*100))}catch(i){console.log(i)}}async function g(){try{et.widgetDashboard().then(o=>{let l=o.data;t.view_total_count=l.view_total_count,t.view_monthly_count=l.view_monthly_count,t.view_yesterday_count=l.view_yesterday_count,t.view_today_count=l.view_today_count,t.click_total_count=l.click_total_count,t.click_monthly_count=l.click_monthly_count,t.click_yesterday_count=l.click_yesterday_count,t.click_today_count=l.click_today_count,t.total_sales_affiliate=l.total_sales_affiliate,t.total_sales_dropshipping=l.total_sales_dropshipping,t.top_view_items=l.top_view_items||[],t.top_view_items.forEac

1h(r=>{r.count=parseInt(r.count)}),t.top_click_items=l.top_click_items||[],t.top_click_items.forEach(r=>{r.count=parseInt(r.count)});const i=t.daily_views.map(r=>r.date);t.chartOptions.xaxis.categories=i}).catch(o=>{console.log(o)})}catch(o){return console.error("통계 데이터 로드 실패:",o),[]}}const v=()=>{t.activeBanners.length>1&&(t.currentBannerIndex=(t.currentBannerIndex+1)%t.activeBanners.length)},W=()=>{t.activeBanners.length>1&&(t.currentBannerIndex=t.currentBannerIndex===0?t.activeBanners.length-1:t.currentBannerIndex-1)},ct=()=>{$(),X()},P=A(null),dt=3e3,X=()=>{if(console.log("자동 슬라이드 시작",t.activeBanners.length),!t.activeBanners||t.activeBanners.length<=1){console.log("배너가 없거나 하나뿐이라 자동 슬라이드 시작하지 않음");return}$(),v(),P.value=setInterval(()=>{v()},dt)},$=()=>{P.value&&(clearInterval(P.value),P.value=null)},ut=o=>{o!==t.currentBannerIndex&&(t.currentBannerIndex=o,ct())},ft=o=>{const l=o.link;window.open(l,"_blank")},pt=()=>{t.showSalesInfoModal=!t.showSalesInfoModal};yt(()=>{$()}),it(()=>{console.log("mounted!");const o=rt.getMallId(),l=wt.getCookie("snap_payment"),i=(l==null?void 0:l.payment_value)??0;o&&(R(),Y(),i===0&&(K(),Bt(!0))),V(),g(),F(),U(),o&&(z(),n()),localStorage.getItem("hasSeenDropshippingModal")||setTimeout(()=>{t.showDropshippingModal=!0,localStorage.setItem("hasSeenDropshippingModal","true")},1e3)});const ht=()=>{$()},_t=()=>{X()},vt=o=>o<t.total_crews,mt=o=>t.profiles[o]&&t.profiles[o]!==null;return{...xt(t),clickItem:E,setActiveTab:O,search_date:I,disabledDates:m,router:x,handleDateSelection:J,currentSeries:d,nextBanner:v,prevBanner:W,setCurrentBanner:ut,toLink:ft,pauseAutoSlide:ht,resumeAutoSlide:_t,autoSlideTimer:P,isCrewMember:vt,hasProfilePhoto:mt,getFormattedNumber:s,changeTop10Data:f,toDetailPage:w,toggleSalesInfoModal:pt}}},se={class:"dashboard_body flex flex-col"},oe={class:"contents_box w-full flex justify-start grow"},ae={class:"contents_area grow p-8"},ne={class:"con grow"},le={class:"flex flex-col gap-5"},ie={class:"flex justify-between items-center mb-4"},re={class:"gap-4 grid grid-cols-2"},ce={class:"grid"},de={class:"box !p-0 overflow-hidden"},ue={key:0,class:"banner-indicators"},fe=["onClick"],pe={class:"gap-4 grid grid-cols-2"},he={class:"box flex flex-col gap-5 font-bold"},_e={class:"text-pink-500 font-medium text-sm ml-1"},ve={class:"flex flex-col gap-4"},me={class:"flex justify-between px-6"},ge=["src","alt"],ye={key:1,class:"w-12 h-12 rounded-full border border-gray-200 crew-default-photo"},we={key:2,class:"w-12 h-12 rounded-full bg-gray-100"},xe={class:"flex justify-between"},be=["src","alt"],ke={key:1,class:"w-12 h-12 rounded-full border border-gray-200 crew-default-photo"},Se={key:2,class:"w-12 h-12 rounded-full bg-gray-100"},Me={class:"box flex flex-col gap-5 font-bold"},Ce={class:"flex flex-col gap-4"},De={class:"sales"},Ae={class:"sales"},Be={class:"gap-4 grid grid-cols-4"},Ie={class:"box flex flex-col gap-5 font-bold"},Ne={class:"flex justify-between items-center"},Le={class:"flex flex-col gap-4"},Pe={class:"flex flex-col gap-2"},Te={class:"flex justify-between text-sm mt-2",style:{"font-weight":"normal"}},je={class:"w-full bg-gray-200 rounded-full h-3 overflow-hidden"},Oe={class:"flex justify-between text-xs text-gray-500",style:{"font-weight":"normal"}},Ee={class:"box flex flex-col gap-5 font-bold"},Re={class:"flex flex-col gap-4"},Ye={class:"flex justify-between"},Ve={style:{cursor:"text"}},Fe={class:"flex justify-between"},Ue={style:{cursor:"text"}},ze={class:"flex justify-between"},Ke={style:{cursor:"text"}},We={class:"flex justify-between"},$e={style:{cursor:"text"}},He={class:"box flex flex-col gap-5 font-bold"},Ge={class:"flex flex-col gap-4"},qe={class:"flex justify-between"},Je={style:{cursor:"text"}},Xe={class:"flex justify-between"}

1,Qe={style:{cursor:"text"}},Ze={class:"flex justify-between"},ts={style:{cursor:"text"}},es={class:"flex justify-between"},ss={style:{cursor:"text"}},os={class:"box flex flex-col gap-5 font-bold"},as={class:"flex justify-between items-center"},ns={class:"flex flex-col gap-2.5 h-[125px] overflow-y-auto mt-2"},ls=["href"],is=["onClick"],rs={class:"flex flex-col gap-2.5 h-[125px] overflow-y-auto mt-2"},cs=["onClick"],ds=["onClick"],us={class:"box w-full flex flex-col gap-3"},fs={class:"flex items-center gap-6"},ps={class:"w-64 h-10 relative flex items-center"},hs={class:"inline-flex flex-wrap items-center text-sm font-medium text-center bg-gray-200 px-8 py-1 rounded-lg gap-3 h-10"},_s={class:"w-full bg-white relative",style:{"margin-top":"20px"}};function vs(t,s,y,a,I,x){var L,O,b,E,R,Y,V,F,U,z,K;const f=k("SNAP_HEADER"),w=k("SNAP_MENU"),d=k("CREATOR_BANNER"),m=k("SNAP_BANNER"),h=k("VueDatePicker"),N=k("apexchart"),J=k("SNAP_FOOTER");return c(),u("div",se,[M(f),e("div",oe,[M(w),e("div",ae,[e("div",ne,[e("div",le,[M(d),M(m,{onShowSalesInfo:a.toggleSalesInfoModal},null,8,["onShowSalesInfo"]),t.showSalesInfoModal?(c(),u("div",{key:0,class:"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50",onClick:s[2]||(s[2]=(...n)=>a.toggleSalesInfoModal&&a.toggleSalesInfoModal(...n))},[e("div",{class:"bg-white rounded-lg p-6 max-w-md w-full mx-4 shadow-xl",onClick:s[1]||(s[1]=Z(()=>{},["stop"]))},[e("div",ie,[s[17]||(s[17]=e("h3",{class:"text-lg font-bold"}," 스냅 매출 전환 RANK 안내 ",-1)),e("button",{onClick:s[0]||(s[0]=(...n)=>a.toggleSalesInfoModal&&a.toggleSalesInfoModal(...n)),class:"text-gray-400 hover:text-gray-600"},s[16]||(s[16]=[e("span",{class:"material-symbols-outlined"},"close",-1)]))]),s[18]||(s[18]=bt('<div class="space-y-4 text-sm text-gray-700"><div><h4 class="font-semibold mb-2"> 🏆 RANK란? </h4><p> 구매자가 브랜드 상세스냅 템플릿에서 콘텐츠 클릭 후 구매 전환 된 매출액을 순위로 나타냅니다 </p></div><div><h4 class="font-semibold mb-2"> 📊 산정 기준 </h4><p class="mb-2"> 스냅 클릭 후 발생한 매출액을 집계합니다: </p><ul class="list-disc list-inside space-y-1 ml-2"><li> 콘텐츠 5 클릭 → 10만원 매출액 → 매출기여액 모두 집계 </li></ul></div><div class="bg-gray-50 p-3 rounded-md mt-4"><p class="text-xs text-gray-600"> 💡 순위는 매일 자정에 업데이트되며, 귀하의 스냅 위젯을 통해 발생한 전환 매출을 높은 순서대로 보여줍니다. </p></div></div>',1))])])):B("",!0),e("div",re,[e("div",ce,[e("div",de,[t.activeBanners.length>0?(c(),u("div",{key:0,class:"banner-container",onMouseenter:s[4]||(s[4]=(...n)=>a.pauseAutoSlide&&a.pauseAutoSlide(...n)),onMouseleave:s[5]||(s[5]=(...n)=>a.resumeAutoSlide&&a.resumeAutoSlide(...n))},[(c(),u("div",{key:t.currentBannerIndex,class:"dash_banner",style:at({"background-image":`url(${t.activeBanners[t.currentBannerIndex].image_url})`,cursor:"pointer"}),onClick:s[3]||(s[3]=n=>a.toLink(t.activeBanners[t.currentBannerIndex]))},null,4)),t.activeBanners.length>1?(c(),u("div",ue,[(c(!0),u(C,null,D(t.activeBanners,(n,g)=>(c(),u("span",{key:g,class:j(["indicator",{active:g===t.currentBannerIndex}]),onClick:v=>a.setCurrentBanner(g)},null,10,fe))),128))])):B("",!0)],32)):B("",!0)])]),e("div",pe,[e("div",he,[e("div",{class:"flex justify-between items-center",onClick:s[6]||(s[6]=n=>a.router.push("/instagram-crew"))},[e("h2",null,[s[19]||(s[19]=S(" 연동된 크리에이터 ")),e("span",_e,"+"+p(t.total_crews)+"명",1)]),s[20]||(s[20]=e("a",{class:"text-gray-500 text-sm",style:{"font-weight":"normal"}},"전체보기",-1))]),e("div",ve,[e("div",me,[(c(),u(C,null,D(5,n=>e("div",{key:`row1-${n}`,class:"w-12 h-12"},[a.isCrewMember(n-1)&&a.hasProfilePhoto(n-1)?(c(),u("img",{key:0,src:t.profiles[n-1],class:"w-12 h-12 rounded-full object-cover border border-gray-200",alt:`Creator ${n}`},null,8,ge)):a.isCrewMember(n-1)?(c(),u("div",ye)):(c(),u("div",we))])),64))]),e("div",xe,[(c(),u(C,null,D(6,n=>e("div",{key:`row2-${n}`,class:"w-12 h-12"},[a.isCrewMember(n+4)&&a.hasProfilePhoto(n+4)?(c(),u("img",{key:0,src:t.profiles[n+4],class:"w-12 h-12 rounded-full object-cover border border-gray-200",alt:`Creator ${n+5}`},null,8,be)):a.isCrewMember(n+4)?(c(),u("div",ke)):(c(),u("div",Se))])),64))])])]),e("div",Me,[s[23]||(s[23]=e("div",{class:"flex justify-between items-center"},[e("h2",null,"전체 매출액"),e("a",{class:"text-gray-500 text-sm",style:{"font-weight":"normal"}}

1,"30일 기준")],-1)),e("div",Ce,[e("div",{class:"flex justify-between font-semibold",onClick:s[7]||(s[7]=n=>a.router.push("/brand-orders-all"))},[s[21]||(s[21]=e("h3",{style:{cursor:"pointer"}}," 드랍쉬핑 ",-1)),e("h4",De,p((L=t.total_sales_dropshipping)==null?void 0:L.toLocaleString()),1)]),e("div",{class:"flex justify-between font-semibold",onClick:s[8]||(s[8]=n=>a.router.push("/shopping-rewards"))},[s[22]||(s[22]=e("h3",{style:{cursor:"pointer"}}," 어필리에이트 ",-1)),e("h4",Ae,p((O=t.total_sales_affiliate)==null?void 0:O.toLocaleString()),1)])])])])]),e("div",Be,[e("div",Ie,[e("div",Ne,[s[24]||(s[24]=e("h2",null,"위젯 동영상 사용량",-1)),e("a",{class:"text-gray-500 text-sm",style:{"font-weight":"normal"},onClick:s[9]||(s[9]=n=>a.router.push("/video-usage"))},"전체보기")]),e("div",Le,[e("div",Pe,[e("div",Te,[s[25]||(s[25]=e("span",{class:"text-gray-600"},"30일 기준",-1)),e("span",null,p((b=t.video_used_percent)==null?void 0:b.toFixed(1))+"%",1)]),e("div",je,[e("div",{class:"bg-gradient-to-r from-pink-400 to-purple-500 h-3 rounded-full transition-all duration-500",style:at({width:t.video_used_percent+"%"})},null,4)]),e("div",Oe,[e("span",null,p(a.getFormattedNumber(t.provide_minutes))+" 분 제공",1),e("span",null,p(a.getFormattedNumber(t.totalMinutes))+" 분 사용",1)])]),s[26]||(s[26]=e("div",{class:"text-xs text-gray-400 text-center mt-3"}," 추가요금 방지를 위해 자동ON/OFF 기능 적용 중입니다. ",-1))])]),e("div",Ee,[s[31]||(s[31]=e("div",{class:"flex justify-between items-center"},[e("h2",null,[S(" 위젯통계 "),e("span",{class:"text-gray-300 font-normal px-2"},"|"),S(" 조회수 ")])],-1)),e("div",Re,[e("div",Ye,[s[27]||(s[27]=e("h3",null,"누적 조회수",-1)),e("h4",Ve,p((E=t.view_total_count)==null?void 0:E.toLocaleString()),1)]),e("div",Fe,[s[28]||(s[28]=e("h3",null,"최근 한달 조회수",-1)),e("h4",Ue,p((R=t.view_monthly_count)==null?void 0:R.toLocaleString()),1)]),e("div",ze,[s[29]||(s[29]=e("h3",null,"전일 조회수",-1)),e("h4",Ke,p((Y=t.view_yesterday_count)==null?void 0:Y.toLocaleString()),1)]),e("div",We,[s[30]||(s[30]=e("h3",null,"금일 조회수",-1)),e("h4",$e,p((V=t.view_today_count)==null?void 0:V.toLocaleString()),1)])])]),e("div",He,[s[36]||(s[36]=e("div",{class:"flex justify-between items-center"},[e("h2",null,[S(" 위젯통계 "),e("span",{class:"text-gray-300 font-normal px-2"},"|"),S(" 클릭수 ")])],-1)),e("div",Ge,[e("div",qe,[s[32]||(s[32]=e("h3",null,"누적 클릭수",-1)),e("h4",Je,p((F=t.click_total_count)==null?void 0:F.toLocaleString()),1)]),e("div",Xe,[s[33]||(s[33]=e("h3",null,"최근 한달 클릭수",-1)),e("h4",Qe,p((U=t.click_monthly_count)==null?void 0:U.toLocaleString()),1)]),e("div",Ze,[s[34]||(s[34]=e("h3",null,"전일 클릭수",-1)),e("h4",ts,p((z=t.click_yesterday_count)==null?void 0:z.toLocaleString()),1)]),e("div",es,[s[35]||(s[35]=e("h3",null,"금일 클릭수",-1)),e("h4",ss,p((K=t.click_today_count)==null?void 0:K.toLocaleString()),1)])])]),e("div",os,[e("div",as,[e("h2",null,[s[37]||(s[37]=S(" TOP10 ")),s[38]||(s[38]=e("span",{class:"text-gray-300 font-normal px-2"},"|",-1)),e("span",{onMouseover:s[10]||(s[10]=n=>a.changeTop10Data(0)),class:j([t.top10_mouseover_tab===0?"text-black":"text-gray-400","cursor-pointer transition-colors duration-200"])}," 조회수",34),s[39]||(s[39]=e("span",{class:"text-gray-300 font-normal px-2"},"|",-1)),e("span",{onMouseover:s[11]||(s[11]=n=>a.changeTop10Data(1)),class:j([t.top10_mouseover_tab===1?"text-black":"text-gray-400","cursor-pointer transition-colors duration-200"])}," 클릭수",34)]),e("a",{class:"text-gray-500 text-sm",style:{"font-weight":"normal"},onClick:s[12]||(s[12]=n=>a.toDetailPage(t.top10_mouseover_tab))},"전체보기")]),G(e("div",ns,[(c(!0),u(C,null,D(t.top_view_items,(n,g)=>{var v;return c(),u("div",{class:"flex justify-between gap-1",key:g},[e("a",{class:"truncate max-w-[75%]",href:n.url,target:"_blank",style:{"font-weight":"500"}},p(n.url),9,ls),e("h4",{class:"font-semibold cursor-pointer",onClick:W=>a.clickItem(n.url)}

1,p((v=n.count)==null?void 0:v.toLocaleString()),9,is)])}),128))],512),[[q,t.top10_mouseover_tab===0]]),G(e("div",rs,[(c(!0),u(C,null,D(t.top_click_items,(n,g)=>{var v;return c(),u("div",{class:"flex justify-between gap-1",key:g},[e("a",{class:"truncate max-w-[75%]",onClick:W=>a.clickItem(n.url),style:{cursor:"pointer","font-weight":"500"}},p(n.url),9,cs),e("h4",{class:"font-semibold cursor-pointer",onClick:W=>a.clickItem(n.url)},p((v=n.count)==null?void 0:v.toLocaleString()),9,ds)])}),128))],512),[[q,t.top10_mouseover_tab===1]])])]),e("div",us,[e("div",fs,[s[41]||(s[41]=e("h2",{style:{"font-weight":"bold"}},"위젯 통계",-1)),e("div",ps,[M(h,{modelValue:a.search_date,"onUpdate:modelValue":[s[13]||(s[13]=n=>a.search_date=n),a.handleDateSelection],locale:"ko","enable-time-picker":!1,"model-auto":"",range:"","disabled-dates":a.disabledDates},null,8,["modelValue","disabled-dates","onUpdate:modelValue"])]),e("div",null,[e("ul",hs,[e("li",null,[e("a",{href:"#",class:j(["inline-block px-8 py-1 rounded-md active:text-black",{"active-tab":t.activeTab==="조회수"}]),onClick:s[14]||(s[14]=Z(n=>a.setActiveTab("조회수"),["prevent"]))},"조회수",2)]),s[40]||(s[40]=e("li",null,[e("span",{class:"text-gray-300 font-normal"},"|")],-1)),e("li",null,[e("a",{href:"#",class:j(["inline-block px-8 py-1 rounded-md",{"active-tab":t.activeTab==="클릭수"}]),onClick:s[15]||(s[15]=Z(n=>a.setActiveTab("클릭수"),["prevent"]))},"클릭수",2)])])])]),e("div",_s,[(c(),kt(N,{ref:"apexChart",key:t.chartKey,options:t.chartOptions,series:a.currentSeries,height:"400px"},null,8,["options","series"]))])])])]),M(J)])])])}const Ms=lt(ee,[["render",vs]]);export{Ms as default};