@zeniai/web-cockpit-ui 1.14.32-qa → 1.14.33-dev

package/dist/assets/{OpExByVendorPage-DNyTA9nx-D6E7lJvv.js → OpExByVendorPage-BdIQF_eO-BbwfOOQV.js}

@@ -1,4 +1,4 @@
-import{e as G,hs as ye,B,u as q,bJ as be,H as _e,j as t,$ as Se,bg as ke,hr as we,aZ as ve,aX as Be,ht as $e,hu as Oe,o as u,a6 as je,m as Pe,C as F,aj as le,O as ie,a8 as Te,q as $,b0 as De,bL as Ne,bM as Ee,bN as Ie,g as a,t as ce,bd as Ae,b8 as Me,aw as Le,v as Z,av as Fe,ab as Ve,b9 as Re,bb as ze,l as We}from"./index-LQh-jIrB.js";import{b as y,n as m,f as Ke}from"./vendor-rkTZJa59.js";import{p as Ye,d as He,y as H,b as de,u as ee}from"./chartTypes-CJmQ6FtI-TiHHrGYV.js";import{V as Ge}from"./toChartData-CH5DcWUY-CCr3PEX8.js";import{m as V}from"./analyticsHelper-B3uAu0es-CqogBTHJ.js";import{p as qe}from"./TimeRangeSwitcher-2vDR_AEV-BCS0yx4E.js";import{M as Je}from"./TimeframeSwitcherWithToggle-CdP0ViK8-Blh3jpmT.js";import{C as Qe}from"./NoDataChart-DNmdY5gQ-CMwiaxGm.js";import{d as Ue}from"./NoDataTable-DW2wAX3o-7ZoMqIrJ.js";import{H as Xe,N as oe}from"./detailCommon-Dfxas1Kf-D_ZxAMOH.js";import{n as R}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Ze,W as J}from"./CollapsableReportTable-B0wI9SM1-DyxRAEGL.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-DTlwFauL-CZ3n-orV.js";import{d as re}from"./mapLoadingInProgressToTreeNode-BG784RuM-B-LxqW1w.js";import{l as eo}from"./mapSpacerToTreeNode-CcgVbOH5-TVZJ590D.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./TimeframeSwitcher-BB3_i5V0-_2lvvQWN.js";import"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";import"./AccountRow-CiIWoLq3-BYr2bUH2.js";const oo=m.div`
+import{e as H,hs as xe,M as B,u as q,bJ as be,A as _e,j as t,_ as Se,bg as ke,hr as we,aZ as ve,aX as Be,ht as $e,hu as Oe,o as u,a6 as je,m as Pe,C as F,aj as le,L as ie,a8 as Te,r as $,b0 as De,bL as Ne,bM as Ee,bN as Ie,f as a,y as ce,bd as Me,b8 as Ae,aw as Le,v as Z,av as Fe,ab as Ve,b9 as Re,bb as ze,l as We}from"./index-DgtolMNd.js";import{b as x,n as m,f as Ke}from"./vendor-rkTZJa59.js";import{p as Ye,d as Ge,y as G,b as de,u as ee}from"./chartTypes-eIJ-SPRj-DgIvSxsR.js";import{V as He}from"./toChartData-CYJPtvhS-BAYbqY8t.js";import{m as V}from"./analyticsHelper-BvNZGrlc-zOCblMc4.js";import{p as qe}from"./TimeRangeSwitcher-DbGrn4DP-BrqZ4F1S.js";import{M as Je}from"./TimeframeSwitcherWithToggle-arAZfZIA-BYSHVoSf.js";import{C as Qe}from"./NoDataChart-DUJ9H-CB-CyrJ4tsx.js";import{d as Ue}from"./NoDataTable-D5EYJl2y-D34hDm8V.js";import{H as Xe,N as oe}from"./detailCommon--19QlDMD-5WfydMar.js";import{n as R}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Ze,W as J}from"./CollapsableReportTable-CPOIqiL0-DbaBQG3h.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-DCKSi6a2-BUe3Z-yR.js";import{d as re}from"./mapLoadingInProgressToTreeNode-5V5katgj-pmtLmZyl.js";import{l as eo}from"./mapSpacerToTreeNode-D64394wQ-BNpO7tp-.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./TimeframeSwitcher-sbgG6A6l-DKwQYGX_.js";import"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";import"./AccountRow-Buzf5t6f-kuIKrhUG.js";const oo=m.div`
   display: flex;
 `,ro=m.div`
   flex: display;
