@zeniai/web-cockpit-ui 1.15.68-prod → 2.0.0-dev

package/dist/assets/OpExByVendorPage-spd-nKV4-BYZguWNQ.js

@@ -1,100 +0,0 @@
-import{e as q,io as Ce,O as B,g as X,cl as _e,aA as ve,V as t,bT as Se,ac as j,im as we,bF as ke,bE as Be,ip as Te,iq as Oe,o as u,aV as $e,L as je,x as V,b5 as le,aG as ce,aX as Pe,u as T,cn as De,co as Ne,cp as Ie,bN as Ee,d as a,an as de,w as ee,a_ as Ae}from"./index-C8o-xzAN.js";import{a as x,P as Le}from"./sentry-DBhcw6Be.js";import{n as m}from"./mui-DOS4CfBc.js";import{GT as Me}from"./zeni-epic-state-DMWYYyyR.js";import{p as Fe,d as Ve,y as H,b as pe,u as oe}from"./chartTypes-CD3vrBsI-CxjFANZl.js";import{V as ze}from"./toChartData-DUL6vnzJ-Bu4Ds4yf.js";import{m as z}from"./analyticsHelper-CAYdbjhS-Bgy1SJeR.js";import{y as Re,M as re}from"./TimeRangeSwitcher-D00bDDhP-DMLJ4CgT.js";import{X as Ke}from"./TimeframeSwitcherWithToggle-DyggDIQj-BDMDYsLj.js";import{C as We}from"./NoDataChart-CrKeqWSr-DnRwd0s-.js";import{d as Ge}from"./NoDataTable-4vPXmPYF-0AXx0isj.js";import{H as Ye}from"./BalancesInsightWithToolTip-B6umvmgL-B0jviFnz.js";import{n as R}from"./getReferrerType-DjPOy76W-DRP5VHem.js";import{n as He,t as J}from"./CollapsableReportTable-DNfFkAts-cgYLh83Q.js";import{o as he}from"./mapTimeframeBalancesToTreeNode-DOyCX6ij-DJ5f-tsr.js";import{d as ae}from"./mapLoadingInProgressToTreeNode-jcHEi-mv-Cl8KOFjG.js";import{l as qe}from"./mapSpacerToTreeNode-XgUp1xUb-B7yPJt54.js";import{N as Xe,I as Je,X as Ue,Y as Ze,J as Qe,K as eo}from"./recharts-BBlqu8Rz.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.js";import"./TimeframeSwitcher-DA99HdHt-B7dPmR3A.js";import"./graphic-no-data-l-DU4J8fDt-Db5RbWJE.js";import"./AccountRow-D1cjRJJD-brXv0bxV.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="1722193e-6622-4e7f-91cb-46e8bc44af30",e._sentryDebugIdIdentifier="sentry-dbid-1722193e-6622-4e7f-91cb-46e8bc44af30")}catch{}})();const oo=m.div`
-  display: flex;
-`,ro=m.div`
-  flex: display;
-  opacity: 0.85;
-  width: 320px;
-  border-radius: ${u.sp1};
-  flex-direction: column;
-  padding: ${u.sp3};
-  background-color: ${e=>e.theme.colors.black};
-`,te=m.div`
-  display: flex;
-  justify-content: space-between;
-`,ne=m(de)`
-  color: ${e=>e.color??a.neutralGrey2Light};
-  text-align: left;
-`,se=m(de)`
-  color: ${e=>e.color??a.neutralGrey2Light};
-  text-align: right;
-`,ao=m.div`
-  margin: ${u.sp2} ${u.sp0} ${u.sp2} ${u.sp0};
-  width: 100%;
-  height: 1px;
-  background-color: ${a.neutralGrey3Dark};
-`,to=({active:e,payload:r,barName:o})=>{const n=[];if(r!==void 0&&e===!0){const l=r.filter(y=>y.name==o)[0],i=l.payload,h=l.color,s={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=s.currencyCode,p.currencySymbol=s.currencySymbol,n.push({barName:pe(o),actual:s,color:h,total:p,timeframeTick:i.timeLabel})}return n},no=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(te,{children:[t.jsx(ne,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(se,{color:e[0].color,children:`${oe(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(te,{children:[t.jsx(ne,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(se,{children:`${oe(e[0].total)}`})]})]})}),so=e=>{const r=to({...e});return r.length===0?null:t.jsx(no,{barLabelsWithValues:r,getVendorName:e.getVendorName})},io=Le.memo(so),ie=[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 I{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=ie.slice(),this._barColorsKeyWise=new Map}static#e=new I;getBarColor(r){const o=I.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=ie.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=I.instance(),n=Array.from(o._barColorsKeyWise.keys()).sort();return!ce(n,r)}static init(){return this.#e=new I,this.#e}static instance(){return this.#e}}const lo=I.instance(),co=(e,r)=>{const o=new Set,n={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((s,p)=>{const g=`vendor_${p}`,c=Fe(g,"actual");o.add(c),l==null&&s.balance!=null&&(l=c),n[c]!=null?n[c].push({key:c,balance:s.balance}):n[c]=[{key:c,balance:s.balance}]})}),l!=null?ze(e,[...o],l,n):void 0},po=m.div`
-  width: ${e=>e.width}px;
-  height: ${e=>e.height}px;
-`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:n=!1,isDetailPage:l=!1}){const i=x.useRef(!1),h=lo,[s,p]=x.useState(void 0);x.useEffect(()=>{i.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(C=>{const v=l===!0&&!i.current;d.push(y(C,v))}),d},y=(d,C)=>t.jsx(eo,{name:d,animationDuration:C?500:void 0,style:{cursor:"pointer"},dataKey:v=>{const k=v.record;return(k[d]?.amount!=null?k[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(pe(d)),onMouseEnter:()=>{s!==d&&p(d)},onMouseLeave:()=>{s!=null&&p(void 0)}},d),_=({active:d,payload:C})=>C?.find(v=>v.name===s)!=null&&s!=null&&d===!0?t.jsx(io,{active:d,payload:C,barName:s,getVendorName:f}):null,f=(d,C)=>{const v=Me(d);try{const k=C.split("_")[1];return e.top4VendorsAndOthers[v][parseInt(k)].vendor.name}catch(k){return console.warn("Was not able to parse vendor index for tooltip ",k),""}};return g==null?null:t.jsx(mo,{chartData:g,showBarHoverBackground:n,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:n,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const s=X(),p=Ve(e),g=i!==!1,c=h?(n-60)/H.operating_expenses_by_vendor*(H.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:n,height:l,"data-testid":j("op-ex-by-vendor-chart"),children:t.jsx(le,{children:({height:y,width:_})=>t.jsxs(Xe,{width:_,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?T[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Je,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:s.colors.grey3}),t.jsx(Ue,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:s.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:s.colors.hero,...ee.extraSmallRegular.cssObject}}),t.jsx(Ze,{type:"number",axisLine:!1,tickLine:!1,tick:{color:s.colors.hero,...ee.extraSmallRegular.cssObject},tickFormatter:f=>Ae("0,0.[00]a",f,p)}),t.jsx(Qe,{wrapperStyle:{zIndex:2},cursor:g?{stroke:s.colors.background,strokeWidth:(_-120)/H.operating_expenses_by_vendor,fill:s.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function go(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function uo(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:n}=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:n,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function fo(e){const r=uo(e);if(r!=null)return yo(e.statementEndPoint,e.authParams,r)}async function yo(e,r,o){const n=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,n.defaultFileName),s=await i.arrayBuffer();Ie(s,h)}else console.error(`${n.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${n.reportErrorMessage} ${JSON.stringify(i)}`)}}function bo({title:e,balances:r,config:o,nodeId:n}){return{children:[],id:n??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function xo({config:e,isLastNode:r,numOfBalances:o,opExByVendor:n,title:l,vendorRowIndex:i}){const h=n.account?.accountName??"-",s=n.classBase?.className??"-",p=J("vendor_row",[],l+h+s);return{children:[],id:p,isLastNode:r,reportElementData:{element:{kind:"vendor_row",title:l,data:n,numOfBalances:o,index:i},config:e}}}function Co({title:e,balances:r,config:o,numOfBalances:n,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:n},config:o}}}const _o=(e,r,o,n=!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=he({balances:i,config:o}),s=[];s.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((y,_)=>{s.push(ae({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=Co({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});s.push(f)}const y=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>xo({config:o,isLastNode:d===e.opexBalances.length-1&&y==null,numOfBalances:l,opExByVendor:f,title:f.vendor.name,vendorRowIndex:d}));s.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{s.push(ae({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{s.push(qe({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&s.push(bo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:n?[h]:[],contentNodes:s}};function vo(e,r,o,n=!0){Object.assign(e.config,r);const l=So(o),i=he({balances:l,config:r});return{config:r,headerNodes:n?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new V(288,360),wrapperPadding:new V(T[3],T[3],T[8]),contentPaddingLeft:new V(T[0],T[0],T[0]),contentPaddingRight:new V(T[3],T[3],T[8])},wo=m.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  padding: ${u.sp0};
-  gap: 2px;
-`,ko=m.div`
-  position: relative;
-  box-shadow: ${e=>`2px 2px ${u.sp1} ${e.theme.colors.dropShadowNormal}`};
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
-`,Bo=m.div`
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey5};
-`,To=m.div`
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,Oo=m.div`
-  height: 96px;
-  width: 96px;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-  & svg {
-    margin: ${u.sp5};
-    color: ${e=>e.theme.colors.grey1};
-  }
-  &:hover {
-    & svg {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,$o=m($e)`
-  margin-top: ${u.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,jo=m.div`
-  display: flex;
-  padding: ${u.sp2} ${u.sp0} ${u.sp4} ${u.sp0};
-`,Po=m.div``,Do=m.div``,No=m.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: ${e=>E.chartHeight.valuePx(e.windowSize)};
-  padding-bottom: ${u.sp6};
-`,Io=m.div`
-  display: flex;
-`,Eo=m.div`
-  margin-top: ${u.sp5};
-  margin-bottom: ${u.sp6};
-`,Ao=m.div`
-  display: flex;
-  position: sticky;
-  justify-content: center;
-  padding-top: ${u.sp8};
-  padding-left: ${e=>E.wrapperPadding.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey4};
-`,Lo=m.div`
-  width: 100%;
-  height: calc(100vh - ${u.sp11});
-`,Mo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx(je,{size:"ExtraLarge",start:!0})}):null,fr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:n,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:s,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:C,updateDownloadStateHandler:v,onClearSearch:k,analytics:O,onClickMenuIcon:K})=>{const[P,A]=x.useState(o.searchString[o.timeframe]),[L,M]=x.useState(!1),S=q(),D=x.useRef(null),W=Ce(r),me=W.length>1,ge=B.getLocalizedStrings().reports.common,U=B.getLocalizedStrings().vendors,Z=X(),ue=["month","quarter"],fe=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,F=o.mode==="compare_mode"&&!fe,G=e.allTimeframeTicks.length===0,{timeframe:$}=o,N=o.searchString[$];_e({componentName:"vendors.opex_by_vendor.list"});const ye=x.useCallback(w=>{s($,N,w)},[$,N,s]),be=x.useCallback((w,b)=>{window.scrollTo({top:D.current?.offsetTop,behavior:"smooth"}),w.length>0?(y(!0),s(b,w,!1)):(y(!1),k(b))},[k,s,y]),Q=x.useRef(ve((w,b)=>be(w,b),500,{trailing:!0})).current,xe=(w,b)=>{c(w,b,$),y(!0),s($,N,!1)};if(x.useEffect(()=>{async function w(){await fo({report:e,isCompareModeOn:F,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[$],...n}),O?.trackDownload(R("operating_expenses_by_vendor"),z(o.timeframe),"excel",F),v("Completed")}L&&o.downloadState!=="In-Progress"&&(M(!1),v("In-Progress"),w())},[e,o,F,n,o.downloadState,L]),x.useEffect(()=>{A(N)},[N]),e.fetchState==="Error")return t.jsxs(To,{children:[t.jsx(Oo,{"data-testid":j("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx($o,{children:ge.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(we,{isSearchOpen:(N?.length??0)>0,searchBarDataTestId:j("op-ex-by-vendor-search-bar"),searchPlaceHolder:U.common.searchPlaceholder,searchText:P??"",onSearchTextChanged:b=>{A(b),b.trim().length>=2?Q(b,$):b.trim().length==0&&Q("",$)},downloadPresent:!0}),t.jsx(ke,{downloadButtonDataTestId:j("op-ex-by-vendor-download"),downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:G,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async b=>{if(b==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(wo,{windowSize:S,children:[t.jsx(Be,{title:U.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:Z.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:S==="medium-compact"||S==="small",downloadPresent:!0,onClickMenuIcon:K,source:"OpExByVendorPage"}),t.jsxs(ko,{windowSize:S,children:[me?t.jsx(Te,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${Z.colors.grey3}`},onTabChange:b=>l(Oe(b.id)),previousTabPosition:d,setPreviousTabPosition:C}):null,t.jsx(Fo,{allTimeframeTicks:e.allTimeframeTicks,analytics:O,firstMonthOfFY:e.firstMonthOfFY,isCompareModeOn:F,mode:o.mode,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,selectedCOABalancesRange:e.filter.balancesRange,selectedTimeframe:o.timeframe,timeframes:ue}),Y!=null?t.jsx(Eo,{"data-testid":j("op-ex-by-vendor-insight-container"),children:t.jsx(Ye,{balance:Y,dateText:Ro(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:G})]}),t.jsx(zo,{reference:D,report:e,uiState:o,isEmptyPeriod:G,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:xe,handleFetchOpExByVendor:ye,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Fo=({allTimeframeTicks:e,analytics:r,firstMonthOfFY:o,isCompareModeOn:n,mode:l,onAdditionalBalanceSelectionChanged:i,onTimeframeSelectionChanged:h,selectedCOABalancesRange:s,selectedTimeframe:p,timeframes:g})=>t.jsx(Do,{children:t.jsxs(Po,{children:[t.jsx(jo,{"data-testid":j("op-ex-by-vendor-timeframe-controls"),children:t.jsx(Ke,{timeframe:{allowedTimeframes:g,selectedTimeframe:p,onTimeframeSelectionChanged:c=>{r?.trackTimeframeSwitch(z(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&h(c),l==="compare_mode"&&!n&&i(n,n?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:n,isToggleDisabled:!1,onValueChanged:c=>{r?.trackCompareMode(c,R("operating_expenses_by_vendor"),z(p)),i(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(Re,{firstMonthOfFY:o,timeframe:p,timeframeTicks:e,selection:{selectedTicks:re(e,s),highlightedOfSelectedTicks:re(e,s)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=q();return e?t.jsx(Io,{children:t.jsx(We,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(No,{windowSize:o,children:t.jsx(le,{children:({height:n,width:l})=>t.jsx(ho,{selectedRangeReport:r,width:l,height:n,isDetailPage:!0,showBarHoverBackground:!1})})})},zo=({report:e,uiState:r,isEmptyPeriod:o,reference:n,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:s,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const y=r.mode==="compare_mode",_=S=>{c?.trackCompareFilterChange(S==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),z(r.timeframe),"dropdown"),l(y,[S==="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,C]=x.useState(void 0),[v,k]=x.useState(void 0),O=q(),K=X(),P=!(O==="small"||O==="medium-compact");x.useEffect(()=>{const S={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:Ee(),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:s}};if(d==null||!ce(v,e)){const D=_o(e,r,S,P);k(e),C(D)}else{const D=vo(d,S,e,P);C(D)}},[r.mode,e]);const A=S=>S<e.opexBalances.length,L=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Ao,{windowSize:O,ref:n,children:o?t.jsx(Ge,{}):d!=null?t.jsx(Lo,{"data-testid":j("op-ex-by-vendor-report-table"),children:t.jsx(He,{backgroundColor:new Pe(K.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:A,itemCount:M,loadMoreItems:L}})}):null})},Ro=e=>{const r=e.startDate,o=e.endDate,{vendors:n,dateFormat:l}=B.getLocalizedStrings();return`${n.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{fr as default};

package/dist/assets/OverlayContainerPage-BG9y5C0t-XSUpPkb1.js

@@ -1,11 +0,0 @@
-import{g as i,V as n}from"./index-C8o-xzAN.js";import{n as r}from"./mui-DOS4CfBc.js";import"./sentry-DBhcw6Be.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./recharts-BBlqu8Rz.js";import"./zeni-epic-state-DMWYYyyR.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="4287935d-72c3-497c-b16c-fca5b815d591",e._sentryDebugIdIdentifier="sentry-dbid-4287935d-72c3-497c-b16c-fca5b815d591")}catch{}})();const d=r.div`
-  display: ${({isOpen:e})=>e?"block":"none"};
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: ${({theme:e})=>e.colors.background};
-  overflow-y: auto;
-  z-index: 10;
-`,h=({isOpen:e,children:o})=>{const t=i();return n.jsx(d,{isOpen:e,theme:t,children:o})};export{h as default};

package/dist/assets/PandLWithForecastPage-TSoe4Z7F-DADbKlaU.js

@@ -1,123 +0,0 @@
-import{ay as _e,e as I,bQ as Re,bR as Fe,bS as Ee,V as t,bq as Be,ac as F,K as G,bU as Ve,g as B,bE as De,O as c,a as Ue,L as qe,w as We,x as re,o as s,bV as Ge,cl as He,aG as Ke,aX as Je,c as Qe,cM as Xe,bA as Ye,u as k,cN as Ze,aV as et,aW as tt,bc as ot,bN as st}from"./index-C8o-xzAN.js";import{a as m}from"./sentry-DBhcw6Be.js";import{n}from"./mui-DOS4CfBc.js";import{a as rt}from"./liveblocks-abv8TgYe.js";import{j as nt,z as le}from"./mapTimeframeBalancesToTreeNode-Bre8FfBF-C3mdnabF.js";import{R as at}from"./NavBarWithPicker-CGGEvLwe-DZ7VBJBK.js";import{m as it}from"./analyticsHelper-CAYdbjhS-Bgy1SJeR.js";import{X as ct}from"./TimeframeSwitcherWithToggle-DyggDIQj-BDMDYsLj.js";import{n as lt,N as dt}from"./CollapsableReportTable-DNfFkAts-cgYLh83Q.js";import{M as X}from"./usp-line-BBd1wKwW-rq31vkuF.js";import{FU as pt,FV as mt}from"./zeni-epic-state-DMWYYyyR.js";import{D as gt,T as ht,C as ut}from"./mapSectionWithAcOnlyToTreeNode-Cgyt68f3-CDBFUVvY.js";import"./core-VVne9A9m.js";import"./lottie-DehW2chz.js";import"./recharts-BBlqu8Rz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.js";import"./TimeframeSwitcher-DA99HdHt-B7dPmR3A.js";import"./AccountRow-D1cjRJJD-brXv0bxV.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="422b5a0b-6f0c-4201-a388-d462ddfdf807",e._sentryDebugIdIdentifier="sentry-dbid-422b5a0b-6f0c-4201-a388-d462ddfdf807")}catch{}})();const de="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",pe="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ft=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,xt=n.div`
-  padding: ${e=>e.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
-  text-align: center;
-`,bt=n(Xe)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${s.sp7} ${s.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,wt=n(Qe)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${s.sp5} ${s.sp0};
-  color: ${e=>e.theme.colors.primary};
-`,me=n.div`
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${e=>e.windowSize==="small"?s.sp3:s.sp4};
-`,yt=n.div``,ge=n.div`
-  width: ${e=>e.windowSize==="small"?"auto":"408px"};
-  display: flex;
-  flex-direction: column;
-`,he=n.div`
-  width: ${e=>e.windowSize==="small"?"100%":"calc(100% - 408px)"};
-  overflow: hidden;
-  max-width: 712px;
-  display: flex;
-`,ue=n.div`
-  margin-left: ${e=>e.windowSize==="small"?s.sp0:s.sp6};
-  margin-bottom: ${e=>e.windowSize==="small"?s.sp4:s.sp0};
-  background: ${e=>e.theme.colors.background};
-  border-radius: 12px;
-  border: ${e=>`1px solid ${e.theme.colors.grey5}`};
-  padding: 15px;
-`,v=n.div`
-  border-radius: ${s.sp12};
-  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
-  padding: ${e=>e.windowSize==="small"?`${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}`:`${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
-  background: ${e=>e.theme.colors.grey5};
-  position: relative;
-  margin-bottom: ${s.sp3};
-  display: flex;
-  align-items: center;
-  text-align: start;
-  box-sizing: border-box;
-`,H=n(ot)`
-  color: ${e=>e.theme.colors.champion};
-`,K=n(tt)`
-  color: ${e=>e.theme.colors.champion};
-`,J=n(et)`
-  color: ${e=>e.theme.colors.champion};
-`,Q=n(Ze)`
-  color: ${e=>e.theme.colors.champion};
-`,z=n.div``,L=n.div`
-  padding-left: ${s.sp3};
-`,fe=n(X)`
-  color: ${e=>e.theme.colors.graphColor18};
-`,xe=n(X)`
-  color: ${e=>e.theme.colors.graphColor25};
-`,be=n(X)`
-  color: ${e=>e.theme.colors.graphColor04};
-`,St=n(Ye)`
-  margin: ${s.sp3} auto;
-  max-width: 422px;
-  color: ${e=>e.theme.colors.hero};
-`,jt=()=>{const e=B(),o=I();return t.jsxs(me,{windowSize:o,children:[t.jsx(he,{windowSize:o,children:t.jsx(ue,{windowSize:o,children:e.mode==="dark"?t.jsx("img",{src:pe,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):t.jsx("img",{src:de,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),t.jsxs(ge,{windowSize:o,children:[t.jsxs(v,{windowSize:o,children:[t.jsx(z,{children:t.jsx(fe,{})}),t.jsxs(L,{children:[t.jsx(Q,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),t.jsx(J,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),t.jsxs(v,{windowSize:o,children:[t.jsx(z,{children:t.jsx(xe,{})}),t.jsxs(L,{children:[t.jsx(Q,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),t.jsx(J,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),t.jsxs(v,{windowSize:o,children:[t.jsx(z,{children:t.jsx(be,{})}),t.jsxs(L,{children:[t.jsx(Q,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),t.jsx(J,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Ct=()=>{const e=B(),o=I();return t.jsxs(me,{windowSize:o,children:[t.jsxs(ge,{windowSize:o,children:[t.jsxs(v,{windowSize:o,style:{width:"408px"},children:[t.jsx(z,{children:t.jsx(fe,{})}),t.jsxs(L,{children:[t.jsx(K,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),t.jsx(H,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),t.jsxs(v,{windowSize:o,style:{width:"275px",alignSelf:"end"},children:[t.jsx(z,{children:t.jsx(xe,{})}),t.jsxs(L,{children:[t.jsx(K,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),t.jsx(H,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),t.jsxs(v,{windowSize:o,style:{width:"408px"},children:[t.jsx(z,{children:t.jsx(be,{})}),t.jsxs(L,{children:[t.jsx(K,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),t.jsx(H,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),t.jsx(he,{windowSize:o,children:t.jsx(ue,{windowSize:o,children:e.mode==="dark"?t.jsx("img",{src:pe,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):t.jsx("img",{src:de,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Tt=({meetingUrl:e,onBackClick:o,onClickMenuIcon:r})=>{const l=B(),d=I(),g=()=>{window.open(e.toString(),"_blank")};return t.jsxs(ft,{"data-testid":F("forecast-promo-page"),children:[t.jsx(De,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:l.colors.grey4,onBackClick:o,showMenuIcon:d==="medium-compact"||d==="small",onClickMenuIcon:r,source:"ForecastPromoPage"}),t.jsxs(xt,{"data-testid":F("forecast-promo-container"),windowSize:d,children:[d==="small"?t.jsx(wt,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):t.jsx(bt,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),d==="small"?t.jsx(jt,{}):t.jsx(Ct,{}),t.jsxs(yt,{"data-testid":F("forecast-promo-bottom-container"),children:[t.jsx(Ue,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:g}),t.jsx(St,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function $t(e,o,r=!0){const l=c.getLocalizedStrings().reports,d=e.filter.balancesRange.numberOfPeriods,g=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],f=le({balances:g,config:o}),h=[];return h.push(f),e.idsInOrder.forEach(a=>{if(pt(a)===!0){const b=e.sections[a];if(b==null)return;b.accountGroups.length>0?h.push(gt({section:e.sections[a],sectionType:a,numOfBalances:d,title:l.sections[a],isLastNode:!0,config:o})):h.push(ht({sectionWithAcOnly:e.sections[a],sectionType:a,numOfBalances:d,title:l.sections[a],isLastNode:!0,config:o}))}else mt(a)===!0&&h.push(ut({calculatedSection:e.calculatedSections[a],numOfBalances:d,title:l.sections[a],isLastNode:!0,config:o}))}),{config:o,headerNodes:r?[f]:[],contentNodes:h}}function Pt(e,o,r,l=!0){Object.assign(e.config,o);const d=r.sections.expenses.balances.length>0?[...r.sections.expenses.balances,...r.sections.expenses.additionalBalances]:[...r.sections.income.balances,...r.sections.income.additionalBalances],g=le({balances:d,config:o,nodeId:e.contentNodes[0].id}),f=e.contentNodes.slice(1);return f.forEach(h=>we(h,o)),{config:o,headerNodes:l?[g]:[],contentNodes:[g,...f]}}function we(e,o){Object.assign(e.reportElementData.config,o),e.children.forEach(r=>we(r,o))}const E={contentPaddingLeft:new re(k[3],k[3],k[8]),contentPaddingRight:new re(k[3],k[3],k[8])},{collaboration:{threads:{placeholder:ne,tooltip:ae,title:{comments:kt}}}}=c.getLocalizedStrings(),vt=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  min-height: 100%;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-`,zt=n.div`
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  width: 99.9%;
-  margin-top: ${s.sp2};
-  background-color: ${e=>e.theme.colors.grey4};
-`,Lt=n.div`
-  display: flex;
-  width: 100%;
-  flex: 1;
-  height: 100%;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ie=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Lt,{children:t.jsx(qe,{size:"ExtraLarge",start:!0})}):null,It=n.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  padding-left: ${e=>e.paddingLeft}px;
-  padding-right: ${e=>e.paddingRight}px;
-`,Nt=n.div`
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: ${s.sp3};
-`,Ot=({forecastList:e,selectedForecastIndex:o,onForecastSelectionChanged:r,vsActualOn:l,onVsActualChanged:d,selectedTimeframe:g,onTimeframeChanged:f,onBackClick:h,isPandLReportFetching:a,onClickMenuIcon:b,rightSideComponent:C})=>{const u=I(),T=[];for(let p=0;p<e.length;++p)T.push(`${p}`);const w={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:T,valueToLabel:p=>e[parseInt(p)]?.name??"",selectedValue:`${o}`,titleTextStyle:We.largeMedium,onPickerSelectionChanged:p=>{if(p!=null){const N=e[parseInt(p)];r?.(N.id,parseInt(p))}},styles:{justifyContent:u==="small"?"left":"center"},isPickerDisabled:a},onBackClick:h,showMenuIcon:u==="medium-compact"||u==="small",onClickMenuIcon:b,rightSideComponent:C},x={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:l,onValueChanged:d},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:g,onTimeframeSelectionChanged:p=>f?.(p)}};return t.jsxs(It,{paddingLeft:E.contentPaddingLeft.value(u),paddingRight:E.contentPaddingRight.value(u),children:[t.jsx(at,{...w}),a?"":t.jsx(Nt,{children:t.jsx(ct,{...x})})]})},Mt=({report:e,type:o,isActualVsForecastOn:r,compareMode:l,onAccountBalanceClick:d,onCompareModeChanged:g,scrollPosition:f,onTableScroll:h,nodeOpenStatus:a,onNodeCollapseToggled:b,onTreeNodesReady:C,treeRef:u})=>{const T=B(),w=I(),[x,p]=m.useState(void 0),[N,V]=m.useState(void 0),$=!(w==="small"||w==="medium-compact"),A=r===!0?"actual_vs_forecast":"none",O=`forecast.${e.reportId}`;return He({componentName:O,enabled:e.fetchState==="Completed"}),m.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:A,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:dt(o)===!0&&r===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:st()};if(x==null||!Ke(N,e)){const y=$t(e,S,$);V(e),p(y)}else{const y=Pt(x,S,e,$);p(y)}},[o,r,e]),m.useEffect(()=>{x?.contentNodes!=null&&C?.(x.contentNodes)},[x,C]),x!=null?t.jsx(lt,{backgroundColor:new Je(T.colors.grey4),rootNodes:x,type:o,compareMode:l,isSticky:{isStickyHeader:$,isStickyName:$},treeNodePadding:{left:E.contentPaddingLeft.value(w),right:E.contentPaddingRight.value(w)},treeRef:u,onAccountClick:d==null?void 0:(S,y,_)=>{d(S,y,_)},onCompareModeChanged:g,scrollPosition:f,onScroll:h,nodeOpenStatus:a,onNodeCollapseToggled:b}):null};function no({selectedTimeframe:e,isForecastVsActualOn:o,compareMode:r,forecastList:l,selectedForecast:d,pandLreport:g,type:f,meetingUrl:h,analytics:a,isReportsCommentingEnabled:b,isZeniUser:C,initialOpenThreadRequest:u,onForecastSelectionChanged:T,onTimeframeChanged:w,onForecastVsActualsCompareToggle:x,onAccountBalanceClick:p,onCompareModeChanged:N,scrollPosition:V,onTableScroll:$,nodeOpenStatus:A,onNodeCollapseToggled:O,onBackClick:S,onClickMenuIcon:y}){const _=_e(),D=I(),Se=C??!1,j=_?.currentTenant?.companyId,Y=_?.currentTenant?.companyName??"",je=d?.id,Z=b===!0&&j!=null&&je!=null,Ce=`dashboard_${j}`,Te=Se?Re:Fe,{threads:ee,isLoading:U,requestToOpenThread:$e,setRequestToOpenThread:M,setOpenThread:Pe}=m.useContext(Te);m.useEffect(()=>{u?.threadId!=null&&u.companyId!=null&&u.entityType!=null&&M(u)},[u,M]);const[ke,q]=m.useState(!1),W=m.useMemo(()=>({application:"dashboard",companyId:j,tab:"forecast_report",isGlobalComment:!1}),[j]),R=m.useMemo(()=>{const i=Ee(ee,W,"both");return Array.from(i.values())},[ee,W]),ve=m.useMemo(()=>R.filter(i=>i.resolved===!1),[R]).length,ze=m.useCallback((i,P)=>{q(!1),M({threadId:P,companyId:i.companyId,entityType:i.entityType,threadMetadata:i})},[M]),[Le,Ie]=m.useState(void 0),te=m.useRef(null),Ne=m.useCallback(i=>{Ie(i)},[]),Oe=m.useCallback(i=>{te.current?.scrollToItem(i,"center")},[]);nt({requestToOpenThread:$e,setRequestToOpenThread:M,setOpenThread:Pe,allThreads:R,reportTreeRootNodes:Le,nodeCollapseState:A,onExpandNode:O?(i,P,Ae)=>O(P,Ae):void 0,scrollToNode:Oe});const Me=m.useMemo(()=>({companyId:j??"",companyName:Y,entityType:"forecast_report.details",entityId:j??"",isGlobalComment:!1,application:"dashboard",tab:"forecast_report",url:window.location.href}),[j,Y]),oe=[l.fetchState,g.fetchState],se=d?.index??-1;return ye(oe)===!0||l.fetchState==="Completed"&&l.forecasts.length===0?t.jsx(Tt,{meetingUrl:h,onBackClick:S,onClickMenuIcon:y}):ce([l.fetchState])===!0?t.jsx(ie,{fetchState:_t(oe)}):t.jsxs(t.Fragment,{children:[t.jsxs(vt,{children:[t.jsx(Ot,{forecastList:l.forecasts,selectedForecastIndex:se,onForecastSelectionChanged:(i,P)=>{a?.trackForecastSwitch(G.Event.profitAndLossWithForecast,l.forecasts[P].name),T?.(i,P)},vsActualOn:o,onVsActualChanged:i=>{a?.trackForecastVsActualMode(G.Event.profitAndLossWithForecast,l.forecasts[se].name,i),x?.(i)},selectedTimeframe:e,onTimeframeChanged:i=>{a?.trackTimeframeSwitch(it(i),G.Event.profitAndLossWithForecast),w?.(i)},onBackClick:S,isPandLReportFetching:ce([g.fetchState]),onClickMenuIcon:y,rightSideComponent:Z?t.jsxs(Rt,{onClick:()=>q(!0),"data-testid":F("forecast-page-comment-button"),children:[t.jsx(Be,{count:U?void 0:ve,isLoading:U,style:{left:"12px"}}),t.jsx(Ft,{})]}):void 0}),g.fetchState==="In-Progress"?t.jsx(ie,{fetchState:"In-Progress"}):t.jsx(zt,{children:t.jsx(Mt,{report:g,type:f,isActualVsForecastOn:o,compareMode:r,onAccountBalanceClick:p,onCompareModeChanged:N,scrollPosition:V,onTableScroll:$,nodeOpenStatus:A,onNodeCollapseToggled:O,onTreeNodesReady:Ne,treeRef:te})})]}),Z?t.jsx(rt,{id:Ce,children:t.jsx(Ve,{isDrawerOpen:ke,allowComposer:!0,drawerTitle:kt,threads:R,filter:W,autoExpand:!0,autoFocus:!1,isLoading:U,textOverrides:{composerPlaceholder:ne.addANewComment,replyComposerPlaceholder:ne.replyAComment,threadResolve:ae.resolveComment,threadUnResolve:ae.unResolveComment},threadMetadata:Me,onThreadClick:ze,onCloseAllThreadsDrawer:()=>q(!1),drawerSectionStyle:{width:D==="small"?"100%":"400px",boxSizing:D==="small"?"border-box":"content-box"},collapsibleThreadStyle:{width:D==="small"?"100%":"360px"}})}):null]})}const At=e=>e.reduce((o,r)=>o===!0&&r==="Completed",!0),ye=e=>e.reduce((o,r)=>o===!0||r==="Error",!1),ce=e=>e.reduce((o,r)=>o===!0||r==="Not-Started"||r==="In-Progress",!1),_t=e=>At(e)===!0?"Completed":ye(e)===!0?"Error":"In-Progress",Rt=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ft=n(Ge)`
-  display: flex;
-  width: ${s.sp4};
-  height: ${s.sp4};
-  align-items: center;
-  justify-content: center;
-`;export{no as default,ce as isAnyInProgress};

package/dist/assets/PaymentAccountSetupBillingAddressSection-9ma8SpIa-DnLcaoHi.js

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