@zeniai/web-app-ui 4.14.36-qa → 4.14.38-dev

package/dist/assets/OpExByVendorPage-BV_uJSCh-ClxLsbjb.js

@@ -0,0 +1,100 @@
+import{X as U,hu as Ce,O,y as Q,bF as _e,A as Se,V as t,bd as we,E as I,ht as ve,a$ as ke,a_ as Be,hv as je,hw as Oe,o as b,ab as Pe,L as Te,x as W,an as de,S as pe,ad as $e,j as T,bJ as De,bK as Ne,bL as Ie,b7 as Ee,e as a,l as he,w as re,ag as Me}from"./index-BocbTmE1.js";import{a as B,b as Le}from"./sentry-DINNQYpi.js";import{n as g}from"./mui-C_CXevf3.js";import{Gt as Ae}from"./zeni-epic-state-a7Sj5mjO.js";import{p as Fe,d as Ve,y as J,b as me,u as ae}from"./chartTypes-Dq3hUz_T-DlStt0to.js";import{V as ze}from"./toChartData-BUf5HHim-BMyIU8Hn.js";import{m as K}from"./analyticsHelper-D9xdJK4b-DkISjLhy.js";import{y as Re,M as te}from"./TimeRangeSwitcher-C3jXm39I-fOK0S_yE.js";import{X as We}from"./TimeframeSwitcherWithToggle-w4YJno-p-mLBmOb3v.js";import{C as Ke}from"./NoDataChart-9-bhq204-BNHp8Nld.js";import{d as Ye}from"./NoDataTable-C6Q2Anpz-BqTI2GFx.js";import{H as He}from"./BalancesInsightWithToolTip-tiQUQUbX-DMW3pWLJ.js";import{n as Y}from"./getReferrerType-DjPOy76W-BckJ1MnT.js";import{n as Ge,t as X}from"./CollapsableReportTable-h0vIfI8o-Q6XPsw6M.js";import{o as ge}from"./mapTimeframeBalancesToTreeNode-DvfKBCs5-Dl1ySEwF.js";import{d as ne}from"./mapLoadingInProgressToTreeNode-DrC2Zs2y-B2Wt05iy.js";import{l as qe}from"./mapSpacerToTreeNode-DMDEaLzQ-lo7UbRO0.js";import{N as Je,C as Xe,X as Ue,Y as Qe,B as Ze,H as eo}from"./recharts-CTWfsY-L.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./utils-DmE88LS_.js";import"./TimeframeSwitcher-CcYg-YQJ-DfqszobX.js";import"./graphic-no-data-l-DU4J8fDt-BXfLioW6.js";import"./AccountRow-BrW_eEjE-Cmf0Jids.js";import"./clock-CJkylEKt-BFtrn8ev.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="8a1a5af7-44f8-47d9-97e1-0a4442875e8c",e._sentryDebugIdIdentifier="sentry-dbid-8a1a5af7-44f8-47d9-97e1-0a4442875e8c")}catch{}})();const oo=g.div`
+  display: flex;
+`,ro=g.div`
+  flex: display;
+  opacity: 0.85;
+  width: 320px;
+  border-radius: ${b.sp1};
+  flex-direction: column;
+  padding: ${b.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,se=g.div`
+  display: flex;
+  justify-content: space-between;
+`,ie=g(he)`
+  color: ${e=>e.color??a.neutralGrey2Light};
+  text-align: left;
+`,le=g(he)`
+  color: ${e=>e.color??a.neutralGrey2Light};
+  text-align: right;
+`,ao=g.div`
+  margin: ${b.sp2} ${b.sp0} ${b.sp2} ${b.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${a.neutralGrey3Dark};
+`,to=({barLabelsWithValues:e,getVendorName:n})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(se,{children:[t.jsx(ie,{color:e[0].color,children:`${n(e[0].timeframeTick,e[0].barName)}`}),t.jsx(le,{color:e[0].color,children:`${ae(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(se,{children:[t.jsx(ie,{color:a.primaryDark,children:`${O.getLocalizedStrings().chartCard.total}`}),t.jsx(le,{children:`${ae(e[0].total)}`})]})]})}),no=Le.memo(e=>{const n=(({active:o,payload:i,barName:l})=>{const c=[];if(i!==void 0&&o===!0){const h=i.filter(s=>s.name==l)[0],r=h.payload,m=h.color,u={amount:r.record[l].amount?.amount??0,currencyCode:r.record[l].amount?.currencyCode??"",currencySymbol:r.record[l].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let y,x=0;for(y in r.record)y.endsWith("_actual")&&(x+=r.record[y].amount?.amount??0);p.amount=x,p.currencyCode=u.currencyCode,p.currencySymbol=u.currencySymbol,c.push({barName:me(l),actual:u,color:m,total:p,timeframeTick:r.timeLabel})}return c})({...e});return n.length===0?null:t.jsx(to,{barLabelsWithValues:n,getVendorName:e.getVendorName})}),ce=[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 M{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=ce.slice(),this._barColorsKeyWise=new Map}static#e=new M;getBarColor(n){const o=M.instance();return o._barColorsKeyWise.has(n)||(o._barColors.length===0&&(o._barColors=ce.slice()),o._barColorsKeyWise.set(n,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(n)}shouldUpdate(n){const o=M.instance(),i=Array.from(o._barColorsKeyWise.keys()).sort();return!pe(i,n)}static init(){return this.#e=new M,this.#e}static instance(){return this.#e}}const so=M.instance(),io=g.div`
+  width: ${e=>e.width}px;
+  height: ${e=>e.height}px;
+`;function lo({selectedRangeReport:e,width:n,height:o,showBarHoverBackground:i=!1,isDetailPage:l=!1}){const c=B.useRef(!1),h=so,[r,m]=B.useState(void 0);B.useEffect(()=>{c.current=!0},[]);const u=((s,d)=>{const C=new Set,f={};let _;const w=d.top4VendorsAndOthers;return Object.keys(w).length>0&&Object.keys(w).forEach(j=>{w[j].forEach(($,k)=>{const S=Fe(`vendor_${k}`,"actual");C.add(S),_==null&&$.balance!=null&&(_=S),f[S]!=null?f[S].push({key:S,balance:$.balance}):f[S]=[{key:S,balance:$.balance}]})}),_!=null?ze(s,[...C],_,f):void 0})(e.firstMonthOfFY,e),p=(s,d)=>t.jsx(eo,{name:s,animationDuration:d?500:void 0,style:{cursor:"pointer"},dataKey:C=>{const f=C.record;return(f[s]?.amount!=null?f[s].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(me(s)),onMouseEnter:()=>{r!==s&&m(s)},onMouseLeave:()=>{r!=null&&m(void 0)}},s),y=({active:s,payload:d})=>d?.find(C=>C.name===r)!=null&&r!=null&&s===!0?t.jsx(no,{active:s,payload:d,barName:r,getVendorName:x}):null,x=(s,d)=>{const C=Ae(s);try{const f=d.split("_")[1];return e.top4VendorsAndOthers[C][parseInt(f)].vendor.name}catch(f){return console.warn("Was not able to parse vendor index for tooltip ",f),""}};return u==null?null:t.jsx(co,{chartData:u,showBarHoverBackground:i,barElements:(()=>{const s=[];return u?.orderedKeys.forEach(d=>{const C=l===!0&&!c.current;s.push(p(d,C))}),s})(),customToolTipContent:t.jsx(y,{}),width:n,height:o,isDetailPage:l===!0})}const co=({chartData:e,barElements:n,customToolTipContent:o,width:i,height:l,showBarHoverBackground:c=!1,isDetailPage:h})=>{const r=Q(),m=Ve(e),u=c!==!1,p=h?(i-60)/J.operating_expenses_by_vendor*(J.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(io,{width:i,height:l,"data-testid":I("op-ex-by-vendor-chart"),children:t.jsx(de,{children:({height:y,width:x})=>t.jsxs(Je,{width:x,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?T[5]:30,margin:{top:5,right:p,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Xe,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(Ue,{dataKey:s=>s.timeLabel.label,type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...re.extraSmallRegular.cssObject}}),t.jsx(Qe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...re.extraSmallRegular.cssObject},tickFormatter:s=>Me("0,0.[00]a",s,m)}),t.jsx(Ze,{wrapperStyle:{zIndex:2},cursor:!!u&&{stroke:r.colors.background,strokeWidth:(x-120)/J.operating_expenses_by_vendor,fill:r.colors.background},content:o,allowEscapeViewBox:{x:!1,y:!0}}),n]})})})};function po(e){const n=function(o){const{isCompareModeOn:i,report:l,currentTenantCompanyName:c}=o,h=[];if(i&&(h.push("this_period_vs_last_period_percent"),h.push("this_period_vs_last_period")),l.dataAvailable!=null)return{localeId:O.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:c,statementFileType:"excel",timeframe:o.timeframe,timezone:o.timezone,additionalBalances:h,format:o.reportType,sortKey:o.sortKey,sortOrder:o.sortOrder,isCompareModeOn:o.isCompareModeOn,searchString:o.searchString}}(e);if(n!=null)return async function(o,i,l){const c=O.getLocalizedStrings().downloadReport,h=`${o}?query=${encodeURIComponent(JSON.stringify(function(r){return{locale_id:r.localeId,show_negative_amount_in_parenthesis:r.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:r.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:r.filterAccountGroupsWithNilBalances,company_name:r.companyName,statement_file_type:r.statementFileType,timeframe:r.timeframe,timezone:r.timezone,additional_balances:r.additionalBalances,format:r.format,sort_key:r.sortKey,sort_order:r.sortOrder,is_compare_mode_on:r.isCompareModeOn,search_string:r.searchString}}(l)))}`;try{const r=await De({urlEndPoint:h,authParams:i,fileType:l.statementFileType});if(r.ok){const m=Ne(r.headers,c.defaultFileName),u=await r.arrayBuffer();Ie(u,m)}else console.error(`${c.reportErrorMessage} ${r.statusText}`)}catch(r){console.error(`${c.reportErrorMessage} ${JSON.stringify(r)}`)}}(e.statementEndPoint,e.authParams,n)}const ho=(e,n,o,i=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,c=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&c.push(e.totalBalances.totalBalance);const h=ge({balances:c,config:o}),r=[];r.push(h);const m=O.getLocalizedStrings().vendors.opExByVendor,u=o.opexByVendorConfig?.sortOrSearchInProgress??!1,p=o.opexByVendorConfig?.pageFetchInProgress??!1;if(u===!0)[...Array(10)].forEach((y,x)=>{r.push(ne({title:`${x}+${m.loading}`,balances:c,config:o}))});else if(e.opexBalances.length>0){if(!n.searchString){const s=function({title:d,balances:C,config:f,numOfBalances:_,nodeId:w}){return{children:[],id:w??X("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:d,data:C,numOfBalances:_},config:f}}}({title:O.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});r.push(s)}const y=n.pageToken[n.timeframe],x=e.opexBalances.map((s,d)=>function({config:C,isLastNode:f,numOfBalances:_,opExByVendor:w,title:j,vendorRowIndex:$}){const k=w.account?.accountName??"-",S=w.classBase?.className??"-";return{children:[],id:X("vendor_row",[],j+k+S),isLastNode:f,reportElementData:{element:{kind:"vendor_row",title:j,data:w,numOfBalances:_,index:$},config:C}}}({config:o,isLastNode:d===e.opexBalances.length-1&&y==null,numOfBalances:l,opExByVendor:s,title:s.vendor.name,vendorRowIndex:d}));r.push(...x),p===!0&&[...Array(1)].forEach((s,d)=>{r.push(ne({title:`${d}+${m.loading}`,balances:c,config:o}))}),[...Array(1)].forEach((s,d)=>{r.push(qe({title:`${d}+${m.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&u!==!0&&r.push(function({title:y,balances:x,config:s,nodeId:d}){return{children:[],id:d??X("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:y,data:x,numOfBalances:x.length},config:s}}}({title:O.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:c,config:o})),{config:o,headerNodes:i?[h]:[],contentNodes:r}},mo=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],L={chartHeight:new W(288,360),wrapperPadding:new W(T[3],T[3],T[8]),contentPaddingLeft:new W(T[0],T[0],T[0]),contentPaddingRight:new W(T[3],T[3],T[8])},go=g.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${b.sp0};
+  gap: 2px;
+`,uo=g.div`
+  position: relative;
+  box-shadow: ${e=>`2px 2px ${b.sp1} ${e.theme.colors.dropShadowNormal}`};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>L.wrapperPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>L.wrapperPadding.valuePx(e.windowSize)};
+`,fo=g.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+`,yo=g.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,bo=g.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${b.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,xo=g(Pe)`
+  margin-top: ${b.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Co=g.div`
+  display: flex;
+  padding: ${b.sp2} ${b.sp0} ${b.sp4} ${b.sp0};
+`,_o=g.div``,So=g.div``,wo=g.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  height: ${e=>L.chartHeight.valuePx(e.windowSize)};
+  padding-bottom: ${b.sp6};
+`,vo=g.div`
+  display: flex;
+`,ko=g.div`
+  margin-top: ${b.sp5};
+  margin-bottom: ${b.sp6};
+`,Bo=g.div`
+  display: flex;
+  position: sticky;
+  justify-content: center;
+  padding-top: ${b.sp8};
+  padding-left: ${e=>L.wrapperPadding.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+`,jo=g.div`
+  width: 100%;
+  height: calc(100vh - ${b.sp11});
+`,Oo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(fo,{children:t.jsx(Te,{size:"ExtraLarge",start:!0})}):null,cr=({report:e,vendorTabsToShow:n,uiState:o,downloadParams:i,onVendorTabSelectionChanged:l,onReloadReport:c,onBackClick:h,onFetchOpExByVendors:r,onAdditionalBalanceSelectionChanged:m,onTimeframeSelectionChanged:u,onSortOrderChanged:p,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:x,onPageFetchStarted:s,previousTabPosition:d,setPreviousTabPosition:C,updateDownloadStateHandler:f,onClearSearch:_,analytics:w,onClickMenuIcon:j})=>{const[$,k]=B.useState(o.searchString[o.timeframe]),[S,A]=B.useState(!1),D=U(),V=B.useRef(null),F=Ce(n),H=F.length>1,z=O.getLocalizedStrings().reports.common,Z=O.getLocalizedStrings().vendors,ee=Q(),ue=["month","quarter"],fe=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,R=o.mode==="compare_mode"&&!fe,G=e.allTimeframeTicks.length===0,{timeframe:N}=o,E=o.searchString[N];_e({componentName:"vendors.opex_by_vendor.list"});const ye=B.useCallback(P=>{r(N,E,P)},[N,E,r]),be=B.useCallback((P,v)=>{window.scrollTo({top:V.current?.offsetTop,behavior:"smooth"}),P.length>0?(y(!0),r(v,P,!1)):(y(!1),_(v))},[_,r,y]),oe=B.useRef(Se((P,v)=>be(P,v),500,{trailing:!0})).current,xe=(P,v)=>{p(P,v,N),y(!0),r(N,E,!1)};if(B.useEffect(()=>{S&&o.downloadState!=="In-Progress"&&(A(!1),f("In-Progress"),async function(){await po({report:e,isCompareModeOn:R,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[N],...i}),w?.trackDownload(Y("operating_expenses_by_vendor"),K(o.timeframe),"excel",R),f("Completed")}())},[e,o,R,i,o.downloadState,S]),B.useEffect(()=>{k(E)},[E]),e.fetchState==="Error")return t.jsxs(yo,{children:[t.jsx(bo,{"data-testid":I("op-ex-by-vendor-reload-page"),onClick:c,children:t.jsx(we,{})}),t.jsx(xo,{children:z.failed})]});const q=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Oo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const P=t.jsxs(t.Fragment,{children:[t.jsx(ve,{isSearchOpen:(E?.length??0)>0,searchBarDataTestId:I("op-ex-by-vendor-search-bar"),searchPlaceHolder:Z.common.searchPlaceholder,searchText:$??"",onSearchTextChanged:v=>{k(v),v.trim().length>=2?oe(v,N):v.trim().length==0&&oe("",N)},downloadPresent:!0}),t.jsx(ke,{downloadButtonDataTestId:I("op-ex-by-vendor-download"),downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:G,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async v=>{if(v==="excel"){if(o.downloadState==="In-Progress")return void console.log("Download is already in progress!");A(!0)}}}}})]});return t.jsxs(go,{windowSize:D,children:[t.jsx(Be,{title:Z.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:ee.colors.grey5,onBackClick:h,rightSideComponent:P,showMenuIcon:D==="medium-compact"||D==="small",downloadPresent:!0,onClickMenuIcon:j,source:"OpExByVendorPage"}),t.jsxs(uo,{windowSize:D,children:[H?t.jsx(je,{allTabs:F,selectedTab:F[1].id,containerStyle:{borderBottom:`2px solid ${ee.colors.grey3}`},onTabChange:v=>l(Oe(v.id)),previousTabPosition:d,setPreviousTabPosition:C}):null,t.jsx(Po,{allTimeframeTicks:e.allTimeframeTicks,analytics:w,firstMonthOfFY:e.firstMonthOfFY,isCompareModeOn:R,mode:o.mode,onAdditionalBalanceSelectionChanged:m,onTimeframeSelectionChanged:u,selectedCOABalancesRange:e.filter.balancesRange,selectedTimeframe:o.timeframe,timeframes:ue}),q!=null?t.jsx(ko,{"data-testid":I("op-ex-by-vendor-insight-container"),children:t.jsx(He,{balance:q,dateText:Do(q)})}):null,t.jsx(To,{report:e,isEmptyPeriod:G})]}),t.jsx($o,{reference:V,report:e,uiState:o,isEmptyPeriod:G,onAdditionalBalanceSelectionChanged:m,onVendorNameAndBalanceClicked:x,onSortOrderChanged:xe,handleFetchOpExByVendor:ye,onPageFetchStarted:s,analytics:w})]})}return t.jsx(t.Fragment,{})},Po=({allTimeframeTicks:e,analytics:n,firstMonthOfFY:o,isCompareModeOn:i,mode:l,onAdditionalBalanceSelectionChanged:c,onTimeframeSelectionChanged:h,selectedCOABalancesRange:r,selectedTimeframe:m,timeframes:u})=>t.jsx(So,{children:t.jsxs(_o,{children:[t.jsx(Co,{"data-testid":I("op-ex-by-vendor-timeframe-controls"),children:t.jsx(We,{timeframe:{allowedTimeframes:u,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{n?.trackTimeframeSwitch(K(p),Y("operating_expenses_by_vendor")),(p==="month"||p==="quarter")&&h(p),l==="compare_mode"&&!i&&c(i,i?["this_period_vs_last_period_percent"]:[])}},toggle:{label:O.getLocalizedStrings().compareSwitchLabel,isOn:i,isToggleDisabled:!1,onValueChanged:p=>{n?.trackCompareMode(p,Y("operating_expenses_by_vendor"),K(m)),c(p,p?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(Re,{firstMonthOfFY:o,timeframe:m,timeframeTicks:e,selection:{selectedTicks:te(e,r),highlightedOfSelectedTicks:te(e,r)}})]})}),To=({isEmptyPeriod:e,report:n})=>{const o=U();return e?t.jsx(vo,{children:t.jsx(Ke,{title:O.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(wo,{windowSize:o,children:t.jsx(de,{children:({height:i,width:l})=>t.jsx(lo,{selectedRangeReport:n,width:l,height:i,isDetailPage:!0,showBarHoverBackground:!1})})})},$o=({report:e,uiState:n,isEmptyPeriod:o,reference:i,onAdditionalBalanceSelectionChanged:l,onTableScroll:c,onSortOrderChanged:h,onVendorNameAndBalanceClicked:r,handleFetchOpExByVendor:m,onPageFetchStarted:u,analytics:p})=>{const y=n.mode==="compare_mode",x=n.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[s,d]=B.useState(void 0),[C,f]=B.useState(void 0),_=U(),w=Q(),j=!(_==="small"||_==="medium-compact");B.useEffect(()=>{const k={reportId:e.reportId,mode:n.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:n.sortKey[n.timeframe],sortOrder:n.sortOrder[n.timeframe],isCompareModeOn:n.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:n.sortOrSearchInProgress,pageFetchInProgress:n.pageFetchInProgress,onVendorNameAndBalanceClicked:r}};if(s!=null&&pe(C,e)){const S=function(A,D,V,F=!0){Object.assign(A.config,D);const H=mo(V),z=ge({balances:H,config:D});return{config:D,headerNodes:F?[z]:[],contentNodes:[z,...A.contentNodes.slice(1)]}}(s,k,e,j);d(S)}else{const S=ho(e,n,k,j);f(e),d(S)}},[n.mode,e]);const $=e.opexBalances.length;return t.jsx(Bo,{windowSize:_,ref:i,children:o?t.jsx(Ye,{}):s!=null?t.jsx(jo,{"data-testid":I("op-ex-by-vendor-report-table"),children:t.jsx(Ge,{backgroundColor:new $e(w.colors.grey4),rootNodes:s,type:"name+balances_actual",compareMode:x,isSticky:{isStickyHeader:j,isStickyName:j},treeNodePadding:{left:L.contentPaddingLeft.value(_),right:L.contentPaddingRight.value(_)},nodeOpenStatus:{},scrollPosition:n.scrollPosition,onCompareModeChanged:k=>{p?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",Y("operating_expenses_by_vendor"),K(n.timeframe),"dropdown"),l(y,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},onScroll:c,infiniteLoadingProps:{isItemLoaded:k=>k<e.opexBalances.length,itemCount:$,loadMoreItems:()=>{n.pageToken[n.timeframe]!=null&&e.fetchState==="Completed"&&(u(),m(!0))}}})}):null})},Do=e=>{const n=e.startDate,o=e.endDate,{vendors:i,dateFormat:l}=O.getLocalizedStrings();return`${i.opExByVendor.in} ${n.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{cr as default};

package/dist/assets/OverlayContainerPage-CkUYOhlh-C1amAlX0.js

@@ -0,0 +1,11 @@
+import{y as i,V as r}from"./index-BocbTmE1.js";import{n as d}from"./mui-C_CXevf3.js";import"./sentry-DINNQYpi.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./zeni-epic-state-a7Sj5mjO.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.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]="c97262c7-370f-4de4-877b-4c8e3dd68c81",e._sentryDebugIdIdentifier="sentry-dbid-c97262c7-370f-4de4-877b-4c8e3dd68c81")}catch{}})();const n=d.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;
+`,I=({isOpen:e,children:o})=>{const t=i();return r.jsx(n,{isOpen:e,theme:t,children:o})};export{I as default};

package/dist/assets/PandLWithForecastPage-Cj3UWjG4-C0webWAA.js

@@ -0,0 +1,123 @@
+import{v as _e,X as L,ba as Fe,bb as Re,bc as Be,V as o,aM as Ee,E as R,K as G,be as Ve,y as E,a_ as De,O as l,a as We,L as qe,w as Ue,x as ae,o as s,bf as Ge,bF as Xe,S as Ye,ad as He,c2 as Ke,c3 as Ze,aW as Je,j as $,bM as Qe,ab as eo,ac as oo,au as to,b7 as so}from"./index-BocbTmE1.js";import{a as m}from"./sentry-DINNQYpi.js";import{n}from"./mui-C_CXevf3.js";import{_ as ao}from"./liveblocks-BsQBjN-0.js";import{j as no,z as le}from"./mapTimeframeBalancesToTreeNode-CW_wzI5T-BaeuL7EQ.js";import{R as ro}from"./NavBarWithPicker-CbjFNysh-Ck578WIs.js";import{m as io}from"./analyticsHelper-D9xdJK4b-DkISjLhy.js";import{X as co}from"./TimeframeSwitcherWithToggle-w4YJno-p-mLBmOb3v.js";import{n as lo,N as po}from"./CollapsableReportTable-h0vIfI8o-Q6XPsw6M.js";import{M as Z}from"./usp-line-BBd1wKwW-Bi23t2Q-.js";import{Ft as mo,Fu as go}from"./zeni-epic-state-a7Sj5mjO.js";import{D as ho,T as fo,C as uo}from"./mapSectionWithAcOnlyToTreeNode-dsBogxKz-DAKgnUEj.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";import"./TimeframeSwitcher-CcYg-YQJ-DfqszobX.js";import"./AccountRow-BrW_eEjE-Cmf0Jids.js";import"./clock-CJkylEKt-BFtrn8ev.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="30d1fa42-128d-4e7b-8207-cf70ffa02872",e._sentryDebugIdIdentifier="sentry-dbid-30d1fa42-128d-4e7b-8207-cf70ffa02872")}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",xo=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,bo=n.div`
+  padding: ${e=>e.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
+  text-align: center;
+`,wo=n(Ze)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.sp7} ${s.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,yo=n(Ke)`
+  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};
+`,So=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;
+`,fe=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;
+`,X=n(to)`
+  color: ${e=>e.theme.colors.champion};
+`,Y=n(oo)`
+  color: ${e=>e.theme.colors.champion};
+`,H=n(eo)`
+  color: ${e=>e.theme.colors.champion};
+`,K=n(Qe)`
+  color: ${e=>e.theme.colors.champion};
+`,z=n.div``,I=n.div`
+  padding-left: ${s.sp3};
+`,ue=n(Z)`
+  color: ${e=>e.theme.colors.graphColor18};
+`,xe=n(Z)`
+  color: ${e=>e.theme.colors.graphColor25};
+`,be=n(Z)`
+  color: ${e=>e.theme.colors.graphColor04};
+`,jo=n(Je)`
+  margin: ${s.sp3} auto;
+  max-width: 422px;
+  color: ${e=>e.theme.colors.hero};
+`,Co=()=>{const e=E(),t=L();return o.jsxs(me,{windowSize:t,children:[o.jsx(he,{windowSize:t,children:o.jsx(fe,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:pe,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:de,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(ge,{windowSize:t,children:[o.jsxs(v,{windowSize:t,children:[o.jsx(z,{children:o.jsx(ue,{})}),o.jsxs(I,{children:[o.jsx(K,{children:l.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(H,{children:l.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(v,{windowSize:t,children:[o.jsx(z,{children:o.jsx(xe,{})}),o.jsxs(I,{children:[o.jsx(K,{children:l.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(H,{children:l.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(v,{windowSize:t,children:[o.jsx(z,{children:o.jsx(be,{})}),o.jsxs(I,{children:[o.jsx(K,{children:l.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(H,{children:l.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},To=()=>{const e=E(),t=L();return o.jsxs(me,{windowSize:t,children:[o.jsxs(ge,{windowSize:t,children:[o.jsxs(v,{windowSize:t,style:{width:"408px"},children:[o.jsx(z,{children:o.jsx(ue,{})}),o.jsxs(I,{children:[o.jsx(Y,{children:l.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(X,{children:l.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(v,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(z,{children:o.jsx(xe,{})}),o.jsxs(I,{children:[o.jsx(Y,{children:l.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(X,{children:l.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(v,{windowSize:t,style:{width:"408px"},children:[o.jsx(z,{children:o.jsx(be,{})}),o.jsxs(I,{children:[o.jsx(Y,{children:l.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(X,{children:l.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(he,{windowSize:t,children:o.jsx(fe,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:pe,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:de,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},ko=({meetingUrl:e,onBackClick:t,onClickMenuIcon:a})=>{const r=E(),d=L();return o.jsxs(xo,{"data-testid":R("forecast-promo-page"),children:[o.jsx(De,{title:l.getLocalizedStrings().forecastPromoPage.title,backgroundColor:r.colors.grey4,onBackClick:t,showMenuIcon:d==="medium-compact"||d==="small",onClickMenuIcon:a,source:"ForecastPromoPage"}),o.jsxs(bo,{"data-testid":R("forecast-promo-container"),windowSize:d,children:[d==="small"?o.jsx(yo,{children:l.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(wo,{children:l.getLocalizedStrings().forecastPromoPage.promoText}),d==="small"?o.jsx(Co,{}):o.jsx(To,{}),o.jsxs(So,{"data-testid":R("forecast-promo-bottom-container"),children:[o.jsx(We,{variant:"primary",label:l.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:()=>{window.open(e.toString(),"_blank")}}),o.jsx(jo,{children:l.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Po(e,t,a=!0){const r=l.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:[],u=le({balances:g,config:t}),h=[];return h.push(u),e.idsInOrder.forEach(i=>{if(mo(i)===!0){const b=e.sections[i];if(b==null)return;b.accountGroups.length>0?h.push(ho({section:e.sections[i],sectionType:i,numOfBalances:d,title:r.sections[i],isLastNode:!0,config:t})):h.push(fo({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:d,title:r.sections[i],isLastNode:!0,config:t}))}else go(i)===!0&&h.push(uo({calculatedSection:e.calculatedSections[i],numOfBalances:d,title:r.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:a?[u]:[],contentNodes:h}}function $o(e,t,a,r=!0){Object.assign(e.config,t);const d=a.sections.expenses.balances.length>0?[...a.sections.expenses.balances,...a.sections.expenses.additionalBalances]:[...a.sections.income.balances,...a.sections.income.additionalBalances],g=le({balances:d,config:t,nodeId:e.contentNodes[0].id}),u=e.contentNodes.slice(1);return u.forEach(h=>we(h,t)),{config:t,headerNodes:r?[g]:[],contentNodes:[g,...u]}}function we(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(a=>we(a,t))}const B={contentPaddingLeft:new ae($[3],$[3],$[8]),contentPaddingRight:new ae($[3],$[3],$[8])},{collaboration:{threads:{placeholder:ne,tooltip:re,title:{comments:vo}}}}=l.getLocalizedStrings(),zo=n.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Io=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};
+`,Lo=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"?o.jsx(Lo,{children:o.jsx(qe,{size:"ExtraLarge",start:!0})}):null,No=n.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding-left: ${e=>e.paddingLeft}px;
+  padding-right: ${e=>e.paddingRight}px;
+`,Oo=n.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${s.sp3};
+`,Mo=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:a,vsActualOn:r,onVsActualChanged:d,selectedTimeframe:g,onTimeframeChanged:u,onBackClick:h,isPandLReportFetching:i,onClickMenuIcon:b,rightSideComponent:C})=>{const f=L(),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:`${t}`,titleTextStyle:Ue.largeMedium,onPickerSelectionChanged:p=>{if(p!=null){const N=e[parseInt(p)];a?.(N.id,parseInt(p))}},styles:{justifyContent:f==="small"?"left":"center"},isPickerDisabled:i},onBackClick:h,showMenuIcon:f==="medium-compact"||f==="small",onClickMenuIcon:b,rightSideComponent:C},x={toggle:{label:l.getLocalizedStrings().reports.forecast.vsActual,isOn:r,onValueChanged:d},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:g,onTimeframeSelectionChanged:p=>u?.(p)}};return o.jsxs(No,{paddingLeft:B.contentPaddingLeft.value(f),paddingRight:B.contentPaddingRight.value(f),children:[o.jsx(ro,{...w}),i?"":o.jsx(Oo,{children:o.jsx(co,{...x})})]})},Ao=({report:e,type:t,isActualVsForecastOn:a,compareMode:r,onAccountBalanceClick:d,onCompareModeChanged:g,scrollPosition:u,onTableScroll:h,nodeOpenStatus:i,onNodeCollapseToggled:b,onTreeNodesReady:C,treeRef:f})=>{const T=E(),w=L(),[x,p]=m.useState(void 0),[N,V]=m.useState(void 0),k=!(w==="small"||w==="medium-compact"),A=a===!0?"actual_vs_forecast":"none",O=`forecast.${e.reportId}`;return Xe({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:po(t)===!0&&a===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:so()};if(x!=null&&Ye(N,e)){const y=$o(x,S,e,k);p(y)}else{const y=Po(e,S,k);V(e),p(y)}},[t,a,e]),m.useEffect(()=>{x?.contentNodes!=null&&C?.(x.contentNodes)},[x,C]),x!=null?o.jsx(lo,{backgroundColor:new He(T.colors.grey4),rootNodes:x,type:t,compareMode:r,isSticky:{isStickyHeader:k,isStickyName:k},treeNodePadding:{left:B.contentPaddingLeft.value(w),right:B.contentPaddingRight.value(w)},treeRef:f,onAccountClick:d==null?void 0:(S,y,_)=>{d(S,y,_)},onCompareModeChanged:g,scrollPosition:u,onScroll:h,nodeOpenStatus:i,onNodeCollapseToggled:b}):null};function ct({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:a,forecastList:r,selectedForecast:d,pandLreport:g,type:u,meetingUrl:h,analytics:i,isReportsCommentingEnabled:b,isZeniUser:C,initialOpenThreadRequest:f,onForecastSelectionChanged:T,onTimeframeChanged:w,onForecastVsActualsCompareToggle:x,onAccountBalanceClick:p,onCompareModeChanged:N,scrollPosition:V,onTableScroll:k,nodeOpenStatus:A,onNodeCollapseToggled:O,onBackClick:S,onClickMenuIcon:y}){const _=_e(),D=L(),Se=C??!1,j=_?.currentTenant?.companyId,J=_?.currentTenant?.companyName??"",je=d?.id,Q=b===!0&&j!=null&&je!=null,Ce=`dashboard_${j}`,Te=Se?Fe:Re,{threads:ee,isLoading:W,requestToOpenThread:ke,setRequestToOpenThread:M,setOpenThread:Pe}=m.useContext(Te);m.useEffect(()=>{f?.threadId!=null&&f.companyId!=null&&f.entityType!=null&&M(f)},[f,M]);const[$e,q]=m.useState(!1),U=m.useMemo(()=>({application:"dashboard",companyId:j,tab:"forecast_report",isGlobalComment:!1}),[j]),F=m.useMemo(()=>{const c=Be(ee,U,"both");return Array.from(c.values())},[ee,U]),ve=m.useMemo(()=>F.filter(c=>c.resolved===!1),[F]).length,ze=m.useCallback((c,P)=>{q(!1),M({threadId:P,companyId:c.companyId,entityType:c.entityType,threadMetadata:c})},[M]),[Ie,Le]=m.useState(void 0),oe=m.useRef(null),Ne=m.useCallback(c=>{Le(c)},[]),Oe=m.useCallback(c=>{oe.current?.scrollToItem(c,"center")},[]);no({requestToOpenThread:ke,setRequestToOpenThread:M,setOpenThread:Pe,allThreads:F,reportTreeRootNodes:Ie,nodeCollapseState:A,onExpandNode:O?(c,P,Ae)=>O(P,Ae):void 0,scrollToNode:Oe});const Me=m.useMemo(()=>({companyId:j??"",companyName:J,entityType:"forecast_report.details",entityId:j??"",isGlobalComment:!1,application:"dashboard",tab:"forecast_report",url:window.location.href}),[j,J]),te=[r.fetchState,g.fetchState],se=d?.index??-1;return ye(te)===!0||r.fetchState==="Completed"&&r.forecasts.length===0?o.jsx(ko,{meetingUrl:h,onBackClick:S,onClickMenuIcon:y}):ce([r.fetchState])===!0?o.jsx(ie,{fetchState:_o(te)}):o.jsxs(o.Fragment,{children:[o.jsxs(zo,{children:[o.jsx(Mo,{forecastList:r.forecasts,selectedForecastIndex:se,onForecastSelectionChanged:(c,P)=>{i?.trackForecastSwitch(G.Event.profitAndLossWithForecast,r.forecasts[P].name),T?.(c,P)},vsActualOn:t,onVsActualChanged:c=>{i?.trackForecastVsActualMode(G.Event.profitAndLossWithForecast,r.forecasts[se].name,c),x?.(c)},selectedTimeframe:e,onTimeframeChanged:c=>{i?.trackTimeframeSwitch(io(c),G.Event.profitAndLossWithForecast),w?.(c)},onBackClick:S,isPandLReportFetching:ce([g.fetchState]),onClickMenuIcon:y,rightSideComponent:Q?o.jsxs(Fo,{onClick:()=>q(!0),"data-testid":R("forecast-page-comment-button"),children:[o.jsx(Ee,{count:W?void 0:ve,isLoading:W,style:{left:"12px"}}),o.jsx(Ro,{})]}):void 0}),g.fetchState==="In-Progress"?o.jsx(ie,{fetchState:"In-Progress"}):o.jsx(Io,{children:o.jsx(Ao,{report:g,type:u,isActualVsForecastOn:t,compareMode:a,onAccountBalanceClick:p,onCompareModeChanged:N,scrollPosition:V,onTableScroll:k,nodeOpenStatus:A,onNodeCollapseToggled:O,onTreeNodesReady:Ne,treeRef:oe})})]}),Q?o.jsx(ao,{id:Ce,children:o.jsx(Ve,{isDrawerOpen:$e,allowComposer:!0,drawerTitle:vo,threads:F,filter:U,autoExpand:!0,autoFocus:!1,isLoading:W,textOverrides:{composerPlaceholder:ne.addANewComment,replyComposerPlaceholder:ne.replyAComment,threadResolve:re.resolveComment,threadUnResolve:re.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 ye=e=>e.reduce((t,a)=>t===!0||a==="Error",!1),ce=e=>e.reduce((t,a)=>t===!0||a==="Not-Started"||a==="In-Progress",!1),_o=e=>(t=>t.reduce((a,r)=>a===!0&&r==="Completed",!0))(e)===!0?"Completed":ye(e)===!0?"Error":"In-Progress",Fo=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};
+  }
+`,Ro=n(Ge)`
+  display: flex;
+  width: ${s.sp4};
+  height: ${s.sp4};
+  align-items: center;
+  justify-content: center;
+`;export{ct as default,ce as isAnyInProgress};

package/dist/assets/PandLWithForecastRoutes-t6sqNQ0M.js

@@ -0,0 +1 @@
+import{j as n}from"./liveblocks-BsQBjN-0.js";import{j as _,i as V,h as Y,l as H,u as l,k as K,R as Q,m as b}from"./core-5sxMy3sZ.js";import{ct as A,nr as R,m$ as z,I3 as O,mW as T,bt as X,F9 as J,mX as Z,I4 as ee,HR as S,Fn as te,qK as ae,I5 as se,r5 as oe,cA as ne,cy as re}from"./zeni-epic-state-a7Sj5mjO.js";import{ju as ce,k4 as ie,v as le,aE as U,aG as v,bk as de,jB as w,kt as me,jQ as fe}from"./index-BocbTmE1.js";import"./mui-C_CXevf3.js";import pe from"./NotFoundScreen-MU1vvTl3.js";import{F as ue}from"./FeaturePreviewScreen-D2Pa-R10.js";import{a as h}from"./sentry-DINNQYpi.js";import{t as he}from"./routePaths-_EQ7HBkZ.js";import{M as Fe}from"./MobileAppDrawer-DXy0Oi_h.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new s.Error().stack;e&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[e]="71955607-c112-43bf-96bf-f33155468976",s._sentryDebugIdIdentifier="sentry-dbid-71955607-c112-43bf-96bf-f33155468976")}catch{}})();const y=(s,e,t)=>{s!=e&&(s!=null&&s.length>0?t(`../${e}`,{replace:!0}):t(e,{replace:!0}))},ge=K(function(s){const e=ee(s),t={},o=e.pandLReportWithForecast.uiState.nodeCollapseState;return Object.keys(o).forEach(r=>{t[r]=o[r]===!1}),{selectedTimeframe:e.selectedTimeframe,isForecastVsActualOn:e.isForecastVsActualOn,compareMode:e.compareMode,forecastList:e.forecastList,selectedForecast:e.selectedForecast,pandLreport:e.pandLReportWithForecast,scrollPosition:e.pandLReportWithForecast.uiState.scrollPosition,nodeOpenStatus:t,type:"name+balances_forecast",analytics:w}},function(s,e){return{onForecastSelectionChanged:(t,o)=>{s(O(t,o)),e.isPandLReportFetched(t)||s(T(t)),y(e.forecastIdFromUrlPath,t,e.navigate)},onTimeframeChanged:t=>{s(oe(t))},onForecastVsActualsCompareToggle:t=>{s(se(t)),s(S({forecastId:e.forecastIdFromUrlPath,scrollPosition:{scrollLeft:0,scrollTop:0}}))},onCompareModeChanged:t=>{s(ae(e.firstMonthOfFY,t,0,[]))},onAccountBalanceClick:e.hasTransactionAccess!==!0?void 0:(t,o)=>{let r,c;const m=t.accountName===""?t.accountDescription:t.accountName;if(o.balanceTimeFrame==="month"||o.balanceTimeFrame==="quarter"?(r=o.balanceTimeFrame,c=te(o)):o.balanceTimeFrame==="year"?(r="quarter",c={startDate:o.endDate.startOf("quarter"),endDate:o.endDate}):console.error(`timeframe ${o.balanceTimeFrame} is not supported`),c!=null&&r!=null){const f=he(e.tenantEmailDomain,t.accountId,t.accountType,m,r,c),p=fe(e.location.state?.pathnameStackToGoBack,e.location.pathname);e.navigate(f,{state:{pathnameStackToGoBack:p,referrer:"Forecast"}})}},onNodeCollapseToggled:(t,o)=>{s(S({forecastId:e.forecastIdFromUrlPath,nodeCollapseState:{nodeId:t,isCollapsed:o===!1}}))},onTableScroll:t=>{s(S({forecastId:e.forecastIdFromUrlPath,scrollPosition:t}))},onBackClick:()=>{e.navigate("../../")}}})(me);function P(){const s=_(),e=V(),t=Y(),{forecastId:o,tenantEmailDomain:r}=H(),[c,m]=h.useState(!1),[f,p]=h.useState(!1),F=ce.getSignedInUser(),M=l(a=>A(a)),B=M.company?.companyInfo.firstMonthOfFY??1,i=l(a=>R(a.forecastState,a.forecastListState)),u=l(a=>a.forecastListState.fetchState==="Completed"),j=l(a=>a.profitAndLossState),C=l(a=>a.reportUIOptionsState.selectedForecast),k=a=>j.pandLByForecastID[a]!=null&&Z(a,j).reducedAllFetchState.fetchState==="Completed",{areTenantIdsInSync:g}=ie();h.useEffect(()=>{if(!c&&g)m(!0),u||e(z());else if(u&&!f){p(!0);const a=((d,L,E)=>L!=null?d.forecasts.findIndex(I=>I.id===L):E!=null?d.forecasts.findIndex(I=>I.id===E):d.forecasts.length>0?0:-1)(i,o,C?.id);a===-1&&o!=null?s("page-not-found",{replace:!0}):a!==-1&&a!=C?.index?(e(O(i.forecasts[a].id,a)),y(o,i.forecasts[a].id,s)):o==null&&a!==-1&&y(void 0,i.forecasts[a].id,s),a!==-1&&!k(i.forecasts[a].id)&&g&&e(T(i.forecasts[a].id))}},[c,m,e,u,i,f,p,R,T,g]);const x=le(),$=x?.loggedInUserRole!=null&&X(x.loggedInUserRole),{useFeatureGate:q}=U(),{isFeatureEnabled:G}=q(v.isReportsCommentingEnabled),[N,W]=h.useState(!1),D=a=>{W(a)};return n.jsxs(n.Fragment,{children:[u?n.jsx(de,{analytics:w,onLoad:a=>(d=>d.trackForecast())(a)}):null,n.jsx(Fe,{isAppContentDrawerOpen:N,handleDrawerToggle:D}),n.jsx(ge,{firstMonthOfFY:B,tenantEmailDomain:r,forecastIdFromUrlPath:o,navigate:s,location:t,isPandLReportFetched:k,meetingUrl:J(`https://meetings.hubspot.com/svitlana-grankovska?firstname=${F?.firstName}&lastname=${F?.lastName}&email=${F?.userEmail}`),hasTransactionAccess:$,isReportsCommentingEnabled:G,onClickMenuIcon:()=>{D(!0)}})]})}function ve(){const s=l(c=>A(c)),{useFeatureGate:e}=U(),{isFeatureEnabled:t}=e(v.isDebitCardFeatureEnabled),o=ne(t,s),r=re(s);return o===!0||r===!0?n.jsx(ue,{}):n.jsxs(Q,{children:[n.jsx(b,{path:"/",element:n.jsx(P,{})}),n.jsx(b,{path:"/:forecastId",element:n.jsx(P,{})}),n.jsx(b,{path:"/:forecastId/*",element:n.jsx(pe,{})})]})}export{ve as PandLWithForecastRoutes,ve as default};

package/dist/assets/{PaymentAccountSetupBillingAddressSection-JPO-rPAd-Dmaxec0g.js → PaymentAccountSetupBillingAddressSection-BWFl695q-DCuXfW77.js}

@@ -1,5 +1,5 @@
-import{e8 as re,a7 as Ae,j as Y,o as u,e as F,J as te,V as s,bf as Oe,bi as Le,O as Se,s as be,y as xe,a9 as Re,F as oe,c3 as Te,ad as K,b as Z,aU as ze,W as De,u as _e,g7 as Be,H as Me}from"./index-k1doZNFg.js";import{b as d,a as A}from"./sentry-CytkDQe2.js";import{n as g}from"./mui-Bi07oTwe.js";import{P as f}from"./core-twTS7Cne.js";import{l as Ne}from"./stripe-DMRn4zHo.js";import{n as G}from"./commonTypes-DsWS6Ccc-D27m4dJL.js";import{F as Ve}from"./SetUpAccountSection-sfIB1h4i-OQRP6w_s.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="7ac56faf-c6bd-43a7-a74a-aac2592eaba1",e._sentryDebugIdIdentifier="sentry-dbid-7ac56faf-c6bd-43a7-a74a-aac2592eaba1")}catch{}})();function ae(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),n.push.apply(n,o)}return n}function ie(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?ae(Object(n),!0).forEach(function(o){Ce(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ae(Object(n)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})}return e}function Q(e){return Q=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Q(e)}function Ce(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function we(e,t){return function(n){if(Array.isArray(n))return n}(e)||function(n,o){var r=n&&(typeof Symbol<"u"&&n[Symbol.iterator]||n["@@iterator"]);if(r!=null){var a,c,m=[],l=!0,p=!1;try{for(r=r.call(n);!(l=(a=r.next()).done)&&(m.push(a.value),!o||m.length!==o);l=!0);}catch(i){p=!0,c=i}finally{try{l||r.return==null||r.return()}finally{if(p)throw c}}return m}}(e,t)||function(n,o){if(n){if(typeof n=="string")return se(n,o);var r=Object.prototype.toString.call(n).slice(8,-1);if(r==="Object"&&n.constructor&&(r=n.constructor.name),r==="Map"||r==="Set")return Array.from(n);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return se(n,o)}}(e,t)||function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function se(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var P=function(e,t,n){var o=!!n,r=d.useRef(n);d.useEffect(function(){r.current=n},[n]),d.useEffect(function(){if(!o||!e)return function(){};var a=function(){r.current&&r.current.apply(r,arguments)};return e.on(t,a),function(){e.off(t,a)}},[o,t,e,r])},X=function(e){var t=d.useRef(e);return d.useEffect(function(){t.current=e},[e]),t.current},W=function(e){return e!==null&&Q(e)==="object"},ce="[object Object]",Ue=function e(t,n){if(!W(t)||!W(n))return t===n;var o=Array.isArray(t);if(o!==Array.isArray(n))return!1;var r=Object.prototype.toString.call(t)===ce;if(r!==(Object.prototype.toString.call(n)===ce))return!1;if(!r&&!o)return t===n;var a=Object.keys(t),c=Object.keys(n);if(a.length!==c.length)return!1;for(var m={},l=0;l<a.length;l+=1)m[a[l]]=!0;for(var p=0;p<c.length;p+=1)m[c[p]]=!0;var i=Object.keys(m);if(i.length!==a.length)return!1;var v=t,x=n;return i.every(function(b){return e(v[b],x[b])})},ve=function(e,t,n){return W(e)?Object.keys(e).reduce(function(o,r){var a=!W(t)||!Ue(e[r],t[r]);return n.includes(r)?(a&&console.warn("Unsupported prop change: options.".concat(r," is not a mutable property.")),o):a?ie(ie({},o||{}),{},Ce({},r,e[r])):o},null):null},Pe="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.",le=function(e){var t,n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Pe;if(e===null||W(t=e)&&typeof t.elements=="function"&&typeof t.createToken=="function"&&typeof t.createPaymentMethod=="function"&&typeof t.confirmCardPayment=="function")return e;throw new Error(n)},Fe=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Pe;if(function(o){return W(o)&&typeof o.then=="function"}(e))return{tag:"async",stripePromise:Promise.resolve(e).then(function(o){return le(o,t)})};var n=le(e,t);return n===null?{tag:"empty"}:{tag:"sync",stripe:n}},J=d.createContext(null);J.displayName="ElementsContext";var je=function(e,t){if(!e)throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(t," in an <Elements> provider."));return e},Ee=function(e){var t=e.stripe,n=e.options,o=e.children,r=d.useMemo(function(){return Fe(t)},[t]),a=we(d.useState(function(){return{stripe:r.tag==="sync"?r.stripe:null,elements:r.tag==="sync"?r.stripe.elements(n):null}}),2),c=a[0],m=a[1];d.useEffect(function(){var i=!0,v=function(x){m(function(b){return b.stripe?b:{stripe:x,elements:x.elements(n)}})};return r.tag!=="async"||c.stripe?r.tag!=="sync"||c.stripe||v(r.stripe):r.stripePromise.then(function(x){x&&i&&v(x)}),function(){i=!1}},[r,c,n]);var l=X(t);d.useEffect(function(){l!==null&&l!==t&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")},[l,t]);var p=X(n);return d.useEffect(function(){if(c.elements){var i=ve(n,p,["clientSecret","fonts"]);i&&c.elements.update(i)}},[n,p,c.elements]),d.useEffect(function(){var i;(i=c.stripe)&&i._registerWrapper&&i.registerAppInfo&&(i._registerWrapper({name:"react-stripe-js",version:"2.7.3"}),i.registerAppInfo({name:"react-stripe-js",version:"2.7.3",url:"https://stripe.com/docs/stripe-js/react"}))},[c.stripe]),d.createElement(J.Provider,{value:c},o)};Ee.propTypes={stripe:f.any,options:f.object};var We=function(){var e,t;return(e="calls useElements()",t=d.useContext(J),je(t,e)).elements};f.func.isRequired;var ke=d.createContext(null);ke.displayName="CustomCheckoutSdkContext";d.createContext(null).displayName="CustomCheckoutContext",f.any,f.shape({clientSecret:f.string.isRequired,elementsOptions:f.object}).isRequired;var ee=function(e){var t=d.useContext(ke),n=d.useContext(J);if(t&&n)throw new Error("You cannot wrap the part of your app that ".concat(e," in both <CustomCheckoutProvider> and <Elements> providers."));return t?function(o,r){if(!o)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 o}(t,e):je(n,e)},y=function(e,t){var n,o="".concat((n=e).charAt(0).toUpperCase()+n.slice(1),"Element"),r=t?function(a){ee("mounts <".concat(o,">"));var c=a.id,m=a.className;return d.createElement("div",{id:c,className:m})}:function(a){var c,m=a.id,l=a.className,p=a.options,i=p===void 0?{}:p,v=a.onBlur,x=a.onFocus,b=a.onReady,L=a.onChange,j=a.onEscape,R=a.onClick,B=a.onLoadError,M=a.onLoaderStart,N=a.onNetworksChange,V=a.onConfirm,_=a.onCancel,I=a.onShippingAddressChange,U=a.onShippingRateChange,$=ee("mounts <".concat(o,">")),z="elements"in $?$.elements:null,T="customCheckoutSdk"in $?$.customCheckoutSdk:null,E=we(d.useState(null),2),h=E[0],D=E[1],w=d.useRef(null),O=d.useRef(null);P(h,"blur",v),P(h,"focus",x),P(h,"escape",j),P(h,"click",R),P(h,"loaderror",B),P(h,"loaderstart",M),P(h,"networkschange",N),P(h,"confirm",V),P(h,"cancel",_),P(h,"shippingaddresschange",I),P(h,"shippingratechange",U),P(h,"change",L),b&&(c=e==="expressCheckout"?b:function(){b(h)}),P(h,"ready",c),d.useLayoutEffect(function(){if(w.current===null&&O.current!==null&&(z||T)){var C=null;T?C=T.createElement(e,i):z&&(C=z.create(e,i)),w.current=C,D(C),C&&C.mount(O.current)}},[z,T,i]);var H=X(i);return d.useEffect(function(){if(w.current){var C=ve(i,H,["paymentRequest"]);C&&w.current.update(C)}},[i,H]),d.useLayoutEffect(function(){return function(){if(w.current&&typeof w.current.destroy=="function")try{w.current.destroy(),w.current=null}catch{}}},[]),d.createElement("div",{id:m,className:l,ref:O})};return r.propTypes={id:f.string,className:f.string,onChange:f.func,onBlur:f.func,onFocus:f.func,onReady:f.func,onEscape:f.func,onClick:f.func,onLoadError:f.func,onLoaderStart:f.func,onNetworksChange:f.func,onConfirm:f.func,onCancel:f.func,onShippingAddressChange:f.func,onShippingRateChange:f.func,options:f.object},r.displayName=o,r.__elementType=e,r},S=typeof window>"u";d.createContext(null).displayName="EmbeddedCheckoutProviderContext";y("auBankAccount",S),y("card",S);var de=y("cardNumber",S),ue=y("cardExpiry",S),pe=y("cardCvc",S);y("fpxBank",S),y("iban",S),y("idealBank",S),y("p24Bank",S),y("epsBank",S),y("payment",S),y("expressCheckout",S),y("paymentRequestButton",S),y("linkAuthentication",S),y("address",S),y("shippingAddress",S),y("paymentMethodMessaging",S),y("affirmMessage",S),y("afterpayClearpayMessage",S);const He={containerHeight:new Z(656,720)},qe=g.div`
+import{eu as re,a7 as Ae,w as Y,o as u,e as F,X as te,V as s,bn as Oe,bq as Le,O as Se,l as be,y as xe,a9 as Re,c as oe,cc as Te,ad as J,x as Z,aU as ze,H as De,j as _e,gm as Be,N as Me}from"./index-BocbTmE1.js";import{b as d,a as A}from"./sentry-DINNQYpi.js";import{n as g}from"./mui-C_CXevf3.js";import{P as m}from"./core-5sxMy3sZ.js";import{l as Ne}from"./stripe-DMRn4zHo.js";import{n as G}from"./commonTypes-BAJPaPYg-qcmBeNCl.js";import{F as Ve}from"./SetUpAccountSection-DYRWWXcL-BJMCbqBu.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2ca9bec0-3d67-471b-a272-98d1861edb82",e._sentryDebugIdIdentifier="sentry-dbid-2ca9bec0-3d67-471b-a272-98d1861edb82")}catch{}})();function ae(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),n.push.apply(n,o)}return n}function ie(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?ae(Object(n),!0).forEach(function(o){Ce(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ae(Object(n)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})}return e}function X(e){return X=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},X(e)}function Ce(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function we(e,t){return function(n){if(Array.isArray(n))return n}(e)||function(n,o){var r=n&&(typeof Symbol<"u"&&n[Symbol.iterator]||n["@@iterator"]);if(r!=null){var a,c,f=[],l=!0,p=!1;try{for(r=r.call(n);!(l=(a=r.next()).done)&&(f.push(a.value),!o||f.length!==o);l=!0);}catch(i){p=!0,c=i}finally{try{l||r.return==null||r.return()}finally{if(p)throw c}}return f}}(e,t)||function(n,o){if(n){if(typeof n=="string")return se(n,o);var r=Object.prototype.toString.call(n).slice(8,-1);if(r==="Object"&&n.constructor&&(r=n.constructor.name),r==="Map"||r==="Set")return Array.from(n);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return se(n,o)}}(e,t)||function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function se(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var P=function(e,t,n){var o=!!n,r=d.useRef(n);d.useEffect(function(){r.current=n},[n]),d.useEffect(function(){if(!o||!e)return function(){};var a=function(){r.current&&r.current.apply(r,arguments)};return e.on(t,a),function(){e.off(t,a)}},[o,t,e,r])},Q=function(e){var t=d.useRef(e);return d.useEffect(function(){t.current=e},[e]),t.current},W=function(e){return e!==null&&X(e)==="object"},ce="[object Object]",Ue=function e(t,n){if(!W(t)||!W(n))return t===n;var o=Array.isArray(t);if(o!==Array.isArray(n))return!1;var r=Object.prototype.toString.call(t)===ce;if(r!==(Object.prototype.toString.call(n)===ce))return!1;if(!r&&!o)return t===n;var a=Object.keys(t),c=Object.keys(n);if(a.length!==c.length)return!1;for(var f={},l=0;l<a.length;l+=1)f[a[l]]=!0;for(var p=0;p<c.length;p+=1)f[c[p]]=!0;var i=Object.keys(f);if(i.length!==a.length)return!1;var v=t,x=n;return i.every(function(b){return e(v[b],x[b])})},ve=function(e,t,n){return W(e)?Object.keys(e).reduce(function(o,r){var a=!W(t)||!Ue(e[r],t[r]);return n.includes(r)?(a&&console.warn("Unsupported prop change: options.".concat(r," is not a mutable property.")),o):a?ie(ie({},o||{}),{},Ce({},r,e[r])):o},null):null},Pe="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.",le=function(e){var t,n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Pe;if(e===null||W(t=e)&&typeof t.elements=="function"&&typeof t.createToken=="function"&&typeof t.createPaymentMethod=="function"&&typeof t.confirmCardPayment=="function")return e;throw new Error(n)},Fe=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Pe;if(function(o){return W(o)&&typeof o.then=="function"}(e))return{tag:"async",stripePromise:Promise.resolve(e).then(function(o){return le(o,t)})};var n=le(e,t);return n===null?{tag:"empty"}:{tag:"sync",stripe:n}},K=d.createContext(null);K.displayName="ElementsContext";var je=function(e,t){if(!e)throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(t," in an <Elements> provider."));return e},Ee=function(e){var t=e.stripe,n=e.options,o=e.children,r=d.useMemo(function(){return Fe(t)},[t]),a=we(d.useState(function(){return{stripe:r.tag==="sync"?r.stripe:null,elements:r.tag==="sync"?r.stripe.elements(n):null}}),2),c=a[0],f=a[1];d.useEffect(function(){var i=!0,v=function(x){f(function(b){return b.stripe?b:{stripe:x,elements:x.elements(n)}})};return r.tag!=="async"||c.stripe?r.tag!=="sync"||c.stripe||v(r.stripe):r.stripePromise.then(function(x){x&&i&&v(x)}),function(){i=!1}},[r,c,n]);var l=Q(t);d.useEffect(function(){l!==null&&l!==t&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")},[l,t]);var p=Q(n);return d.useEffect(function(){if(c.elements){var i=ve(n,p,["clientSecret","fonts"]);i&&c.elements.update(i)}},[n,p,c.elements]),d.useEffect(function(){var i;(i=c.stripe)&&i._registerWrapper&&i.registerAppInfo&&(i._registerWrapper({name:"react-stripe-js",version:"2.7.3"}),i.registerAppInfo({name:"react-stripe-js",version:"2.7.3",url:"https://stripe.com/docs/stripe-js/react"}))},[c.stripe]),d.createElement(K.Provider,{value:c},o)};Ee.propTypes={stripe:m.any,options:m.object};var We=function(){var e,t;return(e="calls useElements()",t=d.useContext(K),je(t,e)).elements};m.func.isRequired;var ke=d.createContext(null);ke.displayName="CustomCheckoutSdkContext";d.createContext(null).displayName="CustomCheckoutContext",m.any,m.shape({clientSecret:m.string.isRequired,elementsOptions:m.object}).isRequired;var ee=function(e){var t=d.useContext(ke),n=d.useContext(K);if(t&&n)throw new Error("You cannot wrap the part of your app that ".concat(e," in both <CustomCheckoutProvider> and <Elements> providers."));return t?function(o,r){if(!o)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 o}(t,e):je(n,e)},y=function(e,t){var n,o="".concat((n=e).charAt(0).toUpperCase()+n.slice(1),"Element"),r=t?function(a){ee("mounts <".concat(o,">"));var c=a.id,f=a.className;return d.createElement("div",{id:c,className:f})}:function(a){var c,f=a.id,l=a.className,p=a.options,i=p===void 0?{}:p,v=a.onBlur,x=a.onFocus,b=a.onReady,L=a.onChange,j=a.onEscape,R=a.onClick,B=a.onLoadError,M=a.onLoaderStart,N=a.onNetworksChange,V=a.onConfirm,_=a.onCancel,I=a.onShippingAddressChange,U=a.onShippingRateChange,$=ee("mounts <".concat(o,">")),z="elements"in $?$.elements:null,T="customCheckoutSdk"in $?$.customCheckoutSdk:null,E=we(d.useState(null),2),h=E[0],D=E[1],w=d.useRef(null),O=d.useRef(null);P(h,"blur",v),P(h,"focus",x),P(h,"escape",j),P(h,"click",R),P(h,"loaderror",B),P(h,"loaderstart",M),P(h,"networkschange",N),P(h,"confirm",V),P(h,"cancel",_),P(h,"shippingaddresschange",I),P(h,"shippingratechange",U),P(h,"change",L),b&&(c=e==="expressCheckout"?b:function(){b(h)}),P(h,"ready",c),d.useLayoutEffect(function(){if(w.current===null&&O.current!==null&&(z||T)){var C=null;T?C=T.createElement(e,i):z&&(C=z.create(e,i)),w.current=C,D(C),C&&C.mount(O.current)}},[z,T,i]);var H=Q(i);return d.useEffect(function(){if(w.current){var C=ve(i,H,["paymentRequest"]);C&&w.current.update(C)}},[i,H]),d.useLayoutEffect(function(){return function(){if(w.current&&typeof w.current.destroy=="function")try{w.current.destroy(),w.current=null}catch{}}},[]),d.createElement("div",{id:f,className:l,ref:O})};return r.propTypes={id:m.string,className:m.string,onChange:m.func,onBlur:m.func,onFocus:m.func,onReady:m.func,onEscape:m.func,onClick:m.func,onLoadError:m.func,onLoaderStart:m.func,onNetworksChange:m.func,onConfirm:m.func,onCancel:m.func,onShippingAddressChange:m.func,onShippingRateChange:m.func,options:m.object},r.displayName=o,r.__elementType=e,r},S=typeof window>"u";d.createContext(null).displayName="EmbeddedCheckoutProviderContext";y("auBankAccount",S),y("card",S);var de=y("cardNumber",S),ue=y("cardExpiry",S),pe=y("cardCvc",S);y("fpxBank",S),y("iban",S),y("idealBank",S),y("p24Bank",S),y("epsBank",S),y("payment",S),y("expressCheckout",S),y("paymentRequestButton",S),y("linkAuthentication",S),y("address",S),y("shippingAddress",S),y("paymentMethodMessaging",S),y("affirmMessage",S),y("afterpayClearpayMessage",S);const He={containerHeight:new Z(656,720)},qe=g.div`
   display: flex;
   flex-direction: column;
   gap: 20px;
@@ -12,11 +12,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   display: flex;
   flex-direction: column;
   margin-bottom: ${u.sp2};
-`,Je=g(Le)`
+`,Ke=g(Le)`
   padding-top: ${u.sp4};
   text-align: center;
   color: ${e=>e.theme.colors.primary};
-`,Ke=g(be)`
+`,Je=g(be)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
 `,Ze=g.div`
@@ -34,11 +34,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   width: 71px;
   margin: auto;
   margin-left: ${u.sp2};
-`,Qe=g.label`
+`,Xe=g.label`
   width: 38px;
   margin: auto;
   margin-left: ${u.sp4};
-`,Xe=g.div`
+`,Qe=g.div`
   width: 432px;
   height: ${u.sp8};
   border: 1px solid ${e=>e.theme.colors.grey3};
@@ -71,7 +71,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   flex-direction: column;
   align-items: flex-start;
   height: ${u.sp8};
-`,fe=g.span`
+`,me=g.span`
   height: ${u.sp8};
   display: none;
 `,Ie=g(be)`
@@ -82,14 +82,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   color: ${F.important};
   width: 434px;
   text-align: center;
-`,{cardPayment:k,common:{footer:me}}=Se.getLocalizedStrings(),ot=g(De)`
+`,{cardPayment:k,common:{footer:fe}}=Se.getLocalizedStrings(),ot=g(De)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
   margin-top: ${u.sp2};
-`,he=e=>`${e}_form`,ge="CardPaymentPaymentForm",at=({cardPaymentView:e,clientSecret:t,cardSetupInProgress:n,handleConfirmCardSetupIntent:o,updateCardPaymentModalState:r,handleAddCardPaymentSource:a,setCardSetupInProgress:c})=>{const m=ee("calls useStripe()").stripe,l=We(),[p,i]=A.useState(!1),[v,x]=A.useState(!1),[b,L]=A.useState(!1),[j,R]=A.useState(!1),B=te(),M=e.cardSetupConfirmStatus.fetchState,N=e.addCardPaymentSourceStatus.fetchState,V=e.cardSetupIntentStatus.fetchState,[_,I]=A.useState(!1),U=xe(),$={showIcon:!0,style:{base:{...Y.standardRegular.cssObject,color:U.colors.primary,"::placeholder":{color:U.colors.grey2}},invalid:{color:F.important,iconColor:F.important}}},z=M==="In-Progress"||N==="In-Progress"||V==="In-Progress"||j===!0||n===!0,T=p||v||b||M==="In-Progress"||N==="In-Progress"||V==="In-Progress"||j===!0||n===!0;return s.jsx(Ze,{windowSize:B,children:s.jsxs(Ye,{onSubmit:async E=>{if(E.preventDefault(),!m||!l)return;const h=l.getElement(de),D=l.getElement(ue),w=l.getElement(pe);(!h||!D||!w)&&I(!0),R(!0),c(!0),h!=null&&D!=null&&w!=null&&m.confirmCardSetup(t,{payment_method:{card:h}}).then(O=>{R(!1),o(O),O.setupIntent?.id!=null&&a("card","payment_intent",O.setupIntent?.id)}).catch(()=>{R(!1),setTimeout(()=>{c(!1)},2e3)})},id:he(ge),children:[s.jsxs(Xe,{children:[s.jsx(et,{children:s.jsx(tt,{children:s.jsx(de,{options:$,onChange:E=>i(!!E.error)})})}),s.jsx(nt,{children:s.jsxs(Ge,{children:[s.jsx(fe,{children:k.cardNumber}),s.jsx(ue,{options:$,onChange:E=>x(!!E.error)})]})}),s.jsx(rt,{children:s.jsxs(Qe,{children:[s.jsx(fe,{children:k.CVC}),s.jsx(pe,{options:$,onChange:E=>L(!!E.error)})]})})]}),e.cardSetupConfirmStatus.error||_?s.jsx(Ie,{children:k.errorMsg}):null,s.jsx(Re,{style:{width:"100%",padding:`${u.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:he(ge),primaryBtn:{label:me.linkCard,style:{width:"104px",height:u.sp6},isLoading:z,isDisabled:T,type:"submit"},cancelBtn:{label:me.cancel,style:{width:"104px",height:u.sp6},onClick:()=>{r(!1)}}}),s.jsxs(ot,{windowSize:B,children:[k.terms.term1,s.jsx(oe,{href:k.terms.term2Link,linkText:k.terms.term2}),k.terms.term3,s.jsx(oe,{href:k.terms.term4Link,linkText:k.terms.term4})]})]})})},Ct=({isCardPaymentOpen:e,cardPaymentView:t,stripeKey:n,cardSetupInProgress:o,handleConfirmCardSetupIntent:r,updateCardPaymentModalState:a,handleCreateCardSetupIntent:c,handleAddCardPaymentSource:m,handleResetCardPaymentErrorStatuses:l,setCardSetupInProgress:p})=>{const[i,v]=A.useState(""),x=Ne(n),b=Ae(t.addCardPaymentSourceStatus.fetchState),L=t.addCardPaymentSourceStatus.fetchState;A.useEffect(()=>(c(["card"]),()=>{a(!1),v(""),l()}),[]),A.useEffect(()=>{l()},[e]),A.useEffect(()=>{b==="In-Progress"&&L==="Error"?(p(!1),setTimeout(()=>{a(!1)},2e3)):b==="In-Progress"&&L==="Completed"&&(c(["card"]),setTimeout(()=>{a(!1),p(!1)},2e3))},[b,L]),A.useEffect(()=>{(t.cardSetupConfirmStatus.error||t.addCardPaymentSourceStatus.error)&&(c(["card"]),setTimeout(()=>{p(!1)},2e3))},[t.cardSetupConfirmStatus.error,t.addCardPaymentSourceStatus.error]),A.useEffect(()=>{t.clientSecret!=null&&v(t.clientSecret)},[t.clientSecret]);const j={clientSecret:i,appearance:{theme:"stripe",variables:{borderRadius:u.sp1,fontSizeBase:Y.standardRegular.fontSize,fontFamily:Y.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${F.neutralGrey3Light}`,borderRadius:u.sp1,padding:"10px",fontSize:Y.standardRegular.fontSize}}}},R=te();return s.jsx(Oe,{open:e,children:s.jsxs(qe,{windowSize:R,isError:!!t.cardSetupConfirmStatus.error,children:[s.jsx(Je,{children:k.title}),s.jsx(Ke,{children:k.subtitle}),i&&x!=null?s.jsx(Ee,{options:j,stripe:x,children:s.jsx(at,{clientSecret:i,handleConfirmCardSetupIntent:r,updateCardPaymentModalState:a,handleAddCardPaymentSource:m,cardPaymentView:t,cardSetupInProgress:o,setCardSetupInProgress:p})}):s.jsx(Ie,{children:k.errorMsg})]})})},q={sectionWidth:new Z(343,580,726),iconWidthHeight:new Z(20,_e[4])},it={title:new Me("standardSemiBold","largeSemiBold")},ye=e=>e?G[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"},st=(e,t,n,o)=>({header:e,title:`${re(G[o.cardsList[0]?.brand]?.name??"")} ${t}`,subtitle:`${re(G[o.cardsList[0]?.brand]?.name??"")} ${n} ${o.cardsList[0]?.last4}`,status:o.cardsList[0]?.status}),ct=g.img`
+`,he=e=>`${e}_form`,ge="CardPaymentPaymentForm",at=({cardPaymentView:e,clientSecret:t,cardSetupInProgress:n,handleConfirmCardSetupIntent:o,updateCardPaymentModalState:r,handleAddCardPaymentSource:a,setCardSetupInProgress:c})=>{const f=ee("calls useStripe()").stripe,l=We(),[p,i]=A.useState(!1),[v,x]=A.useState(!1),[b,L]=A.useState(!1),[j,R]=A.useState(!1),B=te(),M=e.cardSetupConfirmStatus.fetchState,N=e.addCardPaymentSourceStatus.fetchState,V=e.cardSetupIntentStatus.fetchState,[_,I]=A.useState(!1),U=xe(),$={showIcon:!0,style:{base:{...Y.standardRegular.cssObject,color:U.colors.primary,"::placeholder":{color:U.colors.grey2}},invalid:{color:F.important,iconColor:F.important}}},z=M==="In-Progress"||N==="In-Progress"||V==="In-Progress"||j===!0||n===!0,T=p||v||b||M==="In-Progress"||N==="In-Progress"||V==="In-Progress"||j===!0||n===!0;return s.jsx(Ze,{windowSize:B,children:s.jsxs(Ye,{onSubmit:async E=>{if(E.preventDefault(),!f||!l)return;const h=l.getElement(de),D=l.getElement(ue),w=l.getElement(pe);(!h||!D||!w)&&I(!0),R(!0),c(!0),h!=null&&D!=null&&w!=null&&f.confirmCardSetup(t,{payment_method:{card:h}}).then(O=>{R(!1),o(O),O.setupIntent?.id!=null&&a("card","payment_intent",O.setupIntent?.id)}).catch(()=>{R(!1),setTimeout(()=>{c(!1)},2e3)})},id:he(ge),children:[s.jsxs(Qe,{children:[s.jsx(et,{children:s.jsx(tt,{children:s.jsx(de,{options:$,onChange:E=>i(!!E.error)})})}),s.jsx(nt,{children:s.jsxs(Ge,{children:[s.jsx(me,{children:k.cardNumber}),s.jsx(ue,{options:$,onChange:E=>x(!!E.error)})]})}),s.jsx(rt,{children:s.jsxs(Xe,{children:[s.jsx(me,{children:k.CVC}),s.jsx(pe,{options:$,onChange:E=>L(!!E.error)})]})})]}),e.cardSetupConfirmStatus.error||_?s.jsx(Ie,{children:k.errorMsg}):null,s.jsx(Re,{style:{width:"100%",padding:`${u.sp3} 0 0 0`,borderTop:"none",position:"inherit"},formId:he(ge),primaryBtn:{label:fe.linkCard,style:{width:"104px",height:u.sp6},isLoading:z,isDisabled:T,type:"submit"},cancelBtn:{label:fe.cancel,style:{width:"104px",height:u.sp6},onClick:()=>{r(!1)}}}),s.jsxs(ot,{windowSize:B,children:[k.terms.term1,s.jsx(oe,{href:k.terms.term2Link,linkText:k.terms.term2}),k.terms.term3,s.jsx(oe,{href:k.terms.term4Link,linkText:k.terms.term4})]})]})})},Ct=({isCardPaymentOpen:e,cardPaymentView:t,stripeKey:n,cardSetupInProgress:o,handleConfirmCardSetupIntent:r,updateCardPaymentModalState:a,handleCreateCardSetupIntent:c,handleAddCardPaymentSource:f,handleResetCardPaymentErrorStatuses:l,setCardSetupInProgress:p})=>{const[i,v]=A.useState(""),x=Ne(n),b=Ae(t.addCardPaymentSourceStatus.fetchState),L=t.addCardPaymentSourceStatus.fetchState;A.useEffect(()=>(c(["card"]),()=>{a(!1),v(""),l()}),[]),A.useEffect(()=>{l()},[e]),A.useEffect(()=>{b==="In-Progress"&&L==="Error"?(p(!1),setTimeout(()=>{a(!1)},2e3)):b==="In-Progress"&&L==="Completed"&&(c(["card"]),setTimeout(()=>{a(!1),p(!1)},2e3))},[b,L]),A.useEffect(()=>{(t.cardSetupConfirmStatus.error||t.addCardPaymentSourceStatus.error)&&(c(["card"]),setTimeout(()=>{p(!1)},2e3))},[t.cardSetupConfirmStatus.error,t.addCardPaymentSourceStatus.error]),A.useEffect(()=>{t.clientSecret!=null&&v(t.clientSecret)},[t.clientSecret]);const j={clientSecret:i,appearance:{theme:"stripe",variables:{borderRadius:u.sp1,fontSizeBase:Y.standardRegular.fontSize,fontFamily:Y.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${F.neutralGrey3Light}`,borderRadius:u.sp1,padding:"10px",fontSize:Y.standardRegular.fontSize}}}},R=te();return s.jsx(Oe,{open:e,children:s.jsxs(qe,{windowSize:R,isError:!!t.cardSetupConfirmStatus.error,children:[s.jsx(Ke,{children:k.title}),s.jsx(Je,{children:k.subtitle}),i&&x!=null?s.jsx(Ee,{options:j,stripe:x,children:s.jsx(at,{clientSecret:i,handleConfirmCardSetupIntent:r,updateCardPaymentModalState:a,handleAddCardPaymentSource:f,cardPaymentView:t,cardSetupInProgress:o,setCardSetupInProgress:p})}):s.jsx(Ie,{children:k.errorMsg})]})})},q={sectionWidth:new Z(343,580,726),iconWidthHeight:new Z(20,_e[4])},it={title:new Me("standardSemiBold","largeSemiBold")},ye=e=>e?G[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"},st=(e,t,n,o)=>({header:e,title:`${re(G[o.cardsList[0]?.brand]?.name??"")} ${t}`,subtitle:`${re(G[o.cardsList[0]?.brand]?.name??"")} ${n} ${o.cardsList[0]?.last4}`,status:o.cardsList[0]?.status}),ct=g.img`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`,wt=({paymentAccount:e,plaidConnectionDetails:t,connectedAccountProvider:n,sectionId:o,isDisabled:r,hasError:a=!1,isValid:c,style:m,analytics:l,onFetchLinkTokenClick:p,onEstablishConnectionClick:i,onUpdatePaymentAccountStatus:v,onUpdatePaymentAccountLoginStatus:x,onEstablishConnectionSuccess:b,updateCardPaymentModalState:L,cardPaymentView:j,resetCardPaymentViewState:R,cardSetupInProgress:B=!1,googleAPIKey:M,subscriptionBillingAddress:N,subscriptionBillingAddressSectionId:V})=>{const _=xe(),I=te(),{register:U}=Te(),$=_.mode==="light"?new K(_.colors.brandColorJadeLight):new K(_.colors.brandColorJadeDark),{common:z,customerOnboardingPage:{sections:{link_payment_account:{title:T,text:E,subText:h},card_payment_method:D}}}=Se.getLocalizedStrings(),w=j.cardsList.length>0,O=j.cardsList[0]?.brand??"other",H=j.addCardPaymentSourceStatus.fetchState,C=st(D.header,D.titleText,D.protectedCardNo,j);let ne;return w&&(ne={header:C.header,title:C.title,subtitle:C.subtitle,status:C.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:w===!0,icon:{element:s.jsx(ct,{src:ye(O).iconURL,width:q.iconWidthHeight.valuePx(I),height:q.iconWidthHeight.valuePx(I),alt:ye(O).name,loading:"lazy"}),color:new K($)},showCompletedIcon:!1,isError:H==="Error",isLoading:H==="In-Progress",isCompleted:!0,showRightArrow:!1}),s.jsxs(dt,{windowSize:I,children:[s.jsx(ut,{type:"hidden",...U(`${o}.connected`,{validate:$e=>!a||$e==="true"}),value:c?"true":"false"}),s.jsx(Ve,{connectedAccountProvider:n,paymentAccount:e,plaidConnectionDetails:t,allBankAccounts:[],header:T,sectionTitle:T,defaultSectionTitle:E,defaultSectionSubTitle:h,sectionId:o,isDisabled:r,hasError:a,showZeniAccountSection:!1,isCompleted:e?.providerVerificationStatus?.code?.includes("verified")===!0&&e?.isLoginRequired===!1,showCompletedIcon:I==="small",onFetchLinkTokenClick:p,onEstablishConnectionClick:i,onUpdatePaymentAccountStatus:v,onUpdatePaymentAccountLoginStatus:x,onEstablishConnectionSuccess:b,style:m,icon:{element:s.jsx(ze,{width:q.iconWidthHeight.valuePx(I),height:q.iconWidthHeight.valuePx(I)}),color:$},analytics:l,productType:"onboarding",resetCardPaymentViewState:R,cardPaymentSectionValues:ne,cardPaymentView:j,updateCardPaymentModalState:L,referrer:"Onboarding",cardSetupInProgress:B}),lt(I,z.headers.billingAddress,V,l,N,M,r)]})},lt=(e,t,n,o,r,a,c)=>{const m={"Add street address":"street_address","Add suite":"suite","Add city":"city","Add state":"state","Select country":"country","Add ZIP code":"zip_code","Add secondary info":"secondary_info"};return s.jsxs(ft,{children:[s.jsx(pt,{windowSize:e,isDisabled:c==="disabled",children:t}),s.jsx(Be,{googleAPIKey:a??"",addressToEdit:r,sectionId:`${n}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:l=>{if(l.target instanceof HTMLInputElement){const{placeholder:p}=l.target;if(p){const i=m[p];i&&o.trackOnboardingBillingAddress(i)}}}})]})},dt=g.div`
+`,wt=({paymentAccount:e,plaidConnectionDetails:t,connectedAccountProvider:n,sectionId:o,isDisabled:r,hasError:a=!1,isValid:c,style:f,analytics:l,onFetchLinkTokenClick:p,onEstablishConnectionClick:i,onUpdatePaymentAccountStatus:v,onUpdatePaymentAccountLoginStatus:x,onEstablishConnectionSuccess:b,updateCardPaymentModalState:L,cardPaymentView:j,resetCardPaymentViewState:R,cardSetupInProgress:B=!1,googleAPIKey:M,subscriptionBillingAddress:N,subscriptionBillingAddressSectionId:V})=>{const _=xe(),I=te(),{register:U}=Te(),$=_.mode==="light"?new J(_.colors.brandColorJadeLight):new J(_.colors.brandColorJadeDark),{common:z,customerOnboardingPage:{sections:{link_payment_account:{title:T,text:E,subText:h},card_payment_method:D}}}=Se.getLocalizedStrings(),w=j.cardsList.length>0,O=j.cardsList[0]?.brand??"other",H=j.addCardPaymentSourceStatus.fetchState,C=st(D.header,D.titleText,D.protectedCardNo,j);let ne;return w&&(ne={header:C.header,title:C.title,subtitle:C.subtitle,status:C.status==="valid"?{name:"Verified",code:"verified"}:{name:"Pending",code:"pending"},showAddPaymentMethodDropDown:w===!0,icon:{element:s.jsx(ct,{src:ye(O).iconURL,width:q.iconWidthHeight.valuePx(I),height:q.iconWidthHeight.valuePx(I),alt:ye(O).name,loading:"lazy"}),color:new J($)},showCompletedIcon:!1,isError:H==="Error",isLoading:H==="In-Progress",isCompleted:!0,showRightArrow:!1}),s.jsxs(dt,{windowSize:I,children:[s.jsx(ut,{type:"hidden",...U(`${o}.connected`,{validate:$e=>!a||$e==="true"}),value:c?"true":"false"}),s.jsx(Ve,{connectedAccountProvider:n,paymentAccount:e,plaidConnectionDetails:t,allBankAccounts:[],header:T,sectionTitle:T,defaultSectionTitle:E,defaultSectionSubTitle:h,sectionId:o,isDisabled:r,hasError:a,showZeniAccountSection:!1,isCompleted:e?.providerVerificationStatus?.code?.includes("verified")===!0&&e?.isLoginRequired===!1,showCompletedIcon:I==="small",onFetchLinkTokenClick:p,onEstablishConnectionClick:i,onUpdatePaymentAccountStatus:v,onUpdatePaymentAccountLoginStatus:x,onEstablishConnectionSuccess:b,style:f,icon:{element:s.jsx(ze,{width:q.iconWidthHeight.valuePx(I),height:q.iconWidthHeight.valuePx(I)}),color:$},analytics:l,productType:"onboarding",resetCardPaymentViewState:R,cardPaymentSectionValues:ne,cardPaymentView:j,updateCardPaymentModalState:L,referrer:"Onboarding",cardSetupInProgress:B}),lt(I,z.headers.billingAddress,V,l,N,M,r)]})},lt=(e,t,n,o,r,a,c)=>{const f={"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(mt,{children:[s.jsx(pt,{windowSize:e,isDisabled:c==="disabled",children:t}),s.jsx(Be,{googleAPIKey:a??"",addressToEdit:r,sectionId:`${n}`,style:{marginLeft:"0px"},elementsStyle:{paddingRight:"0px"},onFormFieldClick:l=>{if(l.target instanceof HTMLInputElement){const{placeholder:p}=l.target;if(p){const i=f[p];i&&o.trackOnboardingBillingAddress(i)}}}})]})},dt=g.div`
   display: flex;
   flex-direction: column;
   width: ${e=>q.sectionWidth.valuePx(e.windowSize)};
@@ -101,7 +101,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   margin-bottom: ${u.sp3};
   margin-top: ${u.sp3};
   color: ${e=>e.isError===!0?F.important:e.isDisabled===!0?e.theme.colors.grey1:e.theme.colors.primary};
-`,ft=g.div`
+`,mt=g.div`
   margin-top: ${u.sp5};
   margin-bottom: ${u.sp4};
 `;export{st as M,ye as o,wt as r,Ct as t};