npm - @zeniai/web-cockpit-ui - Versions diffs - 1.13.97-prod → 1.13.98-dev - Mend

@zeniai/web-cockpit-ui 1.13.97-prod → 1.13.98-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (248) hide show

package/dist/assets/{PandLWithForecastPage-DCJ3QTuj-CPKRdyVw.js → PandLWithForecastPage-D-000kuR-BW5fUkac.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{j as o,B as M,u as T,X as v,Y as A,aW as re,M as c,K as ie,e as ae,C as D,r as ce,o as s,D as le,ab as de,c0 as ge,c1 as pe,aS as me,q as C,l as H,a_ as he,c2 as ue,a9 as fe,aa as xe,av as we}from"./index-sK9Ftyw4.js";import{n as r,b as F}from"./vendor-CnQcJ2Lu.js";import{H as Se}from"./NavBarWithPicker-CXyMHDUO-Bs94YYmI.js";import{m as je}from"./analyticsHelper-CkzpobMi-D_btd99n.js";import{M as $e}from"./TimeframeSwitcherWithToggle-L1nNDGOE-Crad0c1r.js";import{a as be,W as Ce}from"./CollapsableReportTable-BGT77T9W-CUBrV0Bt.js";import{M as E}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import{T as Pe,I as ke,L as ye}from"./mapSectionWithAcOnlyToTreeNode-caUW45t5-DwAiwvFw.js";import{s as q}from"./mapTimeframeBalancesToTreeNode-DKrYq4x5-C3cOfAea.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-M9tK6u0Y-Cdz5qhRc.js";import"./AccountRow--5DnpNqk-BQr3z4DI.js";const G="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",K="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ze=r.div`
+import{j as o,D as M,u as T,X as v,Y as A,aV as re,M as c,K as ie,c as ae,C as D,v as ce,o as s,H as le,a7 as de,c0 as ge,c1 as pe,aS as me,n as P,l as Y,a_ as he,c2 as ue,a5 as fe,a6 as xe,ao as we}from"./index-DyBH5SZv.js";import{n as r,b as F}from"./vendor-CnQcJ2Lu.js";import{L as Se}from"./NavBarWithPicker-D4jJGXZB-BJWr2BT1.js";import{m as je}from"./analyticsHelper-DPbbQVAO-ChPUlKK7.js";import{M as $e}from"./TimeframeSwitcherWithToggle-Bc-Y5Hwv-0uMnBILy.js";import{R as Ce,a as Pe}from"./CollapsableReportTable-BBGdC6Ii-N5Ehkf8R.js";import{M as E}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import{T as be,I as ke,L as ye}from"./mapSectionWithAcOnlyToTreeNode-Dr43nOGj-FSgubQ7E.js";import{s as H}from"./mapTimeframeBalancesToTreeNode-DFanhVY8-Cl8Oktyg.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-CnLEHYWD-BW9vKcLS.js";import"./AccountRow-CP7Tu1pO-VLQJgkE6.js";const K="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",q="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ze=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -23,23 +23,23 @@ import{j as o,B as M,u as T,X as v,Y as A,aW as re,M as c,K as ie,e as ae,C as D
   align-items: center;
   justify-content: center;
   margin-bottom: ${e=>e.windowSize==="small"?s.sp3:s.sp4};
-`,Ie=r.div``,Z=r.div`
+`,Ie=r.div``,J=r.div`
   width: ${e=>e.windowSize==="small"?"auto":"408px"};
   display: flex;
   flex-direction: column;
-`,J=r.div`
+`,Q=r.div`
   width: ${e=>e.windowSize==="small"?"100%":"calc(100% - 408px)"};
   overflow: hidden;
   max-width: 712px;
   display: flex;
-`,Q=r.div`
+`,Z=r.div`
   margin-left: ${e=>e.windowSize==="small"?s.sp0:s.sp6};
   margin-bottom: ${e=>e.windowSize==="small"?s.sp4:s.sp0};
   background: ${e=>e.theme.colors.background};
   border-radius: 12px;
   border: ${e=>`1px solid ${e.theme.colors.grey5}`};
   padding: 15px;
-`,P=r.div`
+`,b=r.div`
   border-radius: ${s.sp12};
   border: ${e=>`1px solid ${e.theme.colors.grey2}`};
   padding: ${e=>e.windowSize==="small"?`${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}`:`${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
@@ -54,9 +54,9 @@ import{j as o,B as M,u as T,X as v,Y as A,aW as re,M as c,K as ie,e as ae,C as D
   color: ${e=>e.theme.colors.champion};
 `,O=r(xe)`
   color: ${e=>e.theme.colors.champion};
-`,B=r(fe)`
+`,_=r(fe)`
   color: ${e=>e.theme.colors.champion};
-`,_=r(ue)`
+`,B=r(ue)`
   color: ${e=>e.theme.colors.champion};
 `,k=r.div``,y=r.div`
   padding-left: ${s.sp3};
@@ -70,7 +70,7 @@ import{j as o,B as M,u as T,X as v,Y as A,aW as re,M as c,K as ie,e as ae,C as D
   margin: ${s.sp3} auto;
   max-width: 422px;
   color: ${e=>e.theme.colors.hero};
-`,Ae=()=>{const e=T(),t=v();return o.jsxs(X,{windowSize:t,children:[o.jsx(J,{windowSize:t,children:o.jsx(Q,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:G,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(Z,{windowSize:t,children:[o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Fe=()=>{const e=T(),t=v();return o.jsxs(X,{windowSize:t,children:[o.jsxs(Z,{windowSize:t,children:[o.jsxs(P,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(P,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(P,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(J,{windowSize:t,children:o.jsx(Q,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:G,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Ne=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const a=T(),l=v(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(ze,{"data-testid":A("forecast-promo-page"),children:[o.jsx(re,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(ve,{"data-testid":A("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Te,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Le,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ae,{}):o.jsx(Fe,{}),o.jsxs(Ie,{"data-testid":A("forecast-promo-bottom-container"),children:[o.jsx(ie,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Me,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Oe(e,t,n=!0){const a=c.getLocalizedStrings().reports,l=e.filter.balancesRange.numberOfPeriods,d=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],m=q({balances:d,config:t}),p=[];return p.push(m),e.idsInOrder.forEach(i=>{if(H.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?p.push(Pe({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):p.push(ke({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else H.isPandLReportViewCalculatedSectionID(i)===!0&&p.push(ye({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[m]:[],contentNodes:p}}function Be(e,t,n,a=!0){Object.assign(e.config,t);const l=n.sections.expenses.balances.length>0?[...n.sections.expenses.balances,...n.sections.expenses.additionalBalances]:[...n.sections.income.balances,...n.sections.income.additionalBalances],d=q({balances:l,config:t,nodeId:e.contentNodes[0].id}),m=e.contentNodes.slice(1);return m.forEach(p=>se(p,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...m]}}function se(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>se(n,t))}const L={contentPaddingLeft:new D(C[3],C[3],C[8]),contentPaddingRight:new D(C[3],C[3],C[8])},_e=r.div`
+`,Ae=()=>{const e=T(),t=v();return o.jsxs(X,{windowSize:t,children:[o.jsx(Q,{windowSize:t,children:o.jsx(Z,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:q,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(J,{windowSize:t,children:[o.jsxs(b,{windowSize:t,children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(b,{windowSize:t,children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(b,{windowSize:t,children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Fe=()=>{const e=T(),t=v();return o.jsxs(X,{windowSize:t,children:[o.jsxs(J,{windowSize:t,children:[o.jsxs(b,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(b,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(b,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(Q,{windowSize:t,children:o.jsx(Z,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:q,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Ne=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const a=T(),l=v(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(ze,{"data-testid":A("forecast-promo-page"),children:[o.jsx(re,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(ve,{"data-testid":A("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Te,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Le,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ae,{}):o.jsx(Fe,{}),o.jsxs(Ie,{"data-testid":A("forecast-promo-bottom-container"),children:[o.jsx(ie,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Me,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Oe(e,t,n=!0){const a=c.getLocalizedStrings().reports,l=e.filter.balancesRange.numberOfPeriods,d=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],m=H({balances:d,config:t}),p=[];return p.push(m),e.idsInOrder.forEach(i=>{if(Y.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?p.push(be({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):p.push(ke({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else Y.isPandLReportViewCalculatedSectionID(i)===!0&&p.push(ye({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[m]:[],contentNodes:p}}function _e(e,t,n,a=!0){Object.assign(e.config,t);const l=n.sections.expenses.balances.length>0?[...n.sections.expenses.balances,...n.sections.expenses.additionalBalances]:[...n.sections.income.balances,...n.sections.income.additionalBalances],d=H({balances:l,config:t,nodeId:e.contentNodes[0].id}),m=e.contentNodes.slice(1);return m.forEach(p=>se(p,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...m]}}function se(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>se(n,t))}const L={contentPaddingLeft:new D(P[3],P[3],P[8]),contentPaddingRight:new D(P[3],P[3],P[8])},Be=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -83,7 +83,7 @@ import{j as o,B as M,u as T,X as v,Y as A,aW as re,M as c,K as ie,e as ae,C as D
   width: 99.9%;
   margin-top: ${s.sp2};
   background-color: ${e=>e.theme.colors.grey4};
-`,Ve=r.div`
+`,Re=r.div`
   display: flex;
   width: 100%;
   flex: 1;
@@ -92,7 +92,7 @@ import{j as o,B as M,u as T,X as v,Y as A,aW as re,M as c,K as ie,e as ae,C as D
   justify-content: center;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,U=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?o.jsx(Ve,{children:o.jsx(ae,{size:"ExtraLarge",start:!0})}):null,Re=r.div`
+`,U=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?o.jsx(Re,{children:o.jsx(ae,{size:"ExtraLarge",start:!0})}):null,Ve=r.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -104,4 +104,4 @@ import{j as o,B as M,u as T,X as v,Y as A,aW as re,M as c,K as ie,e as ae,C as D
   align-items: center;
   justify-content: center;
   margin-bottom: ${s.sp3};
-`,De=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:m,onBackClick:p,isPandLReportFetching:i,onClickMenuIcon:f})=>{const h=v(),u=[];for(let g=0;g<e.length;++g)u.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:u,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ce.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const z=e[parseInt(g)];n?.(z.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:p,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:f},$={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:a,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:d,onTimeframeSelectionChanged:g=>m?.(g)}};return o.jsxs(Re,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(Se,{...x}),i?"":o.jsx(We,{children:o.jsx($e,{...$})})]})},He=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:m,onTableScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f})=>{const h=T(),u=v(),[x,$]=F.useState(void 0),[g,z]=F.useState(void 0),b=!(u==="small"||u==="medium-compact"),I=n===!0?"actual_vs_forecast":"none";return F.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:I,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:Ce(t)===!0&&n===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:he()};if(x==null||!le(g,e)){const w=Oe(e,S,b);z(e),$(w)}else{const w=Be(x,S,e,b);$(w)}},[t,n,e]),x!=null?o.jsx(be,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:b,isStickyName:b},treeNodePadding:{left:L.contentPaddingLeft.value(u),right:L.contentPaddingRight.value(u)},onAccountClick:l==null?void 0:(S,w)=>{l(S,w)},onCompareModeChanged:d,scrollPosition:m,onScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function po({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:m,meetingUrl:p,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:b,onNodeCollapseToggled:I,onBackClick:S,onClickMenuIcon:w}){const V=[a.fetchState,d.fetchState],R=l?.index??-1;return ne(V)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Ne,{meetingUrl:p,onBackClick:S,onClickMenuIcon:w}):Y([a.fetchState])===!0?o.jsx(U,{fetchState:Ye(V)}):o.jsxs(_e,{children:[o.jsx(De,{forecastList:a.forecasts,selectedForecastIndex:R,onForecastSelectionChanged:(j,W)=>{i?.trackForecastSwitch(M.Event.profitAndLossWithForecast,a.forecasts[W].name),f?.(j,W)},vsActualOn:t,onVsActualChanged:j=>{i?.trackForecastVsActualMode(M.Event.profitAndLossWithForecast,a.forecasts[R].name,j),u?.(j)},selectedTimeframe:e,onTimeframeChanged:j=>{i?.trackTimeframeSwitch(je(j),M.Event.profitAndLossWithForecast),h?.(j)},onBackClick:S,isPandLReportFetching:Y([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(U,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(He,{report:d,type:m,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:b,onNodeCollapseToggled:I})})]})}const Ue=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),ne=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),Y=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ye=e=>Ue(e)===!0?"Completed":ne(e)===!0?"Error":"In-Progress";export{po as default,Y as isAnyInProgress};
+`,De=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:m,onBackClick:p,isPandLReportFetching:i,onClickMenuIcon:f})=>{const h=v(),u=[];for(let g=0;g<e.length;++g)u.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:u,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ce.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const z=e[parseInt(g)];n?.(z.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:p,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:f},$={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:a,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:d,onTimeframeSelectionChanged:g=>m?.(g)}};return o.jsxs(Ve,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(Se,{...x}),i?"":o.jsx(We,{children:o.jsx($e,{...$})})]})},Ye=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:m,onTableScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f})=>{const h=T(),u=v(),[x,$]=F.useState(void 0),[g,z]=F.useState(void 0),C=!(u==="small"||u==="medium-compact"),I=n===!0?"actual_vs_forecast":"none";return F.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:I,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:Pe(t)===!0&&n===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:he()};if(x==null||!le(g,e)){const w=Oe(e,S,C);z(e),$(w)}else{const w=_e(x,S,e,C);$(w)}},[t,n,e]),x!=null?o.jsx(Ce,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:C,isStickyName:C},treeNodePadding:{left:L.contentPaddingLeft.value(u),right:L.contentPaddingRight.value(u)},onAccountClick:l==null?void 0:(S,w)=>{l(S,w)},onCompareModeChanged:d,scrollPosition:m,onScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function po({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:m,meetingUrl:p,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:C,onNodeCollapseToggled:I,onBackClick:S,onClickMenuIcon:w}){const R=[a.fetchState,d.fetchState],V=l?.index??-1;return ne(R)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Ne,{meetingUrl:p,onBackClick:S,onClickMenuIcon:w}):G([a.fetchState])===!0?o.jsx(U,{fetchState:Ge(R)}):o.jsxs(Be,{children:[o.jsx(De,{forecastList:a.forecasts,selectedForecastIndex:V,onForecastSelectionChanged:(j,W)=>{i?.trackForecastSwitch(M.Event.profitAndLossWithForecast,a.forecasts[W].name),f?.(j,W)},vsActualOn:t,onVsActualChanged:j=>{i?.trackForecastVsActualMode(M.Event.profitAndLossWithForecast,a.forecasts[V].name,j),u?.(j)},selectedTimeframe:e,onTimeframeChanged:j=>{i?.trackTimeframeSwitch(je(j),M.Event.profitAndLossWithForecast),h?.(j)},onBackClick:S,isPandLReportFetching:G([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(U,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(Ye,{report:d,type:m,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:C,onNodeCollapseToggled:I})})]})}const Ue=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),ne=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),G=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ge=e=>Ue(e)===!0?"Completed":ne(e)===!0?"Error":"In-Progress";export{po as default,G as isAnyInProgress};

package/dist/assets/{PaymentAccountSetupBillingAddressSection-CaZETrGz-CL6ak5nD.js → PaymentAccountSetupBillingAddressSection-CwbX_znq-C6WVSYgS.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{eO as Z,M as K,h4 as de,a5 as le,r as B,o as a,g as z,X as N,j as t,bA as pe,h5 as me,u as re,cg as ge,ab as F,C as W,aQ as he,eY as ue,t as ie,h6 as fe,h7 as Se,h8 as q,h9 as G,ha as Y,a7 as ye,i as X,q as xe,gh as be,m as Ce,Q as we}from"./index-sK9Ftyw4.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";import{O as ve}from"./SetUpAccountSection-CyyxtFvK-CV60qDRz.js";const Pe={containerHeight:new W(656,720)},$e=o.div`
+import{eM as K,M as Z,h2 as de,a1 as le,v as B,o as a,g as z,X as q,j as t,bz as pe,h3 as me,u as re,cg as ge,a7 as W,C as F,aQ as he,eW as ue,q as ie,h4 as fe,h5 as Se,h6 as Q,h7 as G,h8 as X,a3 as ye,i as Y,n as xe,gf as be,f as Ce,Q as ve}from"./index-DyBH5SZv.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";import{O as we}from"./SetUpAccountSection-BEJy78G6-Do1X3vVo.js";const Pe={containerHeight:new F(656,720)},$e=o.div`
   display: flex;
   flex-direction: column;
   gap: 20px;
@@ -81,26 +81,26 @@ import{eO as Z,M as K,h4 as de,a5 as le,r as B,o as a,g as z,X as N,j as t,bA as
   color: ${z.important};
   width: 434px;
   text-align: center;
-`,{cardPayment:c,common:{footer:te}}=K.getLocalizedStrings(),De=o(Ce)`
+`,{cardPayment:c,common:{footer:te}}=Z.getLocalizedStrings(),Me=o(Ce)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
   margin-top: ${a.sp2};
-`,ae=e=>`${e}_form`,se="CardPaymentPaymentForm",Me=({cardPaymentView:e,clientSecret:r,cardSetupInProgress:m,handleConfirmCardSetupIntent:i,updateCardPaymentModalState:y,handleAddCardPaymentSource:d,setCardSetupInProgress:g})=>{const x=fe(),n=Se(),[l,h]=p.useState(!1),[P,$]=p.useState(!1),[b,C]=p.useState(!1),[u,w]=p.useState(!1),j=N(),_=e.cardSetupConfirmStatus.fetchState,T=e.addCardPaymentSourceStatus.fetchState,D=e.cardSetupIntentStatus.fetchState,[I,f]=p.useState(!1),V=async S=>{if(S.preventDefault(),!x||!n)return;const v=n.getElement(q),E=n.getElement(G),A=n.getElement(Y);(!v||!E||!A)&&f(!0),w(!0),g(!0),v!=null&&E!=null&&A!=null&&x.confirmCardSetup(r,{payment_method:{card:v}}).then(L=>{w(!1),i(L),L.setupIntent?.id!=null&&d("card","payment_intent",L.setupIntent?.id)}).catch(()=>{w(!1),setTimeout(()=>{g(!1)},2e3)})},R=re(),U={showIcon:!0,style:{base:{...B.standardRegular.cssObject,color:R.colors.primary,"::placeholder":{color:R.colors.grey2}},invalid:{color:z.important,iconColor:z.important}}},M=_==="In-Progress"||T==="In-Progress"||D==="In-Progress"||u===!0||m===!0,H=l||P||b||_==="In-Progress"||T==="In-Progress"||D==="In-Progress"||u===!0||m===!0;return t.jsx(Ie,{windowSize:j,children:t.jsxs(je,{onSubmit:V,id:ae(se),children:[t.jsxs(Ee,{children:[t.jsx(Ae,{children:t.jsx(ke,{children:t.jsx(q,{options:U,onChange:S=>h(!!S.error)})})}),t.jsx(_e,{children:t.jsxs(Re,{children:[t.jsx(ee,{children:c.cardNumber}),t.jsx(G,{options:U,onChange:S=>$(!!S.error)})]})}),t.jsx(Te,{children:t.jsxs(Ue,{children:[t.jsx(ee,{children:c.CVC}),t.jsx(Y,{options:U,onChange:S=>C(!!S.error)})]})})]}),e.cardSetupConfirmStatus.error||I?t.jsx(ne,{children:c.errorMsg}):null,t.jsx(ye,{style:{width:"100%",padding:`${a.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:ae(se),primaryBtn:{label:te.linkCard,style:{width:"104px",height:a.sp6},isLoading:M,isDisabled:H,type:"submit"},cancelBtn:{label:te.cancel,style:{width:"104px",height:a.sp6},onClick:()=>{y(!1)}}}),t.jsxs(De,{windowSize:j,children:[c.terms.term1,t.jsx(X,{href:c.terms.term2Link,linkText:c.terms.term2}),c.terms.term3,t.jsx(X,{href:c.terms.term4Link,linkText:c.terms.term4})]})]})})},qe=({isCardPaymentOpen:e,cardPaymentView:r,stripeKey:m,cardSetupInProgress:i,handleConfirmCardSetupIntent:y,updateCardPaymentModalState:d,handleCreateCardSetupIntent:g,handleAddCardPaymentSource:x,handleResetCardPaymentErrorStatuses:n,setCardSetupInProgress:l})=>{const[h,P]=p.useState(""),$=de(m),b=le(r.addCardPaymentSourceStatus.fetchState),C=r.addCardPaymentSourceStatus.fetchState;p.useEffect(()=>(g(["card"]),()=>{d(!1),P(""),n()}),[]),p.useEffect(()=>{n()},[e]),p.useEffect(()=>{b==="In-Progress"&&C==="Error"?(l(!1),setTimeout(()=>{d(!1)},2e3)):b==="In-Progress"&&C==="Completed"&&(g(["card"]),setTimeout(()=>{d(!1),l(!1)},2e3))},[b,C]),p.useEffect(()=>{(r.cardSetupConfirmStatus.error||r.addCardPaymentSourceStatus.error)&&(g(["card"]),setTimeout(()=>{l(!1)},2e3))},[r.cardSetupConfirmStatus.error,r.addCardPaymentSourceStatus.error]),p.useEffect(()=>{r.clientSecret!=null&&P(r.clientSecret)},[r.clientSecret]);const u={theme:"stripe",variables:{borderRadius:a.sp1,fontSizeBase:B.standardRegular.fontSize,fontFamily:B.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${z.neutralGrey3Light}`,borderRadius:a.sp1,padding:"10px",fontSize:B.standardRegular.fontSize}}},w={clientSecret:h,appearance:u},j=N();return t.jsx(pe,{open:e,children:t.jsxs($e,{windowSize:j,isError:!!r.cardSetupConfirmStatus.error,children:[t.jsx(Le,{children:c.title}),t.jsx(ze,{children:c.subtitle}),h&&$!=null?t.jsx(me,{options:w,stripe:$,children:t.jsx(Me,{clientSecret:h,handleConfirmCardSetupIntent:y,updateCardPaymentModalState:d,handleAddCardPaymentSource:x,cardPaymentView:r,cardSetupInProgress:i,setCardSetupInProgress:l})}):t.jsx(ne,{children:c.errorMsg})]})})},{cardBrands:s}=K.getLocalizedStrings().cardPayment,J={visa:{name:s.visa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/visa.svg"},mastercard:{name:s.mastercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/mastercard.svg"},american_express:{name:s.american_express,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/amex.svg"},discover:{name:s.discover,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/discover-global.svg"},jcb:{name:s.jcb,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/jcb-card.svg"},diners_club:{name:s.diners_club,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dinersclub.svg"},unionpay:{name:s.unionpay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},rupay:{name:s.rupay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rupay-card.svg"},bancontact:{name:s.bancontact,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cmr_falabella:{name:s.cmr_falabella,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},tarjeta_naranja:{name:s.tarjeta_naranja,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},nativa:{name:s.nativa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cencosud:{name:s.cencosud,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cabal:{name:s.cabal,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},argencard:{name:s.argencard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},elo:{name:s.elo,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/elo-card.svg"},hipercard:{name:s.hipercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/hipercard.svg"},carnet:{name:s.carnet,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/carnet.svg"},maestro:{name:s.maestro,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/maestro.svg"},not_applicable:{name:s.not_applicable,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},eftpos_australia:{name:s.eftpos_australia,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},girocard:{name:s.girocard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},other:{name:s.other,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},unknown:{name:s.unknown,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}},k={sectionWidth:new W(343,580,726),iconWidthHeight:new W(20,xe[4])},Oe={title:new we("standardSemiBold","largeSemiBold")},oe=e=>e?J[e]??{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}:{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},Be=(e,r,m,i)=>({header:e,title:`${Z(J[i.cardsList[0]?.brand]?.name??"")} ${r}`,subtitle:`${Z(J[i.cardsList[0]?.brand]?.name??"")} ${m} ${i.cardsList[0]?.last4}`,status:i.cardsList[0]?.status}),Ve=o.img`
+`,ae=e=>`${e}_form`,se="CardPaymentPaymentForm",De=({cardPaymentView:e,clientSecret:r,cardSetupInProgress:m,handleConfirmCardSetupIntent:i,updateCardPaymentModalState:y,handleAddCardPaymentSource:d,setCardSetupInProgress:g})=>{const x=fe(),n=Se(),[l,h]=p.useState(!1),[P,$]=p.useState(!1),[b,C]=p.useState(!1),[u,v]=p.useState(!1),j=q(),_=e.cardSetupConfirmStatus.fetchState,T=e.addCardPaymentSourceStatus.fetchState,M=e.cardSetupIntentStatus.fetchState,[I,f]=p.useState(!1),V=async S=>{if(S.preventDefault(),!x||!n)return;const w=n.getElement(Q),E=n.getElement(G),A=n.getElement(X);(!w||!E||!A)&&f(!0),v(!0),g(!0),w!=null&&E!=null&&A!=null&&x.confirmCardSetup(r,{payment_method:{card:w}}).then(L=>{v(!1),i(L),L.setupIntent?.id!=null&&d("card","payment_intent",L.setupIntent?.id)}).catch(()=>{v(!1),setTimeout(()=>{g(!1)},2e3)})},R=re(),U={showIcon:!0,style:{base:{...B.standardRegular.cssObject,color:R.colors.primary,"::placeholder":{color:R.colors.grey2}},invalid:{color:z.important,iconColor:z.important}}},D=_==="In-Progress"||T==="In-Progress"||M==="In-Progress"||u===!0||m===!0,H=l||P||b||_==="In-Progress"||T==="In-Progress"||M==="In-Progress"||u===!0||m===!0;return t.jsx(Ie,{windowSize:j,children:t.jsxs(je,{onSubmit:V,id:ae(se),children:[t.jsxs(Ee,{children:[t.jsx(Ae,{children:t.jsx(ke,{children:t.jsx(Q,{options:U,onChange:S=>h(!!S.error)})})}),t.jsx(_e,{children:t.jsxs(Re,{children:[t.jsx(ee,{children:c.cardNumber}),t.jsx(G,{options:U,onChange:S=>$(!!S.error)})]})}),t.jsx(Te,{children:t.jsxs(Ue,{children:[t.jsx(ee,{children:c.CVC}),t.jsx(X,{options:U,onChange:S=>C(!!S.error)})]})})]}),e.cardSetupConfirmStatus.error||I?t.jsx(ne,{children:c.errorMsg}):null,t.jsx(ye,{style:{width:"100%",padding:`${a.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:ae(se),primaryBtn:{label:te.linkCard,style:{width:"104px",height:a.sp6},isLoading:D,isDisabled:H,type:"submit"},cancelBtn:{label:te.cancel,style:{width:"104px",height:a.sp6},onClick:()=>{y(!1)}}}),t.jsxs(Me,{windowSize:j,children:[c.terms.term1,t.jsx(Y,{href:c.terms.term2Link,linkText:c.terms.term2}),c.terms.term3,t.jsx(Y,{href:c.terms.term4Link,linkText:c.terms.term4})]})]})})},Qe=({isCardPaymentOpen:e,cardPaymentView:r,stripeKey:m,cardSetupInProgress:i,handleConfirmCardSetupIntent:y,updateCardPaymentModalState:d,handleCreateCardSetupIntent:g,handleAddCardPaymentSource:x,handleResetCardPaymentErrorStatuses:n,setCardSetupInProgress:l})=>{const[h,P]=p.useState(""),$=de(m),b=le(r.addCardPaymentSourceStatus.fetchState),C=r.addCardPaymentSourceStatus.fetchState;p.useEffect(()=>(g(["card"]),()=>{d(!1),P(""),n()}),[]),p.useEffect(()=>{n()},[e]),p.useEffect(()=>{b==="In-Progress"&&C==="Error"?(l(!1),setTimeout(()=>{d(!1)},2e3)):b==="In-Progress"&&C==="Completed"&&(g(["card"]),setTimeout(()=>{d(!1),l(!1)},2e3))},[b,C]),p.useEffect(()=>{(r.cardSetupConfirmStatus.error||r.addCardPaymentSourceStatus.error)&&(g(["card"]),setTimeout(()=>{l(!1)},2e3))},[r.cardSetupConfirmStatus.error,r.addCardPaymentSourceStatus.error]),p.useEffect(()=>{r.clientSecret!=null&&P(r.clientSecret)},[r.clientSecret]);const u={theme:"stripe",variables:{borderRadius:a.sp1,fontSizeBase:B.standardRegular.fontSize,fontFamily:B.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${z.neutralGrey3Light}`,borderRadius:a.sp1,padding:"10px",fontSize:B.standardRegular.fontSize}}},v={clientSecret:h,appearance:u},j=q();return t.jsx(pe,{open:e,children:t.jsxs($e,{windowSize:j,isError:!!r.cardSetupConfirmStatus.error,children:[t.jsx(Le,{children:c.title}),t.jsx(ze,{children:c.subtitle}),h&&$!=null?t.jsx(me,{options:v,stripe:$,children:t.jsx(De,{clientSecret:h,handleConfirmCardSetupIntent:y,updateCardPaymentModalState:d,handleAddCardPaymentSource:x,cardPaymentView:r,cardSetupInProgress:i,setCardSetupInProgress:l})}):t.jsx(ne,{children:c.errorMsg})]})})},{cardBrands:s}=Z.getLocalizedStrings().cardPayment,N={visa:{name:s.visa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/visa.svg"},mastercard:{name:s.mastercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/mastercard.svg"},american_express:{name:s.american_express,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/amex.svg"},discover:{name:s.discover,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/discover-global.svg"},jcb:{name:s.jcb,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/jcb-card.svg"},diners_club:{name:s.diners_club,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dinersclub.svg"},unionpay:{name:s.unionpay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},rupay:{name:s.rupay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rupay-card.svg"},bancontact:{name:s.bancontact,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cmr_falabella:{name:s.cmr_falabella,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},tarjeta_naranja:{name:s.tarjeta_naranja,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},nativa:{name:s.nativa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cencosud:{name:s.cencosud,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cabal:{name:s.cabal,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},argencard:{name:s.argencard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},elo:{name:s.elo,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/elo-card.svg"},hipercard:{name:s.hipercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/hipercard.svg"},carnet:{name:s.carnet,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/carnet.svg"},maestro:{name:s.maestro,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/maestro.svg"},not_applicable:{name:s.not_applicable,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},eftpos_australia:{name:s.eftpos_australia,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},girocard:{name:s.girocard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},other:{name:s.other,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},unknown:{name:s.unknown,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}},k={sectionWidth:new F(343,580,726),iconWidthHeight:new F(20,xe[4])},Oe={title:new ve("standardSemiBold","largeSemiBold")},oe=e=>e?N[e]??{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}:{name:"Other",iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},Be=(e,r,m,i)=>({header:e,title:`${K(N[i.cardsList[0]?.brand]?.name??"")} ${r}`,subtitle:`${K(N[i.cardsList[0]?.brand]?.name??"")} ${m} ${i.cardsList[0]?.last4}`,status:i.cardsList[0]?.status}),Ve=o.img`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`,Ge=({paymentAccount:e,plaidConnectionDetails:r,connectedAccountProvider:m,sectionId:i,isDisabled:y,hasError:d=!1,isValid:g,style:x,analytics:n,onFetchLinkTokenClick:l,onEstablishConnectionClick:h,onUpdatePaymentAccountStatus:P,onUpdatePaymentAccountLoginStatus:$,onEstablishConnectionSuccess:b,updateCardPaymentModalState:C,cardPaymentView:u,resetCardPaymentViewState:w,cardSetupInProgress:j=!1,googleAPIKey:_,subscriptionBillingAddress:T,subscriptionBillingAddressSectionId:D})=>{const I=re(),f=N(),{register:V}=ge(),R=I.mode==="light"?new F(I.colors.brandColorJadeLight):new F(I.colors.brandColorJadeDark),{common:U,customerOnboardingPage:{sections:{link_payment_account:{title:M,text:H,subText:S},card_payment_method:v}}}=K.getLocalizedStrings(),E=u.cardsList.length>0,A=u.cardsList[0]?.brand??"other",L=u.addCardPaymentSourceStatus.fetchState,O=Be(v.header,v.titleText,v.protectedCardNo,u);let Q;return E&&(Q={header:O.header,title:O.title,subtitle:O.subtitle,status:O.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:E===!0,icon:{element:t.jsx(Ve,{src:oe(A).iconURL,width:k.iconWidthHeight.valuePx(f),height:k.iconWidthHeight.valuePx(f),alt:oe(A).name,loading:"lazy"}),color:new F(R)},showCompletedIcon:!1,isError:L==="Error",isLoading:L==="In-Progress",isCompleted:!0,showRightArrow:!1}),t.jsxs(Fe,{windowSize:f,children:[t.jsx(We,{type:"hidden",...V(`${i}.connected`,{validate:ce=>d?ce==="true":!0}),value:g?"true":"false"}),t.jsx(ve,{connectedAccountProvider:m,paymentAccount:e,plaidConnectionDetails:r,allBankAccounts:[],header:M,sectionTitle:M,defaultSectionTitle:H,defaultSectionSubTitle:S,sectionId:i,isDisabled:y,hasError:d,showZeniAccountSection:!1,isCompleted:e?.providerVerificationStatus?.code?.includes("verified")===!0&&e?.isLoginRequired===!1,showCompletedIcon:f==="small",onFetchLinkTokenClick:l,onEstablishConnectionClick:h,onUpdatePaymentAccountStatus:P,onUpdatePaymentAccountLoginStatus:$,onEstablishConnectionSuccess:b,style:x,icon:{element:t.jsx(he,{width:k.iconWidthHeight.valuePx(f),height:k.iconWidthHeight.valuePx(f)}),color:R},analytics:n,productType:"onboarding",resetCardPaymentViewState:w,cardPaymentSectionValues:Q,cardPaymentView:u,updateCardPaymentModalState:C,referrer:"Onboarding",cardSetupInProgress:j}),He(f,U.headers.billingAddress,D,n,T,_,y)]})},He=(e,r,m,i,y,d,g)=>{const x={"Add street address":"street_address","Add suite":"suite","Add city":"city","Add state":"state","Select country":"country","Add ZIP code":"zip_code","Add secondary info":"secondary_info"};return t.jsxs(Ke,{children:[t.jsx(Je,{windowSize:e,isDisabled:g==="disabled",children:r}),t.jsx(be,{googleAPIKey:d??"",addressToEdit:y,sectionId:`${m}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:n=>{if(n.target instanceof HTMLInputElement){const{placeholder:l}=n.target;if(l){const h=x[l];h&&i.trackOnboardingBillingAddress(h)}}}})]})},Fe=o.div`
+`,Ge=({paymentAccount:e,plaidConnectionDetails:r,connectedAccountProvider:m,sectionId:i,isDisabled:y,hasError:d=!1,isValid:g,style:x,analytics:n,onFetchLinkTokenClick:l,onEstablishConnectionClick:h,onUpdatePaymentAccountStatus:P,onUpdatePaymentAccountLoginStatus:$,onEstablishConnectionSuccess:b,updateCardPaymentModalState:C,cardPaymentView:u,resetCardPaymentViewState:v,cardSetupInProgress:j=!1,googleAPIKey:_,subscriptionBillingAddress:T,subscriptionBillingAddressSectionId:M})=>{const I=re(),f=q(),{register:V}=ge(),R=I.mode==="light"?new W(I.colors.brandColorJadeLight):new W(I.colors.brandColorJadeDark),{common:U,customerOnboardingPage:{sections:{link_payment_account:{title:D,text:H,subText:S},card_payment_method:w}}}=Z.getLocalizedStrings(),E=u.cardsList.length>0,A=u.cardsList[0]?.brand??"other",L=u.addCardPaymentSourceStatus.fetchState,O=Be(w.header,w.titleText,w.protectedCardNo,u);let J;return E&&(J={header:O.header,title:O.title,subtitle:O.subtitle,status:O.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:E===!0,icon:{element:t.jsx(Ve,{src:oe(A).iconURL,width:k.iconWidthHeight.valuePx(f),height:k.iconWidthHeight.valuePx(f),alt:oe(A).name,loading:"lazy"}),color:new W(R)},showCompletedIcon:!1,isError:L==="Error",isLoading:L==="In-Progress",isCompleted:!0,showRightArrow:!1}),t.jsxs(We,{windowSize:f,children:[t.jsx(Fe,{type:"hidden",...V(`${i}.connected`,{validate:ce=>d?ce==="true":!0}),value:g?"true":"false"}),t.jsx(we,{connectedAccountProvider:m,paymentAccount:e,plaidConnectionDetails:r,allBankAccounts:[],header:D,sectionTitle:D,defaultSectionTitle:H,defaultSectionSubTitle:S,sectionId:i,isDisabled:y,hasError:d,showZeniAccountSection:!1,isCompleted:e?.providerVerificationStatus?.code?.includes("verified")===!0&&e?.isLoginRequired===!1,showCompletedIcon:f==="small",onFetchLinkTokenClick:l,onEstablishConnectionClick:h,onUpdatePaymentAccountStatus:P,onUpdatePaymentAccountLoginStatus:$,onEstablishConnectionSuccess:b,style:x,icon:{element:t.jsx(he,{width:k.iconWidthHeight.valuePx(f),height:k.iconWidthHeight.valuePx(f)}),color:R},analytics:n,productType:"onboarding",resetCardPaymentViewState:v,cardPaymentSectionValues:J,cardPaymentView:u,updateCardPaymentModalState:C,referrer:"Onboarding",cardSetupInProgress:j}),He(f,U.headers.billingAddress,M,n,T,_,y)]})},He=(e,r,m,i,y,d,g)=>{const x={"Add street address":"street_address","Add suite":"suite","Add city":"city","Add state":"state","Select country":"country","Add ZIP code":"zip_code","Add secondary info":"secondary_info"};return t.jsxs(Ze,{children:[t.jsx(Ne,{windowSize:e,isDisabled:g==="disabled",children:r}),t.jsx(be,{googleAPIKey:d??"",addressToEdit:y,sectionId:`${m}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:n=>{if(n.target instanceof HTMLInputElement){const{placeholder:l}=n.target;if(l){const h=x[l];h&&i.trackOnboardingBillingAddress(h)}}}})]})},We=o.div`
   display: flex;
   flex-direction: column;
   width: ${e=>k.sectionWidth.valuePx(e.windowSize)};
   padding-bottom: ${a.sp3};
-`,We=o.input`
+`,Fe=o.input`
   display: none;
-`,Je=o.div`
+`,Ne=o.div`
   ${e=>`${Oe.title.style(e.windowSize)}`};
   margin-bottom: ${a.sp3};
   margin-top: ${a.sp3};
   color: ${e=>e.isError===!0?z.important:e.isDisabled===!0?e.theme.colors.grey1:e.theme.colors.primary};
-`,Ke=o.div`
+`,Ze=o.div`
   margin-top: ${a.sp5};
   margin-bottom: ${a.sp4};
-`;export{Be as M,qe as e,oe as r,Ge as t};
+`;export{Be as M,Qe as e,oe as r,Ge as t};

package/dist/assets/{PeoplePage-PvOhX-gy-Ba-if4o6.js → PeoplePage-MwM0lFB9-B0wgHwI1.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL as Oe,e as U,a9 as J,bM as we,K as Le,r as be,bN as _e,a5 as Ae,bO as Ve,bP as Me,bQ as We,bR as Be,ao as He,D as H,bS as Ke,C as $,bT as Ue,bU as je,q as b,l as A,bV as ee,bD as N,a as Ee,F as Fe,bW as Ze,bX as qe,P as Xe,v as D,bY as Qe,t as O,m as te,g as V,bZ as Ye,ah as Se,av as ie,b_ as ke,bd as Ge,b$ as Je}from"./index-sK9Ftyw4.js";import{f as ce,b as v,n as i}from"./vendor-CnQcJ2Lu.js";import{A as Ie}from"./Menu-D-Gk-Xfo-BdR2WSLk.js";import{T as Ce}from"./RoleWithToolTip-BRSx6yqP-CARA1Fps.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const P=y.getLocalizedStrings().peoplePage.header,S=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,30,32)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(18,17,17,21,19)},{key:"manager",value:P.manager,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"department",value:P.department,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],K=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,32,33)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(58,57,57,57,58)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],et=58;function tt({userNameSticky:e,sortConfig:r,onColumnSortConfigChanged:l,mode:d}){const m=I(),[p,x]=v.useState(Xe(d==="off"?S:K));v.useEffect(()=>{const n=[...p];for(const o of n)o.key===r.sortKey?o.sortOrder=r.sortOrder:o.sortOrder="ascending";x(n)},[r.sortKey,r.sortOrder]);const h=(n,o)=>{let u=o;r.sortKey===n&&(u=o==="ascending"?"descending":"ascending"),l?.(n,u)};return t.jsx(ot,{height:et,"data-testid":a("people-list-header-row"),children:p.map(n=>t.jsxs(rt,{userNameSticky:!!e&&n.key==="name",sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:m,children:[t.jsxs(at,{"data-testid":a("people-list-header",n.key),onClick:()=>h(n.key,n.sortOrder),children:[t.jsx(D,{children:n.value}),t.jsx(st,{sortDataValue:r.sortKey,headerdata:n,children:t.jsx(Qe,{width:12,height:12})})]}),t.jsx(nt,{isVisible:r.sortKey===n.key&&n.key!=="name",children:t.jsx(lt,{"data-testid":a("people-list-header-sort-cancel",n.key),onClick:()=>h("name","ascending")})})]},n.key))})}const it=ce.memo(tt),st=i.div`
+import{u as $e,X as I,M as y,j as t,Y as a,aV as le,be as Ne,o as s,bK as De,bL as Oe,c as U,a5 as J,bM as we,K as Le,v as be,bN as _e,a1 as Ae,bO as Ve,bP as Me,bQ as We,bR as Be,ai as He,H,bS as Ke,C as $,bT as Ue,bU as je,n as b,l as A,bV as ee,bD as N,a as Ee,F as Fe,bW as Ze,bX as qe,S as Xe,w as D,bY as Ge,q as O,f as te,g as V,bZ as Qe,bH as Se,ao as ie,b_ as ke,bc as Ye,b$ as Je}from"./index-DyBH5SZv.js";import{f as ce,b as v,n as i}from"./vendor-CnQcJ2Lu.js";import{R as Ie}from"./Menu-B6Fh2Mf9-B_ofMkAs.js";import{T as Ce}from"./RoleWithToolTip-B3hm-1rz-OZzvKPZJ.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const P=y.getLocalizedStrings().peoplePage.header,S=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,30,32)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(18,17,17,21,19)},{key:"manager",value:P.manager,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"department",value:P.department,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],K=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,32,33)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(58,57,57,57,58)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],et=58;function tt({userNameSticky:e,sortConfig:r,onColumnSortConfigChanged:l,mode:d}){const m=I(),[p,x]=v.useState(Xe(d==="off"?S:K));v.useEffect(()=>{const n=[...p];for(const o of n)o.key===r.sortKey?o.sortOrder=r.sortOrder:o.sortOrder="ascending";x(n)},[r.sortKey,r.sortOrder]);const h=(n,o)=>{let u=o;r.sortKey===n&&(u=o==="ascending"?"descending":"ascending"),l?.(n,u)};return t.jsx(ot,{height:et,"data-testid":a("people-list-header-row"),children:p.map(n=>t.jsxs(rt,{userNameSticky:!!e&&n.key==="name",sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:m,children:[t.jsxs(at,{"data-testid":a("people-list-header",n.key),onClick:()=>h(n.key,n.sortOrder),children:[t.jsx(D,{children:n.value}),t.jsx(st,{sortDataValue:r.sortKey,headerdata:n,children:t.jsx(Ge,{width:12,height:12})})]}),t.jsx(nt,{isVisible:r.sortKey===n.key&&n.key!=="name",children:t.jsx(lt,{"data-testid":a("people-list-header-sort-cancel",n.key),onClick:()=>h("name","ascending")})})]},n.key))})}const it=ce.memo(tt),st=i.div`
   display: flex;
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
@@ -103,7 +103,7 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   }
 `,gt=i(D)`
   color: ${e=>e.theme.colors.hero};
-`,{peoplePage:T}=y.getLocalizedStrings(),wt=({peopleData:e,userNameSticky:r,allClasses:l,allManagers:d,onResendInvite:m,onDeleteUser:p,onRowClick:x})=>{const[h,n]=v.useState(!1),o=I(),u=vt(e,d,l),w=e.userRole.userRoles.filter(g=>!A.hasZeniRoleOrCompanyOfficerAccess(g)),f=()=>{p?.(e)},j=()=>{x?.(e.userId)};return t.jsxs(ft,{windowSize:o,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:j,"data-testid":a("people-list-row",e.userId),children:[t.jsx(yt,{wrapperWidth:S[0].width,windowSize:o,userNameSticky:r,children:t.jsxs(bt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(jt,{children:[e.user?.firstName?t.jsxs(St,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(It,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(kt,{wrapperWidth:S[1].width,windowSize:o,children:t.jsx(Ce,{roles:w})}),t.jsxs(t.Fragment,{children:[A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(q,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.manager?t.jsx(ve,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:u.manager})}):t.jsx(q,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:T.noManager})})}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(q,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.department?t.jsx(ve,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:u.department})}):t.jsx(q,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:T.emptyDepartmentPlaceholderText})})})]}),t.jsxs(Ct,{"data-testid":a("last-seen-container",e.userId),wrapperWidth:S[4].width,windowSize:o,children:[e.userRole.invitationStatus==="accepted"?t.jsx($t,{children:u.lastSeen}):t.jsx(zt,{children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Tt,{"data-testid":a("resend-invite-text",e.userId),onClick:g=>{g.stopPropagation(),m?.(e.userId)},children:T.resendInvite.label}),t.jsx(Pt,{children:t.jsx(Nt,{children:`${T.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(Rt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Ie,{menuItems:t.jsxs(Dt,{"data-testid":a("menu-items-container",e.userId),children:[t.jsx(fe,{"data-testid":a("edit-people-list-row"),onClick:()=>{n(!1),j()},children:T.invitePage.editTitle}),t.jsx(fe,{"data-testid":a("delete-people-list-row",e.userId),isDelete:!0,onClick:g=>{g.stopPropagation(),n(!1),f()},children:T.deleteOverlay.title})]}),setIsMenuOpen:n,isMenuOpen:h})})]})]})};function vt(e,r,l){const d=l.find(p=>e.userRole.accountingClassIDs[0]===p.classId),m=r.find(p=>p.userId===e.userRole.managerUserId);return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:Ye},manager:m?.user?`${m?.user?.firstName} ${m?.user?.lastName}`:void 0,department:d?d?.className:void 0,lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ft=i.div`
+`,{peoplePage:T}=y.getLocalizedStrings(),wt=({peopleData:e,userNameSticky:r,allClasses:l,allManagers:d,onResendInvite:m,onDeleteUser:p,onRowClick:x})=>{const[h,n]=v.useState(!1),o=I(),u=vt(e,d,l),w=e.userRole.userRoles.filter(g=>!A.hasZeniRoleOrCompanyOfficerAccess(g)),f=()=>{p?.(e)},j=()=>{x?.(e.userId)};return t.jsxs(ft,{windowSize:o,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:j,"data-testid":a("people-list-row",e.userId),children:[t.jsx(yt,{wrapperWidth:S[0].width,windowSize:o,userNameSticky:r,children:t.jsxs(bt,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(jt,{children:[e.user?.firstName?t.jsxs(St,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(It,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(kt,{wrapperWidth:S[1].width,windowSize:o,children:t.jsx(Ce,{roles:w})}),t.jsxs(t.Fragment,{children:[A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(q,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.manager?t.jsx(ve,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:u.manager})}):t.jsx(q,{wrapperWidth:S[2].width,windowSize:o,children:t.jsx(_,{children:T.noManager})})}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(q,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:T.notApplicable})}):t.jsx(t.Fragment,{children:u.department?t.jsx(ve,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:u.department})}):t.jsx(q,{wrapperWidth:S[3].width,windowSize:o,children:t.jsx(_,{children:T.emptyDepartmentPlaceholderText})})})]}),t.jsxs(Ct,{"data-testid":a("last-seen-container",e.userId),wrapperWidth:S[4].width,windowSize:o,children:[e.userRole.invitationStatus==="accepted"?t.jsx($t,{children:u.lastSeen}):t.jsx(zt,{children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Tt,{"data-testid":a("resend-invite-text",e.userId),onClick:g=>{g.stopPropagation(),m?.(e.userId)},children:T.resendInvite.label}),t.jsx(Pt,{children:t.jsx(Nt,{children:`${T.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx(Rt,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Ie,{menuItems:t.jsxs(Dt,{"data-testid":a("menu-items-container",e.userId),children:[t.jsx(fe,{"data-testid":a("edit-people-list-row"),onClick:()=>{n(!1),j()},children:T.invitePage.editTitle}),t.jsx(fe,{"data-testid":a("delete-people-list-row",e.userId),isDelete:!0,onClick:g=>{g.stopPropagation(),n(!1),f()},children:T.deleteOverlay.title})]}),setIsMenuOpen:n,isMenuOpen:h})})]})]})};function vt(e,r,l){const d=l.find(p=>e.userRole.accountingClassIDs[0]===p.classId),m=r.find(p=>p.userId===e.userRole.managerUserId);return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:Qe},manager:m?.user?`${m?.user?.firstName} ${m?.user?.lastName}`:void 0,department:d?d?.className:void 0,lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ft=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -272,7 +272,7 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ot={width:new $(343,580,726)},{peoplePage:k}=y.getLocalizedStrings(),Lt=({peopleData:e,allClasses:r,allManagers:l,onRowClick:d,onResendInvite:m})=>{const p=I(),x=e.userRole.userRoles.filter(o=>!A.hasZeniRoleOrCompanyOfficerAccess(o)),h=ii(l,e.userRole.managerUserId),n=si(r,e.userRole.accountingClassIDs);return t.jsxs(_t,{windowSize:p,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":a("people-list-row-small",e.userId),onClick:()=>{d?.(e.userId)},children:[t.jsxs(At,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Mt,{children:t.jsxs(Wt,{children:[t.jsxs(Bt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ht,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Kt,{className:"lastSeen",children:[t.jsx(Ut,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Et,{children:k.header.lastSeen})]}):t.jsx(Ft,{"data-testid":a("resend-invite-wrapper",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Zt,{"data-testid":a("resend-invite-text",e.userId),onClick:o=>{o.stopPropagation(),m?.(e.userId)},children:k.resendInvite.label}),t.jsx(qt,{children:t.jsx(Xt,{children:`${k.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Vt,{children:t.jsxs(se,{className:"personDetails",children:[t.jsxs(pe,{children:[t.jsxs(he,{children:[k.header.role,":"]}),t.jsx(oe,{children:t.jsx(Ce,{roles:x})})]}),t.jsxs(Qt,{children:[t.jsxs(Gt,{children:[k.header.manager,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(X,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(ei,{children:h}):t.jsx(X,{children:k.noManager})})]}),t.jsxs(Yt,{children:[t.jsxs(Jt,{children:[k.header.department,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(X,{children:k.notApplicable}):t.jsx(t.Fragment,{children:n?t.jsx(ti,{children:n}):t.jsx(X,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},_t=i.div`
+`,Ot={width:new $(343,580,726)},{peoplePage:k}=y.getLocalizedStrings(),Lt=({peopleData:e,allClasses:r,allManagers:l,onRowClick:d,onResendInvite:m})=>{const p=I(),x=e.userRole.userRoles.filter(o=>!A.hasZeniRoleOrCompanyOfficerAccess(o)),h=ii(l,e.userRole.managerUserId),n=si(r,e.userRole.accountingClassIDs);return t.jsxs(_t,{windowSize:p,isInviteAccepted:e.userRole.invitationStatus==="accepted","data-testid":a("people-list-row-small",e.userId),onClick:()=>{d?.(e.userId)},children:[t.jsxs(At,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Mt,{children:t.jsxs(Wt,{children:[t.jsxs(Bt,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Ht,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Kt,{className:"lastSeen",children:[t.jsx(Ut,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Et,{children:k.header.lastSeen})]}):t.jsx(Ft,{"data-testid":a("resend-invite-wrapper",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Zt,{"data-testid":a("resend-invite-text",e.userId),onClick:o=>{o.stopPropagation(),m?.(e.userId)},children:k.resendInvite.label}),t.jsx(qt,{children:t.jsx(Xt,{children:`${k.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Vt,{children:t.jsxs(se,{className:"personDetails",children:[t.jsxs(pe,{children:[t.jsxs(he,{children:[k.header.role,":"]}),t.jsx(oe,{children:t.jsx(Ce,{roles:x})})]}),t.jsxs(Gt,{children:[t.jsxs(Yt,{children:[k.header.manager,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(X,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(ei,{children:h}):t.jsx(X,{children:k.noManager})})]}),t.jsxs(Qt,{children:[t.jsxs(Jt,{children:[k.header.department,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(X,{children:k.notApplicable}):t.jsx(t.Fragment,{children:n?t.jsx(ti,{children:n}):t.jsx(X,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},_t=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -352,13 +352,13 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   color: ${e=>e.theme.colors.grey1};
 `,pe=i.div`
   display: flex;
-`,Qt=i(pe)``,Yt=i(pe)``,he=i.div`
+`,Gt=i(pe)``,Qt=i(pe)``,he=i.div`
   width: 30%;
-`,Gt=i(he)``,Jt=i(he)``,oe=i.div`
+`,Yt=i(he)``,Jt=i(he)``,oe=i.div`
   width: 70%;
 `,ei=i(oe)``,ti=i(oe)``,X=i(oe)`
   color: ${e=>e.theme.colors.grey1};
-`,ii=(e,r)=>{const l=e.find(d=>d.userId===r);return l?.user?`${l?.user?.firstName} ${l?.user?.lastName}`:void 0},si=(e,r)=>{const l=e.find(d=>r[0]===d.classId);return l?l.className:void 0},oi=e=>I()==="small"?t.jsx(Lt,{...e}):t.jsx(wt,{...e}),Q=y.getLocalizedStrings().peoplePage,ri=({peopleData:e,userNameSticky:r,onResendInvite:l,onDeleteUser:d,onRowClick:m})=>{const[p,x]=v.useState(!1),h=I(),n=li(e),o=f=>{const j=[];return f.map(g=>{const R=ke.roles.find(M=>M.value===g);return R!=null&&j.push(R?.label??""),j}),j.length>0?j.join(", "):"-"},u=()=>{d?.(e)},w=()=>{m?.(e.userId)};return t.jsxs(ni,{"data-testid":a("zeni-people-list-row-medium",e.userId),windowSize:h,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:w,children:[t.jsx(ai,{wrapperWidth:K[0].width,windowSize:h,userNameSticky:r,children:t.jsxs(ci,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(pi,{children:[e.user?.firstName?t.jsxs(hi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(ui,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(mi,{widthNumber:K[1].width,windowSize:h,children:t.jsx(di,{wrapperWidth:new $(100,100),windowSize:h,children:o(e.userRole.userRoles)})}),t.jsxs(fi,{"data-testid":a("people-list-row-medium-last-seen",e.userId),wrapperWidth:K[2].width,windowSize:h,children:[e.userRole.invitationStatus==="accepted"?t.jsx(yi,{children:n.lastSeen}):t.jsx(xi,{"data-testid":a("people-list-row-medium-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(gi,{"data-testid":a("people-list-row-medium-resend-invite-text",e.userId),onClick:f=>{f.stopPropagation(),l?.(e.userId)},children:Q.resendInvite.label}),t.jsx(wi,{children:t.jsx(vi,{children:`${Q.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx($i,{"data-testid":a("people-list-row-medium-menu",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Ie,{menuItems:t.jsxs(bi,{children:[t.jsx(ye,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{x(!1),w()},children:Q.invitePage.editTitle}),t.jsx(ye,{"data-testid":a("people-list-row-menu-delete",e.userId),isDelete:!0,onClick:f=>{f.stopPropagation(),x(!1),u()},children:Q.deleteOverlay.title})]}),setIsMenuOpen:x,isMenuOpen:p})})]})]})};function li(e){return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:ke.roles},lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ni=i.div`
+`,ii=(e,r)=>{const l=e.find(d=>d.userId===r);return l?.user?`${l?.user?.firstName} ${l?.user?.lastName}`:void 0},si=(e,r)=>{const l=e.find(d=>r[0]===d.classId);return l?l.className:void 0},oi=e=>I()==="small"?t.jsx(Lt,{...e}):t.jsx(wt,{...e}),G=y.getLocalizedStrings().peoplePage,ri=({peopleData:e,userNameSticky:r,onResendInvite:l,onDeleteUser:d,onRowClick:m})=>{const[p,x]=v.useState(!1),h=I(),n=li(e),o=f=>{const j=[];return f.map(g=>{const R=ke.roles.find(M=>M.value===g);return R!=null&&j.push(R?.label??""),j}),j.length>0?j.join(", "):"-"},u=()=>{d?.(e)},w=()=>{m?.(e.userId)};return t.jsxs(ni,{"data-testid":a("zeni-people-list-row-medium",e.userId),windowSize:h,isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:w,children:[t.jsx(ai,{wrapperWidth:K[0].width,windowSize:h,userNameSticky:r,children:t.jsxs(ci,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsxs(pi,{children:[e.user?.firstName?t.jsxs(hi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"personNameTxt",children:[e.user?.firstName??""," ",e.user?.lastName??""]}):null,t.jsx(ui,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})]})}),t.jsx(mi,{widthNumber:K[1].width,windowSize:h,children:t.jsx(di,{wrapperWidth:new $(100,100),windowSize:h,children:o(e.userRole.userRoles)})}),t.jsxs(fi,{"data-testid":a("people-list-row-medium-last-seen",e.userId),wrapperWidth:K[2].width,windowSize:h,children:[e.userRole.invitationStatus==="accepted"?t.jsx(yi,{children:n.lastSeen}):t.jsx(xi,{"data-testid":a("people-list-row-medium-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(gi,{"data-testid":a("people-list-row-medium-resend-invite-text",e.userId),onClick:f=>{f.stopPropagation(),l?.(e.userId)},children:G.resendInvite.label}),t.jsx(wi,{children:t.jsx(vi,{children:`${G.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})}),t.jsx($i,{"data-testid":a("people-list-row-medium-menu",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"menu-icon",children:t.jsx(Ie,{menuItems:t.jsxs(bi,{children:[t.jsx(ye,{"data-testid":a("people-list-row-medium-menu-edit",e.userId),onClick:()=>{x(!1),w()},children:G.invitePage.editTitle}),t.jsx(ye,{"data-testid":a("people-list-row-menu-delete",e.userId),isDelete:!0,onClick:f=>{f.stopPropagation(),x(!1),u()},children:G.deleteOverlay.title})]}),setIsMenuOpen:x,isMenuOpen:p})})]})]})};function li(e){return{name:`${e.user?.firstName??""} ${e.user?.lastName??""}`,role:{selectedOptions:e.userRole.userRoles,allOptions:ke.roles},lastSeen:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}}const ni=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -477,7 +477,7 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   flex-direction: row;
   -webkit-box-pack: end;
   justify-content: flex-end;
-`,vi=i(Ge)`
+`,vi=i(Ye)`
   color: ${e=>e.theme.colors.grey1};
   display: -webkit-box;
   -webkit-line-clamp: 1;
@@ -509,7 +509,7 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   :hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ji={width:new $(343,580,726)},Y=y.getLocalizedStrings().peoplePage,Si=({peopleData:e,onRowClick:r,onResendInvite:l})=>{const d=I();return t.jsxs(ki,{windowSize:d,"data-testid":a("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{r?.(e.userId)},children:[t.jsxs(Ii,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Ri,{children:t.jsxs(zi,{children:[t.jsxs(Ti,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Pi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Li,{className:"lastSeen","data-testid":a("people-list-row-small-last-seen",e.userId),children:[t.jsx(_i,{className:"lastSeenDateTxt","data-testid":a("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Ai,{children:Y.header.lastSeen})]}):t.jsx(Vi,{"data-testid":a("people-list-row-small-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Mi,{"data-testid":a("people-list-row-small-resend-invite-text",e.userId),onClick:m=>{m.stopPropagation(),l?.(e.userId)},children:Y.resendInvite.label}),t.jsx(Wi,{children:t.jsx(Bi,{children:`${Y.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Ci,{children:t.jsx(re,{className:"personDetails",children:t.jsxs(Ni,{style:{display:"flex"},children:[t.jsxs(Di,{style:{},children:[Y.header.role,":"]}),t.jsx(Oi,{children:je(e.userRole.userRoles,"zeni_only")})]})})})]})},ki=i.div`
+`,ji={width:new $(343,580,726)},Q=y.getLocalizedStrings().peoplePage,Si=({peopleData:e,onRowClick:r,onResendInvite:l})=>{const d=I();return t.jsxs(ki,{windowSize:d,"data-testid":a("zeni-people-list-row-small",e.userId),isInviteAccepted:e.userRole.invitationStatus==="accepted",onClick:()=>{r?.(e.userId)},children:[t.jsxs(Ii,{children:[t.jsx(ee,{personBasic:e.user,styles:{height:s.sp6,width:s.sp6}}),t.jsx(Ri,{children:t.jsxs(zi,{children:[t.jsxs(Ti,{className:"personNameTxt",isInviteAccepted:e.userRole.invitationStatus==="accepted",children:[e.user?.firstName??""," ",e.user?.lastName??""]}),t.jsx(Pi,{isInviteAccepted:e.userRole.invitationStatus==="accepted",className:"emailTxt",children:e.userRole.userEmail??""})]})}),e.userRole.invitationStatus==="accepted"?t.jsxs(Li,{className:"lastSeen","data-testid":a("people-list-row-small-last-seen",e.userId),children:[t.jsx(_i,{className:"lastSeenDateTxt","data-testid":a("people-list-row-small-last-seen-content",e.userId),children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Ai,{children:Q.header.lastSeen})]}):t.jsx(Vi,{"data-testid":a("people-list-row-small-resend-invite",e.userId),children:e.update==="resendInvite"?t.jsx(U,{size:"Small",start:!0}):t.jsxs(t.Fragment,{children:[t.jsx(Mi,{"data-testid":a("people-list-row-small-resend-invite-text",e.userId),onClick:m=>{m.stopPropagation(),l?.(e.userId)},children:Q.resendInvite.label}),t.jsx(Wi,{children:t.jsx(Bi,{children:`${Q.sentText} ${N(e?.userRole?.inviteUpdateTime?e.userRole.inviteUpdateTime:e.userRole.inviteCreateTime)}`})})]})})]}),t.jsx(Ci,{children:t.jsx(re,{className:"personDetails",children:t.jsxs(Ni,{style:{display:"flex"},children:[t.jsxs(Di,{style:{},children:[Q.header.role,":"]}),t.jsx(Oi,{children:je(e.userRole.userRoles,"zeni_only")})]})})})]})},ki=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -587,18 +587,18 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   justify-content: flex-end;
 `,Bi=i(re)`
   color: ${e=>e.theme.colors.grey1};
-`,Hi=e=>I()==="small"?t.jsx(Si,{...e}):t.jsx(ri,{...e}),W={overscanCount:1,rowNameLimit:55,listItemHeight:88},ne={peopleListItemHeight:138,zeniPeopleListItemHeight:106,zeniPeopleExtendedListItemHeight:130},G={listItemPaddingRight:new $(b[3],b[8]),listItemPaddingLeft:new $(b[3],b[8]),zeniLastRowHeight:new $(154,136),nonZeniLastRowHeight:new $(200,136)},B=y.getLocalizedStrings().peoplePage,Ki=({peopleView:e,allManagers:r,allClasses:l,analytics:d,onColumnSortConfigChanged:m,onDeleteClick:p,onResendInvite:x,onRowClick:h,isZeniTenant:n})=>{const o=I(),u=v.useRef(null),w=!(o==="small"||o==="medium-compact"),[f,j]=v.useState(!1),[g,R]=v.useState(),M=$e(),z=e.people.findIndex(c=>c.userRole.invitationStatus==="invited"),me=c=>{j(!0),R(c)},ue=v.memo(({index:c,style:C})=>t.jsx(t.Fragment,{children:t.jsxs(Fi,{"data-testid":a("people-list-item",e.people[c].user?.userId),style:{...C,width:"fit-content",minWidth:"100%"},windowSize:o,isFirstResendInviteUser:z===c,className:"people-list-item",children:[z===c?t.jsx(Yi,{}):null,e.uiState.mode==="off"?t.jsx(oi,{allManagers:r,allClasses:l,userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n}):t.jsx(Hi,{userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n})]})}),_e);ue.displayName="ListItem";const xe=v.forwardRef((c,C)=>{const{children:L,style:F,...Z}=c;return t.jsxs("div",{ref:C,style:{...F,width:"auto"},...Z,children:[o==="small"?t.jsx(pt,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):t.jsx(it,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),t.jsx(Zi,{children:L})]})});xe.displayName="People list view inner element type";const Re=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,L=z===c;return C>W.rowNameLimit?W.listItemHeight+b[5]+(L?b[3]:b[0]):W.listItemHeight+(L?b[3]:b[0])},ze=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,L=je(e.people[c].userRole.userRoles,e.uiState.mode).length,F=z===c,Z=e.uiState.mode==="zeni_only"?L>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>W.rowNameLimit?Z+b[5]+(F?b[3]:b[0]):Z+(F?b[3]:b[0])},Te={onOkClick:()=>{const c=g;d?.trackRemoveUserAccess(c.userRole.userRoles,c.userRole.userEmail),p?.(c.userId,c.userRole.userRoleId)},onCancelClick:()=>{j(!1),R(void 0)}},ge=Ae(e.people.find(c=>c.userId===g?.userId)?.update),E=e.people.find(c=>c.userId===g?.userId)?.update,Pe=g!=null?B.deleteOverlay.description.replace("‘_user-name_’",`"${Ui(g)}"`):B.deleteOverlay.description;return v.useEffect(()=>{u.current&&u.current.resetAfterIndex(0)},[e,o]),v.useEffect(()=>{E==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[E,ge]),t.jsxs(Ei,{"data-testid":a("people-list-view-container"),windowSize:o,mode:e.uiState.mode,children:[f===!0?t.jsx(Ve,{titleComponent:t.jsx(Be,{children:B.deleteOverlay.title}),descriptionComponent:t.jsx(We,{children:Pe}),primaryButtonText:B.deleteOverlay.remove,secondaryButtonText:B.deleteOverlay.cancel,action:Te,proceedButtonVariant:"danger",isLoading:E==="removeUsers",isDisabled:E==="removeUsers",style:{background:M.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Qi,{}),t.jsx(qi,{children:t.jsx(Xi,{src:g?.user.photo?.toString()??Me,alt:g?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(He,{children:({height:c,width:C})=>t.jsx(Gi,{height:c,innerElementType:xe,itemCount:e.people.length,itemSize:o==="small"?ze:Re,width:C,ref:u,overscanCount:W.overscanCount,children:ue})})]})},Ui=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",Ei=i.div`
+`,Hi=e=>I()==="small"?t.jsx(Si,{...e}):t.jsx(ri,{...e}),W={overscanCount:1,rowNameLimit:55,listItemHeight:88},ne={peopleListItemHeight:138,zeniPeopleListItemHeight:106,zeniPeopleExtendedListItemHeight:130},Y={listItemPaddingRight:new $(b[3],b[8]),listItemPaddingLeft:new $(b[3],b[8]),zeniLastRowHeight:new $(154,136),nonZeniLastRowHeight:new $(200,136)},B=y.getLocalizedStrings().peoplePage,Ki=({peopleView:e,allManagers:r,allClasses:l,analytics:d,onColumnSortConfigChanged:m,onDeleteClick:p,onResendInvite:x,onRowClick:h,isZeniTenant:n})=>{const o=I(),u=v.useRef(null),w=!(o==="small"||o==="medium-compact"),[f,j]=v.useState(!1),[g,R]=v.useState(),M=$e(),z=e.people.findIndex(c=>c.userRole.invitationStatus==="invited"),me=c=>{j(!0),R(c)},ue=v.memo(({index:c,style:C})=>t.jsx(t.Fragment,{children:t.jsxs(Fi,{"data-testid":a("people-list-item",e.people[c].user?.userId),style:{...C,width:"fit-content",minWidth:"100%"},windowSize:o,isFirstResendInviteUser:z===c,className:"people-list-item",children:[z===c?t.jsx(Qi,{}):null,e.uiState.mode==="off"?t.jsx(oi,{allManagers:r,allClasses:l,userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n}):t.jsx(Hi,{userNameSticky:w,peopleData:e.people[c],onDeleteUser:me,onResendInvite:x,onRowClick:h,isZeniTenant:n})]})}),_e);ue.displayName="ListItem";const xe=v.forwardRef((c,C)=>{const{children:L,style:F,...Z}=c;return t.jsxs("div",{ref:C,style:{...F,width:"auto"},...Z,children:[o==="small"?t.jsx(pt,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}):t.jsx(it,{userNameSticky:w,onColumnSortConfigChanged:m,sortConfig:{sortKey:e.uiState.sortKey,sortOrder:e.uiState.sortOrder},mode:e.uiState.mode}),t.jsx(Zi,{children:L})]})});xe.displayName="People list view inner element type";const Re=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,L=z===c;return C>W.rowNameLimit?W.listItemHeight+b[5]+(L?b[3]:b[0]):W.listItemHeight+(L?b[3]:b[0])},ze=c=>{const C=`${e.people[c].user?.firstName} ${e.people[c].user?.lastName}`.length,L=je(e.people[c].userRole.userRoles,e.uiState.mode).length,F=z===c,Z=e.uiState.mode==="zeni_only"?L>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>W.rowNameLimit?Z+b[5]+(F?b[3]:b[0]):Z+(F?b[3]:b[0])},Te={onOkClick:()=>{const c=g;d?.trackRemoveUserAccess(c.userRole.userRoles,c.userRole.userEmail),p?.(c.userId,c.userRole.userRoleId)},onCancelClick:()=>{j(!1),R(void 0)}},ge=Ae(e.people.find(c=>c.userId===g?.userId)?.update),E=e.people.find(c=>c.userId===g?.userId)?.update,Pe=g!=null?B.deleteOverlay.description.replace("‘_user-name_’",`"${Ui(g)}"`):B.deleteOverlay.description;return v.useEffect(()=>{u.current&&u.current.resetAfterIndex(0)},[e,o]),v.useEffect(()=>{E==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[E,ge]),t.jsxs(Ei,{"data-testid":a("people-list-view-container"),windowSize:o,mode:e.uiState.mode,children:[f===!0?t.jsx(Ve,{titleComponent:t.jsx(Be,{children:B.deleteOverlay.title}),descriptionComponent:t.jsx(We,{children:Pe}),primaryButtonText:B.deleteOverlay.remove,secondaryButtonText:B.deleteOverlay.cancel,action:Te,proceedButtonVariant:"danger",isLoading:E==="removeUsers",isDisabled:E==="removeUsers",style:{background:M.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Gi,{}),t.jsx(qi,{children:t.jsx(Xi,{src:g?.user.photo?.toString()??Me,alt:g?.user.userId,loading:"lazy"})})]}):null}):null,t.jsx(He,{children:({height:c,width:C})=>t.jsx(Yi,{height:c,innerElementType:xe,itemCount:e.people.length,itemSize:o==="small"?ze:Re,width:C,ref:u,overscanCount:W.overscanCount,children:ue})})]})},Ui=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",Ei=i.div`
   /** Subtract top so list can occupy remaining available height */
   min-height: ${`calc(100vh - ${s.sp9})`};
   max-width: 99.9%;
   .people-list-item:last-of-type {
-    height: ${e=>e.mode==="zeni_only"?G.zeniLastRowHeight.valuePx(e.windowSize):G.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
+    height: ${e=>e.mode==="zeni_only"?Y.zeniLastRowHeight.valuePx(e.windowSize):Y.nonZeniLastRowHeight.valuePx(e.windowSize)} !important;
     padding-bottom: ${s.sp9};
   }
 `,Fi=i.div`
   top: ${s.sp0};
   left: ${s.sp0};
-  padding: ${e=>`${s.sp0} ${G.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?s.sp5:s.sp3} ${G.listItemPaddingLeft.valuePx(e.windowSize)} `};
+  padding: ${e=>`${s.sp0} ${Y.listItemPaddingRight.valuePx(e.windowSize)} ${e.isFirstResendInviteUser?s.sp5:s.sp3} ${Y.listItemPaddingLeft.valuePx(e.windowSize)} `};
   box-sizing: border-box;
 `,Zi=i.div`
   position: relative;
@@ -612,7 +612,7 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   width: 60px;
   border-radius: 50%;
   color: ${e=>e.theme.colors.hero};
-`,Qi=i.div`
+`,Gi=i.div`
   position: absolute;
   top: 1%;
   left: 50%;
@@ -621,10 +621,10 @@ import{u as $e,X as I,M as y,j as t,Y as a,aW as le,bf as Ne,o as s,bK as De,bL
   width: ${s.sp9};
   border-radius: 50% 50% 0 0;
   background-color: ${e=>e.theme.colors.grey5};
-`,Yi=i.div`
+`,Qi=i.div`
   padding-top: ${s.sp3};
   border-top: 1px solid ${e=>e.theme.colors.grey3};
-`,Gi=i(Ue)``,Ji=(e,r)=>{const{user:l,userId:d,userRole:m,update:p}=e,{user:x,userId:h,userRole:n,update:o}=r;return H(l,x)&&H(d,h)&&H(m,n)&&H(p,o)},es=(e,r)=>{if(e.peopleView.people.length!=r.peopleView.people.length||e.allManagers.length!=r.allManagers.length)return!1;let l=!0;for(let d=0;d<e.peopleView.people.length;++d){const m=e.peopleView.people[d],p=r.peopleView.people[d];if(l=Ji(m,p),!l)break}return l=l&&H(e.peopleView.invitePeopleState,r.peopleView.invitePeopleState),l=l&&e.peopleView.uiState.sortKey===r.peopleView.uiState.sortKey&&e.peopleView.uiState.sortOrder===r.peopleView.uiState.sortOrder,l},ts=v.memo(Ki,es);function is({peopleInviteSectionProps:e}){const r=I();return t.jsx(ss,{isSearchOpen:e.isSearchOpen&&r==="small",windowsize:r,children:r!=="small"?t.jsxs(t.Fragment,{children:[e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"unset",right:"120px"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen}),t.jsx(Le,{variant:"primary",size:"small","data-testid":a("invite-people-button"),style:{height:"29px",...be.smallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"},label:e.invitePeopleLabel,onClick:e.onInvitePeopleClick})]}):t.jsxs(t.Fragment,{children:[e.hideInviteBtn?null:t.jsx(os,{"data-testid":a("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"5px",right:r!=="small"?"120px":"unset",top:"44px",width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,"data-testid":a("people-invite-search"),onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0})]})})}const ss=i.div`
+`,Yi=i(Ue)``,Ji=(e,r)=>{const{user:l,userId:d,userRole:m,update:p}=e,{user:x,userId:h,userRole:n,update:o}=r;return H(l,x)&&H(d,h)&&H(m,n)&&H(p,o)},es=(e,r)=>{if(e.peopleView.people.length!=r.peopleView.people.length||e.allManagers.length!=r.allManagers.length)return!1;let l=!0;for(let d=0;d<e.peopleView.people.length;++d){const m=e.peopleView.people[d],p=r.peopleView.people[d];if(l=Ji(m,p),!l)break}return l=l&&H(e.peopleView.invitePeopleState,r.peopleView.invitePeopleState),l=l&&e.peopleView.uiState.sortKey===r.peopleView.uiState.sortKey&&e.peopleView.uiState.sortOrder===r.peopleView.uiState.sortOrder,l},ts=v.memo(Ki,es);function is({peopleInviteSectionProps:e}){const r=I();return t.jsx(ss,{isSearchOpen:e.isSearchOpen&&r==="small",windowsize:r,children:r!=="small"?t.jsxs(t.Fragment,{children:[e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"unset",right:"120px"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen}),t.jsx(Le,{variant:"primary",size:"small","data-testid":a("invite-people-button"),style:{height:"29px",...be.smallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"},label:e.invitePeopleLabel,onClick:e.onInvitePeopleClick})]}):t.jsxs(t.Fragment,{children:[e.hideInviteBtn?null:t.jsx(os,{"data-testid":a("invite-people-button"),onClick:e.onInvitePeopleClick}),e.hideSearchBtn?null:t.jsx(we,{style:{position:"absolute",left:"5px",right:r!=="small"?"120px":"unset",top:"44px",width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,"data-testid":a("people-invite-search"),onSearchTextChanged:l=>{e.onSearchTextChanged?.(l)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0})]})})}const ss=i.div`
   display: flex;
   flex-direction: column;
   justify-content: ${e=>e.windowsize==="small"?"unset":"center"};

package/dist/assets/PortfolioAllocationFormPage-C3a4MQzW-CQIA3SiA.js ADDED Viewed

@@ -0,0 +1,207 @@
+import{X as H,H as S,j as i,bs as Y,M as q,Y as Q,C as u,a3 as K,o as t,a2 as V,Q as X,h as J,q as Z,n as l,v as _,al as ee,f as W,g as v,w as ie,bH as ne}from"./index-DyBH5SZv.js";import{b as k,n}from"./vendor-CnQcJ2Lu.js";import{U as te}from"./PortfolioDetails-BMJ6PGMP-DtrA52bw.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./treasuryColorHelper-BibNNRS5-DCmyWsB-.js";const{spendManagement:{treasury:{portfolioAllocation:x}},common:m}=q.getLocalizedStrings(),a={titleWidth:new u(343,580,726,826),cardBorderRadius:l[2],cardPadding:new u(l[3],l[4]),sliderWidth:new u(143,177),sliderContainerGap:new u(l[5],l[3]),navBarContainerPaddingYaxis:new u(10,l[3]),containerPaddingLeft:new u(l[3],l[6],l[8]),containerPaddingRight:new u(l[3],l[6],l[8]),riskLevelInfoPaddingRight:new u(l[0],l[3])},oe={stepTitle:new X("h6Regular","h5Regular")},Me=({onBackClick:e,onNextClick:g,onUpdateFundAllocation:h,treasurySetupView:D,isReadOnly:c,isEditMode:p,isOnSetup:$=!1})=>{const r=H(),[E,M]=k.useState(!1),{fundsData:N,fundAllocationOptions:s,fundAllocationLocalData:d,currentAllocation:w,portfolioAllocationUpdateStatus:U}=D;k.useEffect(()=>{if(p&&w!==null){const o=!S(d.allocation,w);M(o)}},[p,w,d]);const y=o=>{const f=s.find(G=>G.optionIndex===o);f&&h(f)},b=()=>{y(s.findIndex(o=>o.riskScore===0||o.riskLevel==="Conservative"))},F=()=>{let o;w!=null&&(o=s.find(f=>S(f.allocation,w))),o!=null?h(o):b()},j=()=>{p&&F(),e()};return i.jsxs(se,{children:[i.jsxs(de,{windowSize:r,children:[i.jsx(ae,{windowSize:r,children:i.jsx(Y,{title:m.navBar.back,enterTouchDelay:600,placement:"bottom",children:i.jsx(ce,{"data-testid":Q("nav-bar-back-portfolio-allocation"),onClick:j})})}),i.jsxs(pe,{windowSize:r,children:[i.jsxs(xe,{windowSize:r,children:[i.jsx(he,{windowSize:r,children:re(c,$,p)}),!c&&!p&&i.jsx(ue,{children:i.jsxs(me,{children:[i.jsx(ge,{}),i.jsx(we,{})]})})]}),i.jsx(fe,{isReadOnly:c,children:le(c,$,p)}),i.jsx($e,{children:i.jsxs(ye,{windowSize:r,children:[i.jsx(ve,{children:i.jsx(te,{isInReview:!1,isSetup:!0,fundDetails:N,allocation:d,page:$?"setup portfolio":"edit portfolio"})}),i.jsxs(be,{windowSize:r,children:[i.jsx(je,{children:i.jsx(Se,{onClick:b,isRecommended:c||d.riskScore===0||d.riskLevel==="Conservative",children:x.resetButton})}),r==="small"?i.jsxs(ke,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(Re,{children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(T,{children:d.riskLevel})]})]}):i.jsxs(i.Fragment,{children:[i.jsxs(R,{windowSize:r,children:[i.jsxs(z,{windowSize:r,children:[i.jsx(P,{children:d.riskScore}),i.jsx(C,{children:m.strings.slash}),i.jsx(O,{children:s.length>0?Math.max(...s.map(o=>o.riskScore)):0})]}),i.jsxs(L,{children:[i.jsx(B,{type:"range",min:"0",max:s.length-1,step:"1",value:d.optionIndex,onChange:o=>y(Number(o.target.value)),disabled:c,isReadOnly:c,windowSize:r}),i.jsx(I,{style:{width:`${s.length>1?d.optionIndex/(s.length-1)*(a.sliderWidth.value(r)-12):0}px`}})]})]}),i.jsxs(ze,{windowSize:r,children:[i.jsx(A,{children:x.riskLevelLabel}),i.jsx(T,{children:d.riskLevel})]})]})]})]})})]})]}),c?null:i.jsx(K,{style:{zIndex:4,paddingTop:t.sp2,paddingBottom:t.sp2},showCancel:!0,cancelBtn:{label:p?m.cancel:m.navBar.back,onClick:j},primaryBtn:{label:p?m.confirm:m.next,onClick:g,isLoading:p&&U.fetchState==="In-Progress",isDisabled:p&&!E}})]})};function re(e,g,h){return e||g&&h?x.title:h?x.editTitle:x.stepTitle}function le(e,g,h){return e||g&&h?x.subtextReadOnly:h?x.subtextEdit:x.subtextSetup}const se=n.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,de=n.div`
+  height: auto;
+  padding-left: ${e=>`${a.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${a.containerPaddingRight.valuePx(e.windowSize)}`};
+  flex: 1;
+  overflow-y: auto;
+`,ae=n.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  width: 100%;
+  top: ${t.sp0};
+  padding: ${e=>`${a.navBarContainerPaddingYaxis.valuePx(e.windowSize)} ${t.sp0}`};
+  z-index: 2;
+`,ce=n(V)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  min-height: ${t.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,pe=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${t.sp3};
+  flex: 1;
+  overflow-y: auto;
+  ${e=>e.windowSize==="small"&&`
+    margin-bottom: ${t.sp5};
+  `}
+`,xe=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.sp3};
+  width: 100%;
+`,he=n(J)`
+  ${e=>`${oe.stepTitle.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  text-align: left;
+`,ue=n.div`
+  display: flex;
+  align-items: center;
+`,me=n.div`
+  display: flex;
+  width: 100%;
+  gap: ${t.sp3};
+`,ge=n.div`
+  width: 50%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: ${t.sp2};
+`,we=n.div`
+  width: 50%;
+  height: 2px;
+  background-color: ${e=>e.theme.colors.grey2};
+  border-radius: ${t.sp2};
+`,fe=n(Z)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: left;
+  max-width: ${a.titleWidth.valuePx("medium-regular")}px;
+  width: 100%;
+  margin-top: ${e=>e.isReadOnly===!0?"-8px":"0"};
+`,$e=n.div`
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${a.cardBorderRadius}px;
+  box-shadow: ${e=>e.theme.colors.elevation1};
+  width: 100%;
+  max-width: ${a.titleWidth.valuePx("medium-regular")}px;
+  display: flex;
+  flex-direction: column;
+`,ye=n.div`
+  padding: ${e=>a.cardPadding.valuePx(e.windowSize)};
+  display: flex;
+  flex-direction: column;
+`,ve=n.div`
+  display: flex;
+  flex-direction: column;
+`,be=n.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  ${e=>e.windowSize==="small"&&`
+    flex-direction: column;
+    gap: ${t.sp3};
+    align-items: stretch;
+  `}
+`,je=n.div`
+  display: flex;
+  flex-direction: column;
+  width: 245px;
+`,Se=n.button`
+  background: none;
+  border: none;
+  cursor: ${e=>e.isRecommended?"default":"pointer"};
+  color: ${e=>e.isRecommended?e.theme.colors.grey2:e.theme.colors.hero};
+  ${_.smallRegular.css};
+  text-align: left;
+  padding: ${t.sp0};
+  text-decoration: underline;
+  pointer-events: ${e=>e.isRecommended?"none":"auto"};
+  &:hover {
+    color: ${e=>e.isRecommended?e.theme.colors.grey2:e.theme.colors.primary};
+  }
+`,R=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>a.sliderContainerGap.valuePx(e.windowSize)};
+  position: relative;
+  width: 240px;
+`,z=n.div`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+  display: flex;
+  align-items: baseline;
+  justify-content: center;
+  width: ${t.sp7};
+  ${e=>e.windowSize==="small"&&`
+      width: auto;
+    `}
+`,P=n(ee)`
+  color: ${e=>e.theme.colors.primary};
+`,O=n(W)`
+  color: ${e=>e.theme.colors.primary};
+`,C=n(W)`
+  color: ${e=>e.theme.colors.primary};
+`,L=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+`,B=n.input`
+  width: ${({windowSize:e})=>a.sliderWidth.valuePx(e)};
+  &[type="range"]::-webkit-slider-runnable-track {
+    height: 2px;
+    background-color: ${e=>e.theme.colors.grey3};
+  }
+  &[type="range"] {
+    -webkit-appearance: none;
+    appearance: none;
+  }
+  &[type="range"]::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    width: ${e=>e.isReadOnly===!0?t.sp0:t.sp3};
+    height: ${e=>e.isReadOnly===!0?t.sp0:t.sp3};
+    border-radius: 50%;
+    background: ${e=>e.theme.colors.grey5};
+    border: ${e=>e.isReadOnly===!0?"none":`2px solid ${v.success}`};
+    margin-top: -7px;
+    cursor: ${e=>e.isReadOnly===!0?"default":"pointer"};
+    opacity: ${e=>e.isReadOnly===!0?"0":"1"};
+  }
+  &::-moz-range-thumb {
+    width: ${e=>e.isReadOnly===!0?t.sp0:t.sp3};
+    height: ${e=>e.isReadOnly===!0?t.sp0:t.sp3};
+    border-radius: 50%;
+    background: ${e=>e.theme.colors.grey5};
+    border: ${e=>e.isReadOnly===!0?"none":`2px solid ${v.success}`};
+    margin-top: -7px;
+    cursor: ${e=>e.isReadOnly===!0?"default":"pointer"};
+    opacity: ${e=>e.isReadOnly===!0?"0":"1"};
+  }
+`,I=n.div`
+  position: absolute;
+  height: 2px;
+  background-color: ${v.success};
+`,ke=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: ${t.sp3};
+`,Re=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  width: auto;
+  padding-right: ${t.sp0};
+  box-sizing: border-box;
+`,ze=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: ${e=>e.windowSize==="small"?"flex-start":"flex-end"};
+  width: 129px;
+  padding-right: ${e=>a.riskLevelInfoPaddingRight.valuePx(e.windowSize)};
+  box-sizing: border-box;
+`,A=n(ie)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: right;
+`,T=n(ne)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: right;
+`;export{Me as default};