@zeniai/web-cockpit-ui 1.14.11-qa → 1.14.12-dev

package/dist/assets/{OpExByVendorPage-CXtkN87m-9RF5RbBE.js → OpExByVendorPage-DzODetHf-C_mWOIaM.js}

@@ -1,4 +1,4 @@
-import{X as G,hw as ye,B,u as q,A as be,j as t,_ as _e,be as Se,hv as ke,aX as we,aV as ve,hx as Be,hy as $e,o as u,a6 as Oe,i as je,C as F,aj as le,J as ie,a8 as Pe,s as $,a_ as Te,bH as De,bI as Ne,bJ as Ee,d as a,n as ce,bb as Ie,b6 as Ae,av as Me,v as Z,au as Le,ab as Fe,b7 as Ve,b9 as Re,l as ze}from"./index-CiKxqrxk.js";import{b as y,n as m,f as We}from"./vendor-CnQcJ2Lu.js";import{p as Ke,d as Ye,y as H,b as de,u as ee}from"./chartTypes-DJY-6KK0-SGOoEyJZ.js";import{V as He}from"./toChartData-7MYPev1U-_Gg3mLDi.js";import{m as V}from"./analyticsHelper-D3DK7bgU-D0sMi45U.js";import{p as Ge}from"./TimeRangeSwitcher-D9KzhRYO-CGt3UmvC.js";import{M as qe}from"./TimeframeSwitcherWithToggle-Cb91RXpD-DUY2ERxI.js";import{C as Je}from"./NoDataChart-BdzVnx59-oKIht6u7.js";import{d as Xe}from"./NoDataTable-B4J5Ou18-Cw0Ivws_.js";import{H as Qe,N as oe}from"./detailCommon-6K-6m9pv-1H1N15Tv.js";import{n as R}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Ue,W as J}from"./CollapsableReportTable-CKmPwC_x-QhRCql-r.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-BzFUtqqU-BVi3Z0h1.js";import{d as re}from"./mapLoadingInProgressToTreeNode-BAlOrI07-Bu5AjmSW.js";import{l as Ze}from"./mapSpacerToTreeNode-Cxd9BEJr-Bo_chRJz.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-CbEHKZvd-BCN5TvqV.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";import"./AccountRow-BpBK8mVs-CWKKWdc9.js";const eo=m.div`
+import{X as H,ht as ye,M as B,u as q,z as be,j as t,_ as _e,be as Se,hs as ke,aX as we,aV as ve,hu as Be,hv as Oe,o as u,a6 as $e,c as je,C as F,aj as le,H as ie,a8 as Pe,q as O,a_ as Te,bE as De,bF as Ne,bG as Ee,g as a,e as ce,bb as Ie,b6 as Me,av as Ae,f as Z,au as Le,ab as Fe,b7 as Ve,b9 as ze,l as Re}from"./index-Dhj1_7g2.js";import{b as y,n as m,f as We}from"./vendor-CnQcJ2Lu.js";import{p as Ke,d as Ye,y as G,b as de,u as ee}from"./chartTypes-YTQv3tre-G_MCNcTV.js";import{V as Ge}from"./toChartData-Dsjd8dGe-Igu99-cv.js";import{m as V}from"./analyticsHelper-DrNmU0vn-Br27aA8M.js";import{p as He}from"./TimeRangeSwitcher-Cr-ObvZ9-_GLiJwhW.js";import{M as qe}from"./TimeframeSwitcherWithToggle-4h9WX4z9-DcT4eGJv.js";import{C as Xe}from"./NoDataChart-C9yfE8vY-CyPn8PGK.js";import{d as Je}from"./NoDataTable-DF9QNT4a-B8P0Ebsk.js";import{H as Ue,N as oe}from"./detailCommon-hHyz3hj3-Ch-6FqzV.js";import{n as z}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Qe,W as X}from"./CollapsableReportTable-mEqm05fp-D6CvF14n.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-NA69l84M-B1SJFT_Z.js";import{d as re}from"./mapLoadingInProgressToTreeNode-BfoqmoAq-CfCX7DmO.js";import{l as Ze}from"./mapSpacerToTreeNode-D8o529OP-D7qZ7B73.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-YkFxZedG-D2Jl4z2_.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";import"./AccountRow-Bk3xWobY-C3BJwyhC.js";const eo=m.div`
   display: flex;
 `,oo=m.div`
   flex: display;