@@ -22,10 +22,10 @@ import{e as G,hs as ye,B,u as q,bJ as be,H as _e,j as t,$ as Se,bg as ke,hr as w
   width: 100%;
   height: 1px;
   background-color: ${a.neutralGrey3Dark};
-`,to=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const l=r.filter(C=>C.name==o)[0],i=l.payload,h=l.color,n={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:i.timeLabel})}return s},no=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),so=e=>{const r=to({...e});return r.length===0?null:t.jsx(no,{barLabelsWithValues:r,getVendorName:e.getVendorName})},lo=Ke.memo(so),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!ie(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const io=N.instance(),co=(e,r)=>{const o=new Set,s={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Ye(g,"actual");o.add(c),l==null&&n.balance!=null&&(l=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),l!=null?Ge(e,[...o],l,s):void 0},po=m.div`
+`,to=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const l=r.filter(C=>C.name==o)[0],i=l.payload,h=l.color,n={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:i.timeLabel})}return s},no=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),so=e=>{const r=to({...e});return r.length===0?null:t.jsx(no,{barLabelsWithValues:r,getVendorName:e.getVendorName})},lo=Ke.memo(so),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!ie(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const io=N.instance(),co=(e,r)=>{const o=new Set,s={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Ye(g,"actual");o.add(c),l==null&&n.balance!=null&&(l=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),l!=null?He(e,[...o],l,s):void 0},po=m.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=y.useRef(!1),h=io,[n,p]=y.useState(void 0);y.useEffect(()=>{i.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(b=>{const S=l===!0&&!i.current;d.push(C(b,S))}),d},C=(d,b)=>t.jsx(ze,{name:d,animationDuration:b?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:b})=>b?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(lo,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=We.getOpexVendorTimeframeKey(d);try{const v=b.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(mo,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=He(e),g=i!==!1,c=h?(s-60)/H.operating_expenses_by_vendor*(H.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ae,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?$[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Me,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Le,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Fe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Ve("0,0.[00]a",f,p)}),t.jsx(Re,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/H.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function go(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function uo(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function fo(e){const r=uo(e);if(r!=null)return Co(e.statementEndPoint,e.authParams,r)}async function Co(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const i=await Ne({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ee(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ie(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function xo({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function yo({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function bo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const _o=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((C,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=bo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const C=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>yo({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&C==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(eo({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(xo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function So(e,r,o,s=!0){Object.assign(e.config,r);const l=ko(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const ko=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F($[3],$[3],$[8]),contentPaddingLeft:new F($[0],$[0],$[0]),contentPaddingRight:new F($[3],$[3],$[8])},wo=m.div`
+`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=x.useRef(!1),h=io,[n,p]=x.useState(void 0);x.useEffect(()=>{i.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(b=>{const S=l===!0&&!i.current;d.push(C(b,S))}),d},C=(d,b)=>t.jsx(ze,{name:d,animationDuration:b?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:b})=>b?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(lo,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=We.getOpexVendorTimeframeKey(d);try{const v=b.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(mo,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ge(e),g=i!==!1,c=h?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Me,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?$[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Le,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Fe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Ve("0,0.[00]a",f,p)}),t.jsx(Re,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/G.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function go(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function uo(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function fo(e){const r=uo(e);if(r!=null)return Co(e.statementEndPoint,e.authParams,r)}async function Co(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const i=await Ne({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ee(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ie(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function yo({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function xo({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function bo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const _o=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((C,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=bo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const C=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>xo({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&C==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(eo({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(yo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function So(e,r,o,s=!0){Object.assign(e.config,r);const l=ko(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const ko=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F($[3],$[3],$[8]),contentPaddingLeft:new F($[0],$[0],$[0]),contentPaddingRight:new F($[3],$[3],$[8])},wo=m.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -87,14 +87,14 @@ import{e as G,hs as ye,B,u as q,bJ as be,H as _e,j as t,$ as Se,bg as ke,hr as w
 `,Io=m.div`
   margin-top: ${u.sp5};
   margin-bottom: ${u.sp6};
-`,Ao=m.div`
+`,Mo=m.div`
   display: flex;
   position: sticky;
   justify-content: center;
   padding-top: ${u.sp8};
   padding-left: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.grey4};
-`,Mo=m.div`
+`,Ao=m.div`
   width: 100%;
   height: calc(100vh - ${u.sp11});
-`,Lo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx(Pe,{size:"ExtraLarge",start:!0})}):null,gr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:b,updateDownloadStateHandler:S,onClearSearch:v,analytics:O,onClickMenuIcon:z})=>{const[P,I]=y.useState(o.searchString[o.timeframe]),[A,M]=y.useState(!1),k=G(),T=y.useRef(null),W=ye(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,Q=B.getLocalizedStrings().vendors,U=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:j}=o,D=o.searchString[j];be({componentName:"vendors.opex_by_vendor.list"});const fe=y.useCallback(w=>{n(j,D,w)},[j,D,n]),Ce=y.useCallback((w,x)=>{window.scrollTo({top:T.current?.offsetTop,behavior:"smooth"}),w.length>0?(C(!0),n(x,w,!1)):(C(!1),v(x))},[v,n,C]),X=y.useRef(_e((w,x)=>Ce(w,x),500,{trailing:!0})).current,xe=(w,x)=>{c(w,x,j),C(!0),n(j,D,!1)};if(y.useEffect(()=>{async function w(){await fo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[j],...s}),O?.trackDownload(R("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}A&&o.downloadState!=="In-Progress"&&(M(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,A]),y.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs($o,{children:[t.jsx(Oo,{"data-testid":Se("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(ke,{})}),t.jsx(jo,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Lo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(we,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:Q.common.searchPlaceholder,searchText:P??"",onSearchTextChanged:x=>{I(x),x.trim().length>=2?X(x,j):x.trim().length==0&&X("",j)},downloadPresent:!0}),t.jsx(ve,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async x=>{if(x==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(wo,{windowSize:k,children:[t.jsx(Be,{title:Q.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:U.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:z,source:"OpExByVendorPage"}),t.jsxs(vo,{windowSize:k,children:[he?t.jsx($e,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${U.colors.grey3}`},onTabChange:x=>l(Oe(x.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Fo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:O}),Y!=null?t.jsx(Io,{children:t.jsx(Xe,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:K})]}),t.jsx(Ro,{reference:T,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:xe,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Fo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(Do,{children:t.jsxs(To,{children:[t.jsx(Po,{children:t.jsx(Je,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&i(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,R("operating_expenses_by_vendor"),V(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(qe,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=G();return e?t.jsx(Eo,{children:t.jsx(Qe,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(No,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(ho,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Ro=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const C=r.mode==="compare_mode",_=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),l(C,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,b]=y.useState(void 0),[S,v]=y.useState(void 0),O=G(),z=q(),P=!(O==="small"||O==="medium-compact");y.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:De(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!ie(S,e)){const T=_o(e,r,k,P);v(e),b(T)}else{const T=So(d,k,e,P);b(T)}},[r.mode,e]);const I=k=>k<e.opexBalances.length,A=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Ao,{windowSize:O,ref:s,children:o?t.jsx(Ue,{}):d!=null?t.jsx(Mo,{children:t.jsx(Ze,{backgroundColor:new Te(z.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:E.contentPaddingLeft.value(O),right:E.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:M,loadMoreItems:A}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{gr as default};
+`,Lo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx(Pe,{size:"ExtraLarge",start:!0})}):null,gr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:b,updateDownloadStateHandler:S,onClearSearch:v,analytics:O,onClickMenuIcon:z})=>{const[P,I]=x.useState(o.searchString[o.timeframe]),[M,A]=x.useState(!1),k=H(),T=x.useRef(null),W=xe(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,Q=B.getLocalizedStrings().vendors,U=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:j}=o,D=o.searchString[j];be({componentName:"vendors.opex_by_vendor.list"});const fe=x.useCallback(w=>{n(j,D,w)},[j,D,n]),Ce=x.useCallback((w,y)=>{window.scrollTo({top:T.current?.offsetTop,behavior:"smooth"}),w.length>0?(C(!0),n(y,w,!1)):(C(!1),v(y))},[v,n,C]),X=x.useRef(_e((w,y)=>Ce(w,y),500,{trailing:!0})).current,ye=(w,y)=>{c(w,y,j),C(!0),n(j,D,!1)};if(x.useEffect(()=>{async function w(){await fo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[j],...s}),O?.trackDownload(R("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}M&&o.downloadState!=="In-Progress"&&(A(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,M]),x.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs($o,{children:[t.jsx(Oo,{"data-testid":Se("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(ke,{})}),t.jsx(jo,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Lo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(we,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:Q.common.searchPlaceholder,searchText:P??"",onSearchTextChanged:y=>{I(y),y.trim().length>=2?X(y,j):y.trim().length==0&&X("",j)},downloadPresent:!0}),t.jsx(ve,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async y=>{if(y==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else A(!0)}}}})]});return t.jsxs(wo,{windowSize:k,children:[t.jsx(Be,{title:Q.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:U.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:z,source:"OpExByVendorPage"}),t.jsxs(vo,{windowSize:k,children:[he?t.jsx($e,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${U.colors.grey3}`},onTabChange:y=>l(Oe(y.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Fo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:O}),Y!=null?t.jsx(Io,{children:t.jsx(Xe,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:K})]}),t.jsx(Ro,{reference:T,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:ye,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Fo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(Do,{children:t.jsxs(To,{children:[t.jsx(Po,{children:t.jsx(Je,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&i(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,R("operating_expenses_by_vendor"),V(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(qe,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(Eo,{children:t.jsx(Qe,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(No,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(ho,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Ro=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const C=r.mode==="compare_mode",_=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),l(C,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,b]=x.useState(void 0),[S,v]=x.useState(void 0),O=H(),z=q(),P=!(O==="small"||O==="medium-compact");x.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:De(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!ie(S,e)){const T=_o(e,r,k,P);v(e),b(T)}else{const T=So(d,k,e,P);b(T)}},[r.mode,e]);const I=k=>k<e.opexBalances.length,M=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},A=e.opexBalances.length;return t.jsx(Mo,{windowSize:O,ref:s,children:o?t.jsx(Ue,{}):d!=null?t.jsx(Ao,{children:t.jsx(Ze,{backgroundColor:new Te(z.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:E.contentPaddingLeft.value(O),right:E.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:A,loadMoreItems:M}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{gr as default};

package/dist/assets/{OverlayContainerPage-Bmu909Fo-DQ82QsuS.js → OverlayContainerPage-Bmu909Fo-GqncdcC9.js}

@@ -1,4 +1,4 @@
-import{u as i,j as r}from"./index-LQh-jIrB.js";import{n}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const p=n.div`
+import{u as i,j as r}from"./index-DgtolMNd.js";import{n}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const p=n.div`
   display: ${({isOpen:o})=>o?"block":"none"};
   position: fixed;
   top: 0;

package/dist/assets/{PandLWithForecastPage-DbP4ybN4-DeKOl1Oc.js → PandLWithForecastPage-Cmvdl5M2-CNGL67AQ.js}

@@ -1,4 +1,4 @@
-import{j as o,N as M,u as T,e as z,$ as A,aX as re,B as c,K as ie,m as ae,C as D,v as ce,o as s,O as le,a8 as de,c7 as ge,c8 as me,aU as pe,q as C,l as U,b0 as he,c9 as ue,a6 as fe,a7 as xe,ap as we}from"./index-LQh-jIrB.js";import{n as r,b as F}from"./vendor-rkTZJa59.js";import{L as Se}from"./NavBarWithPicker-BE2MW7hB-C2Q1UUPB.js";import{m as je}from"./analyticsHelper-B3uAu0es-CqogBTHJ.js";import{M as $e}from"./TimeframeSwitcherWithToggle-CdP0ViK8-Blh3jpmT.js";import{R as be,a as Ce}from"./CollapsableReportTable-B0wI9SM1-DyxRAEGL.js";import{M as E}from"./usp-line-BBd1wKwW-u-VMxix8.js";import{T as Pe,I as ke,L as ye}from"./mapSectionWithAcOnlyToTreeNode-CtIgxsPZ-DPeWjfgv.js";import{s as G}from"./mapTimeframeBalancesToTreeNode-CU583ICK-CZ9bt-pf.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./TimeframeSwitcher-BB3_i5V0-_2lvvQWN.js";import"./AccountRow-CiIWoLq3-BYr2bUH2.js";const H="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",Y="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ve=r.div`
+import{j as o,I as M,u as T,e as z,_ as A,aX as re,M as c,K as ie,m as ae,C as D,v as ce,o as s,L as le,a8 as de,c7 as ge,c8 as me,aU as pe,r as C,l as U,b0 as he,c9 as ue,a6 as fe,a7 as xe,ap as we}from"./index-DgtolMNd.js";import{n as r,b as F}from"./vendor-rkTZJa59.js";import{L as Se}from"./NavBarWithPicker-BcrWHAVt-DQ0-NtsG.js";import{m as je}from"./analyticsHelper-BvNZGrlc-zOCblMc4.js";import{M as $e}from"./TimeframeSwitcherWithToggle-arAZfZIA-BYSHVoSf.js";import{R as be,a as Ce}from"./CollapsableReportTable-CPOIqiL0-DbaBQG3h.js";import{M as E}from"./usp-line-BBd1wKwW-u-VMxix8.js";import{T as Pe,I as ke,L as ye}from"./mapSectionWithAcOnlyToTreeNode-BJxygmqD-B65-U7gY.js";import{s as G}from"./mapTimeframeBalancesToTreeNode-n7enawjr-hpvcbBQH.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";import"./TimeframeSwitcher-sbgG6A6l-DKwQYGX_.js";import"./AccountRow-Buzf5t6f-kuIKrhUG.js";const H="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",Y="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ve=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -52,11 +52,11 @@ import{j as o,N as M,u as T,e as z,$ as A,aX as re,B as c,K as ie,m as ae,C as D
   box-sizing: border-box;
 `,N=r(we)`
   color: ${e=>e.theme.colors.champion};
-`,B=r(xe)`
+`,O=r(xe)`
   color: ${e=>e.theme.colors.champion};
-`,O=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,N as M,u as T,e as z,$ as A,aX as re,B as c,K as ie,m as ae,C as D
   margin: ${s.sp3} auto;
   max-width: 422px;
   color: ${e=>e.theme.colors.hero};
-`,Ae=()=>{const e=T(),t=z();return o.jsxs(Q,{windowSize:t,children:[o.jsx(Z,{windowSize:t,children:o.jsx(J,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(X,{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(O,{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(O,{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(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Fe=()=>{const e=T(),t=z();return o.jsxs(Q,{windowSize:t,children:[o.jsxs(X,{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(B,{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(B,{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(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(Z,{windowSize:t,children:o.jsx(J,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Ne=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const a=T(),l=z(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(ve,{"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(ze,{"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 Be(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:[],p=G({balances:d,config:t}),m=[];return m.push(p),e.idsInOrder.forEach(i=>{if(U.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?m.push(Pe({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):m.push(ke({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else U.isPandLReportViewCalculatedSectionID(i)===!0&&m.push(ye({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[p]:[],contentNodes:m}}function Oe(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=G({balances:l,config:t,nodeId:e.contentNodes[0].id}),p=e.contentNodes.slice(1);return p.forEach(m=>se(m,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...p]}}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=z();return o.jsxs(Q,{windowSize:t,children:[o.jsx(Z,{windowSize:t,children:o.jsx(J,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(X,{windowSize:t,children:[o.jsxs(P,{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(P,{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(P,{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=z();return o.jsxs(Q,{windowSize:t,children:[o.jsxs(X,{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(Z,{windowSize:t,children:o.jsx(J,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Ne=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const a=T(),l=z(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(ve,{"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(ze,{"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:[],p=G({balances:d,config:t}),m=[];return m.push(p),e.idsInOrder.forEach(i=>{if(U.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?m.push(Pe({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):m.push(ke({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else U.isPandLReportViewCalculatedSectionID(i)===!0&&m.push(ye({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[p]:[],contentNodes:m}}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=G({balances:l,config:t,nodeId:e.contentNodes[0].id}),p=e.contentNodes.slice(1);return p.forEach(m=>se(m,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...p]}}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])},Be=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -104,4 +104,4 @@ import{j as o,N as M,u as T,e as z,$ as A,aX as re,B as c,K as ie,m 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:p,onBackClick:m,isPandLReportFetching:i,onClickMenuIcon:f})=>{const h=z(),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 v=e[parseInt(g)];n?.(v.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:m,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=>p?.(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,{...$})})]})},Ue=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:p,onTableScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:f})=>{const h=T(),u=z(),[x,$]=F.useState(void 0),[g,v]=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=Be(e,S,b);v(e),$(w)}else{const w=Oe(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:p,onScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function mo({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:p,meetingUrl:m,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:v,nodeOpenStatus:b,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:m,onBackClick:S,onClickMenuIcon:w}):K([a.fetchState])===!0?o.jsx(q,{fetchState:Ke(R)}):o.jsxs(_e,{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:K([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(q,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(Ue,{report:d,type:p,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:v,nodeOpenStatus:b,onNodeCollapseToggled:I})})]})}const qe=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),ne=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),K=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ke=e=>qe(e)===!0?"Completed":ne(e)===!0?"Error":"In-Progress";export{mo as default,K as isAnyInProgress};
+`,De=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:p,onBackClick:m,isPandLReportFetching:i,onClickMenuIcon:f})=>{const h=z(),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 v=e[parseInt(g)];n?.(v.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:m,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=>p?.(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,{...$})})]})},Ue=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:p,onTableScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:f})=>{const h=T(),u=z(),[x,$]=F.useState(void 0),[g,v]=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);v(e),$(w)}else{const w=_e(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:p,onScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function mo({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:p,meetingUrl:m,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:v,nodeOpenStatus:b,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:m,onBackClick:S,onClickMenuIcon:w}):K([a.fetchState])===!0?o.jsx(q,{fetchState:Ke(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:K([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(q,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(Ue,{report:d,type:p,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:v,nodeOpenStatus:b,onNodeCollapseToggled:I})})]})}const qe=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),ne=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),K=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ke=e=>qe(e)===!0?"Completed":ne(e)===!0?"Error":"In-Progress";export{mo as default,K as isAnyInProgress};

package/dist/assets/{PaymentAccountSetupBillingAddressSection-Dd4Aen8j-Ctc3Ha-y.js → PaymentAccountSetupBillingAddressSection-B8u08pzI-DF4VkZQD.js}

@@ -1,5 +1,5 @@
-import{eR as pe,B as le,a2 as Me,v as te,o as u,g as H,e as ue,j as i,bo as De,u as Re,cn as qe,a8 as ae,C as oe,aS as Ve,br as Fe,t as ke,a4 as He,c as me,q as Ke,gm as Je,n as Ge,J as Ye}from"./index-LQh-jIrB.js";import{f as l,b as O,n as y}from"./vendor-rkTZJa59.js";import{P as p}from"./mui-C42whWwM.js";import{O as Ze}from"./SetUpAccountSection-D8FMVhkL--eJk_Euq.js";function fe(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),r.push.apply(r,n)}return r}function ge(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?fe(Object(r),!0).forEach(function(n){$e(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):fe(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function re(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?re=function(e){return typeof e}:re=function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(t)}function $e(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Ae(t,e){return Xe(t)||Qe(t,e)||et(t,e)||tt()}function Xe(t){if(Array.isArray(t))return t}function Qe(t,e){var r=t&&(typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"]);if(r!=null){var n=[],a=!0,s=!1,c,m;try{for(r=r.call(t);!(a=(c=r.next()).done)&&(n.push(c.value),!(e&&n.length===e));a=!0);}catch(o){s=!0,m=o}finally{try{!a&&r.return!=null&&r.return()}finally{if(s)throw m}}return n}}function et(t,e){if(t){if(typeof t=="string")return he(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if(r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set")return Array.from(t);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return he(t,e)}}function he(t,e){(e==null||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function tt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var R=function(e,r,n){var a=!!n,s=l.useRef(n);l.useEffect(function(){s.current=n},[n]),l.useEffect(function(){if(!a||!e)return function(){};var c=function(){s.current&&s.current.apply(s,arguments)};return e.on(r,c),function(){e.off(r,c)}},[a,r,e,s])},se=function(e){var r=l.useRef(e);return l.useEffect(function(){r.current=e},[e]),r.current},K=function(e){return e!==null&&re(e)==="object"},rt=function(e){return K(e)&&typeof e.then=="function"},nt=function(e){return K(e)&&typeof e.elements=="function"&&typeof e.createToken=="function"&&typeof e.createPaymentMethod=="function"&&typeof e.confirmCardPayment=="function"},ve="[object Object]",at=function t(e,r){if(!K(e)||!K(r))return e===r;var n=Array.isArray(e),a=Array.isArray(r);if(n!==a)return!1;var s=Object.prototype.toString.call(e)===ve,c=Object.prototype.toString.call(r)===ve;if(s!==c)return!1;if(!s&&!n)return e===r;var m=Object.keys(e),o=Object.keys(r);if(m.length!==o.length)return!1;for(var h={},f=0;f<m.length;f+=1)h[m[f]]=!0;for(var x=0;x<o.length;x+=1)h[o[x]]=!0;var g=Object.keys(h);if(g.length!==m.length)return!1;var w=e,P=r,S=function($){return t(w[$],P[$])};return g.every(S)},Ie=function(e,r,n){return K(e)?Object.keys(e).reduce(function(a,s){var c=!K(r)||!at(e[s],r[s]);return n.includes(s)?(c&&console.warn("Unsupported prop change: options.".concat(s," is not a mutable property.")),a):c?ge(ge({},a||{}),{},$e({},s,e[s])):a},null):null},Oe="Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.",ye=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Oe;if(e===null||nt(e))return e;throw new Error(r)},ot=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Oe;if(rt(e))return{tag:"async",stripePromise:Promise.resolve(e).then(function(a){return ye(a,r)})};var n=ye(e,r);return n===null?{tag:"empty"}:{tag:"sync",stripe:n}},st=function(e){!e||!e._registerWrapper||!e.registerAppInfo||(e._registerWrapper({name:"react-stripe-js",version:"2.7.3"}),e.registerAppInfo({name:"react-stripe-js",version:"2.7.3",url:"https://stripe.com/docs/stripe-js/react"}))},ne=l.createContext(null);ne.displayName="ElementsContext";var Ue=function(e,r){if(!e)throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(r," in an <Elements> provider."));return e},ze=function(e){var r=e.stripe,n=e.options,a=e.children,s=l.useMemo(function(){return ot(r)},[r]),c=l.useState(function(){return{stripe:s.tag==="sync"?s.stripe:null,elements:s.tag==="sync"?s.stripe.elements(n):null}}),m=Ae(c,2),o=m[0],h=m[1];l.useEffect(function(){var g=!0,w=function(S){h(function(j){return j.stripe?j:{stripe:S,elements:S.elements(n)}})};return s.tag==="async"&&!o.stripe?s.stripePromise.then(function(P){P&&g&&w(P)}):s.tag==="sync"&&!o.stripe&&w(s.stripe),function(){g=!1}},[s,o,n]);var f=se(r);l.useEffect(function(){f!==null&&f!==r&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")},[f,r]);var x=se(n);return l.useEffect(function(){if(o.elements){var g=Ie(n,x,["clientSecret","fonts"]);g&&o.elements.update(g)}},[n,x,o.elements]),l.useEffect(function(){st(o.stripe)},[o.stripe]),l.createElement(ne.Provider,{value:o},a)};ze.propTypes={stripe:p.any,options:p.object};var it=function(e){var r=l.useContext(ne);return Ue(r,e)},ct=function(){var e=it("calls useElements()"),r=e.elements;return r};p.func.isRequired;var Te=l.createContext(null);Te.displayName="CustomCheckoutSdkContext";var lt=function(e,r){if(!e)throw new Error("Could not find CustomCheckoutProvider context; You need to wrap the part of your app that ".concat(r," in an <CustomCheckoutProvider> provider."));return e},ut=l.createContext(null);ut.displayName="CustomCheckoutContext";p.any,p.shape({clientSecret:p.string.isRequired,elementsOptions:p.object}).isRequired;var ie=function(e){var r=l.useContext(Te),n=l.useContext(ne);if(r&&n)throw new Error("You cannot wrap the part of your app that ".concat(e," in both <CustomCheckoutProvider> and <Elements> providers."));return r?lt(r,e):Ue(n,e)},dt=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},C=function(e,r){var n="".concat(dt(e),"Element"),a=function(o){var h=o.id,f=o.className,x=o.options,g=x===void 0?{}:x,w=o.onBlur,P=o.onFocus,S=o.onReady,j=o.onChange,$=o.onEscape,D=o.onClick,q=o.onLoadError,V=o.onLoaderStart,W=o.onNetworksChange,A=o.onConfirm,J=o.onCancel,N=o.onShippingAddressChange,M=o.onShippingRateChange,U=ie("mounts <".concat(n,">")),T="elements"in U?U.elements:null,E="customCheckoutSdk"in U?U.customCheckoutSdk:null,z=l.useState(null),_=Ae(z,2),v=_[0],B=_[1],L=l.useRef(null),F=l.useRef(null);R(v,"blur",w),R(v,"focus",P),R(v,"escape",$),R(v,"click",D),R(v,"loaderror",q),R(v,"loaderstart",V),R(v,"networkschange",W),R(v,"confirm",A),R(v,"cancel",J),R(v,"shippingaddresschange",N),R(v,"shippingratechange",M),R(v,"change",j);var G;S&&(e==="expressCheckout"?G=S:G=function(){S(v)}),R(v,"ready",G),l.useLayoutEffect(function(){if(L.current===null&&F.current!==null&&(T||E)){var I=null;E?I=E.createElement(e,g):T&&(I=T.create(e,g)),L.current=I,B(I),I&&I.mount(F.current)}},[T,E,g]);var de=se(g);return l.useEffect(function(){if(L.current){var I=Ie(g,de,["paymentRequest"]);I&&L.current.update(I)}},[g,de]),l.useLayoutEffect(function(){return function(){if(L.current&&typeof L.current.destroy=="function")try{L.current.destroy(),L.current=null}catch{}}},[]),l.createElement("div",{id:h,className:f,ref:F})},s=function(o){ie("mounts <".concat(n,">"));var h=o.id,f=o.className;return l.createElement("div",{id:h,className:f})},c=r?s:a;return c.propTypes={id:p.string,className:p.string,onChange:p.func,onBlur:p.func,onFocus:p.func,onReady:p.func,onEscape:p.func,onClick:p.func,onLoadError:p.func,onLoaderStart:p.func,onNetworksChange:p.func,onConfirm:p.func,onCancel:p.func,onShippingAddressChange:p.func,onShippingRateChange:p.func,options:p.object},c.displayName=n,c.__elementType=e,c},b=typeof window>"u",pt=l.createContext(null);pt.displayName="EmbeddedCheckoutProviderContext";var mt=function(){var e=ie("calls useStripe()"),r=e.stripe;return r};C("auBankAccount",b);C("card",b);var Se=C("cardNumber",b),Ce=C("cardExpiry",b),be=C("cardCvc",b);C("fpxBank",b);C("iban",b);C("idealBank",b);C("p24Bank",b);C("epsBank",b);C("payment",b);C("expressCheckout",b);C("paymentRequestButton",b);C("linkAuthentication",b);C("address",b);C("shippingAddress",b);C("paymentMethodMessaging",b);C("affirmMessage",b);C("afterpayClearpayMessage",b);var _e="https://js.stripe.com/v3",ft=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;var gt=function(){for(var e=document.querySelectorAll('script[src^="'.concat(_e,'"]')),r=0;r<e.length;r++){var n=e[r];if(ft.test(n.src))return n}return null},xe=function(e){var r="",n=document.createElement("script");n.src="".concat(_e).concat(r);var a=document.head||document.body;if(!a)throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");return a.appendChild(n),n},ht=function(e,r){!e||!e._registerWrapper||e._registerWrapper({name:"stripe-js",version:"4.3.0",startTime:r})},Y=null,Q=null,ee=null,vt=function(e){return function(){e(new Error("Failed to load Stripe.js"))}},yt=function(e,r){return function(){window.Stripe?e(window.Stripe):r(new Error("Stripe.js not available"))}},St=function(e){return Y!==null?Y:(Y=new Promise(function(r,n){if(typeof window>"u"||typeof document>"u"){r(null);return}if(window.Stripe){r(window.Stripe);return}try{var a=gt();if(!(a&&e)){if(!a)a=xe(e);else if(a&&ee!==null&&Q!==null){var s;a.removeEventListener("load",ee),a.removeEventListener("error",Q),(s=a.parentNode)===null||s===void 0||s.removeChild(a),a=xe(e)}}ee=yt(r,n),Q=vt(n),a.addEventListener("load",ee),a.addEventListener("error",Q)}catch(c){n(c);return}}),Y.catch(function(r){return Y=null,Promise.reject(r)}))},Ct=function(e,r,n){if(e===null)return null;var a=e.apply(void 0,r);return ht(a,n),a},Z,Be=!1,We=function(){return Z||(Z=St(null).catch(function(e){return Z=null,Promise.reject(e)}),Z)};Promise.resolve().then(function(){return We()}).catch(function(t){Be||console.warn(t)});var bt=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];Be=!0;var a=Date.now();return We().then(function(s){return Ct(s,r,a)})};const xt={containerHeight:new oe(656,720)},Pt=y.div`
+import{eR as pe,M as le,a2 as Me,v as te,o as u,f as H,e as ue,j as i,bo as De,u as Re,cn as Ve,a8 as ae,C as oe,aS as Fe,br as qe,y as ke,a4 as He,c as me,r as Ke,gm as Je,B as Ge,J as Ye}from"./index-DgtolMNd.js";import{f as l,b as O,n as y}from"./vendor-rkTZJa59.js";import{P as p}from"./mui-C42whWwM.js";import{O as Ze}from"./SetUpAccountSection-nOqMRPh8-vlNwq74j.js";function fe(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),r.push.apply(r,n)}return r}function ge(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?fe(Object(r),!0).forEach(function(n){$e(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):fe(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function re(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?re=function(e){return typeof e}:re=function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(t)}function $e(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Ae(t,e){return Xe(t)||Qe(t,e)||et(t,e)||tt()}function Xe(t){if(Array.isArray(t))return t}function Qe(t,e){var r=t&&(typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"]);if(r!=null){var n=[],a=!0,s=!1,c,m;try{for(r=r.call(t);!(a=(c=r.next()).done)&&(n.push(c.value),!(e&&n.length===e));a=!0);}catch(o){s=!0,m=o}finally{try{!a&&r.return!=null&&r.return()}finally{if(s)throw m}}return n}}function et(t,e){if(t){if(typeof t=="string")return he(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if(r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set")return Array.from(t);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return he(t,e)}}function he(t,e){(e==null||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function tt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var R=function(e,r,n){var a=!!n,s=l.useRef(n);l.useEffect(function(){s.current=n},[n]),l.useEffect(function(){if(!a||!e)return function(){};var c=function(){s.current&&s.current.apply(s,arguments)};return e.on(r,c),function(){e.off(r,c)}},[a,r,e,s])},se=function(e){var r=l.useRef(e);return l.useEffect(function(){r.current=e},[e]),r.current},K=function(e){return e!==null&&re(e)==="object"},rt=function(e){return K(e)&&typeof e.then=="function"},nt=function(e){return K(e)&&typeof e.elements=="function"&&typeof e.createToken=="function"&&typeof e.createPaymentMethod=="function"&&typeof e.confirmCardPayment=="function"},ve="[object Object]",at=function t(e,r){if(!K(e)||!K(r))return e===r;var n=Array.isArray(e),a=Array.isArray(r);if(n!==a)return!1;var s=Object.prototype.toString.call(e)===ve,c=Object.prototype.toString.call(r)===ve;if(s!==c)return!1;if(!s&&!n)return e===r;var m=Object.keys(e),o=Object.keys(r);if(m.length!==o.length)return!1;for(var h={},f=0;f<m.length;f+=1)h[m[f]]=!0;for(var x=0;x<o.length;x+=1)h[o[x]]=!0;var g=Object.keys(h);if(g.length!==m.length)return!1;var w=e,P=r,S=function($){return t(w[$],P[$])};return g.every(S)},Ie=function(e,r,n){return K(e)?Object.keys(e).reduce(function(a,s){var c=!K(r)||!at(e[s],r[s]);return n.includes(s)?(c&&console.warn("Unsupported prop change: options.".concat(s," is not a mutable property.")),a):c?ge(ge({},a||{}),{},$e({},s,e[s])):a},null):null},Oe="Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.",ye=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Oe;if(e===null||nt(e))return e;throw new Error(r)},ot=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Oe;if(rt(e))return{tag:"async",stripePromise:Promise.resolve(e).then(function(a){return ye(a,r)})};var n=ye(e,r);return n===null?{tag:"empty"}:{tag:"sync",stripe:n}},st=function(e){!e||!e._registerWrapper||!e.registerAppInfo||(e._registerWrapper({name:"react-stripe-js",version:"2.7.3"}),e.registerAppInfo({name:"react-stripe-js",version:"2.7.3",url:"https://stripe.com/docs/stripe-js/react"}))},ne=l.createContext(null);ne.displayName="ElementsContext";var Ue=function(e,r){if(!e)throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(r," in an <Elements> provider."));return e},ze=function(e){var r=e.stripe,n=e.options,a=e.children,s=l.useMemo(function(){return ot(r)},[r]),c=l.useState(function(){return{stripe:s.tag==="sync"?s.stripe:null,elements:s.tag==="sync"?s.stripe.elements(n):null}}),m=Ae(c,2),o=m[0],h=m[1];l.useEffect(function(){var g=!0,w=function(S){h(function(j){return j.stripe?j:{stripe:S,elements:S.elements(n)}})};return s.tag==="async"&&!o.stripe?s.stripePromise.then(function(P){P&&g&&w(P)}):s.tag==="sync"&&!o.stripe&&w(s.stripe),function(){g=!1}},[s,o,n]);var f=se(r);l.useEffect(function(){f!==null&&f!==r&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")},[f,r]);var x=se(n);return l.useEffect(function(){if(o.elements){var g=Ie(n,x,["clientSecret","fonts"]);g&&o.elements.update(g)}},[n,x,o.elements]),l.useEffect(function(){st(o.stripe)},[o.stripe]),l.createElement(ne.Provider,{value:o},a)};ze.propTypes={stripe:p.any,options:p.object};var it=function(e){var r=l.useContext(ne);return Ue(r,e)},ct=function(){var e=it("calls useElements()"),r=e.elements;return r};p.func.isRequired;var Te=l.createContext(null);Te.displayName="CustomCheckoutSdkContext";var lt=function(e,r){if(!e)throw new Error("Could not find CustomCheckoutProvider context; You need to wrap the part of your app that ".concat(r," in an <CustomCheckoutProvider> provider."));return e},ut=l.createContext(null);ut.displayName="CustomCheckoutContext";p.any,p.shape({clientSecret:p.string.isRequired,elementsOptions:p.object}).isRequired;var ie=function(e){var r=l.useContext(Te),n=l.useContext(ne);if(r&&n)throw new Error("You cannot wrap the part of your app that ".concat(e," in both <CustomCheckoutProvider> and <Elements> providers."));return r?lt(r,e):Ue(n,e)},dt=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},C=function(e,r){var n="".concat(dt(e),"Element"),a=function(o){var h=o.id,f=o.className,x=o.options,g=x===void 0?{}:x,w=o.onBlur,P=o.onFocus,S=o.onReady,j=o.onChange,$=o.onEscape,D=o.onClick,V=o.onLoadError,F=o.onLoaderStart,W=o.onNetworksChange,A=o.onConfirm,J=o.onCancel,N=o.onShippingAddressChange,M=o.onShippingRateChange,U=ie("mounts <".concat(n,">")),T="elements"in U?U.elements:null,E="customCheckoutSdk"in U?U.customCheckoutSdk:null,z=l.useState(null),_=Ae(z,2),v=_[0],B=_[1],L=l.useRef(null),q=l.useRef(null);R(v,"blur",w),R(v,"focus",P),R(v,"escape",$),R(v,"click",D),R(v,"loaderror",V),R(v,"loaderstart",F),R(v,"networkschange",W),R(v,"confirm",A),R(v,"cancel",J),R(v,"shippingaddresschange",N),R(v,"shippingratechange",M),R(v,"change",j);var G;S&&(e==="expressCheckout"?G=S:G=function(){S(v)}),R(v,"ready",G),l.useLayoutEffect(function(){if(L.current===null&&q.current!==null&&(T||E)){var I=null;E?I=E.createElement(e,g):T&&(I=T.create(e,g)),L.current=I,B(I),I&&I.mount(q.current)}},[T,E,g]);var de=se(g);return l.useEffect(function(){if(L.current){var I=Ie(g,de,["paymentRequest"]);I&&L.current.update(I)}},[g,de]),l.useLayoutEffect(function(){return function(){if(L.current&&typeof L.current.destroy=="function")try{L.current.destroy(),L.current=null}catch{}}},[]),l.createElement("div",{id:h,className:f,ref:q})},s=function(o){ie("mounts <".concat(n,">"));var h=o.id,f=o.className;return l.createElement("div",{id:h,className:f})},c=r?s:a;return c.propTypes={id:p.string,className:p.string,onChange:p.func,onBlur:p.func,onFocus:p.func,onReady:p.func,onEscape:p.func,onClick:p.func,onLoadError:p.func,onLoaderStart:p.func,onNetworksChange:p.func,onConfirm:p.func,onCancel:p.func,onShippingAddressChange:p.func,onShippingRateChange:p.func,options:p.object},c.displayName=n,c.__elementType=e,c},b=typeof window>"u",pt=l.createContext(null);pt.displayName="EmbeddedCheckoutProviderContext";var mt=function(){var e=ie("calls useStripe()"),r=e.stripe;return r};C("auBankAccount",b);C("card",b);var Se=C("cardNumber",b),Ce=C("cardExpiry",b),be=C("cardCvc",b);C("fpxBank",b);C("iban",b);C("idealBank",b);C("p24Bank",b);C("epsBank",b);C("payment",b);C("expressCheckout",b);C("paymentRequestButton",b);C("linkAuthentication",b);C("address",b);C("shippingAddress",b);C("paymentMethodMessaging",b);C("affirmMessage",b);C("afterpayClearpayMessage",b);var _e="https://js.stripe.com/v3",ft=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;var gt=function(){for(var e=document.querySelectorAll('script[src^="'.concat(_e,'"]')),r=0;r<e.length;r++){var n=e[r];if(ft.test(n.src))return n}return null},xe=function(e){var r="",n=document.createElement("script");n.src="".concat(_e).concat(r);var a=document.head||document.body;if(!a)throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");return a.appendChild(n),n},ht=function(e,r){!e||!e._registerWrapper||e._registerWrapper({name:"stripe-js",version:"4.3.0",startTime:r})},Y=null,Q=null,ee=null,vt=function(e){return function(){e(new Error("Failed to load Stripe.js"))}},yt=function(e,r){return function(){window.Stripe?e(window.Stripe):r(new Error("Stripe.js not available"))}},St=function(e){return Y!==null?Y:(Y=new Promise(function(r,n){if(typeof window>"u"||typeof document>"u"){r(null);return}if(window.Stripe){r(window.Stripe);return}try{var a=gt();if(!(a&&e)){if(!a)a=xe(e);else if(a&&ee!==null&&Q!==null){var s;a.removeEventListener("load",ee),a.removeEventListener("error",Q),(s=a.parentNode)===null||s===void 0||s.removeChild(a),a=xe(e)}}ee=yt(r,n),Q=vt(n),a.addEventListener("load",ee),a.addEventListener("error",Q)}catch(c){n(c);return}}),Y.catch(function(r){return Y=null,Promise.reject(r)}))},Ct=function(e,r,n){if(e===null)return null;var a=e.apply(void 0,r);return ht(a,n),a},Z,Be=!1,We=function(){return Z||(Z=St(null).catch(function(e){return Z=null,Promise.reject(e)}),Z)};Promise.resolve().then(function(){return We()}).catch(function(t){Be||console.warn(t)});var bt=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];Be=!0;var a=Date.now();return We().then(function(s){return Ct(s,r,a)})};const xt={containerHeight:new oe(656,720)},Pt=y.div`
   display: flex;
   flex-direction: column;
   gap: 20px;
@@ -12,7 +12,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   display: flex;
   flex-direction: column;
   margin-bottom: ${u.sp2};
-`,Et=y(Fe)`
+`,Et=y(qe)`
   padding-top: ${u.sp4};
   text-align: center;
   color: ${t=>t.theme.colors.primary};
@@ -86,22 +86,22 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   color: ${t=>t.theme.colors.hero};
   text-align: center;
   margin-top: ${u.sp2};
-`,Ee=t=>`${t}_form`,je="CardPaymentPaymentForm",Tt=({cardPaymentView:t,clientSecret:e,cardSetupInProgress:r,handleConfirmCardSetupIntent:n,updateCardPaymentModalState:a,handleAddCardPaymentSource:s,setCardSetupInProgress:c})=>{const m=mt(),o=ct(),[h,f]=O.useState(!1),[x,g]=O.useState(!1),[w,P]=O.useState(!1),[S,j]=O.useState(!1),$=ue(),D=t.cardSetupConfirmStatus.fetchState,q=t.addCardPaymentSourceStatus.fetchState,V=t.cardSetupIntentStatus.fetchState,[W,A]=O.useState(!1),J=async E=>{if(E.preventDefault(),!m||!o)return;const z=o.getElement(Se),_=o.getElement(Ce),v=o.getElement(be);(!z||!_||!v)&&A(!0),j(!0),c(!0),z!=null&&_!=null&&v!=null&&m.confirmCardSetup(e,{payment_method:{card:z}}).then(B=>{j(!1),n(B),B.setupIntent?.id!=null&&s("card","payment_intent",B.setupIntent?.id)}).catch(()=>{j(!1),setTimeout(()=>{c(!1)},2e3)})},N=Re(),M={showIcon:!0,style:{base:{...te.standardRegular.cssObject,color:N.colors.primary,"::placeholder":{color:N.colors.grey2}},invalid:{color:H.important,iconColor:H.important}}},U=D==="In-Progress"||q==="In-Progress"||V==="In-Progress"||S===!0||r===!0,T=h||x||w||D==="In-Progress"||q==="In-Progress"||V==="In-Progress"||S===!0||r===!0;return i.jsx(Lt,{windowSize:$,children:i.jsxs(wt,{onSubmit:J,id:Ee(je),children:[i.jsxs($t,{children:[i.jsx(At,{children:i.jsx(It,{children:i.jsx(Se,{options:M,onChange:E=>f(!!E.error)})})}),i.jsx(Ot,{children:i.jsxs(Rt,{children:[i.jsx(Pe,{children:k.cardNumber}),i.jsx(Ce,{options:M,onChange:E=>g(!!E.error)})]})}),i.jsx(Ut,{children:i.jsxs(kt,{children:[i.jsx(Pe,{children:k.CVC}),i.jsx(be,{options:M,onChange:E=>P(!!E.error)})]})})]}),t.cardSetupConfirmStatus.error||W?i.jsx(Ne,{children:k.errorMsg}):null,i.jsx(He,{style:{width:"100%",padding:`${u.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:Ee(je),primaryBtn:{label:we.linkCard,style:{width:"104px",height:u.sp6},isLoading:U,isDisabled:T,type:"submit"},cancelBtn:{label:we.cancel,style:{width:"104px",height:u.sp6},onClick:()=>{a(!1)}}}),i.jsxs(zt,{windowSize:$,children:[k.terms.term1,i.jsx(me,{href:k.terms.term2Link,linkText:k.terms.term2}),k.terms.term3,i.jsx(me,{href:k.terms.term4Link,linkText:k.terms.term4})]})]})})},Gt=({isCardPaymentOpen:t,cardPaymentView:e,stripeKey:r,cardSetupInProgress:n,handleConfirmCardSetupIntent:a,updateCardPaymentModalState:s,handleCreateCardSetupIntent:c,handleAddCardPaymentSource:m,handleResetCardPaymentErrorStatuses:o,setCardSetupInProgress:h})=>{const[f,x]=O.useState(""),g=bt(r),w=Me(e.addCardPaymentSourceStatus.fetchState),P=e.addCardPaymentSourceStatus.fetchState;O.useEffect(()=>(c(["card"]),()=>{s(!1),x(""),o()}),[]),O.useEffect(()=>{o()},[t]),O.useEffect(()=>{w==="In-Progress"&&P==="Error"?(h(!1),setTimeout(()=>{s(!1)},2e3)):w==="In-Progress"&&P==="Completed"&&(c(["card"]),setTimeout(()=>{s(!1),h(!1)},2e3))},[w,P]),O.useEffect(()=>{(e.cardSetupConfirmStatus.error||e.addCardPaymentSourceStatus.error)&&(c(["card"]),setTimeout(()=>{h(!1)},2e3))},[e.cardSetupConfirmStatus.error,e.addCardPaymentSourceStatus.error]),O.useEffect(()=>{e.clientSecret!=null&&x(e.clientSecret)},[e.clientSecret]);const S={theme:"stripe",variables:{borderRadius:u.sp1,fontSizeBase:te.standardRegular.fontSize,fontFamily:te.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${H.neutralGrey3Light}`,borderRadius:u.sp1,padding:"10px",fontSize:te.standardRegular.fontSize}}},j={clientSecret:f,appearance:S},$=ue();return i.jsx(De,{open:t,children:i.jsxs(Pt,{windowSize:$,isError:!!e.cardSetupConfirmStatus.error,children:[i.jsx(Et,{children:k.title}),i.jsx(jt,{children:k.subtitle}),f&&g!=null?i.jsx(ze,{options:j,stripe:g,children:i.jsx(Tt,{clientSecret:f,handleConfirmCardSetupIntent:a,updateCardPaymentModalState:s,handleAddCardPaymentSource:m,cardPaymentView:e,cardSetupInProgress:n,setCardSetupInProgress:h})}):i.jsx(Ne,{children:k.errorMsg})]})})},{cardBrands:d}=le.getLocalizedStrings().cardPayment,ce={visa:{name:d.visa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/visa.svg"},mastercard:{name:d.mastercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/mastercard.svg"},american_express:{name:d.american_express,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/amex.svg"},discover:{name:d.discover,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/discover-global.svg"},jcb:{name:d.jcb,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/jcb-card.svg"},diners_club:{name:d.diners_club,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dinersclub.svg"},unionpay:{name:d.unionpay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},rupay:{name:d.rupay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rupay-card.svg"},bancontact:{name:d.bancontact,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cmr_falabella:{name:d.cmr_falabella,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},tarjeta_naranja:{name:d.tarjeta_naranja,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},nativa:{name:d.nativa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cencosud:{name:d.cencosud,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cabal:{name:d.cabal,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},argencard:{name:d.argencard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},elo:{name:d.elo,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/elo-card.svg"},hipercard:{name:d.hipercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/hipercard.svg"},carnet:{name:d.carnet,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/carnet.svg"},maestro:{name:d.maestro,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/maestro.svg"},not_applicable:{name:d.not_applicable,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},eftpos_australia:{name:d.eftpos_australia,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},girocard:{name:d.girocard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},other:{name:d.other,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},unknown:{name:d.unknown,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}},X={sectionWidth:new oe(343,580,726),iconWidthHeight:new oe(20,Ke[4])},_t={title:new Ye("standardSemiBold","largeSemiBold")},Le=t=>t?ce[t]??{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"},Bt=(t,e,r,n)=>({header:t,title:`${pe(ce[n.cardsList[0]?.brand]?.name??"")} ${e}`,subtitle:`${pe(ce[n.cardsList[0]?.brand]?.name??"")} ${r} ${n.cardsList[0]?.last4}`,status:n.cardsList[0]?.status}),Wt=y.img`
+`,Ee=t=>`${t}_form`,je="CardPaymentPaymentForm",Tt=({cardPaymentView:t,clientSecret:e,cardSetupInProgress:r,handleConfirmCardSetupIntent:n,updateCardPaymentModalState:a,handleAddCardPaymentSource:s,setCardSetupInProgress:c})=>{const m=mt(),o=ct(),[h,f]=O.useState(!1),[x,g]=O.useState(!1),[w,P]=O.useState(!1),[S,j]=O.useState(!1),$=ue(),D=t.cardSetupConfirmStatus.fetchState,V=t.addCardPaymentSourceStatus.fetchState,F=t.cardSetupIntentStatus.fetchState,[W,A]=O.useState(!1),J=async E=>{if(E.preventDefault(),!m||!o)return;const z=o.getElement(Se),_=o.getElement(Ce),v=o.getElement(be);(!z||!_||!v)&&A(!0),j(!0),c(!0),z!=null&&_!=null&&v!=null&&m.confirmCardSetup(e,{payment_method:{card:z}}).then(B=>{j(!1),n(B),B.setupIntent?.id!=null&&s("card","payment_intent",B.setupIntent?.id)}).catch(()=>{j(!1),setTimeout(()=>{c(!1)},2e3)})},N=Re(),M={showIcon:!0,style:{base:{...te.standardRegular.cssObject,color:N.colors.primary,"::placeholder":{color:N.colors.grey2}},invalid:{color:H.important,iconColor:H.important}}},U=D==="In-Progress"||V==="In-Progress"||F==="In-Progress"||S===!0||r===!0,T=h||x||w||D==="In-Progress"||V==="In-Progress"||F==="In-Progress"||S===!0||r===!0;return i.jsx(Lt,{windowSize:$,children:i.jsxs(wt,{onSubmit:J,id:Ee(je),children:[i.jsxs($t,{children:[i.jsx(At,{children:i.jsx(It,{children:i.jsx(Se,{options:M,onChange:E=>f(!!E.error)})})}),i.jsx(Ot,{children:i.jsxs(Rt,{children:[i.jsx(Pe,{children:k.cardNumber}),i.jsx(Ce,{options:M,onChange:E=>g(!!E.error)})]})}),i.jsx(Ut,{children:i.jsxs(kt,{children:[i.jsx(Pe,{children:k.CVC}),i.jsx(be,{options:M,onChange:E=>P(!!E.error)})]})})]}),t.cardSetupConfirmStatus.error||W?i.jsx(Ne,{children:k.errorMsg}):null,i.jsx(He,{style:{width:"100%",padding:`${u.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:Ee(je),primaryBtn:{label:we.linkCard,style:{width:"104px",height:u.sp6},isLoading:U,isDisabled:T,type:"submit"},cancelBtn:{label:we.cancel,style:{width:"104px",height:u.sp6},onClick:()=>{a(!1)}}}),i.jsxs(zt,{windowSize:$,children:[k.terms.term1,i.jsx(me,{href:k.terms.term2Link,linkText:k.terms.term2}),k.terms.term3,i.jsx(me,{href:k.terms.term4Link,linkText:k.terms.term4})]})]})})},Gt=({isCardPaymentOpen:t,cardPaymentView:e,stripeKey:r,cardSetupInProgress:n,handleConfirmCardSetupIntent:a,updateCardPaymentModalState:s,handleCreateCardSetupIntent:c,handleAddCardPaymentSource:m,handleResetCardPaymentErrorStatuses:o,setCardSetupInProgress:h})=>{const[f,x]=O.useState(""),g=bt(r),w=Me(e.addCardPaymentSourceStatus.fetchState),P=e.addCardPaymentSourceStatus.fetchState;O.useEffect(()=>(c(["card"]),()=>{s(!1),x(""),o()}),[]),O.useEffect(()=>{o()},[t]),O.useEffect(()=>{w==="In-Progress"&&P==="Error"?(h(!1),setTimeout(()=>{s(!1)},2e3)):w==="In-Progress"&&P==="Completed"&&(c(["card"]),setTimeout(()=>{s(!1),h(!1)},2e3))},[w,P]),O.useEffect(()=>{(e.cardSetupConfirmStatus.error||e.addCardPaymentSourceStatus.error)&&(c(["card"]),setTimeout(()=>{h(!1)},2e3))},[e.cardSetupConfirmStatus.error,e.addCardPaymentSourceStatus.error]),O.useEffect(()=>{e.clientSecret!=null&&x(e.clientSecret)},[e.clientSecret]);const S={theme:"stripe",variables:{borderRadius:u.sp1,fontSizeBase:te.standardRegular.fontSize,fontFamily:te.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${H.neutralGrey3Light}`,borderRadius:u.sp1,padding:"10px",fontSize:te.standardRegular.fontSize}}},j={clientSecret:f,appearance:S},$=ue();return i.jsx(De,{open:t,children:i.jsxs(Pt,{windowSize:$,isError:!!e.cardSetupConfirmStatus.error,children:[i.jsx(Et,{children:k.title}),i.jsx(jt,{children:k.subtitle}),f&&g!=null?i.jsx(ze,{options:j,stripe:g,children:i.jsx(Tt,{clientSecret:f,handleConfirmCardSetupIntent:a,updateCardPaymentModalState:s,handleAddCardPaymentSource:m,cardPaymentView:e,cardSetupInProgress:n,setCardSetupInProgress:h})}):i.jsx(Ne,{children:k.errorMsg})]})})},{cardBrands:d}=le.getLocalizedStrings().cardPayment,ce={visa:{name:d.visa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/visa.svg"},mastercard:{name:d.mastercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/mastercard.svg"},american_express:{name:d.american_express,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/amex.svg"},discover:{name:d.discover,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/discover-global.svg"},jcb:{name:d.jcb,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/jcb-card.svg"},diners_club:{name:d.diners_club,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/dinersclub.svg"},unionpay:{name:d.unionpay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},rupay:{name:d.rupay,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/rupay-card.svg"},bancontact:{name:d.bancontact,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cmr_falabella:{name:d.cmr_falabella,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},tarjeta_naranja:{name:d.tarjeta_naranja,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},nativa:{name:d.nativa,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cencosud:{name:d.cencosud,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},cabal:{name:d.cabal,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},argencard:{name:d.argencard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},elo:{name:d.elo,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/elo-card.svg"},hipercard:{name:d.hipercard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/hipercard.svg"},carnet:{name:d.carnet,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/carnet.svg"},maestro:{name:d.maestro,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/maestro.svg"},not_applicable:{name:d.not_applicable,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},eftpos_australia:{name:d.eftpos_australia,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},girocard:{name:d.girocard,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},other:{name:d.other,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"},unknown:{name:d.unknown,iconURL:"https://storage.googleapis.com/zeni-apis.appspot.com/images/other-brand.svg"}},X={sectionWidth:new oe(343,580,726),iconWidthHeight:new oe(20,Ke[4])},_t={title:new Ye("standardSemiBold","largeSemiBold")},Le=t=>t?ce[t]??{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"},Bt=(t,e,r,n)=>({header:t,title:`${pe(ce[n.cardsList[0]?.brand]?.name??"")} ${e}`,subtitle:`${pe(ce[n.cardsList[0]?.brand]?.name??"")} ${r} ${n.cardsList[0]?.last4}`,status:n.cardsList[0]?.status}),Wt=y.img`
   width: ${t=>t.width}px;
   height: ${t=>t.height}px;
-`,Yt=({paymentAccount:t,plaidConnectionDetails:e,connectedAccountProvider:r,sectionId:n,isDisabled:a,hasError:s=!1,isValid:c,style:m,analytics:o,onFetchLinkTokenClick:h,onEstablishConnectionClick:f,onUpdatePaymentAccountStatus:x,onUpdatePaymentAccountLoginStatus:g,onEstablishConnectionSuccess:w,updateCardPaymentModalState:P,cardPaymentView:S,resetCardPaymentViewState:j,cardSetupInProgress:$=!1,googleAPIKey:D,subscriptionBillingAddress:q,subscriptionBillingAddressSectionId:V})=>{const W=Re(),A=ue(),{register:J}=qe(),N=W.mode==="light"?new ae(W.colors.brandColorJadeLight):new ae(W.colors.brandColorJadeDark),{common:M,customerOnboardingPage:{sections:{link_payment_account:{title:U,text:T,subText:E},card_payment_method:z}}}=le.getLocalizedStrings(),_=S.cardsList.length>0,v=S.cardsList[0]?.brand??"other",B=S.addCardPaymentSourceStatus.fetchState,L=Bt(z.header,z.titleText,z.protectedCardNo,S);let F;return _&&(F={header:L.header,title:L.title,subtitle:L.subtitle,status:L.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:_===!0,icon:{element:i.jsx(Wt,{src:Le(v).iconURL,width:X.iconWidthHeight.valuePx(A),height:X.iconWidthHeight.valuePx(A),alt:Le(v).name,loading:"lazy"}),color:new ae(N)},showCompletedIcon:!1,isError:B==="Error",isLoading:B==="In-Progress",isCompleted:!0,showRightArrow:!1}),i.jsxs(Mt,{windowSize:A,children:[i.jsx(Dt,{type:"hidden",...J(`${n}.connected`,{validate:G=>s?G==="true":!0}),value:c?"true":"false"}),i.jsx(Ze,{connectedAccountProvider:r,paymentAccount:t,plaidConnectionDetails:e,allBankAccounts:[],header:U,sectionTitle:U,defaultSectionTitle:T,defaultSectionSubTitle:E,sectionId:n,isDisabled:a,hasError:s,showZeniAccountSection:!1,isCompleted:t?.providerVerificationStatus?.code?.includes("verified")===!0&&t?.isLoginRequired===!1,showCompletedIcon:A==="small",onFetchLinkTokenClick:h,onEstablishConnectionClick:f,onUpdatePaymentAccountStatus:x,onUpdatePaymentAccountLoginStatus:g,onEstablishConnectionSuccess:w,style:m,icon:{element:i.jsx(Ve,{width:X.iconWidthHeight.valuePx(A),height:X.iconWidthHeight.valuePx(A)}),color:N},analytics:o,productType:"onboarding",resetCardPaymentViewState:j,cardPaymentSectionValues:F,cardPaymentView:S,updateCardPaymentModalState:P,referrer:"Onboarding",cardSetupInProgress:$}),Nt(A,M.headers.billingAddress,V,o,q,D,a)]})},Nt=(t,e,r,n,a,s,c)=>{const m={"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 i.jsxs(Vt,{children:[i.jsx(qt,{windowSize:t,isDisabled:c==="disabled",children:e}),i.jsx(Je,{googleAPIKey:s??"",addressToEdit:a,sectionId:`${r}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:o=>{if(o.target instanceof HTMLInputElement){const{placeholder:h}=o.target;if(h){const f=m[h];f&&n.trackOnboardingBillingAddress(f)}}}})]})},Mt=y.div`
+`,Yt=({paymentAccount:t,plaidConnectionDetails:e,connectedAccountProvider:r,sectionId:n,isDisabled:a,hasError:s=!1,isValid:c,style:m,analytics:o,onFetchLinkTokenClick:h,onEstablishConnectionClick:f,onUpdatePaymentAccountStatus:x,onUpdatePaymentAccountLoginStatus:g,onEstablishConnectionSuccess:w,updateCardPaymentModalState:P,cardPaymentView:S,resetCardPaymentViewState:j,cardSetupInProgress:$=!1,googleAPIKey:D,subscriptionBillingAddress:V,subscriptionBillingAddressSectionId:F})=>{const W=Re(),A=ue(),{register:J}=Ve(),N=W.mode==="light"?new ae(W.colors.brandColorJadeLight):new ae(W.colors.brandColorJadeDark),{common:M,customerOnboardingPage:{sections:{link_payment_account:{title:U,text:T,subText:E},card_payment_method:z}}}=le.getLocalizedStrings(),_=S.cardsList.length>0,v=S.cardsList[0]?.brand??"other",B=S.addCardPaymentSourceStatus.fetchState,L=Bt(z.header,z.titleText,z.protectedCardNo,S);let q;return _&&(q={header:L.header,title:L.title,subtitle:L.subtitle,status:L.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:_===!0,icon:{element:i.jsx(Wt,{src:Le(v).iconURL,width:X.iconWidthHeight.valuePx(A),height:X.iconWidthHeight.valuePx(A),alt:Le(v).name,loading:"lazy"}),color:new ae(N)},showCompletedIcon:!1,isError:B==="Error",isLoading:B==="In-Progress",isCompleted:!0,showRightArrow:!1}),i.jsxs(Mt,{windowSize:A,children:[i.jsx(Dt,{type:"hidden",...J(`${n}.connected`,{validate:G=>s?G==="true":!0}),value:c?"true":"false"}),i.jsx(Ze,{connectedAccountProvider:r,paymentAccount:t,plaidConnectionDetails:e,allBankAccounts:[],header:U,sectionTitle:U,defaultSectionTitle:T,defaultSectionSubTitle:E,sectionId:n,isDisabled:a,hasError:s,showZeniAccountSection:!1,isCompleted:t?.providerVerificationStatus?.code?.includes("verified")===!0&&t?.isLoginRequired===!1,showCompletedIcon:A==="small",onFetchLinkTokenClick:h,onEstablishConnectionClick:f,onUpdatePaymentAccountStatus:x,onUpdatePaymentAccountLoginStatus:g,onEstablishConnectionSuccess:w,style:m,icon:{element:i.jsx(Fe,{width:X.iconWidthHeight.valuePx(A),height:X.iconWidthHeight.valuePx(A)}),color:N},analytics:o,productType:"onboarding",resetCardPaymentViewState:j,cardPaymentSectionValues:q,cardPaymentView:S,updateCardPaymentModalState:P,referrer:"Onboarding",cardSetupInProgress:$}),Nt(A,M.headers.billingAddress,F,o,V,D,a)]})},Nt=(t,e,r,n,a,s,c)=>{const m={"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 i.jsxs(Ft,{children:[i.jsx(Vt,{windowSize:t,isDisabled:c==="disabled",children:e}),i.jsx(Je,{googleAPIKey:s??"",addressToEdit:a,sectionId:`${r}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:o=>{if(o.target instanceof HTMLInputElement){const{placeholder:h}=o.target;if(h){const f=m[h];f&&n.trackOnboardingBillingAddress(f)}}}})]})},Mt=y.div`
   display: flex;
   flex-direction: column;
   width: ${t=>X.sectionWidth.valuePx(t.windowSize)};
   padding-bottom: ${u.sp3};
 `,Dt=y.input`
   display: none;
-`,qt=y.div`
+`,Vt=y.div`
   ${t=>`${_t.title.style(t.windowSize)}`};
   margin-bottom: ${u.sp3};
   margin-top: ${u.sp3};
   color: ${t=>t.isError===!0?H.important:t.isDisabled===!0?t.theme.colors.grey1:t.theme.colors.primary};
-`,Vt=y.div`
+`,Ft=y.div`
   margin-top: ${u.sp5};
   margin-bottom: ${u.sp4};
 `;export{Bt as M,Gt as o,Le as r,Yt as s};

package/dist/assets/{PeoplePage-B3n7ek2h-uuc0_T22.js → PeoplePage-DUgY9uhQ-BI4tRk6e.js}

@@ -1,4 +1,4 @@
-import{u as $e,e as I,B as y,j as t,$ as a,aX as le,bg as Ne,o as s,bR as De,bS as Oe,m as F,a6 as J,bT as we,K as Le,v as be,bU as _e,a2 as Ae,bV as Ve,bW as Me,bX as We,bY as Be,aj as He,O as H,bZ as Ue,C as $,b_ as Fe,b$ as je,q as b,l as A,c0 as ee,bK as N,a as Ke,F as Ee,c1 as Ze,c2 as qe,X as Xe,w as D,c3 as Qe,t as O,n as te,g as V,c4 as Ye,bO as Se,ap as ie,c5 as ke,be as Ge,c6 as Je}from"./index-LQh-jIrB.js";import{f as ce,b as v,n as i}from"./vendor-rkTZJa59.js";import{R as Ie}from"./Menu-bleLgSLu-DaNN7jzz.js";import{T as Ce}from"./RoleWithToolTip-_W95JBwt-C0fe2sAV.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const 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)}],U=[{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:U));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,e as I,M as y,j as t,_ as a,aX as le,bg as Ne,o as s,bR as De,bS as Oe,m as U,a6 as J,bT as we,K as Le,v as be,bU as _e,a2 as Ae,bV as Ve,bW as Me,bX as We,bY as Be,aj as He,L as H,bZ as Ke,C as $,b_ as Ue,b$ as je,r as b,l as A,c0 as ee,bK as N,a as Fe,F as Ee,c1 as Ze,c2 as qe,W as Qe,w as D,c3 as Xe,y as O,B as te,f as V,c4 as Ye,bO as Se,ap as ie,c5 as ke,be as Ge,c6 as Je}from"./index-DgtolMNd.js";import{f as ce,b as v,n as i}from"./vendor-rkTZJa59.js";import{R as Ie}from"./Menu-CD6YLYW5-BUcHbzF7.js";import{T as Ce}from"./RoleWithToolTip-BF8jX30M-BQV_yix7.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const 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(Qe(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(Xe,{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)"};
@@ -46,7 +46,7 @@ import{u as $e,e as I,B as y,j as t,$ as a,aX as le,bg as Ne,o as s,bR as De,bS
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,dt=58;function ct({sortConfig:e,onColumnSortConfigChanged:r,mode:l}){const d=y.getLocalizedStrings().peoplePage,m=Ke({mode:"all"}),p=v.useMemo(()=>l==="zeni_only"?U:S,[l]),x=v.useMemo(()=>p.map(o=>({label:o.value,value:o.key})),[p]),h=p.find(o=>o.key===e.sortKey);h!=null&&(h.sortOrder=e.sortOrder);const n=(o,u)=>{let w=u;e.sortKey===o&&(w=u==="ascending"?"descending":"ascending"),r?.(o,w)};return v.useEffect(()=>{const o=m.watch((u,{name:w})=>{if(w!=null&&u!=null){const{people_sort_by:f}=u;r?.(f.selectedOption.value,"ascending")}});return()=>{o.unsubscribe()}}),t.jsxs(mt,{height:dt,"data-testid":a("people-list-header-row-small"),children:[t.jsx(ut,{children:t.jsx(Ee,{...m,children:t.jsx("form",{children:t.jsx(Ze,{defaultValue:{allOptions:x,selectedOption:x.find(o=>o.value===e.sortKey)},placeholder:`${d.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${d.sortBy}:`,name:"people_sort_by"})})})}),t.jsxs(xt,{"data-testid":a("people-list-header",e.sortKey),onClick:()=>n(e.sortKey,e.sortOrder),children:[t.jsx(gt,{children:h?.value}),t.jsx(ht,{sortDataValue:e.sortKey,headerdata:h,children:t.jsx(qe,{width:s.sp3,height:s.sp3})})]})]})}const pt=ce.memo(ct),ht=i.div`
+`,dt=58;function ct({sortConfig:e,onColumnSortConfigChanged:r,mode:l}){const d=y.getLocalizedStrings().peoplePage,m=Fe({mode:"all"}),p=v.useMemo(()=>l==="zeni_only"?K:S,[l]),x=v.useMemo(()=>p.map(o=>({label:o.value,value:o.key})),[p]),h=p.find(o=>o.key===e.sortKey);h!=null&&(h.sortOrder=e.sortOrder);const n=(o,u)=>{let w=u;e.sortKey===o&&(w=u==="ascending"?"descending":"ascending"),r?.(o,w)};return v.useEffect(()=>{const o=m.watch((u,{name:w})=>{if(w!=null&&u!=null){const{people_sort_by:f}=u;r?.(f.selectedOption.value,"ascending")}});return()=>{o.unsubscribe()}}),t.jsxs(mt,{height:dt,"data-testid":a("people-list-header-row-small"),children:[t.jsx(ut,{children:t.jsx(Ee,{...m,children:t.jsx("form",{children:t.jsx(Ze,{defaultValue:{allOptions:x,selectedOption:x.find(o=>o.value===e.sortKey)},placeholder:`${d.sortBy}:`,style:{width:"200px"},isSearchable:!1,isOptionsSortable:!1,constantSelectedValue:`${d.sortBy}:`,name:"people_sort_by"})})})}),t.jsxs(xt,{"data-testid":a("people-list-header",e.sortKey),onClick:()=>n(e.sortKey,e.sortOrder),children:[t.jsx(gt,{children:h?.value}),t.jsx(ht,{sortDataValue:e.sortKey,headerdata:h,children:t.jsx(qe,{width:s.sp3,height:s.sp3})})]})]})}const pt=ce.memo(ct),ht=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,e as I,B as y,j as t,$ as a,aX as le,bg as Ne,o as s,bR as De,bS
   }
 `,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(F,{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: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`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -272,7 +272,7 @@ import{u as $e,e as I,B as y,j as t,$ as a,aX as le,bg as Ne,o as s,bR as De,bS
   :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(Ut,{className:"lastSeen",children:[t.jsx(Ft,{className:"lastSeenDateTxt",children:e?.userRole?.userLastCheckInTimeIntoTenant?N(e.userRole.userLastCheckInTimeIntoTenant):"-"}),t.jsx(Kt,{children:k.header.lastSeen})]}):t.jsx(Et,{"data-testid":a("resend-invite-wrapper",e.userId),children:e.update==="resendInvite"?t.jsx(F,{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(Ft,{children:k.header.lastSeen})]}):t.jsx(Et,{"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(Qt,{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(Xt,{children:[t.jsxs(Gt,{children:[k.header.manager,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(Q,{children:k.notApplicable}):t.jsx(t.Fragment,{children:h?t.jsx(ei,{children:h}):t.jsx(Q,{children:k.noManager})})]}),t.jsxs(Yt,{children:[t.jsxs(Jt,{children:[k.header.department,":"]}),A.hasInvestorBankerLevelAccess(e.userRole.userRoles)?t.jsx(Q,{children:k.notApplicable}):t.jsx(t.Fragment,{children:n?t.jsx(ti,{children:n}):t.jsx(Q,{children:k.emptyDepartmentPlaceholderText})})]})]})})]})},_t=i.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -330,13 +330,13 @@ import{u as $e,e as I,B as y,j as t,$ as a,aX as le,bg as Ne,o as s,bR as De,bS
   color: ${e=>e.theme.colors.grey1};
 `,se=i(te)`
   color: ${e=>e.theme.colors.grey1};
-`,Ut=i(se)`
+`,Kt=i(se)`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,Ft=i.div`
+`,Ut=i.div`
   color: ${e=>e.theme.colors.hero};
-`,Kt=i.div``,Et=i.div`
+`,Ft=i.div``,Et=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -348,17 +348,17 @@ import{u as $e,e as I,B as y,j as t,$ as a,aX as le,bg as Ne,o as s,bR as De,bS
   flex-direction: row;
   -webkit-box-pack: end;
   justify-content: flex-end;
-`,Xt=i(se)`
+`,Qt=i(se)`
   color: ${e=>e.theme.colors.grey1};
 `,pe=i.div`
   display: flex;
-`,Qt=i(pe)``,Yt=i(pe)``,he=i.div`
+`,Xt=i(pe)``,Yt=i(pe)``,he=i.div`
   width: 30%;
 `,Gt=i(he)``,Jt=i(he)``,oe=i.div`
   width: 70%;
-`,ei=i(oe)``,ti=i(oe)``,X=i(oe)`
+`,ei=i(oe)``,ti=i(oe)``,Q=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:U[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:U[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:U[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(F,{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}),X=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:X.resendInvite.label}),t.jsx(wi,{children:t.jsx(vi,{children:`${X.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:X.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:X.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;
@@ -509,7 +509,7 @@ import{u as $e,e as I,B as y,j as t,$ as a,aX as le,bg as Ne,o as s,bR as De,bS
   :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(F,{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)},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`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${s.sp2};
   display: flex;
@@ -587,7 +587,7 @@ import{u as $e,e as I,B as y,j as t,$ as a,aX as le,bg as Ne,o as s,bR as De,bS
   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,Ui=({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(Ei,{"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:E,...Z}=c;return t.jsxs("div",{ref:C,style:{...E,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,E=z===c,Z=e.uiState.mode==="zeni_only"?L>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>W.rowNameLimit?Z+b[5]+(E?b[3]:b[0]):Z+(E?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),K=e.people.find(c=>c.userId===g?.userId)?.update,Pe=g!=null?B.deleteOverlay.description.replace("‘_user-name_’",`"${Fi(g)}"`):B.deleteOverlay.description;return v.useEffect(()=>{u.current&&u.current.resetAfterIndex(0)},[e,o]),v.useEffect(()=>{K==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[K,ge]),t.jsxs(Ki,{"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:K==="removeUsers",isDisabled:K==="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})})]})},Fi=e=>e.user?.firstName?`${e.user?.firstName} ${e.user?.lastName}`:e.user?.email??"",Ki=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},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(Ei,{"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:E,...Z}=c;return t.jsxs("div",{ref:C,style:{...E,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,E=z===c,Z=e.uiState.mode==="zeni_only"?L>33?ne.zeniPeopleExtendedListItemHeight:ne.zeniPeopleListItemHeight:ne.peopleListItemHeight;return C>W.rowNameLimit?Z+b[5]+(E?b[3]:b[0]):Z+(E?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),F=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(()=>{F==null&&ge==="removeUsers"&&(j(!1),R(void 0))},[F,ge]),t.jsxs(Fi,{"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:F==="removeUsers",isDisabled:F==="removeUsers",style:{background:M.colors.overlayColor},children:g?.user!=null?t.jsxs(t.Fragment,{children:[t.jsx(Xi,{}),t.jsx(qi,{children:t.jsx(Qi,{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??"",Fi=i.div`
   /** Subtract top so list can occupy remaining available height */
   min-height: ${`calc(100vh - ${s.sp9})`};
   max-width: 99.9%;
@@ -607,12 +607,12 @@ import{u as $e,e as I,B as y,j as t,$ as a,aX as le,bg as Ne,o as s,bR as De,bS
 `,qi=i.div`
   position: absolute;
   top: -26px;
-`,Xi=i.img`
+`,Qi=i.img`
   height: 60px;
   width: 60px;
   border-radius: 50%;
   color: ${e=>e.theme.colors.hero};
-`,Qi=i.div`
+`,Xi=i.div`
   position: absolute;
   top: 1%;
   left: 50%;
@@ -624,11 +624,11 @@ import{u as $e,e as I,B as y,j as t,$ as a,aX as le,bg as Ne,o as s,bR as De,bS
 `,Yi=i.div`
   padding-top: ${s.sp3};
   border-top: 1px solid ${e=>e.theme.colors.grey3};
-`,Gi=i(Fe)``,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(Ui,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`
+`,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`
   display: flex;
   flex-direction: column;
   justify-content: ${e=>e.windowsize==="small"?"unset":"center"};
-`,os=i(Ue)`
+`,os=i(Ke)`
   height: 20px;
   width: 20px;
   color: ${e=>e.theme.colors.hero};
@@ -672,4 +672,4 @@ import{u as $e,e as I,B as y,j as t,$ as a,aX as le,bg as Ne,o as s,bR as De,bS
 `,ds=i(J)`
   margin-top: ${s.sp3};
   color: ${e=>e.theme.colors.hero};
-`,cs=()=>t.jsx(ls,{children:t.jsx(F,{size:"ExtraLarge",start:!0})});function ps(e){const r=$e(),l=I(),{mode:d,searchText:m}=e.peopleView.uiState,{fetchState:p}=e.peopleView,{fetchState:x}=e.managersView,{fetchState:h}=e.classList,[n,o]=v.useState(!1),u={isSearchOpen:n,onSearchOpen:z=>{o(z)},onSearchTextChanged:e.personAction.onSearchTextChanged,searchPlaceHolder:y.getLocalizedStrings().peoplePage.searchPlaceHolder,searchText:m,invitePeopleLabel:y.getLocalizedStrings().peoplePage.invitePeopleText,onInvitePeopleClick:e.onInvitePeopleClick,onClickMenuIcon:e.onClickMenuIcon},w=e?.isZeniTenant!==!0&&e?.isZeniAdminUser===!0,f=()=>{const z=d==="off"?"zeni_only":"off";e.personAction.onModeChange?.(z)},j=p==="Completed"?`(${e.peopleView.people.length})`:"",g=`${d==="off"?y.getLocalizedStrings().peoplePage.peopleTitle:y.getLocalizedStrings().peoplePage.zeniPeopleTitle} ${j}`,R=v.useMemo(()=>p==="In-Progress"||p==="Not-Started"||x==="In-Progress"||x==="Not-Started"||e.shouldFetchClasses&&(h==="In-Progress"||h==="Not-Started"),[p,x,e.shouldFetchClasses,h]);function M(){return R?t.jsxs(ae,{"data-testid":a("people-page-loading"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:e.onClickMenuIcon,onZeniLogoClick:f,showZeniLogo:w,zeniLogoVisiblity:d==="zeni_only"?"visible":"hidden",isSearchOpen:n,backgroundColor:r.colors.grey4,source:"PeoplePage"}),t.jsx(cs,{})]}):p==="Error"||h==="Error"||x==="Error"?t.jsxs(ae,{"data-testid":a("people-page-error"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,backgroundColor:r.colors.grey4,source:"PeoplePage"}),t.jsxs(ns,{children:[t.jsx(as,{"data-testid":a("people-page-error-reload-icon"),onClick:e.personAction.onReloadPeople,children:t.jsx(Ne,{width:s.sp6,height:s.sp6})}),t.jsx(ds,{children:y.getLocalizedStrings().peoplePage.reloadPage.label})]})]}):t.jsxs(ae,{"data-testid":a("people-page-content-container"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,source:"PeoplePage",backgroundColor:r.colors.grey4}),t.jsx(rs,{"data-testid":a("people-page-content"),windowSize:l,children:e.peopleView.people.length>0?t.jsx(ts,{peopleView:e.peopleView,allManagers:e.managersView.users,allClasses:e.classList.classes,onDeleteClick:e.personAction.onPersonDelete,analytics:e.analytics,onResendInvite:e.personAction.onResendInvite,onColumnSortConfigChanged:e.onColumnSortConfigChanged,onRowClick:e.onRowClick,isZeniTenant:e.isZeniTenant}):m!==""?t.jsx(De,{emptySearchTextFirstLine:y.getLocalizedStrings().peoplePage.emptySearchTextFirstLine,emptySearchTextSecondLine:y.getLocalizedStrings().peoplePage.emptySearchTextSecondLine}):t.jsx(Oe,{message:y.getLocalizedStrings().peoplePage.emptyResultsMessage})})]})}return t.jsx("div",{children:M()})}const de=e=>t.jsx(is,{peopleInviteSectionProps:e}),js=ce.memo(ps);export{js as MemoPeople,ps as default};
+`,cs=()=>t.jsx(ls,{children:t.jsx(U,{size:"ExtraLarge",start:!0})});function ps(e){const r=$e(),l=I(),{mode:d,searchText:m}=e.peopleView.uiState,{fetchState:p}=e.peopleView,{fetchState:x}=e.managersView,{fetchState:h}=e.classList,[n,o]=v.useState(!1),u={isSearchOpen:n,onSearchOpen:z=>{o(z)},onSearchTextChanged:e.personAction.onSearchTextChanged,searchPlaceHolder:y.getLocalizedStrings().peoplePage.searchPlaceHolder,searchText:m,invitePeopleLabel:y.getLocalizedStrings().peoplePage.invitePeopleText,onInvitePeopleClick:e.onInvitePeopleClick,onClickMenuIcon:e.onClickMenuIcon},w=e?.isZeniTenant!==!0&&e?.isZeniAdminUser===!0,f=()=>{const z=d==="off"?"zeni_only":"off";e.personAction.onModeChange?.(z)},j=p==="Completed"?`(${e.peopleView.people.length})`:"",g=`${d==="off"?y.getLocalizedStrings().peoplePage.peopleTitle:y.getLocalizedStrings().peoplePage.zeniPeopleTitle} ${j}`,R=v.useMemo(()=>p==="In-Progress"||p==="Not-Started"||x==="In-Progress"||x==="Not-Started"||e.shouldFetchClasses&&(h==="In-Progress"||h==="Not-Started"),[p,x,e.shouldFetchClasses,h]);function M(){return R?t.jsxs(ae,{"data-testid":a("people-page-loading"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:e.onClickMenuIcon,onZeniLogoClick:f,showZeniLogo:w,zeniLogoVisiblity:d==="zeni_only"?"visible":"hidden",isSearchOpen:n,backgroundColor:r.colors.grey4,source:"PeoplePage"}),t.jsx(cs,{})]}):p==="Error"||h==="Error"||x==="Error"?t.jsxs(ae,{"data-testid":a("people-page-error"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,backgroundColor:r.colors.grey4,source:"PeoplePage"}),t.jsxs(ns,{children:[t.jsx(as,{"data-testid":a("people-page-error-reload-icon"),onClick:e.personAction.onReloadPeople,children:t.jsx(Ne,{width:s.sp6,height:s.sp6})}),t.jsx(ds,{children:y.getLocalizedStrings().peoplePage.reloadPage.label})]})]}):t.jsxs(ae,{"data-testid":a("people-page-content-container"),children:[t.jsx(le,{title:g,onBackClick:e.personAction.onBackClick,rightSideComponent:t.jsx(de,{...u}),showMenuIcon:l==="medium-compact"||l==="small",onZeniLogoClick:f,showZeniLogo:w,onClickMenuIcon:e.onClickMenuIcon,source:"PeoplePage",backgroundColor:r.colors.grey4}),t.jsx(rs,{"data-testid":a("people-page-content"),windowSize:l,children:e.peopleView.people.length>0?t.jsx(ts,{peopleView:e.peopleView,allManagers:e.managersView.users,allClasses:e.classList.classes,onDeleteClick:e.personAction.onPersonDelete,analytics:e.analytics,onResendInvite:e.personAction.onResendInvite,onColumnSortConfigChanged:e.onColumnSortConfigChanged,onRowClick:e.onRowClick,isZeniTenant:e.isZeniTenant}):m!==""?t.jsx(De,{emptySearchTextFirstLine:y.getLocalizedStrings().peoplePage.emptySearchTextFirstLine,emptySearchTextSecondLine:y.getLocalizedStrings().peoplePage.emptySearchTextSecondLine}):t.jsx(Oe,{message:y.getLocalizedStrings().peoplePage.emptyResultsMessage})})]})}return t.jsx("div",{children:M()})}const de=e=>t.jsx(is,{peopleInviteSectionProps:e}),js=ce.memo(ps);export{js as MemoPeople,ps as default};