@zeniai/web-cockpit-ui 1.14.22-dev → 1.14.23-dev

package/dist/assets/{EntityDetailPage-CCTwe1iu-DAg47Prp.js → EntityDetailPage-Bc4YVpPC-DWs1zPrx.js}

@@ -1,4 +1,4 @@
-import{u as y,M as T,a7 as C,j as o,y as v,o as t,I as m}from"./index-P_4M6V8j.js";import{n as a}from"./vendor-rkTZJa59.js";import{R as k}from"./TrendWithTransactions-CgbouMHP-BeJkYy2u.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./TrendChart-BAMRDfp7-BazRtItt.js";import"./chartTypes-sx4859ds-GbS6VOEl.js";import"./toCOABalancesWithID-D49XFhoj-DjL9meL6.js";import"./toChartData-C9pHl0xA-CKVc0-Yj.js";import"./NoDataChart-C4KqN3ua-6H0vHNsB.js";import"./InsightsSection-C8Oi6wcZ-D3wuyBHx.js";import"./NavigationDots-hBq7kHVj-Vj1p5Rqn.js";import"./TransactionList-CEfjoVPA-DR1uAuMl.js";import"./BoxItem-Bf9DDBGl-B4tzyane.js";import"./commonDimensions-DbTYS1hy-sQ0jQuuT.js";const $=a.div`
+import{u as y,M as T,a8 as C,j as o,D as v,o as t,K as m}from"./index-B8OsEhOZ.js";import{n as a}from"./vendor-rkTZJa59.js";import{R as k}from"./TrendWithTransactions-DPby1I5u-yXfJ3Iyk.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./TrendChart-7kPgcETh-CZhHOMVt.js";import"./chartTypes-BoblEsVF-BVffEXCf.js";import"./toCOABalancesWithID-CndsNNsv-CWYFJv_O.js";import"./toChartData-B9eYLI57-CKqynvrs.js";import"./NoDataChart-Dg1_sU_O-flEThGvM.js";import"./InsightsSection-DsO5tfQL-CBUNqXt7.js";import"./NavigationDots-CI0cjpQA-B6oVaxeu.js";import"./TransactionList-DP9cEVya-Dnf5dIML.js";import"./BoxItem-CIOib-WX-Cvut8WLk.js";import"./commonDimensions-CFd7y7qU-C7Jvc2Ks.js";const $=a.div`
   display: flex;
   margin: ${t.sp0} ${t.sp0} ${t.sp0} ${t.sp0};
   flex-direction: column;
@@ -13,6 +13,6 @@ import{u as y,M as T,a7 as C,j as o,y as v,o as t,I as m}from"./index-P_4M6V8j.j
   position: -webkit-sticky;
   position: sticky;
   top: ${t.sp0};
-`,E=a.div`
+`,D=a.div`
   flex: 1 1 auto;
-`;function J({firstMonthOfFY:i,selectedEntity:e,trendWithTransactionsReport:n,autoCompleteData:l,autoCompleteActions:d,analytics:s,onTransactionItemClick:c,onTrendSelectedPeriodChange:h}){const u=y(),{dateFormat:{analytics:f}}=T.getLocalizedStrings(),g=new C(u.colors.graphColor12),x=(p,r)=>{p==="Chart"&&r!=null&&s?.trackSpendIncomeTrend(e.type==="vendor"?m.Event.spendTrend:m.Event.incomeTrend,"Search",e.type,e.name,r?.addTimePeriod.startDate.format(f.MMMYYFormat)),p==="TransactionListLoadMore"&&s?.trackTransactionList(void 0,void 0,"Search",void 0,void 0,!0),h?.(r)};return o.jsxs($,{children:[o.jsx(j,{children:o.jsx(v,{viewType:"entity_search",searchAutoComplete:{autoCompleteData:l,autoCompleteActions:d},source:"EntityDetailPage"})}),e!=null&&n!=null&&o.jsx(E,{children:o.jsx(k,{firstMonthOfFY:i,trendWithTransactionsReport:n,isDetailPage:!1,graphColor:g,page:"EntityDetailPage",onTransactionItemClick:c,onTimePeriodChange:x})})]})}export{J as default};
+`;function H({firstMonthOfFY:i,selectedEntity:e,trendWithTransactionsReport:n,autoCompleteData:l,autoCompleteActions:d,analytics:s,onTransactionItemClick:c,onTrendSelectedPeriodChange:h}){const u=y(),{dateFormat:{analytics:f}}=T.getLocalizedStrings(),g=new C(u.colors.graphColor12),x=(p,r)=>{p==="Chart"&&r!=null&&s?.trackSpendIncomeTrend(e.type==="vendor"?m.Event.spendTrend:m.Event.incomeTrend,"Search",e.type,e.name,r?.addTimePeriod.startDate.format(f.MMMYYFormat)),p==="TransactionListLoadMore"&&s?.trackTransactionList(void 0,void 0,"Search",void 0,void 0,!0),h?.(r)};return o.jsxs($,{children:[o.jsx(j,{children:o.jsx(v,{viewType:"entity_search",searchAutoComplete:{autoCompleteData:l,autoCompleteActions:d},source:"EntityDetailPage"})}),e!=null&&n!=null&&o.jsx(D,{children:o.jsx(k,{firstMonthOfFY:i,trendWithTransactionsReport:n,isDetailPage:!1,graphColor:g,page:"EntityDetailPage",onTransactionItemClick:c,onTimePeriodChange:x})})]})}export{H as default};

