https://ailikeme.ai/static/5890.c9de371b10e7da01e095.js

1"use strict";(self.webpackChunkmy_webpack_project=self.webpackChunkmy_webpack_project||[]).push([[1068,4078,5890,6830],{60830(e,t,n){n.d(t,{A:()=>c});var a=n(82195),r=n(39471);const l={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"}}]},name:"download",theme:"outlined"};var o=n(72812),i=function(e,t){return r.createElement(o.A,(0,a.A)({},e,{ref:t,icon:l}))};const c=r.forwardRef(i)},27535(e,t,n){n.r(t),n.d(t,{default:()=>b});var a=n(39471),r=n(4826),l=n.n(r),o=n(13768),i=n(4256),c=n(27176),s=n(31458),u=n(64717),d=n(67742),m=n(25252),f=n(88716);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},y.apply(null,arguments)}const p=e=>{let t=e.active,n=e.payload,r=e.label,l=(e.xAxisKey,e.formatDate),o=e.yTickFormat,i=e.yPostFix;return t&&n&&n.length?a.createElement("div",{style:{background:"#fff",padding:"5px",border:"1px solid #E5E5EA",borderRadius:"8px",width:"150px",padding:"10px 20px"}},n.map((e,t)=>a.createElement("div",{key:t,style:{marginBottom:t<n.length-1?"5px":0}},a.createElement("span",{style:{color:"#4D4D4D"}},"".concat(o?o(e.value):e.value," ").concat(i||"")),a.createElement("br",null))),a.createElement("span",{style:{color:"#4D4D4D"}},l?l(r):r)):null},g=e=>{let t=e.data,n=e.lineConfigs,r=void 0===n?[]:n,l=e.xAxisKey,g=e.title,h=void 0===g?"":g,E=e.chartTitle,v=void 0===E?"":E,A=e.formatDate,b=e.yTickFormat,x=(e.tooltipFormat,e.yPostFix),F=e.showLegend,D=e.legendAlign,C=void 0===D?"center":D,w=(e.legendVerticalAlign,e.iconType),S=void 0===w?"square":w;return a.createElement(a.Fragment,null,h&&a.createElement("h4",{style:{marginBottom:"1rem",fontSize:"16px"}},h),a.createElement("div",{style:{backgroundColor:"#f8fafa",padding:"1rem",borderRadius:"8px"}},F&&a.createElement(o.s,{className:"multi-line-legend",layout:"horizontal",align:C,iconType:S,formatter:(e,t,n)=>a.createElement("span",{style:{color:"#000",marginLeft:"5px"}},e)}),v&&a.createElement("h4",{style:{margin:"1rem 0"}},v),a.createElement(i.u,{width:"100%",height:300},a.createElement(c.b,{data:t,margin:{top:10,right:20,left:0,bottom:0}},a.createElement(s.d,{stroke:"#eaeaea"}),a.createElement(u.W,{dataKey:l,tickFormatter:A}),a.createElement(d.h,{tickFormatter:b||(e=>"".concat(e/1e3,"k")),allowDecimals:!1}),a.createElement(m.m,{content:e=>a.createElement(p,y({},e,{xAxisKey:l,formatDate:A,yTickFormat:b,yPostFix:x}))}),r.map((e,t)=>a.createElement(f.N,{key:t,type:"monotone",dataKey:e.dataKey,stroke:e.lineColor||"#6b21a8",strokeWidth:e.strokeWidth||2,dot:e.dot||{r:5,stroke:e.lineColor||"#6b21a8",strokeWidth:2,fill:"#fff"},activeDot:{r:6},name:e.name||e.dataKey}))))))};var h=n(51794),E=n(74198);function v(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 a,r,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=(a=l.call(n)).done)&&(i.push(a.value),i.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return A(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)?A(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 A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}const b=e=>{let t=e.filterOptions,n=e.handleApply,r=e.handleReset;const o=v((0,a.useState)([l()().startOf("month"),l()()]),2),i=o[0],c=o[1],s=v((0,a.useState)("all"),2),u=s[0],d=s[1],m=v((0,a.useState)(),2),f=m[0],y=m[1],p=v((0,a.useState)(),2),A=p[0],b=p[1],x=async function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};try{let n,a;if(e)n=l()().startOf("month").format("YYYY-MM-DD"),a=l()().format("YYYY-MM-DD");else{const e=v(t.dateRange||i||[],2),r=e[0],o=e[1];n=r?l()(r).format("YYYY-MM-DD"):null,a=o?l()(o).format("YYYY-MM-DD"):null}const r=e||"all"===u?null:u;console.log("Influencer being passed to API:",r);const o=await h.tY.GetSystemHealth(n,a,r);console.log(o,"response");const c=(null==o?void 0:o.data)||{},s=c.call_drop_off_rate,d=c.api_latency;y(s||[]),b(d||[])}catch(e){console.error("Failed to fetch user engagement data:",e)}},F=e=>new Date(e).toLocaleDateString("en-US",{month:"short",day:"numeric"});return(0,a.useEffect)(()=>{x(!0)},[]),a.createElement(a.Fragment,null,a.createElement(E.default,{onApply:e=>{n(e),c(e.dateRange),d(e.influencers||"all"),x(!1,e)},onReset:()=>{r(),c([l()().startOf("month"),l()()]),d("all"),x(!0)},filterOptions:t,mode:"single",dateRange:i,setDateRange:c,selectedInfluencer:u,setSelectedInfluencer:d}),a.createElement("div",{className:"bg-white grid grid-cols-1 lg:grid-cols-2 gap-6 p-10 lg:min-h-[1328px]"},a.createElement("div",{className:"p-4"},a.createElement(g,{data:f,lineConfigs:[{dataKey:"text",lineColor:"#8E368B",strokeWidth:2},{dataKey:"audio",lineColor:"#FFA33E",strokeWidth:2},{dataKey:"video",lineColor:"#158480",strokeWidth:2}],xAxisKey:"date",title:"Session Drop-Off Rate",chartTitle:"% Drop-Off",formatDate:F,yTick

1Format:e=>"".concat(e,"%"),yPostFix:"users",showLegend:!0})),a.createElement("div",{className:"p-4"},a.createElement(g,{data:A,lineConfigs:[{dataKey:"text",lineColor:"#8E368B",strokeWidth:2},{dataKey:"audio",lineColor:"#FFA33E",strokeWidth:2},{dataKey:"video",lineColor:"#158480",strokeWidth:2},{dataKey:"token",lineColor:"#8C7C68",strokeWidth:2}],xAxisKey:"date",title:"API Latency",chartTitle:"Milliseconds",formatDate:F,yTickFormat:e=>"".concat((e/1e3).toFixed(1),"k"),yPostFix:"users",showLegend:!0}))))}},21730(e,t,n){n.r(t),n.d(t,{default:()=>v});var a=n(39471),r=n(4826),l=n.n(r),o=n(51794),i=n(18467),c=n(21628),s=n(705),u=n(92088),d=n(62727),m=n(10607),f=n(64834),y=n(71428),p=n(64350);function g(e){let t=e.newUsers,n=e.returningUsers;return a.createElement("div",{className:"w-full max-w-md bg-white rounded-xl shadow-md p-6"},a.createElement("div",{className:"flex items-center gap-2 mb-6"},a.createElement(p.A,null),a.createElement("span",{className:"text-gray-600 text-sm font-medium"},"User Demographics")),a.createElement("div",{className:"relative flex items-center justify-center h-40 mb-6"},a.createElement("div",{className:"w-32 h-32 bg-[#27B3AE] rounded-full flex items-center justify-center text-white font-bold text-2xl"},n,"%"),a.createElement("div",{className:"absolute top-0 w-24 h-24 bg-[#F7A928] rounded-full flex items-center justify-center text-white font-bold text-xl translate-x-16 z-20"},t,"%")),a.createElement("div",{className:"bg-gray-100 flex items-center justify-center gap-6 rounded-lg px-3"},a.createElement("div",{className:"flex items-center gap-2"},a.createElement("span",{className:"w-4 h-4 rounded bg-[#27B3AE]"}),a.createElement("p",{className:"text-sm text-gray-700"},"Returning Users")),a.createElement("div",{className:"flex items-center gap-2"},a.createElement("span",{className:"w-4 h-4 rounded bg-[#F7A928]"}),a.createElement("p",{className:"text-sm text-gray-700"},"New Users"))))}function h(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 a,r,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=(a=l.call(n)).done)&&(i.push(a.value),i.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}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,a=Array(t);n<t;n++)a[n]=e[n];return a}const v=e=>{e.formatDate;const t=(0,i.d4)(e=>e.auth),n=h((0,a.useState)([]),2),r=n[0],p=n[1],E=h((0,a.useState)(""),2),v=E[0],A=E[1],b=h((0,a.useState)(""),2),x=b[0],F=b[1],D=h((0,a.useState)(""),2),C=D[0],w=D[1],S=h((0,a.useState)(!1),2),k=S[0],B=S[1],O=h((0,a.useState)([l()().subtract(1,"month"),l()()]),2),_=O[0],Y=O[1],R=h((0,a.useState)(!1),2),I=R[0],j=R[1],T=h((0,a.useState)(0),2),P=(T[0],T[1]),N=async(e,n)=>{try{var a,r,l,i,c;B(!0);const s=null==t||null===(a=t.userData)||void 0===a||null===(a=a.influencer)||void 0===a?void 0:a.id,u=await o._d.getFanDemographic(e.format("YYYY-MM-DD"),n.format("YYYY-MM-DD"),s);p((null==u?void 0:u.data)||[]);const d=(e=>{if(!e||0===e.length)return 0;let t=e[0].count,n=0;for(let a=1;a<e.length;a++)t<e[a].count&&(t=e[a].count,n=a);return n})((null==u||null===(r=u.data)||void 0===r?void 0:r.locationData)||[]);A((null==u||null===(l=u.data)||void 0===l||null===(l=l.locationData[d])||void 0===l?void 0:l.location)||""),F((null==u||null===(i=u.data)||void 0===i||null===(i=i.fanTypeData)||void 0===i||null===(i=i.find(e=>"new"===e.type))||void 0===i?void 0:i.percent)||""),w((null==u||null===(c=u.data)||void 0===c||null===(c=c.fanTypeData)||void 0===c||null===(c=c.find(e=>"returning"===e.type))||void 0===c?void 0:c.percent)||"")}catch(e){console.error("Error fetching engagement data:",e),p([])}finally{B(!1)}};return(0,a.useEffect)(()=>{var e;_[0]&&_[1]&&N(_[0],_[1],null==t||null===(e=t.userData)||void 0===e||null===(e=e.influencer)||void 0===e||e.id)},[]),(0,a.useEffect)(()=>{I&&(P(e=>e+1),j(!1))},[I]),a.createElement(a.Fragment,null,a.createElement(y.default,{onApply:e=>{Y(e.dateRange),console.log(null==e?void 0:e.dateRange,"date"),N(null==e?void 0:e.dateRange[0],null==e?void 0:e.dateRange[1]),j(!0)},onReset:()=>

1{Y([l()().startOf("month"),l()()]);let e=l()().startOf("month"),t=l()();N(e,t),j(!0)},dateRange:_,setDateRange:Y,mode:"single"}),a.createElement("div",{className:"bg-[#F3EDE8]"},a.createElement("div",{className:"sm:flex sm:flex-col gap-2 mt-2 "},a.createElement("div",{className:"flex flex-row gap-2"},a.createElement(s.A,{data:null==r?void 0:r.genderData,header:"Total Users"}),a.createElement("div",{className:"flex flex-row gap-[6px]"},a.createElement(g,{newUsers:x,returningUsers:C})),a.createElement("div",{className:"flex flex-col flex-grow items-center gap-2"},a.createElement(m.A,{logo:a.createElement(u.A,null),header:"Total Spent",value:null==r?void 0:r.totalSpentAmount}),a.createElement(m.A,{logo:a.createElement(d.A,null),header:"Top Country",value:v}))),a.createElement("div",{className:"sm:flex sm:flex-row gap-2 flex flex-col "},a.createElement("div",{className:"px-14 py-5 bg-white rounded-lg w-full"},a.createElement(c.A,{data:null==r?void 0:r.ageData,dataKey:"percent",xAxisKey:"age",yPostFixTooltip:"fans",xPrefixTooltop:"ages",labelX:"Age",labelY:"Percentage",title:"Age Distribution of Your Users",barColor:"#FFA33E",height:420,loading:k,shouldRotateLabels:!1})),a.createElement(f.A,{data:(null==r?void 0:r.locationData)||[]})))))}},16830(e,t,n){n.r(t),n.d(t,{default:()=>I});var a=n(39471),r=n(4826),l=n.n(r),o=n(86287),i=n(28563),c=n(19673),s=n(26371),u=n(53836),d=n(50256),m=n(71757),f=n(34646),y=n(14191),p=n(87159),g=n(17325),h=n(61458),E=n(58480),v=n(60830),A=n(51794),b=n(62064);function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach(function(t){D(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(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 C(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 a,r,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=(a=l.call(n)).done)&&(i.push(a.value),i.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return w(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)?w(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 w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}const S=s.A.RangePicker,k=(E.A.Title,E.A.Text),B=g.A.Option,O=e=>"$".concat(Number(e||0).toLocaleString(void 0,{minimumFractionDigits:4,maximumFractionDigits:4})),_={textAlign:"center"},Y={fontSize:12,color:"#8a8079",textTransform:"uppercase",letterSpacing:.4},R={fontSize:22,fontWeight:700,color:"#2B2A2A",marginTop:4};function I(e){let t=e.influencers,n=void 0===t?[]:t;const r=C((0,a.useState)(null),2),E=r[0],x=r[1],D=C((0,a.useState)([]),2),w=D[0],I=D[1],j=C((0,a.useState)([]),2),T=j[0],P=j[1],N=C((0,a.useState)(void 0),2),M=N[0],U=N[1],W=C((0,a.useState)([]),2),K=W[0],z=W[1],L=C((0,a.useState)(!1),2),V=L[0],$=L[1],G=C(u.A.useForm(),1)[0],q=(0,a.useCallback)(()=>({dateFrom:null!=T&&T[0]?T[0].format("YYYY-MM-DD"):void 0,dateTo:null!=T&&T[1]?T[1].format("YYYY-MM-DD"):void 0,influencerId:M||void 0}),[T,M]),H=(0,a.useCallback)(async()=>{$(!0);try{var e;const t=C(await Promise.all([A.tY.GetWithholdingSummary(F(F({},q()),{},{fanCountries:K})),A.tY.GetWithholdingRemittances(F(F({},q()),{},{pageSize:100}))]),2),n=t[0],a=t[1];x(n.data),I((null===(e=a.data)||void 0===e?void 0:e.results)||a.data||[])}catch(e){f.Ay.error("Failed to load withholding data")}finally{$(!1)}},[q,K]);(0,a.useEffect)(()=>{H()},[H]);const X=async e=>{try{const t=await A.tY.ExportWithholding(F(F({table:e},q()),{},{fanCountries:K})),n=new Blob([t.data],{type:"text/csv"}),a=URL.createObjectURL(n),r=document.createElement("a");r.href=a,r.download="withholding-".concat(e.replace(/_/g,"-"),"-").concat(l()().format("YYYY-MM-DD"),".csv"),r.click(),URL.revokeObjectURL(a)}catch(e){f.Ay.error("Export failed")}},J=null==E?void 0:E.withholding_rate_percentage,Q=null==J?"Withheld":"Withheld (".concat(Number(J),"%)"),Z=[{title:"Companion",dataIndex:"influencer__display_name",key:"name",render:e=>e||"—"},{title:"Status",dataIndex:"influencer__tax_status",key:"status",render:e=>"non_us"===e?"Non-US":"us"===e?"US":"Unknown"},{title:"Earned",dataIndex:"earned",key:"earned",align:"right",render:O},{title:"US-fan revenue",dataIndex:"us_source",key:"us",align:"right",render:O},{title:Q,dataIndex:"withheld",key:"withheld",align:"right",render:O},{title:"Net payout",dataIndex:"net_payout",key:"net",align:"right",render:O},{title:"Txns",dataIndex:"transactions",key:"txns",align:"right"}],ee=[{title:"Fan country",dataIndex:"fan_country",key:"c"}

1,{title:"Revenue",dataIndex:"revenue",key:"rev",align:"right",render:O},{title:"Txns",dataIndex:"transactions",key:"t",align:"right"}],te=[{title:"Date",dataIndex:"payment_date",key:"d"},{title:"Amount",dataIndex:"amount_usd",key:"a",align:"right",render:O},{title:"Reference",dataIndex:"reference_number",key:"r"},{title:"Companion",dataIndex:"influencer_name",key:"i",render:e=>e||"—"},{title:"Recorded by",dataIndex:"recorded_by_email",key:"rb"},{title:"",key:"x",render:(e,t)=>a.createElement(y.A,{title:"Delete this remittance?",onConfirm:()=>(async e=>{try{await A.tY.DeleteWithholdingRemittance(e),H()}catch(e){f.Ay.error("Failed to delete")}})(t.id),okText:"Delete",okButtonProps:{danger:!0}},a.createElement(o.A,{size:"small",danger:!0,type:"link"},"Delete"))}];return a.createElement("div",{style:{paddingTop:12}},a.createElement(p.A,{gutter:12,style:{marginBottom:16},align:"middle"},a.createElement(c.A,null,a.createElement(S,{value:T,onChange:e=>P(e||[])})),a.createElement(c.A,null,a.createElement(g.A,{allowClear:!0,showSearch:!0,optionFilterProp:"children",placeholder:"All companions",style:{minWidth:220},value:M,onChange:e=>U(e)},n.map(e=>a.createElement(B,{key:e.id,value:e.id},(0,b.A6)(e))))),a.createElement(c.A,null,a.createElement(g.A,{mode:"multiple",allowClear:!0,showSearch:!0,maxTagCount:"responsive",placeholder:"All fan countries",style:{minWidth:220},value:K,onChange:e=>z(e)},((null==E?void 0:E.country_options)||[]).map(e=>a.createElement(B,{key:e,value:e},e)))),a.createElement(c.A,null,a.createElement(o.A,{onClick:H,loading:V},"Refresh"))),(null==E?void 0:E.country_filter_excludes_paid)&&a.createElement(k,{type:"secondary",style:{display:"block",fontSize:12,marginTop:-8,marginBottom:16}},"Fan country filter applies to Tax owed / US-source revenue only — remittances to the IRS aren't recorded per fan country, so Paid and Remaining below still reflect all countries."),a.createElement(p.A,{gutter:12,style:{marginBottom:20}},[["Tax owed",null==E?void 0:E.owed],["Paid to IRS",null==E?void 0:E.paid],["Remaining",null==E?void 0:E.remaining],["US-source revenue",null==E?void 0:E.us_source_revenue]].map(e=>{let t=C(e,2),n=t[0],r=t[1];return a.createElement(c.A,{xs:12,md:6,key:n},a.createElement(i.A,{size:"small",style:_},a.createElement("div",{style:Y},n),a.createElement("div",{style:R},O(r))))})),a.createElement(i.A,{size:"small",title:"Per companion",style:{marginBottom:20},extra:a.createElement(o.A,{icon:a.createElement(v.A,null),onClick:()=>X("per_companion")},"Export CSV")},a.createElement(h.A,{size:"small",rowKey:e=>e.influencer_id,columns:Z,dataSource:(null==E?void 0:E.per_companion)||[],pagination:!1,loading:V,scroll:{x:!0}})),a.createElement(i.A,{size:"small",title:"Revenue by fan country",style:{marginBottom:20},extra:a.createElement(o.A,{icon:a.createElement(v.A,null),onClick:()=>X("by_country")},"Export CSV")},a.createElement(h.A,{size:"small",rowKey:e=>e.fan_country,columns:ee,dataSource:(null==E?void 0:E.by_country)||[],pagination:!1,loading:V})),a.createElement(i.A,{size:"small",title:"Record a payment to the IRS",style:{marginBottom:20}},a.createElement(u.A,{form:G,layout:"inline",onFinish:async e=>{try{await A.tY.CreateWithholdingRemittance({payment_date:e.payment_date.format("YYYY-MM-DD"),amount_usd:e.amount_usd,reference_number:e.reference_number||"",influencer:e.influencer||null,notes:e.notes||""}),f.Ay.success("Remittance recorded"),G.resetFields(),H()}catch(e){var t;f.Ay.error((null==e||null===(t=e.response)||void 0===t||null===(t=t.data)||void 0===t||null===(t=t.amount_usd)||void 0===t?void 0:t[0])||"Failed to record remittance")}}},a.createElement(u.A.Item,{name:"payment_date",rules:[{required:!0,message:"Date"}]},a.createElement(s.A,{placeholder:"Payment date"})),a.createElement(u.A.Item,{name:"amount_usd",rules:[{required:!0,message:"Amount"}]},a.createElement(m.A,{placeholder:"Amount (USD)",min:1e-4,step:1e-4,precision:4,style:{width:150}})),a.createElement(u.A.Item,{name:"reference_number"},a.createElement(d.A,{placeholder:"Reference #"})),a.createElement(u.A.Item,{name:"influencer"},a.createElement(g.A,{allowClear:!0,showSearch:!0,optionFilterProp:"children",placeholder:"Companion (optional)",style:{minWidth:200}},n.map(e=>a.createElement(B,{key:e.id,value:e.id},(0,b.A6)(e))))),a.createElement(u.A.Item,{name:"notes"},a.createElement(d.A,{placeholder:"Notes"})),a.createElement(u.A.Item,null,a.createElement(o.A,{type:"primary",htmlType:"submit"},"Record")))),a.createElement(i.A,{size:"small",title:"Remittance history",extra:a.createElement(o.A,{icon:a.createElement(v.A,null),onClick:()=>X("remittances")},"Export CSV")},a.createElement(h.A,{size:"small",rowKey:"id",columns:te,dataSource:w,pagination:{pageSize:10},loading:V,scroll:{x:!0}})))}},12347(e,t,n){n.r(t);var a=n(39471),r=(n(1689),n(46605),n(50367)),l=n(29283),o=n(73434),i=n(98564),c=n(4826),s=n.n(c),u=n(51794),d=n(62064),m=(n(27535),n(81068)),f=n(21730),y=n(11434),p=n(16830);function g(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 a,r,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=(a=l.call(n)).done)&&(i.push(a.value),i.length!==t);c=!0);}catch(e){s=!0,r=e}

1finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return h(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)?h(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 h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}const E=l.A.TabPane;n.d(t,["default",0,()=>{const e=g((0,a.useState)([]),2),t=e[0],n=e[1],c=g((0,a.useState)([]),2),h=(c[0],c[1]),v=g((0,a.useState)([s()().subtract(1,"month"),s()()]),2),A=(v[0],v[1],[{name:"Page A",Text:4e3,Audio:2400,Video:2400}]),b=[{name:"Page B",Text:3e3,Audio:1398,Video:2210}];(0,a.useEffect)(()=>{const e=t.map(e=>({value:e.id,label:(0,d.A6)(e)}));h(e)},[t]);const x=[{key:"influencers",label:"Select Influencers",options:[{value:"all",label:"All Influencers"},...t.map(e=>({value:e.id,label:(0,d.A6)(e)}))],defaultValue:"all"}],F=e=>new Date(e).toLocaleDateString("en-US",{month:"short",day:"numeric"}),D=e=>{},C=()=>{};return(0,a.useEffect)(()=>{!async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;try{const t=(await u.tY.GetInfluencersList(e)).data.results;n(t)}catch(e){console.error("Error fetching data:",e)}}(1)},[]),a.createElement("div",{className:"p-6 sm:mr-20"},a.createElement("h1",{className:"text-[24px] leading-[34px] font-bold text-[#2B2A2A]"},"Reporting Dashboard"),a.createElement(l.A,{defaultActiveKey:"1",style:{width:"100%"}},a.createElement(E,{tab:"User Engagement",key:"1"},a.createElement(r.default,{influencers:t,formatDate:F,heatMapusageData:[[0,1,2,4],[0,2,3,4],[0,3,3,3],[0,2,2,2],[0,1,2,1],[0,1,3,1]],barChartData:A,barChartDataMins:b,filterOptions:x,handleApply:D,handleReset:C})),a.createElement(E,{tab:"Influencer Performance",key:"2"},a.createElement(o.default,{filterOptions:x,barChartData:A,barChartDataMins:b,handleApply:D,handleReset:C,formatDate:F})),a.createElement(E,{tab:"Conversation Analytics",key:"3"},a.createElement(i.default,{handleApply:D,handleReset:C,filterOptions:x,pieColors:m.default})),a.createElement(E,{tab:"Site Earnings",key:"4"},a.createElement(y.default,{filterOptions:x,barChartData:A,barChartDataMins:b,handleApply:D,handleReset:C,formatDate:F})),a.createElement(E,{tab:"User Demographics",key:"5"},a.createElement(f.default,{filterOptions:x,formatDate:e=>new Date(e).toLocaleDateString(void 0,{year:"numeric",month:"2-digit",day:"2-digit"})})),a.createElement(E,{tab:"Withholding Tax & Companion Earnings",key:"6"},a.createElement(p.default,{influencers:t}))))}])},81068(e,t,n){n.r(t);n.d(t,["default",0,["#158480","#9AC1BF","#8E368B","#FFA33E","#F0BCAF","#AE5DAB","#FEE6CE","#4CAF50","#FF5722","#2196F3","#9C27B0","#FF9800","#607D8B","#E91E63","#3F51B5","#F44336","#8BC34A","#CDDC39","#00BCD4","#673AB7","#FFC107","#795548","#9E9E9E","#03A9F4","#D81B60","#4DB6AC","#A1887F","#80DEEA","#AB47BC","#FFCA28","#B0BEC5","#EC407A","#5C6BC0","#EF5350","#9CCC65","#DCE775","#26C6DA","#7E57C2","#FFD54F","#6D4C41","#BDBDBD","#29B6F6","#F06292","#66BB6A","#FF7043","#42A5F5","#BA68C8","#FFB300","#78909C","#F48FB1","#81C784","#E6EE9C","#4DD0E1","#9575CD","#FFE082","#5D4037","#E0E0E0","#40C4FF","#AD1457","#A5D6A7","#FF8A65","#64B5F6","#CE93D8","#FF8F00","#546E7A","#F8BBD0","#C8E6C9","#F0F4C3","#80D8FF","#B388FF","#FFECB3","#4E342E","#EEEEEE","#80D6FF","#880E4F","#C5E1A5","#FFAB91","#90CAF9","#D1C4E9","#FFA000","#455A64","#FCE4EC","#DCEDC8","#F9FBE7","#B2EBF2","#E1BEE7","#FFF9C4","#3E2723","#F5F5F5","#BBDEFB"]])}}]);