@zeniai/web-cockpit-ui 1.15.8-dev → 1.15.9-dev

package/dist/assets/{OpExByVendorPage-JhAQyVWO-CgqLDeMB.js → OpExByVendorPage-CRkTiAd5-C0As_oOM.js}

@@ -1,6 +1,6 @@
-import{J as H,i4 as Ce,O as B,e as q,cd as _e,az as xe,V as t,bO as Se,aQ as ke,i3 as we,bD as ve,bC as Be,i5 as Oe,i6 as Pe,o as u,aU as Te,T as je,y as F,b4 as ie,aE as le,aW as $e,c as O,cf as De,cg as Ne,ch as Ie,bL as Ee,p as a,al as ce,b as Z,aZ as Me}from"./index-CRNmezJu.js";import{a as C,S as Ae}from"./sentry-Dla7mstv.js";import{n as m}from"./mui-mhzAEcDs.js";import{FX as Le}from"./zeni-epic-state-CSmiPBaP.js";import{p as Fe,d as Ve,y as G,b as de,u as ee}from"./chartTypes-BjaXr-A2-DXtLo4Yx.js";import{V as ze}from"./toChartData-D5QdTlGa-DOsyIRYt.js";import{m as V}from"./analyticsHelper-CLY1vV_E-BemgqSJF.js";import{p as Re}from"./TimeRangeSwitcher-Sfz9Zsfu-DOBYaYdI.js";import{M as We}from"./TimeframeSwitcherWithToggle-CaOGQOMX-D3Vo1Cjd.js";import{C as Ke}from"./NoDataChart-VrW0gNeK-CoKQWY6y.js";import{d as Ye}from"./NoDataTable-CZaHTbXi-BvRSGEWZ.js";import{H as Ge,k as oe}from"./detailCommon-D9PsnkY1-BuBcpPrC.js";import{n as z}from"./getReferrerType-DjPOy76W-DRP5VHem.js";import{I as He,R as J}from"./CollapsableReportTable-D9EGRkFb-DwhLMO0b.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-CHvIKq5Y-CV_qZTRk.js";import{d as re}from"./mapLoadingInProgressToTreeNode-C4CzR5xS-Cg81Asz9.js";import{l as qe}from"./mapSpacerToTreeNode-hZvWCXjA-CuA0QfzK.js";import{N as Je,I as Ue,X as Xe,Y as Qe,J as Ze,K as eo}from"./recharts-BErFcng5.js";import"./liveblocks-BKvkleJ3.js";import"./core-hVMF2uNa.js";import"./lottie-N_bekW9H.js";import"./analytics-g5EpLRud.js";import"./lexical-DYQnWL1V.js";import"./utils-D6NmQd1Q.js";import"./TimeframeSwitcher--oC4RNb6-CvfDTC-U.js";import"./graphic-no-data-l-DU4J8fDt-C7rs195d.js";import"./AccountRow-C0plHrDu-BlMGnWxc.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="26b1eb6f-65e1-41fe-8ae8-2542c97bedc6",e._sentryDebugIdIdentifier="sentry-dbid-26b1eb6f-65e1-41fe-8ae8-2542c97bedc6")}catch{}})();const oo=m.div`
+import{Q as H,i3 as Ce,F as B,g as q,cc as _e,ay as xe,V as t,bN as Se,aP as we,i2 as ke,bC as ve,bB as Be,i4 as Oe,i5 as Pe,o as u,aT as Te,T as je,y as F,b3 as le,aD as ie,aV as $e,u as O,ce as De,cf as Ne,cg as Ie,bK as Ee,p as a,al as ce,b as Z,aY as Me}from"./index-AqGiWrum.js";import{a as C,S as Ae}from"./sentry-CTKU7CLc.js";import{n as h}from"./mui-C_Pjuwl5.js";import{FX as Le}from"./zeni-epic-state-Cl3KIlic.js";import{p as Fe,d as Ve,y as G,b as de,u as ee}from"./chartTypes-CiiHHtlc-DhZqwiAZ.js";import{V as Re}from"./toChartData-DShY1WZ8-5FxZpBKl.js";import{m as V}from"./analyticsHelper-Bv2VSRHR-D5TeO7Fb.js";import{p as ze}from"./TimeRangeSwitcher-xEM6Ast5-BNVisZRV.js";import{M as Ke}from"./TimeframeSwitcherWithToggle-CTsXGTZM-Y9gaGt4o.js";import{C as We}from"./NoDataChart-Bwc_xftR-BPirwt2c.js";import{d as Ye}from"./NoDataTable-D_VKD0kA-DmQluo-I.js";import{H as Ge,U as oe}from"./detailCommon-D84jR8Js-CvDn1aAe.js";import{n as R}from"./getReferrerType-DjPOy76W-DRP5VHem.js";import{I as He,R as U}from"./CollapsableReportTable-CpOmWQO--CCW_jG6A.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-rysmkLch-Dj7OJ6xq.js";import{d as re}from"./mapLoadingInProgressToTreeNode-dE6c_J7g-BidRqUlX.js";import{l as qe}from"./mapSpacerToTreeNode-CxY0Ic8W-W7hZE2p5.js";import{N as Ue,I as Je,X as Xe,Y as Qe,J as Ze,K as eo}from"./recharts-BGj_NTVO.js";import"./liveblocks-D8QW-YrN.js";import"./core-mVc5WAnu.js";import"./lottie-CoVfqInY.js";import"./analytics-YsywGP0I.js";import"./lexical-D1NyDz9G.js";import"./utils-DJxCyxGL.js";import"./TimeframeSwitcher-CJnjD8oY-C839RlNd.js";import"./graphic-no-data-l-DU4J8fDt-DdD14QZ1.js";import"./AccountRow-DvTUqeYB-Coj4ZTWN.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="4804ccae-2bd8-4eb9-8b9c-0f3efddf643c",e._sentryDebugIdIdentifier="sentry-dbid-4804ccae-2bd8-4eb9-8b9c-0f3efddf643c")}catch{}})();const oo=h.div`
   display: flex;