package/dist/assets/{EntitySummarySection-B7uoP2ou-DZ_drzmW.js → EntitySummarySection-Ba6AWxNi-BdQCQZ3F.js}

@@ -1,4 +1,4 @@
-import{e as z,M as L,j as i,dq as H,C as d,cy as _,o as s,b as S,$ as b,ai as B,bZ as R,q as r,c6 as E,B as G,n as k,an as U,i as N,c2 as q,g as D,c5 as F}from"./index-P_4M6V8j.js";import{b as f,n as t}from"./vendor-rkTZJa59.js";import{l as Z}from"./agingReportHelper-ovKP-qSS-BPG0U4uX.js";const w=L.getLocalizedStrings().reports.aging.agingDetail.header,m=[{key:"date",value:w.date,sortOrder:"ascending",width:new d(212,212)},{key:"invoiceNumber",value:w.invoiceNumber,sortOrder:"ascending",width:new d(188,188)},{key:"dueDate",value:w.dueDate,sortOrder:"ascending",width:new d(188,188)},{key:"daysPastDue",value:w.daysPastDue,sortOrder:"ascending",width:new d(188,188)},{key:"amount",value:w.amount,sortOrder:"ascending",width:new d(188,188)},{key:"balance",value:w.balance,sortOrder:"ascending",width:new d(120,120)}],M={headerHeight:new d(45,58)},I=t.div`
+import{e as z,M as L,j as i,dq as H,C as d,cz as _,o as s,b as S,a0 as b,aj as B,b_ as R,s as r,c7 as E,B as G,p as k,ao as U,i as N,c3 as F,g as D,c6 as q}from"./index-B8OsEhOZ.js";import{b as f,n as t}from"./vendor-rkTZJa59.js";import{l as I}from"./agingReportHelper-ovKP-qSS-BPG0U4uX.js";const w=L.getLocalizedStrings().reports.aging.agingDetail.header,m=[{key:"date",value:w.date,sortOrder:"ascending",width:new d(212,212)},{key:"invoiceNumber",value:w.invoiceNumber,sortOrder:"ascending",width:new d(188,188)},{key:"dueDate",value:w.dueDate,sortOrder:"ascending",width:new d(188,188)},{key:"daysPastDue",value:w.daysPastDue,sortOrder:"ascending",width:new d(188,188)},{key:"amount",value:w.amount,sortOrder:"ascending",width:new d(188,188)},{key:"balance",value:w.balance,sortOrder:"ascending",width:new d(120,120)}],M={headerHeight:new d(45,58)},Z=t.div`
   top: ${s.sp0};
   left: ${s.sp0};
   min-height: ${e=>M.headerHeight.valuePx(e.windowSize)};
