https://quikirr.com/_next/static/chunks/41749.7e09341c7b39aae3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41749],{41749:(e,t,r)=>{let s;r.r(t),r.d(t,{LatestCustomersSection:()=>et,default:()=>er});var a=r(95155),l=r(12115),n=r(81477),o=r(29991),i=r(43426),u=r(63119),d=r(36256),c=r(83573),m=r(13506),p=r(3951),h=r(70037),f=r(76415),g=r(65453),v=r(99837),w=r(80946),C=r(75709),b=r(2288),y=r(75801),x=r(66645),k=r(90568),R=r(92513);let P=[10,15,20,25],j=Object.freeze([]),N=Object.freeze([]);function T({title:e,eventType:t,rows:r,headerColor:s,columnWidthPlan:n,descriptorColumns:o=j,metricColumns:i=N,renderedMetricBases:c=[]}){let m=(0,u.U_)(),h=(0,d.t)(),f=m&&!h,g=l.useMemo(()=>{try{let e=(0,b.ry)({tableId:t,rows:r,headerColor:s,emptyState:"No customers found.",descriptorColumns:o,periodColumnPlacement:"afterValue",periodHeaderLabel:"Date",columnWidthPlan:n,...i.length>0?{metricColumns:i}:{}});return{artifacts:(0,C.SY)(e,{validationMode:"throw"}),error:null}}catch(e){return x.vF.error("[LatestCustomersWorksheetTable] Failed to build worksheet renderer artifacts",{error:e,eventType:t}),{artifacts:null,error:e}}},[n,o,t,s,i,r]),v=`latest-customers-${t}-worksheet`,y=(0,b.JP)(n)+i.length*n.valueWidthPx;return(0,a.jsxs)("div",{className:(0,k.cn)("w-fit rounded-none bg-white",f?"overflow-visible":"max-w-full overflow-hidden"),"data-testid":`latest-customers-${t}-section`,style:{width:y},children:[(0,a.jsx)("div",{className:"flex items-center justify-between border-b border-gray-200/60 py-1",children:(0,a.jsx)("div",{className:(0,k.cn)("font-semibold text-gray-900",f?"font-body text-[12px]":"text-sm"),children:e})}),g.error||!g.artifacts?(0,a.jsx)("div",{className:"flex min-h-28 items-center justify-center border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-950","data-testid":`${v}-error`,role:"alert",children:"Unable to render Latest Customer Events."}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(R.zO,{renderedMetricBases:c}),(0,a.jsx)(w.Ay,{artifacts:g.artifacts,className:"w-full flex-none",canvasClassName:p.aV.tableTextClassName,workbookDensity:!0,viewportClassName:"overflow-x-auto overflow-y-hidden overscroll-x-contain overscroll-y-auto",rootTestId:v,viewportTestId:`${v}-viewport`})]})]})}var V=r(2467),S=r(40362),_=r(7649),M=r(84250),E=r(95494),A=r(43677);let F=(s={},[...M.aA,...M._1].forEach(e=>{let t=(0,S.Cw)(e);t&&(s[t]=e)}),s);function L(e){return`metric:${e}`}var D=r(3033),O=r(60242),I=r(60933),U=r(84470),$=r(20464),q=r(36443),B=r(47420),W=r(13132),K=r(82348),H=r(5606),Z=r(55235),J=r(75215),z=r(88061),G=r(93208),Q=r(93759),X=r(22837);let Y={newEvents:[],upsellEvents:[],downsellEvents:[],churnEvents:[],requestedPeriod:null,effectivePeriod:null,previousPeriod:null,availablePeriods:[],usedLatestFallback:!1,eventCounts:{new:0,upsell:0,downsell:0,churn:0},resolvedTopN:10};function ee({presentationEventType:e=null}={}){let{outputUnits:t}=(0,I.n2)(),{latestCustomersAsOfPeriod:s,latestCustomersRowCount:w}=(0,O.k9)(),{setLatestCustomersAsOfPeriod:C,setLatestCustomersRowCount:R}=(0,O.Bn)(),N=(0,H.useExcelExportStore)(H.selectCurrentTableHeaderFillColor),et=(0,c.tL)(),er=(0,u.U_)(),es=(0,d.t)(),ea=er&&!es,el=(0,u.n2)(),{onElementRef:en,widthPx:eo}=(0,m.gZ)(),ei=(0,U.useAnalysisMetadataStore)(e=>e.getPeriodSplit()),eu=(0,K.OI)(ei),ed=(0,H.useExcelExportStore)(e=>{let t=e.currentAnalysisId;return t?e.analysisStates[t]?.settings.latestCustomersSettings??null:null}),ec=ea?"auto"===(0,Q.J8)(ed?.topNMode,ed?.topN):0===w,em=ec?null:Math.max(1,Math.floor(ea?ed?.topN??10:w)),ep=ea?ed?.asOfPeriod??null:s,eh=l.useMemo(()=>e?new Set([e]):ea&&ed?new Set((0,X.Xx)(ed.eventTypes)):null,[ed,ea,e]);l.useEffect(()=>{ea&&ed&&((0,X.u$)(ed.eventTypes)||x.vF.error("[LatestCustomersCard] Live workbook Latest Customer Events had no event types; defaulted to all event types",{fallback_state:"latest_customers_empty_types_defaulted",eventTypes:(0,X.Xx)(ed.eventTypes)}))},[ed,ea]);let ef=(0,J.useFilterStore)(e=>{let t=e.currentAnalysisId;return t?e.analysisStates[t]?.selectedFilterAttributes??j:j}),eg=(0,J.useFilterStore)(e=>{let t=e.currentAnalysisId;return t?e.analysisStates[t]?.productCategoryKey??null:null}),ev=l.useMemo(()=>es?j:(0,g.b)({configuredDescriptorColumns:ef,productCategoryKey:eg}),[ef,es,eg]),ew=(0,q.useProcessedDataStore)(e=>e.processedData),eC=(0,q.useProcessedDataStore)(e=>e.artifactInstallGeneration),{aggregatedCustomerData:eb,residentRpcServable:ey}=(0,D._)({preferResidentRpcWhenBaseAbsent:!0}),ex=l.useMemo(()=>