@@ -22,10 +22,10 @@ import{X as G,hw as ye,B,u as q,A as be,j as t,_ as _e,be as Se,hv as ke,aX as w
   width: 100%;
   height: 1px;
   background-color: ${a.neutralGrey3Dark};
-`,ao=({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},to=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(eo,{children:t.jsxs(oo,{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(ro,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),no=e=>{const r=ao({...e});return r.length===0?null:t.jsx(to,{barLabelsWithValues:r,getVendorName:e.getVendorName})},so=We.memo(no),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 lo=N.instance(),io=(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=Ke(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},co=m.div`
+`,ao=({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},to=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(eo,{children:t.jsxs(oo,{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(ro,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),no=e=>{const r=ao({...e});return r.length===0?null:t.jsx(to,{barLabelsWithValues:r,getVendorName:e.getVendorName})},so=We.memo(no),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 lo=N.instance(),io=(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=Ke(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},co=m.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`;function po({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=y.useRef(!1),h=lo,[n,p]=y.useState(void 0);y.useEffect(()=>{i.current=!0},[]);const g=io(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(Re,{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(so,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=ze.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(ho,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const ho=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ye(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(co,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ie,{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(Me,{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(Le,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Fe("0,0.[00]a",f,p)}),t.jsx(Ve,{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 mo(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 go(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 uo(e){const r=go(e);if(r!=null)return fo(e.statementEndPoint,e.authParams,r)}async function fo(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(mo(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ee(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function Co({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 yo({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 bo=(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=yo({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(Ze({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(Co({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function _o(e,r,o,s=!0){Object.assign(e.config,r);const l=So(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=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])},ko=m.div`
+`;function po({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=y.useRef(!1),h=lo,[n,p]=y.useState(void 0);y.useEffect(()=>{i.current=!0},[]);const g=io(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(so,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=Re.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(ho,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const ho=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ye(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(co,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ie,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?O[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(Ae,{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(Le,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Fe("0,0.[00]a",f,p)}),t.jsx(Ve,{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 mo(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 go(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 uo(e){const r=go(e);if(r!=null)return fo(e.statementEndPoint,e.authParams,r)}async function fo(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(mo(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ee(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function Co({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??X("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=X("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 yo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??X("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const bo=(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=yo({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(Ze({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(Co({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function _o(e,r,o,s=!0){Object.assign(e.config,r);const l=So(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F(O[3],O[3],O[8]),contentPaddingLeft:new F(O[0],O[0],O[0]),contentPaddingRight:new F(O[3],O[3],O[8])},ko=m.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -55,7 +55,7 @@ import{X as G,hw as ye,B,u as q,A as be,j as t,_ as _e,be as Se,hv as ke,aX as w
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,$o=m.div`
+`,Oo=m.div`
   height: 96px;
   width: 96px;
   background: ${e=>e.theme.colors.background};
@@ -70,7 +70,7 @@ import{X as G,hw as ye,B,u as q,A as be,j as t,_ as _e,be as Se,hv as ke,aX as w
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Oo=m(Oe)`
+`,$o=m($e)`
   margin-top: ${u.sp3};
   color: ${e=>e.theme.colors.hero};
 `,jo=m.div`
@@ -94,7 +94,7 @@ import{X as G,hw as ye,B,u as q,A as be,j as t,_ as _e,be as Se,hv as ke,aX as w
   padding-top: ${u.sp8};
   padding-left: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.grey4};
-`,Ao=m.div`
+`,Mo=m.div`
   width: 100%;
   height: calc(100vh - ${u.sp11});
-`,Mo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(vo,{children:t.jsx(je,{size:"ExtraLarge",start:!0})}):null,mr=({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,X=B.getLocalizedStrings().vendors,Q=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],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]),U=y.useRef(be((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 uo({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(Bo,{children:[t.jsx($o,{"data-testid":_e("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx(Oo,{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(Mo,{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(ke,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:X.common.searchPlaceholder,searchText:P??"",onSearchTextChanged:x=>{I(x),x.trim().length>=2?U(x,j):x.trim().length==0&&U("",j)},downloadPresent:!0}),t.jsx(we,{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(ko,{windowSize:k,children:[t.jsx(ve,{title:X.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:Q.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:z,source:"OpExByVendorPage"}),t.jsxs(wo,{windowSize:k,children:[he?t.jsx(Be,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${Q.colors.grey3}`},onTabChange:x=>l($e(x.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Lo,{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(Eo,{children:t.jsx(Qe,{balance:Y,dateText:Ro(Y)})}):null,t.jsx(Fo,{report:e,isEmptyPeriod:K})]}),t.jsx(Vo,{reference:T,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:xe,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Lo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(To,{children:t.jsxs(Po,{children:[t.jsx(jo,{children:t.jsx(qe,{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(Ge,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Fo=({isEmptyPeriod:e,report:r})=>{const o=G();return e?t.jsx(No,{children:t.jsx(Je,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Do,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(po,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Vo=({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:Te(),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=bo(e,r,k,P);v(e),b(T)}else{const T=_o(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(Io,{windowSize:O,ref:s,children:o?t.jsx(Xe,{}):d!=null?t.jsx(Ao,{children:t.jsx(Ue,{backgroundColor:new Pe(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})},Ro=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{mr as default};
+`,Ao=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(vo,{children:t.jsx(je,{size:"ExtraLarge",start:!0})}):null,mr=({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:$,onClickMenuIcon:R})=>{const[P,I]=y.useState(o.searchString[o.timeframe]),[M,A]=y.useState(!1),k=H(),T=y.useRef(null),W=ye(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,J=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],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]),Q=y.useRef(be((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 uo({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}),$?.trackDownload(z("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]),y.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs(Bo,{children:[t.jsx(Oo,{"data-testid":_e("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx($o,{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(Ao,{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(ke,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:J.common.searchPlaceholder,searchText:P??"",onSearchTextChanged:x=>{I(x),x.trim().length>=2?Q(x,j):x.trim().length==0&&Q("",j)},downloadPresent:!0}),t.jsx(we,{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 A(!0)}}}})]});return t.jsxs(ko,{windowSize:k,children:[t.jsx(ve,{title:J.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:R,source:"OpExByVendorPage"}),t.jsxs(wo,{windowSize:k,children:[he?t.jsx(Be,{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(Lo,{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:$}),Y!=null?t.jsx(Eo,{children:t.jsx(Ue,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Fo,{report:e,isEmptyPeriod:K})]}),t.jsx(Vo,{reference:T,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:xe,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:$})]})}return t.jsx(t.Fragment,{})},Lo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(To,{children:t.jsxs(Po,{children:[t.jsx(jo,{children:t.jsx(qe,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),z("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,z("operating_expenses_by_vendor"),V(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(He,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Fo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(No,{children:t.jsx(Xe,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Do,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(po,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Vo=({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",z("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),$=H(),R=q(),P=!($==="small"||$==="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:Te(),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=bo(e,r,k,P);v(e),b(T)}else{const T=_o(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(Io,{windowSize:$,ref:s,children:o?t.jsx(Je,{}):d!=null?t.jsx(Mo,{children:t.jsx(Qe,{backgroundColor:new Pe(R.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:E.contentPaddingLeft.value($),right:E.contentPaddingRight.value($)},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{mr as default};

package/dist/assets/{OverlayContainerPage-Cy_Jxf8N-Bv7YPFQu.js → OverlayContainerPage-GWXnlbZH-Bzp-AyLZ.js}

@@ -1,4 +1,4 @@
-import{u as i,j as r}from"./index-CiKxqrxk.js";import{n}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const p=n.div`
+import{u as i,j as r}from"./index-Dhj1_7g2.js";import{n}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const p=n.div`
   display: ${({isOpen:o})=>o?"block":"none"};
   position: fixed;
   top: 0;

package/dist/assets/{PandLWithForecastPage-DTOqkynU-DcIpR3TG.js → PandLWithForecastPage-FEi5USqF-Dh26joVS.js}

@@ -1,4 +1,4 @@
-import{j as o,I as M,u as T,X as v,_ as A,aV as re,B as c,K as ie,i as ae,C as D,v as ce,o as s,J as le,a8 as de,c3 as ge,c4 as pe,p as me,s as P,l as U,a_ as he,c5 as ue,a6 as fe,a7 as xe,ap as we}from"./index-CiKxqrxk.js";import{n as r,b as F}from"./vendor-CnQcJ2Lu.js";import{M as Se}from"./NavBarWithPicker-ByLynfu6-BwveajND.js";import{m as je}from"./analyticsHelper-D3DK7bgU-D0sMi45U.js";import{M as $e}from"./TimeframeSwitcherWithToggle-Cb91RXpD-DUY2ERxI.js";import{R as Ce,a as Pe}from"./CollapsableReportTable-CKmPwC_x-QhRCql-r.js";import{M as E}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import{T as be,I as ke,L as ye}from"./mapSectionWithAcOnlyToTreeNode-Bk-EXs-E-CmXnWtv4.js";import{s as H}from"./mapTimeframeBalancesToTreeNode-Cf8fsAZJ-BkPpGHJf.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-CbEHKZvd-BCN5TvqV.js";import"./AccountRow-BpBK8mVs-CWKKWdc9.js";const K="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",X="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ze=r.div`
+import{j as o,D as M,u as T,X as v,_ as A,aV as re,M as c,K as ie,c as ae,C as D,f as ce,o as s,H as le,a8 as de,c0 as ge,c1 as pe,Y as me,q as P,l as q,a_ as he,c2 as ue,a6 as fe,a7 as xe,ap as we}from"./index-Dhj1_7g2.js";import{n as r,b as F}from"./vendor-CnQcJ2Lu.js";import{L as Se}from"./NavBarWithPicker-CuJe05iJ-CEMXAgd3.js";import{m as je}from"./analyticsHelper-DrNmU0vn-Br27aA8M.js";import{M as $e}from"./TimeframeSwitcherWithToggle-4h9WX4z9-DcT4eGJv.js";import{R as Ce,a as Pe}from"./CollapsableReportTable-mEqm05fp-D6CvF14n.js";import{M as E}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import{T as be,I as ke,L as ye}from"./mapSectionWithAcOnlyToTreeNode-BjtxR9iQ-iXp5bvzM.js";import{s as Y}from"./mapTimeframeBalancesToTreeNode-BirMnIzY-BLeanjGG.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./TimeframeSwitcher-YkFxZedG-D2Jl4z2_.js";import"./AccountRow-Bk3xWobY-C3BJwyhC.js";const H="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",G="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ze=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -17,7 +17,7 @@ import{j as o,I as M,u as T,X as v,_ as A,aV as re,B as c,K as ie,i as ae,C as D
   margin: auto;
   padding: ${s.sp5} ${s.sp0};
   color: ${e=>e.theme.colors.primary};
-`,Y=r.div`
+`,X=r.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: center;
@@ -52,11 +52,11 @@ import{j as o,I as M,u as T,X as v,_ as A,aV as re,B as c,K as ie,i 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,I as M,u as T,X as v,_ as A,aV as re,B as c,K as ie,i as ae,C as D
   margin: ${s.sp3} auto;
   max-width: 422px;
   color: ${e=>e.theme.colors.hero};
-`,Ae=()=>{const e=T(),t=v();return o.jsxs(Y,{windowSize:t,children:[o.jsx(Q,{windowSize:t,children:o.jsx(Z,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:X,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(J,{windowSize:t,children:[o.jsxs(b,{windowSize:t,children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(b,{windowSize:t,children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(b,{windowSize:t,children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Fe=()=>{const e=T(),t=v();return o.jsxs(Y,{windowSize:t,children:[o.jsxs(J,{windowSize:t,children:[o.jsxs(b,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(b,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(b,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(Q,{windowSize:t,children:o.jsx(Z,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:X,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:K,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Ne=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const a=T(),l=v(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(ze,{"data-testid":A("forecast-promo-page"),children:[o.jsx(re,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(ve,{"data-testid":A("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Te,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Le,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ae,{}):o.jsx(Fe,{}),o.jsxs(Ie,{"data-testid":A("forecast-promo-bottom-container"),children:[o.jsx(ie,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Me,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function 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:[],m=H({balances:d,config:t}),p=[];return p.push(m),e.idsInOrder.forEach(i=>{if(U.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?p.push(be({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):p.push(ke({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else U.isPandLReportViewCalculatedSectionID(i)===!0&&p.push(ye({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[m]:[],contentNodes:p}}function 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=H({balances:l,config:t,nodeId:e.contentNodes[0].id}),m=e.contentNodes.slice(1);return m.forEach(p=>se(p,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...m]}}function se(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>se(n,t))}const L={contentPaddingLeft:new D(P[3],P[3],P[8]),contentPaddingRight:new D(P[3],P[3],P[8])},_e=r.div`
+`,Ae=()=>{const e=T(),t=v();return o.jsxs(X,{windowSize:t,children:[o.jsx(Q,{windowSize:t,children:o.jsx(Z,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:G,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(J,{windowSize:t,children:[o.jsxs(b,{windowSize:t,children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(b,{windowSize:t,children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(b,{windowSize:t,children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Fe=()=>{const e=T(),t=v();return o.jsxs(X,{windowSize:t,children:[o.jsxs(J,{windowSize:t,children:[o.jsxs(b,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(b,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(b,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(Q,{windowSize:t,children:o.jsx(Z,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:G,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=v(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(ze,{"data-testid":A("forecast-promo-page"),children:[o.jsx(re,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(ve,{"data-testid":A("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Te,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Le,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ae,{}):o.jsx(Fe,{}),o.jsxs(Ie,{"data-testid":A("forecast-promo-bottom-container"),children:[o.jsx(ie,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Me,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Oe(e,t,n=!0){const a=c.getLocalizedStrings().reports,l=e.filter.balancesRange.numberOfPeriods,d=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],m=Y({balances:d,config:t}),p=[];return p.push(m),e.idsInOrder.forEach(i=>{if(q.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?p.push(be({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):p.push(ke({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else q.isPandLReportViewCalculatedSectionID(i)===!0&&p.push(ye({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[m]:[],contentNodes:p}}function _e(e,t,n,a=!0){Object.assign(e.config,t);const l=n.sections.expenses.balances.length>0?[...n.sections.expenses.balances,...n.sections.expenses.additionalBalances]:[...n.sections.income.balances,...n.sections.income.additionalBalances],d=Y({balances:l,config:t,nodeId:e.contentNodes[0].id}),m=e.contentNodes.slice(1);return m.forEach(p=>se(p,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...m]}}function se(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>se(n,t))}const L={contentPaddingLeft:new D(P[3],P[3],P[8]),contentPaddingRight:new D(P[3],P[3],P[8])},Be=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -92,7 +92,7 @@ import{j as o,I as M,u as T,X as v,_ as A,aV as re,B as c,K as ie,i as ae,C as D
   justify-content: center;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,q=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?o.jsx(Re,{children:o.jsx(ae,{size:"ExtraLarge",start:!0})}):null,Ve=r.div`
+`,K=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?o.jsx(Re,{children:o.jsx(ae,{size:"ExtraLarge",start:!0})}):null,Ve=r.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -104,4 +104,4 @@ import{j as o,I as M,u as T,X as v,_ as A,aV as re,B as c,K as ie,i as ae,C as D
   align-items: center;
   justify-content: center;
   margin-bottom: ${s.sp3};
-`,De=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:m,onBackClick:p,isPandLReportFetching:i,onClickMenuIcon:f})=>{const h=v(),u=[];for(let g=0;g<e.length;++g)u.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:u,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ce.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const z=e[parseInt(g)];n?.(z.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:p,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:f},$={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:a,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:d,onTimeframeSelectionChanged:g=>m?.(g)}};return o.jsxs(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:m,onTableScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f})=>{const h=T(),u=v(),[x,$]=F.useState(void 0),[g,z]=F.useState(void 0),C=!(u==="small"||u==="medium-compact"),I=n===!0?"actual_vs_forecast":"none";return F.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:I,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:Pe(t)===!0&&n===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:he()};if(x==null||!le(g,e)){const w=Be(e,S,C);z(e),$(w)}else{const w=Oe(x,S,e,C);$(w)}},[t,n,e]),x!=null?o.jsx(Ce,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:C,isStickyName:C},treeNodePadding:{left:L.contentPaddingLeft.value(u),right:L.contentPaddingRight.value(u)},onAccountClick:l==null?void 0:(S,w)=>{l(S,w)},onCompareModeChanged:d,scrollPosition:m,onScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function po({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:m,meetingUrl:p,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:C,onNodeCollapseToggled:I,onBackClick:S,onClickMenuIcon:w}){const R=[a.fetchState,d.fetchState],V=l?.index??-1;return ne(R)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Ne,{meetingUrl:p,onBackClick:S,onClickMenuIcon:w}):G([a.fetchState])===!0?o.jsx(q,{fetchState:Ge(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:G([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(q,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(Ue,{report:d,type:m,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:C,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),G=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ge=e=>qe(e)===!0?"Completed":ne(e)===!0?"Error":"In-Progress";export{po as default,G as isAnyInProgress};
+`,De=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:m,onBackClick:p,isPandLReportFetching:i,onClickMenuIcon:f})=>{const h=v(),u=[];for(let g=0;g<e.length;++g)u.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:u,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ce.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const z=e[parseInt(g)];n?.(z.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:p,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:f},$={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:a,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:d,onTimeframeSelectionChanged:g=>m?.(g)}};return o.jsxs(Ve,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(Se,{...x}),i?"":o.jsx(We,{children:o.jsx($e,{...$})})]})},qe=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:m,onTableScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f})=>{const h=T(),u=v(),[x,$]=F.useState(void 0),[g,z]=F.useState(void 0),C=!(u==="small"||u==="medium-compact"),I=n===!0?"actual_vs_forecast":"none";return F.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:I,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:Pe(t)===!0&&n===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:he()};if(x==null||!le(g,e)){const w=Oe(e,S,C);z(e),$(w)}else{const w=_e(x,S,e,C);$(w)}},[t,n,e]),x!=null?o.jsx(Ce,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:C,isStickyName:C},treeNodePadding:{left:L.contentPaddingLeft.value(u),right:L.contentPaddingRight.value(u)},onAccountClick:l==null?void 0:(S,w)=>{l(S,w)},onCompareModeChanged:d,scrollPosition:m,onScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function po({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:m,meetingUrl:p,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:C,onNodeCollapseToggled:I,onBackClick:S,onClickMenuIcon:w}){const R=[a.fetchState,d.fetchState],V=l?.index??-1;return ne(R)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Ne,{meetingUrl:p,onBackClick:S,onClickMenuIcon:w}):U([a.fetchState])===!0?o.jsx(K,{fetchState:Ue(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:U([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(K,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(qe,{report:d,type:m,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:z,nodeOpenStatus:C,onNodeCollapseToggled:I})})]})}const Ke=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),ne=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),U=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ue=e=>Ke(e)===!0?"Completed":ne(e)===!0?"Error":"In-Progress";export{po as default,U as isAnyInProgress};

package/dist/assets/{PaymentAccountSetupBillingAddressSection-C6WFeB3A-JhDc6t0k.js → PaymentAccountSetupBillingAddressSection-BbL4x5pQ-D9T2pc9O.js}

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

package/dist/assets/{PeoplePage-D-j114xg-BxamB_kT.js → PeoplePage-B35T31YZ-DeAagHOG.js}

@@ -1,4 +1,4 @@
-import{u as $e,X as I,B as y,j as t,_ as a,aV as le,be as Ne,o as s,bN as De,bO as Oe,i as U,a6 as Y,bP as we,K as _e,v as be,bQ as Le,a2 as Ae,bR as Ve,bS as Me,bT as We,bU as Be,aj as He,J as H,bV as Ke,C as $,bW as Ue,bX as je,s as b,l as A,bY as ee,bG as N,a as Ee,F as Fe,bZ as Ze,b_ as qe,V as Xe,$ as D,b$ as Ge,n as O,M as te,d as V,c0 as Qe,bK as Se,ap as ie,c1 as ke,bc as Je,c2 as Ye}from"./index-CiKxqrxk.js";import{f as ce,b as v,n as i}from"./vendor-CnQcJ2Lu.js";import{R as Ie}from"./Menu-frAXxk4e-CEl4TWuB.js";import{T as Ce}from"./RoleWithToolTip-BP8MTZdU-DnEd53cN.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const P=y.getLocalizedStrings().peoplePage.header,S=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,30,32)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(18,17,17,21,19)},{key:"manager",value:P.manager,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"department",value:P.department,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],K=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,32,33)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(58,57,57,57,58)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],et=58;function tt({userNameSticky:e,sortConfig:r,onColumnSortConfigChanged:l,mode:d}){const m=I(),[p,x]=v.useState(Xe(d==="off"?S:K));v.useEffect(()=>{const n=[...p];for(const o of n)o.key===r.sortKey?o.sortOrder=r.sortOrder:o.sortOrder="ascending";x(n)},[r.sortKey,r.sortOrder]);const h=(n,o)=>{let u=o;r.sortKey===n&&(u=o==="ascending"?"descending":"ascending"),l?.(n,u)};return t.jsx(ot,{height:et,"data-testid":a("people-list-header-row"),children:p.map(n=>t.jsxs(rt,{userNameSticky:!!e&&n.key==="name",sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:m,children:[t.jsxs(at,{"data-testid":a("people-list-header",n.key),onClick:()=>h(n.key,n.sortOrder),children:[t.jsx(D,{children:n.value}),t.jsx(st,{sortDataValue:r.sortKey,headerdata:n,children:t.jsx(Ge,{width:12,height:12})})]}),t.jsx(nt,{isVisible:r.sortKey===n.key&&n.key!=="name",children:t.jsx(lt,{"data-testid":a("people-list-header-sort-cancel",n.key),onClick:()=>h("name","ascending")})})]},n.key))})}const it=ce.memo(tt),st=i.div`
+import{u as $e,X as I,M as y,j as t,_ as a,aV as le,be as Ne,o as s,bK as De,bL as Oe,c as U,a6 as Y,bM as we,K as _e,f as be,bN as Le,a2 as Ae,bO as Ve,bP as Me,bQ as We,bR as Be,aj as He,H,bS as Ke,C as $,bT as Ue,bU as je,q as b,l as A,bV as ee,bD as N,a as Ee,F as Fe,bW as Ze,bX as qe,S as Xe,v as D,bY as Ge,e as O,m as te,g as V,bZ as Qe,bH as Se,ap as ie,b_ as ke,bc as Je,b$ as Ye}from"./index-Dhj1_7g2.js";import{f as ce,b as v,n as i}from"./vendor-CnQcJ2Lu.js";import{R as Ie}from"./Menu-BV79l8xf-CtLHaQYM.js";import{T as Ce}from"./RoleWithToolTip-Bst2IdUy-DGhNj3An.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const P=y.getLocalizedStrings().peoplePage.header,S=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,30,32)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(18,17,17,21,19)},{key:"manager",value:P.manager,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"department",value:P.department,sortOrder:"ascending",width:new $(20,20,20,19,20)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],K=[{key:"name",value:P.name,sortOrder:"ascending",width:new $(32,26,26,32,33)},{key:"role",value:P.role,sortOrder:"ascending",width:new $(58,57,57,57,58)},{key:"lastSeen",value:P.lastSeen,sortOrder:"ascending",width:new $(10,17,17,11,9)}],et=58;function tt({userNameSticky:e,sortConfig:r,onColumnSortConfigChanged:l,mode:d}){const m=I(),[p,x]=v.useState(Xe(d==="off"?S:K));v.useEffect(()=>{const n=[...p];for(const o of n)o.key===r.sortKey?o.sortOrder=r.sortOrder:o.sortOrder="ascending";x(n)},[r.sortKey,r.sortOrder]);const h=(n,o)=>{let u=o;r.sortKey===n&&(u=o==="ascending"?"descending":"ascending"),l?.(n,u)};return t.jsx(ot,{height:et,"data-testid":a("people-list-header-row"),children:p.map(n=>t.jsxs(rt,{userNameSticky:!!e&&n.key==="name",sortDataValue:r.sortKey,actualDataValue:n.key,wrapperWidth:n.width,windowSize:m,children:[t.jsxs(at,{"data-testid":a("people-list-header",n.key),onClick:()=>h(n.key,n.sortOrder),children:[t.jsx(D,{children:n.value}),t.jsx(st,{sortDataValue:r.sortKey,headerdata:n,children:t.jsx(Ge,{width:12,height:12})})]}),t.jsx(nt,{isVisible:r.sortKey===n.key&&n.key!=="name",children:t.jsx(lt,{"data-testid":a("people-list-header-sort-cancel",n.key),onClick:()=>h("name","ascending")})})]},n.key))})}const it=ce.memo(tt),st=i.div`
   display: flex;
   align-items: center;
   transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};

package/dist/assets/PortfolioAllocationFormPage-D3FP_MRr-DXcXxyUV.js

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