https://ailikeme.ai/static/3434.dc0fc8217c97fbd56c31.js

1"use strict";(self.webpackChunkmy_webpack_project=self.webpackChunkmy_webpack_project||[]).push([[3434],{15276(e,t,n){var r=n(39471),a=n(48586),l=n(61458),o=n(54601),i=n(4509),c=n(367),s=n(82011),u=n(18467);function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach(function(t){f(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function f(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return g(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,["A",0,e=>{var t;e.title;let n=e.columns,d=void 0===n?[]:n,f=e.getListApi,g=e.getDetailsApi,y=e.dataKey,v=(e.headerBgColor,e.headerTextColor),h=void 0===v?"#6E7C87":v,b=(e.rowColor1,e.rowColor2,e.pageSize),E=void 0===b?5:b,S=e.currentPage,w=e.pagination,A=e.onPageChange,_=e.showPagination,x=void 0===_||_,O=e.fetchTrigger,k=e.dataId,j=e.evenRowStyle,P=void 0===j?{}:j,Y=e.oddRowStyle,D=void 0===Y?{}:Y;const I=p((0,r.useState)([]),2),N=I[0],C=I[1],z=p((0,r.useState)([]),2),M=z[0],T=z[1],K=p((0,r.useState)({}),2),B=K[0],R=K[1],F=p((0,r.useState)(null),2),L=F[0],W=F[1],U=(0,u.d4)(e=>e.auth),$=null==U||null===(t=U.userData)||void 0===t||null===(t=t.influencer)||void 0===t?void 0:t.id,H=p((0,r.useState)({columnKey:null,order:null}),2),G=H[0],J=H[1];(0,r.useEffect)(()=>{(async()=>{try{const n=await f(S,E,k);var e,t;console.log("Skin Data:",null==n?void 0:n.data),C($?(null==n||null===(e=n.data)||void 0===e?void 0:e[y].filter(e=>e.id==$))||[]:null==n||null===(t=n.data)||void 0===t?void 0:t[y])}catch(e){console.error(e)}})()},[S,E,O,k]);const Z=d.map(e=>{const t=G.columnKey===e.dataIndex,n=t&&"ascend"===G.order,a=t&&"descend"===G.order;return m(m({},e),{},{sortIcon:()=>null,title:r.createElement("span",{style:{color:h,display:"flex",alignItems:"center",gap:6,cursor:e.sorter?"pointer":"default"},onClick:()=>{e.sorter&&J(t=>t.columnKey!==e.dataIndex?{columnKey:e.dataIndex,order:"ascend"}:"ascend"===t.order?{columnKey:e.dataIndex,order:"descend"}:{columnKey:null,order:null})}},e.title,e.sorter&&r.createElement("span",{style:{fontSize:20}},!t&&"↓",n&&"↑",a&&"↓"))})});return r.createElement("div",{className:"custom-table-wrapper"},r.createElement(l.A,{rowKey:"id",dataSource:N,columns:Z,pagination:!(!x||!w)&&{pageSize:w.pageSize,total:w.count,current:w.current,position:["bottomCenter"],showSizeChanger:!1,showQuickJumper:!1,className:"custom-pagination",itemRender:(e,t,n)=>"prev"===t?r.createElement(c.A,null):"next"===t?r.createElement(s.A,null):n,onChange:(e,t)=>

1{A&&A(e,t)}},expandable:{expandedRowKeys:M,onExpand:async(e,t)=>{const n=t.id;if(!e)return void T(M.filter(e=>e!==n));if(T([...M,n]),B[n])return;W(n);const r=await g(1,10,t.id);R(e=>{var t;return m(m({},e),{},{[n]:(null==r||null===(t=r.data)||void 0===t?void 0:t.skins)||[]})}),W(null)},expandIcon:e=>{let t=e.expanded,n=e.onExpand,a=e.record;return r.createElement("span",{onClick:e=>n(a,e),style:{cursor:"pointer",marginRight:10}},t?r.createElement(o.A,{style:{color:"#4A4A4A"}}):r.createElement(i.A,{style:{color:"#4A4A4A"}}))},expandedRowRender:e=>{const t=B[e.id];return r.createElement("div",null,L===e.id?r.createElement(a.A,null):r.createElement(r.Fragment,null,r.createElement("h4",{style:{fontSize:14,fontWeight:600,textAlign:"left",color:"#6E7C87"}},"Name of the Skins"),r.createElement(l.A,{size:"small",pagination:!1,showHeader:!1,rowKey:"name",dataSource:t,columns:[{title:"Skin Name",dataIndex:"name"},{title:"Sales",dataIndex:"sales"},{title:"Earnings",dataIndex:"earnings",render:e=>"".concat(e)}]})))}},onRow:(e,t)=>({style:t%2==0?P:D}),onChange:(e,t,n)=>{J({columnKey:n.field,order:n.order})}}))}])},73434(e,t,n){n.r(t),n.d(t,{default:()=>C});var r=n(39471),a=n(1689),l=(n(46605),n(64569),n(34020),n(74198)),o=n(51794),i=n(4826),c=n.n(i),s=n(48586),u=n(4256),d=n(20391),m=n(31458),f=n(64717),p=n(74323),g=n(67742),y=n(25252),v=n(85804),h=n(91291);function b(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return E(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}n(79572);const S=e=>{let t=e.selectedInfluencer,n=e.dateRange,a=e.fetchTrigger,l=e.currentPage;e.setCurrentPage;const i=b(n.map(e=>e.format("YYYY-MM-DD")),2),c=i[0],E=i[1],S=b((0,r.useState)(!1),2),w=S[0],A=S[1],_=b((0,r.useState)([]),2),x=_[0],O=_[1],k=b((0,r.useState)(0),2),j=(k[0],k[1]);return(0,r.useEffect)(()=>{(async e=>{try{A(!0);const n={start_date:c,end_date:E,page:e};t&&"all"!==t&&(n.influencer_id=t);const r=await o.tY.GetSentimentScore(n.start_date,n.end_date,n.influencer_id,n.page),a=r.data,l=a.count,i=a.results;console.log("Fetched sentiment data:",r.data);const s=i.reduce((e,t)=>{let n=e.find(e=>e.name===t.companion_name);return n||(n={name:t.companion_name,Positive:0,Negative:0,Neutral:0},e.push(n)),n[t.sentiment_type.charAt(0).toUpperCase()+t.sentiment_type.slice(1)]=Number(t.sentiment_score),e},[]);O(s),j(l)}catch(e){console.log(e),O([]),j(0)}finally{A(!1)}})(l)},[l,a]),r.createElement("div",{className:"container mx-auto"},r.createElement("div",{className:"flex gap-4 p-4 text-sm"},r.createElement("span",{className:"flex items-center"},r.createElement("span",{className:"inline-block w-4 h-4 mr-2 bg-[#34B5B1]"}),"Positive"),r.createElement("span",{className:"flex items-center"},r.createElement("span",{className:"inline-block w-4 h-4 mr-2 bg-[#FF1B1B]"}),"Negative"),r.createElement("span",{className:"flex items-center"},r.createElement("span",{className:"inline-block w-4 h-4 mr-2 bg-[#FFA33E]"}),"Neutral")),w?r.createElement("div",{className:"flex justify-center items-center",style:{height:300}},r.createElement(s.A,null)):r.createElement("div",{style:{width:"100%",height:280,marginBottom:40}},r.createElement(u.u,null,r.createElement(d.E,{data:x,layout:"vertical"},r.createElement(m.d,{horizontal:!1,vertical:!1}

1),r.createElement(f.W,{type:"number",axisLine:!1,tickLine:!0},r.createElement(p.J,{value:"Percentage",offset:0,position:"insideBottom",style:{fontSize:12,fontWeight:600}})),r.createElement(g.h,{type:"category",dataKey:"name",tickLine:!0,axisLine:!1},r.createElement(p.J,{value:"Companion",angle:-90,position:"insideLeft",dy:"-60",style:{fontSize:12,fontWeight:600,textAnchor:"middle"}})),r.createElement(y.m,null),r.createElement(v.y,{dataKey:"Positive",fill:"#34B5B1",barSize:16},r.createElement(h.Z,{dataKey:"Positive",position:"right",formatter:e=>e>0?e:"",style:{fontWeight:600,fontSize:12,fill:"#000"}})),r.createElement(v.y,{dataKey:"Negative",fill:"#FF1B1B",barSize:16},r.createElement(h.Z,{dataKey:"Negative",position:"right",formatter:e=>e>0?e:"",style:{fontWeight:600,fontSize:12,fill:"#000"}})),r.createElement(v.y,{dataKey:"Neutral",fill:"#FFA33E",barSize:16},r.createElement(h.Z,{dataKey:"Neutral",position:"right",formatter:e=>e>0?e:"",style:{fontWeight:600,fontSize:12,fill:"#000"}}))))))};var w,A,_=n(15276),x=n(10607);function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},O.apply(null,arguments)}n(60770);const k=e=>r.createElement("svg",O({xmlns:"http://www.w3.org/2000/svg",width:18,height:18,fill:"none"},e),w||(w=r.createElement("g",{stroke:"#98A2B3",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,clipPath:"url(#gift_svg__a)"},r.createElement("path",{d:"M2.25 6.75A.75.75 0 0 1 3 6h12a.75.75 0 0 1 .75.75v1.5A.75.75 0 0 1 15 9H3a.75.75 0 0 1-.75-.75zM9 6v9.75"}),r.createElement("path",{d:"M14.25 9v5.25a1.5 1.5 0 0 1-1.5 1.5h-7.5a1.5 1.5 0 0 1-1.5-1.5V9M5.625 6a1.875 1.875 0 0 1 0-3.75c.724-.012 1.433.339 2.035 1.008S8.729 4.882 9 6c.271-1.118.738-2.073 1.34-2.742.603-.67 1.312-1.02 2.035-1.008a1.875 1.875 0 1 1 0 3.75"}))),A||(A=r.createElement("defs",null,r.createElement("clipPath",{id:"gift_svg__a"},r.createElement("path",{fill:"#fff",d:"M0 0h18v18H0z"})))));var j=n(97194);function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach(function(t){D(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function D(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return N(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?N(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}n(35846);const C=e=>{let t=e.filterOptions,n=e.handleApply,i=e.handleReset,s=e.formatDate;const u=I((0,r.useState)({next:null,previous:null,count:0,pageSize:5,current:1}),2),d=u[0],m=u[1],f=I((0,r.useState)(0),2),p=f[0],g=f[1],y=I((0,r.useState)(0),2),v=(y[0],y[1]),h=I((0,r.useState)(!1),2),b=h[0],E=h[1],w=I((0,r.useState)(),2),A=(w[0],w[1],I((0,r.useState)(),2)),O=(A[0],A[1]),P=I((0,r.useState)(0),2),D=(P[0],P[1],I((0,r.useState)(!1),2)),N=(D[0],D[1],I((0,r.useState)(1),2)),C=N[0],z=N[1],M=I((0,r.useState)(1),2),T=(M[0],M[1]),K=I((0,r.useState)([c()().subtract(1,"month"),c()()]),2),B=K[0],R=K[1],F=I((0,r.useState)("all"),2),L=F[0],W=F[1],U=I((0,r.useState)([]),2),$=U[0],H=U[1],G=I((0,r.useState)(0),2),J=G[0],Z=G[1],V=I((0,r.useState)(""),2),Q=V[0],q=V[1],X=I((0,r.useState)(0),2),ee=X[0],te=X[1],ne=I((0,r.useState)(0),2),re=ne[0],ae=ne[1],le=(0,r.useCallback)(async(e,t,n,r,a)=>{const l=I(B.map(e=>e.format("YYYY-MM-DD")),2),i=l[0],c=l[1],s=await o.tY.GetRevenuePerInfluencer(i,c,e,t,n,r,a),u=s.data,d=(u.results,u.next),f=u.previous,p=u.count;

1return m({next:d,previous:f,count:p,pageSize:t,current:e}),s},[p,B]),oe=(0,r.useCallback)(function(){let e=arguments.length>2?arguments[2]:void 0;const t=I(B.map(e=>e.format("YYYY-MM-DD")),2),n=t[0],r=t[1];return o.tY.GetSkinSaleTrack(n,r,e)},[p]),ie=(0,r.useCallback)(async function(){const e=I(B.map(e=>e.format("YYYY-MM-DD")),2),t=e[0],n=e[1];try{return(await o.tY.GetVideoPassRevenue(t,n)).data}catch(e){return console.error("Error fetching video chat revenue:",e),[]}},[p]),ce=async function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];try{let t,n;if(e)t=c()().startOf("month").format("YYYY-MM-DD"),n=c()().format("YYYY-MM-DD");else{const e=I(B||[],2),r=e[0],a=e[1];t=r?c()(r).format("YYYY-MM-DD"):null,n=a?c()(a).format("YYYY-MM-DD"):null}const r=e||"all"===L?null:L,a=await(0,o.Hs)(t,n,r,"active_users, total_active_users, concurrent_users, concurrent_user_per_day, feature_adoption, revenue_per_user, earnings, total_earnings, total_tips_received, net_from_tips, earnings_from_credits, total_concurrent_users, total_audio_session_mins, total_video_session_mins, top_earning_influencer, total_chat_sessions, total_influencers, total_active_influencers, total_skins_sold",null),l=(null==a?void 0:a.data)||{},i=(l.active_influencers,l.total_skins_sold),s=l.total_influencers,u=l.total_active_influencers,d=l.top_earning_influencer;q(null==d?void 0:d.name),te(u||0),Z(s||0),ae(i||0)}catch(e){console.error("Failed to fetch earnings engagement data:",e)}};return(0,r.useEffect)(()=>{!async function(){const e=await ie();console.log(e),H(e)}()},[ie]),(0,r.useEffect)(()=>{ce()},[L]),(0,r.useEffect)(()=>{b&&(console.log("Triggering API fetch with updated dateRange:",B.map(e=>e.format("YYYY-MM-DD"))),g(e=>e+1),v(e=>e+1),ce(),E(!1))},[b]),console.log("Date Format:",s),r.createElement(r.Fragment,null,r.createElement(l.default,{onApply:e=>{n(e),R(null==e?void 0:e.dateRange),W(e.influencers||"all"),m(e=>Y(Y({},e),{},{current:1})),T(1),z(1),E(!0)},onReset:()=>{i(),R([c()().startOf("month"),c()()]),W("all"),O(null),m(e=>Y(Y({},e),{},{current:1})),T(1),z(1),E(!0)},filterOptions:t,mode:"single",dateRange:B,setDateRange:R,selectedInfluencer:L,setSelectedInfluencer:W}),r.createElement("div",{className:"flex flex-col gap-2"},r.createElement("div",{className:"flex flex-row gap-2"},r.createElement(x.A,{logo:r.createElement(k,null),icon:r.createElement(j.A,null),header:"Total Influencer",value:J}),r.createElement(x.A,{logo:r.createElement(k,null),icon:r.createElement(j.A,null),header:"Active Influencers",value:ee}),r.createElement(x.A,{logo:r.createElement(k,null),icon:r.createElement(j.A,null),header:"Top Earner",value:Q}),r.createElement(x.A,{logo:r.createElement(k,null),icon:r.createElement(j.A,null),header:"Total Skins Sold",value:re})),r.createElement("div",{className:"flex flex-row gap-2"},r.createElement("div",{className:"p-4 bg-white w-full rounded-lg"},r.createElement("h4",{style:{marginBottom:"1rem",fontSize:"16px"}},"Revenue per Influencer"),r.createElement("div",null,r.createElement(_.A,{columns:[{title:"Rank",dataIndex:"rank",key:"rank",showSorterTooltip:{title:"Sort by rank"},sorter:(e,t)=>e.rank-t.rank,sortDirections:["ascend","descend"]},{title:"Name",dataIndex:"name",key:"name",showSorterTooltip:!1,sortDirections:["desce

1nd","ascend"]},{title:"Skins Sold",dataIndex:"skins_sold",key:"skins_sold",showSorterTooltip:{title:"Sort by skins sold"},sorter:(e,t)=>e.skins_sold-t.skins_sold,sortDirections:["descend","ascend"]},{title:"Earnings",dataIndex:"earnings",key:"earnings",showSorterTooltip:{title:"Sort by earnings"},sorter:(e,t)=>e.earnings-t.earnings,sortDirections:["descend","ascend"],render:e=>"$".concat(e.toFixed(2))}],dataKey:"results",getListApi:le,getDetailsApi:oe,currentPage:d.current,pageSize:d.pageSize,pagination:d,onPageChange:(e,t)=>{console.log("Current page is now:",e),m(n=>Y(Y({},n),{},{current:e,pageSize:t||n.pageSize}))},fetchTrigger:p,dataId:"all"!==L?L:void 0}))),r.createElement("div",{className:"w-full p-4  bg-white rounded-lg"},r.createElement("h4",{style:{marginBottom:"1rem",fontSize:"16px",fontWeight:700}},"What Is The Overall Sentiment Expressed?"),r.createElement(S,{selectedInfluencer:L,dateRange:B,fetchTrigger:p,currentPage:C,setCurrentPage:z}))),r.createElement("div",{className:"flex flex-row gap-2"},r.createElement("div",{className:"p-4 w-full bg-white rounded-lg"},r.createElement("h4",{style:{marginBottom:"1rem",fontSize:"16px",fontWeight:700}},"How Much Influencers Are Spending On Paywall Plans?"),r.createElement(a.A,{formatDate:s,title:"",chartTitle:"",data:null==$?void 0:$.monthly,dataKey:"revenue",xAxisKey:"date",lineColor:"#34B5B1",yPostFix:"",yTickFormat:e=>"$".concat(e),xAxisLabel:"Year",yAxisLabel:"USD"})),r.createElement("div",{className:"p-4 w-full bg-white rounded-lg"},r.createElement("h4",{style:{marginBottom:"1rem",fontSize:"16px",fontWeight:700}},"Spending Trends in the Year"),r.createElement(a.A,{title:"",chartTitle:"",data:null==$?void 0:$.yearly,dataKey:"revenue",xAxisKey:"month",lineColor:"#34B5B1",yTickFormat:e=>"$".concat(e),yPostFix:"",xAxisLabel:"Year",yAxisLabel:"USD"})))))}}}]);