@zeniai/web-cockpit-ui 1.13.87-dev → 1.13.88-dev

package/dist/assets/Dashboard-BqpjCXF4-2DYnY2Iv.js

@@ -0,0 +1,778 @@
+import{y as Ke,l as we,j as t,z as Kt,A as Gt,B as Yt,o,S as Jt,D as ce,H as qt,I as Se,J as Xt,L as Qt,N as er,O as tr,P as rr,R as ar,U as B,M as u,X as Z,V as _,Y as w,_ as A,a0 as z,a1 as ir,a2 as or,a3 as nr,a4 as dr,p as L,a as sr,a5 as Ge,a6 as lr,F as cr,a7 as mr,C as R,a8 as W,a9 as N,m as G,aa as Ye,ab as T,ac as S,ad as Je,u as ee,w as P,ae as pr,af as hr,ag as gr,Q as qe,g as j,ah as ur,ai as xr,aj as Cr,ak as fr,al as je,Z as Xe,s as Qe,am as et,an as tt,ao as rt,h as kr,ap as yr,aq as at,ar as br,as as vr,at as it,au as ot,av as $e,aw as wr,ax as jr,ay as $r,az as Dr,aA as Mr,aB as Er,aC as Lr}from"./index-CvH632ro.js";import{b as n,n as d,f as $,j as Tr,k as nt}from"./vendor-CnQcJ2Lu.js";import{k as Sr,L as Br}from"./ArAgingChart-B7_os9Eg-CgtB3vV8.js";import{E as Pr,T as De,I as dt}from"./ReloadCard-DXOUba_M-CHzipN0D.js";import{L as Ir,O as me,c as Y}from"./TopExCard-J5ItU1Wy-Cu15poFM.js";import{H as Ar,Y as _r,P as Wr,G as zr,N as Or}from"./RevenueChart-L0b_usU7-Cf8KBYNj.js";import Rr from"./InsightsCardStack-CXxA6hpf-BZ7-Ipfo.js";import{a as Nr}from"./AccountsPromoCardStack-B2NngRd9-cDiIvZy1.js";import{c as F}from"./SummaryCard-0WkhoBZC-D0OeJhk2.js";import{t as Fr,o as Hr}from"./arrow-south-east-round-PEovUgvH-DBLhwZXJ.js";import{b as ge}from"./NavigationArrow-CUVFG2Pf-P3tdOWHt.js";import{f as st}from"./NavigationDots-BDLMSply-CVhKiAdV.js";import Zr from"./CompanyPassportCard-Bhm76W7a-DhQY8aBm.js";import{C as Vr}from"./gift-box-Cmt9OgIZ-DKWN92w0.js";import Ur from"./InformationCardStack-X52PXCzi-BTPqjoZv.js";import{p as lt}from"./chartTypes-BrP58mNO-B-70_tkk.js";import{h as Kr}from"./toCOABalancesWithID-CYXJAMXX-B3cjnX0k.js";import{V as Gr}from"./toChartData-oAAd1YDY-DlgK3yY0.js";import{r as Yr,i as Jr}from"./graphic-no-data-net-burn-l-CzmycA0m-DR-LfIWY.js";import{A as qr,J as Xr}from"./PromoBaseCards-B9AnaalQ-hSs7-TQL.js";import Qr from"./ConfettiBurst-DxWLsUlB-rN2UgITP.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const ea=d(N)`
+  color: ${e=>e.theme.colors.champion};
+`,Be=d.div`
+  display: flex;
+  flex: 0 1 auto;
+  flex-direction: column;
+  align-items: center;
+`,ta=d(P)`
+  color: ${e=>e.theme.colors.grey1};
+`;function ra({dimension:e,cardType:i,cardIndex:r,reportDate:a,reportTitle:s,onCardClick:l,chartElement:c}){const m=u.getLocalizedStrings().common,p=u.getLocalizedStrings().dateFormat;return t.jsx(_,{style:{cursor:"pointer"},dimension:e,onClick:()=>l(r,i),"data-testid":w("dashboard",i),children:t.jsxs(W,{children:[t.jsxs(Be,{style:{marginBottom:L[3]},children:[t.jsx(ea,{children:s??tt(i)}),t.jsxs(ta,{children:[m.asOf,m.strings.space,a.format(p.visual.MMMDFormat)]})]}),t.jsx(Be,{style:{width:"100%",height:"100%",cursor:"pointer"},children:t.jsx("div",{style:{width:"100%",height:"100%"},children:t.jsx(rt,{children:({height:h,width:g})=>c(g,h)})})})]})})}function ct({card:e,reportTitle:i,reportDate:r,actions:a,chartElement:s}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(dt,{dimension:e.dimension,animated:!e.disableAnimations}):e.fetchState==="Error"?t.jsx(De,{dimension:e.dimension,cardType:e.cardType,cardIndex:e.cardIndex,onReloadData:a.onReloadData,reportTitle:i}):t.jsx(ra,{dimension:e.dimension,reportTitle:i,cardType:e.cardType,cardIndex:e.cardIndex,reportDate:r,onCardClick:a.onCardClick,chartElement:s})}$.memo(ct);function mt({card:e,actions:i,data:r,dndProps:a}){const s=e.fetchState==="Completed"?r?.agingBalances.length===0:!1,l=(c,m)=>s||r==null?t.jsx(Y,{width:c,height:m,label:u.getLocalizedStrings().chartCard.no_data.aging_report}):t.jsx(Sr,{report:r,width:c,height:m});return t.jsx(B,{isDragging:a?.draggedCardType!=null,isDragOver:a?.dragOverCard===e.cardType,draggable:!0,onDragStart:c=>a?.onDragStart(e.cardType,c),onDragOver:c=>a?.onDragOver(c,e.cardType),onDragLeave:c=>a?.onDragLeave(c),onDrop:c=>a?.onDrop(c,e.cardType),dimension:e.dimension,children:t.jsx(ct,{card:e,reportDate:r?.apAgingUIState.selectedDate??we.dateNow(),reportTitle:r?.reportTitle,actions:i,chartElement:l})},e.cardIndex)}$.memo(mt);const aa=d(N)`
+  color: ${e=>e.theme.colors.champion};
+`,Pe=d.div`
+  display: flex;
+  flex: 0 1 auto;
+  flex-direction: column;
+  align-items: center;
+`,ia=d(P)`
+  color: ${e=>e.theme.colors.grey1};
+`;function oa({dimension:e,cardType:i,cardIndex:r,reportDate:a,reportTitle:s,onCardClick:l,chartElement:c}){const m=u.getLocalizedStrings().common,p=u.getLocalizedStrings().dateFormat;return t.jsx(_,{style:{cursor:"pointer"},dimension:e,onClick:()=>l(r,i),"data-testid":w("dashboard",i),children:t.jsxs(W,{children:[t.jsxs(Pe,{style:{marginBottom:L[3]},children:[t.jsx(aa,{children:s??tt(i)}),t.jsxs(ia,{children:[m.asOf,m.strings.space,a.format(p.visual.MMMDFormat)]})]}),t.jsx(Pe,{style:{width:"100%",height:"100%",cursor:"pointer"},children:t.jsx("div",{style:{width:"100%",height:"100%"},children:t.jsx(rt,{children:({height:h,width:g})=>c(g,h)})})})]})})}function pt({card:e,reportDate:i,reportTitle:r,actions:a,chartElement:s}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(dt,{dimension:e.dimension,animated:!e.disableAnimations}):e.fetchState==="Error"?t.jsx(De,{dimension:e.dimension,cardType:e.cardType,cardIndex:e.cardIndex,onReloadData:a.onReloadData,reportTitle:r}):t.jsx(oa,{dimension:e.dimension,reportTitle:r,cardType:e.cardType,cardIndex:e.cardIndex,reportDate:i,onCardClick:a.onCardClick,chartElement:s})}$.memo(pt);function na({card:e,actions:i,data:r,dndProps:a}){const s=e.fetchState==="Completed"?r?.agingBalances.length===0:!1,l=(c,m)=>s||r==null?t.jsx(Y,{width:c,height:m,label:u.getLocalizedStrings().chartCard.no_data.aging_report}):t.jsx(Br,{report:r,width:c,height:m});return t.jsx(B,{isDragging:a?.draggedCardType!=null,isDragOver:a?.dragOverCard===e.cardType,draggable:!0,onDragStart:c=>a?.onDragStart(e.cardType,c),onDragOver:c=>a?.onDragOver(c,e.cardType),onDragLeave:c=>a?.onDragLeave(c),onDrop:c=>a?.onDrop(c,e.cardType),dimension:e.dimension,children:t.jsx(pt,{card:e,reportTitle:r?.reportTitle,actions:i,reportDate:r?.arAgingUIState.selectedDate??we.dateNow(),chartElement:l})},e.cardIndex)}function ht({card:e,actions:i,data:r,dndProps:a}){const s=r?.filter.timeframe??"month",l=e.fetchState==="Completed"?r?.availableNumberOfPeriods==null||r?.availableNumberOfPeriods===0:!1,c=(m,p)=>l===!1?t.jsx(Or,{selectedRangeReport:r,timeframe:s,width:m,height:p}):t.jsx(Y,{width:m,height:p,label:u.getLocalizedStrings().chartCard.no_data.cash_in_cash_out});return t.jsx(B,{isDragging:a?.draggedCardType!=null,isDragOver:a?.dragOverCard===e.cardType,draggable:!0,onDragStart:m=>a?.onDragStart(e.cardType,m),onDragOver:m=>a?.onDragOver(m,e.cardType),onDragLeave:m=>a?.onDragLeave(m),onDrop:m=>a?.onDrop(m,e.cardType),dimension:e.dimension,children:t.jsx(me,{card:e,actions:i,timeframe:s,allowedValues:[],chartElement:c})},e.cardIndex)}$.memo(ht);function gt({card:e,actions:i,data:r,dndProps:a}){const[s,l]=n.useState(r?.filter.timeframe??"month");n.useEffect(()=>{r?.filter.timeframe!==void 0&&l(r?.filter.timeframe)},[r?.filter.timeframe]);const c=e.fetchState==="Completed"?r?.availableNumberOfPeriods==null||r?.availableNumberOfPeriods===0:!1,m=(p,h)=>c===!1?t.jsx(zr,{selectedRangeReport:r,timeframe:s,width:p,height:h}):t.jsx(Y,{width:p,height:h,label:u.getLocalizedStrings().chartCard.no_data.cash_position});return t.jsx(B,{isDragging:a?.draggedCardType!=null,isDragOver:a?.dragOverCard===e.cardType,draggable:!0,onDragStart:p=>a?.onDragStart(e.cardType,p),onDragOver:p=>a?.onDragOver(p,e.cardType),onDragLeave:p=>a?.onDragLeave(p),onDrop:p=>a?.onDrop(p,e.cardType),dimension:e.dimension,children:t.jsx(me,{card:e,actions:i,timeframe:s,chartElement:m,onTimeframeChange:(p,h)=>l(h)})},e.cardIndex)}$.memo(gt);function ut({card:e,actions:i,data:r,dndProps:a}){const[s,l]=n.useState(r?.filter.timeframe??"month");n.useEffect(()=>{r?.filter.timeframe!==void 0&&l(r?.filter.timeframe)},[r?.filter.timeframe]);let c=u.getLocalizedStrings().chartCard.netBurnOrIncome.net_income;if(r?.calculatedSections?.netBurnOrIncome?.balances!=null&&r.calculatedSections.netBurnOrIncome.balances.length>0){const h=r?.calculatedSections.netBurnOrIncome.balances[r?.calculatedSections.netBurnOrIncome.balances.length-1].balance.amount;c=h!=null&&h<0?u.getLocalizedStrings().chartCard.netBurnOrIncome.net_burn:u.getLocalizedStrings().chartCard.netBurnOrIncome.net_income}const m=e.fetchState==="Completed"?r?.availableNumberOfPeriods==null||r?.availableNumberOfPeriods===0:!1,p=(h,g)=>m===!1?t.jsx(Wr,{selectedRangeReport:r,timeframe:s,width:h,height:g,mode:"off"}):t.jsx(Y,{width:h,height:g,label:u.getLocalizedStrings().chartCard.no_data.net_burn_or_income});return t.jsx(B,{isDragging:a?.draggedCardType!=null,isDragOver:a?.dragOverCard===e.cardType,draggable:!0,onDragStart:h=>a?.onDragStart(e.cardType,h),onDragOver:h=>a?.onDragOver(h,e.cardType),onDragLeave:h=>a?.onDragLeave(h),onDrop:h=>a?.onDrop(h,e.cardType),dimension:e.dimension,children:t.jsx(me,{card:e,reportTitle:c,actions:i,timeframe:s,chartElement:p,onTimeframeChange:(h,g)=>l(g)})},e.cardIndex)}$.memo(ut);function xt({card:e,actions:i,data:r,dndProps:a}){const[s,l]=n.useState(r?.filter.timeframe??"month");n.useEffect(()=>{r?.filter.timeframe!==void 0&&l(r?.filter.timeframe)},[r?.filter.timeframe]);const c=e.fetchState==="Completed"?r?.availableNumberOfPeriods==null||r.availableNumberOfPeriods===0||r.allTimeframeTicks.length===0||r.sections.expenses.accounts.length===0&&r.sections.expenses.accountGroups.length===0:!1,m=(p,h)=>c===!1?t.jsx(Ar,{selectedRangeReport:r,timeframe:s,width:p,height:h,mode:"off"}):t.jsx(Y,{width:p,height:h,label:u.getLocalizedStrings().chartCard.no_data.operating_expenses});return t.jsx(B,{isDragging:a?.draggedCardType!=null,isDragOver:a?.dragOverCard===e.cardType,draggable:!0,onDragStart:p=>a?.onDragStart(e.cardType,p),onDragOver:p=>a?.onDragOver(p,e.cardType),onDragLeave:p=>a?.onDragLeave(p),onDrop:p=>a?.onDrop(p,e.cardType),dimension:e.dimension,children:t.jsx(me,{card:e,actions:i,timeframe:s,chartElement:m,onTimeframeChange:(p,h)=>l(h)})},e.cardIndex)}$.memo(xt);function Ct({card:e,actions:i,data:r,dndProps:a}){const[s,l]=n.useState(r?.filter.timeframe??"month");n.useEffect(()=>{r?.filter.timeframe!==void 0&&l(r?.filter.timeframe)},[r?.filter.timeframe]);const c=e.fetchState==="Completed"?r?.availableNumberOfPeriods==null||r?.availableNumberOfPeriods===0:!1,m=(p,h)=>c===!1?t.jsx(_r,{selectedRangeReport:r,timeframe:s,width:p,height:h,mode:"off"}):t.jsx(Y,{width:p,height:h,label:u.getLocalizedStrings().chartCard.no_data.revenue});return t.jsx(B,{isDragging:a?.draggedCardType!=null,isDragOver:a?.dragOverCard===e.cardType,draggable:!0,onDragStart:p=>a?.onDragStart(e.cardType,p),onDragOver:p=>a?.onDragOver(p,e.cardType),onDragLeave:p=>a?.onDragLeave(p),onDrop:p=>a?.onDrop(p,e.cardType),dimension:e.dimension,children:t.jsx(me,{card:e,actions:i,timeframe:s,chartElement:m,onTimeframeChange:(p,h)=>l(h)})},e.cardIndex)}$.memo(Ct);const da=e=>n.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{opacity:.2,d:"M85.6345 29.5758H10.274C9.20311 29.5758 8.37018 30.4484 8.37018 31.4796V72.8882C8.37018 73.9591 9.24277 74.7921 10.274 74.7921H85.5948C86.6658 74.7921 87.4987 73.9195 87.4987 72.8882V31.4796C87.5384 30.4087 86.6657 29.5758 85.6345 29.5758ZM28.9158 58.5697C28.9158 58.7284 28.7968 58.8474 28.6382 58.8474H14.2007C14.042 58.8474 13.9231 58.7284 13.9231 58.5697V52.5806C13.9231 52.4219 14.042 52.3029 14.2007 52.3029H28.6382C28.7968 52.3029 28.9158 52.4219 28.9158 52.5806V58.5697ZM46.4867 58.5697C46.4867 58.7284 46.3677 58.8474 46.2091 58.8474H31.7716C31.6129 58.8474 31.4939 58.7284 31.4939 58.5697V52.5806C31.4939 52.4219 31.6129 52.3029 31.7716 52.3029H46.2091C46.3677 52.3029 46.4867 52.4219 46.4867 52.5806V58.5697ZM64.0576 58.5697C64.0576 58.7284 63.9386 58.8474 63.78 58.8474H49.3425C49.1838 58.8474 49.0648 58.7284 49.0648 58.5697V52.5806C49.0648 52.4219 49.1838 52.3029 49.3425 52.3029H63.78C63.9386 52.3029 64.0576 52.4219 64.0576 52.5806V58.5697ZM81.6285 58.5697C81.6285 58.7284 81.5095 58.8474 81.3509 58.8474H66.9134C66.7547 58.8474 66.6357 58.7284 66.6357 58.5697V52.5806C66.6357 52.4219 66.7547 52.3029 66.9134 52.3029H81.3509C81.5095 52.3029 81.6285 52.4219 81.6285 52.5806V58.5697Z",fill:"#97C3B9"}),n.createElement("path",{d:"M10.0757 26.72V24.5385C10.0757 23.4676 10.9483 22.6347 11.9795 22.6347H78.852C79.923 22.6347 80.7559 23.5073 80.7559 24.5385V26.72H10.0757Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M14.3197 22.5554V20.3739C14.3197 19.303 15.1923 18.47 16.2235 18.47H74.6081C75.679 18.47 76.5119 19.3426 76.5119 20.3739V22.5554H14.3197Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M18.5637 18.3907V15.6539C18.5637 14.583 19.4363 13.7501 20.4675 13.7501H70.3641C71.435 13.7501 72.2679 14.6227 72.2679 15.6539V18.3907H18.5637Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M33.0012 76.2596C33.0012 59.4423 19.3173 45.7584 2.5 45.7584",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M30.0264 76.2596C30.0264 61.1081 17.6911 48.7728 2.53967 48.7728",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M27.012 76.2596C27.012 62.7344 16.0252 51.7476 2.5 51.7476",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M24.0372 76.2596C24.0372 64.3606 14.399 54.7224 2.5 54.7224",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M83.0961 71.976H7.73557C6.66466 71.976 5.83173 71.1034 5.83173 70.0721V28.6635C5.83173 27.5926 6.70432 26.7597 7.73557 26.7597H83.0961C84.167 26.7597 84.9999 27.6323 84.9999 28.6635V70.0721C84.9999 71.143 84.1273 71.976 83.0961 71.976Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10})),sa=e=>n.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{opacity:.2,d:"M85.5687 83.7605H7.55063C6.44196 83.7605 5.57965 82.8571 5.57965 81.7895V45.819C5.57965 44.7104 6.48302 43.8481 7.55063 43.8481H85.5277C86.6363 43.8481 87.4986 44.7514 87.4986 45.819V81.7895C87.5397 82.8571 86.6363 83.7605 85.5687 83.7605Z",fill:"#97C3B9"}),n.createElement("path",{d:"M61.1778 54.1957C68.5709 54.1957 74.5641 48.2025 74.5641 40.8095C74.5641 33.4164 68.5709 27.4232 61.1778 27.4232C53.7848 27.4232 47.7916 33.4164 47.7916 40.8095C47.7916 48.2025 53.7848 54.1957 61.1778 54.1957Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M61.1778 51.2391C55.4291 51.2391 50.748 46.5581 50.748 40.8094C50.748 35.0607 55.4291 30.3796 61.1778 30.3796C66.9265 30.3796 71.6076 35.0607 71.6076 40.8094C71.6076 46.5581 66.9265 51.2391 61.1778 51.2391Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M61.1778 48.2827C57.0716 48.2827 53.7045 44.9156 53.7045 40.8094C53.7045 36.7032 57.0716 33.3361 61.1778 33.3361C65.284 33.3361 68.6511 36.7032 68.6511 40.8094C68.6511 44.9156 65.284 48.2827 61.1778 48.2827Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M61.1778 45.3262C58.673 45.3262 56.661 43.3142 56.661 40.8094C56.661 38.3046 58.673 36.2925 61.1778 36.2925C63.6826 36.2925 65.6947 38.3046 65.6947 40.8094C65.6947 43.3142 63.6415 45.3262 61.1778 45.3262Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M42.6998 23.6044C38.0598 23.6044 34.2821 19.8267 34.2821 15.1867C34.2821 10.5467 38.0598 6.76895 42.6998 6.76895C47.3399 6.76895 51.1176 10.5467 51.1176 15.1867C51.1176 19.8267 47.3399 23.6044 42.6998 23.6044Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M42.6998 20.6069C39.7023 20.6069 37.2796 18.1843 37.2796 15.1867C37.2796 12.1892 39.7023 9.76651 42.6998 9.76651C45.6974 9.76651 48.12 12.1892 48.12 15.1867C48.12 18.1843 45.6974 20.6069 42.6998 20.6069Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M42.6998 17.4862C41.4269 17.4862 40.4414 16.4596 40.4414 15.2277C40.4414 13.9959 41.468 12.9693 42.6998 12.9693C43.9728 12.9693 44.9582 13.9959 44.9582 15.2277C44.9582 16.4596 43.9317 17.4862 42.6998 17.4862Z",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M82.448 80.6397H4.47098C3.36231 80.6397 2.5 79.7364 2.5 78.6688V42.6983C2.5 41.5896 3.40337 40.7273 4.47098 40.7273H82.448C83.5567 40.7273 84.419 41.6307 84.419 42.6983V78.6688C84.419 79.7774 83.5567 80.6397 82.448 80.6397Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M80.2717 40.7274L72.6752 19.7857C72.3057 18.7591 71.1559 18.2253 70.1294 18.5949L9.39844 40.7274H80.2717Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M68.4869 19.2108L57.1537 5.70132C56.4557 4.88008 55.2238 4.75689 54.3615 5.45495L14.6133 38.7974L68.4869 19.2108Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10})),la=d(W)`
+  justify-content: space-between;
+`,ca=d.div`
+  display: flex;
+  flex: 0 1 auto;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: ${o.sp2};
+`,ft=d(P)`
+  color: ${e=>e.theme.colors.champion};
+`,ma=d(je)`
+  color: ${e=>e.theme.mode==="light"?j.brandColorOnyx:j.brandColorPearl};
+  display: flex;
+`,pa=d(ft)`
+  color: ${e=>e.theme.colors.grey1};
+  margin: ${o.sp1} ${o.sp0} ${o.sp0} ${o.sp0};
+`,kt=d.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,ha=d(N)`
+  color: ${e=>e.isRed?e.theme.colors.important:e.theme.colors.success};
+  margin: ${o.sp0} ${o.sp1};
+`,yt=d(N)`
+  color: ${e=>e.theme.colors.hero};
+`,ga=d(Fr)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: inherit;
+`,ua=d(Hr)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: inherit;
+`,xa=d.div`
+  display: flex;
+  color: ${e=>e.isRed?e.theme.colors.important:e.theme.colors.success};
+`;function Ca({cardType:e,style:i}){switch(e){case"cash_balance":return t.jsx(sa,{style:i});case"card_balance":return t.jsx(da,{style:i});default:throw Error("Invalid cardType")}}const{balanceCard:bt,dateFormat:fa,common:ke,reportTitleById:Ie}=u.getLocalizedStrings(),ka=(e,i)=>e==="card_balance"&&i>0||e==="cash_balance"&&i<0;function ya({cardType:e,changePercent:i,changeComparedToDate:r}){const a=ka(e,i);return t.jsxs(kt,{children:[t.jsx(xa,{isRed:a,children:i<0?t.jsx(ga,{}):t.jsx(ua,{})}),t.jsxs(ha,{isRed:a,children:[yr(i).format("0"),ke.strings.percentage]}),t.jsxs(yt,{children:[ke.strings.space,bt.comparedTo,ke.strings.space,r?.format(fa.visual.MMMDCommaYYYYformat)]})]})}function ba({dimension:e,cardType:i,cardIndex:r,balanceAmount:a,lastUpdatedTime:s,changePercent:l,changeComparedToDate:c,onCardClick:m}){const p=ee();return t.jsx(_,{"data-testid":w("dashboard",i),dimension:e,onClick:()=>m(r,i),children:t.jsxs(la,{children:[t.jsx(ca,{children:t.jsx(ft,{children:i==="cash_balance"?Ie.cash_balance:Ie.card_balance})}),t.jsx(ma,{cardType:i,themeContext:p,children:A("0,0",a)}),t.jsx(pa,{children:s?.utc(!0).fromNow()}),t.jsx(Ca,{cardType:i,style:{marginBottom:"52px"}}),c!=null&&l!=null?t.jsx(ya,{cardType:i,changePercent:l??0,changeComparedToDate:c}):t.jsx(kt,{children:t.jsx(yt,{children:bt.noBalanceText})})]})})}function vt({card:e,actions:i,data:r,dndProps:a}){function s(){return t.jsx(B,{isDragging:a?.draggedCardType!=null,isDragOver:a?.dragOverCard===e.cardType,draggable:!0,onDragStart:l=>a?.onDragStart(e.cardType,l),onDragOver:l=>a?.onDragOver(l,e.cardType),onDragLeave:l=>a?.onDragLeave(l),onDrop:l=>a?.onDrop(l,e.cardType),dimension:e.dimension,children:t.jsx(F,{card:e,actions:i,children:t.jsx(ba,{dimension:e.dimension,cardType:e.cardType,cardIndex:e.cardIndex,balanceAmount:r?.balanceAmount,lastUpdatedTime:r?.lastUpdatedTime,changePercent:r?.changePercent,changeComparedToDate:r?.changeComparedToDate,onCardClick:i.onCardClick})})},e.cardIndex)}return t.jsx("div",{children:s()})}$.memo(vt);const va=d(W)`
+  height: auto;
+  width: 100%;
+  gap: ${o.sp3};
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  margin-right: ${e=>e.windowSize!=="small"?o.sp5:o.sp3};
+  margin-left: ${e=>e.windowSize!=="small"?o.sp5:o.sp3};
+`,wa=d.div`
+  display: flex;
+  flex: 0 1 auto;
+  flex-direction: column;
+  align-items: center;
+  gap: ${o.sp3};
+`,Ae=d.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex-direction: row;
+  width: 100%;
+  justify-content: center;
+`,ja=d.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex-direction: column;
+  width: 100%;
+`,$a=d(G)`
+  color: ${e=>e.theme.colors.hero};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  padding: 14px ${o.sp3};
+  border-radius: 12px;
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+    span {
+      color: ${e=>e.theme.colors.primary};
+    }
+    svg {
+      color: ${e=>e.theme.colors.primary};
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+`,pe=d(G)`
+  color: ${e=>e.theme.colors.hero};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  padding: 14px ${o.sp3};
+  border-radius: 12px;
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+    span {
+      color: ${e=>e.theme.colors.primary};
+    }
+    svg {
+      color: ${e=>e.theme.colors.primary};
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`,Da=d(N)`
+  color: ${e=>e.theme.colors.champion};
+`,re=d(Ye)`
+  color: ${e=>e.textColor.toString()};
+  justify-content: center;
+  align-items: center;
+  text-transform: uppercase;
+`,wt=({card:e,data:i,actions:r,analytics:a,dndProps:s})=>{const l=i.billPayAmountByKey["bills-pending_approval-awaiting_my_approval"],c=i.billPayAmountByKey["bills-pending_approval-awaiting_approval"],m=i.billPayAmountByKey["bills-draft-all"],p=i.billPayAmountByKey["bills-scheduled-all"],h=i.billPayAmountByKey["bills-paid-all"],g=Z(),x=u.getLocalizedStrings().billPayCountCard.awaitingMyApproval,v=u.getLocalizedStrings().billPayCountCard.draft,f=u.getLocalizedStrings().billPayCountCard.awaitingAllApproval,k=u.getLocalizedStrings().billPayCountCard.scheduled,M=u.getLocalizedStrings().billPayCountCard.paid;return t.jsx(B,{isDragging:s?.draggedCardType!=null,isDragOver:s?.dragOverCard===e.cardType,draggable:!0,onDragStart:y=>s?.onDragStart(e.cardType,y),onDragOver:y=>s?.onDragOver(y,e.cardType),onDragLeave:y=>s?.onDragLeave(y),onDrop:y=>s?.onDrop(y,e.cardType),dimension:e.dimension,children:t.jsx(F,{card:e,actions:{onCardClick:()=>{},onReloadData:r.onReloadData},children:t.jsx(_,{dimension:e.dimension,style:{cursor:"default"},children:t.jsxs(va,{windowSize:g,children:[t.jsx(wa,{children:t.jsx(Da,{children:u.getLocalizedStrings().billPayCountCard.title})}),t.jsx(ja,{children:t.jsxs($a,{onClick:()=>{a?.trackBillPayCard(x,l),r.onCategoryClick?.("bill-pay","pending_approval","awaiting_my_approval")},"data-testid":w("category-text",e.cardType),children:[t.jsx(re,{windowSize:g,textColor:ae("awaiting_my_approval"),children:A(z(l?.amount??0),l)}),x]})}),t.jsxs(Ae,{children:[t.jsxs(pe,{onClick:()=>{a?.trackBillPayCard(v,m),r.onCategoryClick?.("bill-pay","draft","all")},"data-testid":w("category-text-secondary-draft",e.cardType),children:[t.jsx(re,{windowSize:g,textColor:ae("draft"),children:A(z(m?.amount??0),m)}),v]}),t.jsxs(pe,{onClick:()=>{a?.trackBillPayCard(f,c),r.onCategoryClick?.("bill-pay","pending_approval","awaiting_approval")},"data-testid":w("category-text-secondary-approval",e.cardType),children:[t.jsx(re,{windowSize:g,textColor:ae("awaiting_approval"),children:A(z(c?.amount??0),c)}),f]})]}),t.jsxs(Ae,{children:[t.jsxs(pe,{onClick:()=>{a?.trackBillPayCard(k,p),r.onCategoryClick?.("bill-pay","scheduled","all")},"data-testid":w("category-text-secondary-scheduled",e.cardType),children:[t.jsx(re,{windowSize:g,textColor:ae("scheduled"),children:A(z(p?.amount??0),p)}),k]}),t.jsxs(pe,{onClick:()=>{a?.trackBillPayCard(M,h),r.onCategoryClick?.("bill-pay","paid","all")},"data-testid":w("category-text-secondary-all-paid",e.cardType),children:[t.jsx(re,{windowSize:g,textColor:ae("paid"),children:A(z(h?.amount??0),h)}),M]})]})]})})})},e.cardIndex)},ae=e=>{switch(e){case"awaiting_my_approval":return new T(S.graphColor10);case"awaiting_approval":return new T(S.graphColor36);case"draft":return new T(S.graphColor04);case"scheduled":return new T(S.graphColor02);case"paid":return new T(S.graphColor22);default:return new T(S.primary)}};$.memo(wt);const Ma=({stopAnimation:e=!1,animationName:i,width:r,height:a,style:s})=>{const[l]=it(i);return l!=null?t.jsx(ot,{style:{width:r??37,height:a??37,...s},animationData:l,loop:!e,play:!e,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null},Ea=d.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  max-height: 225px;
+`,La=d($e)`
+  text-align: center;
+  color: ${e=>e.theme.mode==="light"?j.brandColorSapphire:j.brandColorJade};
+`,Ta=d.div`
+  display: block;
+  margin: 18px ${o.sp0} ${o.sp3} ${o.sp0};
+  max-width: 300px;
+`;function Sa({billPayPromoCardContent:e}){const i=ee(),{prefix:r,IconNameDark:a,IconNameLight:s}=e;return t.jsxs(Ea,{children:[t.jsx(Ma,{animationName:i.mode==="light"?s:a,width:128,height:88,style:{margin:0}}),t.jsx(Ta,{children:t.jsx(La,{themeContext:i,children:r})})]})}const Ba=d(_)`
+  flex-wrap: wrap;
+  & .styledNav {
+    visibility: hidden;
+    margin-left: -11px;
+    margin-right: -11px;
+    background-color: ${e=>e.theme.colors.grey5};
+  }
+  @media (hover: hover) {
+    &:hover {
+      & .styledNav {
+        visibility: visible;
+      }
+    }
+  }
+`,Pa=d(W)`
+  flex-direction: row;
+  justify-content: space-between;
+  margin: ${o.sp2};
+  border: 1px solid ${e=>e.theme.colors.billPayPromoBorderColor};
+  background-color: ${e=>e.theme.colors.billPayPromoBackGroundColor};
+  border-radius: ${o.sp2};
+`,ye=d.div`
+  display: flex;
+  flex-direction: column;
+`,Ia=d.div`
+  border: 1px solid ${e=>e.theme.colors.graphColor33Dark};
+  border-radius: ${o.sp2};
+  background: ${e=>e.theme.colors.graphColor33Dark};
+  cursor: pointer;
+  display: flex;
+  width: 137px;
+  height: 37px;
+  justify-content: space-around;
+  align-items: center;
+  &:hover {
+    background: ${e=>e.theme.colors.brandColorGoldDark};
+    border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
+  }
+`,Aa=d(P)`
+  color: ${j.primaryWhite};
+`,_a=d.div`
+  margin-top: ${o.sp4};
+  margin-bottom: ${o.sp3};
+`,Wa=d(P)`
+  color: ${e=>e.theme.colors.champion};
+  text-align: center;
+`;function za({card:e,data:i,handleCardNavigation:r,activeCardIndex:a,handleLearnMoreClick:s,isBillPayEnabled:l}){const[c,m]=$.useState(0),[p,h]=$.useState(0),[g,x]=$.useState("left"),v=(b,C)=>{b.stopPropagation(),x(C);const D=C=="left"?a+1:a-1;r(y(D),C)},f=b=>{r(y(b),"left")};function k(b){m(b.targetTouches[0].clientX)}function M(b){h(b.targetTouches[0].clientX)}function y(b){return b<0?i.length+b:b%i.length}function E(){c-p>50&&p!==0?(r(y(a+1),"left"),x("left"),m(0),h(0)):c-p<-50&&p!==0&&(r(y(a-1),"right"),x("right"),m(0),h(0))}return t.jsx(Ba,{"data-testid":w("dashboard",e.cardType),style:{cursor:"default"},dimension:e.dimension,onTouchStart:b=>k(b),onTouchMove:b=>M(b),onTouchEnd:()=>E(),children:t.jsxs(Pa,{children:[t.jsx(ye,{children:t.jsx(ge,{"data-testid":w("dashboard-navigation-arrow-left",e.cardType),isSpendManagementPromoCard:!0,navType:"left",handleClick:v})}),t.jsxs(ye,{style:{height:"100%",position:"relative",alignItems:"center"},children:[t.jsx(_a,{children:t.jsx(Wa,{children:u.getLocalizedStrings().billPayPromoCard.title})}),i.map((b,C)=>t.jsx(Je,{activeCardIndex:a,currentIndex:C,which:g,children:t.jsx(Sa,{billPayPromoCardContent:b})},C)),t.jsx(Ia,{onClick:s,children:t.jsx(Aa,{children:l?u.getLocalizedStrings().billPayPromoCard.btn:u.getLocalizedStrings().billPayPromoCard.signUp})}),t.jsx(st,{spendManagementPromoCardActive:!0,numberOfDots:i.length,activeIndex:a,handleClick:f,style:{cursor:"default",position:"absolute",bottom:`${o.sp3}`}})]}),t.jsx(ye,{children:t.jsx(ge,{"data-testid":w("dashboard-navigation-arrow-right",e.cardType),isSpendManagementPromoCard:!0,navType:"right",handleClick:v})})]})})}const H=u.getLocalizedStrings().billPayPromoCard,Oa=[{key:"fastestWay",title:H.title,prefix:H.fastestWay.prefix,IconNameLight:"FastestWayLight",IconNameDark:"FastestWayDark"},{key:"financeTeam",title:H.title,prefix:H.financeTeam.prefix,IconNameLight:"FinanceTeamLight",IconNameDark:"FinanceTeamDark"},{key:"multiLevelApproval",title:H.title,prefix:H.multiLevelApproval.prefix,IconNameLight:"MultiLevelApprovalLight",IconNameDark:"MultiLevelApprovalDark"},{key:"aipoweredInvoice",title:H.title,prefix:H.aipoweredInvoice.prefix,IconNameLight:"AIPoweredInvoiceLight",IconNameDark:"AIPoweredInvoiceDark"}];function jt({card:e,analytics:i,actions:r,isBillPayEnabled:a,dndProps:s}){const[l,c]=n.useState(0),m=h=>{c(h),i?.trackPageLoaded(ce.Event.billPayPromoPage)},p=()=>{i?.trackPageLoaded(ce.Event.billPayPromoPage,"Bill Pay Promo"),r.onCardBtnClick?.("bill_pay_promo_card")};return t.jsx(B,{isDragging:s?.draggedCardType!=null,isDragOver:s?.dragOverCard===e.cardType,draggable:!0,onDragStart:h=>s?.onDragStart(e.cardType,h),onDragOver:h=>s?.onDragOver(h,e.cardType),onDragLeave:h=>s?.onDragLeave(h),onDrop:h=>s?.onDrop(h,e.cardType),dimension:e.dimension,children:t.jsx(F,{card:e,actions:{onCardClick:()=>{},onReloadData:()=>{}},children:t.jsx(za,{card:e,data:Oa,handleCardNavigation:m,activeCardIndex:l,handleLearnMoreClick:p,isBillPayEnabled:a})})},e.cardIndex)}$.memo(jt);const Ra=d.div`
+  display: flex;
+  width: 100%;
+  background: ${e=>`linear-gradient(247.21deg, ${e.theme.colors.rewardsPromoColor1}
+     -2.39%, ${e.theme.colors.rewardsPromoColor2} 105.08%)`};
+  box-shadow: ${e=>`${o.sp0} ${o.sp2} ${o.sp3} ${o.sp0} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  cursor: pointer;
+  &:hover {
+    box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowHover}`};
+  }
+`,Na=d.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-content: flex-start;
+  text-align: start;
+  width: 45%;
+  margin: ${o.sp4} ${o.sp3} ${o.sp4} ${o.sp4};
+`,Fa=d.div`
+  position: relative;
+  width: 40%;
+  margin-right: ${o.sp2};
+`,Ha=d(Vr)`
+  width: 90%;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+`,Za=d(G)`
+  color: ${j.graphColor17};
+`,Va=d(wr)`
+  color: ${e=>e.theme.colors.brandColorGold};
+  margin: 0 0 ${o.sp3} 0;
+`,Ua=d(jr)`
+  color: ${j.primaryLight};
+  text-align: center;
+  background-color: ${e=>e.theme.colors.brandColorJade};
+  border: 1px solid ${e=>e.theme.colors.brandColorJade};
+  border-radius: ${o.sp1};
+  padding: ${o.sp1} ${o.sp2};
+  width: fit-content;
+`;function Ka({planAmount:e}){const{rewardsPage:{rewardsCard:i,referAndEarn:r}}=u.getLocalizedStrings();return t.jsxs(Ra,{children:[t.jsxs(Na,{children:[t.jsx(Za,{children:i.bonus}),t.jsx(Va,{children:A("0,0",e)}),t.jsx(Ua,{children:r})]}),t.jsx(Fa,{children:t.jsx(Ha,{})})]})}const le={containerMargin:new R(L[4],L[5]),cardDetailMarginBottom:new R(28,L[5]),cardDetailMarginLeft:new R(0,L[3])},Ga={title:new qe("standardRegular","largeRegular")},Ya=d.div`
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: center;
+  align-items: center;
+  width: ${e=>e.dimension.widthCss};
+  height: ${e=>e.dimension.heightCss};
+  background-color: ${e=>e.theme.colors.grey3};
+  background-image: ${e=>`url(https://storage.googleapis.com/zeni-apis.appspot.com/images/rewards-background-${e.theme.mode==="light"?"l":"d"}.svg)`};
+  background-position: 0 100%;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border: 3px solid ${e=>`${e.theme.colors.grey5}`};
+  border-radius: ${o.sp2};
+  margin-top: ${e=>e.dimension.marginTopCss};
+  margin-right: ${e=>e.dimension.marginRightCss};
+  margin-bottom: ${e=>e.dimension.marginBottomCss};
+  margin-left: ${e=>e.dimension.marginLeftCss};
+  cursor: pointer;
+  &:hover {
+    box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowHover}`};
+    button {
+      background-color: ${j.neutralGrey5Light};
+      border: 1px solid ${j.neutralGrey5Light};
+    }
+  }
+`,Ja=d(W)`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-content: center;
+  margin-left: ${e=>le.containerMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>le.containerMargin.valuePx(e.windowSize)};
+  margin-top: ${o.sp5};
+  margin-bottom: ${o.sp7};
+`,qa=d(P)`
+  color: ${e=>e.theme.colors.champion};
+  text-align: center;
+  margin-bottom: ${o.sp3};
+`,Xa=d(kr)`
+  ${e=>`${Ga.title.style(e.windowSize)}`};
+  color: ${e=>e.theme.mode==="light"?e.theme.colors.brandColorSapphire:e.theme.colors.brandColorJade};
+  text-align: center;
+  margin-bottom: ${e=>le.cardDetailMarginBottom.valuePx(e.windowSize)};
+  margin-left: ${e=>le.cardDetailMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>le.cardDetailMarginLeft.valuePx(e.windowSize)};
+  width: 281px;
+`,Qa=d.div`
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  min-width: 235px;
+  max-width: 260px;
+`;function ei({planAmount:e,dimension:i,windowSize:r,cardType:a,cardIndex:s,onCardClick:l}){const{rewardsCard:c,referAndEarn:m}=u.getLocalizedStrings().rewardsPage;return t.jsx(Ya,{dimension:i,onClick:()=>l(s,a),"data-testid":w("dashboard",a),children:t.jsxs(Ja,{windowSize:r,children:[t.jsx(qa,{children:m}),t.jsx(Xa,{windowSize:r,children:c.rewardsSummaryShort.replace("__reward-amount__",A("0,0",e))}),t.jsx(Qa,{children:t.jsx(Ka,{planAmount:e})})]})})}function ti({card:e,actions:i,data:r,dndProps:a}){const s=Z();return t.jsx(B,{isDragging:a?.draggedCardType!=null,isDragOver:a?.dragOverCard===e.cardType,draggable:!0,onDragStart:l=>a?.onDragStart(e.cardType,l),onDragOver:l=>a?.onDragOver(l,e.cardType),onDragLeave:l=>a?.onDragLeave(l),onDrop:l=>a?.onDrop(l,e.cardType),dimension:e.dimension,children:t.jsx(F,{card:e,actions:i,children:t.jsx(ei,{planAmount:r.rewardsPlan.referrerAmount,dimension:e.dimension,windowSize:s,cardType:e.cardType,cardIndex:e.cardIndex,onCardClick:i.onCardClick})})},e.cardIndex)}const{common:X,expenseAutomation:ri}=u.getLocalizedStrings();function ai({card:e,actions:i,data:r,dndProps:a}){return r?.monthEndCloseChecks?.monthEndCloseCheckList==null||r.selectedPeriod==null?null:t.jsx(B,{isDragging:a?.draggedCardType!=null,isDragOver:a?.dragOverCard===e.cardType,draggable:!0,onDragStart:s=>a?.onDragStart(e.cardType,s),onDragOver:s=>a?.onDragOver(s,e.cardType),onDragLeave:s=>a?.onDragLeave(s),onDrop:s=>a?.onDrop(s,e.cardType),dimension:e.dimension,children:t.jsx(F,{card:e,actions:i,children:t.jsx(_,{dimension:e.dimension,style:{cursor:"pointer"},onClick:()=>i.onCardClick(e.cardIndex,e.cardType),"data-testid":w("dashboard",e.cardType),children:t.jsxs(di,{children:[t.jsxs(ii,{children:[t.jsxs(oi,{children:[X.monthsByIndex[r.selectedPeriod.month],X.strings.space,X.texts.close]}),t.jsxs(ni,{children:[Math.floor(r.monthEndCloseChecks.auditSummary.auditScorePercentage),X.strings.percentage," ",X.texts.complete]})]}),t.jsx(si,{children:r.monthEndCloseChecks.monthEndCloseCheckList.filter(s=>s.id!=="month_end_insights").map(s=>t.jsxs(li,{children:[t.jsx(ci,{completion:s.progress,children:t.jsx(mi,{children:ri.dashboardCard[s.id]})}),t.jsxs(pi,{children:[Math.floor(s.progress),X.strings.percentage]})]},s.id))})]})})})},e.cardIndex)}const ii=d.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp2};
+  text-align: center;
+  width: 100%;
+`,oi=d(P)`
+  color: ${e=>e.theme.colors.champion};
+`,ni=d(je)`
+  color: ${e=>e.theme.mode==="light"?j.brandColorOnyx:j.brandColorPearl};
+`,di=d.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  justify-content: space-between;
+  margin: ${o.sp5} ${o.sp5};
+`,si=d.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp1};
+`,li=d.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  column-gap: ${o.sp2};
+`,ci=d.div`
+  background: linear-gradient(
+    to right,
+    rgba(144, 238, 125, 0.24) ${e=>e.completion}%,
+    transparent 0%
+  );
+  display: flex;
+  align-items: center;
+  flex: 1;
+  padding: ${o.sp2};
+`,mi=d(P)`
+  color: ${e=>e.theme.colors.champion};
+`,pi=d(G)`
+  width: 42px;
+  padding: 1px ${o.sp0};
+  color: ${e=>e.theme.colors.primary};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  border-radius: ${o.sp1};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,hi=(e,i,r)=>{let a=[];r!=null&&r.balances.length>0&&(a=Kr("net_burn_or_income","actual",r));const s=lt("net_burn_or_income","actual"),l={};return l[s]=a,a.length>0?Gr(e,i,s,l):void 0},gi=e=>n.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M45.0043 83.4557C66.2557 83.4557 83.4833 66.2281 83.4833 44.9768C83.4833 23.7254 66.2557 6.4978 45.0043 6.4978C23.753 6.4978 6.52539 23.7254 6.52539 44.9768C6.52539 66.2281 23.753 83.4557 45.0043 83.4557Z",fill:"#363F3D",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M53.1708 82.7636L51.925 76.9963",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M45.7888 83.6403L45.6504 77.7346",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M38.3145 83.0404L39.3756 77.2271",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M31.1631 81.0566L33.2854 75.52",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M24.4731 77.6885L27.6105 72.7056",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M18.5674 73.167L22.5814 68.8762",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M72.7793 18.1245L68.5808 22.2308",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M77.4392 23.9841L72.5024 27.1676",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M80.8534 30.5818L75.4092 32.7964",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M82.9757 37.7332L77.2085 38.8405",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M83.6678 45.1614H77.7622",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M82.8834 52.5895L77.1162 51.436",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M80.715 59.741L75.2708 57.4802",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M77.2546 66.3385L72.3179 63.0627",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M72.5486 72.1058L68.3501 67.9995",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M66.8275 76.9043L63.5056 72.0598",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M60.2759 80.5029L57.969 75.0586",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M75.0518 57.4482C81.9268 40.851 74.0453 21.8231 57.4481 14.9482C40.851 8.07328 21.8231 15.9547 14.9481 32.5519C8.07323 49.1491 15.9547 68.177 32.5519 75.0519C49.149 81.9268 68.1769 74.0454 75.0518 57.4482Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M45.0044 16.9709C29.456 16.9709 16.7681 29.6127 16.7681 45.2073",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0043 20.0161C35.7306 20.0161 27.5643 25.0913 23.2273 32.6117",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0044 23.0613C40.4828 23.0613 36.2382 24.4454 32.7317 26.7984",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0044 31.9659V27.7673",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0044 62.1861V58.1721",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M35.6846 49.3136C35.6846 51.2975 36.1459 53.3275 37.3455 54.9424C38.6374 56.6956 40.6213 57.6184 42.7437 57.9875C44.6814 58.3104 46.7576 58.172 48.6954 57.7568C52.7094 56.834 55.57 52.7278 53.8167 48.6676C52.7556 46.2223 50.218 45.1612 47.7265 44.9305C45.9272 44.7459 44.0817 44.7459 42.2823 44.4691C40.7597 44.2384 39.2372 43.7309 38.1299 42.6236C36.9764 41.4701 36.4228 39.8553 36.4689 38.2405C36.5612 35.8413 37.9453 33.8113 40.0677 32.7501C42.3284 31.6428 45.0505 31.5966 47.4497 32.0119C49.0184 32.2887 50.5871 32.9346 51.6944 34.1342C53.0785 35.6106 53.5399 37.5946 53.6322 39.5785",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),ui=e=>n.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M45.0043 83.4557C66.2557 83.4557 83.4833 66.2281 83.4833 44.9768C83.4833 23.7254 66.2557 6.4978 45.0043 6.4978C23.753 6.4978 6.52539 23.7254 6.52539 44.9768C6.52539 66.2281 23.753 83.4557 45.0043 83.4557Z",fill:"#EAF3F1",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M53.1708 82.7636L51.925 76.9963",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M45.7888 83.6403L45.6504 77.7346",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M38.3145 83.0404L39.3756 77.2271",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M31.1631 81.0566L33.2854 75.52",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M24.4731 77.6885L27.6105 72.7056",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M18.5674 73.167L22.5814 68.8762",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M72.7793 18.1245L68.5808 22.2308",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M77.4392 23.9841L72.5024 27.1676",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M80.8534 30.5818L75.4092 32.7964",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M82.9757 37.7332L77.2085 38.8405",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M83.6678 45.1614H77.7622",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M82.8834 52.5895L77.1162 51.436",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M80.715 59.741L75.2708 57.4802",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M77.2546 66.3385L72.3179 63.0627",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M72.5486 72.1058L68.3501 67.9995",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M66.8275 76.9043L63.5056 72.0598",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M60.2759 80.5029L57.969 75.0586",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M75.0518 57.4482C81.9268 40.851 74.0453 21.8231 57.4481 14.9482C40.851 8.07328 21.8231 15.9547 14.9481 32.5519C8.07323 49.1491 15.9547 68.177 32.5519 75.0519C49.149 81.9268 68.1769 74.0454 75.0518 57.4482Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M45.0044 16.9709C29.456 16.9709 16.7681 29.6127 16.7681 45.2073",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0043 20.0161C35.7306 20.0161 27.5643 25.0913 23.2273 32.6117",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0044 23.0613C40.4828 23.0613 36.2382 24.4454 32.7317 26.7984",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0044 31.9659V27.7673",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0044 62.1861V58.1721",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M35.6846 49.3136C35.6846 51.2975 36.1459 53.3275 37.3455 54.9424C38.6374 56.6956 40.6213 57.6184 42.7437 57.9875C44.6814 58.3104 46.7576 58.172 48.6954 57.7568C52.7094 56.834 55.57 52.7278 53.8167 48.6676C52.7556 46.2223 50.218 45.1612 47.7265 44.9305C45.9272 44.7459 44.0817 44.7459 42.2823 44.4691C40.7597 44.2384 39.2372 43.7309 38.1299 42.6236C36.9764 41.4701 36.4228 39.8553 36.4689 38.2405C36.5612 35.8413 37.9453 33.8113 40.0677 32.7501C42.3284 31.6428 45.0505 31.5966 47.4497 32.0119C49.0184 32.2887 50.5871 32.9346 51.6944 34.1342C53.0785 35.6106 53.5399 37.5946 53.6322 39.5785",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),xi=e=>n.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M45.0043 83.4557C66.2557 83.4557 83.4833 66.2281 83.4833 44.9768C83.4833 23.7254 66.2557 6.4978 45.0043 6.4978C23.753 6.4978 6.52539 23.7254 6.52539 44.9768C6.52539 66.2281 23.753 83.4557 45.0043 83.4557Z",fill:"#363F3D",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M53.1708 82.7636L51.925 76.9963",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M45.7888 83.6403L45.6504 77.7346",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M38.3145 83.0404L39.3756 77.2271",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M31.1631 81.0566L33.2854 75.52",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M24.4731 77.6885L27.6105 72.7056",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M18.5674 73.167L22.5814 68.8762",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M72.7793 18.1245L68.5808 22.2308",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M77.4392 23.9841L72.5024 27.1676",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M80.8534 30.5818L75.4092 32.7964",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M82.9757 37.7332L77.2085 38.8405",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M83.6678 45.1614H77.7622",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M82.8834 52.5895L77.1162 51.436",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M80.715 59.741L75.2708 57.4802",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M77.2546 66.3385L72.3179 63.0627",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M72.5486 72.1058L68.3501 67.9995",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M66.8275 76.9043L63.5056 72.0598",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M60.2759 80.5029L57.969 75.0586",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M75.0518 57.4482C81.9268 40.851 74.0453 21.8231 57.4481 14.9482C40.851 8.07328 21.8231 15.9547 14.9481 32.5519C8.07323 49.1491 15.9547 68.177 32.5519 75.0519C49.149 81.9268 68.1769 74.0454 75.0518 57.4482Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M45.0044 16.9709C29.456 16.9709 16.7681 29.6127 16.7681 45.2073",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0043 20.0161C35.7306 20.0161 27.5643 25.0913 23.2273 32.6117",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0044 23.0613C40.4828 23.0613 36.2382 24.4454 32.7317 26.7984",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0044 31.9659V27.7673",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0044 62.1861V58.1721",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M35.6846 49.3136C35.6846 51.2975 36.1459 53.3275 37.3455 54.9424C38.6374 56.6956 40.6213 57.6184 42.7437 57.9875C44.6814 58.3104 46.7576 58.172 48.6954 57.7568C52.7094 56.834 55.57 52.7278 53.8167 48.6676C52.7556 46.2223 50.218 45.1612 47.7265 44.9305C45.9272 44.7459 44.0817 44.7459 42.2823 44.4691C40.7597 44.2384 39.2372 43.7309 38.1299 42.6236C36.9764 41.4701 36.4228 39.8553 36.4689 38.2405C36.5612 35.8413 37.9453 33.8113 40.0677 32.7501C42.3284 31.6428 45.0505 31.5966 47.4497 32.0119C49.0184 32.2887 50.5871 32.9346 51.6944 34.1342C53.0785 35.6106 53.5399 37.5946 53.6322 39.5785",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),Ci=e=>n.createElement("svg",{width:90,height:90,viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M45.0043 83.4557C66.2557 83.4557 83.4833 66.2281 83.4833 44.9768C83.4833 23.7254 66.2557 6.4978 45.0043 6.4978C23.753 6.4978 6.52539 23.7254 6.52539 44.9768C6.52539 66.2281 23.753 83.4557 45.0043 83.4557Z",fill:"#EAF3F1",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M53.1708 82.7636L51.925 76.9963",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M45.7888 83.6403L45.6504 77.7346",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M38.3145 83.0404L39.3756 77.2271",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M31.1631 81.0566L33.2854 75.52",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M24.4731 77.6885L27.6105 72.7056",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M18.5674 73.167L22.5814 68.8762",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M72.7793 18.1245L68.5808 22.2308",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M77.4392 23.9841L72.5024 27.1676",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M80.8534 30.5818L75.4092 32.7964",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M82.9757 37.7332L77.2085 38.8405",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M83.6678 45.1614H77.7622",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M82.8834 52.5895L77.1162 51.436",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M80.715 59.741L75.2708 57.4802",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M77.2546 66.3385L72.3179 63.0627",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M72.5486 72.1058L68.3501 67.9995",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M66.8275 76.9043L63.5056 72.0598",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M60.2759 80.5029L57.969 75.0586",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M75.0518 57.4482C81.9268 40.851 74.0453 21.8231 57.4481 14.9482C40.851 8.07328 21.8231 15.9547 14.9481 32.5519C8.07323 49.1491 15.9547 68.177 32.5519 75.0519C49.149 81.9268 68.1769 74.0454 75.0518 57.4482Z",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10}),n.createElement("path",{d:"M45.0044 16.9709C29.456 16.9709 16.7681 29.6127 16.7681 45.2073",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0043 20.0161C35.7306 20.0161 27.5643 25.0913 23.2273 32.6117",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0044 23.0613C40.4828 23.0613 36.2382 24.4454 32.7317 26.7984",stroke:"#EEBA7D",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0044 31.9659V27.7673",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M45.0044 62.1861V58.1721",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"}),n.createElement("path",{d:"M35.6846 49.3136C35.6846 51.2975 36.1459 53.3275 37.3455 54.9424C38.6374 56.6956 40.6213 57.6184 42.7437 57.9875C44.6814 58.3104 46.7576 58.172 48.6954 57.7568C52.7094 56.834 55.57 52.7278 53.8167 48.6676C52.7556 46.2223 50.218 45.1612 47.7265 44.9305C45.9272 44.7459 44.0817 44.7459 42.2823 44.4691C40.7597 44.2384 39.2372 43.7309 38.1299 42.6236C36.9764 41.4701 36.4228 39.8553 36.4689 38.2405C36.5612 35.8413 37.9453 33.8113 40.0677 32.7501C42.3284 31.6428 45.0505 31.5966 47.4497 32.0119C49.0184 32.2887 50.5871 32.9346 51.6944 34.1342C53.0785 35.6106 53.5399 37.5946 53.6322 39.5785",stroke:"#97C3B9",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),$t=[lt("net_burn_or_income","actual")];function fi({isBurn:e,x:i,y:r}){switch(ee().mode){case"light":return e?t.jsx(ui,{x:i,y:r}):t.jsx(Ci,{x:i,y:r});case"dark":default:return e?t.jsx(gi,{x:i,y:r}):t.jsx(xi,{x:i,y:r})}}const ki=({chartData:e,isNetBurn:i,width:r,height:a,isAccountingMethodUpdated:s})=>{const l=$t[0];return t.jsxs($r,{width:r,height:a,data:e.recordByTimeseries,margin:{top:L[3],right:0,left:0,bottom:L[3]},style:{cursor:"pointer"},children:[t.jsx(Dr,{type:"monotone",name:l,dataKey:c=>{const m=c.record;return(m[l]!=null&&m[l].amount!=null?m[l].amount:void 0)?.amount??0},stroke:i?j.important:j.success,fill:i?j.important:j.success,strokeWidth:2},l),t.jsx(Mr,{hide:!0,type:"number",domain:["dataMin","dataMax"],dataKey:c=>{const m=c.record;return(m[l]!=null&&m[l].amount!=null?m[l].amount:void 0)?.amount??0}}),t.jsx(Er,{hide:!0,dataKey:"timeframe",type:"category",axisLine:{stroke:j.heroDark,strokeWidth:.5}}),t.jsx(Lr,{ifOverflow:"visible",isFront:!0,fillOpacity:1,shape:c=>t.jsx(fi,{isBurn:i,x:c.x+c.width/2-L[11]/2,y:c.y+c.height/2-L[11]/2})})]},s===!0?Math.random():null)};function yi({report:e,width:i,height:r,isNetBurn:a}){const s=hi(e.firstMonthOfFY,$t,e.netBurnOrIncome),l=Ge(e.updateStatus.fetchState);let c=!1;return l==="In-Progress"&&e.updateStatus.fetchState==="Completed"&&(c=!0),s==null?null:t.jsx(ki,{chartData:s,isNetBurn:a,width:i,height:r,isAccountingMethodUpdated:c})}const K={width:new R(89,89),height:new R(L[6],L[6]),containerHeight:new R(656,720),labelWidth:new R(100,90)},bi=nt`
+  0% {
+    transform: translateY(100%)
+  }
+  100% {
+    transform: translateY(0)
+  }
+`,vi=d.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  animation: ${bi} 0.4s;
+  border-radius: ${o.sp2};
+  max-height: ${e=>K.containerHeight.valuePx(e.windowSize)};
+  width: ${e=>e.windowSize==="small"?"90%":"544px"};
+  margin: auto;
+  position: ${e=>e.windowSize==="medium-compact"?"sticky":"absolute"};
+  top: 0;
+  bottom: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+`,wi=d(Xe)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${o.sp7} 0 ${o.sp4} 0;
+  color: ${e=>e.theme.colors.primary};
+`,_e=d(Qe)`
+  max-width: 600px;
+  margin-bottom: 20px;
+  color: ${e=>e.theme.colors.hero};
+  white-space: pre-line;
+  text-align: ${e=>e.windowSize==="small"?"left":"center"};
+`,ji=d.div`
+  position: sticky;
+  bottom: ${o.sp0};
+  left: ${o.sp0};
+  right: ${o.sp0};
+`,$i=d(Qe)`
+  color: inherit;
+`,Di=d($e)`
+  color: ${e=>e.theme.colors.brandColorRuby};
+`,Mi=d(G)`
+  color: ${e=>e.theme.colors.grey1};
+`,Ei=nt`
+  0% {
+    opacity: 0
+  }
+  90% {
+    opacity: 0
+  }
+  100% {
+    opacity: 1
+  }
+`,Li=d.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 50;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: ${j.overlayDark};
+  margin-top: ${e=>e.windowSize==="small"||e.windowSize==="medium-compact"?o.sp8:0};
+`,Ti=d.div`
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+  padding: ${o.sp3} ${o.sp4};
+`,Si=d.div`
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  line-height: ${o.sp0};
+  &:hover {
+    fill: ${e=>e.theme.colors.primary};
+  }
+  animation: ${Ei} 0.4s;
+`,Bi=d.div`
+  height: 544px;
+  text-align: center;
+`,Pi=d.div`
+  margin: ${o.sp0} ${o.sp8} ${o.sp5} ${o.sp8};
+  height: 1px;
+  background-color: ${e=>e.theme.colors.grey3};
+`,We=d.div`
+  padding: ${e=>e.windowSize==="small"?`${o.sp0} ${o.sp5} ${o.sp5} ${o.sp3};`:`${o.sp0} ${o.sp8} ${o.sp5} ${o.sp8};`};
+`,ze="netBurnOrIncomeStoryCard",Dt="accountingMethod",Mt="timeSpanIdForAverage",Ii=e=>({[Dt]:e?.selectedAccountingMethod,[Mt]:e?.average?.timeSpanIdForAverage});function Et({card:e,actions:i,data:r}){const a=Z(),s=sr({mode:"all",reValidateMode:"onChange",defaultValues:n.useMemo(()=>Ii(r),[r])}),l=Ge(r?.updateStatus.fetchState),c=x=>`${x}_form`,m=s.handleSubmit(x=>{i.onSaveClick?.(e.cardType,x.accountingMethod,x.timeSpanIdForAverage)}),p=x=>{x?.stopPropagation(),i.onCloseClick?.(e.cardIndex,e.cardType)};n.useEffect(()=>{l==="In-Progress"&&r?.updateStatus.fetchState==="Completed"&&i.onCloseClick?.(e.cardIndex,e.cardType)},[l,r?.updateStatus.fetchState,i,e]);const h=u.getLocalizedStrings().chartCard.netBurnOrIncomeCalculator,g=u.getLocalizedStrings().common.footer;return t.jsxs(Li,{"data-testid":w("net-burn-or-income-summary-card-calculator-close-icon"),windowSize:a,role:"presentation",onClick:x=>p(x),children:[t.jsx(Ti,{children:t.jsx(Si,{children:t.jsx(lr,{style:{width:"18px",height:"18px"}})})}),t.jsx(vi,{windowSize:a,onClick:x=>x.stopPropagation(),children:t.jsxs(Bi,{windowSize:a,children:[t.jsx(wi,{windowSize:a,children:h.title}),t.jsx(cr,{...s,children:t.jsxs("form",{id:c(ze),onSubmit:m,children:[t.jsxs(We,{windowSize:a,children:[t.jsx(_e,{windowSize:a,children:u.getLocalizedStrings().chartCard.netBurnOrIncomeCalculator.accounting_method.label}),t.jsx(Ai,{allAccountingMethodsAvailable:r?.allAccountingMethodsAvailable})]}),t.jsx(Pi,{}),t.jsxs(We,{windowSize:a,children:[t.jsx(_e,{windowSize:a,children:u.getLocalizedStrings().chartCard.netBurnOrIncomeCalculator.time_span_id_for_average.label}),t.jsx(_i,{allTimeSpanIdAvailableWithLabel:r?.allTimeSpanIdAvailableWithLabel})]}),t.jsx(ji,{children:t.jsx(mr,{formId:c(ze),primaryBtn:{label:g.save,style:{width:K.width.value(a),height:K.height.value(a)},isLoading:r?.updateStatus.fetchState==="In-Progress",isDisabled:!1},cancelBtn:{label:g.cancel,style:{width:K.width.value(a),height:K.height.value(a)},onClick:p},style:{borderRadius:o.sp2,padding:o.sp3}})})]})})]})})]})}const Ai=({allAccountingMethodsAvailable:e})=>{const i=u.getLocalizedStrings().chartCard.netBurnOrIncomeCalculator.accounting_method,r=Z();return t.jsx(t.Fragment,{children:e?.map((a,s)=>t.jsx(et,{label:{label:i[a]},style:{width:K.labelWidth.valuePercentage(r),paddingLeft:o.sp2,margin:"auto",marginTop:s===0?o.sp0:o.sp4,marginLeft:o.sp0},radioField:{name:Dt,id:a,value:a,registerOptions:{required:!0},style:{width:o.sp3,height:o.sp3},radioSize:"small"}},a))})},_i=({allTimeSpanIdAvailableWithLabel:e})=>{const i=Z();return t.jsx(t.Fragment,{children:Object.keys(e??{}).map((r,a)=>{const s=e?.[r];return t.jsx(et,{label:{label:t.jsx(Wi,{timeSpanIdForAverage:r,subText:s})},labelStyle:{display:"flex",alignItems:"start",flexDirection:"column"},style:{width:K.labelWidth.valuePercentage(i),alignItems:"flex-start",paddingLeft:o.sp2,margin:"auto",marginTop:a===0?o.sp0:o.sp2,marginLeft:o.sp0},radioField:{name:Mt,id:r,value:r,registerOptions:{required:!0},style:{marginTop:o.sp1,width:o.sp3,height:o.sp3},radioSize:"small"}},r)})})},Wi=({timeSpanIdForAverage:e,subText:i})=>{const r=u.getLocalizedStrings().chartCard.netBurnOrIncomeCalculator.time_span_id_for_average,a=e==="last_month";return t.jsxs(t.Fragment,{children:[t.jsxs($i,{children:[r[e],a?t.jsx(Di,{children:` ${r.under_review_last_month_label}`}):null]}),i?t.jsx(Mi,{children:i}):null]})};$.memo(Et);const Lt=d(W)`
+  justify-content: space-between;
+`,Tt=d.div`
+  display: flex;
+  flex: 0 1 auto;
+  flex-direction: column;
+  align-items: center;
+`,St=d(P)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${o.sp2};
+`,Bt=d.div`
+  display: flex;
+  margin: ${o.sp4} ${o.sp0} ${o.sp2} ${o.sp0};
+`,zi=d(P)`
+  display: flex;
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Oi=d(N)`
+  color: ${e=>e.theme.colors.brandColorRuby};
+  white-space: pre;
+`,Ri=d(P)`
+  color: ${e=>e.theme.colors.grey1};
+  height: ${o.sp6};
+`,ue=d.div`
+  display: flex;
+  align-items: center;
+`,Oe=d(br)`
+  height: 27px; // Same as line height of ListItemText
+  width: 27px;
+  color: ${e=>e.theme.colors.hero};
+  margin-right: ${o.sp1};
+`,Re=d(vr)``,Ni=d(je)`
+  color: ${e=>e.theme.mode==="light"?j.brandColorOnyx:j.brandColorPearl};
+  display: flex;
+`,Fi=d(at)`
+  color: ${e=>e.theme.colors.hero};
+`,Hi=d(at)`
+  color: ${e=>e.theme.colors.hero};
+`,Pt=d.div`
+  display: flex;
+  width: ${e=>e.width}px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,xe=d.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: ${e=>e.minWidth}px;
+  padding: ${o.sp0} ${o.sp2} ${o.sp0} ${o.sp2};
+`,Ce=d(P)`
+  color: ${e=>e.theme.colors.hero};
+`,Ne=d(Xe)`
+  color: ${e=>e.theme.colors.hero};
+  margin: ${o.sp0};
+`,Zi=e=>e<0;function Vi({style:e}){switch(ee().mode){case"light":return t.jsx(Jr,{style:e});case"dark":default:return t.jsx(Yr,{style:e})}}function Ui({cardTitle:e,dimension:i,cardIndex:r,onCardClick:a}){const{card:s,chartCard:l}=u.getLocalizedStrings(),c=i.width*.8,m=Math.min(c*.8/2,120);return t.jsx(_,{dimension:i,onClick:()=>a(r,"net_burn_or_income"),"data-testid":w("dashboard","empty-net-burn-or-income-card"),children:t.jsxs(Lt,{children:[t.jsxs(Tt,{children:[t.jsx(St,{children:e}),t.jsx(Ri,{children:l.netBurnOrIncome.no_data_available})]}),t.jsx(Bt,{children:t.jsx(Vi,{style:{height:90,width:90}})}),t.jsxs(Pt,{width:c,children:[t.jsxs(xe,{minWidth:m,children:[t.jsx(Ce,{children:s.runway}),t.jsx(ue,{children:t.jsx(Ne,{children:"—"})})]}),t.jsxs(xe,{minWidth:m,children:[t.jsx(Ce,{children:s.cashZero}),t.jsx(ue,{children:t.jsx(Ne,{children:"—"})},"dashed_icon")]})]})]})})}function Ki({report:e,dimension:i,cardType:r,cardIndex:a,onCardClick:s}){const l=e.average?.balance,c=u.getLocalizedStrings().card,m=u.getLocalizedStrings().chartCard.netBurnOrIncome.net_income;if(e.average==null||l==null||l.amount==0)return t.jsx(Ui,{cardTitle:e.average?.cardTitle!=null?e.average.cardTitle:m,dimension:i,cardIndex:a,onCardClick:s});const p=e.runway?.runwayDisplayText?.compact,h=e.runway?.cashZeroDateDisplayText,g=e.average?.cardSubtitle,x=e.timeSpanIdForAverage==="last_month",v=Zi(l.amount),f=u.getLocalizedStrings().card,k=i.width*.8,M=Math.min(k*.8/2,120);return t.jsx(_,{dimension:i,onClick:()=>s(a,"net_burn_or_income"),children:t.jsxs(Lt,{children:[t.jsxs(Tt,{children:[t.jsx(St,{children:e.average.cardTitle}),t.jsx(Ni,{cardType:r,children:A("0,0",l)})]}),t.jsx(Bt,{children:t.jsx(yi,{report:e,timeframe:e.filter.timeframe,height:90,width:k,isNetBurn:v})}),t.jsxs(Pt,{width:k,children:[t.jsxs(xe,{minWidth:M,children:[t.jsx(Ce,{children:f.runway}),t.jsx(Fi,{children:p??t.jsxs(ue,{children:[t.jsx(Oe,{}),t.jsx(Re,{children:f.yrs})]})})]}),t.jsxs(xe,{minWidth:M,children:[t.jsx(Ce,{children:f.cashZero}),t.jsx(Hi,{children:h??t.jsxs(ue,{children:[t.jsx(Oe,{}),t.jsx(Re,{children:f.time})]},"infinity_icon")})]})]}),g?t.jsxs(zi,{children:[g,x?t.jsx(Oi,{children:` ${c.underReview}`}):null]}):null]})})}function It({card:e,actions:i,data:r,dndProps:a}){const[s,l]=$.useState(!1),c=()=>{l(!0),document.body.style.overflow="hidden"};i.onCloseClick=()=>{l(!1),document.body.style.overflow="auto"};function m(){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(Pr,{dimension:e.dimension,animated:!e.disableAnimations}):e.fetchState==="Error"?t.jsx(De,{dimension:e.dimension,cardType:e.cardType,cardIndex:e.cardIndex,onReloadData:i.onReloadData,reportTitle:u.getLocalizedStrings().chartCard.netBurnOrIncome.net_burn}):r?t.jsx(Ki,{report:r,dimension:e.dimension,cardType:e.cardType,cardIndex:e.cardIndex,onCardClick:c}):t.jsx("div",{})}return t.jsx(B,{isDragging:a?.draggedCardType!=null,isDragOver:a?.dragOverCard===e.cardType,draggable:!0,onDragStart:p=>a?.onDragStart(e.cardType,p),onDragOver:p=>a?.onDragOver(p,e.cardType),onDragLeave:p=>a?.onDragLeave(p),onDrop:p=>a?.onDrop(p,e.cardType),dimension:e.dimension,children:t.jsxs("div",{children:[m(),s?t.jsx(Et,{card:e,actions:i,data:r}):null]})},e.cardIndex)}$.memo(It);const Gi={infoLabel:new qe("standardRegular","largeRegular")},Yi=d(W)`
+  justify-content: flex-start;
+  height: auto;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey3};
+  border: 2px solid ${e=>e.theme.colors.grey5};
+  border-radius: ${o.sp2};
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+  margin: ${o.sp0};
+`,Ji=d.div`
+  padding: ${o.sp5} ${o.sp3};
+  padding-bottom: 18px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,qi=d.div`
+  position: relative;
+  height: 136px;
+  width: 299px;
+`,Xi=d.div`
+  display: flex;
+  flex: 0 1 auto;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 12px;
+`,Qi=d.div`
+  margin-bottom: 18px;
+`,ve=d(pr)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: ${o.sp3};
+`,eo=d(ve)`
+  ${e=>`${Gi.infoLabel.style(e.size)}`};
+`,to=d(hr)`
+  color: ${e=>e.theme.colors.primary};
+`,ro=d(gr)`
+  color: ${e=>e.theme.colors.primary};
+`,ao=d(P)`
+  color: ${e=>e.theme.colors.champion};
+`,io=d.div`
+  border: 1px solid ${e=>e.theme.colors.brandColorOnyx};
+  padding: ${o.sp1} 12px;
+  border-radius: ${o.sp1};
+  background: transparent;
+  cursor: pointer;
+  background-color: ${e=>e.theme.colors.brandColorOnyx};
+`,oo=d(ur)`
+  color: ${j.neutralGrey5Light};
+`,no=d.div`
+  position: absolute;
+  top: ${o.sp0};
+  right: ${o.sp0};
+`,so=d.div`
+  position: absolute;
+  left: ${o.sp0};
+  bottom: ${o.sp0};
+`,lo=d.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+`,co=d.div``,mo=d.div`
+  background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/promo-card-pattern.svg);
+  background-repeat: no-repeat;
+  position: absolute;
+  bottom: -${o.sp3};
+  right: 2%;
+  width: 100%;
+  height: 100%;
+  ${({windowSize:e})=>e==="extra-large"?Tr`
+        background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/line-pattern.svg);
+        right: 16%;
+      `:null}
+`,{spendManagement:{chargeCard:{chargeCardsPromo:{dashboard:V,businessText:Fe}}},common:po}=u.getLocalizedStrings(),ho=({card:e,actions:i,dndProps:r})=>{const a=Z(),{useFeatureGate:s,useDynamicConfig:l}=ir(),c=Ke(),{isFeatureEnabled:m}=s(or.isChargeCardFeatureEnabled),{configValue:p}=l(nr.zeniCardsConfig),h=p.charge_card_cashback_rate_per_transaction??0,g=dr(m,c),x=(h*100).toFixed(2),v=g?V.getCard:V.learnMore;return t.jsx(B,{isDragging:r?.draggedCardType!=null,isDragOver:r?.dragOverCard===e.cardType,draggable:!0,onDragStart:f=>r?.onDragStart(e.cardType,f),onDragOver:f=>r?.onDragOver(f,e.cardType),onDragLeave:f=>r?.onDragLeave(f),onDrop:f=>r?.onDrop(f,e.cardType),dimension:e.dimension,children:t.jsx(F,{card:e,actions:{onReloadData:()=>null,onCardClick:()=>null},children:t.jsx(_,{dimension:e.dimension,style:{cursor:"default"},children:t.jsxs(Yi,{"data-testid":w("dashboard",e.cardType),onClick:()=>i.onCardClick(e.cardIndex,e.cardType,void 0,v),children:[t.jsxs(Ji,{children:[t.jsx(Xi,{children:t.jsx(ao,{children:V.title})}),t.jsxs(Qi,{children:[t.jsx(ve,{children:V.get}),t.jsx(to,{children:V.subTitle1.replace("__cashback__",x)}),t.jsx(ro,{children:V.cashback}),t.jsx(ve,{children:po.strings.comma}),t.jsx(co,{children:t.jsx(eo,{size:a,children:V.subTitle2})})]}),t.jsx(io,{children:t.jsx(oo,{children:v})})]}),t.jsxs(lo,{children:[t.jsx(mo,{windowSize:a}),t.jsxs(qi,{children:[t.jsx(no,{windowSize:a,children:t.jsx(qr,{cardText:Fe,shouldAnimate:!1,showChip:!0,forDashboard:!0,forListPage:!1,cardPromoType:"credit"})}),t.jsx(so,{windowSize:a,children:t.jsx(Xr,{cardText:Fe,shouldAnimate:!1,showChip:!0,forDashboard:!0,forListPage:!1,cardPromoType:"credit"})})]})]})]})})})},e.cardIndex)},He={marginLeftRight:new R(L[3],L[5])},go=d(W)`
+  height: auto;
+  width: 100%;
+  gap: ${o.sp3};
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  margin-right: ${e=>He.marginLeftRight.valuePx(e.windowSize)};
+  margin-left: ${e=>He.marginLeftRight.valuePx(e.windowSize)};
+`,uo=d.div`
+  display: flex;
+  flex: 0 1 auto;
+  flex-direction: column;
+  align-items: center;
+  gap: ${o.sp3};
+`,Ze=d.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex-direction: row;
+  width: 100%;
+  justify-content: center;
+`,xo=d.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex-direction: column;
+  width: 100%;
+`,Co=d(G)`
+  color: ${e=>e.theme.colors.hero};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  padding: 14px ${o.sp3};
+  border-radius: 12px;
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+    span {
+      color: ${e=>e.theme.colors.primary};
+    }
+    svg {
+      color: ${e=>e.theme.colors.primary};
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+`,he=d(G)`
+  color: ${e=>e.theme.colors.hero};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  padding: 14px ${o.sp3};
+  border-radius: 12px;
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+    span {
+      color: ${e=>e.theme.colors.primary};
+    }
+    svg {
+      color: ${e=>e.theme.colors.primary};
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`,fo=d(N)`
+  color: ${e=>e.theme.colors.champion};
+`,ie=d(Ye)`
+  color: ${e=>e.textColor.toString()};
+  justify-content: center;
+  align-items: center;
+  text-transform: uppercase;
+`,At=({card:e,data:i,actions:r,analytics:a,dndProps:s})=>{const l=i.reimbursementAmountByKey["reimbursements-pending_approval-awaiting_my_approval"],c=i.reimbursementAmountByKey["reimbursements-pending_approval-awaiting_approval"],m=i.reimbursementAmountByKey["reimbursements-draft-all"],p=i.reimbursementAmountByKey["reimbursements-scheduled-all"],h=i.reimbursementAmountByKey["reimbursements-paid-all"],g=Z(),x=u.getLocalizedStrings().reimbursementCountCard.awaitingMyApproval,v=u.getLocalizedStrings().reimbursementCountCard.draft,f=u.getLocalizedStrings().reimbursementCountCard.awaitingAllApproval,k=u.getLocalizedStrings().reimbursementCountCard.scheduled,M=u.getLocalizedStrings().reimbursementCountCard.paid;return t.jsx(B,{isDragging:s?.draggedCardType!=null,isDragOver:s?.dragOverCard===e.cardType,draggable:!0,onDragStart:y=>s?.onDragStart(e.cardType,y),onDragOver:y=>s?.onDragOver(y,e.cardType),onDragLeave:y=>s?.onDragLeave(y),onDrop:y=>s?.onDrop(y,e.cardType),dimension:e.dimension,children:t.jsx(F,{card:e,actions:{onCardClick:()=>{},onReloadData:r.onReloadData},children:t.jsx(_,{dimension:e.dimension,style:{cursor:"default"},children:t.jsxs(go,{windowSize:g,children:[t.jsx(uo,{children:t.jsx(fo,{children:u.getLocalizedStrings().reimbursementCountCard.title})}),t.jsx(xo,{children:t.jsxs(Co,{onClick:()=>{a?.trackReimbursementCard(x,l),r.onCategoryClick?.("reimbursement","pending_approval","awaitingMyApproval")},"data-testid":w("dashboard-reimbursement-approval",e.cardType),children:[t.jsx(ie,{windowSize:g,textColor:oe("awaitingMyApproval"),children:A(z(l?.amount??0),l)}),x]})}),t.jsxs(Ze,{children:[t.jsxs(he,{onClick:()=>{a?.trackReimbursementCard(v,m),r.onCategoryClick?.("reimbursement","draft","all")},"data-testid":w("dashboard-reimbursement-all-draft",e.cardType),children:[t.jsx(ie,{windowSize:g,textColor:oe("draft"),children:A(z(m?.amount??0),m)}),v]}),t.jsxs(he,{onClick:()=>{a?.trackReimbursementCard(f,c),r.onCategoryClick?.("reimbursement","pending_approval","awaitingAllApproval")},"data-testid":w("dashboard-reimbursement-all-approval",e.cardType),children:[t.jsx(ie,{windowSize:g,textColor:oe("awaitingApproval"),children:A(z(c?.amount??0),c)}),f]})]}),t.jsxs(Ze,{children:[t.jsxs(he,{onClick:()=>{a?.trackReimbursementCard(k,p),r.onCategoryClick?.("reimbursement","scheduled","all")},"data-testid":w("dashboard-reimbursement-all-schedule",e.cardType),children:[t.jsx(ie,{windowSize:g,textColor:oe("scheduled"),children:A(z(p?.amount??0),p)}),k]}),t.jsxs(he,{onClick:()=>{a?.trackReimbursementCard(M,h),r.onCategoryClick?.("reimbursement","paid","all")},"data-testid":w("dashboard-reimbursement-all-paid",e.cardType),children:[t.jsx(ie,{windowSize:g,textColor:oe("paid"),children:A(z(h?.amount??0),h)}),M]})]})]})})})},e.cardIndex)},oe=e=>{switch(e){case"awaitingMyApproval":return new T(S.graphColor10);case"awaitingApproval":return new T(S.graphColor36);case"draft":return new T(S.graphColor04);case"scheduled":return new T(S.graphColor02);case"paid":return new T(S.graphColor22);default:return new T(S.primary)}};$.memo(At);const ko=({stopAnimation:e=!1,iconName:i,width:r,height:a,style:s})=>{const[l]=it(i);return l!=null?t.jsx(ot,{style:{width:r??37,height:a??37,...s},animationData:l,loop:!e,play:!e,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null},yo=d.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  max-height: 225px;
+`,bo=d($e)`
+  text-align: center;
+  color: ${e=>e.theme.mode==="light"?j.brandColorSapphire:j.brandColorJade};
+`,vo=d.div`
+  display: block;
+  margin: 18px ${o.sp0} ${o.sp3} ${o.sp0};
+  max-width: 265px;
+`;function wo({reimbursementPromoCardContent:e}){const i=ee(),{prefix:r,IconNameLight:a,IconNameDark:s}=e;return t.jsxs(yo,{children:[t.jsx(ko,{iconName:i.mode==="light"?a:s,width:128,height:88,style:{margin:0}}),t.jsx(vo,{children:t.jsx(bo,{themeContext:i,children:r})})]})}const jo=d(_)`
+  flex-wrap: wrap;
+  & .styledNav {
+    visibility: hidden;
+    margin-left: -11px;
+    margin-right: -11px;
+    background-color: ${e=>e.theme.colors.grey5};
+  }
+  @media (hover: hover) {
+    &:hover {
+      & .styledNav {
+        visibility: visible;
+      }
+    }
+  }
+`,$o=d.div`
+  border: 1px solid ${e=>e.theme.colors.graphColor33Dark};
+  border-radius: ${o.sp2};
+  background: ${e=>e.theme.colors.graphColor33Dark};
+  cursor: pointer;
+  display: flex;
+  width: 137px;
+  height: 37px;
+  justify-content: space-around;
+  align-items: center;
+  &:hover {
+    background: ${e=>e.theme.colors.brandColorGoldDark};
+    border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
+  }
+`,Do=d(P)`
+  color: ${j.primaryWhite};
+`,Mo=d(W)`
+  flex-direction: row;
+  justify-content: space-between;
+  margin: ${o.sp2};
+  border: 1px solid
+    ${e=>e.theme.colors.reimbursementPromoBorderColor};
+  background-color: ${e=>e.theme.colors.reimbursementPromoBackGroundColor};
+  border-radius: ${o.sp2};
+`,be=d.div`
+  display: flex;
+  flex-direction: column;
+`,Eo=d.div`
+  margin-top: ${o.sp4};
+  margin-bottom: ${o.sp3};
+`,Lo=d(P)`
+  color: ${e=>e.theme.colors.champion};
+  text-align: center;
+`;function To({card:e,data:i,handleCardNavigation:r,activeCardIndex:a,handleLearnMoreClick:s,isReimbursementEnabled:l}){const[c,m]=$.useState(0),[p,h]=$.useState(0),[g,x]=$.useState("left"),v=ee(),f=(C,D)=>{C.stopPropagation(),x(D);const te=D=="left"?a+1:a-1;r(E(te),D)},k=C=>{r(E(C),"left")};function M(C){m(C.targetTouches[0].clientX)}function y(C){h(C.targetTouches[0].clientX)}function E(C){return C<0?i.length+C:C%i.length}function b(){c-p>50&&p!==0?(r(E(a+1),"left"),x("left"),m(0),h(0)):c-p<-50&&p!==0&&(r(E(a-1),"right"),x("right"),m(0),h(0))}return t.jsx(jo,{"data-testid":w("dashboard-reimbursement-promo-cards",e.cardType),style:{cursor:"default"},dimension:e.dimension,onTouchStart:C=>M(C),onTouchMove:C=>y(C),onTouchEnd:()=>b(),children:t.jsxs(Mo,{children:[t.jsx(be,{children:t.jsx(ge,{"data-testid":w("dashboard-reimbursement-promo-cards-navigation-arrow-left",e.cardType),isSpendManagementPromoCard:!0,navType:"left",handleClick:f,promoBorderColor:v.colors.brandColorJade,promoColor:v.colors.reimbursementPromoColor})}),t.jsxs(be,{style:{height:"100%",position:"relative",alignItems:"center"},children:[t.jsx(Eo,{children:t.jsx(Lo,{children:u.getLocalizedStrings().reimbursementPromoCard.title})}),i.map((C,D)=>t.jsx(Je,{activeCardIndex:a,currentIndex:D,which:g,children:t.jsx(wo,{reimbursementPromoCardContent:C})},D)),t.jsx($o,{onClick:s,children:t.jsx(Do,{children:l?u.getLocalizedStrings().reimbursementPromoCard.btn:u.getLocalizedStrings().reimbursementPromoCard.signUp})}),t.jsx(st,{promoColor:v.colors.reimbursementPromoColor,promoColorHover:v.colors.reimbursementPromoColorHover,spendManagementPromoCardActive:!0,numberOfDots:i.length,activeIndex:a,handleClick:k,style:{cursor:"default",position:"absolute",bottom:`${o.sp3}`}})]}),t.jsx(be,{children:t.jsx(ge,{"data-testid":w("dashboard-reimbursement-promo-cards-navigation-arrow-right",e.cardType),isSpendManagementPromoCard:!0,navType:"right",handleClick:f,promoBorderColor:v.colors.brandColorJade,promoColor:v.colors.reimbursementPromoColor})})]})})}const Q=u.getLocalizedStrings().reimbursementPromoCard,So=[{key:"reimburse",title:Q.title,prefix:Q.reimburse.prefix,IconNameLight:"ReimburseLight",IconNameDark:"ReimburseDark"},{key:"multiLevel",title:Q.title,prefix:Q.multiLevel.prefix,IconNameLight:"MultiLevelApprovalLight",IconNameDark:"MultiLevelApprovalDark"},{key:"aiPowered",title:Q.title,prefix:Q.aiPowered.prefix,IconNameLight:"ReceiptLight",IconNameDark:"ReceiptDark"}];function _t({card:e,analytics:i,actions:r,isReimbursementEnabled:a,dndProps:s}){const[l,c]=n.useState(0),m=h=>{c(h),i?.trackPageLoaded(ce.Event.reimbursementPromoPage)},p=()=>{i?.trackPageLoaded(ce.Event.reimbursementPromoPage,"Reimbursement Promo"),r.onCardBtnClick?.("reimbursement_promo_card")};return t.jsx(B,{isDragging:s?.draggedCardType!=null,isDragOver:s?.dragOverCard===e.cardType,draggable:!0,onDragStart:h=>s?.onDragStart(e.cardType,h),onDragOver:h=>s?.onDragOver(h,e.cardType),onDragLeave:h=>s?.onDragLeave(h),onDrop:h=>s?.onDrop(h,e.cardType),dimension:e.dimension,children:t.jsx(F,{card:e,actions:{onCardClick:()=>{},onReloadData:()=>{}},children:t.jsx(To,{card:e,data:So,handleCardNavigation:m,activeCardIndex:l,handleLearnMoreClick:p,isReimbursementEnabled:a})})},e.cardIndex)}$.memo(_t);const Bo={approvalCountMarginRight:new R(L[2],L[2],L[2])},Po=d(W)`
+  height: auto;
+  width: 100%;
+  gap: ${o.sp3};
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  margin-right: ${e=>e.windowSize!=="small"?o.sp5:o.sp3};
+  margin-left: ${e=>e.windowSize!=="small"?o.sp5:o.sp3};
+`,Io=d.div`
+  display: flex;
+  flex: 0 1 auto;
+  flex-direction: column;
+  align-items: center;
+  gap: ${o.sp3};
+`,Ao=d.div`
+  display: flex;
+  gap: ${o.sp3};
+  flex-direction: column;
+  width: 100%;
+`,ne=d.div`
+  display: flex;
+  height: ${o.sp7};
+`,de=d(N)`
+  color: ${e=>e.textColor.toString()};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  padding: 12.5px ${o.sp3};
+  border-radius: 12px;
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  text-align: left;
+`,se=d(fr)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,_o=d(N)`
+  color: ${e=>e.theme.colors.champion};
+`,Ve=d.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,Ue=d(Cr)`
+  background: ${e=>e.textColor.toString()};
+  border: 1px solid ${e=>e.textColor.toString()};
+  color: ${j.primaryDark};
+  border-radius: 9px;
+  display: flex;
+  height: 18px;
+  padding: 0 5.5px 0 5.5px;
+  justify-content: center;
+  align-items: center;
+  margin-right: ${e=>Bo.approvalCountMarginRight.valuePx(e.windowSize)};
+`,Wt=({card:e,data:i,actions:r,isExpenseAutomationEnabledForUser:a,analytics:s,dndProps:l})=>{const{isUncategorizedExpensesTransactionsExist:c,isUncategorizedIncomeTransactionsExist:m,isUncategorizedExpenseAccountIdentified:p,isUncategorizedIncomeAccountIdentified:h,numOfBillsPendingApproval:g,numOfReimbursementsPendingApproval:x}=i.tasks,v=p===!1||h===!1,f=Z();return t.jsx(B,{isDragging:l?.draggedCardType!=null,isDragOver:l?.dragOverCard===e.cardType,draggable:!0,onDragStart:k=>l?.onDragStart(e.cardType,k),onDragOver:k=>l?.onDragOver(k,e.cardType),onDragLeave:k=>l?.onDragLeave(k),onDrop:k=>l?.onDrop(k,e.cardType),dimension:e.dimension,children:t.jsx(F,{card:e,actions:{onCardClick:()=>{},onReloadData:r.onReloadData},children:t.jsx(_,{dimension:e.dimension,style:{cursor:"default"},children:t.jsxs(Po,{windowSize:f,children:[t.jsx(Io,{children:t.jsx(_o,{children:u.getLocalizedStrings().taskCard.title})}),t.jsxs(Ao,{children:[x>0&&t.jsx(ne,{children:t.jsxs(de,{textColor:U("remi-awaiting-approval"),onClick:()=>{s?.trackReimbursementTaskCard(x),r.onCategoryClick?.("reimbursement","pending_approval","awaitingMyApproval")},"data-testid":w("dashboard-tasks-card-remi-awaiting-approval",e.cardType),children:[u.getLocalizedStrings().taskCard.reimbursementsAwaitingApproval,t.jsxs(Ve,{children:[t.jsx(Ue,{windowSize:f,textColor:U("remi-awaiting-approval"),children:x}),t.jsx(se,{})]})]})}),g>0&&t.jsx(ne,{children:t.jsxs(de,{textColor:U("bills-awaiting-approval"),onClick:()=>{s?.trackBillPayTaskCard(g),r.onCategoryClick?.("bill-pay","pending_approval","awaiting_my_approval")},"data-testid":w("dashboard-tasks-card-bills-awaiting-approval",e.cardType),children:[u.getLocalizedStrings().taskCard.billsAwaitingApproval,t.jsxs(Ve,{children:[t.jsx(Ue,{windowSize:f,textColor:U("bills-awaiting-approval"),children:g}),t.jsx(se,{})]})]})}),v===!0?t.jsx(ne,{children:t.jsxs(de,{textColor:U("uncategorized-account-mapping"),onClick:()=>r.onCategoryClick?.("uncategorized-account-mapping"),"data-testid":w("dashboard-tasks-card-uncategorized-account-mapping",e.cardType),children:[u.getLocalizedStrings().taskCard.uncategorizedAccountMappingText,t.jsx(se,{})]})}):null,!a&&c?t.jsx(ne,{children:t.jsxs(de,{textColor:U("uncategorized-expense"),onClick:()=>r.onCategoryClick?.("uncategorized-expense"),"data-testid":w("dashboard-tasks-card-uncategorized-expense",e.cardType),children:[u.getLocalizedStrings().taskCard.expensesText,t.jsx(se,{})]})}):null,!a&&m?t.jsx(ne,{children:t.jsxs(de,{textColor:U("uncategorized-income"),onClick:()=>r.onCategoryClick?.("uncategorized-income"),"data-testid":w("dashboard-tasks-card-uncategorized-income",e.cardType),children:[u.getLocalizedStrings().taskCard.incomeText,t.jsx(se,{})]})}):null]})]})})})},e.cardIndex)},U=e=>{switch(e){case"uncategorized-income":return new T(S.graphColor36);case"uncategorized-expense":return new T(S.graphColor18);case"bills-awaiting-approval":return new T(S.graphColor12);case"remi-awaiting-approval":return new T(S.graphColor06);case"uncategorized-account-mapping":return new T(xr.graphColor34);default:return new T(S.brandColorJadeDark)}};$.memo(Wt);function Wo(e){return"balanceAmount"in e}function zo(e){return e.reportId==="operating_expenses"}function Oo(e){return e.reportId==="revenue"}function Ro(e){return e.reportId==="net_burn_or_income"}function No(e){return e.netBurnOrIncome!=null||e.runwayAndAverages!=null}function Fo(e){return e.cashPosition!=null}function Ho(e){return e.numberOfExpenses!=null||e.topExpenses!=null||e.topExpenses?.accountsOrdered!=null}function Zo(e){return e.cashIn.accountGroupsOrdered!=null||e.cashIn.accountsOrdered!=null||e.cashOut.accountGroupsOrdered!=null||e.cashOut.accountsOrdered!=null}function Vo(e){return e.insights!=null||e.insightIDsInOrder!=null}function Uo(e){return"companyView"in e}function Ko(e){return e.reportId==="accounts_payable_aging"}function Go(e){return e.reportId==="accounts_receivable_aging"}function Yo(e){return e.reportId==="rewards_card"}const Jo=rr.totalWidth,qo=d.div`
+  display: flex;
+  flex-direction: column;
+  flex: auto;
+  margin-top: ${e=>e.windowWidth>=960?o.sp0:`${Jt}px`};
+  background-color: ${e=>e.theme.colors.background};
+`,Xo=d.div`
+  display: flex;
+  flex: auto;
+  padding: ${o.sp0} ${o.sp0} ${o.sp4} ${o.sp0};
+`,Qo=d.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  flex-wrap: nowrap;
+  width: 100%;
+  min-height: ${e=>e.height!=null?e.height+"px":"100%"};
+  gap: ${o.sp3};
+  padding-left: ${o.sp3}; /* gives space before the first item */
+`,en=d.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  flex-wrap: nowrap;
+  height: 100%;
+  padding-top: ${o.sp3}; /* gives space before the first item */
+  gap: ${o.sp3};
+`,tn=d.div`
+  margin: ${o.sp3} ${o.sp4} ${o.sp0} ${o.sp3};
+`;function rn({cardData:e,cardActions:i,cardWidth:r,isBillPayEnabled:a,isExpenseAutomationEnabledForUser:s,isReimbursementEnabled:l,isZeniAccountEnabled:c,analytics:m,columnKey:p,index:h,dndProps:g}){if(r!==e.card.dimension.totalWidth&&(e=ar(e),e.card.dimension.totalWidth=r),(e.card.cardType==="cash_balance"||e.card.cardType==="card_balance")&&(!e.data||Wo(e.data)))return t.jsx(vt,{card:e.card,actions:i,data:e.data,dndProps:g},e.card.cardIndex);if(e.card.cardType==="operating_expenses"&&(!e.data||zo(e.data)))return t.jsx(xt,{card:e.card,actions:i,data:e.data,dndProps:g},e.card.cardIndex);if(e.card.cardType==="revenue"&&(!e.data||Oo(e.data)))return t.jsx(Ct,{card:e.card,actions:i,data:e.data,dndProps:g},e.card.cardIndex);if(e.card.cardType==="net_burn_or_income"&&(!e.data||Ro(e.data)))return t.jsx(ut,{card:e.card,actions:i,data:e.data,dndProps:g},e.card.cardIndex);if(e.card.cardType==="net_burn_or_income_story_card"&&(!e.data||No(e.data)))return t.jsx(It,{card:e.card,actions:i,data:e.data,dndProps:g},e.card.cardIndex);if(e.card.cardType==="cash_position"&&(!e.data||Fo(e.data)))return t.jsx(gt,{card:e.card,actions:i,data:e.data,dndProps:g},e.card.cardIndex);if(e.card.cardType==="accounts_payable_aging"&&(!e.data||Ko(e.data)))return t.jsx(mt,{card:e.card,data:e.data,actions:i,dndProps:g},e.card.cardIndex);if(e.card.cardType==="accounts_receivable_aging"&&(!e.data||Go(e.data)))return t.jsx(na,{card:e.card,data:e.data,actions:i,dndProps:g},e.card.cardIndex);if(e.card.cardType==="top_expenses"&&(!e.data||Ho(e.data)))return t.jsx(Ir,{card:e.card,actions:i,data:e.data,dndProps:g},e.card.cardIndex);if(e.card.cardType==="insights_dashboard"&&(!e.data||Vo(e.data)))return t.jsx(Rr,{card:e.card,actions:i,data:e.data,analytics:m,dndProps:g},e.card.cardIndex);if(e.card.cardType==="cash_in_cash_out"&&(!e.data||Zo(e.data)))return t.jsx(ht,{card:e.card,actions:i,data:e.data,dndProps:g},e.card.cardIndex);if(e.card.cardType==="information_card")return t.jsx(Ur,{card:e.card,analytics:m,dndProps:g},e.card.cardIndex);if(e.card.cardType==="bill_pay_card")return t.jsx(wt,{card:e.card,data:e.data,actions:i,analytics:m,dndProps:g},e.card.cardIndex);if(e.card.cardType==="bill_pay_promo_card")return t.jsx(jt,{card:e.card,analytics:m,actions:i,isBillPayEnabled:a,dndProps:g},e.card.cardIndex);if(e.card.cardType==="reimbursement_card")return t.jsx(At,{card:e.card,data:e.data,actions:i,analytics:m,dndProps:g},e.card.cardIndex);if(e.card.cardType==="reimbursement_promo_card")return t.jsx(_t,{card:e.card,analytics:m,actions:i,isReimbursementEnabled:l,dndProps:g},e.card.cardIndex);if(e.card.cardType==="zeni_promo_card")return t.jsx(ho,{card:e.card,actions:i,dndProps:g},e.card.cardIndex);if(e.card.cardType==="company_details"&&(!e.data||Uo(e.data)))return t.jsx(Zr,{card:e.card,data:e.data,actions:i,dndProps:g},e.card.cardIndex);if(e.card.cardType==="task_card")return t.jsx(Wt,{card:e.card,data:e.data,isExpenseAutomationEnabledForUser:s,actions:i,analytics:m,dndProps:g},e.card.cardIndex);if(e.card.cardType==="zeni_accounts_promo_card")return t.jsx(Nr,{card:e.card,data:e.data,analytics:m,actions:i,isZeniAccountsEnabled:c,columnKey:p,index:h,dndProps:g},e.card.cardIndex);if(e.card.cardType==="rewards_card"&&(!e.data||Yo(e.data)))return t.jsx(ti,{card:e.card,data:e.data,actions:i,dndProps:g},e.card.cardIndex);if(e.card.cardType==="expense_automation_card"){const x=e.data;return t.jsx(ai,{actions:i,card:e.card,data:x,dndProps:g},e.card.cardIndex)}else return null}function an(e){const i=Jo;let r=Math.max(e>1?Math.floor(e/i):1,1);r=Math.min(3,r);const a=L[3]*r+L[4],s=e!=null&&e>a?Math.floor((e-a)/r):i;return[r,s]}function on(e,i){let r=0,a=[i];if(e<=1)r=Se(i,function(s,l){return s+l.card.dimension.totalHeight},0);else{const s=Xt(i,e),l=Qt(...s,function(...m){return er(m)}),c=[];tr(l,function(m,p){c[p]=Se(m,function(h,g){return h+g.card.dimension.totalHeight},0)}),r=Math.max(...c),a=l}return[r,a]}function nn({cards:e,columnKey:i,actions:r,columnWidth:a,analytics:s,isReimbursementEnabled:l,isBillPayEnabled:c,isZeniAccountEnabled:m,isExpenseAutomationEnabledForUser:p,onDragAndDropCard:h,onDragStart:g,dragCardtype:x,setDragCardtype:v}){const[f,k]=n.useState(void 0);n.useEffect(()=>{x||k(void 0)},[x]);const M=(C,D)=>{C.preventDefault(),C.stopPropagation(),k(void 0),x!=null&&h(x,D),v(void 0)},y=C=>{C.preventDefault(),k(void 0)},E=(C,D)=>{C.preventDefault(),C.stopPropagation(),k(D)},b={onDragStart:g,draggedCardType:x,dragOverCard:f,onDragOver:(C,D)=>E(C,D),onDragLeave:C=>y(C),onDrop:(C,D)=>M(C,D)};return t.jsx(en,{width:a,children:e.map((C,D)=>t.jsx(rn,{cardData:C,cardActions:r,cardWidth:a,isBillPayEnabled:c,isReimbursementEnabled:l,isZeniAccountEnabled:m,isExpenseAutomationEnabledForUser:p,analytics:s,columnKey:i,index:D,dndProps:b},C.card.cardIndex))})}function dn({onDragAndDropCard:e,onDragStart:i,dragCardtype:r,cardDataArray:a,cardActions:s,parentWidth:l,analytics:c,isReimbursementEnabled:m,isBillPayEnabled:p,isZeniAccountEnabled:h,isExpenseAutomationEnabledForUser:g,setDragCardtype:x}){const[v,f]=an(l),[k,M]=on(v,a);return t.jsx(Qo,{height:k,children:M.map((y,E)=>t.jsx(nn,{onDragAndDropCard:e,onDragStart:i,dragCardtype:r,columnKey:E,cards:y,actions:s,columnWidth:f,analytics:c,isReimbursementEnabled:m,isBillPayEnabled:p,isZeniAccountEnabled:h,isExpenseAutomationEnabledForUser:g,setDragCardtype:x},E))})}const sn=$.memo(dn,qt);function ln(e){const i=n.useRef(null),[r,a]=n.useState({}),s=n.useMemo(()=>Gt(l=>a(l),e,{leading:!0}),[e]);return n.useLayoutEffect(()=>{i.current&&a(i.current.getBoundingClientRect())},[i]),Yt({ref:i,onResize:l=>{const{width:c,height:m}=l;s({width:c,height:m})}}),{ref:i,size:r}}function On({cardDataArray:e,cardActions:i,autoCompleteData:r,autoCompleteActions:a,analytics:s,isReimbursementEnabled:l,isBillPayEnabled:c,isVisitingFirstTime:m,isZeniAccountEnabled:p,isExpenseAutomationEnabledForUser:h,onDragAndDropCard:g}){const{ref:x,size:v}=ln(0),f=window.innerWidth,[k,M]=n.useState(void 0),y=n.useRef(null),E=n.useRef(null),b=n.useRef(null),C=12,D=100,te=n.useCallback(()=>{const I=window.pageYOffset||document.documentElement.scrollTop,O=document.documentElement.scrollHeight,J=window.innerHeight;if(E.current==="up"&&I>0)window.scrollBy({top:-C,behavior:"auto"});else if(E.current==="down"&&I+J<O)window.scrollBy({top:C,behavior:"auto"});else{fe();return}b.current=requestAnimationFrame(te)},[]),fe=()=>{E.current!=null&&b.current!=null&&(cancelAnimationFrame(b.current),b.current=null),E.current=null},zt=(I,O)=>{O.dataTransfer?.setData("text/plain",I),O.dataTransfer.effectAllowed="move",O.dataTransfer.dropEffect="move",M(I),y.current=O.currentTarget};n.useEffect(()=>{if(!k){fe();return}const I=J=>{if(J.preventDefault(),J.dataTransfer&&(J.dataTransfer.dropEffect="move"),!k||!y.current)return;const Ee=J.clientY,Le=window.innerHeight,Te=window.pageYOffset||document.documentElement.scrollTop,Ft=document.documentElement.scrollHeight,Ht=Ee<D,Zt=Ee>Le-D,Vt=Te>0,Ut=Te+Le<Ft;let q;Ht&&Vt?q="up":Zt&&Ut&&(q="down"),q!=null&&q!==E.current&&(b.current!=null&&(cancelAnimationFrame(b.current),b.current=null),q?(E.current=q,b.current=requestAnimationFrame(te)):E.current=null)},O=()=>{fe(),M(void 0),y.current=null};return document.addEventListener("dragover",I),document.addEventListener("dragend",O),()=>{document.removeEventListener("dragover",I),document.removeEventListener("dragend",O)}},[k,te]);const Ot=I=>t.jsx(sn,{dragCardtype:k,cardDataArray:e,onDragAndDropCard:g,onDragStart:zt,cardActions:i,parentWidth:I.width,analytics:s,isReimbursementEnabled:l,isBillPayEnabled:c,isZeniAccountEnabled:p,isExpenseAutomationEnabledForUser:h,setDragCardtype:M}),Rt=I=>{r.autoCompleteText!=null&&s?.trackSearch(ce.Event.search,"Dashboard",I.type,I.name,r.autoCompleteText),a.onAutoCompleteEntity?.(I)},Me=Ke(),Nt=Me.loggedInUserRole!=null&&!we.hasInvestorBankerLevelAccess(Me.loggedInUserRole);return t.jsxs(t.Fragment,{children:[t.jsxs(qo,{windowWidth:f,style:{width:"100%"},children:[Nt===!0?t.jsx(tn,{children:t.jsx(Kt,{searchAutoComplete:{autoCompleteData:r,autoCompleteActions:{...a,onAutoCompleteEntity:Rt}},viewType:"dashboard_search",source:"Dashboard"})}):null,t.jsx(Xo,{ref:x,children:Ot({width:v.width??0,height:v.height??0})})]}),t.jsx(Qr,{showConfetti:m})]})}export{On as default};