@zeniai/web-cockpit-ui 1.14.82-dev → 1.14.83-dev

package/dist/assets/OpExByVendorPage-BFHzD656-CkhDsmtK.js

@@ -0,0 +1,100 @@
+import{u as X,jr as xe,a as T,i as J,d4 as be,a_ as _e,j as a,bm as Se,cz as ve,jq as ke,cj as we,cf as Be,js as je,jt as Te,d1 as Pe,d2 as Oe,d3 as $e,b as x,bq as De,A as Ne,R as z,bG as ce,b3 as de,cl as Ie,bs as Ee,s as O,cu as Ae,bS as Me,t as re,bR as Re,bv as Le,cv as Fe,cs as Ve,C as o,ah as pe}from"./index-2CdI-B2B.js";import{a as w,o as ze}from"./core-tlHkQPPu.js";import{n as f}from"./mui-kiGMfX4-.js";import{fX as We}from"./zeni-epic-state-Bo1aGezX.js";import{c as Ke,s as Ye,o as q,a as me,r as oe}from"./chartTypes-BADtYh4F-X-tWlUJq.js";import{t as Ge}from"./toChartData-DfujfQ7D-nillWsTs.js";import{n as He}from"./ComposedChart-Cot0K7Et-DQrzoGG2.js";import{a as W}from"./analyticsHelper-QM8g-I4_-BsSO6wHs.js";import{i as qe}from"./TimeRangeSwitcher-BLZFMJtQ-wzd2C_JZ.js";import{y as Ue}from"./TimeframeSwitcherWithToggle-Cu3G5WXl-BNaAKXj3.js";import{x as Xe}from"./NoDataChart-C0lCeeVH-BiooJKO2.js";import{a as Je}from"./NoDataTable-Mkdamra1-CCnSaZtC.js";import{D as Qe,Y as ae}from"./detailCommon-B2986coM-C1gDOjW1.js";import{e as K}from"./getReferrerType-D1egX4iL-cWt5sFuQ.js";import{r as Ze,N as U}from"./CollapsableReportTable-B3_in9eE-D8gjZt8q.js";import{a as he}from"./mapTimeframeBalancesToTreeNode-Cv8OFsQz-CIsvQJMh.js";import{n as te}from"./mapLoadingInProgressToTreeNode-wIyHFu9f-XNeJbueD.js";import{a as er}from"./mapSpacerToTreeNode-D35gt6vK-B3lOm-Wx.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./Area-Sl30rGq6-WMXLxt2t.js";import"./Switch-0GHq7mOt-Dq45hGqf.js";import"./TimeframeSwitcher-BsjH-yMO-V_f8h8uY.js";import"./graphic-no-data-l-CfhD7tYw-SmhQgAdh.js";import"./AccountRow-DbyUdPZG-D3G-oWRQ.js";import"./useFormControl-DPydD0oc-BkCU7DyG.js";const rr=f.div`
+  display: flex;
+`,or=f.div`
+  flex: display;
+  opacity: 0.85;
+  width: 320px;
+  border-radius: ${x.sp1};
+  flex-direction: column;
+  padding: ${x.sp3};
+  background-color: ${e=>e.theme.colors.black};
+`,ne=f.div`
+  display: flex;
+  justify-content: space-between;
+`,se=f(pe)`
+  color: ${e=>e.color??o.neutralGrey2Light};
+  text-align: left;
+`,ie=f(pe)`
+  color: ${e=>e.color??o.neutralGrey2Light};
+  text-align: right;
+`,ar=f.div`
+  margin: ${x.sp2} ${x.sp0} ${x.sp2} ${x.sp0};
+  width: 100%;
+  height: 1px;
+  background-color: ${o.neutralGrey3Dark};
+`,tr=({barLabelsWithValues:e,getVendorName:n})=>a.jsx(rr,{children:a.jsxs(or,{children:[a.jsxs(ne,{children:[a.jsx(se,{color:e[0].color,children:`${n(e[0].timeframeTick,e[0].barName)}`}),a.jsx(ie,{color:e[0].color,children:`${oe(e[0].actual)}`})]}),a.jsx(ar,{}),a.jsxs(ne,{children:[a.jsx(se,{color:o.primaryDark,children:`${T.getLocalizedStrings().chartCard.total}`}),a.jsx(ie,{children:`${oe(e[0].total)}`})]})]})}),nr=ze.memo(e=>{const n=(({active:r,payload:l,barName:i})=>{const p=[];if(l!==void 0&&r===!0){const h=l.filter(g=>g.name==i)[0],t=h.payload,c=h.color,u={amount:t.record[i].amount?.amount??0,currencyCode:t.record[i].amount?.currencyCode??"",currencySymbol:t.record[i].amount?.currencySymbol??""},m={amount:0,currencyCode:"",currencySymbol:""};let C,b=0;for(C in t.record)C.endsWith("_actual")&&(b+=t.record[C].amount?.amount??0);m.amount=b,m.currencyCode=u.currencyCode,m.currencySymbol=u.currencySymbol,p.push({barName:me(i),actual:u,color:c,total:m,timeframeTick:t.timeLabel})}return p})({...e});return n.length===0?null:a.jsx(tr,{barLabelsWithValues:n,getVendorName:e.getVendorName})}),le=[o.graphColor34,o.graphColor05,o.graphColor08,o.graphColor11,o.graphColor13,o.graphColor19,o.graphColor29,o.graphColor28,o.graphColor20,o.graphColor21,o.graphColor22,o.graphColor14,o.graphColor35,o.graphColor31,o.graphColor33,o.graphColor32,o.graphColor36,o.graphColor02,o.graphColor06,o.graphColor04,o.graphColor10,o.graphColor12,o.graphColor15,o.graphColor18,o.graphColor17,o.graphColor07,o.graphColor34Dark,o.graphColor05Dark,o.graphColor08Dark,o.graphColor11Dark,o.graphColor13Dark,o.graphColor19Dark,o.graphColor29Dark,o.graphColor28Dark,o.graphColor20Dark,o.graphColor21Dark,o.graphColor22Dark,o.graphColor14Dark,o.graphColor35Dark,o.graphColor31Dark,o.graphColor33Dark,o.graphColor32Dark,o.graphColor36Dark,o.graphColor02Dark,o.graphColor06Dark,o.graphColor04Dark,o.graphColor10Dark,o.graphColor12Dark,o.graphColor15Dark,o.graphColor18Dark,o.graphColor17Dark,o.graphColor07Dark];class A{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=o.graphColor34,this._barColors=le.slice(),this._barColorsKeyWise=new Map}static#e=new A;getBarColor(n){const r=A.instance();return r._barColorsKeyWise.has(n)||(r._barColors.length===0&&(r._barColors=le.slice()),r._barColorsKeyWise.set(n,r._barColors.shift()??r._defaultColor)),r._barColorsKeyWise.get(n)}shouldUpdate(n){const r=A.instance(),l=Array.from(r._barColorsKeyWise.keys()).sort();return!de(l,n)}static init(){return this.#e=new A,this.#e}static instance(){return this.#e}}const sr=A.instance(),ir=f.div`
+  width: ${e=>e.width}px;
+  height: ${e=>e.height}px;
+`;function lr({selectedRangeReport:e,width:n,height:r,showBarHoverBackground:l=!1,isDetailPage:i=!1}){const p=w.useRef(!1),h=sr,[t,c]=w.useState(void 0);w.useEffect(()=>{p.current=!0},[]);const u=((s,y)=>{const _=new Set,d={};let v;const j=y.top4VendorsAndOthers;return Object.keys(j).length>0&&Object.keys(j).forEach(I=>{j[I].forEach((S,$)=>{const B=Ke(`vendor_${$}`,"actual");_.add(B),v==null&&S.balance!=null&&(v=B),d[B]!=null?d[B].push({key:B,balance:S.balance}):d[B]=[{key:B,balance:S.balance}]})}),v!=null?Ge(s,[..._],v,d):void 0})(e.firstMonthOfFY,e),m=()=>{const s=[];return u?.orderedKeys.forEach(y=>{const _=i===!0&&!p.current;s.push(C(y,_))}),s},C=(s,y)=>a.jsx(Ve,{name:s,animationDuration:y?500:void 0,style:{cursor:"pointer"},dataKey:_=>{const d=_.record;return(d[s]?.amount!=null?d[s].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(me(s)),onMouseEnter:()=>{t!==s&&c(s)},onMouseLeave:()=>{t!=null&&c(void 0)}},s),b=({active:s,payload:y})=>y?.find(d=>d.name===t)!=null&&t!=null&&s===!0?a.jsx(nr,{active:s,payload:y,barName:t,getVendorName:g}):null,g=(s,y)=>{const _=We(s);try{const d=y.split("_")[1];return e.top4VendorsAndOthers[_][parseInt(d)].vendor.name}catch(d){return console.warn("Was not able to parse vendor index for tooltip ",d),""}};return u==null?null:a.jsx(cr,{chartData:u,showBarHoverBackground:l,barElements:m(),customToolTipContent:a.jsx(b,{}),width:n,height:r,isDetailPage:i===!0})}const cr=({chartData:e,barElements:n,customToolTipContent:r,width:l,height:i,showBarHoverBackground:p=!1,isDetailPage:h})=>{const t=J(),c=Ye(e),u=p!==!1,m=h?(l-60)/q.operating_expenses_by_vendor*(q.operating_expenses_by_vendor-e.timeseries.length):20;return a.jsx(ir,{width:l,height:i,children:a.jsx(ce,{children:({height:C,width:b})=>a.jsxs(He,{width:b,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?O[5]:30,margin:{top:5,right:m,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[a.jsx(Ae,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:t.colors.grey3}),a.jsx(Me,{dataKey:g=>g.timeLabel.label,type:"category",axisLine:{stroke:t.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:t.colors.hero,...re.extraSmallRegular.cssObject}}),a.jsx(Re,{type:"number",axisLine:!1,tickLine:!1,tick:{color:t.colors.hero,...re.extraSmallRegular.cssObject},tickFormatter:g=>Le("0,0.[00]a",g,c)}),a.jsx(Fe,{wrapperStyle:{zIndex:2},cursor:!!u&&{stroke:t.colors.background,strokeWidth:(b-120)/q.operating_expenses_by_vendor,fill:t.colors.background},content:r,allowEscapeViewBox:{x:!1,y:!0}}),n]})})})};function dr(e){const n=function(r){const{isCompareModeOn:l,report:i,currentTenantCompanyName:p}=r,h=[];return l&&(h.push("this_period_vs_last_period_percent"),h.push("this_period_vs_last_period")),i.dataAvailable!=null?{localeId:T.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:p,statementFileType:"excel",timeframe:r.timeframe,timezone:r.timezone,additionalBalances:h,format:r.reportType,sortKey:r.sortKey,sortOrder:r.sortOrder,isCompareModeOn:r.isCompareModeOn,searchString:r.searchString}:void 0}(e);return n!=null?async function(r,l,i){const p=T.getLocalizedStrings().downloadReport,h=`${r}?query=${encodeURIComponent(JSON.stringify((t=i,{locale_id:t.localeId,show_negative_amount_in_parenthesis:t.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:t.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:t.filterAccountGroupsWithNilBalances,company_name:t.companyName,statement_file_type:t.statementFileType,timeframe:t.timeframe,timezone:t.timezone,additional_balances:t.additionalBalances,format:t.format,sort_key:t.sortKey,sort_order:t.sortOrder,is_compare_mode_on:t.isCompareModeOn,search_string:t.searchString})))}`;var t;try{const c=await Pe({urlEndPoint:h,authParams:l,fileType:i.statementFileType});if(c.ok){const u=Oe(c.headers,p.defaultFileName),m=await c.arrayBuffer();$e(m,u)}else console.error(`${p.reportErrorMessage} ${c.statusText}`)}catch(c){console.error(`${p.reportErrorMessage} ${JSON.stringify(c)}`)}}(e.statementEndPoint,e.authParams,n):void 0}const pr=(e,n,r,l=!0)=>{const i=r.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,p=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&p.push(e.totalBalances.totalBalance);const h=he({balances:p,config:r}),t=[];t.push(h);const c=T.getLocalizedStrings().vendors.opExByVendor,u=r.opexByVendorConfig?.sortOrSearchInProgress??!1,m=r.opexByVendorConfig?.pageFetchInProgress??!1;if(u===!0)[...Array(10)].forEach((C,b)=>{t.push(te({title:`${b}+${c.loading}`,balances:p,config:r}))});else if(e.opexBalances.length>0){if(!n.searchString){const g=function({title:s,balances:y,config:_,numOfBalances:d,nodeId:v}){return{children:[],id:v??U("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:s,data:y,numOfBalances:d},config:_}}}({title:T.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:r,numOfBalances:i});t.push(g)}const C=n.pageToken[n.timeframe],b=e.opexBalances.map((g,s)=>function({opExByVendor:y,numOfBalances:_,title:d,isLastNode:v,config:j}){const I=y.account?.accountName??"-",S=y.classBase?.className??"-";return{children:[],id:U("vendor_row",[],d+I+S),isLastNode:v,reportElementData:{element:{kind:"vendor_row",title:d,data:y,numOfBalances:_},config:j}}}({opExByVendor:g,title:g.vendor.name,numOfBalances:i,isLastNode:s===e.opexBalances.length-1&&C==null,config:r}));t.push(...b),m===!0&&[...Array(1)].forEach((g,s)=>{t.push(te({title:`${s}+${c.loading}`,balances:p,config:r}))}),[...Array(1)].forEach((g,s)=>{t.push(er({title:`${s}+${c.loading}`,balances:[],config:r}))})}return e.opexBalances.length===0&&u!==!0&&t.push(function({title:C,balances:b,config:g,nodeId:s}){return{children:[],id:s??U("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:C,data:b,numOfBalances:b.length},config:g}}}({title:T.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:p,config:r})),{config:r,headerNodes:l?[h]:[],contentNodes:t}},mr=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],M={chartHeight:new z(288,360),wrapperPadding:new z(O[3],O[3],O[8]),contentPaddingLeft:new z(O[0],O[0],O[0]),contentPaddingRight:new z(O[3],O[3],O[8])},hr=f.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  padding: ${x.sp0};
+  gap: 2px;
+`,gr=f.div`
+  position: relative;
+  box-shadow: ${e=>`2px 2px ${x.sp1} ${e.theme.colors.dropShadowNormal}`};
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-left: ${e=>M.wrapperPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>M.wrapperPadding.valuePx(e.windowSize)};
+`,ur=f.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+`,fr=f.div`
+  display: flex;
+  width: 100%;
+  height: 100vh;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,yr=f.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${x.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Cr=f(De)`
+  margin-top: ${x.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,xr=f.div`
+  display: flex;
+  padding: ${x.sp2} ${x.sp0} ${x.sp4} ${x.sp0};
+`,br=f.div``,_r=f.div``,Sr=f.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  height: ${e=>M.chartHeight.valuePx(e.windowSize)};
+  padding-bottom: ${x.sp6};
+`,vr=f.div`
+  display: flex;
+`,kr=f.div`
+  margin-top: ${x.sp5};
+  margin-bottom: ${x.sp6};
+`,wr=f.div`
+  display: flex;
+  position: sticky;
+  justify-content: center;
+  padding-top: ${x.sp8};
+  padding-left: ${e=>M.wrapperPadding.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+`,Br=f.div`
+  width: 100%;
+  height: calc(100vh - ${x.sp11});
+`,jr=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?a.jsx(ur,{children:a.jsx(Ne,{size:"ExtraLarge",start:!0})}):null,so=({report:e,vendorTabsToShow:n,uiState:r,downloadParams:l,onVendorTabSelectionChanged:i,onReloadReport:p,onBackClick:h,onFetchOpExByVendors:t,onAdditionalBalanceSelectionChanged:c,onTimeframeSelectionChanged:u,onSortOrderChanged:m,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:b,onPageFetchStarted:g,previousTabPosition:s,setPreviousTabPosition:y,updateDownloadStateHandler:_,onClearSearch:d,analytics:v,onClickMenuIcon:j})=>{const[I,S]=w.useState(r.searchString[r.timeframe]),[$,B]=w.useState(!1),D=X(),L=w.useRef(null),R=xe(n),Y=R.length>1,F=T.getLocalizedStrings().reports.common,Q=T.getLocalizedStrings().vendors,Z=J(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,V=r.mode==="compare_mode"&&!ue,G=e.allTimeframeTicks.length===0,{timeframe:N}=r,E=r.searchString[N];be({componentName:"vendors.opex_by_vendor.list"});const fe=w.useCallback(P=>{t(N,E,P)},[N,E,t]),ye=w.useCallback((P,k)=>{window.scrollTo({top:L.current?.offsetTop,behavior:"smooth"}),P.length>0?(C(!0),t(k,P,!1)):(C(!1),d(k))},[d,t,C]),ee=w.useRef(_e((P,k)=>ye(P,k),500,{trailing:!0})).current,Ce=(P,k)=>{m(P,k,N),C(!0),t(N,E,!1)};if(w.useEffect(()=>{$&&r.downloadState!=="In-Progress"&&(B(!1),_("In-Progress"),async function(){await dr({report:e,isCompareModeOn:V,downloadState:r.downloadState,reportType:"more_detailed",timeframe:r.timeframe,sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],searchString:r.searchString[N],...l}),v?.trackDownload(K("operating_expenses_by_vendor"),W(r.timeframe),"excel",V),_("Completed")}())},[e,r,V,l,r.downloadState,$]),w.useEffect(()=>{S(E)},[E]),e.fetchState==="Error")return a.jsxs(fr,{children:[a.jsx(yr,{"data-testid":Se("op-ex-by-vendor-reload-page"),onClick:p,children:a.jsx(ve,{})}),a.jsx(Cr,{children:F.failed})]});const H=e.totalBalances?.totalBalance;if(r.sortOrSearchInProgress===!1&&r.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return a.jsx(jr,{fetchState:e.fetchState});if((e.fetchState==="Completed"||r.sortOrSearchInProgress===!0||r.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const P=a.jsxs(a.Fragment,{children:[a.jsx(ke,{isSearchOpen:(E?.length??0)>0,searchPlaceHolder:Q.common.searchPlaceholder,searchText:I??"",onSearchTextChanged:k=>{S(k),k.trim().length>=2?ee(k,N):k.trim().length==0&&ee("",N)},downloadPresent:!0}),a.jsx(we,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:G,isDownloading:r.downloadState==="In-Progress"}],onDownloadClick:async k=>{if(k==="excel"){if(r.downloadState==="In-Progress")return void console.log("Download is already in progress!");B(!0)}}}}})]});return a.jsxs(hr,{windowSize:D,children:[a.jsx(Be,{title:Q.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:Z.colors.grey5,onBackClick:h,rightSideComponent:P,showMenuIcon:D==="medium-compact"||D==="small",downloadPresent:!0,onClickMenuIcon:j,source:"OpExByVendorPage"}),a.jsxs(gr,{windowSize:D,children:[Y?a.jsx(je,{allTabs:R,selectedTab:R[1].id,containerStyle:{borderBottom:`2px solid ${Z.colors.grey3}`},onTabChange:k=>i(Te(k.id)),previousTabPosition:s,setPreviousTabPosition:y}):null,a.jsx(Tr,{timeframes:ge,isCompareModeOn:V,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:r.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:c,onTimeframeSelectionChanged:u,mode:r.mode,analytics:v}),H!=null?a.jsx(kr,{children:a.jsx(Qe,{balance:H,dateText:$r(H)})}):null,a.jsx(Pr,{report:e,isEmptyPeriod:G})]}),a.jsx(Or,{reference:L,report:e,uiState:r,isEmptyPeriod:G,onAdditionalBalanceSelectionChanged:c,onVendorNameAndBalanceClicked:b,onSortOrderChanged:Ce,handleFetchOpExByVendor:fe,onPageFetchStarted:g,analytics:v})]})}return a.jsx(a.Fragment,{})},Tr=({timeframes:e,firstMonthOfFY:n,allTimeframeTicks:r,selectedCOABalancesRange:l,selectedTimeframe:i,onTimeframeSelectionChanged:p,onAdditionalBalanceSelectionChanged:h,mode:t,isCompareModeOn:c,analytics:u})=>a.jsx(_r,{children:a.jsxs(br,{children:[a.jsx(xr,{children:a.jsx(Ue,{timeframe:{allowedTimeframes:e,selectedTimeframe:i,onTimeframeSelectionChanged:m=>{u?.trackTimeframeSwitch(W(m),K("operating_expenses_by_vendor")),m!=="month"&&m!=="quarter"||p(m),t!=="compare_mode"||c||h(c,c?["this_period_vs_last_period_percent"]:[])}},toggle:{label:T.getLocalizedStrings().compareSwitchLabel,isOn:c,isToggleDisabled:!1,onValueChanged:m=>{u?.trackCompareMode(m,K("operating_expenses_by_vendor"),W(i)),h(m,m?["this_period_vs_last_period_percent"]:[])}}})}),a.jsx(qe,{firstMonthOfFY:n,timeframe:i,timeframeTicks:r,selection:{selectedTicks:ae(r,l),highlightedOfSelectedTicks:ae(r,l)}})]})}),Pr=({isEmptyPeriod:e,report:n})=>{const r=X();return e?a.jsx(vr,{children:a.jsx(Xe,{title:T.getLocalizedStrings().chartCard.no_data_available})}):a.jsx(Sr,{windowSize:r,children:a.jsx(ce,{children:({height:l,width:i})=>a.jsx(lr,{selectedRangeReport:n,width:i,height:l,isDetailPage:!0,showBarHoverBackground:!1})})})},Or=({report:e,uiState:n,isEmptyPeriod:r,reference:l,onAdditionalBalanceSelectionChanged:i,onTableScroll:p,onSortOrderChanged:h,onVendorNameAndBalanceClicked:t,handleFetchOpExByVendor:c,onPageFetchStarted:u,analytics:m})=>{const C=n.mode==="compare_mode",b=n.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[g,s]=w.useState(void 0),[y,_]=w.useState(void 0),d=X(),v=J(),j=!(d==="small"||d==="medium-compact");w.useEffect(()=>{const S={reportId:e.reportId,mode:n.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:Ie(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:n.sortKey[n.timeframe],sortOrder:n.sortOrder[n.timeframe],isCompareModeOn:n.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:n.sortOrSearchInProgress,pageFetchInProgress:n.pageFetchInProgress,onVendorNameAndBalanceClicked:t}};if(g!=null&&de(y,e)){const $=function(B,D,L,R=!0){Object.assign(B.config,D);const Y=mr(L),F=he({balances:Y,config:D});return{config:D,headerNodes:R?[F]:[],contentNodes:[F,...B.contentNodes.slice(1)]}}(g,S,e,j);s($)}else{const $=pr(e,n,S,j);_(e),s($)}},[n.mode,e]);const I=e.opexBalances.length;return a.jsx(wr,{windowSize:d,ref:l,children:r?a.jsx(Je,{}):g!=null?a.jsx(Br,{children:a.jsx(Ze,{backgroundColor:new Ee(v.colors.grey4),rootNodes:g,type:"name+balances_actual",compareMode:b,isSticky:{isStickyHeader:j,isStickyName:j},treeNodePadding:{left:M.contentPaddingLeft.value(d),right:M.contentPaddingRight.value(d)},nodeOpenStatus:{},scrollPosition:n.scrollPosition,onCompareModeChanged:S=>{m?.trackCompareFilterChange(S==="compare_mode_percent"?"percentage":"amount",K("operating_expenses_by_vendor"),W(n.timeframe),"dropdown"),i(C,[S==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},onScroll:p,infiniteLoadingProps:{isItemLoaded:S=>S<e.opexBalances.length,itemCount:I,loadMoreItems:()=>{n.pageToken[n.timeframe]!=null&&e.fetchState==="Completed"&&(u(),c(!0))}}})}):null})},$r=e=>{const n=e.startDate,r=e.endDate,{vendors:l,dateFormat:i}=T.getLocalizedStrings();return`${l.opExByVendor.in} ${n.format(i.visual.MMMYYFormat)} - ${r.format(i.visual.MMMYYFormat)}`};export{so as default};

package/dist/assets/OverlayContainerPage-C0a1XRUE-Coei_22L.js

@@ -0,0 +1,11 @@
+import{i,j as r}from"./index-2CdI-B2B.js";import{n}from"./mui-kiGMfX4-.js";import"./core-tlHkQPPu.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const p=n.div`
+  display: ${({isOpen:o})=>o?"block":"none"};
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: ${({theme:o})=>o.colors.background};
+  overflow-y: auto;
+  z-index: 10;
+`,f=({isOpen:o,children:t})=>{const e=i();return r.jsx(p,{isOpen:o,theme:e,children:t})};export{f as default};

package/dist/assets/PandLWithForecastPage-Ccd2Dj3E-BSp6SVyg.js

@@ -0,0 +1,107 @@
+import{j as o,G as R,i as B,u as M,bm as _,cf as de,a as n,B as ge,A as me,R as Y,t as pe,b as s,b3 as he,cl as ue,bs as fe,H as xe,dr as Se,cc as we,s as $,ds as je,bq as be,br as Pe,bM as ye}from"./index-2CdI-B2B.js";import{a as E}from"./core-tlHkQPPu.js";import{n as r}from"./mui-kiGMfX4-.js";import{v as Ce}from"./NavBarWithPicker-FYZ2a05o-CmU_pgV6.js";import{a as ke}from"./analyticsHelper-QM8g-I4_-BsSO6wHs.js";import{y as $e}from"./TimeframeSwitcherWithToggle-Cu3G5WXl-BNaAKXj3.js";import{r as ze,i as ve}from"./CollapsableReportTable-B3_in9eE-D8gjZt8q.js";import{V as U}from"./usp-line-4JsxsMjK-mCxwNowe.js";import{eX as Le,eY as Te}from"./zeni-epic-state-Bo1aGezX.js";import{i as Ie,l as Ae,a as Me}from"./mapSectionWithAcOnlyToTreeNode-CPOj7SUJ-C7GfKtaE.js";import{a as K}from"./mapTimeframeBalancesToTreeNode-CreSrgeo-D32OjiRY.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./Switch-0GHq7mOt-Dq45hGqf.js";import"./TimeframeSwitcher-BsjH-yMO-V_f8h8uY.js";import"./AccountRow-DbyUdPZG-D3G-oWRQ.js";import"./useFormControl-DPydD0oc-BkCU7DyG.js";const Q="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",Z="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",Ne=r.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Be=r.div`
+  padding: ${e=>e.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
+  text-align: center;
+`,Fe=r(Se)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.sp7} ${s.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,Oe=r(xe)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.sp5} ${s.sp0};
+  color: ${e=>e.theme.colors.primary};
+`,ee=r.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${e=>e.windowSize==="small"?s.sp3:s.sp4};
+`,Re=r.div``,oe=r.div`
+  width: ${e=>e.windowSize==="small"?"auto":"408px"};
+  display: flex;
+  flex-direction: column;
+`,te=r.div`
+  width: ${e=>e.windowSize==="small"?"100%":"calc(100% - 408px)"};
+  overflow: hidden;
+  max-width: 712px;
+  display: flex;
+`,se=r.div`
+  margin-left: ${e=>e.windowSize==="small"?s.sp0:s.sp6};
+  margin-bottom: ${e=>e.windowSize==="small"?s.sp4:s.sp0};
+  background: ${e=>e.theme.colors.background};
+  border-radius: 12px;
+  border: ${e=>`1px solid ${e.theme.colors.grey5}`};
+  padding: 15px;
+`,z=r.div`
+  border-radius: ${s.sp12};
+  border: ${e=>`1px solid ${e.theme.colors.grey2}`};
+  padding: ${e=>e.windowSize==="small"?`${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}`:`${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
+  background: ${e=>e.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${s.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  box-sizing: border-box;
+`,V=r(ye)`
+  color: ${e=>e.theme.colors.champion};
+`,W=r(Pe)`
+  color: ${e=>e.theme.colors.champion};
+`,D=r(be)`
+  color: ${e=>e.theme.colors.champion};
+`,H=r(je)`
+  color: ${e=>e.theme.colors.champion};
+`,v=r.div``,L=r.div`
+  padding-left: ${s.sp3};
+`,re=r(U)`
+  color: ${e=>e.theme.colors.graphColor18};
+`,ae=r(U)`
+  color: ${e=>e.theme.colors.graphColor25};
+`,ne=r(U)`
+  color: ${e=>e.theme.colors.graphColor04};
+`,_e=r(we)`
+  margin: ${s.sp3} auto;
+  max-width: 422px;
+  color: ${e=>e.theme.colors.hero};
+`,Ee=()=>{const e=B(),t=M();return o.jsxs(ee,{windowSize:t,children:[o.jsx(te,{windowSize:t,children:o.jsx(se,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Z,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:Q,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(oe,{windowSize:t,children:[o.jsxs(z,{windowSize:t,children:[o.jsx(v,{children:o.jsx(re,{})}),o.jsxs(L,{children:[o.jsx(H,{children:n.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(D,{children:n.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(z,{windowSize:t,children:[o.jsx(v,{children:o.jsx(ae,{})}),o.jsxs(L,{children:[o.jsx(H,{children:n.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(D,{children:n.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(z,{windowSize:t,children:[o.jsx(v,{children:o.jsx(ne,{})}),o.jsxs(L,{children:[o.jsx(H,{children:n.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(D,{children:n.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Ve=()=>{const e=B(),t=M();return o.jsxs(ee,{windowSize:t,children:[o.jsxs(oe,{windowSize:t,children:[o.jsxs(z,{windowSize:t,style:{width:"408px"},children:[o.jsx(v,{children:o.jsx(re,{})}),o.jsxs(L,{children:[o.jsx(W,{children:n.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(V,{children:n.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(z,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(v,{children:o.jsx(ae,{})}),o.jsxs(L,{children:[o.jsx(W,{children:n.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(V,{children:n.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(z,{windowSize:t,style:{width:"408px"},children:[o.jsx(v,{children:o.jsx(ne,{})}),o.jsxs(L,{children:[o.jsx(W,{children:n.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(V,{children:n.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(te,{windowSize:t,children:o.jsx(se,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Z,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:Q,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},We=({meetingUrl:e,onBackClick:t,onClickMenuIcon:a})=>{const i=B(),l=M();return o.jsxs(Ne,{"data-testid":_("forecast-promo-page"),children:[o.jsx(de,{title:n.getLocalizedStrings().forecastPromoPage.title,backgroundColor:i.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:a,source:"ForecastPromoPage"}),o.jsxs(Be,{"data-testid":_("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Oe,{children:n.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Fe,{children:n.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ee,{}):o.jsx(Ve,{}),o.jsxs(Re,{"data-testid":_("forecast-promo-bottom-container"),children:[o.jsx(ge,{variant:"primary",label:n.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:()=>{window.open(e.toString(),"_blank")}}),o.jsx(_e,{children:n.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function De(e,t,a,i=!0){Object.assign(e.config,t);const l=a.sections.expenses.balances.length>0?[...a.sections.expenses.balances,...a.sections.expenses.additionalBalances]:[...a.sections.income.balances,...a.sections.income.additionalBalances],g=K({balances:l,config:t,nodeId:e.contentNodes[0].id}),f=e.contentNodes.slice(1);return f.forEach(b=>ie(b,t)),{config:t,headerNodes:i?[g]:[],contentNodes:[g,...f]}}function ie(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(a=>ie(a,t))}const N={contentPaddingLeft:new Y($[3],$[3],$[8]),contentPaddingRight:new Y($[3],$[3],$[8])},He=r.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ue=r.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  width: 99.9%;
+  margin-top: ${s.sp2};
+  background-color: ${e=>e.theme.colors.grey4};
+`,qe=r.div`
+  display: flex;
+  width: 100%;
+  flex: 1;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,X=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?o.jsx(qe,{children:o.jsx(me,{size:"ExtraLarge",start:!0})}):null,Ge=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding-left: ${e=>e.paddingLeft}px;
+  padding-right: ${e=>e.paddingRight}px;
+`,Ye=r.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${s.sp3};
+`,Xe=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:a,vsActualOn:i,onVsActualChanged:l,selectedTimeframe:g,onTimeframeChanged:f,onBackClick:b,isPandLReportFetching:x,onClickMenuIcon:T})=>{const p=M(),h=[];for(let c=0;c<e.length;++c)h.push(`${c}`);const S={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:h,valueToLabel:c=>e[parseInt(c)]?.name??"",selectedValue:`${t}`,titleTextStyle:pe.largeMedium,onPickerSelectionChanged:c=>{if(c!=null){const I=e[parseInt(c)];a?.(I.id,parseInt(c))}},styles:{justifyContent:p==="small"?"left":"center"},isPickerDisabled:x},onBackClick:b,showMenuIcon:p==="medium-compact"||p==="small",onClickMenuIcon:T},y={toggle:{label:n.getLocalizedStrings().reports.forecast.vsActual,isOn:i,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:g,onTimeframeSelectionChanged:c=>f?.(c)}};return o.jsxs(Ge,{paddingLeft:N.contentPaddingLeft.value(p),paddingRight:N.contentPaddingRight.value(p),children:[o.jsx(Ce,{...S}),x?"":o.jsx(Ye,{children:o.jsx($e,{...y})})]})},Je=({report:e,type:t,isActualVsForecastOn:a,compareMode:i,onAccountBalanceClick:l,onCompareModeChanged:g,scrollPosition:f,onTableScroll:b,nodeOpenStatus:x,onNodeCollapseToggled:T})=>{const p=B(),h=M(),[S,y]=E.useState(void 0),[c,I]=E.useState(void 0),C=h!=="small"&&h!=="medium-compact",F=a===!0?"actual_vs_forecast":"none";return E.useEffect(()=>{const P={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:F,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:ve(t)===!0&&a===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:ue()};if(S!=null&&he(c,e)){const w=De(S,P,e,C);y(w)}else{const w=function(d,j,u=!0){const k=n.getLocalizedStrings().reports,O=d.filter.balancesRange.numberOfPeriods,le=d.sections.expenses!=null&&d.sections.expenses.balances.length>0?d.sections.expenses.balances:d.sections.income!=null?d.sections.income.balances:[],q=K({balances:le,config:j}),A=[];return A.push(q),d.idsInOrder.forEach(m=>{if(Le(m)===!0){const G=d.sections[m];if(G==null)return;G.accountGroups.length>0?A.push(Ie({section:d.sections[m],sectionType:m,numOfBalances:O,title:k.sections[m],isLastNode:!0,config:j})):A.push(Ae({sectionWithAcOnly:d.sections[m],sectionType:m,numOfBalances:O,title:k.sections[m],isLastNode:!0,config:j}))}else Te(m)===!0&&A.push(Me({calculatedSection:d.calculatedSections[m],numOfBalances:O,title:k.sections[m],isLastNode:!0,config:j}))}),{config:j,headerNodes:u?[q]:[],contentNodes:A}}(e,P,C);I(e),y(w)}},[t,a,e]),S!=null?o.jsx(ze,{backgroundColor:new fe(p.colors.grey4),rootNodes:S,type:t,compareMode:i,isSticky:{isStickyHeader:C,isStickyName:C},treeNodePadding:{left:N.contentPaddingLeft.value(h),right:N.contentPaddingRight.value(h)},onAccountClick:l==null?void 0:(P,w)=>{l(P,w)},onCompareModeChanged:g,scrollPosition:f,onScroll:b,nodeOpenStatus:x,onNodeCollapseToggled:T}):null};function So({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:a,forecastList:i,selectedForecast:l,pandLreport:g,type:f,meetingUrl:b,analytics:x,onForecastSelectionChanged:T,onTimeframeChanged:p,onForecastVsActualsCompareToggle:h,onAccountBalanceClick:S,onCompareModeChanged:y,scrollPosition:c,onTableScroll:I,nodeOpenStatus:C,onNodeCollapseToggled:F,onBackClick:P,onClickMenuIcon:w}){const d=[i.fetchState,g.fetchState],j=l?.index??-1;return ce(d)===!0||i.fetchState==="Completed"&&i.forecasts.length===0?o.jsx(We,{meetingUrl:b,onBackClick:P,onClickMenuIcon:w}):J([i.fetchState])===!0?o.jsx(X,{fetchState:Ke(d)}):o.jsxs(He,{children:[o.jsx(Xe,{forecastList:i.forecasts,selectedForecastIndex:j,onForecastSelectionChanged:(u,k)=>{x?.trackForecastSwitch(R.Event.profitAndLossWithForecast,i.forecasts[k].name),T?.(u,k)},vsActualOn:t,onVsActualChanged:u=>{x?.trackForecastVsActualMode(R.Event.profitAndLossWithForecast,i.forecasts[j].name,u),h?.(u)},selectedTimeframe:e,onTimeframeChanged:u=>{x?.trackTimeframeSwitch(ke(u),R.Event.profitAndLossWithForecast),p?.(u)},onBackClick:P,isPandLReportFetching:J([g.fetchState]),onClickMenuIcon:w}),g.fetchState==="In-Progress"?o.jsx(X,{fetchState:"In-Progress"}):o.jsx(Ue,{children:o.jsx(Je,{report:g,type:f,isActualVsForecastOn:t,compareMode:a,onAccountBalanceClick:S,onCompareModeChanged:y,scrollPosition:c,onTableScroll:I,nodeOpenStatus:C,onNodeCollapseToggled:F})})]})}const ce=e=>e.reduce((t,a)=>t===!0||a==="Error",!1),J=e=>e.reduce((t,a)=>t===!0||a==="Not-Started"||a==="In-Progress",!1),Ke=e=>(t=>t.reduce((a,i)=>a===!0&&i==="Completed",!0))(e)===!0?"Completed":ce(e)===!0?"Error":"In-Progress";export{So as default,J as isAnyInProgress};

package/dist/assets/PaymentAccountSetupBillingAddressSection-NPYLXD6--Bula2_j9.js

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