https://app.storika.ai/_next/static/chunks/957.05a480924a68aed4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[957],{10957:(e,t,a)=>{a.r(t),a.d(t,{VolumeMixPanel:()=>C});var s=a(54568),l=a(81983),n=a(51560),r=a(79886),i=a(83995),o=a(1302),d=a(94503),c=a(65236),u=a(48869),x=(0,i.gu)({chartName:"BarChart",GraphicalChild:o.y,defaultTooltipEventType:"axis",validateTooltipEventTypes:["axis","item"],axisComponents:[{axisType:"xAxis",AxisComp:d.W},{axisType:"yAxis",AxisComp:c.h}],formatAxisMap:u.pr}),f=a(78875),m=a(19144),p=a(74895),h=a(51028);let g={plain:"#3b82f6",fathom:"#F9724E"},y="#94a3b8",b={"product-improvement":"#3b82f6","new-feature":"#10b981"},j=["#1d4ed8","#3b82f6","#93c5fd","#bfdbfe"];function v(e){let t=new Date("".concat(e,"T00:00:00Z"));return Number.isNaN(t.getTime())?e:t.toLocaleDateString("en-US",{month:"short",day:"numeric",timeZone:"UTC"})}function N(e){let t=e.filter(e=>"other"===e.key);return[...e.filter(e=>"other"!==e.key).sort((e,t)=>t.count-e.count),...t]}function k(e){var t;return null!=(t=b[e])?t:y}function T(e){let{payload:t,...a}=e,l=(null==t?void 0:t.fathom)===0?[4,4,0,0]:[0,0,0,0];return(0,s.jsx)(n.M,{...a,radius:l})}function w(e){let{label:t,entries:a,total:l,colorForKey:n}=e,r=N(a),i=r.filter(e=>e.count>0);return(0,s.jsxs)("div",{className:"flex flex-col gap-1.5",children:[(0,s.jsx)("span",{className:"text-xs font-medium text-muted-foreground",children:t}),(0,s.jsx)("div",{className:"flex h-3 w-full overflow-hidden rounded-full gap-0.5",role:"img","aria-label":"".concat(t," distribution"),children:0===i.length?(0,s.jsx)("div",{className:"h-full w-full rounded-full bg-border"}):i.map(e=>(0,s.jsx)("div",{className:"h-full first:rounded-l-full last:rounded-r-full",style:{width:"".concat(l>0?e.count/l*100:0,"%"),backgroundColor:"other"===e.key?y:n(e.key)}},e.key))}),(0,s.jsx)("div",{className:"flex flex-wrap gap-x-3 gap-y-1",children:r.map(e=>(0,s.jsxs)("span",{className:"inline-flex items-center gap-1.5 text-xs text-muted-foreground",children:[(0,s.jsx)("span",{className:"size-2 rounded-full",style:{backgroundColor:"other"===e.key?y:n(e.key)}}),(0,h.h)(e.key),(0,s.jsx)("span",{className:"tabular-nums text-foreground",children:e.count})]},e.key))})]})}function C(e){let{volumeTrend:t,classificationMix:a}=e,n=(0,m.Y)(),i=n?"#a1a1aa":"#71717a",c=n?"#3f3f46":"#e4e4e7",u=n?"#fafafa":"#09090b",h=(0,p.Rv)(a),b=t.reduce((e,t)=>e+t.plain,0),C=t.reduce((e,t)=>e+t.fathom,0),E=function(e){let t=N(e).filter(e=>"other"!==e.key),a=new Map;return t.forEach((e,t)=>{a.set(e.key,j[t%j.length])}),a}(a.painTypes),M=t.map(e=>({day:v(e.day),plain:e.plain,fathom:e.fathom}));return(0,s.jsxs)("div",{className:"border border-border rounded-xl p-5 bg-card flex flex-col gap-4",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[(0,s.jsxs)("h3",{className:"flex items-center gap-2 text-base font-semibold text-foreground",children:[(0,s.jsx)(l.A,{className:"size-4 shrink-0 text-muted-foreground"}),"Volume Trend & Classification Mix"]}),(0,s.jsxs)("div",{className:"flex items-center gap-2 text-xs text-muted-foreground",children:[(0,s.jsx)("span",{children:function(e){if(0===e.length)return"";let t=v(e[0].day),a=v(e[e.length-1].day);return"".concat(t," - ").concat(a)}(t)}),(0,s.jsxs)("span",{className:"tabular-nums",children:[(0,s.jsx)("span",{className:"text-foreground font-medium",children:h})," ","items \xb7"," ",(0,s.jsx)("span",{className:"text-foreground font-medium",children:a.relevantTotal})," ","relevant \xb7"," ",(0,s.jsx)("span",{className:"text-foreground font-medium",children:a.irrelevantTotal})," ","irrelevant"]})]})]}),(0,s.jsxs)("div",{className:"grid grid-cols-1 @2xl:grid-cols-3 gap-4",children:[(0,s.jsxs)("div",{className:"@2xl:col-span-2 flex flex-col gap-2",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)("span",{className:"text-xs font-medium text-muted-foreground",children:"Daily items by source"}),(0,s.jsxs)("div",{className:"flex items-center gap-3 text-xs text-muted-foreground",children:[(0,s.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:"size-2 roun