1{if(!eb)return{};switch(eu){case"monthly":return eb.monthlyAggregatedData;case"quarterly":return eb.quarterlyAggregatedData;case"annual":return eb.yearlyAggregatedData}},[eb,eu]),ek=l.useMemo(()=>0===Object.keys(ex).length?null:(0,v.B)(ex,em,ep),[ex,ep,em]),eR=l.useMemo(()=>({processedData:ew,artifactInstallGeneration:eC,granularity:eu,requestedRowCount:em,requestedPeriod:ep}),[ew,eC,eu,em,ep]),[eP,ej]=l.useState(null),eN=eP?.identity===eR?eP.result:null,[eT,eV]=l.useState(!1);l.useEffect(()=>{if(ek||!ey)return;let e=!1;return eV(!0),ej(null),(async()=>{try{let{waterfallWorker:t}=await Promise.resolve().then(r.bind(r,90529)),s=await t.periodTopEventsResident({granularity:eu,rowCount:em,period:ep});if(e)return;if(null===s){x.vF.error("[LatestCustomersCard] fallback_state: resident period-events RPC unavailable; self-healing the envelope",{fallback_state:"latest_customers_resident_rpc_unavailable",granularity:eu,requestedPeriod:ep,rowCount:em}),$.sO.getState().ensureBaseAggregatedCustomerData("LatestCustomersCard:rpc-unavailable");return}ej({identity:eR,result:s})}catch(t){if(e)return;x.vF.error("[LatestCustomersCard] fallback_state: resident period-events RPC failed; self-healing the envelope",{fallback_state:"latest_customers_resident_rpc_failed",granularity:eu,requestedPeriod:ep,rowCount:em,error:t instanceof Error?t.message:String(t)}),$.sO.getState().ensureBaseAggregatedCustomerData("LatestCustomersCard:rpc-failed")}finally{e||eV(!1)}})(),()=>{e=!0}},[ek,eR,eu,ep,ey,em]);let eS=ek??eN??Y;l.useEffect(()=>{eS.usedLatestFallback&&x.vF.error("[LatestCustomersCard] Requested as-of period is unavailable; showing the latest valid period",{fallback_state:"latest_customers_requested_period_unavailable",requestedPeriod:eS.requestedPeriod,effectivePeriod:eS.effectivePeriod,granularity:eu})},[eu,eS.effectivePeriod,eS.requestedPeriod,eS.usedLatestFallback]);let e_=(0,G.b)({useParenthesesForNegatives:!0}),eM=(0,B.Yt)(),{currency:eE,percentDecimalPoints:eA}=(0,W.R)(),{decimalPoints:eF}=(0,I.n2)(),eL=(0,Z.SS)(),eD=l.useMemo(()=>(function(e){let{source:t,granularity:r,revenueAggregatedData:s,revenueLabel:a,profitPresentation:l}=e;if(!t)return[];let n=e.metricValues?.granularity===r?e.metricValues:void 0,o=n?.revenue??s,i=(0,V.dE)({source:t,periodType:r,revenueAggregatedData:s,metricValues:n,profitPresentation:l}),u=new Map;i.filter(V.nw).forEach(e=>{u.set(e.basis,e)});let d=e=>"revenue"===e?o:u.get(e)?.periodAggregatedData??null;return(0,S.VJ)({source:t,revenueLabel:a,profitPresentation:l,resolveDataForBasis:e=>{if("revenue"===e)return null;if((0,S.We)(e))return(e=>{let t=F[e];if(!t)return null;let s=(0,M.$I)(t,{profitPresentation:l}),n=s.derivedFrom;if(!n||"price"!==s.valueFormat&&"percent"!==s.valueFormat)return null;let i=(0,S.Cw)(n.numerator),c=(0,S.Cw)(n.denominator);if(!i||!c)return null;let m="revenue"===i?c:i;if(!u.has(m))return null;let p=d(i),h=d(c);return p&&h&&(0,_.Sf)(o)?{kind:"derivedRatio",basis:e,columnKey:L(e),label:(0,S.JZ)({basis:e,revenueLabel:a,profitPresentation:l}).label,valueFormat:s.valueFormat,ratio:{numerator:p,denominator:h,scale:"percent"===s.valueFormat?100:1}}:(x.vF.error("[LatestCustomers] Derived display basis is available but a source aggregate is missing for this grain; omitting the column rather than deriving against a different series",{fallback_state:"latest_customers_metric_column_unavailable",basis:e,granularity:r,numeratorBasis:i,denominatorBasis:c,hasNumerator:!!p,hasDenominator:!!h}),null)})(e);let t=u.get(e);return t?{kind:"sourceDelta",basis:e,columnKey:L(e),label:t.label,source:t}:null}}).map(e=>e.data)})({source:ew,granularity:eu,revenueAggregatedData:ex,metricValues:eN?.metricValues,revenueLabel:eM,profitPresentation:eL}),[ex,eu,ew,eN,eL,eM]),eO=l.useMemo(()=>eD.map(e=>({columnKey:e.columnKey,label:e.label,formatCell:({customerId:t,period:r,prevPeriod:s})=>(function(e){let{column:t,customerId:r,period:s,prevPeriod:a,formatCurrency:l,currency:n,percentDecimalPoints:o,decimalPoints:i=0}=e;return"derivedRatio"===t.kind?function(e){let{value:t,valueFormat:r,currency:s,percentDecimalPoints:a,decimalPoints:l=0}=e;return null!==t&&Number.isFinite(t)?"percent"===r?(0,A.Ee)(t,{decimals:a}):(0,E.p6)(t,{inputUnits:"actual",outputUnits:"actual",decimals:l,currency:s,showCurrencySymbol:!0,displayUnitSuffix:!1,useParenthesesForNegatives:!0,respectDecimals:!1}):"—"}({value:function(e){let{ratio:t,customerId:r,period:s}=e,a=(0,_.ZR)(t.numerator,s,r),l=(0,_.ZR)(t.denominator,s,r),n=(0,M.Hu)(a,l);return null===n?null:n*t.scale}({ratio:t.ratio,customerId:r,period:s}),valueFormat:t.valueFormat,currency:n,percentDecimalPoints:o,decimalPoints:i}):(0,V.HW)({delta:(0,V.jW)({column:t.source,customerId:r,period:s,prevPerio

1d:a}),valueKind:t.source.valueKind,formatCurrency:l})})({column:e,customerId:t,period:r,prevPeriod:s,formatCurrency:e_,currency:eE,percentDecimalPoints:eA,decimalPoints:eF})})),[eE,eF,e_,eD,eA]),eI=l.useMemo(()=>eO.map(e=>({key:e.columnKey,label:e.label})),[eO]),eU=l.useMemo(()=>[{type:"new",rows:eS.newEvents},{type:"upsell",rows:eS.upsellEvents},{type:"downsell",rows:eS.downsellEvents},{type:"churn",rows:eS.churnEvents}].filter(e=>!eh||eh.has(e.type)).map(e=>{var t;return{type:e.type,rows:(t={rows:e.rows,periodType:eu,formatValue:e_,aggregatedData:ex,descriptorColumns:ev,eventDateOnly:ea,...eO.length>0?{metricColumns:eO}:{}}).rows.map((e,r)=>{var s;let a="new"===(s=e.type)||"upsell"===s?Math.abs(e.value):-Math.abs(e.value),l=t.aggregatedData[e.period]?.data?.[e.customerId]??t.aggregatedData[e.prevPeriod]?.data?.[e.customerId],n=new Map(Object.entries(e.attributes??l?.attributes??{}).map(([e,t])=>[(0,y.s)(e),t])),o=Object.fromEntries(t.descriptorColumns.map(e=>{let t=n.get((0,y.s)(e)),r=Array.isArray(t)?t.filter(e=>null!=e&&String(e).trim()).join(", "):t;return[e,null==r||0===String(r).trim().length?"—":String(r)]})),i=t.metricColumns??[],u=Object.fromEntries(i.map(t=>[t.columnKey,t.formatCell({customerId:e.customerId,period:e.period,prevPerio

1d:e.prevPeriod})]));return{key:`${e.type}-${e.customerId}-${e.period}-${r}`,rank:r+1,customerName:e.customerName,descriptorValues:o,periodLabel:(0,f.P)(e.period,t.periodType),value:t.formatValue(a),eventType:e.type,customerId:e.customerId,period:e.period,...i.length>0?{metricValues:u}:{}}})}}),[ex,ev,e_,eu,ea,eO,eS,eh]),e$=ea?null==el?null:el-h.aV-h.tS:null==eo?null:eo-32,eq=l.useMemo(()=>{let e=(0,b.GB)({rows:eU.flatMap(e=>e.rows),descriptorColumns:ev});return(0,b.i)({availableWidthPx:null==e$?null:Math.max(1,Math.floor(e$)),descriptorColumns:ev,columnWidthPlan:e})},[ev,e$,eU]),eB=eS.availablePeriods.slice(1),eW=eS.effectivePeriod??"",eK=(0,a.jsxs)("div",{className:"flex flex-wrap items-center justify-end gap-2",children:[(0,a.jsx)("div",{className:"flex h-8 items-center border border-gray-200 bg-gray-50 px-2.5 text-xs font-medium text-gray-600",children:function(e){switch(e){case"monthly":return"Monthly";case"quarterly":return"Quarterly";case"annual":return"Annual"}}(eu)}),(0,a.jsxs)(o.l6,{value:eW,onValueChange:C,disabled:0===eB.length,children:[(0,a.jsx)(o.bq,{"aria-label":"Latest Customer Events as-of period",className:"h-8 w-[150px] border-gray-200 bg-white",children:(0,a.jsx)(o.yv,{placeholder:"No comparable period"})}),(0,a.jsx)(o.gC,{children:eB.map(e=>(0,a.jsx)(o.eb,{value:e,children:(0,f.P)(e,eu)},e))})]}),(0,a.jsxs)(o.l6,{value:ec?"auto":String(em),onValueChange:e=>R("auto"===e?0:Number(e)),disabled:ea,children:[(0,a.jsx)(o.bq,{"aria-label":"Latest Customer Events rows per event type",className:"h-8 w-[124px] border-gray-200 bg-white",children:(0,a.jsx)(o.yv,{placeholder:"Rows"})}),(0,a.jsxs)(o.gC,{children:[(0,a.jsxs)(o.eb,{value:"auto",children:["Auto (",eS.resolvedTopN,")"]}),P.map(e=>(0,a.jsxs)(o.eb,{value:String(e),children:["Top ",e]},e))]})]})]}),eH=(0,a.jsxs)(n.Zp,{className:(0,k.cn)(ea?"w-full rounded-none border-0 bg-transparent shadow-none":(0,k.cn)(z._U.elevated,"w-fit max-w-full")),"data-testid":"latest-customers-card",children:[et?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.rb,{titleHeader:et,testId:"latest-customers-workbook-title-rows"}),(0,a.jsx)("div",{"aria-hidden":"true",className:"w-full flex-none bg-white","data-testid":"latest-customers-workbook-title-spacer",style:{height:p.aV.bodyRowHeightPx}})]}):(0,a.jsxs)(n.aR,{className:"p-4 pb-2",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[(0,a.jsxs)("div",{className:"flex flex-col items-start gap-1",children:[(0,a.jsx)(n.ZB,{className:"text-lg font-semibold text-gray-900",children:"Latest Customer Events"}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(i.E,{units:t}),eS.effectivePeriod&&eS.previousPeriod?(0,a.jsxs)("span",{className:"text-xs text-gray-500",children:[(0,f.P)(eS.previousPeriod,eu)," to ",(0,f.P)(eS.effectivePeriod,eu)]}):null]})]}),eK]}),eS.usedLatestFallback?(0,a.jsx)("div",{className:"mt-2 border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-950",role:"status",children:"The saved period is unavailable for this dataset. Showing the latest comparable period."}):null]}),(0,a.jsx)(n.Wu,{className:(0,k.cn)("px-4 pb-4 pt-0",ea&&"px-0"),children:eT&&eU.every(e=>0===e.rows.length)?(0,a.jsx)("div",{className:"px-1 py-6 text-sm text-gray-500",children:"Loading latest customer movements…"}):(0,a.jsx)("div",{className:(0,k.cn)("flex max-w-full flex-col items-start gap-3",ea?"w-full":"w-fit"),"data-testid":"latest-customers-table-stack",style:{width:(0,b.JP)(eq)+eI.length*eq.valueWidthPx},children:eU.map(e=>(0,a.jsx)(T,{title:function(e){switch(e){case"new":return"New";case"upsell":return"Upsell";case"downsell":return"Downsell";case"churn":return"Churn"}}(e.type),eventType:e.type,rows:e.rows,headerColor:N,columnWidthPlan:eq,descriptorColumns:ev,metricColumns:eI,renderedMetricBases:eD.map(e=>e.basis)},e.type))})})]});return ea?(0,a.jsx)(c.$Q,{leadingInsetPx:h.aV,bottomInsetPx:0,className:"w-full flex-none",testId:"latest-customers-workbook-body-inset",children:eH}):es?eH:(0,a.jsx)("div",{ref:en,className:"w-full min-w-0","data-testid":"latest-customers-analysis-width-host",children:eH})}function et({presentationEventType:e=null}={}){return(0,a.jsx)("div",{className:"pb-4",children:(0,a.jsx)(ee,{presentationEventType:e})})}let er=et},60242:(e,t,r)=>{r.d(t,{Bn:()=>i,k9:()=>o});var s=r(34466),a=r(80265);let l=e=>({customerRankingViewMode:e.customerRankingViewMode,customerRankingPerio

1dView:e.customerRankingPeriodView,customerRankingTopCustomersChartType:e.customerRankingTopCustomersChartType,customerRankingMode:e.customerRankingMode,customerRankingTopNewChartView:e.customerRankingTopNewChartView,customerRankingTopUpsellChartView:e.customerRankingTopUpsellChartView,customerRankingTopDownsellChartView:e.customerRankingTopDownsellChartView,customerRankingTopChurnChartView:e.customerRankingTopChurnChartView,customerRankingOpenAccordion:e.customerRankingOpenAccordion,latestCustomersAsOfPeriod:e.latestCustomersAsOfPeriod,latestCustomersRowCount:e.latestCustomersRowCount}),n=e=>({setCustomerRankingViewMode:e.setCustomerRankingViewMode,setCustomerRankingPeriodView:e.setCustomerRankingPeriodView,setCustomerRankingTopCustomersChartType:e.setCustomerRankingTopCustomersChartType,setCustomerRankingMode:e.setCustomerRankingMode,setCustomerRankingTopNewChartView:e.setCustomerRankingTopNewChartView,setCustomerRankingTopUpsellChartView:e.setCustomerRankingTopUpsellChartView,setCustomerRankingTopDownsellChartView:e.setCustomerRankingTopDownsellChartView,setCustomerRankingTopChurnChartView:e.setCustomerRankingTopChurnChartView,setCustomerRankingOpenAccordion:e.setCustomerRankingOpenAccordion,setLatestCustomersAsOfPeriod:e.setLatestCustomersAsOfPeriod,setLatestCustomersRowCount:e.setLatestCustomersRowCount});function o(){return(0,a.useNavigationStore)((0,s.k)(l))}function i(){return(0,a.useNavigationStore)((0,s.k)(n))}}}]);