@zeniai/web-cockpit-ui 1.14.21-qa → 1.14.22-dev

package/dist/assets/{EntityDetailPage-BNbBdxQj-VYMr28kW.js → EntityDetailPage-CCTwe1iu-DAg47Prp.js}

@@ -1,4 +1,4 @@
-import{u as y,B as T,a8 as C,j as o,x as v,o as t,H as m}from"./index-CteHikkY.js";import{n as a}from"./vendor-rkTZJa59.js";import{R as k}from"./TrendWithTransactions-BqGV_CQg-DBpBbNzJ.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-_IpSJoUH-DXWWW8tE.js";import"./chartTypes-BTkUFFIf-PQ5t5G6G.js";import"./toCOABalancesWithID-B0nbXcq3-CrfKiUyi.js";import"./toChartData-CZR7pH0W-Dm5lu3KI.js";import"./NoDataChart-DHDhwnCE-CDUxuuOv.js";import"./InsightsSection-R-m-A1rt-DREvFYeH.js";import"./NavigationDots-CbSSDiyy-WCBt3UxE.js";import"./TransactionList-BIMzvzrT-_or9xEGN.js";import"./BoxItem-DfMMtLK3-DwhF3MEP.js";import"./commonDimensions-Dw8Sh6Gv-7gi8Z3Gt.js";const $=a.div`
+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`
   display: flex;
   margin: ${t.sp0} ${t.sp0} ${t.sp0} ${t.sp0};
   flex-direction: column;

package/dist/assets/{EntitySummarySection-BQXLwSRf-Dmz-K_CZ.js → EntitySummarySection-B7uoP2ou-DZ_drzmW.js}

@@ -1,8 +1,8 @@
-import{e as z,B as L,j as i,dq as H,C as d,cy as _,o as s,_ as S,a0 as b,aj as B,bZ as R,s as r,c6 as E,n as U,k,ao as F,c as N,c2 as G,g as D,c5 as Z}from"./index-CteHikkY.js";import{b as f,n as t}from"./vendor-rkTZJa59.js";import{l as q}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)}],Y={headerHeight:new d(45,58)},I=t.div`
+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`
   top: ${s.sp0};
   left: ${s.sp0};
-  min-height: ${e=>Y.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>Y.headerHeight.valuePx(e.windowSize)};
+  min-height: ${e=>M.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>M.headerHeight.valuePx(e.windowSize)};
   width: fit-content;
   min-width: 100%;
   z-index: 2;
@@ -11,7 +11,7 @@ import{e as z,B as L,j as i,dq as H,C as d,cy as _,o as s,_ as S,a0 as b,aj as B
   box-sizing: border-box;
   background-color: ${e=>e.theme.colors.grey4};
   position: sticky;
-`,Q=t.div`
+`,J=t.div`
   color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
 
   width: ${e=>e.windowSize!=="extra-large"?e.wrapperWidth.valuePx(e.windowSize):e.wrapperWidth.valuePercentage(e.windowSize)};
@@ -25,7 +25,7 @@ import{e as z,B as L,j as i,dq as H,C as d,cy as _,o as s,_ as S,a0 as b,aj as B
   position: static;
   z-index: 0;
   box-sizing: border-box;
-`,J=t(Z)`
+`,Q=t(F)`
   width: 12px;
   height: 12px;
 `,X=t.div`
@@ -48,7 +48,7 @@ import{e as z,B as L,j as i,dq as H,C as d,cy as _,o as s,_ as S,a0 as b,aj 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(Q,{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(G,{width:12,height:12})})]}),i.jsx(ee,{isVisible:e.sortKey===n.key&&e.sortKey!=="date",children:i.jsx(J,{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(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`
   display: flex;
   flex-direction: column;
   row-gap: ${s.sp2};
@@ -130,14 +130,14 @@ import{e as z,B as L,j as i,dq as H,C as d,cy as _,o as s,_ as S,a0 as b,aj as B
 `,ue=t.div`
   display: flex;
   flex-direction: column;
-`,M=t(U)`
+`,Y=t(G)`
   color: ${e=>e.theme.colors.hero};
 `,ye=t.div`
   margin-top: ${e=>g.nameLogoMarginTop.valuePx(e.windowSize)};
 `,T=t.div`
   display: flex;
   flex-direction: column;
-`,O=t(F)`
+`,O=t(U)`
   text-align: right;
   color: ${e=>e.theme.colors.primary};
 `,P=t(k)`
@@ -146,4 +146,4 @@ import{e as z,B as L,j as i,dq as H,C as d,cy as _,o as s,_ as S,a0 as b,aj 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(()=>q(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(M,{children:`${j.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(M,{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(()=>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};

package/dist/assets/ExpenseAutomationOverviewPage-Bz-2JPdW-DaIoHdOM.js

@@ -0,0 +1,222 @@
+import{u as H,e as I,bI as W,j as r,_ as $,fE as J,bf as Y,g as a,bA as O,M as G,o as t,aW as q,jl as Q,v as c,ha as V,h9 as K,J as U,$ as X,l as Z,jm as E,x as ee,aR as re,fn as oe,b as te,bP as se,c6 as ie,i as g,n as ae,ez as le,t as ne,bp as ce,gQ as de,s as he,al as pe,an as _,ae as me}from"./index-P_4M6V8j.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-CBL_L82S.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}=G.getLocalizedStrings();function xr({monthEndCloseChecksView:e,isRealtimeInsightsFeatureEnabled:x,onMonthEndCheckClick:u,onBackClick:M,handleReviewButtonClick:P,onPeriodChange:R,onReload:k}){const b=H(),z=I();if(W({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(J,{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 A=r.jsx(qe,{"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(q,{title:r.jsx(Q,{labelSuffix:i.texts.close,pickerLabelStyle:{...c.largeSemiBold.cssObject},onPeriodChange:R,monthEndCloseChecksView:e}),showBackButton:!0,onBackClick:M,source:"ExpenseAutomationOverviewPage",rightSideComponent:A}),r.jsxs(Le,{children:[r.jsxs(je,{children:[r.jsx(ve,{windowSize:z,children:r.jsx(be,{children:r.jsxs(Se,{children:[r.jsx(Ge,{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(Ie,{children:[r.jsx(Ye,{}),r.jsx(We,{children:i.texts.aiAgents}),r.jsx(Je,{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,B=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:()=>{B===!1&&u(s.id)},children:[r.jsxs(He,{children:[r.jsx(Be,{cardDisabled:n,isDarkMode:b.mode==="dark",children:r.jsx(Ae,{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};
+`,Ae=o.div`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,Be=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};
+`,Ie=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.sp1};
+  justify-content: center;
+`,We=o(ne)`
+  color: ${e=>e.theme.colors.brandColorSapphire};
+`,Je=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};
+`,Ge=o.div`
+  display: flex;
+  height: 96px;
+  justify-content: center;
+`,qe=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};