https://anathema.ai/_next/static/chunks/1222.3c6a8b6c92fc03e4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1222],{1222:(e,r,t)=>{t.r(r),t.d(r,{default:()=>j});var a=t(64084),o=t(95155),s=t(19749),n=t(12115),c=t(34636),i=t(7678),l=t(41871),d=t(92206),m=t(2857),u=t(33031),h=t(71370),f=t(16823),x=t(97440),b=t(49267),y=t(70711),g=t(30638),p=t(82847),k=t(77095),v=[{label:"1M",days:30},{label:"3M",days:90},{label:"6M",days:180},{label:"12M",days:365}];function j(e){var r,t,j,U,D,G,L,A,R,z,B,F,H,N,E,P,W,K,M,O,Z,$,X,q,J=(0,s.c)(33),Q=e.data,V=(0,a._)((0,n.useState)(30),2),Y=V[0],ee=V[1];J[0]!==Y?((r=new Date).setDate(r.getDate()-Y),J[0]=Y,J[1]=r):r=J[1],J[2]!==r?(t=function(e){return new Date("".concat(e.date,"T00:00:00.000Z"))>=r},J[2]=r,J[3]=t):t=J[3];var er=Q.filter(t),et=(0,u.u)({data:er,series:[{name:"customerUsd",color:"brand.solid"},{name:"internalUsd",color:"fg.muted"},{name:"revenueUsd",color:"green.500"}]});return er.some(T)?(J[5]===Symbol.for("react.memo_cache_sentinel")?(U={base:"column",md:"row"},J[5]=U):U=J[5],J[6]===Symbol.for("react.memo_cache_sentinel")?(D={base:"flex-start",md:"center"},J[6]=D):D=J[6],J[7]===Symbol.for("react.memo_cache_sentinel")?(G=(0,o.jsxs)(l.HStack,{gap:1.5,children:[(0,o.jsx)(c.Box,{w:"2.5",h:"2.5",borderRadius:"xs",bg:"brand.solid"}),(0,o.jsx)(i.Text,{children:"Customer usage"})]}),J[7]=G):G=J[7],J[8]===Symbol.for("react.memo_cache_sentinel")?(L=(0,o.jsxs)(l.HStack,{gap:1.5,children:[(0,o.jsx)(c.Box,{w:"2.5",h:"2.5",borderRadius:"xs",bg:"fg.muted"}),(0,o.jsx)(i.Text,{children:"Internal usage"})]}),J[8]=L):L=J[8],J[9]===Symbol.for("react.memo_cache_sentinel")?(A=(0,o.jsxs)(l.HStack,{gap:4,fontSize:"xs",color:"fg.subtle",flexWrap:"wrap",children:[G,L,(0,o.jsxs)(l.HStack,{gap:1.5,children:[(0,o.jsx)(c.Box,{w:"2.5",h:"2.5",borderRadius:"xs",bg:"green.500"}),(0,o.jsx)(i.Text,{children:"Revenue"})]})]}),J[9]=A):A=J[9],J[10]!==Y?(R=v.map(function(e){return(0,o.jsx)(d.Button,{size:"xs",variant:Y===e.days?"solid":"ghost",bg:Y===e.days?"brand.solid":"transparent",color:Y===e.days?"white":"fg.subtle",_hover:{bg:Y===e.days?"brand.solid":"bg.hover"},onClick:function(){return ee(e.days)},borderRadius:"md",px:3,children:e.label},e.days)}),J[10]=Y,J[11]=R):R=J[11],J[12]!==R?(z=(0,o.jsxs)(m.Flex,{direction:U,justify:"space-between",align:D,gap:3,mb:4,children:[A,(0,o.jsx)(l.HStack,{gap:1,children:R})]}),J[12]=R,J[13]=z):z=J[13],J[14]===Symbol.for("react.memo_cache_sentinel")?(B={top:5,right:8,left:0,bottom:0},J[14]=B):B=J[14],J[15]===Symbol.for("react.memo_cache_sentinel")?(F=(0,o.jsx)(f.d,{strokeDasharray:"3 3",vertical:!1,stroke:"var(--chakra-colors-border)"}),J[15]=F):F=J[15],J[16]===Symbol.for("react.memo_cache_sentinel")?(H=(0,o.jsx)(x.W,{dataKey:"date",tick:{fontSize:10,fill:"var(--chakra-colors-fg-subtle)"},tickFormatter:I,axisLine:!1,tickLine:!1,minTickGap:40}),J[16]=H):H=J[16],J[17]===Symbol.for("react.memo_cache_sentinel")?(N=(0,o.jsx)(b.h,{yAxisId:"usage",tick:{fontSize:10,fill:"var(--chakra-colors-fg-subtle)"},tickFormatter:C,axisLine:!1,tickLine:!1,width:48}),J[17]=N):N=J[17],J[18]===Symbol.for("react.memo_cache_sentinel")?(E=(0,o.jsx)(b.h,{yAxisId:"revenue",orientation:"right",tick:{fontSize:10,fill:"var(--chakra-colors-fg-subtle)"},tickFormatter:w,axisLine:!1,tickLine:!1,width:48}),J[18]=E):E=J[18],J[19]===Symbol.for("react.memo_cache_sentinel")?(P=(0,o.jsx)(y.m,{contentStyle:{background:"var(--chakra-colors-bg-panel)",border:"1px solid var(--chakra-colors-border)",borderRadius:"lg",fontSize:"xs",color:"var(--chakra-colors-fg)"},labelFormatter:S,formatter:_}),J[19]=P):P=J[19],J[20]===Symbol.for("react.memo_cache_sentinel")?(W=(0,o.jsxs)("linearGradient",{id:"apiCustomerGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,o.jsx)("stop",{offset:"5%",stopColor:"var(--chakra-colors-brand-solid)",stopOpacity:.35}),(0,o.jsx)("stop",{offset:"95%",stopColor:"var(--chakra-colors-brand-solid)",stopOpacity:0})]}),J[20]=W):W=J[20],J[21]===Symbol.for("react.memo_cache_sentinel")?(K=(0,o.jsxs)("defs",{children:[W,(0,o.jsxs)("linearGradient",{id:"apiInternalGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,o.jsx)("stop",{offset:"5%",stopColor:"var(--chakra-colors-fg-muted)",stopOpacity:.3}),(0,o.jsx)("stop",{offset:"95%",stopColor:"var(--chakra-colors-fg-muted)",stopOpacity:0})]})]}),M=(0,o.jsx)(g.Gk,{yAxisId:"usage",type:"monotone",dataKey:"customerUsd",name:"Customer usage",stackId:"usage",stroke:"var(--chakra-colors-brand-solid)",strokeWidth:1.5,fill:"url(#apiCustomerGradient)"}),O=(0,o.jsx)(g.Gk,{yAxisId:"usage",type:"monotone",dataKey:"internalUsd",name:"Internal usage",stackId:"usage",stroke:"var(--chakra-colors-fg-muted)",strokeWidth:1.5,fill:"url(#apiInternalGradient)"}),Z=(0,o.jsx)(p.N1,{yAxisId:"revenue",type:"monotone",dataKey:"revenueUsd",name:"Revenue",stroke:"var(--chakra-colors-green-500)",strokeWidth:2,dot:!1}),J[21]=K,J[22]=M,J[23]=O,J[24]=Z):(K=J[21],M=J[22],O=J[23],Z=J[24]),J[25]!==er?($=(0,o.jsxs)(k.X,{data:er,margin:B,responsive:!0,children:[F,H,N,E,P,K,M,O,Z]}),J[25]=er,J[26]=$):$=J[26],J[27]!==et||J[28]!==$?(X=(0,o.jsx)(h.Bx,{chart:et,maxH:"sm",children:$}),J[27]=et,J[28]=$,J[29]=X):X=J[29],J[30]!==X||J[31]!==z?(q=(0,o.jsxs)(c.Box,{children:[z,X]}),J[30]=X,J[31]=z,J[32]=q):q=J[32],q):(J[4]===Symbol.for("react.memo_cache_sentinel")?(j=(0,o.jsx)(c.Box,{py:8,textAlign:"center",children:(0,o.jsx)(i.Text,{color:"fg.subtle",fontSize:"sm",children:"No API revenue or usage yet. This fills in once customers start calling the API."})}),J[4]=j):j=J[4],j)}function _(e,r){var t;

1return[(t="number"==typeof e?e:0,"$".concat(t.toLocaleString(void 0,{maximumFractionDigits:2}))),r]}function S(e){return new Date("".concat(e,"T00:00:00.000Z")).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"})}function w(e){return"$".concat(e)}function C(e){return"$".concat(e)}function I(e){return new Date("".concat(e,"T00:00:00.000Z")).toLocaleDateString("en-US",{month:"short",day:"numeric"})}function T(e){return e.customerUsd>0||e.internalUsd>0||0!==e.revenueUsd}},77095:(e,r,t)=>{t.d(r,{X:()=>c});var a=t(12115),o=t(5058),s=t(98251),n=["axis"],c=(0,a.forwardRef)(function(e,r){return a.createElement(s.P,{chartName:"ComposedChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:n,tooltipPayloadSearcher:o.uN,categoricalChartProps:e,ref:r})})}}]);