-`,ro=m.div`
+`,ro=h.div`
   flex: display;
   opacity: 0.85;
   width: 320px;
@@ -8,24 +8,24 @@ import{J as H,i4 as Ce,O as B,e as q,cd as _e,az as xe,V as t,bO as Se,aQ as ke,
   flex-direction: column;
   padding: ${u.sp3};
   background-color: ${e=>e.theme.colors.black};
-`,ae=m.div`
+`,ae=h.div`
   display: flex;
   justify-content: space-between;
-`,te=m(ce)`
+`,te=h(ce)`
   color: ${e=>e.color??a.neutralGrey2Light};
   text-align: left;
-`,ne=m(ce)`
+`,ne=h(ce)`
   color: ${e=>e.color??a.neutralGrey2Light};
   text-align: right;
-`,ao=m.div`
+`,ao=h.div`
   margin: ${u.sp2} ${u.sp0} ${u.sp2} ${u.sp0};
   width: 100%;
   height: 1px;
   background-color: ${a.neutralGrey3Dark};
-`,to=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const i=r.filter(y=>y.name==o)[0],l=i.payload,h=i.color,n={amount:l.record[o].amount?.amount??0,currencyCode:l.record[o].amount?.currencyCode??"",currencySymbol:l.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in l.record)c.endsWith("_actual")&&(g+=l.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:l.timeLabel})}return s},no=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),so=e=>{const r=to({...e});return r.length===0?null:t.jsx(no,{barLabelsWithValues:r,getVendorName:e.getVendorName})},io=Ae.memo(so),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!le(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const lo=N.instance(),co=(e,r)=>{const o=new Set,s={};let i;const l=r.top4VendorsAndOthers;return Object.keys(l).length>0&&Object.keys(l).forEach(h=>{l[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Fe(g,"actual");o.add(c),i==null&&n.balance!=null&&(i=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),i!=null?ze(e,[...o],i,s):void 0},po=m.div`
+`,to=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const l=r.filter(y=>y.name==o)[0],i=l.payload,m=l.color,n={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:m,total:p,timeframeTick:i.timeLabel})}return s},no=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),so=e=>{const r=to({...e});return r.length===0?null:t.jsx(no,{barLabelsWithValues:r,getVendorName:e.getVendorName})},lo=Ae.memo(so),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!ie(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const io=N.instance(),co=(e,r)=>{const o=new Set,s={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(m=>{i[m].forEach((n,p)=>{const g=`vendor_${p}`,c=Fe(g,"actual");o.add(c),l==null&&n.balance!=null&&(l=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),l!=null?Re(e,[...o],l,s):void 0},po=h.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:i=!1}){const l=C.useRef(!1),h=lo,[n,p]=C.useState(void 0);C.useEffect(()=>{l.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(_=>{const S=i===!0&&!l.current;d.push(y(_,S))}),d},y=(d,_)=>t.jsx(eo,{name:d,animationDuration:_?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),x=({active:d,payload:_})=>_?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(io,{active:d,payload:_,barName:n,getVendorName:f}):null,f=(d,_)=>{const S=Le(d);try{const v=_.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(mo,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(x,{}),width:r,height:o,isDetailPage:i===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:i,showBarHoverBackground:l=!1,isDetailPage:h})=>{const n=q(),p=Ve(e),g=l!==!1,c=h?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:s,height:i,children:t.jsx(ie,{children:({height:y,width:x})=>t.jsxs(Je,{width:x,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?O[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Ue,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Xe,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Qe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Me("0,0.[00]a",f,p)}),t.jsx(Ze,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(x-120)/G.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function go(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function uo(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,i=[];if(r&&(i.push("this_period_vs_last_period_percent"),i.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:i,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function fo(e){const r=uo(e);if(r!=null)return yo(e.statementEndPoint,e.authParams,r)}async function yo(e,r,o){const s=B.getLocalizedStrings().downloadReport,i=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const l=await De({urlEndPoint:i,authParams:r,fileType:o.statementFileType});if(l.ok){const h=Ne(l.headers,s.defaultFileName),n=await l.arrayBuffer();Ie(n,h)}else console.error(`${s.reportErrorMessage} ${l.statusText}`)}catch(l){console.error(`${s.reportErrorMessage} ${JSON.stringify(l)}`)}}function bo({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function Co({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:i}){const l=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+l+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:i}}}function _o({title:e,balances:r,config:o,numOfBalances:s,nodeId:i}){return{children:[],id:i??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const xo=(e,r,o,s=!0)=>{const i=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,l=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&l.push(e.totalBalances.totalBalance);const h=pe({balances:l,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((y,x)=>{n.push(re({title:`${x}+${p.loading}`,balances:l,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=_o({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:i});n.push(f)}const y=r.pageToken[r.timeframe],x=e.opexBalances.map((f,d)=>Co({opExByVendor:f,title:f.vendor.name,numOfBalances:i,isLastNode:d===e.opexBalances.length-1&&y==null,config:o}));n.push(...x),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:l,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(qe({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(bo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:l,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function So(e,r,o,s=!0){Object.assign(e.config,r);const i=ko(o),l=pe({balances:i,config:r});return{config:r,headerNodes:s?[l]:[],contentNodes:[l,...e.contentNodes.slice(1)]}}const ko=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],I={chartHeight:new F(288,360),wrapperPadding:new F(O[3],O[3],O[8]),contentPaddingLeft:new F(O[0],O[0],O[0]),contentPaddingRight:new F(O[3],O[3],O[8])},wo=m.div`
+`;function mo({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=C.useRef(!1),m=io,[n,p]=C.useState(void 0);C.useEffect(()=>{i.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(_=>{const S=l===!0&&!i.current;d.push(y(_,S))}),d},y=(d,_)=>t.jsx(eo,{name:d,animationDuration:_?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:m.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),x=({active:d,payload:_})=>_?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(lo,{active:d,payload:_,barName:n,getVendorName:f}):null,f=(d,_)=>{const S=Le(d);try{const v=_.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(ho,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(x,{}),width:r,height:o,isDetailPage:l===!0})}const ho=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:m})=>{const n=q(),p=Ve(e),g=i!==!1,c=m?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:s,height:l,children:t.jsx(le,{children:({height:y,width:x})=>t.jsxs(Ue,{width:x,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:m?O[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Je,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Xe,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Qe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Me("0,0.[00]a",f,p)}),t.jsx(Ze,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(x-120)/G.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function go(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function uo(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function fo(e){const r=uo(e);if(r!=null)return yo(e.statementEndPoint,e.authParams,r)}async function yo(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const m=Ne(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ie(n,m)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function bo({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??U("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function Co({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",m=e.classBase?.className??"-",n=U("vendor_row",[],o+i+m);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function _o({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??U("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const xo=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const m=pe({balances:i,config:o}),n=[];n.push(m);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((y,x)=>{n.push(re({title:`${x}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=_o({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const y=r.pageToken[r.timeframe],x=e.opexBalances.map((f,d)=>Co({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&y==null,config:o}));n.push(...x),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(qe({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(bo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[m]:[],contentNodes:n}};function So(e,r,o,s=!0){Object.assign(e.config,r);const l=wo(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const wo=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],I={chartHeight:new F(288,360),wrapperPadding:new F(O[3],O[3],O[8]),contentPaddingLeft:new F(O[0],O[0],O[0]),contentPaddingRight:new F(O[3],O[3],O[8])},ko=h.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -34,13 +34,13 @@ import{J as H,i4 as Ce,O as B,e as q,cd as _e,az as xe,V as t,bO as Se,aQ as ke,
   background-color: ${e=>e.theme.colors.grey5};
   padding: ${u.sp0};
   gap: 2px;
-`,vo=m.div`
+`,vo=h.div`
   position: relative;
   box-shadow: ${e=>`2px 2px ${u.sp1} ${e.theme.colors.dropShadowNormal}`};
   background-color: ${e=>e.theme.colors.grey5};
   padding-left: ${e=>I.wrapperPadding.valuePx(e.windowSize)};
   padding-right: ${e=>I.wrapperPadding.valuePx(e.windowSize)};
-`,Bo=m.div`
+`,Bo=h.div`
   display: flex;
   width: 100%;
   height: 100vh;
@@ -48,14 +48,14 @@ import{J as H,i4 as Ce,O as B,e as q,cd as _e,az as xe,V as t,bO as Se,aQ as ke,
   justify-content: center;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey5};
-`,Oo=m.div`
+`,Oo=h.div`
   display: flex;
   width: 100%;
   height: 100vh;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,Po=m.div`
+`,Po=h.div`
   height: 96px;
   width: 96px;
   background: ${e=>e.theme.colors.background};
@@ -70,31 +70,31 @@ import{J as H,i4 as Ce,O as B,e as q,cd as _e,az as xe,V as t,bO as Se,aQ as ke,
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,To=m(Te)`
+`,To=h(Te)`
   margin-top: ${u.sp3};
   color: ${e=>e.theme.colors.hero};
-`,jo=m.div`
+`,jo=h.div`
   display: flex;
   padding: ${u.sp2} ${u.sp0} ${u.sp4} ${u.sp0};
-`,$o=m.div``,Do=m.div``,No=m.div`
+`,$o=h.div``,Do=h.div``,No=h.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   height: ${e=>I.chartHeight.valuePx(e.windowSize)};
   padding-bottom: ${u.sp6};
-`,Io=m.div`
+`,Io=h.div`
   display: flex;
-`,Eo=m.div`
+`,Eo=h.div`
   margin-top: ${u.sp5};
   margin-bottom: ${u.sp6};
-`,Mo=m.div`
+`,Mo=h.div`
   display: flex;
   position: sticky;
   justify-content: center;
   padding-top: ${u.sp8};
   padding-left: ${e=>I.wrapperPadding.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.grey4};
-`,Ao=m.div`
+`,Ao=h.div`
   width: 100%;
   height: calc(100vh - ${u.sp11});
-`,Lo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx(je,{size:"ExtraLarge",start:!0})}):null,fr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:i,onReloadReport:l,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:x,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:_,updateDownloadStateHandler:S,onClearSearch:v,analytics:P,onClickMenuIcon:R})=>{const[j,E]=C.useState(o.searchString[o.timeframe]),[M,A]=C.useState(!1),k=H(),$=C.useRef(null),W=Ce(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,U=B.getLocalizedStrings().vendors,X=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:T}=o,D=o.searchString[T];_e({componentName:"vendors.opex_by_vendor.list"});const fe=C.useCallback(w=>{n(T,D,w)},[T,D,n]),ye=C.useCallback((w,b)=>{window.scrollTo({top:$.current?.offsetTop,behavior:"smooth"}),w.length>0?(y(!0),n(b,w,!1)):(y(!1),v(b))},[v,n,y]),Q=C.useRef(xe((w,b)=>ye(w,b),500,{trailing:!0})).current,be=(w,b)=>{c(w,b,T),y(!0),n(T,D,!1)};if(C.useEffect(()=>{async function w(){await fo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[T],...s}),P?.trackDownload(z("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}M&&o.downloadState!=="In-Progress"&&(A(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,M]),C.useEffect(()=>{E(D)},[D]),e.fetchState==="Error")return t.jsxs(Oo,{children:[t.jsx(Po,{"data-testid":ke("op-ex-by-vendor-reload-page"),onClick:l,children:t.jsx(Se,{})}),t.jsx(To,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Lo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(we,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:U.common.searchPlaceholder,searchText:j??"",onSearchTextChanged:b=>{E(b),b.trim().length>=2?Q(b,T):b.trim().length==0&&Q("",T)},downloadPresent:!0}),t.jsx(ve,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async b=>{if(b==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else A(!0)}}}})]});return t.jsxs(wo,{windowSize:k,children:[t.jsx(Be,{title:U.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:X.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:R,source:"OpExByVendorPage"}),t.jsxs(vo,{windowSize:k,children:[he?t.jsx(Oe,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${X.colors.grey3}`},onTabChange:b=>i(Pe(b.id)),previousTabPosition:d,setPreviousTabPosition:_}):null,t.jsx(Fo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:P}),Y!=null?t.jsx(Eo,{children:t.jsx(Ge,{balance:Y,dateText:Ro(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:K})]}),t.jsx(zo,{reference:$,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:x,onSortOrderChanged:be,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:P})]})}return t.jsx(t.Fragment,{})},Fo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:i,onTimeframeSelectionChanged:l,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(Do,{children:t.jsxs($o,{children:[t.jsx(jo,{children:t.jsx(We,{timeframe:{allowedTimeframes:e,selectedTimeframe:i,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),z("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&l(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,z("operating_expenses_by_vendor"),V(i)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(Re,{firstMonthOfFY:r,timeframe:i,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(Io,{children:t.jsx(Ke,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(No,{windowSize:o,children:t.jsx(ie,{children:({height:s,width:i})=>t.jsx(ho,{selectedRangeReport:r,width:i,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},zo=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:i,onTableScroll:l,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const y=r.mode==="compare_mode",x=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",z("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),i(y,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,_]=C.useState(void 0),[S,v]=C.useState(void 0),P=H(),R=q(),j=!(P==="small"||P==="medium-compact");C.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:Ee(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!le(S,e)){const $=xo(e,r,k,j);v(e),_($)}else{const $=So(d,k,e,j);_($)}},[r.mode,e]);const E=k=>k<e.opexBalances.length,M=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},A=e.opexBalances.length;return t.jsx(Mo,{windowSize:P,ref:s,children:o?t.jsx(Ye,{}):d!=null?t.jsx(Ao,{children:t.jsx(He,{backgroundColor:new $e(R.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:j,isStickyName:j},treeNodePadding:{left:I.contentPaddingLeft.value(P),right:I.contentPaddingRight.value(P)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:x,onScroll:l,infiniteLoadingProps:{isItemLoaded:E,itemCount:A,loadMoreItems:M}})}):null})},Ro=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:i}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(i.visual.MMMYYFormat)} - ${o.format(i.visual.MMMYYFormat)}`};export{fr as default};
+`,Lo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx(je,{size:"ExtraLarge",start:!0})}):null,fr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:m,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:x,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:_,updateDownloadStateHandler:S,onClearSearch:v,analytics:P,onClickMenuIcon:z})=>{const[j,E]=C.useState(o.searchString[o.timeframe]),[M,A]=C.useState(!1),w=H(),$=C.useRef(null),K=Ce(r),me=K.length>1,he=B.getLocalizedStrings().reports.common,J=B.getLocalizedStrings().vendors,X=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,W=e.allTimeframeTicks.length===0,{timeframe:T}=o,D=o.searchString[T];_e({componentName:"vendors.opex_by_vendor.list"});const fe=C.useCallback(k=>{n(T,D,k)},[T,D,n]),ye=C.useCallback((k,b)=>{window.scrollTo({top:$.current?.offsetTop,behavior:"smooth"}),k.length>0?(y(!0),n(b,k,!1)):(y(!1),v(b))},[v,n,y]),Q=C.useRef(xe((k,b)=>ye(k,b),500,{trailing:!0})).current,be=(k,b)=>{c(k,b,T),y(!0),n(T,D,!1)};if(C.useEffect(()=>{async function k(){await fo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[T],...s}),P?.trackDownload(R("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}M&&o.downloadState!=="In-Progress"&&(A(!1),S("In-Progress"),k())},[e,o,L,s,o.downloadState,M]),C.useEffect(()=>{E(D)},[D]),e.fetchState==="Error")return t.jsxs(Oo,{children:[t.jsx(Po,{"data-testid":we("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx(To,{children:he.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Lo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const k=t.jsxs(t.Fragment,{children:[t.jsx(ke,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:J.common.searchPlaceholder,searchText:j??"",onSearchTextChanged:b=>{E(b),b.trim().length>=2?Q(b,T):b.trim().length==0&&Q("",T)},downloadPresent:!0}),t.jsx(ve,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:W,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async b=>{if(b==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else A(!0)}}}})]});return t.jsxs(ko,{windowSize:w,children:[t.jsx(Be,{title:J.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:X.colors.grey5,onBackClick:m,rightSideComponent:k,showMenuIcon:w==="medium-compact"||w==="small",downloadPresent:!0,onClickMenuIcon:z,source:"OpExByVendorPage"}),t.jsxs(vo,{windowSize:w,children:[me?t.jsx(Oe,{allTabs:K,selectedTab:K[1].id,containerStyle:{borderBottom:`2px solid ${X.colors.grey3}`},onTabChange:b=>l(Pe(b.id)),previousTabPosition:d,setPreviousTabPosition:_}):null,t.jsx(Fo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:P}),Y!=null?t.jsx(Eo,{children:t.jsx(Ge,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:W})]}),t.jsx(Ro,{reference:$,report:e,uiState:o,isEmptyPeriod:W,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:x,onSortOrderChanged:be,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:P})]})}return t.jsx(t.Fragment,{})},Fo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:m,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(Do,{children:t.jsxs($o,{children:[t.jsx(jo,{children:t.jsx(Ke,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&i(c),n==="compare_mode"&&!p&&m(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,R("operating_expenses_by_vendor"),V(l)),m(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(ze,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(Io,{children:t.jsx(We,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(No,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(mo,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Ro=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:m,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const y=r.mode==="compare_mode",x=w=>{c?.trackCompareFilterChange(w==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),l(y,[w==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,_]=C.useState(void 0),[S,v]=C.useState(void 0),P=H(),z=q(),j=!(P==="small"||P==="medium-compact");C.useEffect(()=>{const w={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:Ee(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:m,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!ie(S,e)){const $=xo(e,r,w,j);v(e),_($)}else{const $=So(d,w,e,j);_($)}},[r.mode,e]);const E=w=>w<e.opexBalances.length,M=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},A=e.opexBalances.length;return t.jsx(Mo,{windowSize:P,ref:s,children:o?t.jsx(Ye,{}):d!=null?t.jsx(Ao,{children:t.jsx(He,{backgroundColor:new $e(z.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:j,isStickyName:j},treeNodePadding:{left:I.contentPaddingLeft.value(P),right:I.contentPaddingRight.value(P)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:x,onScroll:i,infiniteLoadingProps:{isItemLoaded:E,itemCount:A,loadMoreItems:M}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{fr as default};

package/dist/assets/OverlayContainerPage-IDTUbuAC-CRFgbke2.js

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

package/dist/assets/{PandLWithForecastPage-B8WG6VDM-B7n_PAXf.js → PandLWithForecastPage-BCEjC9iA-DALj3dPN.js}

@@ -1,4 +1,4 @@
-import{V as o,D as A,e as I,J as v,bC as ne,O as c,r as re,aQ as F,T as ae,b as ie,y as W,o as s,cd as ce,aE as le,aW as de,a as ge,cD as pe,bz as me,c as $,cE as he,aU as fe,aV as ue,bb as xe,bL as we}from"./index-CRNmezJu.js";import{a as N}from"./sentry-Dla7mstv.js";import{n as r}from"./mui-mhzAEcDs.js";import{R as Se}from"./NavBarWithPicker-DfM5Vi5g-B5Y2cvHv.js";import{m as je}from"./analyticsHelper-CLY1vV_E-BemgqSJF.js";import{M as be}from"./TimeframeSwitcherWithToggle-CaOGQOMX-D3Vo1Cjd.js";import{I as ye,a as $e}from"./CollapsableReportTable-D9EGRkFb-DwhLMO0b.js";import{M as V}from"./usp-line-BBd1wKwW-C5eOwLOD.js";import{F1 as Ce,F2 as Pe}from"./zeni-epic-state-CSmiPBaP.js";import{D as ke,T as ze,C as ve}from"./mapSectionWithAcOnlyToTreeNode-4MBuc1Sm-B6R5EAwN.js";import{s as G}from"./mapTimeframeBalancesToTreeNode-D4r2BVXx-DnEFsarG.js";import"./liveblocks-BKvkleJ3.js";import"./core-hVMF2uNa.js";import"./recharts-BErFcng5.js";import"./lottie-N_bekW9H.js";import"./analytics-g5EpLRud.js";import"./lexical-DYQnWL1V.js";import"./utils-D6NmQd1Q.js";import"./TimeframeSwitcher--oC4RNb6-CvfDTC-U.js";import"./AccountRow-C0plHrDu-BlMGnWxc.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]="d9227eae-ea5d-475d-a81e-4fdc31ee1cca",e._sentryDebugIdIdentifier="sentry-dbid-d9227eae-ea5d-475d-a81e-4fdc31ee1cca")}catch{}})();const H="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",J="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",Te=r.div`
+import{V as o,G as A,g as I,Q as v,bB as ne,F as c,r as re,aP as F,T as ie,b as ae,y as W,o as s,cc as ce,aD as le,aV as de,M as ge,cC as pe,by as me,u as $,cD as he,aT as fe,aU as ue,ba as xe,bK as we}from"./index-AqGiWrum.js";import{a as N}from"./sentry-CTKU7CLc.js";import{n as r}from"./mui-C_Pjuwl5.js";import{R as Se}from"./NavBarWithPicker-C4ExxFQW-CBeQSmTW.js";import{m as je}from"./analyticsHelper-Bv2VSRHR-D5TeO7Fb.js";import{M as be}from"./TimeframeSwitcherWithToggle-CTsXGTZM-Y9gaGt4o.js";import{I as ye,a as $e}from"./CollapsableReportTable-CpOmWQO--CCW_jG6A.js";import{M as E}from"./usp-line-BBd1wKwW-DQyOXy13.js";import{F1 as Ce,F2 as Pe}from"./zeni-epic-state-Cl3KIlic.js";import{D as ke,T as ze,C as ve}from"./mapSectionWithAcOnlyToTreeNode-C9RPV_Hz-BdcAtsjX.js";import{s as H}from"./mapTimeframeBalancesToTreeNode-BJHD6cPI-DvQ95SJz.js";import"./liveblocks-D8QW-YrN.js";import"./core-mVc5WAnu.js";import"./recharts-BGj_NTVO.js";import"./lottie-CoVfqInY.js";import"./analytics-YsywGP0I.js";import"./lexical-D1NyDz9G.js";import"./utils-DJxCyxGL.js";import"./TimeframeSwitcher-CJnjD8oY-C839RlNd.js";import"./AccountRow-DvTUqeYB-Coj4ZTWN.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]="2ee3e6e1-3388-4779-85e9-7e7af2735a4e",e._sentryDebugIdIdentifier="sentry-dbid-2ee3e6e1-3388-4779-85e9-7e7af2735a4e")}catch{}})();const Q="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",Y="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",Te=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -17,7 +17,7 @@ import{V as o,D as A,e as I,J as v,bC as ne,O as c,r as re,aQ as F,T as ae,b as
   margin: auto;
   padding: ${s.sp5} ${s.sp0};
   color: ${e=>e.theme.colors.primary};
-`,Y=r.div`
+`,q=r.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: center;
@@ -27,7 +27,7 @@ import{V as o,D as A,e as I,J as v,bC as ne,O as c,r as re,aQ as F,T as ae,b as
   width: ${e=>e.windowSize==="small"?"auto":"408px"};
   display: flex;
   flex-direction: column;
-`,Q=r.div`
+`,J=r.div`
   width: ${e=>e.windowSize==="small"?"100%":"calc(100% - 408px)"};
   overflow: hidden;
   max-width: 712px;
@@ -52,25 +52,25 @@ import{V as o,D as A,e as I,J as v,bC as ne,O as c,r as re,aQ as F,T as ae,b as
   box-sizing: border-box;
 `,_=r(xe)`
   color: ${e=>e.theme.colors.champion};
-`,O=r(ue)`
+`,B=r(ue)`
   color: ${e=>e.theme.colors.champion};
-`,B=r(fe)`
+`,O=r(fe)`
   color: ${e=>e.theme.colors.champion};
-`,E=r(he)`
+`,V=r(he)`
   color: ${e=>e.theme.colors.champion};
 `,P=r.div``,k=r.div`
   padding-left: ${s.sp3};
-`,Z=r(V)`
+`,Z=r(E)`
   color: ${e=>e.theme.colors.graphColor18};
-`,ee=r(V)`
+`,ee=r(E)`
   color: ${e=>e.theme.colors.graphColor25};
-`,oe=r(V)`
+`,oe=r(E)`
   color: ${e=>e.theme.colors.graphColor04};
 `,Fe=r(me)`
   margin: ${s.sp3} auto;
   max-width: 422px;
   color: ${e=>e.theme.colors.hero};
-`,Ne=()=>{const e=I(),t=v();return o.jsxs(Y,{windowSize:t,children:[o.jsx(Q,{windowSize:t,children:o.jsx(X,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:J,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(K,{windowSize:t,children:[o.jsxs(C,{windowSize:t,children:[o.jsx(P,{children:o.jsx(Z,{})}),o.jsxs(k,{children:[o.jsx(E,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(C,{windowSize:t,children:[o.jsx(P,{children:o.jsx(ee,{})}),o.jsxs(k,{children:[o.jsx(E,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(C,{windowSize:t,children:[o.jsx(P,{children:o.jsx(oe,{})}),o.jsxs(k,{children:[o.jsx(E,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},_e=()=>{const e=I(),t=v();return o.jsxs(Y,{windowSize:t,children:[o.jsxs(K,{windowSize:t,children:[o.jsxs(C,{windowSize:t,style:{width:"408px"},children:[o.jsx(P,{children:o.jsx(Z,{})}),o.jsxs(k,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(C,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(P,{children:o.jsx(ee,{})}),o.jsxs(k,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(C,{windowSize:t,style:{width:"408px"},children:[o.jsx(P,{children:o.jsx(oe,{})}),o.jsxs(k,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(Q,{windowSize:t,children:o.jsx(X,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:J,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Oe=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const i=I(),l=v(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(Te,{"data-testid":F("forecast-promo-page"),children:[o.jsx(ne,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:i.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(Le,{"data-testid":F("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Me,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Ie,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ne,{}):o.jsx(_e,{}),o.jsxs(Ae,{"data-testid":F("forecast-promo-bottom-container"),children:[o.jsx(re,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Fe,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Be(e,t,n=!0){const i=c.getLocalizedStrings().reports,l=e.filter.balancesRange.numberOfPeriods,d=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],m=G({balances:d,config:t}),p=[];return p.push(m),e.idsInOrder.forEach(a=>{if(Ce(a)===!0){const u=e.sections[a];if(u==null)return;u.accountGroups.length>0?p.push(ke({section:e.sections[a],sectionType:a,numOfBalances:l,title:i.sections[a],isLastNode:!0,config:t})):p.push(ze({sectionWithAcOnly:e.sections[a],sectionType:a,numOfBalances:l,title:i.sections[a],isLastNode:!0,config:t}))}else Pe(a)===!0&&p.push(ve({calculatedSection:e.calculatedSections[a],numOfBalances:l,title:i.sections[a],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[m]:[],contentNodes:p}}function Ee(e,t,n,i=!0){Object.assign(e.config,t);const l=n.sections.expenses.balances.length>0?[...n.sections.expenses.balances,...n.sections.expenses.additionalBalances]:[...n.sections.income.balances,...n.sections.income.additionalBalances],d=G({balances:l,config:t,nodeId:e.contentNodes[0].id}),m=e.contentNodes.slice(1);return m.forEach(p=>te(p,t)),{config:t,headerNodes:i?[d]:[],contentNodes:[d,...m]}}function te(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>te(n,t))}const L={contentPaddingLeft:new W($[3],$[3],$[8]),contentPaddingRight:new W($[3],$[3],$[8])},Ve=r.div`
+`,Ne=()=>{const e=I(),t=v();return o.jsxs(q,{windowSize:t,children:[o.jsx(J,{windowSize:t,children:o.jsx(X,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:Q,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(K,{windowSize:t,children:[o.jsxs(C,{windowSize:t,children:[o.jsx(P,{children:o.jsx(Z,{})}),o.jsxs(k,{children:[o.jsx(V,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(C,{windowSize:t,children:[o.jsx(P,{children:o.jsx(ee,{})}),o.jsxs(k,{children:[o.jsx(V,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(C,{windowSize:t,children:[o.jsx(P,{children:o.jsx(oe,{})}),o.jsxs(k,{children:[o.jsx(V,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},_e=()=>{const e=I(),t=v();return o.jsxs(q,{windowSize:t,children:[o.jsxs(K,{windowSize:t,children:[o.jsxs(C,{windowSize:t,style:{width:"408px"},children:[o.jsx(P,{children:o.jsx(Z,{})}),o.jsxs(k,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(C,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(P,{children:o.jsx(ee,{})}),o.jsxs(k,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(C,{windowSize:t,style:{width:"408px"},children:[o.jsx(P,{children:o.jsx(oe,{})}),o.jsxs(k,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(J,{windowSize:t,children:o.jsx(X,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:Q,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Be=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const a=I(),l=v(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(Te,{"data-testid":F("forecast-promo-page"),children:[o.jsx(ne,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(Le,{"data-testid":F("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Me,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Ie,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ne,{}):o.jsx(_e,{}),o.jsxs(Ae,{"data-testid":F("forecast-promo-bottom-container"),children:[o.jsx(re,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Fe,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Oe(e,t,n=!0){const a=c.getLocalizedStrings().reports,l=e.filter.balancesRange.numberOfPeriods,d=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],m=H({balances:d,config:t}),p=[];return p.push(m),e.idsInOrder.forEach(i=>{if(Ce(i)===!0){const u=e.sections[i];if(u==null)return;u.accountGroups.length>0?p.push(ke({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):p.push(ze({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else Pe(i)===!0&&p.push(ve({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[m]:[],contentNodes:p}}function Ve(e,t,n,a=!0){Object.assign(e.config,t);const l=n.sections.expenses.balances.length>0?[...n.sections.expenses.balances,...n.sections.expenses.additionalBalances]:[...n.sections.income.balances,...n.sections.income.additionalBalances],d=H({balances:l,config:t,nodeId:e.contentNodes[0].id}),m=e.contentNodes.slice(1);return m.forEach(p=>te(p,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...m]}}function te(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>te(n,t))}const L={contentPaddingLeft:new W($[3],$[3],$[8]),contentPaddingRight:new W($[3],$[3],$[8])},Ee=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -92,7 +92,7 @@ import{V as o,D as A,e as I,J as v,bC as ne,O as c,r as re,aQ as F,T as ae,b as
   justify-content: center;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,U=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?o.jsx(De,{children:o.jsx(ae,{size:"ExtraLarge",start:!0})}):null,We=r.div`
+`,U=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?o.jsx(De,{children:o.jsx(ie,{size:"ExtraLarge",start:!0})}):null,We=r.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -104,4 +104,4 @@ import{V as o,D as A,e as I,J as v,bC as ne,O as c,r as re,aQ as F,T as ae,b as
   align-items: center;
   justify-content: center;
   margin-bottom: ${s.sp3};
-`,qe=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:i,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:m,onBackClick:p,isPandLReportFetching:a,onClickMenuIcon:u})=>{const h=v(),f=[];for(let g=0;g<e.length;++g)f.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:f,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ie.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const z=e[parseInt(g)];n?.(z.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:a},onBackClick:p,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:u},b={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:i,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:d,onTimeframeSelectionChanged:g=>m?.(g)}};return o.jsxs(We,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(Se,{...x}),a?"":o.jsx(Ue,{children:o.jsx(be,{...b})})]})},Ge=({report:e,type:t,isActualVsForecastOn:n,compareMode:i,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:m,onTableScroll:p,nodeOpenStatus:a,onNodeCollapseToggled:u})=>{const h=I(),f=v(),[x,b]=N.useState(void 0),[g,z]=N.useState(void 0),y=!(f==="small"||f==="medium-compact"),M=n===!0?"actual_vs_forecast":"none",T=`forecast.${e.reportId}`;return ce({componentName:T,enabled:e.fetchState==="Completed"}),N.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:M,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:$e(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(g,e)){const w=Be(e,S,y);z(e),b(w)}else{const w=Ee(x,S,e,y);b(w)}},[t,n,e]),x!=null?o.jsx(ye,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:i,isSticky:{isStickyHeader:y,isStickyName:y},treeNodePadding:{left:L.contentPaddingLeft.value(f),right:L.contentPaddingRight.value(f)},onAccountClick:l==null?void 0:(S,w)=>{l(S,w)},onCompareModeChanged:d,scrollPosition:m,onScroll:p,nodeOpenStatus:a,onNodeCollapseToggled:u}):null};function uo({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:i,selectedForecast:l,pandLreport:d,type:m,meetingUrl:p,analytics:a,onForecastSelectionChanged:u,onTimeframeChanged:h,onForecastVsActualsCompareToggle:f,onAccountBalanceClick:x,onCompareModeChanged:b,scrollPosition:g,onTableScroll:z,nodeOpenStatus:y,onNodeCollapseToggled:M,onBackClick:T,onClickMenuIcon:S}){const w=[i.fetchState,d.fetchState],R=l?.index??-1;return se(w)===!0||i.fetchState==="Completed"&&i.forecasts.length===0?o.jsx(Oe,{meetingUrl:p,onBackClick:T,onClickMenuIcon:S}):q([i.fetchState])===!0?o.jsx(U,{fetchState:Je(w)}):o.jsxs(Ve,{children:[o.jsx(qe,{forecastList:i.forecasts,selectedForecastIndex:R,onForecastSelectionChanged:(j,D)=>{a?.trackForecastSwitch(A.Event.profitAndLossWithForecast,i.forecasts[D].name),u?.(j,D)},vsActualOn:t,onVsActualChanged:j=>{a?.trackForecastVsActualMode(A.Event.profitAndLossWithForecast,i.forecasts[R].name,j),f?.(j)},selectedTimeframe:e,onTimeframeChanged:j=>{a?.trackTimeframeSwitch(je(j),A.Event.profitAndLossWithForecast),h?.(j)},onBackClick:T,isPandLReportFetching:q([d.fetchState]),onClickMenuIcon:S}),d.fetchState==="In-Progress"?o.jsx(U,{fetchState:"In-Progress"}):o.jsx(Re,{children:o.jsx(Ge,{report:d,type:m,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:b,scrollPosition:g,onTableScroll:z,nodeOpenStatus:y,onNodeCollapseToggled:M})})]})}const He=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),se=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),q=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Je=e=>He(e)===!0?"Completed":se(e)===!0?"Error":"In-Progress";export{uo as default,q as isAnyInProgress};
+`,Ge=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:m,onBackClick:p,isPandLReportFetching:i,onClickMenuIcon:u})=>{const h=v(),f=[];for(let g=0;g<e.length;++g)f.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:f,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ae.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const z=e[parseInt(g)];n?.(z.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:p,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:u},b={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:a,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:d,onTimeframeSelectionChanged:g=>m?.(g)}};return o.jsxs(We,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(Se,{...x}),i?"":o.jsx(Ue,{children:o.jsx(be,{...b})})]})},He=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:m,onTableScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:u})=>{const h=I(),f=v(),[x,b]=N.useState(void 0),[g,z]=N.useState(void 0),y=!(f==="small"||f==="medium-compact"),M=n===!0?"actual_vs_forecast":"none",T=`forecast.${e.reportId}`;return ce({componentName:T,enabled:e.fetchState==="Completed"}),N.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:M,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:$e(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(g,e)){const w=Oe(e,S,y);z(e),b(w)}else{const w=Ve(x,S,e,y);b(w)}},[t,n,e]),x!=null?o.jsx(ye,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:y,isStickyName:y},treeNodePadding:{left:L.contentPaddingLeft.value(f),right:L.contentPaddingRight.value(f)},onAccountClick:l==null?void 0:(S,w)=>{l(S,w)},onCompareModeChanged:d,scrollPosition:m,onScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:u}):null};function uo({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:m,meetingUrl:p,analytics:i,onForecastSelectionChanged:u,onTimeframeChanged:h,onForecastVsActualsCompareToggle:f,onAccountBalanceClick:x,onCompareModeChanged:b,scrollPosition:g,onTableScroll:z,nodeOpenStatus:y,onNodeCollapseToggled:M,onBackClick:T,onClickMenuIcon:S}){const w=[a.fetchState,d.fetchState],R=l?.index??-1;return se(w)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Be,{meetingUrl:p,onBackClick:T,onClickMenuIcon:S}):G([a.fetchState])===!0?o.jsx(U,{fetchState:Ye(w)}):o.jsxs(Ee,{children:[o.jsx(Ge,{forecastList:a.forecasts,selectedForecastIndex:R,onForecastSelectionChanged:(j,D)=>{i?.trackForecastSwitch(A.Event.profitAndLossWithForecast,a.forecasts[D].name),u?.(j,D)},vsActualOn:t,onVsActualChanged:j=>{i?.trackForecastVsActualMode(A.Event.profitAndLossWithForecast,a.forecasts[R].name,j),f?.(j)},selectedTimeframe:e,onTimeframeChanged:j=>{i?.trackTimeframeSwitch(je(j),A.Event.profitAndLossWithForecast),h?.(j)},onBackClick:T,isPandLReportFetching:G([d.fetchState]),onClickMenuIcon:S}),d.fetchState==="In-Progress"?o.jsx(U,{fetchState:"In-Progress"}):o.jsx(Re,{children:o.jsx(He,{report:d,type:m,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:b,scrollPosition:g,onTableScroll:z,nodeOpenStatus:y,onNodeCollapseToggled:M})})]})}const Qe=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),se=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),G=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ye=e=>Qe(e)===!0?"Completed":se(e)===!0?"Error":"In-Progress";export{uo as default,G as isAnyInProgress};

package/dist/assets/{PaymentAccountSetupBillingAddressSection-BT4jtUDt-BicenMSK.js → PaymentAccountSetupBillingAddressSection-BFcZtn5n-qrQdGMeL.js}

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