@zeniai/web-components 3.16.49 → 3.16.51

package/dist/ExpenseAutomationOverviewPage-BzsDnR1B.cjs

@@ -1,241 +0,0 @@
-"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-DsYFWyt-.cjs"),X=require("./BusyIndication-AtGL0LFM.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;