@zeniai/web-app-ui 4.14.27-qa → 4.14.28-dev

package/dist/assets/OpExByVendorPage-EjyJRLhn-jezrc1pM.js

@@ -0,0 +1,100 @@
+import{J as U,hf as Ce,O,y as Q,bz as _e,z as xe,V as t,ba as Se,a6 as ke,hd as we,a$ as ve,a_ as Be,hg as Oe,hh as Pe,o as C,ab as je,f as Te,b as R,an as ce,Q as de,ad as $e,u as T,bD as De,bE as Ne,bF as Ie,b7 as Ee,e as a,s as pe,j as oe,ag as Me}from"./index-DorX0WX8.js";import{a as v,b as Fe}from"./sentry-tRTnR5ia.js";import{n as u}from"./mui-gZ2J-2YO.js";import{FC as Le}from"./zeni-epic-state-DiMW9axO.js";import{p as Ae,d as Ve,y as q,b as me,u as re}from"./chartTypes-BZL6U2-d-UPGybQZE.js";import{V as ze}from"./toChartData-BurvmO_S-tegfOE4s.js";import{m as W}from"./analyticsHelper-MsboCQcB-ClYGtAlc.js";import{p as Re}from"./TimeRangeSwitcher-PcHPZNOq-DyMi_xu3.js";import{M as We}from"./TimeframeSwitcherWithToggle-KxCdrFMS-CmMYWc36.js";import{C as Ke}from"./NoDataChart-DcMRzXHU-BWuTQSGS.js";import{d as Ye}from"./NoDataTable-D1v085Vv-TbZCkeJw.js";import{H as He,N as ae}from"./detailCommon-CxEOrtjx-XTML3r_I.js";import{n as K}from"./getReferrerType-DjPOy76W-BckJ1MnT.js";import{I as Ge,R as J}from"./CollapsableReportTable-BAz0DbFh-Bx4HSBTd.js";import{o as he}from"./mapTimeframeBalancesToTreeNode-CY0Vs8kK-BW2bp0f8.js";import{d as te}from"./mapLoadingInProgressToTreeNode-BJRnX8Ir-CTwzTgVL.js";import{l as qe}from"./mapSpacerToTreeNode-CQvnRjWo-D94Aabob.js";import{S as Je,E as Ue,X as Qe,Y as Xe,F as Ze,K as eo}from"./recharts-BKvR8EI0.js";import"./pdf-BNA4Ou8X.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.js";import"./TimeframeSwitcher-XZjkUS_W-DEhbHF-x.js";import"./graphic-no-data-l-DU4J8fDt-ExJA3UCE.js";import"./AccountRow-Zjkju8uM-h-BJkTkR.js";import"./clock-CJkylEKt-BhyIm3xG.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]="4dc0b4f1-1d53-45b7-a48d-bfc7f63b006a",e._sentryDebugIdIdentifier="sentry-dbid-4dc0b4f1-1d53-45b7-a48d-bfc7f63b006a")}catch{}})();const oo=u.div`
+  display: flex;
+`,ro=u.div`
+  flex: display;
+  opacity: 0.85;
+  width: 320px;
+  border-radius: ${C.sp1};
+  flex-direction: column;
+  padding: ${C.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,ne=u.div`
+  display: flex;
+  justify-content: space-between;
+`,se=u(pe)`
+  color: ${e=>e.color??a.neutralGrey2Light};
+  text-align: left;
+`,ie=u(pe)`
+  color: ${e=>e.color??a.neutralGrey2Light};
+  text-align: right;
+`,ao=u.div`
+  margin: ${C.sp2} ${C.sp0} ${C.sp2} ${C.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${a.neutralGrey3Dark};
+`,to=({barLabelsWithValues:e,getVendorName:n})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(ne,{children:[t.jsx(se,{color:e[0].color,children:`${n(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ie,{color:e[0].color,children:`${re(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(ne,{children:[t.jsx(se,{color:a.primaryDark,children:`${O.getLocalizedStrings().chartCard.total}`}),t.jsx(ie,{children:`${re(e[0].total)}`})]})]})}),no=Fe.memo(e=>{const n=(({active:o,payload:l,barName:i})=>{const c=[];if(l!==void 0&&o===!0){const p=l.filter(s=>s.name==i)[0],r=p.payload,h=p.color,g={amount:r.record[i].amount?.amount??0,currencyCode:r.record[i].amount?.currencyCode??"",currencySymbol:r.record[i].amount?.currencySymbol??""},m={amount:0,currencyCode:"",currencySymbol:""};let b,_=0;for(b in r.record)b.endsWith("_actual")&&(_+=r.record[b].amount?.amount??0);m.amount=_,m.currencyCode=g.currencyCode,m.currencySymbol=g.currencySymbol,c.push({barName:me(i),actual:g,color:h,total:m,timeframeTick:r.timeLabel})}return c})({...e});return n.length===0?null:t.jsx(to,{barLabelsWithValues:n,getVendorName:e.getVendorName})}),le=[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 E{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=le.slice(),this._barColorsKeyWise=new Map}static#e=new E;getBarColor(n){const o=E.instance();return o._barColorsKeyWise.has(n)||(o._barColors.length===0&&(o._barColors=le.slice()),o._barColorsKeyWise.set(n,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(n)}shouldUpdate(n){const o=E.instance(),l=Array.from(o._barColorsKeyWise.keys()).sort();return!de(l,n)}static init(){return this.#e=new E,this.#e}static instance(){return this.#e}}const so=E.instance(),io=u.div`
+  width: ${e=>e.width}px;
+  height: ${e=>e.height}px;
+`;function lo({selectedRangeReport:e,width:n,height:o,showBarHoverBackground:l=!1,isDetailPage:i=!1}){const c=v.useRef(!1),p=so,[r,h]=v.useState(void 0);v.useEffect(()=>{c.current=!0},[]);const g=((s,d)=>{const f=new Set,y={};let x;const B=d.top4VendorsAndOthers;return Object.keys(B).length>0&&Object.keys(B).forEach(P=>{B[P].forEach(($,k)=>{const w=Ae(`vendor_${k}`,"actual");f.add(w),x==null&&$.balance!=null&&(x=w),y[w]!=null?y[w].push({key:w,balance:$.balance}):y[w]=[{key:w,balance:$.balance}]})}),x!=null?ze(s,[...f],x,y):void 0})(e.firstMonthOfFY,e),m=(s,d)=>t.jsx(eo,{name:s,animationDuration:d?500:void 0,style:{cursor:"pointer"},dataKey:f=>{const y=f.record;return(y[s]?.amount!=null?y[s].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:p.getBarColor(me(s)),onMouseEnter:()=>{r!==s&&h(s)},onMouseLeave:()=>{r!=null&&h(void 0)}},s),b=({active:s,payload:d})=>d?.find(f=>f.name===r)!=null&&r!=null&&s===!0?t.jsx(no,{active:s,payload:d,barName:r,getVendorName:_}):null,_=(s,d)=>{const f=Le(s);try{const y=d.split("_")[1];return e.top4VendorsAndOthers[f][parseInt(y)].vendor.name}catch(y){return console.warn("Was not able to parse vendor index for tooltip ",y),""}};return g==null?null:t.jsx(co,{chartData:g,showBarHoverBackground:l,barElements:(()=>{const s=[];return g?.orderedKeys.forEach(d=>{const f=i===!0&&!c.current;s.push(m(d,f))}),s})(),customToolTipContent:t.jsx(b,{}),width:n,height:o,isDetailPage:i===!0})}const co=({chartData:e,barElements:n,customToolTipContent:o,width:l,height:i,showBarHoverBackground:c=!1,isDetailPage:p})=>{const r=Q(),h=Ve(e),g=c!==!1,m=p?(l-60)/q.operating_expenses_by_vendor*(q.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(io,{width:l,height:i,children:t.jsx(ce,{children:({height:b,width:_})=>t.jsxs(Je,{width:_,height:b,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:p?T[5]:30,margin:{top:5,right:m,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Ue,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(Qe,{dataKey:s=>s.timeLabel.label,type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...oe.extraSmallRegular.cssObject}}),t.jsx(Xe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...oe.extraSmallRegular.cssObject},tickFormatter:s=>Me("0,0.[00]a",s,h)}),t.jsx(Ze,{wrapperStyle:{zIndex:2},cursor:!!g&&{stroke:r.colors.background,strokeWidth:(_-120)/q.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:l,report:i,currentTenantCompanyName:c}=o,p=[];if(l&&(p.push("this_period_vs_last_period_percent"),p.push("this_period_vs_last_period")),i.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:p,format:o.reportType,sortKey:o.sortKey,sortOrder:o.sortOrder,isCompareModeOn:o.isCompareModeOn,searchString:o.searchString}}(e);if(n!=null)return async function(o,l,i){const c=O.getLocalizedStrings().downloadReport,p=`${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}}(i)))}`;try{const r=await De({urlEndPoint:p,authParams:l,fileType:i.statementFileType});if(r.ok){const h=Ne(r.headers,c.defaultFileName),g=await r.arrayBuffer();Ie(g,h)}else console.error(`${c.reportErrorMessage} ${r.statusText}`)}catch(r){console.error(`${c.reportErrorMessage} ${JSON.stringify(r)}`)}}(e.statementEndPoint,e.authParams,n)}const mo=(e,n,o,l=!0)=>{const i=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 p=he({balances:c,config:o}),r=[];r.push(p);const h=O.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,m=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((b,_)=>{r.push(te({title:`${_}+${h.loading}`,balances:c,config:o}))});else if(e.opexBalances.length>0){if(!n.searchString){const s=function({title:d,balances:f,config:y,numOfBalances:x,nodeId:B}){return{children:[],id:B??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:d,data:f,numOfBalances:x},config:y}}}({title:O.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:i});r.push(s)}const b=n.pageToken[n.timeframe],_=e.opexBalances.map((s,d)=>function({opExByVendor:f,numOfBalances:y,title:x,isLastNode:B,config:P}){const $=f.account?.accountName??"-",k=f.classBase?.className??"-";return{children:[],id:J("vendor_row",[],x+$+k),isLastNode:B,reportElementData:{element:{kind:"vendor_row",title:x,data:f,numOfBalances:y},config:P}}}({opExByVendor:s,title:s.vendor.name,numOfBalances:i,isLastNode:d===e.opexBalances.length-1&&b==null,config:o}));r.push(..._),m===!0&&[...Array(1)].forEach((s,d)=>{r.push(te({title:`${d}+${h.loading}`,balances:c,config:o}))}),[...Array(1)].forEach((s,d)=>{r.push(qe({title:`${d}+${h.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&r.push(function({title:b,balances:_,config:s,nodeId:d}){return{children:[],id:d??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:b,data:_,numOfBalances:_.length},config:s}}}({title:O.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:c,config:o})),{config:o,headerNodes:l?[p]:[],contentNodes:r}},ho=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],M={chartHeight:new R(288,360),wrapperPadding:new R(T[3],T[3],T[8]),contentPaddingLeft:new R(T[0],T[0],T[0]),contentPaddingRight:new R(T[3],T[3],T[8])},go=u.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${C.sp0};
+  gap: 2px;
+`,uo=u.div`
+  position: relative;
+  box-shadow: ${e=>`2px 2px ${C.sp1} ${e.theme.colors.dropShadowNormal}`};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>M.wrapperPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>M.wrapperPadding.valuePx(e.windowSize)};
+`,fo=u.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+`,yo=u.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,bo=u.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${C.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Co=u(je)`
+  margin-top: ${C.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,_o=u.div`
+  display: flex;
+  padding: ${C.sp2} ${C.sp0} ${C.sp4} ${C.sp0};
+`,xo=u.div``,So=u.div``,ko=u.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  height: ${e=>M.chartHeight.valuePx(e.windowSize)};
+  padding-bottom: ${C.sp6};
+`,wo=u.div`
+  display: flex;
+`,vo=u.div`
+  margin-top: ${C.sp5};
+  margin-bottom: ${C.sp6};
+`,Bo=u.div`
+  display: flex;
+  position: sticky;
+  justify-content: center;
+  padding-top: ${C.sp8};
+  padding-left: ${e=>M.wrapperPadding.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Oo=u.div`
+  width: 100%;
+  height: calc(100vh - ${C.sp11});
+`,Po=({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:l,onVendorTabSelectionChanged:i,onReloadReport:c,onBackClick:p,onFetchOpExByVendors:r,onAdditionalBalanceSelectionChanged:h,onTimeframeSelectionChanged:g,onSortOrderChanged:m,onSortOrSearchStarted:b,onVendorNameAndBalanceClicked:_,onPageFetchStarted:s,previousTabPosition:d,setPreviousTabPosition:f,updateDownloadStateHandler:y,onClearSearch:x,analytics:B,onClickMenuIcon:P})=>{const[$,k]=v.useState(o.searchString[o.timeframe]),[w,F]=v.useState(!1),D=U(),A=v.useRef(null),L=Ce(n),Y=L.length>1,V=O.getLocalizedStrings().reports.common,X=O.getLocalizedStrings().vendors,Z=Q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,z=o.mode==="compare_mode"&&!ue,H=e.allTimeframeTicks.length===0,{timeframe:N}=o,I=o.searchString[N];_e({componentName:"vendors.opex_by_vendor.list"});const fe=v.useCallback(j=>{r(N,I,j)},[N,I,r]),ye=v.useCallback((j,S)=>{window.scrollTo({top:A.current?.offsetTop,behavior:"smooth"}),j.length>0?(b(!0),r(S,j,!1)):(b(!1),x(S))},[x,r,b]),ee=v.useRef(xe((j,S)=>ye(j,S),500,{trailing:!0})).current,be=(j,S)=>{m(j,S,N),b(!0),r(N,I,!1)};if(v.useEffect(()=>{w&&o.downloadState!=="In-Progress"&&(F(!1),y("In-Progress"),async function(){await po({report:e,isCompareModeOn:z,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[N],...l}),B?.trackDownload(K("operating_expenses_by_vendor"),W(o.timeframe),"excel",z),y("Completed")}())},[e,o,z,l,o.downloadState,w]),v.useEffect(()=>{k(I)},[I]),e.fetchState==="Error")return t.jsxs(yo,{children:[t.jsx(bo,{"data-testid":ke("op-ex-by-vendor-reload-page"),onClick:c,children:t.jsx(Se,{})}),t.jsx(Co,{children:V.failed})]});const G=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Po,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const j=t.jsxs(t.Fragment,{children:[t.jsx(we,{isSearchOpen:(I?.length??0)>0,searchPlaceHolder:X.common.searchPlaceholder,searchText:$??"",onSearchTextChanged:S=>{k(S),S.trim().length>=2?ee(S,N):S.trim().length==0&&ee("",N)},downloadPresent:!0}),t.jsx(ve,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:H,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async S=>{if(S==="excel"){if(o.downloadState==="In-Progress")return void console.log("Download is already in progress!");F(!0)}}}}})]});return t.jsxs(go,{windowSize:D,children:[t.jsx(Be,{title:X.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:Z.colors.grey5,onBackClick:p,rightSideComponent:j,showMenuIcon:D==="medium-compact"||D==="small",downloadPresent:!0,onClickMenuIcon:P,source:"OpExByVendorPage"}),t.jsxs(uo,{windowSize:D,children:[Y?t.jsx(Oe,{allTabs:L,selectedTab:L[1].id,containerStyle:{borderBottom:`2px solid ${Z.colors.grey3}`},onTabChange:S=>i(Pe(S.id)),previousTabPosition:d,setPreviousTabPosition:f}):null,t.jsx(jo,{timeframes:ge,isCompareModeOn:z,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:h,onTimeframeSelectionChanged:g,mode:o.mode,analytics:B}),G!=null?t.jsx(vo,{children:t.jsx(He,{balance:G,dateText:Do(G)})}):null,t.jsx(To,{report:e,isEmptyPeriod:H})]}),t.jsx($o,{reference:A,report:e,uiState:o,isEmptyPeriod:H,onAdditionalBalanceSelectionChanged:h,onVendorNameAndBalanceClicked:_,onSortOrderChanged:be,handleFetchOpExByVendor:fe,onPageFetchStarted:s,analytics:B})]})}return t.jsx(t.Fragment,{})},jo=({timeframes:e,firstMonthOfFY:n,allTimeframeTicks:o,selectedCOABalancesRange:l,selectedTimeframe:i,onTimeframeSelectionChanged:c,onAdditionalBalanceSelectionChanged:p,mode:r,isCompareModeOn:h,analytics:g})=>t.jsx(So,{children:t.jsxs(xo,{children:[t.jsx(_o,{children:t.jsx(We,{timeframe:{allowedTimeframes:e,selectedTimeframe:i,onTimeframeSelectionChanged:m=>{g?.trackTimeframeSwitch(W(m),K("operating_expenses_by_vendor")),(m==="month"||m==="quarter")&&c(m),r==="compare_mode"&&!h&&p(h,h?["this_period_vs_last_period_percent"]:[])}},toggle:{label:O.getLocalizedStrings().compareSwitchLabel,isOn:h,isToggleDisabled:!1,onValueChanged:m=>{g?.trackCompareMode(m,K("operating_expenses_by_vendor"),W(i)),p(m,m?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(Re,{firstMonthOfFY:n,timeframe:i,timeframeTicks:o,selection:{selectedTicks:ae(o,l),highlightedOfSelectedTicks:ae(o,l)}})]})}),To=({isEmptyPeriod:e,report:n})=>{const o=U();return e?t.jsx(wo,{children:t.jsx(Ke,{title:O.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(ko,{windowSize:o,children:t.jsx(ce,{children:({height:l,width:i})=>t.jsx(lo,{selectedRangeReport:n,width:i,height:l,isDetailPage:!0,showBarHoverBackground:!1})})})},$o=({report:e,uiState:n,isEmptyPeriod:o,reference:l,onAdditionalBalanceSelectionChanged:i,onTableScroll:c,onSortOrderChanged:p,onVendorNameAndBalanceClicked:r,handleFetchOpExByVendor:h,onPageFetchStarted:g,analytics:m})=>{const b=n.mode==="compare_mode",_=n.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[s,d]=v.useState(void 0),[f,y]=v.useState(void 0),x=U(),B=Q(),P=!(x==="small"||x==="medium-compact");v.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:p,sortOrSearchInProgress:n.sortOrSearchInProgress,pageFetchInProgress:n.pageFetchInProgress,onVendorNameAndBalanceClicked:r}};if(s!=null&&de(f,e)){const w=function(F,D,A,L=!0){Object.assign(F.config,D);const Y=ho(A),V=he({balances:Y,config:D});return{config:D,headerNodes:L?[V]:[],contentNodes:[V,...F.contentNodes.slice(1)]}}(s,k,e,P);d(w)}else{const w=mo(e,n,k,P);y(e),d(w)}},[n.mode,e]);const $=e.opexBalances.length;return t.jsx(Bo,{windowSize:x,ref:l,children:o?t.jsx(Ye,{}):s!=null?t.jsx(Oo,{children:t.jsx(Ge,{backgroundColor:new $e(B.colors.grey4),rootNodes:s,type:"name+balances_actual",compareMode:_,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:M.contentPaddingLeft.value(x),right:M.contentPaddingRight.value(x)},nodeOpenStatus:{},scrollPosition:n.scrollPosition,onCompareModeChanged:k=>{m?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",K("operating_expenses_by_vendor"),W(n.timeframe),"dropdown"),i(b,[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"&&(g(),h(!0))}}})}):null})},Do=e=>{const n=e.startDate,o=e.endDate,{vendors:l,dateFormat:i}=O.getLocalizedStrings();return`${l.opExByVendor.in} ${n.format(i.visual.MMMYYFormat)} - ${o.format(i.visual.MMMYYFormat)}`};export{cr as default};

package/dist/assets/{OverlayContainerPage-BG9y5C0t-CNdAZz5K.js → OverlayContainerPage-D4QU0p4o-DZKwQHwV.js}

@@ -1,4 +1,4 @@
-import{y as i,V as r}from"./index-onESlw0k.js";import{n}from"./mui-B0LS8eOU.js";import"./sentry-CZ5rBRIL.js";import"./pdf-DEiLcZtJ.js";import"./zeni-epic-state-Cr-rO4HZ.js";import"./core-BROwB3xg.js";import"./lottie-CyO1eRs4.js";import"./liveblocks-Bdti0GEu.js";import"./recharts-C5uMntUw.js";import"./dnd-M9ETCPCc.js";import"./analytics-CDaNvN8h.js";import"./plaid-CnBboaBy.js";import"./utils-0wrLfZK3.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]="e4fc8e26-288a-4268-ab78-9ec29a4d3dfb",e._sentryDebugIdIdentifier="sentry-dbid-e4fc8e26-288a-4268-ab78-9ec29a4d3dfb")}catch{}})();const d=n.div`
+import{y as i,V as r}from"./index-DorX0WX8.js";import{n}from"./mui-gZ2J-2YO.js";import"./sentry-tRTnR5ia.js";import"./pdf-BNA4Ou8X.js";import"./zeni-epic-state-DiMW9axO.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.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]="e4fc8e26-288a-4268-ab78-9ec29a4d3dfb",e._sentryDebugIdIdentifier="sentry-dbid-e4fc8e26-288a-4268-ab78-9ec29a4d3dfb")}catch{}})();const d=n.div`
   display: ${({isOpen:e})=>e?"block":"none"};
   position: fixed;
   top: 0;

package/dist/assets/PandLWithForecastPage-UpDz4Qqu-fjMo0Gtf.js

@@ -0,0 +1,107 @@
+import{V as o,G as M,y as I,J as v,a_ as ne,O as c,i as ae,a6 as _,f as re,j as ie,b as W,o as s,bz as ce,Q as le,ad as de,bX as ge,bY as me,aW as pe,u as C,bG as he,ab as fe,ac as ue,au as xe,b7 as we}from"./index-DorX0WX8.js";import{a as N}from"./sentry-tRTnR5ia.js";import{n as a}from"./mui-gZ2J-2YO.js";import{L as be}from"./NavBarWithPicker-ClP6LCUF-B_agyqrI.js";import{m as je}from"./analyticsHelper-MsboCQcB-ClYGtAlc.js";import{M as Se}from"./TimeframeSwitcherWithToggle-KxCdrFMS-CmMYWc36.js";import{I as ye,a as Ce}from"./CollapsableReportTable-BAz0DbFh-Bx4HSBTd.js";import{M as V}from"./usp-line-BBd1wKwW-Vkz6UgtT.js";import{EB as Pe,EC as ke}from"./zeni-epic-state-DiMW9axO.js";import{D as $e,T as ze,C as ve}from"./mapSectionWithAcOnlyToTreeNode--0eoufeA-BVEmfqf7.js";import{s as Y}from"./mapTimeframeBalancesToTreeNode-Cytg0KxN-BW6Ya40z.js";import"./pdf-BNA4Ou8X.js";import"./core-ADrPabGT.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.js";import"./TimeframeSwitcher-XZjkUS_W-DEhbHF-x.js";import"./AccountRow-Zjkju8uM-h-BJkTkR.js";import"./clock-CJkylEKt-BhyIm3xG.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]="e48be81a-63ac-4ddb-b30e-0f2be772bd8c",e._sentryDebugIdIdentifier="sentry-dbid-e48be81a-63ac-4ddb-b30e-0f2be772bd8c")}catch{}})();const q="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",H="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",Le=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Te=a.div`
+  padding: ${e=>e.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
+  text-align: center;
+`,Ie=a(me)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.sp7} ${s.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,Ae=a(ge)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.sp5} ${s.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,J=a.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};
+`,Me=a.div``,Q=a.div`
+  width: ${e=>e.windowSize==="small"?"auto":"408px"};
+  display: flex;
+  flex-direction: column;
+`,X=a.div`
+  width: ${e=>e.windowSize==="small"?"100%":"calc(100% - 408px)"};
+  overflow: hidden;
+  max-width: 712px;
+  display: flex;
+`,K=a.div`
+  margin-left: ${e=>e.windowSize==="small"?s.sp0:s.sp6};
+  margin-bottom: ${e=>e.windowSize==="small"?s.sp4:s.sp0};
+  background: ${e=>e.theme.colors.background};
+  border-radius: 12px;
+  border: ${e=>`1px solid ${e.theme.colors.grey5}`};
+  padding: 15px;
+`,P=a.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;
+`,O=a(xe)`
+  color: ${e=>e.theme.colors.champion};
+`,F=a(ue)`
+  color: ${e=>e.theme.colors.champion};
+`,B=a(fe)`
+  color: ${e=>e.theme.colors.champion};
+`,E=a(he)`
+  color: ${e=>e.theme.colors.champion};
+`,k=a.div``,$=a.div`
+  padding-left: ${s.sp3};
+`,Z=a(V)`
+  color: ${e=>e.theme.colors.graphColor18};
+`,ee=a(V)`
+  color: ${e=>e.theme.colors.graphColor25};
+`,oe=a(V)`
+  color: ${e=>e.theme.colors.graphColor04};
+`,_e=a(pe)`
+  margin: ${s.sp3} auto;
+  max-width: 422px;
+  color: ${e=>e.theme.colors.hero};
+`,Ne=()=>{const e=I(),t=v();return o.jsxs(J,{windowSize:t,children:[o.jsx(X,{windowSize:t,children:o.jsx(K,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:q,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(Q,{windowSize:t,children:[o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(Z,{})}),o.jsxs($,{children:[o.jsx(E,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs($,{children:[o.jsx(E,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs($,{children:[o.jsx(E,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Oe=()=>{const e=I(),t=v();return o.jsxs(J,{windowSize:t,children:[o.jsxs(Q,{windowSize:t,children:[o.jsxs(P,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(Z,{})}),o.jsxs($,{children:[o.jsx(F,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(P,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs($,{children:[o.jsx(F,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(P,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs($,{children:[o.jsx(F,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(X,{windowSize:t,children:o.jsx(K,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:q,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Fe=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const r=I(),l=v();return o.jsxs(Le,{"data-testid":_("forecast-promo-page"),children:[o.jsx(ne,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:r.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(Te,{"data-testid":_("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Ae,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Ie,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ne,{}):o.jsx(Oe,{}),o.jsxs(Me,{"data-testid":_("forecast-promo-bottom-container"),children:[o.jsx(ae,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:()=>{window.open(e.toString(),"_blank")}}),o.jsx(_e,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Be(e,t,n=!0){const r=c.getLocalizedStrings().reports,l=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:[],p=Y({balances:g,config:t}),m=[];return m.push(p),e.idsInOrder.forEach(i=>{if(Pe(i)===!0){const u=e.sections[i];if(u==null)return;u.accountGroups.length>0?m.push($e({section:e.sections[i],sectionType:i,numOfBalances:l,title:r.sections[i],isLastNode:!0,config:t})):m.push(ze({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:r.sections[i],isLastNode:!0,config:t}))}else ke(i)===!0&&m.push(ve({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:r.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[p]:[],contentNodes:m}}function Ee(e,t,n,r=!0){Object.assign(e.config,t);const l=n.sections.expenses.balances.length>0?[...n.sections.expenses.balances,...n.sections.expenses.additionalBalances]:[...n.sections.income.balances,...n.sections.income.additionalBalances],g=Y({balances:l,config:t,nodeId:e.contentNodes[0].id}),p=e.contentNodes.slice(1);return p.forEach(m=>te(m,t)),{config:t,headerNodes:r?[g]:[],contentNodes:[g,...p]}}function te(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>te(n,t))}const T={contentPaddingLeft:new W(C[3],C[3],C[8]),contentPaddingRight:new W(C[3],C[3],C[8])},Ve=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Re=a.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  width: 99.9%;
+  margin-top: ${s.sp2};
+  background-color: ${e=>e.theme.colors.grey4};
+`,De=a.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};
+`,G=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?o.jsx(De,{children:o.jsx(re,{size:"ExtraLarge",start:!0})}):null,We=a.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding-left: ${e=>e.paddingLeft}px;
+  padding-right: ${e=>e.paddingRight}px;
+`,Ge=a.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${s.sp3};
+`,Ue=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:r,onVsActualChanged:l,selectedTimeframe:g,onTimeframeChanged:p,onBackClick:m,isPandLReportFetching:i,onClickMenuIcon:u})=>{const h=v(),f=[];for(let d=0;d<e.length;++d)f.push(`${d}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:f,valueToLabel:d=>e[parseInt(d)]?.name??"",selectedValue:`${t}`,titleTextStyle:ie.largeMedium,onPickerSelectionChanged:d=>{if(d!=null){const z=e[parseInt(d)];n?.(z.id,parseInt(d))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:m,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:u},S={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:r,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:g,onTimeframeSelectionChanged:d=>p?.(d)}};return o.jsxs(We,{paddingLeft:T.contentPaddingLeft.value(h),paddingRight:T.contentPaddingRight.value(h),children:[o.jsx(be,{...x}),i?"":o.jsx(Ge,{children:o.jsx(Se,{...S})})]})},Ye=({report:e,type:t,isActualVsForecastOn:n,compareMode:r,onAccountBalanceClick:l,onCompareModeChanged:g,scrollPosition:p,onTableScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:u})=>{const h=I(),f=v(),[x,S]=N.useState(void 0),[d,z]=N.useState(void 0),y=!(f==="small"||f==="medium-compact"),A=n===!0?"actual_vs_forecast":"none",L=`forecast.${e.reportId}`;return ce({componentName:L,enabled:e.fetchState==="Completed"}),N.useEffect(()=>{const b={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:A,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:Ce(t)===!0&&n===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:we()};if(x!=null&&le(d,e)){const w=Ee(x,b,e,y);S(w)}else{const w=Be(e,b,y);z(e),S(w)}},[t,n,e]),x!=null?o.jsx(ye,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:r,isSticky:{isStickyHeader:y,isStickyName:y},treeNodePadding:{left:T.contentPaddingLeft.value(f),right:T.contentPaddingRight.value(f)},onAccountClick:l==null?void 0:(b,w)=>{l(b,w)},onCompareModeChanged:g,scrollPosition:p,onScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:u}):null};function wo({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:r,selectedForecast:l,pandLreport:g,type:p,meetingUrl:m,analytics:i,onForecastSelectionChanged:u,onTimeframeChanged:h,onForecastVsActualsCompareToggle:f,onAccountBalanceClick:x,onCompareModeChanged:S,scrollPosition:d,onTableScroll:z,nodeOpenStatus:y,onNodeCollapseToggled:A,onBackClick:L,onClickMenuIcon:b}){const w=[r.fetchState,g.fetchState],R=l?.index??-1;return se(w)===!0||r.fetchState==="Completed"&&r.forecasts.length===0?o.jsx(Fe,{meetingUrl:m,onBackClick:L,onClickMenuIcon:b}):U([r.fetchState])===!0?o.jsx(G,{fetchState:qe(w)}):o.jsxs(Ve,{children:[o.jsx(Ue,{forecastList:r.forecasts,selectedForecastIndex:R,onForecastSelectionChanged:(j,D)=>{i?.trackForecastSwitch(M.Event.profitAndLossWithForecast,r.forecasts[D].name),u?.(j,D)},vsActualOn:t,onVsActualChanged:j=>{i?.trackForecastVsActualMode(M.Event.profitAndLossWithForecast,r.forecasts[R].name,j),f?.(j)},selectedTimeframe:e,onTimeframeChanged:j=>{i?.trackTimeframeSwitch(je(j),M.Event.profitAndLossWithForecast),h?.(j)},onBackClick:L,isPandLReportFetching:U([g.fetchState]),onClickMenuIcon:b}),g.fetchState==="In-Progress"?o.jsx(G,{fetchState:"In-Progress"}):o.jsx(Re,{children:o.jsx(Ye,{report:g,type:p,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:S,scrollPosition:d,onTableScroll:z,nodeOpenStatus:y,onNodeCollapseToggled:A})})]})}const se=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),U=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),qe=e=>(t=>t.reduce((n,r)=>n===!0&&r==="Completed",!0))(e)===!0?"Completed":se(e)===!0?"Error":"In-Progress";export{wo as default,U as isAnyInProgress};