@@ -25,7 +25,7 @@ import{e as z,M as L,j as i,dq as H,C as d,cy as _,o as s,b as S,$ as b,ai as B,
   position: static;
   z-index: 0;
   box-sizing: border-box;
-`,Q=t(F)`
+`,Q=t(q)`
   width: 12px;
   height: 12px;
 `,X=t.div`
@@ -48,7 +48,7 @@ import{e as z,M as L,j as i,dq as H,C as d,cy as _,o as s,b as S,$ as b,ai as B,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`;function te({sortConfig:e,onColumnSortConfigChanged:l}){const c=z(),o=f.useCallback((n,a)=>{let h=a;e.sortKey===n&&(h=e.sortOrder==="ascending"?"descending":"ascending"),l(n,h)},[l,e]);return i.jsx(I,{windowSize:c,children:m.map(n=>i.jsxs(J,{sortDataValue:e.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:c,children:[i.jsxs(ie,{onClick:()=>o(n.key,n.sortOrder),children:[i.jsx(N,{children:n.value}),i.jsx(X,{sortConfig:e,children:i.jsx(q,{width:12,height:12})})]}),i.jsx(ee,{isVisible:e.sortKey===n.key&&e.sortKey!=="date",children:i.jsx(Q,{onClick:()=>l("date","ascending")})})]},n.key))})}const v={containerPaddingTop:new d(r[3],r[3]),containerPaddingBottom:new d(r[3],r[3]),nameLogoWidth:new d(r[4],r[4]),nameLogoHeight:new d(r[4],r[4]),nameWidth:new d(150,150)},ne=t.div`
+`;function te({sortConfig:e,onColumnSortConfigChanged:l}){const c=z(),o=f.useCallback((n,a)=>{let h=a;e.sortKey===n&&(h=e.sortOrder==="ascending"?"descending":"ascending"),l(n,h)},[l,e]);return i.jsx(Z,{windowSize:c,children:m.map(n=>i.jsxs(J,{sortDataValue:e.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:c,children:[i.jsxs(ie,{onClick:()=>o(n.key,n.sortOrder),children:[i.jsx(N,{children:n.value}),i.jsx(X,{sortConfig:e,children:i.jsx(F,{width:12,height:12})})]}),i.jsx(ee,{isVisible:e.sortKey===n.key&&e.sortKey!=="date",children:i.jsx(Q,{onClick:()=>l("date","ascending")})})]},n.key))})}const v={containerPaddingTop:new d(r[3],r[3]),containerPaddingBottom:new d(r[3],r[3]),nameLogoWidth:new d(r[4],r[4]),nameLogoHeight:new d(r[4],r[4]),nameWidth:new d(150,150)},ne=t.div`
   display: flex;
   flex-direction: column;
   row-gap: ${s.sp2};
@@ -146,4 +146,4 @@ import{e as z,M as L,j as i,dq as H,C as d,cy as _,o as s,b as S,$ as b,ai as B,
   width: fit-content;
 `,fe=t(E)`
   color: ${e=>e.theme.colors.primary};
-`;function be({totalBalances:e,entityName:l,reportId:c,reportDate:o,entityLogo:n}){const a=z(),h=a==="large"||a==="extra-large",{reports:{aging:{duration:$,apAgingDetail:j,arAgingDetail:x,apAging:u,arAging:A}},dateFormat:W}=L.getLocalizedStrings(),K=f.useMemo(()=>Z(e),[e]);return i.jsxs(we,{isLargeScreen:h,windowSize:a,children:[i.jsxs(pe,{windowSize:a,children:[n!=null?i.jsx(H,{photoUrl:n.toString(),styles:{width:g.nameLogoWidth.valuePx(a),height:g.nameLogoHeight.valuePx(a),marginTop:g.nameLogoMarginTop.valuePx(a)}}):i.jsx(ye,{windowSize:a,children:i.jsx(_,{name:l,size:s.sp5})}),i.jsxs(ue,{children:[i.jsx(fe,{children:l}),i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(Y,{children:`${j.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(Y,{children:`${x.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})})]})]}),i.jsxs(xe,{isLargeScreen:h,windowSize:a,children:[e.map(C=>i.jsxs(T,{children:[i.jsx(P,{children:$[C.period]}),i.jsx(O,{children:b("0,0",C?.balance)})]},C.period)),i.jsxs(T,{children:[i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(P,{children:u.totalPayable})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(P,{children:A.totalReceivable})}),i.jsx(O,{children:b("0,0",K?.balance)})]})]})]})}export{Se as L,be as W};
+`;function be({totalBalances:e,entityName:l,reportId:c,reportDate:o,entityLogo:n}){const a=z(),h=a==="large"||a==="extra-large",{reports:{aging:{duration:$,apAgingDetail:j,arAgingDetail:x,apAging:u,arAging:A}},dateFormat:W}=L.getLocalizedStrings(),K=f.useMemo(()=>I(e),[e]);return i.jsxs(we,{isLargeScreen:h,windowSize:a,children:[i.jsxs(pe,{windowSize:a,children:[n!=null?i.jsx(H,{photoUrl:n.toString(),styles:{width:g.nameLogoWidth.valuePx(a),height:g.nameLogoHeight.valuePx(a),marginTop:g.nameLogoMarginTop.valuePx(a)}}):i.jsx(ye,{windowSize:a,children:i.jsx(_,{name:l,size:s.sp5})}),i.jsxs(ue,{children:[i.jsx(fe,{children:l}),i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(Y,{children:`${j.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(Y,{children:`${x.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})})]})]}),i.jsxs(xe,{isLargeScreen:h,windowSize:a,children:[e.map(C=>i.jsxs(T,{children:[i.jsx(P,{children:$[C.period]}),i.jsx(O,{children:b("0,0",C?.balance)})]},C.period)),i.jsxs(T,{children:[i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(P,{children:u.totalPayable})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(P,{children:A.totalReceivable})}),i.jsx(O,{children:b("0,0",K?.balance)})]})]})]})}export{Se as L,be as W};

package/dist/assets/ExpenseAutomationOverviewPage-Cg0sM_PI-vkhdPOgy.js

@@ -0,0 +1,222 @@
+import{u as H,e as J,bJ as I,j as r,$,fE as W,bg as Y,g as a,bB as O,M as q,o as t,aX as G,jl as Q,v as c,ha as V,h9 as K,J as U,a0 as X,m as Z,jm as E,k as ee,aS as re,fn as oe,b as te,bQ as se,c7 as ie,i as g,p as ae,ez as le,w as ne,bq as ce,gQ as de,t as he,am as pe,ao as _,af as me}from"./index-B8OsEhOZ.js";import{n as o,j as m,k as ge}from"./vendor-rkTZJa59.js";import{o as xe}from"./transaction-placeholder-CpOwZAMG-DYG2_sCF.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const ue={transaction_categorization:xe,missing_receipts:oe,flux_analysis:re,je_schedules:E,month_end_insights:ee,reconciliation:E},fe=e=>{const x={Weekly:[],Monthly:[]};return e.forEach(u=>{x[u.frequency].push(u)}),x},{expenseAutomation:d,common:i,dateFormat:$e}=q.getLocalizedStrings();function xr({monthEndCloseChecksView:e,isRealtimeInsightsFeatureEnabled:x,onMonthEndCheckClick:u,onBackClick:M,handleReviewButtonClick:P,onPeriodChange:R,onReload:k}){const b=H(),z=J();if(I({componentName:"expense_automation.overview"}),e.monthEndCloseChecks==null||e.fetchState==="Not-Started"||e.fetchState==="In-Progress")return r.jsx(L,{"data-testid":$("expense-automation-overview-page-activity-indicator"),children:r.jsx(W,{fetchState:"In-Progress"})});if(e.monthEndCloseChecks==null||e.fetchState==="Error")return r.jsx(L,{children:r.jsx(Xe,{"data-testid":$("expense-automation-overview-page-reload-page"),onClick:k,children:r.jsx(Y,{})})});const{monthEndCloseChecks:{auditSummary:l,monthEndCloseCheckList:N,insights:h,reportEmailSentDate:S},refreshStatus:T}=e,F=fe(N);let f,p;l.auditScorePercentage<=50?(f=a.important,p=a.importantLight):l.auditScorePercentage<=75?(f=a.alert,p=a.alertLight):(f=a.success,p=a.successLight);const B=r.jsx(Ge,{"data-testid":$("expense-automation-overview-page-refresh-icon"),onClick:k,children:r.jsx(O,{style:{marginTop:t.sp1},placement:"bottom",title:i.texts.refresh,enterDelay:600,children:r.jsx(er,{$spinning:T.fetchState==="In-Progress"})})});return r.jsxs(ye,{children:[r.jsx(G,{title:r.jsx(Q,{labelSuffix:i.texts.close,pickerLabelStyle:{...c.largeSemiBold.cssObject},onPeriodChange:R,monthEndCloseChecksView:e}),showBackButton:!0,onBackClick:M,source:"ExpenseAutomationOverviewPage",rightSideComponent:B}),r.jsxs(Le,{children:[r.jsxs(je,{children:[r.jsx(ve,{windowSize:z,children:r.jsx(be,{children:r.jsxs(Se,{children:[r.jsx(qe,{children:r.jsx(V,{background:!0,value:Math.floor(l.auditScorePercentage),text:`${Math.floor(l.auditScorePercentage)}${i.strings.percentage}`,strokeWidth:10,styles:{...K({strokeLinecap:"butt",pathColor:f,textColor:b.colors.primary,trailColor:b.colors.grey2,backgroundColor:p}),root:{width:"96px",height:"96px",backgroundColor:p,borderRadius:"50%"},text:{fontSize:c.h6Medium.fontSize,fontFamily:c.h6Medium.fontFamily,lineHeight:c.h6Medium.lineHeight,fontWeight:c.h6Medium.fontWeight,letterSpacing:c.h6Medium.letterSpacing,fill:a.primaryLight}}})}),r.jsxs(sr,{children:[r.jsxs(Ee,{children:[r.jsxs(C,{children:[r.jsxs(Qe,{children:[r.jsx(Ce,{children:d.overview.auditScoreTitle}),l.auditReportLastGeneratedDate!=null?r.jsx(Ve,{children:l.auditReportLastGeneratedDate.utc(!0).fromNow()}):null]}),r.jsx(ke,{children:d.overview.auditScoreDescription})]}),r.jsx(U,{style:{alignSelf:"flex-start"},variant:"primary",label:i.texts.review,onClick:P})]}),r.jsxs(De,{children:[r.jsxs(Je,{children:[r.jsx(Ye,{}),r.jsx(Ie,{children:i.texts.aiAgents}),r.jsx(We,{children:i.texts.saved})]}),r.jsx(Oe,{children:X("0,0",{amount:h.savedAmount,currencyCode:i.currency.countryCode,currencySymbol:i.currency.currencySymbol})})]})]})]})})}),r.jsxs(we,{children:[r.jsxs(y,{isLastTab:!1,children:[r.jsx(j,{children:h.vendorsWithFluctuations}),r.jsx(v,{children:d.overview.statistics.vendorsWithFluctuations})]}),r.jsxs(y,{isLastTab:!1,children:[r.jsx(j,{children:h.transactionsAutoCategorized}),r.jsx(v,{children:d.overview.statistics.transactionsAutoCategorized})]}),r.jsxs(y,{isLastTab:!1,children:[r.jsxs(j,{children:[h.efficiencyPercentage,i.strings.percentage]}),r.jsx(v,{children:d.overview.statistics.humanEfficiency})]}),r.jsxs(y,{isLastTab:!0,children:[r.jsxs(j,{children:[h.efficiency,"x"]}),r.jsx(v,{children:d.overview.statistics.fasterReviews})]})]})]}),r.jsx(_e,{children:Z.ALL_MONTH_END_CLOSE_CHECKS_FREQUENCY.map(w=>r.jsxs(Me,{children:[r.jsx(D,{cardDisabled:!1,children:w}),r.jsx(Pe,{children:F[w].map(s=>{const n=s.id==="month_end_insights"?!x:s.isDisabled,A=n===!0||s.id==="month_end_insights"&&e.monthEndCloseChecks?.reportEmailSentDate!=null;return r.jsxs(Re,{"data-testid":$("expense-automation-overview-page-month-end-close-check-card",s.id),cardDisabled:n,onClick:()=>{A===!1&&u(s.id)},children:[r.jsxs(He,{children:[r.jsx(Ae,{cardDisabled:n,isDarkMode:b.mode==="dark",children:r.jsx(Be,{as:ue[s.id]??null})}),r.jsxs(C,{children:[r.jsx(D,{cardDisabled:n,children:s.title}),r.jsx(ze,{className:"card-description",cardDisabled:n,children:s.description})]})]}),r.jsxs(Ne,{children:[r.jsx(te,{controller:s.id!=="month_end_insights",children:r.jsxs(Te,{children:[r.jsxs(Ke,{progress:s.progress,children:[Math.floor(s.progress),i.strings.percentage]}),r.jsx(Ue,{className:s.progress<100?"progress-complete-text":i.strings.empty,progress:s.progress,children:i.texts.complete})]})}),s.id==="month_end_insights"&&S!=null?r.jsxs(tr,{children:[r.jsx(rr,{children:i.texts.closed}),r.jsx(or,{children:S.format($e.visual.MMMDCommaYYYYformat)})]}):null,r.jsx(C,{children:r.jsx(Fe,{className:"card-right-chevron",disabled:n})})]})]},s.id)})})]},w))})]})]})}const ye=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  row-gap: ${t.sp3};
+`,je=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.sp6};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+`,ve=o.div`
+  height: 200px;
+  ${e=>e.windowSize!=="extra-large"?m`
+          background-repeat: no-repeat;
+          background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/expense-automation-background.png);
+        `:null};
+`,be=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.sp8};
+  justify-content: center;
+  height: 100%;
+`,we=o.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Ce=o(ie)`
+  color: ${e=>e.theme.colors.primary};
+`,ke=o(ae)`
+  color: ${e=>e.theme.colors.primary};
+`,Se=o.div`
+  display: flex;
+  column-gap: ${t.sp3};
+  align-items: flex-start;
+`,Ee=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.sp3};
+  width: 466px;
+`,De=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 310px;
+  text-align: center;
+  visibility: hidden;
+`,y=o.div`
+  text-align: center;
+  width: 300px;
+  padding: ${t.sp3} ${t.sp0};
+  ${e=>e.isLastTab===!1?m`
+          border-right: 1px solid ${e.theme.colors.grey3};
+        `:m`
+          border: 0;
+        `}
+`,j=o(he)`
+  color: ${e=>e.theme.colors.primary};
+`,v=o(g)`
+  color: ${e=>e.theme.colors.primary};
+`,Le=o.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  row-gap: ${t.sp6};
+`,_e=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.sp5};
+  padding-bottom: ${t.sp4};
+  margin: auto;
+`,D=o(pe)`
+  color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.primary};
+`,Me=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.sp2};
+`,Pe=o.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.sp4};
+`,Re=o.div`
+  width: 726px;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${t.sp4};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.sp2};
+  cursor: ${e=>e.cardDisabled?"not-allowed":"pointer"};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  ${e=>e.cardDisabled===!1?m`
+          &:hover {
+            border: 1px solid ${e.theme.colors.primary};
+            .card-right-chevron,
+            .card-description,
+            .progress-complete-text {
+              color: ${e.theme.colors.primary};
+            }
+          }
+        `:null}
+`,ze=o(g)`
+  color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.hero};
+`,Ne=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.sp7};
+`,C=o.div``,Te=o.div`
+  text-align: center;
+  width: 82px;
+`,Fe=o(me)`
+  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+`,Be=o.div`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,Ae=o.div`
+  width: ${t.sp7};
+  height: ${t.sp7};
+  background-color: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
+  border-radius: 50%;
+  opacity: ${e=>e.cardDisabled?.2:1};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,He=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.sp3};
+`,Je=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.sp1};
+  justify-content: center;
+`,Ie=o(ne)`
+  color: ${e=>e.theme.colors.brandColorSapphire};
+`,We=o(ce)`
+  color: ${e=>e.theme.colors.brandColorJade};
+`,Ye=o(le)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  margin-right: ${t.sp1};
+`,Oe=o(de)`
+  color: ${e=>e.theme.colors.primary};
+`,qe=o.div`
+  display: flex;
+  height: 96px;
+  justify-content: center;
+`,Ge=o.div`
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Qe=o.div`
+  display: flex;
+  align-items: flex-end;
+  column-gap: ${t.sp2};
+`,Ve=o(g)`
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${t.sp1};
+`,Ke=o(_)`
+  color: ${e=>e.progress<100?e.theme.colors.primary:e.theme.colors.success};
+`,Ue=o(g)`
+  color: ${e=>e.progress<100?e.theme.colors.hero:e.theme.colors.success};
+`,Xe=o.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${t.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,L=o.div`
+  display: flex;
+  height: 100vh;
+  overflow: auto;
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: center;
+  align-items: center;
+`,Ze=ge`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,er=o(se,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
+  cursor: pointer;
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${e=>e.theme.colors.hero};
+  animation: ${e=>e.$spinning?m`
+          ${Ze} 2s linear infinite;
+        `:"none"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,rr=o(_)`
+  color: ${e=>e.theme.colors.success};
+`,or=o(g)`
+  color: ${e=>e.theme.colors.success};
+`,tr=o.div`
+  width: 82px;
+  text-align: center;
+`,sr=o.div`
+  display: flex;
+  column-gap: ${t.sp8};
+  align-items: flex-start;
+`;export{xr as default};