@zeniai/web-components 3.16.41 → 3.16.42

package/dist/ExpenseAutomationOverviewPage-BtoQvEmJ.cjs

@@ -0,0 +1,241 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-.pnpm-DHyNpoQL.cjs"),Y=require("react"),k=require("@emotion/react"),r=require("@emotion/styled"),G=require("@zeniai/client-epic-state"),t=require("./index-BP5gPMlL.cjs"),X=require("./BusyIndication-DmFg_XmX.cjs"),Q=require("./transaction-placeholder-DtRQmfvQ.cjs");function U(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const p=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,p.get?p:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const s=U(Y),V=t.appLocale.getLocalizedStrings().expenseAutomation,ee=t.appLocale.getLocalizedStrings().dateFormat.visual,{common:{strings:{percentage:te},texts:{score:oe}}}=t.appLocale.getLocalizedStrings(),re=({active:e,payload:i})=>{if(e===!1||e===void 0||!i||i.length===0)return null;const a=i[0]?.value;return a==null?null:o.jsxRuntimeExports.jsxs(ae,{children:[o.jsxRuntimeExports.jsx(le,{children:oe}),o.jsxRuntimeExports.jsxs(ce,{children:[a,te]})]})};function se({data:e,height:i}){const a=o.useTheme(),p=e.map(h=>({month:G.zeniDate(`${h.period.year}-${String(h.period.month).padStart(2,"0")}-01`).format(ee.MMMYYFormat),count:Math.round(h.auditScore)}));return o.jsxRuntimeExports.jsxs(ie,{children:[o.jsxRuntimeExports.jsx(ne,{children:V.overview.monthEndCloseTrend}),o.jsxRuntimeExports.jsx(o.ResponsiveContainer,{height:i,width:"100%",children:o.jsxRuntimeExports.jsxs(o.AreaChart,{data:p,children:[o.jsxRuntimeExports.jsx("defs",{children:o.jsxRuntimeExports.jsxs("linearGradient",{id:"scoreGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[o.jsxRuntimeExports.jsx("stop",{offset:"0%",stopColor:t.Colors.brandColorJade,stopOpacity:.8}),o.jsxRuntimeExports.jsx("stop",{offset:"100%",stopColor:t.Colors.brandColorJade,stopOpacity:.1})]})}),o.jsxRuntimeExports.jsx(o.XAxis,{dataKey:"month",axisLine:{stroke:a.colors.grey3},tickLine:!1,interval:"preserveStartEnd",label:{color:a.colors.hero,fontSize:t.textStyles.smallRegular.fontSize,fontWeight:t.textStyles.smallRegular.fontWeight,fontFamily:t.textStyles.smallRegular.fontFamily}}),o.jsxRuntimeExports.jsx(o.YAxis,{hide:!0}),o.jsxRuntimeExports.jsx(o.Tooltip$1,{content:re,cursor:{stroke:a.colors.primary,strokeDasharray:"3 3",strokeWidth:1},allowEscapeViewBox:{x:!1,y:!0}}),o.jsxRuntimeExports.jsx(o.Area,{type:"monotone",dataKey:"count",stroke:t.Colors.brandColorJade,strokeWidth:2,fill:"url(#scoreGradient)",dot:!1,activeDot:{r:5,fill:t.Colors.neutralGrey4Light,stroke:t.Colors.brandColorJade,strokeWidth:2}})]})})]})}const ne=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.champion};
+`,ie=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+  align-items: center;
+  width: 100%;
+`,ae=r.div`
+  background-color: ${t.Colors.primaryLight};
+  border-radius: ${t.Space.sp1};
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${t.Space.sp2};
+  min-width: 80px;
+`,le=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.brandColorJade};
+`,ce=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.brandColorPearl};
+`,de=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M8.60956 10.3995L13.5175 15.3075",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M6.69507 20.8607C5.11904 22.4368 2.0939 21.9185 2.0939 21.9185C2.0939 21.9185 1.5333 18.8933 3.15164 17.3173C3.3661 17.0602 3.63638 16.8555 3.94192 16.7187C4.24746 16.5819 4.58018 16.5166 4.91476 16.5278C5.24934 16.5391 5.57695 16.6265 5.87263 16.7835C6.16831 16.9404 6.42428 17.1628 6.62103 17.4337C6.87992 17.6354 7.09064 17.8923 7.23789 18.1856C7.38513 18.479 7.4652 18.8014 7.47229 19.1296C7.47938 19.4578 7.41331 19.7834 7.27887 20.0828C7.14444 20.3822 6.94501 20.648 6.69507 20.8607Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M21.8313 2.08577C12.8617 1.18669 10.1962 7.52255 7.02295 13.2978L10.6087 16.8836C16.3945 13.6998 22.7304 11.0554 21.8313 2.08577Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M8.9692 9.77558L7.58356 9.31018C7.11291 9.18266 6.61676 9.18307 6.14632 9.31138C5.67589 9.43968 5.24822 9.69121 4.90748 10.04L3.41606 11.5314C3.33077 11.6175 3.2686 11.7237 3.23532 11.8402C3.20203 11.9567 3.19871 12.0797 3.22567 12.1978C3.25893 12.3079 3.32198 12.4067 3.40784 12.4832C3.4937 12.5597 3.59904 12.6111 3.71223 12.6315L7.03354 13.2979",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M14.1733 14.9373L14.607 16.3335C14.7345 16.8041 14.7341 17.3003 14.6058 17.7707C14.4775 18.2411 14.226 18.6688 13.8771 19.0096L12.3963 20.501C12.3137 20.588 12.2094 20.6515 12.0942 20.6849C11.9789 20.7184 11.8569 20.7206 11.7405 20.6914C11.6279 20.6609 11.5262 20.599 11.4475 20.5128C11.3688 20.4266 11.3164 20.3198 11.2963 20.2048L10.6299 16.8835",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M16.4475 9.37366C17.499 9.37366 18.3514 8.52124 18.3514 7.46973C18.3514 6.41822 17.499 5.5658 16.4475 5.5658C15.3959 5.5658 14.5435 6.41822 14.5435 7.46973C14.5435 8.52124 15.3959 9.37366 16.4475 9.37366Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),pe=e=>s.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("path",{d:"M5.14285 7.34697C5.00759 7.34697 4.89795 7.23733 4.89795 7.10208C4.89795 6.96682 5.00759 6.85718 5.14285 6.85718",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M5.14288 7.34697C5.27814 7.34697 5.38778 7.23733 5.38778 7.10208C5.38778 6.96682 5.27814 6.85718 5.14288 6.85718",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M5.14285 10.7754C5.00759 10.7754 4.89795 10.6658 4.89795 10.5305C4.89795 10.3953 5.00759 10.2856 5.14285 10.2856",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M5.14288 10.7754C5.27814 10.7754 5.38778 10.6658 5.38778 10.5305C5.38778 10.3953 5.27814 10.2856 5.14288 10.2856",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M5.14285 14.2042C5.00759 14.2042 4.89795 14.0945 4.89795 13.9593C4.89795 13.824 5.00759 13.7144 5.14285 13.7144",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M5.14288 14.2042C5.27814 14.2042 5.38778 14.0945 5.38778 13.9593C5.38778 13.824 5.27814 13.7144 5.14288 13.7144",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M9.06124 10.7754C8.92599 10.7754 8.81635 10.6658 8.81635 10.5305C8.81635 10.3953 8.92599 10.2856 9.06124 10.2856",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M9.06122 10.7754C9.19647 10.7754 9.30612 10.6658 9.30612 10.5305C9.30612 10.3953 9.19647 10.2856 9.06122 10.2856",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M9.06124 7.34697C8.92599 7.34697 8.81635 7.23733 8.81635 7.10208C8.81635 6.96682 8.92599 6.85718 9.06124 6.85718",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M9.06122 7.34697C9.19647 7.34697 9.30612 7.23733 9.30612 7.10208C9.30612 6.96682 9.19647 6.85718 9.06122 6.85718",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M12.9796 7.34697C12.8443 7.34697 12.7347 7.23733 12.7347 7.10208C12.7347 6.96682 12.8443 6.85718 12.9796 6.85718",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M12.9796 7.34697C13.1149 7.34697 13.2245 7.23733 13.2245 7.10208C13.2245 6.96682 13.1149 6.85718 12.9796 6.85718",stroke:"currentColor",strokeWidth:1.5}),s.createElement("path",{d:"M8.32655 17.1429H2.449C2.0593 17.1429 1.68555 16.9881 1.40999 16.7125C1.13442 16.437 0.979614 16.0631 0.979614 15.6735V3.91836C0.979614 3.52866 1.13442 3.15491 1.40999 2.87935C1.68555 2.60379 2.0593 2.44897 2.449 2.44897H15.6735C16.0632 2.44897 16.437 2.60379 16.7125 2.87935C16.9881 3.15491 17.1429 3.52866 17.1429 3.91836V8.32653",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M5.38776 3.91827V0.979492",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M12.7347 3.91827V0.979492",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M17.1429 23.0205C20.3889 23.0205 23.0204 20.389 23.0204 17.1429C23.0204 13.8969 20.3889 11.2654 17.1429 11.2654C13.8968 11.2654 11.2653 13.8969 11.2653 17.1429C11.2653 20.389 13.8968 23.0205 17.1429 23.0205Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M19.7408 17.1428H17.1429V14.5459",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),T={transaction_categorization:Q.SvgTransactionPlaceholder,missing_receipts:t.SvgReimbursements,flux_analysis:t.SvgBankBuilding,je_schedules:t.SvgBilling,month_end_insights:t.SvgEmail,reconciliation:t.SvgBilling},xe=e=>e.filter(i=>i.id!=="month_end_insights"),ue=e=>e.filter(i=>i.id==="month_end_insights"),me=({string:e,count:i})=>o.jsxRuntimeExports.jsxs(Fe,{children:[i,o.jsxRuntimeExports.jsx(t.SmallRegular,{children:e})]}),{expenseAutomation:c,common:d,dateFormat:W}=t.appLocale.getLocalizedStrings();function he({monthEndCloseChecksView:e,isRealtimeInsightsFeatureEnabled:i,onMonthEndCheckClick:a,onBackClick:p,handleReviewButtonClick:h,onPeriodChange:$,onReload:b}){const x=o.useTheme(),q=t.useWindowSizeContext();t.useSentryPerformanceTracking({componentName:"expense_automation.overview"});const J=Y.useMemo(()=>{if(e.monthEndCloseChecks?.targetCloseDate==null)return d.strings.hyphen;const n=e.monthEndCloseChecks.targetCloseDate?.diff(G.dateNow(),"days");return Math.max(n,0)},[e.monthEndCloseChecks?.targetCloseDate]);if(e.monthEndCloseChecks==null||["Not-Started","In-Progress"].includes(e.fetchState)||["Not-Started","In-Progress"].includes(e.monthClosePerformanceTrendFetchStatus.fetchState))return o.jsxRuntimeExports.jsx(F,{"data-testid":t.generateDataTestId("expense-automation-overview-page-activity-indicator"),children:o.jsxRuntimeExports.jsx(X.BusyIndication,{fetchState:"In-Progress"})});if(e.monthEndCloseChecks==null||e.fetchState==="Error"||e.monthClosePerformanceTrendFetchStatus.fetchState==="Error")return o.jsxRuntimeExports.jsx(F,{children:o.jsxRuntimeExports.jsx(we,{"data-testid":t.generateDataTestId("expense-automation-overview-page-reload-page"),onClick:b,children:o.jsxRuntimeExports.jsx(t.SvgReload,{})})});const{monthEndCloseChecks:{auditSummary:u,monthEndCloseCheckList:L,reportEmailSentDate:M},refreshStatus:Z}=e;let C,g;u.auditScorePercentage<=50?(C=t.Colors.important,g=t.Colors.importantLight):u.auditScorePercentage<=75?(C=t.Colors.alert,g=t.Colors.alertLight):(C=t.Colors.success,g=t.Colors.successLight);const K=o.jsxRuntimeExports.jsx(be,{"data-testid":t.generateDataTestId("expense-automation-overview-page-refresh-icon"),onClick:b,children:o.jsxRuntimeExports.jsx(t.Tooltip,{style:{marginTop:t.Space.sp1},placement:"bottom",title:d.texts.refresh,enterDelay:600,children:o.jsxRuntimeExports.jsx(Te,{$spinning:Z.fetchState==="In-Progress"})})}),w=xe(L),D=ue(L);return o.jsxRuntimeExports.jsxs(ge,{children:[o.jsxRuntimeExports.jsx(t.NavBar,{title:o.jsxRuntimeExports.jsx(t.MonthEndCalendar,{pickerLabelStyle:{...t.textStyles.largeSemiBold.cssObject},onPeriodChange:$,monthEndCloseChecksView:e}),showBackButton:!0,onBackClick:p,source:"ExpenseAutomationOverviewPage",rightSideComponent:K}),o.jsxRuntimeExports.jsxs(Re,{children:[o.jsxRuntimeExports.jsx(je,{children:o.jsxRuntimeExports.jsx(Ce,{windowSize:q,children:o.jsxRuntimeExports.jsxs(Se,{children:[o.jsxRuntimeExports.jsxs(ye,{children:[o.jsxRuntimeExports.jsx($e,{children:o.jsxRuntimeExports.jsx(o.CircularProgressbar,{background:!0,value:Math.floor(u.auditScorePercentage),text:`${Math.floor(u.auditScorePercentage)}${d.strings.percentage}`,strokeWidth:10,styles:{...o.buildStyles({strokeLinecap:"butt",pathColor:C,textColor:x.colors.primary,trailColor:x.colors.grey2,backgroundColor:g}),root:{width:"96px",height:"96px",backgroundColor:g,borderRadius:"50%"},text:{fontSize:t.textStyles.h6Medium.fontSize,fontFamily:t.textStyles.h6Medium.fontFamily,lineHeight:t.textStyles.h6Medium.lineHeight,fontWeight:t.textStyles.h6Medium.fontWeight,letterSpacing:t.textStyles.h6Medium.letterSpacing,fill:t.Colors.primaryLight}}})}),o.jsxRuntimeExports.jsx(_e,{children:o.jsxRuntimeExports.jsxs(Ee,{children:[o.jsxRuntimeExports.jsxs(Ae,{children:[o.jsxRuntimeExports.jsxs(Le,{children:[o.jsxRuntimeExports.jsx(fe,{children:c.overview.confidenceScoreTitle}),o.jsxRuntimeExports.jsx(t.Tooltip,{display:"block",placement:"top",position:"relative",title:c.overview.confidenceScoreTooltip,style:{top:"-2px"},enterDelay:600,children:o.jsxRuntimeExports.jsx(Oe,{})}),u.auditReportLastGeneratedDate!=null?o.jsxRuntimeExports.jsx(Me,{children:u.auditReportLastGeneratedDate.utc(!0).fromNow()}):null]}),o.jsxRuntimeExports.jsx(E,{children:c.overview.auditScoreDescription})]}),o.jsxRuntimeExports.jsxs(Ne,{children:[o.jsxRuntimeExports.jsxs(H,{children:[o.jsxRuntimeExports.jsx(Be,{}),o.jsxRuntimeExports.jsx(E,{children:c.overview.targetClose}),e.monthEndCloseChecks.targetCloseDate!=null?o.jsxRuntimeExports.jsx(v,{children:e.monthEndCloseChecks.targetCloseDate.format(W.visual.MMMDCommaYYYYformat)}):o.jsxRuntimeExports.jsx(v,{children:d.strings.hyphen})]}),o.jsxRuntimeExports.jsxs(H,{children:[o.jsxRuntimeExports.jsx(ze,{}),o.jsxRuntimeExports.jsx(E,{children:c.overview.daysToClose}),o.jsxRuntimeExports.jsx(v,{children:J})]})]}),o.jsxRuntimeExports.jsx(t.Button,{style:{alignSelf:"flex-start"},variant:"primary",label:d.texts.review,onClick:h})]})})]}),o.jsxRuntimeExports.jsx(se,{data:e.monthClosePerformanceTrend.slice(-6),height:160})]})})}),o.jsxRuntimeExports.jsxs(ve,{children:[o.jsxRuntimeExports.jsxs(P,{children:[o.jsxRuntimeExports.jsx(S,{cardDisabled:!1,children:c.overview.checklist}),o.jsxRuntimeExports.jsx(I,{children:w.map((n,f)=>{const l=n.isDisabled;let m,j;return n.progress<=50?(m=t.Colors.important,j=t.Colors.importantLight):n.progress<=75?(m=t.Colors.alert,j=t.Colors.alertLight):(m=t.Colors.success,j=t.Colors.successLight),o.jsxRuntimeExports.jsxs(_,{index:f,totalCards:w.length,"data-testid":t.generateDataTestId("expense-automation-overview-page-month-end-close-check-card",n.id),cardDisabled:l,onClick:()=>{l===!1&&a(n.id)},children:[o.jsxRuntimeExports.jsxs(O,{children:[o.jsxRuntimeExports.jsx(N,{cardDisabled:l,isDarkMode:x.mode==="dark",children:o.jsxRuntimeExports.jsx(z,{as:T[n.id]??null})}),o.jsxRuntimeExports.jsxs(R,{children:[o.jsxRuntimeExports.jsx(S,{cardDisabled:l,children:n.title}),o.jsxRuntimeExports.jsx(A,{className:"card-description",cardDisabled:l,children:n.description})]})]}),n.metrics.map(y=>o.jsxRuntimeExports.jsx(me,{string:y.label,count:y.value},y.columnIndex)),o.jsxRuntimeExports.jsx(o.CircularProgressbar,{background:!0,value:Math.floor(n.progress),text:`${Math.floor(n.progress)}${d.strings.percentage}`,strokeWidth:10,styles:{...o.buildStyles({strokeLinecap:"butt",pathColor:m,textColor:x.colors.primary,trailColor:x.colors.grey2,backgroundColor:j}),root:{width:t.Space.sp7,height:t.Space.sp7,backgroundColor:j,borderRadius:"50%"},text:{fontSize:t.textStyles.h6Medium.fontSize,fontFamily:t.textStyles.h6Medium.fontFamily,lineHeight:t.textStyles.h6Medium.lineHeight,fontWeight:t.textStyles.h6Medium.fontWeight,letterSpacing:t.textStyles.h6Medium.letterSpacing,fill:t.Colors.primaryLight}}}),o.jsxRuntimeExports.jsx(B,{className:"card-right-chevron",disabled:l})]},n.id)})})]}),o.jsxRuntimeExports.jsxs(P,{children:[o.jsxRuntimeExports.jsx(S,{cardDisabled:!1,children:c.overview.checklistReport}),o.jsxRuntimeExports.jsx(I,{children:D.map((n,f)=>{const l=!i,m=l===!0||n.id==="month_end_insights"&&e.monthEndCloseChecks?.reportEmailSentDate!=null;return o.jsxRuntimeExports.jsxs(_,{index:f,totalCards:D.length,"data-testid":t.generateDataTestId("expense-automation-overview-page-month-end-close-check-card",n.id),cardDisabled:l,onClick:()=>{m===!1&&a(n.id)},children:[o.jsxRuntimeExports.jsxs(O,{children:[o.jsxRuntimeExports.jsx(N,{cardDisabled:l,isDarkMode:x.mode==="dark",children:o.jsxRuntimeExports.jsx(z,{as:T[n.id]??null})}),o.jsxRuntimeExports.jsxs(R,{children:[o.jsxRuntimeExports.jsx(S,{cardDisabled:l,children:n.title}),o.jsxRuntimeExports.jsx(A,{className:"card-description",cardDisabled:l,children:n.description})]})]}),o.jsxRuntimeExports.jsxs(ke,{children:[n.id==="month_end_insights"&&M!=null?o.jsxRuntimeExports.jsxs(Ie,{children:[o.jsxRuntimeExports.jsx(We,{children:d.texts.closed}),o.jsxRuntimeExports.jsx(Pe,{children:M.format(W.visual.MMMDCommaYYYYformat)})]}):null,o.jsxRuntimeExports.jsx(R,{children:o.jsxRuntimeExports.jsx(B,{className:"card-right-chevron",disabled:l})})]})]},n.id)})})]})]})]})]})}const ge=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  row-gap: ${t.Space.sp3};
+`,je=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp6};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  padding-bottom: ${t.Space.sp5};
+`,Ce=r.div`
+  background-repeat: no-repeat;
+  background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/expense-automation-background.png);
+`,Se=r.div`
+  display: flex;
+  align-items: center;
+  padding-left: ${t.Space.sp8};
+  padding-right: ${t.Space.sp8};
+  justify-content: space-between;
+  column-gap: ${t.Space.sp4};
+  height: 100%;
+`,fe=r(t.H5Regular)`
+  color: ${e=>e.theme.colors.primary};
+`,E=r(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  font-family: ${t.fonts.Roboto};
+`,ye=r.div`
+  display: flex;
+  column-gap: ${t.Space.sp4};
+  align-items: center;
+`,Ee=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+  width: 450px;
+`,Re=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  row-gap: ${t.Space.sp4};
+`,ve=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp5};
+  padding-bottom: ${t.Space.sp4};
+  padding-top: ${t.Space.sp3};
+  padding-left: ${t.Space.sp8};
+  padding-right: ${t.Space.sp8};
+`,S=r(t.LargeSemiBold)`
+  color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.primary};
+`,P=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+`,I=r.div`
+  display: flex;
+  flex-direction: column;
+`,_=r.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${t.Space.sp4};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-top-right-radius: ${e=>e.index===0?t.Space.sp2:0};
+  border-top-left-radius: ${e=>e.index===0?t.Space.sp2:0};
+  border-bottom-right-radius: ${e=>e.index===e.totalCards-1?t.Space.sp2:0};
+  border-bottom-left-radius: ${e=>e.index===e.totalCards-1?t.Space.sp2:0};
+  cursor: ${e=>e.cardDisabled?"not-allowed":"pointer"};
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp8};
+  justify-content: space-between;
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  ${e=>e.cardDisabled===!1?k.css`
+          &:hover {
+            border: 1px solid ${e.theme.colors.primary};
+            .card-right-chevron,
+            .card-description,
+            .progress-complete-text {
+              color: ${e.theme.colors.primary};
+            }
+          }
+        `:null}
+`,A=r(t.SmallRegular)`
+  color: ${e=>e.cardDisabled?e.theme.colors.grey2:e.theme.colors.hero};
+`,ke=r.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp7};
+`,R=r.div``,B=r(t.SvgArrowRight)`
+  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,z=r.div`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,N=r.div`
+  width: ${t.Space.sp7};
+  height: ${t.Space.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;
+`,O=r.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp3};
+  width: 352px;
+`,$e=r.div`
+  display: flex;
+  height: 96px;
+  justify-content: center;
+  margin-bottom: ${t.Space.sp7};
+  margin-left: ${t.Space.sp7};
+`,be=r.div`
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Le=r.div`
+  display: flex;
+  align-items: flex-end;
+  column-gap: ${t.Space.sp2};
+`,Me=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${t.Space.sp1};
+`,we=r.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${t.Space.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,F=r.div`
+  display: flex;
+  height: 100vh;
+  overflow: auto;
+  background-color: ${e=>e.theme.colors.grey5};
+  justify-content: center;
+  align-items: center;
+`,De=k.keyframes`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`,Te=r(t.SvgRefresh,{shouldForwardProp:e=>typeof e=="string"&&e!=="$spinning"})`
+  cursor: pointer;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  animation: ${e=>e.$spinning?k.css`
+          ${De} 2s linear infinite;
+        `:"none"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,We=r(t.LargeMedium)`
+  color: ${e=>e.theme.colors.success};
+`,Pe=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.success};
+`,Ie=r.div`
+  width: 82px;
+  text-align: center;
+`,_e=r.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+`,Ae=r.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp1};
+`,H=r.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp2};
+`,v=r(t.LargeRegular)`
+  color: ${e=>e.theme.colors.primary};
+  font-family: ${t.fonts.Roboto};
+`,Be=r(de)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,ze=r(pe)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,Ne=r.div`
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  row-gap: ${t.Space.sp2};
+`,Oe=r(t.SvgInfo)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Fe=r(t.LargeMedium)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp1};
+  width: 136px;
+`;exports.default=he;