package/dist/assets/PandLWithForecastRoutes-TX6P7Zrq.js

@@ -0,0 +1 @@
+import{j as n}from"./pdf-BNA4Ou8X.js";import{j as G,i as N,h as $,l as Y,u as l,k as _,R as H,m as b}from"./core-ADrPabGT.js";import{cs as v,mB as P,m8 as V,Ha as A,m3 as T,bt as W,Ei as z,m4 as J,Hb as K,GY as S,Ev as Q,pU as X,Hc as Z,qf as ee,cz as ae,cx as te}from"./zeni-epic-state-DiMW9axO.js";import{je as se,jR as oe,t as ne,bc as re,jl as O,kc as ce,jA as ie,aE as le,aG as de}from"./index-DorX0WX8.js";import"./mui-gZ2J-2YO.js";import fe from"./NotFoundScreen-BlOJVroe.js";import{F as me}from"./FeaturePreviewScreen-C5OPsEGq.js";import{a as h}from"./sentry-tRTnR5ia.js";import{a as pe}from"./routePaths-BozUSOR4.js";import{M as ue}from"./MobileAppDrawer-vjIJyx5N.js";import"./lottie-sNoV77jf.js";import"./liveblocks-f_lxxH57.js";import"./recharts-BKvR8EI0.js";import"./dnd-83aXbnEf.js";import"./analytics-D7HtemTn.js";import"./plaid-DS3FargU.js";import"./utils-VuBQoQGa.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]="2df8b2ae-154a-452c-840d-fb20fd5f1a79",s._sentryDebugIdIdentifier="sentry-dbid-2df8b2ae-154a-452c-840d-fb20fd5f1a79")}catch{}})();const y=(s,e,a)=>{s!=e&&(s!=null&&s.length>0?a(`../${e}`,{replace:!0}):a(e,{replace:!0}))},he=_(function(s){const e=K(s),a={},o=e.pandLReportWithForecast.uiState.nodeCollapseState;return Object.keys(o).forEach(r=>{a[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:a,type:"name+balances_forecast",analytics:O}},function(s,e){return{onForecastSelectionChanged:(a,o)=>{s(A(a,o)),e.isPandLReportFetched(a)||s(T(a)),y(e.forecastIdFromUrlPath,a,e.navigate)},onTimeframeChanged:a=>{s(ee(a))},onForecastVsActualsCompareToggle:a=>{s(Z(a)),s(S({forecastId:e.forecastIdFromUrlPath,scrollPosition:{scrollLeft:0,scrollTop:0}}))},onCompareModeChanged:a=>{s(X(e.firstMonthOfFY,a,0,[]))},onAccountBalanceClick:e.hasTransactionAccess!==!0?void 0:(a,o)=>{let r,c;const f=a.accountName===""?a.accountDescription:a.accountName;if(o.balanceTimeFrame==="month"||o.balanceTimeFrame==="quarter"?(r=o.balanceTimeFrame,c=Q(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 m=pe(e.tenantEmailDomain,a.accountId,a.accountType,f,r,c),p=ie(e.location.state?.pathnameStackToGoBack,e.location.pathname);e.navigate(m,{state:{pathnameStackToGoBack:p,referrer:"Forecast"}})}},onNodeCollapseToggled:(a,o)=>{s(S({forecastId:e.forecastIdFromUrlPath,nodeCollapseState:{nodeId:a,isCollapsed:o===!1}}))},onTableScroll:a=>{s(S({forecastId:e.forecastIdFromUrlPath,scrollPosition:a}))},onBackClick:()=>{e.navigate("../../")}}})(ce);function U(){const s=G(),e=N(),a=$(),{forecastId:o,tenantEmailDomain:r}=Y(),[c,f]=h.useState(!1),[m,p]=h.useState(!1),F=se.getSignedInUser(),R=l(t=>v(t)),M=R.company?.companyInfo.firstMonthOfFY??1,i=l(t=>P(t.forecastState,t.forecastListState)),u=l(t=>t.forecastListState.fetchState==="Completed"),j=l(t=>t.profitAndLossState),x=l(t=>t.reportUIOptionsState.selectedForecast),C=t=>j.pandLByForecastID[t]!=null&&J(t,j).reducedAllFetchState.fetchState==="Completed",{areTenantIdsInSync:g}=oe();h.useEffect(()=>{if(!c&&g)f(!0),u||e(V());else if(u&&!m){p(!0);const t=((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,x?.id);t===-1&&o!=null?s("page-not-found",{replace:!0}):t!==-1&&t!=x?.index?(e(A(i.forecasts[t].id,t)),y(o,i.forecasts[t].id,s)):o==null&&t!==-1&&y(void 0,i.forecasts[t].id,s),t!==-1&&!C(i.forecasts[t].id)&&g&&e(T(i.forecasts[t].id))}},[c,f,e,u,i,m,p,P,T,g]);const D=ne(),w=D?.loggedInUserRole!=null&&W(D.loggedInUserRole),[B,q]=h.useState(!1),k=t=>{q(t)};return n.jsxs(n.Fragment,{children:[u?n.jsx(re,{analytics:O,onLoad:t=>(d=>d.trackForecast())(t)}):null,n.jsx(ue,{isAppContentDrawerOpen:B,handleDrawerToggle:k}),n.jsx(he,{firstMonthOfFY:M,tenantEmailDomain:r,forecastIdFromUrlPath:o,navigate:s,location:a,isPandLReportFetched:C,meetingUrl:z(`https://meetings.hubspot.com/svitlana-grankovska?firstname=${F?.firstName}&lastname=${F?.lastName}&email=${F?.userEmail}`),hasTransactionAccess:w,onClickMenuIcon:()=>{k(!0)}})]})}function Ae(){const s=l(c=>v(c)),{useFeatureGate:e}=le(),{isFeatureEnabled:a}=e(de.isDebitCardFeatureEnabled),o=ae(a,s),r=te(s);return o===!0||r===!0?n.jsx(me,{}):n.jsxs(H,{children:[n.jsx(b,{path:"/",element:n.jsx(U,{})}),n.jsx(b,{path:"/:forecastId",element:n.jsx(U,{})}),n.jsx(b,{path:"/:forecastId/*",element:n.jsx(fe,{})})]})}export{Ae as PandLWithForecastRoutes,Ae as default};

package/dist/assets/{PaymentAccountSetupBillingAddressSection-Cg-iwsq9-CQwi_YjA.js → PaymentAccountSetupBillingAddressSection-CqavirRU-DO80n7FW.js}

@@ -1,5 +1,5 @@
-import{ea as re,a7 as Ae,w as K,o as u,c as F,K as te,V as s,bh as Oe,bk as Le,O as Se,l as be,y as xe,a9 as Re,z as oe,c5 as Te,ad as J,x as Z,aU as ze,j as De,u as _e,gd as Be,N as Me}from"./index-onESlw0k.js";import{b as l,a as A}from"./sentry-CZ5rBRIL.js";import{n as g}from"./mui-B0LS8eOU.js";import{P as f}from"./core-BROwB3xg.js";import{l as Ne}from"./stripe-DMRn4zHo.js";import{n as G}from"./commonTypes-CATFe6V_-Bw1wXmwu.js";import{F as Ve}from"./SetUpAccountSection-BkGBS9x_-Cq1DI8pA.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]="7eba074b-d8d7-46e4-9de5-d79f27d3df4f",e._sentryDebugIdIdentifier="sentry-dbid-7eba074b-d8d7-46e4-9de5-d79f27d3df4f")}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=[],d=!0,p=!1;try{for(r=r.call(n);!(d=(a=r.next()).done)&&(m.push(a.value),!o||m.length!==o);d=!0);}catch(i){p=!0,c=i}finally{try{d||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=l.useRef(n);l.useEffect(function(){r.current=n},[n]),l.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=l.useRef(e);return l.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={},d=0;d<a.length;d+=1)m[a[d]]=!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.",de=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 de(o,t)})};var n=de(e,t);return n===null?{tag:"empty"}:{tag:"sync",stripe:n}},Y=l.createContext(null);Y.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=l.useMemo(function(){return Fe(t)},[t]),a=we(l.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];l.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 d=X(t);l.useEffect(function(){d!==null&&d!==t&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")},[d,t]);var p=X(n);return l.useEffect(function(){if(c.elements){var i=ve(n,p,["clientSecret","fonts"]);i&&c.elements.update(i)}},[n,p,c.elements]),l.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]),l.createElement(Y.Provider,{value:c},o)};Ee.propTypes={stripe:f.any,options:f.object};var We=function(){var e,t;return(e="calls useElements()",t=l.useContext(Y),je(t,e)).elements};f.func.isRequired;var ke=l.createContext(null);ke.displayName="CustomCheckoutSdkContext";l.createContext(null).displayName="CustomCheckoutContext",f.any,f.shape({clientSecret:f.string.isRequired,elementsOptions:f.object}).isRequired;var ee=function(e){var t=l.useContext(ke),n=l.useContext(Y);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 l.createElement("div",{id:c,className:m})}:function(a){var c,m=a.id,d=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(l.useState(null),2),h=E[0],D=E[1],w=l.useRef(null),O=l.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),l.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 l.useEffect(function(){if(w.current){var C=ve(i,H,["paymentRequest"]);C&&w.current.update(C)}},[i,H]),l.useLayoutEffect(function(){return function(){if(w.current&&typeof w.current.destroy=="function")try{w.current.destroy(),w.current=null}catch{}}},[]),l.createElement("div",{id:m,className:d,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";l.createContext(null).displayName="EmbeddedCheckoutProviderContext";y("auBankAccount",S),y("card",S);var le=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{e8 as ne,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-DorX0WX8.js";import{b as d,a as A}from"./sentry-tRTnR5ia.js";import{n as g}from"./mui-gZ2J-2YO.js";import{P as f}from"./core-ADrPabGT.js";import{l as Ne}from"./stripe-DMRn4zHo.js";import{n as G}from"./commonTypes-lunwFIdl-BTgH3sp5.js";import{F as Ue}from"./SetUpAccountSection-ULABF-Md-DYZnUdRJ.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]="58ae03fb-9e6a-4ffa-8bcc-e8c9c0d17f74",e._sentryDebugIdIdentifier="sentry-dbid-58ae03fb-9e6a-4ffa-8bcc-e8c9c0d17f74")}catch{}})();function ae(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),r.push.apply(r,o)}return r}function ie(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ae(Object(r),!0).forEach(function(o){Ce(e,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ae(Object(r)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,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,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function we(e,t){return function(r){if(Array.isArray(r))return r}(e)||function(r,o){var n=r&&(typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"]);if(n!=null){var a,c,m=[],l=!0,p=!1;try{for(n=n.call(r);!(l=(a=n.next()).done)&&(m.push(a.value),!o||m.length!==o);l=!0);}catch(i){p=!0,c=i}finally{try{l||n.return==null||n.return()}finally{if(p)throw c}}return m}}(e,t)||function(r,o){if(r){if(typeof r=="string")return se(r,o);var n=Object.prototype.toString.call(r).slice(8,-1);if(n==="Object"&&r.constructor&&(n=r.constructor.name),n==="Map"||n==="Set")return Array.from(r);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return se(r,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 r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}var P=function(e,t,r){var o=!!r,n=d.useRef(r);d.useEffect(function(){n.current=r},[r]),d.useEffect(function(){if(!o||!e)return function(){};var a=function(){n.current&&n.current.apply(n,arguments)};return e.on(t,a),function(){e.off(t,a)}},[o,t,e,n])},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]",Ve=function e(t,r){if(!W(t)||!W(r))return t===r;var o=Array.isArray(t);if(o!==Array.isArray(r))return!1;var n=Object.prototype.toString.call(t)===ce;if(n!==(Object.prototype.toString.call(r)===ce))return!1;if(!n&&!o)return t===r;var a=Object.keys(t),c=Object.keys(r);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=r;return i.every(function(b){return e(v[b],x[b])})},ve=function(e,t,r){return W(e)?Object.keys(e).reduce(function(o,n){var a=!W(t)||!Ve(e[n],t[n]);return r.includes(n)?(a&&console.warn("Unsupported prop change: options.".concat(n," is not a mutable property.")),o):a?ie(ie({},o||{}),{},Ce({},n,e[n])):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,r=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(r)},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 r=le(e,t);return r===null?{tag:"empty"}:{tag:"sync",stripe:r}},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,r=e.options,o=e.children,n=d.useMemo(function(){return Fe(t)},[t]),a=we(d.useState(function(){return{stripe:n.tag==="sync"?n.stripe:null,elements:n.tag==="sync"?n.stripe.elements(r):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(r)}})};return n.tag!=="async"||c.stripe?n.tag!=="sync"||c.stripe||v(n.stripe):n.stripePromise.then(function(x){x&&i&&v(x)}),function(){i=!1}},[n,c,r]);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(r);return d.useEffect(function(){if(c.elements){var i=ve(r,p,["clientSecret","fonts"]);i&&c.elements.update(i)}},[r,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),r=d.useContext(J);if(t&&r)throw new Error("You cannot wrap the part of your app that ".concat(e," in both <CustomCheckoutProvider> and <Elements> providers."));return t?function(o,n){if(!o)throw new Error("Could not find CustomCheckoutProvider context; You need to wrap the part of your app that ".concat(n," in an <CustomCheckoutProvider> provider."));return o}(t,e):je(r,e)},y=function(e,t){var r,o="".concat((r=e).charAt(0).toUpperCase()+r.slice(1),"Element"),n=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,U=a.onConfirm,_=a.onCancel,I=a.onShippingAddressChange,V=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",U),P(h,"cancel",_),P(h,"shippingaddresschange",I),P(h,"shippingratechange",V),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 n.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},n.displayName=o,n.__elementType=e,n},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;
@@ -8,15 +8,15 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   justify-content: center;
   box-shadow: ${F.Elevation2Dark};
   border-radius: ${u.sp2};
-`,Ke=g.form`
+`,Ye=g.form`
   display: flex;
   flex-direction: column;
   margin-bottom: ${u.sp2};
-`,Ye=g(Le)`
+`,Je=g(Le)`
   padding-top: ${u.sp4};
   text-align: center;
   color: ${e=>e.theme.colors.primary};
-`,Je=g(be)`
+`,Ke=g(be)`
   color: ${e=>e.theme.colors.hero};
   text-align: center;
 `,Ze=g.div`
@@ -59,14 +59,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 `,tt=g.label`
   width: 257px;
   margin: auto;
-`,nt=g.div`
+`,rt=g.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   color: ${e=>e.theme.colors.grey1};
   height: ${u.sp8};
   border-right: 1px solid ${e=>e.theme.colors.grey3};
-`,rt=g.div`
+`,nt=g.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -86,10 +86,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   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,d=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:{...K.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(Ke,{onSubmit:async E=>{if(E.preventDefault(),!m||!d)return;const h=d.getElement(le),D=d.getElement(ue),w=d.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(le,{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:d,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(""),d()}),[]),A.useEffect(()=>{d()},[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:K.standardRegular.fontSize,fontFamily:K.standardRegular.fontFamily},rules:{".Input":{border:`1px solid ${F.neutralGrey3Light}`,borderRadius:u.sp1,padding:"10px",fontSize:K.standardRegular.fontSize}}}},R=te();return s.jsx(Oe,{open:e,children:s.jsxs(qe,{windowSize:R,isError:!!t.cardSetupConfirmStatus.error,children:[s.jsx(Ye,{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: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:r,handleConfirmCardSetupIntent:o,updateCardPaymentModalState:n,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,U=e.cardSetupIntentStatus.fetchState,[_,I]=A.useState(!1),V=xe(),$={showIcon:!0,style:{base:{...Y.standardRegular.cssObject,color:V.colors.primary,"::placeholder":{color:V.colors.grey2}},invalid:{color:F.important,iconColor:F.important}}},z=M==="In-Progress"||N==="In-Progress"||U==="In-Progress"||j===!0||r===!0,T=p||v||b||M==="In-Progress"||N==="In-Progress"||U==="In-Progress"||j===!0||r===!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(rt,{children:s.jsxs(Ge,{children:[s.jsx(fe,{children:k.cardNumber}),s.jsx(ue,{options:$,onChange:E=>x(!!E.error)})]})}),s.jsx(nt,{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:()=>{n(!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:r,cardSetupInProgress:o,handleConfirmCardSetupIntent:n,updateCardPaymentModalState:a,handleCreateCardSetupIntent:c,handleAddCardPaymentSource:m,handleResetCardPaymentErrorStatuses:l,setCardSetupInProgress:p})=>{const[i,v]=A.useState(""),x=Ne(r),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:n,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,r,o)=>({header:e,title:`${ne(G[o.cardsList[0]?.brand]?.name??"")} ${t}`,subtitle:`${ne(G[o.cardsList[0]?.brand]?.name??"")} ${r} ${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:d,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(lt,{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:d,productType:"onboarding",resetCardPaymentViewState:R,cardPaymentSectionValues:ne,cardPaymentView:j,updateCardPaymentModalState:L,referrer:"Onboarding",cardSetupInProgress:B}),dt(I,z.headers.billingAddress,V,d,N,M,r)]})},dt=(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:d=>{if(d.target instanceof HTMLInputElement){const{placeholder:p}=d.target;if(p){const i=m[p];i&&o.trackOnboardingBillingAddress(i)}}}})]})},lt=g.div`
+`,wt=({paymentAccount:e,plaidConnectionDetails:t,connectedAccountProvider:r,sectionId:o,isDisabled:n,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:U})=>{const _=xe(),I=te(),{register:V}=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 re;return w&&(re={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",...V(`${o}.connected`,{validate:$e=>!a||$e==="true"}),value:c?"true":"false"}),s.jsx(Ue,{connectedAccountProvider:r,paymentAccount:e,plaidConnectionDetails:t,allBankAccounts:[],header:T,sectionTitle:T,defaultSectionTitle:E,defaultSectionSubTitle:h,sectionId:o,isDisabled:n,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:re,cardPaymentView:j,updateCardPaymentModalState:L,referrer:"Onboarding",cardSetupInProgress:B}),lt(I,z.headers.billingAddress,U,l,N,M,n)]})},lt=(e,t,r,o,n,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:n,sectionId:`${r}`,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`
   display: flex;
   flex-direction: column;
   width: ${e=>q.sectionWidth.valuePx(e.windowSize)};