1ded-full",style:{backgroundColor:g.plain}}),"Plain ",(0,s.jsx)("span",{className:"tabular-nums",children:b})]}),(0,s.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,s.jsx)("span",{className:"size-2 rounded-full",style:{backgroundColor:g.fathom}}),"Fathom ",(0,s.jsx)("span",{className:"tabular-nums",children:C})]})]})]}),(0,s.jsx)(r.u,{width:"100%",height:220,children:(0,s.jsxs)(x,{data:M,children:[(0,s.jsx)(d.W,{dataKey:"day",tick:{fontSize:10,fill:i},interval:"preserveStartEnd",axisLine:{stroke:c},tickLine:!1}),(0,s.jsx)(f.m,{contentStyle:{backgroundColor:n?"#18181b":"#ffffff",border:"1px solid ".concat(c),borderRadius:"8px",fontSize:"12px",color:u},labelStyle:{color:i},itemStyle:{color:u}}),(0,s.jsx)(o.y,{dataKey:"plain",name:"Plain",stackId:"volume",fill:g.plain,shape:T}),(0,s.jsx)(o.y,{dataKey:"fathom",name:"Fathom",stackId:"volume",fill:g.fathom,radius:[4,4,0,0]})]})})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-3 rounded-xl bg-well p-4",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,s.jsxs)("span",{className:"text-sm font-semibold text-foreground",children:["Classification mix \xb7 ",a.relevantTotal," relevant items"]}),(0,s.jsxs)("span",{className:"text-xs text-muted-foreground",children:["latest classification per item \xb7 +",a.irrelevantTotal," not classified (irrelevant)"]})]}),(0,s.jsx)(w,{label:"Route \xb7 suggested next step",entries:a.routes,total:a.relevantTotal,colorForKey:k}),(0,s.jsx)("div",{className:"h-px bg-border"}),(0,s.jsx)(w,{label:"Pain type",entries:a.painTypes,total:a.relevantTotal,colorForKey:e=>{var t;return null!=(t=E.get(e))?t:y}})]})]})]})}},19144:(e,t,a)=>{a.d(t,{Y:()=>l});var s=a(7620);function l(){let[e,t]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{let e=()=>t(document.documentElement.classList.contains("dark"));e();let a=new MutationObserver(e);return a.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>a.disconnect()},[]),e}},81983:(e,t,a)=>{a.d(t,{A:()=>s});let s=(0,a(18382).A)("chart-column",[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"M18 17V9",key:"2bz60n"}],["path",{d:"M13 17V5",key:"1frdt8"}],["path",{d:"M8 17v-3",key:"17ska0"}]])}}]);