@zeniai/web-cockpit-ui 1.15.66-dev → 1.15.67-dev

package/dist/assets/DomesticWireDetailsPage-BumMT4QM-CBRjN65H.js

@@ -0,0 +1,21 @@
+import{J as O,aa as H,O as N,cH as J,aF as U,V as n,cr as K,cs as q,ct as G,ad as Q,aT as X,y as b,e_ as Y,o as Z,bb as ee,u as o}from"./index-DyBrELD_.js";import{a as w}from"./sentry-BV4jcjA3.js";import{n as h}from"./mui-D3hEqMLm.js";import{bi as S}from"./zeni-epic-state-wSe7lDM8.js";import{e as ne}from"./BankAccountSection-BabhrBM7-CsYno7bw.js";import{M as te}from"./MagicLinkTitleSection-ZnbKPIvJ-CNhLMA89.js";import{W as ae,A as oe}from"./BankAccountWarningSection-yT2UAd12-AQuYXXrV.js";import{T as ie}from"./MailingDetailsSection-DZT7JPlI-Cc3Oz9Xy.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]="4282e2b0-0bbb-49db-88a4-b33b5d39efb4",e._sentryDebugIdIdentifier="sentry-dbid-4282e2b0-0bbb-49db-88a4-b33b5d39efb4")}catch{}})();const i={paddingTopBottom:new b(o[3],o[3]),paddingRight:new b(o[3],o[8]),paddingLeft:new b(o[3],o[6]),buttonWidth:new b(140,140),marginLeft:new b(o[4],o[6])},D="domesticWireDetailsPage",k="bankAccountSection",j="mailingAddressSection",B=e=>`${e}_form`,xe=e=>{const{bankAccountCreationState:t,fetchBankNameByRoutingStatus:l,addressType:y,bankAccountToCreate:s,addressToEdit:r,mailingAddress:x,isDisabled:A,companyName:$,isMagicLink:g,currencySymbol:v,amount:P,onSaveHandler:z,onWireDetailsUpdated:I,onFetchBankName:R,onAddressClick:L,onBackClick:C}=e,u=O(),c=H({mode:"onBlur",reValidateMode:"onChange",defaultValues:w.useMemo(()=>se(s,r),[s,r])}),[W,f]=w.useState(!1),a=N.getLocalizedStrings().spendManagement.billPay.vendorCreation,E=N.getLocalizedStrings().common.footer,M=a.wireDetails.domestic,_={onOkClick:()=>{f(!1),c.reset(),C?.()},onCancelClick:()=>{f(!1)}},F=async(p,m)=>{const d=m[k].bankRoutingNumber;I(m),p===`${k}.bankRoutingNumber`&&d?.length===9&&Y.test(d)===!0&&R?.(d)};w.useEffect(()=>{const p=c.watch((m,{name:d})=>{d!=null&&m!=null&&J(()=>F(d,m))});return()=>{p.unsubscribe()}});const V=c.handleSubmit(p=>{l.fetchState!=="In-Progress"&&z("wire")}),T=!U(x!=null?S(x):x,r!=null?S(r):r)||re(s)||c.formState.isDirty;return n.jsxs(ue,{children:[n.jsxs(le,{size:u,children:[W===!0?n.jsx(K,{titleComponent:n.jsx(G,{children:a.discardTitle}),descriptionComponent:n.jsx(q,{children:a.discardDescription}),primaryButtonText:a.discard,secondaryButtonText:a.cancel,action:_}):null,n.jsx(ae,{header:g?n.jsx(te,{companyName:$??"",currencySymbol:v??"",amount:P??0}):M.addWireDetails,isMagicLink:g,isDirty:T,onBackClick:C,setShowConfirmationPopup:f}),t?.fetchState==="Error"&&t.error?.code===409?n.jsx(oe,{warningText:a.bankAccountCommon.accountExistWarning}):null,n.jsx(de,{size:u,children:a.bankAccountCommon.accountDetailsTitle}),n.jsx(Q,{...c,children:n.jsxs("form",{id:B(D),onSubmit:V,children:[n.jsx(ce,{size:u,children:n.jsx(ne,{bankAccountToCreate:s,fetchBankNameByRoutingStatus:l,sectionId:k,isDisabled:A})}),n.jsx(ie,{sectionId:j,isDisabled:A,addressType:y,addressToEdit:r,onAddressClick:L})]})})]}),n.jsx(X,{formId:B(D),primaryBtn:{label:g?a.bankAccountCommon.submitDetails:a.bankAccountCommon.saveAccount,isLoading:t.fetchState==="In-Progress",style:{width:i.buttonWidth.value(u)},isDisabled:A!=null},showCancel:!g,cancelBtn:{label:E.cancel,style:{width:i.buttonWidth.value(u)},shouldResetOnCancel:!1,onClick:()=>{T?f(!0):(c.reset(),C?.())}}})]})},se=(e,t)=>({[k]:{bankRoutingNumber:e?.bankRoutingNumber,bankName:e?.bankName,bankAccountNumber:e?.bankAccountNumber,bankAccountType:e?.bankAccountType,confirmedBankAccountNumber:e?.confirmedBankAccountNumber,bankAccountName:e?.bankAccountName},[j]:{mailingAddress:t}}),re=e=>{if(e==null)return!1;const{bankAccountName:t,bankAccountNumber:l,bankName:y,bankRoutingNumber:s}=e;return!!t||!!l||!!y||!!s},ce=h.div`
+  padding-left: ${e=>i.paddingLeft.valuePx(e.size)};
+  padding-right: ${e=>i.paddingRight.valuePx(e.size)};
+  padding-top: ${e=>i.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>i.paddingTopBottom.valuePx(e.size)};
+  background: ${e=>e.theme.colors.grey4};
+`,de=h(ee)`
+  color: ${e=>e.theme.colors.champion};
+  margin-left: ${e=>i.marginLeft.valuePx(e.size)};
+  margin-top: ${Z.sp3};
+`,le=h.div`
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+`,ue=h.div`
+  background-color: ${e=>e.theme.colors.grey4};
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`;export{xe as D};

package/dist/assets/DownloadOverlay-DqiL3-FB-BSVRX95E.js

@@ -0,0 +1,439 @@
+import{V as t,c5 as it,o as s,J as he,c6 as nt,ao as He,p as ue,y as q,x as lt,O as F,c7 as dt,bQ as Ue,u as N,bb as We,am as L,bT as ke,b as te,an as be,i as ae,d as qe,bV as ct,c8 as xe,c9 as ge,T as Ge,ca as Ze,bO as pt,bc as mt,ap as ye,cb as Z,cc as ft,cd as ht,bM as ut,bU as bt,ar as xt,ce as gt,c1 as yt,au as $t}from"./index-DyBrELD_.js";import{a as h,P as $e}from"./sentry-BV4jcjA3.js";import{n,k as Je}from"./mui-D3hEqMLm.js";import{FV as me,FW as C,FX as J,bL as P,FY as K,FZ as we,F_ as U,bh as wt,F$ as k,G0 as Ft,G1 as vt,G2 as jt,G3 as Ot,G4 as Yt}from"./zeni-epic-state-wSe7lDM8.js";import{m as Dt}from"./analyticsHelper-CYr5V2MV-D-hMRpr3.js";import{g as _t,x as kt}from"./ReportTableViewSelector-CXDvZEbR-DF_Vh_2k.js";import{t as Ct}from"./page-detail-CWX5S47F-D-m40EVy.js";import"./liveblocks-VMOu1QaQ.js";import"./core-CuilwggZ.js";import"./recharts-Bs6FfRQK.js";import"./lottie-DcZDexOB.js";import"./analytics-Dmyyfi9O.js";import"./lexical-BV3aGUzT.js";import"./utils-AGDkxX5e.js";import"./CollapsableReportTable-CDEe9s_E-TNl2e0Ho.js";import"./AccountRow-CpftykFx-bzN_3qh3.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]="d72f4c2c-8b2a-45de-bedc-39e8a8e931ee",e._sentryDebugIdIdentifier="sentry-dbid-d72f4c2c-8b2a-45de-bedc-39e8a8e931ee")}catch{}})();const Pt=["profit_and_loss","profit_and_loss_by_classes","balance_sheet","cash_flow","cover_page","operating_expenses","revenue","net_burn_or_income","cash_position","cash_in_cash_out"];function ie(e,o,r,a){let i=0;if(!(e!==1&&(o==="quarter"||o==="year")))i=r.endDate.endOf(o).diff(r.startDate.startOf(o),o)+1;else switch(o){case"quarter":{const{startOfTimeframeFY:l}=C(r.startDate,e,"quarter"),{endOfTimeframeFY:p}=C(r.endDate,e,"quarter");i=Math.ceil(Math.ceil(p.diff(l,"month",!0))/3);break}case"year":{const{startOfTimeframeFY:l}=C(r.startDate,e,"year"),{endOfTimeframeFY:p}=C(r.endDate,e,"year");i=Math.ceil(Math.ceil(p.diff(l,"month",!0))/12);break}}return a!=null?Math.min(i,a):i}function oe(e,o,r,a=1){if(a>1){const i=J(r,e,a-1,o),{startOfTimeframeFY:l}=C(i,e,o);return{firstMonthOfFY:e,timeframe:o,dateRange:{startDate:l,endDate:r}}}else return{firstMonthOfFY:e,timeframe:o,dateRange:{startDate:r,endDate:r}}}class Ce{_firstMonthOfFY;_timeframe;_dataAvailable;_endDate;_numberOfPeriods;_maxNumberOfPeriods;constructor(o,r,a,i,l,p=a.endDate){if(a.endDate.isBefore(a.startDate))throw Error(`Invalid data available period ${JSON.stringify(a)}`);this._firstMonthOfFY=o,this._timeframe=r,this._dataAvailable=a,this._numberOfPeriods=i,this._maxNumberOfPeriods=l,this._endDate=p}get value(){return oe(this.firstMonthOfFY,this.timeframe,this.endDate,this.numberOfPeriods)}get dataAvailable(){return this._dataAvailable}get firstMonthOfFY(){return this._firstMonthOfFY}get timeframe(){return this._timeframe}set timeframe(o){this._timeframe=o}get numberOfPeriods(){return this._numberOfPeriods}get maxNumberOfPeriods(){return this._maxNumberOfPeriods}set maxNumberOfPeriods(o){if(o<=0)throw Error(`Invalid maxNumberOfPeriods ${this.maxNumberOfPeriods}`);this._maxNumberOfPeriods=o}get startDate(){return this.value.dateRange.startDate}get endDate(){return this._endDate}getValidCalendarPeriod(){const o=me(this.startDate,this.firstMonthOfFY,this.maxNumberOfPeriods-1,this.timeframe);let{endOfTimeframeFY:r}=C(o,this.firstMonthOfFY,this.timeframe);return r.isAfter(this.dataAvailable.endDate)&&(r=this.dataAvailable.endDate),{startDate:this.startDate,endDate:r}}canUpdateToPeriod(o,r){if(this.firstMonthOfFY===1||this.timeframe==="month")return o.isBetween(this.dataAvailable.startDate.startOf(this.timeframe),this.dataAvailable.endDate.endOf(this.timeframe),null,"[]")&&r.isBetween(this.dataAvailable.startDate.startOf(this.timeframe),this.dataAvailable.endDate.endOf(this.timeframe),null,"[]");{const{startOfTimeframeFY:a}=C(this.dataAvailable.startDate,this.firstMonthOfFY,this.timeframe),{endOfTimeframeFY:i}=C(this.dataAvailable.endDate,this.firstMonthOfFY,this.timeframe);return o.isBetween(a,i,null,"[]")&&r.isBetween(a,i,null,"[]")}}updatePeriod(o,r){if(!this.canUpdateToPeriod(o,r))return!1;let a=ie(this.firstMonthOfFY,this.timeframe,{startDate:o,endDate:r});if(a>this.maxNumberOfPeriods){a=this._numberOfPeriods;const{endOfTimeframeFY:i}=C(me(o,this.firstMonthOfFY,this._numberOfPeriods-1,this.timeframe),this.firstMonthOfFY,this.timeframe);this._endDate=i}else if(o.isAfter(r)){a=1;const{endOfTimeframeFY:i}=C(o,this.firstMonthOfFY,this.timeframe);this._endDate=i}else this._endDate=r;return this._endDate.isAfter(this.dataAvailable.endDate)&&(this._endDate=this.dataAvailable.endDate),this._numberOfPeriods=a,!0}updateStartDate(o){return this.updatePeriod(o,this.endDate)}updateEndDate(o){return this.updatePeriod(this.startDate,o)}}const le=["1","2","3","4"],de=wt().localeData().monthsShort(),A={pdf:12,excel:100,csv:100},E=(e,o,r)=>{const a=F.getLocalizedStrings().dateFormat.analytics.YYYYFormat,i=[];if(e===1||o==="month"){const{startDate:l,endDate:p}=r;let m=l;for(;m.isSameOrBefore(p,"year");)i.push(m.format(a)),m=me(m,e,1,"year")}else{const{startOfTimeframeFY:l}=C(r.startDate,e,"year"),{endOfTimeframeFY:p}=C(r.endDate,e,"year");let{fyYear:m}=k(l,e);const{fyYear:u}=k(p,e);for(;m<=u;)i.push(`${m}`),m++}return i},St=n.div`
+  padding: ${s.sp3};
+  border: 1px solid ${e=>e.borderColor.default};
+  border-radius: ${s.sp1};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: ${e=>e.disabled?"default":"pointer"};
+  background: ${e=>e.backgroundColor.default};
+  color: ${e=>e.textColor.default};
+  &:hover {
+    color: ${e=>e.textColor.hover};
+    border: 1px solid ${e=>e.borderColor.hover};
+    & svg {
+      color: ${e=>e.disabled||e.checked?"":e.theme.colors.primary};
+    }
+  }
+`,Pe=n.div`
+  display: flex;
+`,Mt=n(L)`
+  margin-left: ${s.sp3};
+`,At=n(ut)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Se=n(ft)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+`,Me=n(ht)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+`,Tt=e=>{const{id:o,disabled:r=!1,checked:a=!1,label:i,showInfoIcon:l,tooltipText:p,style:m={},onClick:u}=e,c=qe();let y=a?Se:Me;c.mode==="dark"&&(y=a?Se:Me);let $=a?c.colors.primary:c.colors.hero;r&&($=c.colors.grey2);const v=()=>{r||u(o,a)};let w={default:c.colors.background,hover:c.colors.background},f={default:c.colors.hero,hover:c.colors.primary},_={default:c.colors.grey2,hover:c.colors.primary};return a?(w={default:c.colors.grey5,hover:c.colors.grey5},f={default:c.colors.primary,hover:c.colors.primary},_={default:c.colors.primary,hover:c.colors.primary}):r&&(w={default:c.colors.grey4,hover:c.colors.grey4},f={default:c.colors.grey2,hover:c.colors.grey2},_={default:c.colors.grey3,hover:c.colors.grey3}),t.jsxs(St,{backgroundColor:w,textColor:f,borderColor:_,onClick:v,disabled:r,checked:a,style:{...m},children:[t.jsxs(Pe,{children:[t.jsx(y,{color:a?$:"none"}),i!=null?t.jsx(Mt,{children:i}):null]}),l===!0?t.jsx(Pe,{style:{marginLeft:s.sp3},children:t.jsx(ct,{enterDelay:600,title:p,children:t.jsx(At,{width:s.sp3,height:s.sp3})})}):""]})},It=$e.memo(Tt),Fe=["year_to_date_total","free_range_total","year_to_date_last_year_total","rolling_12_months","rolling_12_months_average"],Lt=["this_period_vs_last_period","this_period_vs_last_period_percent",...Fe,"this_period_vs_same_period_last_year","this_period_vs_same_period_last_year_percent","same_period_last_year"],Rt=["this_period_vs_last_period","this_period_vs_last_period_percent",...Fe,"this_period_vs_same_period_last_year","this_period_vs_same_period_last_year_percent","same_period_last_year"],zt=["this_period_vs_last_period","this_period_vs_last_period_percent",...Fe],Ke={month:Lt,quarter:Rt,year:zt},Ae=n.div`
+  padding-top: ${e=>e.space};
+`,Bt=n(L)`
+  color: ${e=>e.theme.colors.primary};
+`,Nt=(e,o,r)=>{const a=[],i=r.startDate;return J(o,e,1,"year").isBefore(i)&&a.push("same_period_last_year","this_period_vs_same_period_last_year","this_period_vs_same_period_last_year_percent","year_to_date_last_year_total"),a},Vt=e=>{const{firstMonthOfFY:o,selectedTimeframe:r,disabledAdditionalColumns:a,selectedAdditionalColumns:i,dateRange:l,calendarPeriod:p,dataAvailable:m,selectedFileType:u,onAdditionalColumnsSelectionChanged:c}=e,y=Nt(o,l.endDate,m);h.useEffect(()=>{const d=i.filter(g=>!y.includes(g));i.length!==d.length&&c(d)},[y,i,c]);const $=p.numberOfPeriods+i.length<A[u],v=F.getLocalizedStrings().downloadReport.additionalColumns[r],w=Ke[r],f=(d,g)=>{if(g){const O=i.indexOf(d),x=[...i];x.splice(O,1),p.maxNumberOfPeriods=A[u]-x.length,c(x)}else p.maxNumberOfPeriods=A[u]-(i.length+1),c([...i,d])},_=(d,g)=>{const{dateFormat:{visual:O}}=F.getLocalizedStrings();let x=K(J(l.endDate,g,1,"year"),O.MMMYYFormat,g);return r==="quarter"&&(x=`Q${K(J(l.endDate,g,1,"year"),O.QYYformat,g)}`),v[d].replace("-same_period_last_year-",x)};return t.jsxs(h.Fragment,{children:[t.jsx(Bt,{children:F.getLocalizedStrings().downloadReport.addColumns}),t.jsx(Ae,{space:s.sp3}),w.map(d=>t.jsxs(h.Fragment,{children:[t.jsx(It,{checked:i.includes(d),label:_(d,o),disabled:a?.includes(d)===!0||y.includes(d)||!$&&!i.includes(d),id:d,onClick:(g,O)=>f(g,O),showInfoIcon:y.includes(d)&&$,tooltipText:F.getLocalizedStrings().downloadReport.dataNotAvailable}),t.jsx(Ae,{space:s.sp3})]},d))]})},Et=h.memo(Vt),Te=n.div``,Qt=n.div`
+  padding: ${s.sp2} ${s.sp3};
+  border: 1px solid ${e=>e.theme.colors.primary};
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${s.sp1};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+`,Ht=n(be)`
+  color: ${e=>e.theme.colors.hero};
+`,Ut=n(L)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: -2px;
+`,Wt=n($t)`
+  color: ${e=>e.theme.colors.hero};
+  width: 12px;
+  height: 12px;
+  margin: auto ${s.sp0};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,qt=e=>{const{value:o,label:r,onClick:a}=e,i=qe(),l=F.getLocalizedStrings().reports;return t.jsxs(Qt,{onClick:a,children:[t.jsxs(Te,{style:{display:"flex",alignItems:"center"},children:[t.jsx(gt,{color:i.colors.primary,style:{width:s.sp4,height:s.sp4}}),t.jsxs(Te,{style:{paddingLeft:s.sp3},children:[t.jsx(Ht,{style:{color:i.colors.hero},children:r}),t.jsxs(Ut,{style:{color:i.colors.primary},children:[o,e.timeframeTickTag!=null&&(e.timeframeTickTag==="under_review"?l.starred:l.doubleStarred)]})]})]}),t.jsx(Wt,{})]})},ve=$e.memo(qt),je=e=>{const{starredPeriod:o,doubleStarredPeriod:r,bookCloseUnderReviewInfo:a,bookCloseIncompleteInfo:i}=e,l=F.getLocalizedStrings().reports;return t.jsxs(t.Fragment,{children:[o.length>0?t.jsxs(Ie,{children:[t.jsx(Re,{children:l.starred}),t.jsxs(Le,{children:[t.jsx(ze,{children:l.bookCloseInfoStar}),a]})]}):null,r.length>0?t.jsxs(Ie,{children:[t.jsx(Re,{children:l.doubleStarred}),t.jsxs(Le,{children:[t.jsx(ze,{children:l.bookCloseIncompleteInfoStar}),i]})]}):null]})},Ie=n(be)`
+  background: ${e=>e.theme.colors.grey4};
+  color: ${e=>e.theme.colors.primary};
+  padding: ${s.sp2} 27px;
+  display: flex;
+`,Le=n.div``,Re=n(He)`
+  margin-right: 6px;
+`,ze=n.span`
+  font-weight: ${yt.medium};
+`,Gt=n.div`
+  position: relative;
+  cursor: pointer;
+`,Zt=n.div`
+  display: flex;
+  z-index: 9;
+  flex-wrap: wrap;
+  box-shadow: ${e=>`${s.sp0} 2px ${s.sp2} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${s.sp0} ${s.sp0} ${s.sp1} ${s.sp1};
+  position: absolute;
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  width: 100%;
+`,Jt=n.div`
+  padding: ${s.sp3};
+  border-top: none;
+  display: flex;
+  flex-wrap: wrap;
+  background: ${e=>e.theme.colors.grey5};
+  width: 100%;
+`,Be=n.div`
+  padding-top: ${e=>e.space};
+  width: 100%;
+`,Kt=n.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  width: 100%;
+`,Xt=(e,o,r,a)=>{const i=E(e,"month",o).filter(l=>!P(`${l}-01-01`).isBetween(r.startDate.startOf("year"),r.endDate.endOf("year"),null,"[]"));return{disabledMonths:de.filter(l=>{const p=a.startDate.format(M.YYYYformat);return!P(`${l} ${p}`,M.MMMYYYYFormat).isBetween(r.startDate.startOf("month"),r.endDate.endOf("month"),null,"[]")}),disabledYears:i}},er=(e,o,r,a)=>{const i=U(r);return a!=null?de.filter(l=>o.includes(l)===!1&&P(`${l} ${e}`,M.MMMYYYYFormat).isAfter(a)&&(i===!0?P(r.endDate.format(M.MMMYYYYFormat)).isSame(P(`${l} ${e}`,M.MMMYYYYFormat))===!1:!0)):[]},tr=(e,o,r,a)=>{const i=U(e);return a!=null?de.filter(l=>r.includes(l)===!1&&P(`${l} ${o}`,M.MMMYYYYFormat).isAfter(a)&&(i===!0?P(e.endDate.format(M.MMMYYYYFormat)).isSame(P(`${l} ${o}`,M.MMMYYYYFormat))===!0:!1)):[]},{reports:Ne,dateFormat:{analytics:re,visual:M}}=F.getLocalizedStrings(),rr=e=>{const{selectedPeriod:o,label:r,validPeriod:a,onNewPeriodSelection:i}=e,[l,p]=h.useState(!1),[m,u]=h.useState(o.startDate.format(re.MMMFormat)),[c,y]=h.useState(o.startDate.format(re.YYYYFormat)),$=x=>{u(x),i("month",{startDate:P(`${x} ${c}`,re.MMMYYYYFormat).startOf("month"),endDate:P(`${x} ${c}`,re.MMMYYYYFormat).endOf("month")}),p(!1)},v=x=>{p(x),u(o.startDate.format(M.MMMformat)),y(o.startDate.format(M.YYYYformat))},{disabledMonths:w,disabledYears:f}=Xt(e.firstMonthOfFY,e.dataAvailable,a,{startDate:P(c,M.YYYYformat),endDate:P(c,M.YYYYformat)}),_=E(e.firstMonthOfFY,"month",e.dataAvailable),d=er(c,w,a,e.bookCloseDate),g=tr(a,c,w,e.bookCloseDate),O=e.bookCloseDate!=null?we("month",e.firstMonthOfFY,o,e.bookCloseDate,e.dataAvailable):void 0;return t.jsx(ye,{onClickAway:()=>v(!1),children:t.jsxs(Gt,{children:[t.jsx(ve,{value:K(o.startDate,M.MMMYYFormat,e.firstMonthOfFY),onClick:()=>v(!l),label:r,timeframeTickTag:O}),l?t.jsx(h.Fragment,{children:t.jsxs(Zt,{children:[t.jsxs(Jt,{children:[_.map(x=>t.jsx(Z,{id:x,text:x,disabled:f.includes(x),onClick:j=>{y(j),u("")},checked:x===c},x)),t.jsx(Be,{space:s.sp3}),t.jsx(Kt,{}),t.jsx(Be,{space:s.sp3}),de.map(x=>t.jsx(Z,{id:x,text:x,disabled:w.includes(x),onClick:j=>$(j),checked:x===m,starred:d.includes(x)&&!w.includes(x),doubleStarred:g.includes(x)&&!w.includes(x)},x))]}),t.jsx(je,{starredPeriod:d,doubleStarredPeriod:g,bookCloseIncompleteInfo:Ne.bookCloseIncompleteInfoMonth,bookCloseUnderReviewInfo:Ne.bookCloseUnderReviewInfoMonth})]})}):""]})})},sr=h.memo(rr),or=n.div`
+  position: relative;
+  cursor: pointer;
+`,ar=n.div`
+  display: flex;
+  z-index: 9;
+  flex-wrap: wrap;
+  box-shadow: ${e=>`${s.sp0} 2px ${s.sp2} ${e.theme.colors.dropShadowHover}`};
+  border-radius: ${s.sp0} ${s.sp0} ${s.sp1} ${s.sp1};
+  position: absolute;
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  width: 100%;
+`,ir=n.div`
+  padding: ${s.sp3};
+  border-top: none;
+  display: flex;
+  flex-wrap: wrap;
+  background: ${e=>e.theme.colors.grey5};
+  width: 100%;
+`,Ve=n.div`
+  padding-top: ${e=>e.space};
+  width: 100%;
+`,nr=n.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  width: 100%;
+`,lr=(e,o,r,a)=>{const i=E(e,"quarter",o).filter(l=>{if(e===1)return!P(`${l}-01-01`).isBetween(r.startDate.startOf("year"),r.endDate.endOf("year"),null,"[]");{const{fyYear:p}=k(r.startDate,e),{fyYear:m}=k(r.endDate,e);return!(parseInt(l)>=p&&parseInt(l)<=m)}});return{disabledQuarters:le.filter(l=>{const p=parseInt(l),m=k(r.startDate,e),u=k(r.endDate,e);return a===m.fyYear&&p<m.fyQuarter||a===u.fyYear&&p>u.fyQuarter?!0:a<m.fyYear||a>u.fyYear}),disabledYears:i}},dr=(e,o,r,a,i)=>{const l=U(a);if(i!=null){const p=k(i,o),m=k(a.endDate,o);return le.filter(u=>{const c=parseInt(u);return e.includes(u)===!1&&(l!==!0||m.fyQuarter!==c)&&(r===p.fyYear&&c>=p.fyQuarter&&vt(c,o)!==i.month()+1||r>p.fyYear)})}else return[]},cr=(e,o,r,a,i)=>{const l=U(a);if(i!=null){const p=k(i,e),m=k(a.endDate,e);return le.filter(u=>{const c=parseInt(u);return r.includes(u)===!1&&(l!==!0||m.fyQuarter===c)&&o===p.fyYear&&c>=p.fyQuarter||o>p.fyYear})}else return[]},pr=e=>{const{selectedPeriod:o,label:r,validPeriod:a,onNewPeriodSelection:i}=e,{fyQuarter:l,fyYear:p}=k(o.startDate,e.firstMonthOfFY),[m,u]=h.useState(!1),[c,y]=h.useState(`${l}`),[$,v]=h.useState(`${p}`),{reports:w,dateFormat:f}=F.getLocalizedStrings(),_=b=>{y(b),i("quarter",jt(e.firstMonthOfFY,Ot(parseInt(b)),parseInt($))),u(!1)},d=b=>{u(b);const{fyQuarter:Y,fyYear:I}=k(o.startDate,e.firstMonthOfFY);y(`${Y}`),v(`${I}`)},{disabledQuarters:g,disabledYears:O}=lr(e.firstMonthOfFY,e.dataAvailable,a,parseInt($)),x=E(e.firstMonthOfFY,"quarter",e.dataAvailable),j=dr(g,e.firstMonthOfFY,parseInt($),a,e.bookCloseDate),Q=cr(e.firstMonthOfFY,parseInt($),g,a,e.bookCloseDate),T=e.bookCloseDate!=null?we("quarter",e.firstMonthOfFY,o,e.bookCloseDate,e.dataAvailable):void 0;return t.jsx(ye,{onClickAway:()=>d(!1),children:t.jsxs(or,{children:[t.jsx(ve,{value:`Q${K(o.startDate,f.visual.QYYformat,e.firstMonthOfFY)}`,onClick:()=>d(!m),label:r,timeframeTickTag:T}),m?t.jsxs(ar,{children:[t.jsxs(ir,{children:[x.map(b=>t.jsx(Z,{id:b,text:b,disabled:O.includes(b),onClick:Y=>{v(Y),y("")},checked:b===$},b)),t.jsx(Ve,{space:s.sp3}),t.jsx(nr,{}),t.jsx(Ve,{space:s.sp3}),le.map(b=>t.jsx(Z,{id:b,text:`Q${b}`,disabled:g.includes(b),onClick:Y=>_(Y),checked:b===c,starred:j.includes(b)&&!g.includes(b),doubleStarred:Q.includes(b)&&!g.includes(b)},b))]}),t.jsx(je,{starredPeriod:j,doubleStarredPeriod:Q,bookCloseIncompleteInfo:w.bookCloseIncompleteInfoQuarter,bookCloseUnderReviewInfo:w.bookCloseUnderReviewInfoQuarter})]}):""]})})},mr=h.memo(pr),fr=n.div`
+  position: relative;
+  cursor: pointer;
+`,hr=n.div`
+  display: flex;
+  z-index: 9;
+  flex-wrap: wrap;
+  box-shadow: ${e=>`${s.sp0} 2px ${s.sp2} ${e.theme.colors.dropShadowHover}`};
+  border-radius: ${s.sp0} ${s.sp0} ${s.sp1} ${s.sp1};
+  position: absolute;
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  width: 100%;
+`,ur=n.div`
+  padding: ${s.sp3};
+  border-top: none;
+  display: flex;
+  flex-wrap: wrap;
+  background: ${e=>e.theme.colors.grey5};
+  width: 100%;
+`,br=(e,o,r)=>E(e,"year",o).filter(a=>{if(e===1)return!P(`${a}-01-01`).isBetween(r.startDate.startOf("year"),r.endDate.endOf("year"),null,"[]");{const{fyYear:i}=k(r.startDate,e),{fyYear:l}=k(r.endDate,e);return parseInt(a)<i||parseInt(a)>l}}),xr=(e,o,r,a)=>{const i=U(r);if(a!=null){const l=k(a,e),p=k(r.endDate,e);return E(e,"year",o).filter(m=>{const u=parseInt(m);return(i===!0?p.fyYear!==u:!0)&&parseInt(m)>=l.fyYear&&Yt(e)!==a.month()+1})}else return[]},gr=(e,o,r,a)=>{const i=U(r);if(a!=null){const l=k(a,e),p=k(r.endDate,e);return E(e,"year",o).filter(m=>{const u=parseInt(m);return(i===!0?p.fyYear===u:!0)&&parseInt(m)>=l.fyYear})}else return[]},yr=e=>{const{selectedPeriod:o,label:r,validPeriod:a,onNewPeriodSelection:i}=e,[l,p]=h.useState(!1),{reports:m,dateFormat:u}=F.getLocalizedStrings(),c=br(e.firstMonthOfFY,e.dataAvailable,a),y=E(e.firstMonthOfFY,"year",e.dataAvailable),$=k(e.selectedPeriod.startDate,e.firstMonthOfFY).fyYear,v=xr(e.firstMonthOfFY,e.dataAvailable,a,e.bookCloseDate),w=gr(e.firstMonthOfFY,e.dataAvailable,a,e.bookCloseDate),f=e.bookCloseDate!=null?we("year",e.firstMonthOfFY,o,e.bookCloseDate,e.dataAvailable):void 0,_=u.analytics.YYYYFormat;return t.jsx(ye,{onClickAway:()=>p(!1),children:t.jsxs(fr,{children:[t.jsx(ve,{value:K(o.startDate,_,e.firstMonthOfFY),onClick:()=>p(!l),label:r,timeframeTickTag:f}),l?t.jsxs(hr,{children:[t.jsx(ur,{children:y.map(d=>t.jsx(Z,{id:d,text:d,disabled:c.includes(d),onClick:g=>{i("year",Ft(e.firstMonthOfFY,parseInt(g))),p(!1)},checked:parseInt(d)===$,starred:v.includes(d)&&!c.includes(d),doubleStarred:w.includes(d)&&!c.includes(d)},d))}),t.jsx(je,{starredPeriod:v,doubleStarredPeriod:w,bookCloseIncompleteInfo:m.bookCloseIncompleteInfoYear,bookCloseUnderReviewInfo:m.bookCloseUnderReviewInfoYear})]}):""]})})},$r=h.memo(yr),wr=n.div`
+  display: flex;
+  align-items: center;
+`,Fr=n(mt)`
+  margin-left: ${s.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,vr=n.div`
+  border-radius: 18px;
+  padding: 0 5.5px;
+  height: 18px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.grey5};
+  background: ${e=>e.showSuccessBadge?ue.success:e.theme.colors.primary};
+`,jr=n(pt)``,Or=e=>{const{numberOfPeriods:o,numberOfAdditionalColumns:r,selectedFileType:a}=e;return t.jsxs(wr,{children:[t.jsx(vr,{showSuccessBadge:A[a]===o+r,children:t.jsx(jr,{children:o+r})}),t.jsx(Fr,{children:F.getLocalizedStrings().downloadReport.maxPeriodSelectionAllowed[a]})]})},Yr=$e.memo(Or),B=n.div`
+  padding-top: ${e=>e.space};
+`,Dr=n(We)`
+  color: ${e=>e.theme.colors.primary};
+`,ce=n(L)`
+  color: ${e=>e.theme.colors.primary};
+`,_r=n.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,kr=(e,o,r)=>{const{endOfTimeframeFY:a}=C(o.startDate,e,r),{startOfTimeframeFY:i}=C(o.endDate,e,r),l={startDate:o.startDate,endDate:a},p={startDate:i,endDate:o.endDate};return{fromDateRange:l,toDateRange:p}},Cr=e=>{const{firstMonthOfFY:o,selectedTimeframe:r,numberOfAdditionalColumns:a,calendarPeriod:i,dateRange:l,selectedOrderBy:p,dataAvailable:m,defaultOptions:u,selectedFileType:c,bookCloseDate:y,onDateRangeChange:$,onSelectedTimeframeChange:v,onNewOrderBySelection:w,onAdditionalColumnsSelectionChanged:f}=e,_=b=>F.getLocalizedStrings().timeframe[b],d=b=>F.getLocalizedStrings().downloadReport.orderBy[b],g=F.getLocalizedStrings().downloadReport.displayColumns,{fromDateRange:O,toDateRange:x}=kr(o,l,r),j=b=>{const Y=ie(o,b,m,u.balancesFilter.numberOfPeriods);i.timeframe=b,i.maxNumberOfPeriods=A[c]-u.additionalBalances.length,i.updatePeriod(J(m.endDate,o,Y-1,b),m.endDate),$(i.value.dateRange),v(i.value.timeframe),f(u.additionalBalances)},Q=h.useCallback((b,Y,I)=>{I==="to"?i.updateEndDate(Y.endDate):i.updateStartDate(Y.startDate),$(i.value.dateRange)},[i,$]),T=()=>{let b=sr;return r==="quarter"?b=mr:r==="year"&&(b=$r),t.jsxs(h.Fragment,{children:[t.jsx(b,{firstMonthOfFY:o,onNewPeriodSelection:(Y,I)=>Q(Y,I,"from"),dataAvailable:m,selectedPeriod:O,label:"From",validPeriod:{startDate:m.startDate,endDate:m.endDate},bookCloseDate:y}),t.jsx(B,{space:s.sp3}),t.jsx(b,{firstMonthOfFY:o,onNewPeriodSelection:(Y,I)=>Q(Y,I,"to"),dataAvailable:m,selectedPeriod:x,label:"To",validPeriod:i.getValidCalendarPeriod(),bookCloseDate:y})]})};return t.jsxs(h.Fragment,{children:[t.jsx(Dr,{children:g.title}),t.jsx(B,{space:s.sp2}),t.jsx(Yr,{numberOfPeriods:i.numberOfPeriods,numberOfAdditionalColumns:a,selectedFileType:c}),t.jsx(B,{space:s.sp5}),t.jsx(ce,{children:g.displayOrderBy}),t.jsx(B,{space:s.sp2}),t.jsx(ke,{pickerValues:["ascending_date","descending_date"],valueToLabel:d,selectedValue:p,onPickerSelectionChanged:b=>w(b),optionTextStyle:te.standardRegular,titleTextStyle:te.standardRegular,outlined:!0}),t.jsx(B,{space:s.sp5}),t.jsx(_r,{}),t.jsx(B,{space:s.sp4}),t.jsx(ce,{children:"Period"}),t.jsx(B,{space:s.sp2}),t.jsx(ke,{pickerValues:["month","quarter","year"],valueToLabel:_,selectedValue:r,onPickerSelectionChanged:b=>j(b),titleTextStyle:te.standardRegular,optionTextStyle:te.standardRegular,outlined:!0}),t.jsx(B,{space:s.sp4}),t.jsx(ce,{children:g.periodRange}),t.jsx(B,{space:s.sp2}),T()]})},Pr=h.memo(Cr),H=n.div`
+  padding-top: ${e=>e.top??0};
+  padding-left: ${e=>e.left??0};
+`,Sr=n.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,Mr=n.div`
+  display: flex;
+  justify-content: center;
+`,Ar=n.div`
+  text-align: center;
+  color: ${e=>e.theme.colors.hero};
+  max-width: 475px;
+  box-sizing: content-box;
+  padding: ${s.sp7} ${s.sp11};
+`,Tr=n(xt)`
+  color: ${e=>e.theme.colors.primary};
+`,Ir=n(L)`
+  white-space: pre-line;
+`,Lr=n.div`
+  width: 1px;
+  height: ${s.sp7};
+  background: ${e=>e.theme.colors.grey2};
+`,Ee=n.div``,Rr=e=>{const{onContinueWithPDFClick:o,onSwitchToExcelClick:r}=e,a=F.getLocalizedStrings().downloadReport.fileSwitchDialogue;return t.jsx(bt,{open:!0,children:t.jsxs(Ar,{children:[t.jsxs(Sr,{children:[t.jsx(xe,{width:s.sp10,height:s.sp10}),t.jsx(H,{left:s.sp6}),t.jsx(Lr,{}),t.jsx(H,{left:s.sp6}),t.jsx(ge,{width:s.sp10,height:s.sp10})]}),t.jsx(H,{top:s.sp6}),t.jsx(Tr,{children:a.pdfLimitation}),t.jsx(H,{top:s.sp3}),t.jsx(Ir,{children:a.excelNoLimitation}),t.jsx(H,{top:s.sp4}),t.jsxs(Mr,{children:[t.jsxs(Ee,{children:[t.jsx(ae,{label:a.switchToExcel,onClick:r,style:{width:"195px"}}),t.jsx(H,{top:s.sp1})]}),t.jsx(H,{left:s.sp4}),t.jsx(Ee,{children:t.jsx(ae,{variant:"primary",label:a.continueWithPDF,onClick:o,style:{width:"195px"}})})]})]})})},Xe=h.memo(Rr),ne=F.getLocalizedStrings().downloadReport.footer,zr=n.div`
+  display: flex;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  padding: ${s.sp3} ${s.sp3} ${s.sp4} 148px;
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  gap: ${s.sp4};
+`,Br=n.div`
+  margin-right: ${e=>e.space};
+`,Nr=n.div`
+  padding: ${s.sp3};
+  border: 1px solid
+    ${e=>e.checked?e.theme.colors.primary:e.theme.colors.grey2};
+  border-radius: ${s.sp2};
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  background: ${e=>e.checked?e.theme.colors.grey5:e.theme.colors.background};
+  color: ${e=>e.checked?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+  height: ${s.sp7};
+  gap: 10px;
+  box-sizing: border-box;
+  align-items: center;
+  position: relative;
+  min-width: 183px;
+  max-width: 183px;
+`,Vr=n.div`
+  border-radius: ${s.sp2};
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  height: ${s.sp7};
+  gap: ${s.sp2};
+  box-sizing: border-box;
+  align-items: center;
+  color: ${e=>e.isResetDisabled?e.theme.colors.primary:e.theme.colors.grey1};
+`,Er=n(L)`
+  color: inherit;
+`,Qr=n(L)``,Hr=n.div`
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  gap: ${s.sp4};
+`,Ur=n.div`
+  display: flex;
+  justify-content: space-between;
+  gap: ${s.sp3};
+`,Wr=n.div`
+  position: absolute;
+  top: calc(50% - ${e=>e.offset});
+  left: calc(50% - ${e=>e.offset});
+`,qr=n(ge)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+`,Gr=n(xe)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+`,Zr=[{id:"excel",label:ne.downloadExcel,Icon:Gr},{id:"pdf",label:ne.downloadPdf,Icon:qr}],Jr=e=>{const{label:o,id:r,onClick:a,checked:i,Icon:l,isLoading:p}=e;return t.jsx(Nr,{checked:i,onClick:a,id:r,children:p&&i?t.jsx(Wr,{offset:`${Ze("Standard")/2}px`,children:t.jsx(Ge,{size:"Standard",reverseSpinnerColor:!1,start:!0})}):t.jsxs(t.Fragment,{children:[t.jsx(Qr,{children:o}),t.jsx(l,{})]})})},Kr=e=>{const{onViewReportClick:o,downloadingStatement:r,disabledDownloadButton:a,downloadTypeProps:i,onResetClick:l,isResetDisabled:p}=e,{calendarPeriod:m,onNewFileTypeSelection:u,numberOfAdditionalColumns:c,selectedFileType:y,resetToDefaultOption:$}=i,[v,w]=h.useState(!1),f=d=>{d.stopPropagation(),o()},_=d=>{d==="pdf"&&m.numberOfPeriods+c>A.pdf?w(!0):(m.maxNumberOfPeriods=A[d]-c,u(d))};return t.jsxs(zr,{onClick:d=>d.stopPropagation(),children:[t.jsxs(Vr,{isResetDisabled:p,onClick:l,children:[t.jsx(Ue,{width:s.sp4,height:s.sp4}),t.jsx(Er,{children:ne.resetLabel})]}),t.jsxs(Hr,{children:[t.jsx(Ur,{children:Zr.map(d=>t.jsx(Jr,{...d,onClick:()=>{a||_(d.id)},checked:y===d.id,isLoading:r},d.id))}),t.jsx(Br,{space:s.sp0,style:{display:"flex",alignItems:"center",height:N[7]},children:ne.orLabel}),t.jsx(ae,{variant:"primary",label:F.getLocalizedStrings().downloadReport.viewReport,onClick:f,style:{width:"160px"}})]}),v?t.jsx(Xe,{onSwitchToExcelClick:()=>w(!1),onContinueWithPDFClick:()=>{w(!1),u("pdf"),$()}}):""]})},Xr=h.memo(Kr),fe=F.getLocalizedStrings().downloadReport.footer,es=n.div`
+  display: flex;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  padding: ${s.sp3};
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  gap: ${s.sp4};
+`,ts=n.div`
+  margin-right: ${e=>e.space};
+`,rs=n.div`
+  padding: ${s.sp3};
+  border: 1px solid
+    ${e=>e.checked?e.theme.colors.primary:e.theme.colors.grey2};
+  border-radius: ${s.sp2};
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  background: ${e=>e.checked?e.theme.colors.grey5:e.theme.colors.background};
+  color: ${e=>e.checked?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+  height: ${s.sp6};
+  gap: 10px;
+  box-sizing: border-box;
+  align-items: center;
+  position: relative;
+  width: 50%;
+`,ss=n(L)``,os=n.div`
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: ${s.sp2};
+`,as=n.div`
+  display: flex;
+  gap: ${s.sp3};
+  width: 100%;
+`,is=n.div`
+  position: absolute;
+  top: calc(50% - ${e=>e.offset});
+  left: calc(50% - ${e=>e.offset});
+`,ns=n(ge)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+`,ls=n(xe)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+`,ds=[{id:"excel",label:fe.downloadExcel,Icon:ls},{id:"pdf",label:fe.downloadPdf,Icon:ns}],cs=e=>{const{label:o,id:r,onClick:a,checked:i,Icon:l,isLoading:p}=e;return t.jsx(rs,{checked:i,onClick:a,id:r,children:p&&i?t.jsx(is,{offset:`${Ze("Standard")/2}px`,children:t.jsx(Ge,{size:"Standard",reverseSpinnerColor:!1,start:!0})}):t.jsxs(t.Fragment,{children:[t.jsx(ss,{children:o}),t.jsx(l,{})]})})},ps=e=>{const{onViewReportClick:o,downloadingStatement:r,disabledDownloadButton:a,downloadTypeProps:i}=e,{calendarPeriod:l,onNewFileTypeSelection:p,numberOfAdditionalColumns:m,selectedFileType:u,resetToDefaultOption:c}=i,[y,$]=h.useState(!1),v=f=>{f.stopPropagation(),o()},w=f=>{f==="pdf"&&l.numberOfPeriods+m>A.pdf?$(!0):(l.maxNumberOfPeriods=A[f]-m,p(f))};return t.jsxs(es,{onClick:f=>f.stopPropagation(),children:[t.jsxs(os,{children:[t.jsx(as,{children:ds.map(f=>t.jsx(cs,{...f,onClick:()=>{a||w(f.id)},checked:u===f.id,isLoading:r},f.id))}),t.jsx(ts,{space:s.sp0,style:{display:"flex",alignItems:"center",height:s.sp4},children:fe.orLabel}),t.jsx(ae,{variant:"primary",label:F.getLocalizedStrings().downloadReport.viewReport,onClick:v,style:{width:"100%"}})]}),y?t.jsx(Xe,{onSwitchToExcelClick:()=>$(!1),onContinueWithPDFClick:()=>{$(!1),p("pdf"),c()}}):""]})},ms=h.memo(ps),fs=e=>he()==="small"?t.jsx(ms,{...e}):t.jsx(Xr,{...e}),hs=e=>h.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{d:"M20.5447 1.65002C21.0182 1.65002 21.4723 1.83811 21.807 2.1729C22.1418 2.5077 22.3299 2.96177 22.3299 3.43524V16.8467C22.3299 18.2612 21.768 19.6177 20.7678 20.6179C19.7676 21.6181 18.4111 22.18 16.9966 22.18H3.58514C3.11168 22.18 2.6576 21.9919 2.3228 21.6571C1.98801 21.3224 1.79993 20.8683 1.79993 20.3948V3.43524C1.79993 2.96177 1.98801 2.5077 2.3228 2.1729C2.6576 1.83811 3.11168 1.65002 3.58514 1.65002H20.5447Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{d:"M17.8671 22.1086V18.6095C17.8671 18.3728 17.9611 18.1458 18.1285 17.9784C18.2959 17.811 18.5229 17.7169 18.7597 17.7169H22.2587",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{d:"M5.97803 6.3999H17.978",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{d:"M5.97803 9.97034H17.978",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{d:"M5.97803 13.5406H17.978",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{d:"M5.97803 17.1112H11.978",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),us=n.div`
+  padding: ${s.sp3};
+  border: 1px solid
+    ${e=>e.disabled?e.theme.colors.grey3:e.checked?e.theme.colors.primary:e.theme.colors.grey2};
+  border-radius: ${s.sp1};
+  display: flex;
+  cursor: ${e=>e.disabled?"default":"pointer"};
+  background: ${e=>e.checked?e.theme.colors.grey5:e.theme.colors.background};
+  color: ${e=>e.disabled?e.theme.colors.grey2:e.checked?e.theme.colors.primary:e.theme.colors.hero};
+  .report-format-icon {
+    color: inherit;
+  }
+  &:hover {
+    color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.primary};
+    border: 1px solid
+      ${e=>e.disabled?e.theme.colors.grey3:e.theme.colors.primary};
+    .report-format-icon {
+      color: inherit;
+    }
+  }
+`,bs=n(L)`
+  margin-left: ${s.sp3};
+`,xs=n(be)`
+  margin-left: ${s.sp3};
+`,G=n.div`
+  padding-top: ${e=>e.space};
+`,Qe=n(We)`
+  color: ${e=>e.theme.colors.primary};
+`,gs=n.div`
+  position: relative;
+  z-index: 2;
+`,ys=n(L)`
+  color: ${e=>e.theme.colors.primary};
+`,$s=n.div`
+  max-height: ${s.sp8};
+`,ws=n.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,Fs=n.div`
+  border-radius: ${s.sp2};
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  height: ${s.sp4};
+  gap: ${s.sp2};
+  box-sizing: border-box;
+  align-items: center;
+  color: ${e=>e.isResetDisabled?e.theme.colors.primary:e.theme.colors.grey1};
+`,vs=n(L)`
+  color: inherit;
+`,js=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,Os=e=>{const{label:o,id:r,subLabel:a,onClick:i,checked:l,Icon:p,disabled:m}=e;return t.jsxs(us,{checked:l,disabled:m,onClick:i,id:r,children:[t.jsx(p,{className:"report-format-icon",width:N[7],height:N[7]}),t.jsxs("div",{children:[t.jsx(bs,{children:o}),t.jsx(xs,{children:a})]})]})},Ys=e=>{const{reportId:o,firstMonthOfFY:r,selectedFormat:a,disabledFormat:i,selectedView:l,nestedClasses:p,classesToFilterOut:m,classesFetchState:u,showClassAccountNumber:c,showAccountGroups:y,onOpenAccountViewMode:$,onNewFormatSelection:v,onNewViewSelection:w,onResetClick:f,isResetDisabled:_}=e,d=F.getLocalizedStrings().downloadReport.reportFormats,g=he(),O=[{id:d.summary.id,label:d.summary.label,subLabel:d.summary.subLabel,Icon:dt},{id:d.detailed.id,label:d.detailed.label,subLabel:l==="account_group"?y===!0?d.detailed.subLabelAccountGroups:d.detailed.subLabelAccounts:d.detailed.subLabelClasses,Icon:Ct},{id:d.moreDetailed.id,label:d.moreDetailed.label,subLabel:l==="account_group"?y===!0?d.moreDetailed.subLabelAccountGroups:d.moreDetailed.subLabelAccounts:d.moreDetailed.subLabelClasses,Icon:hs}],x=()=>t.jsx(h.Fragment,{children:t.jsx(kt,{reportId:o,firstMonthOfFY:r,nodes:p,classesListFetchState:u,selectedView:l,showAccountGroups:y,downloadPage:!0,onSaveClick:w,classesToBeFilteredOut:m,showClassAccountNumber:c,onOpenAccountViewMode:$})});return t.jsxs(h.Fragment,{children:[g==="small"?t.jsxs(js,{children:[t.jsx(Qe,{children:F.getLocalizedStrings().downloadReport.reportFormat}),t.jsxs(Fs,{isResetDisabled:_,onClick:f,children:[t.jsx(Ue,{width:s.sp4,height:s.sp4}),t.jsx(vs,{children:d.resetLabel})]})]}):t.jsx(Qe,{children:F.getLocalizedStrings().downloadReport.reportFormat}),t.jsx(G,{space:s.sp4}),t.jsxs(gs,{children:[t.jsx(ys,{children:"View by"}),t.jsx(G,{space:s.sp2}),t.jsx($s,{children:x()})]}),t.jsx(G,{space:s.sp5}),t.jsx(ws,{}),t.jsx(G,{space:s.sp5}),O.map(j=>t.jsxs(h.Fragment,{children:[t.jsx(Os,{...j,onClick:()=>{i.includes(j.id)||v(j.id)},checked:a===j.id,disabled:i.includes(j.id)}),t.jsx(G,{space:s.sp4})]},j.id))]})},V={width:new q(N[11],N[11],33),maxWidth:new q(550,550,425),containerPadding:new q(N[3],N[6]),rowItemPadding:new q(0,N[6]),footerHeight:new q(211,133)},Ds=n.div`
+  position: relative;
+  display: flex;
+  width: ${s.sp4};
+  height: ${s.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    .download-badge {
+      color: ${e=>e.theme.colors.primary};
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,_s=Je`
+  0% {
+    transform: translateY(100%)
+  }
+  100% {
+    transform: translateY(0)
+  }
+`,ks=Je`
+  0% {
+    opacity: 0
+  }
+  90% {
+    opacity: 0
+  }
+  100% {
+    opacity: 1
+  }
+`,Cs=n.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  text-align: left;
+  background: ${ue.overlayDark};
+`,Ps=n.div`
+  display: flex;
+  justify-content: flex-end;
+  padding: ${e=>`${s.sp3} ${V.containerPadding.valuePx(e.windowSize)}`};
+`,Ss=n(lt)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  line-height: ${s.sp0};
+  &:hover {
+    color: ${ue.primaryDark};
+  }
+  animation: ${ks} 0.4s;
+`,Ms=n.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  height: calc(
+    100% - ${e=>V.footerHeight.valuePx(e.windowSize)}
+  );
+  overflow-y: auto;
+  padding: ${e=>`${V.containerPadding.valuePx(e.windowSize)} ${V.containerPadding.valuePx(e.windowSize)} ${s.sp0} ${V.containerPadding.valuePx(e.windowSize)} `};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${s.sp2} ${s.sp2} ${s.sp0} ${s.sp0};
+  animation: ${_s} 0.4s;
+`,pe=n.div`
+  padding: ${e=>`${s.sp0} ${V.rowItemPadding.valuePx(e.windowSize)}`};
+  width: ${e=>V.width.value(e.windowSize)}%;
+  max-width: ${e=>V.maxWidth.valuePx(e.windowSize)};
+`,se=n.div`
+  padding-top: ${e=>e.space};
+`,As=n.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,Ts=n(He)`
+  position: absolute;
+  top: -${s.sp2};
+  right: -12px;
+  border: 1px solid ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+  width: 18px;
+  height: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+`,Is=e=>({localeId:F.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",includeCoverPage:!0,companyName:e.currentTenantCompanyName,statementFileType:e.statementFileType,statements:e.statements,firstMonthOfFY:e.firstMonthOfFY,bookCloseDate:e.defaultOptions.bookCloseDate,timeframe:e.timeframe,additionalBalances:e.additionalBalances,format:e.format,balancesFilter:{thisPeriod:{startDate:e.balancesFilter.thisPeriod.startDate,endDate:e.balancesFilter.thisPeriod.endDate},numberOfPeriods:e.balancesFilter.numberOfPeriods,orderBy:e.balancesFilter.orderBy},accountViewMode:e.accountViewMode,nestedClassHierarchy:e.nestedClassHierarchy,classesToFilterOut:e.classesToFilterOut,dataAvailable:e.dataAvailable,isZeniCOAUsed:e.isZeniCOAUsed}),Ls=e=>{const o=Is(e);if(o!=null)return _t(e.statementEndPoint,e.authParams,o)},Rs=e=>{const{onClose:o,defaultOptions:r,dataAvailable:a,analytics:i,onSaveClickHandler:l,onThisPeriodChanged:p,onAdditionalBalanceSelectionChanged:m,onTimeframeSelectionChanged:u}=e,c=he();nt();const[y,$]=h.useState(!1),[v,w]=h.useState(!1),[f,_]=h.useState(new Ce(r.firstMonthOfFY,r.timeframe,a,r.balancesFilter.numberOfPeriods,A.excel,r.balancesFilter.thisPeriod.endDate)),[d,g]=h.useState(r.statements),[O,x]=h.useState(r.timeframe),[j,Q]=h.useState("excel"),[T,b]=h.useState(r.additionalBalances),[Y,I]=h.useState(oe(r.firstMonthOfFY,r.timeframe,r.balancesFilter.thisPeriod.endDate,r.balancesFilter.numberOfPeriods).dateRange),[X,et]=h.useState(e.defaultOptions.accountViewMode),[ee,tt]=h.useState(e.defaultOptions.classesToFilterOut),[W,Oe]=h.useState(e.defaultOptions.balancesFilter.orderBy),[Ye,De]=h.useState(!1),rt=()=>{const D=ie(r.firstMonthOfFY,O,Y),{startOfTimeframeFY:R,endOfTimeframeFY:S}=C(Y.endDate,r.firstMonthOfFY,O),z=P(new Date(S.year(),S.month(),S.date()).toISOString());p?.({endDate:z,startDate:R},D,!0)};h.useEffect(()=>{const D=async()=>{const R=f.endDate,{startOfTimeframeFY:S}=C(f.endDate,r.firstMonthOfFY,f.timeframe);await Ls({...e,statements:Pt.filter(z=>d.includes(z)),firstMonthOfFY:e.defaultOptions.firstMonthOfFY,timeframe:f.timeframe,additionalBalances:Ke[f.timeframe].filter(z=>T.includes(z)),format:e.reportFormatProps.selectedFormat,statementFileType:j,accountViewMode:X,classesToFilterOut:ee,balancesFilter:{thisPeriod:{startDate:S,endDate:R},orderBy:W,numberOfPeriods:f.numberOfPeriods},dataAvailable:a,isZeniCOAUsed:e.defaultOptions.isZeniCOAUsed}),e.updateDownloadStateHandler("Completed")};Ye&&e.downloadState!=="In-Progress"&&(De(!1),e.updateDownloadStateHandler("In-Progress"),D(),i?.trackDownload(e.referrer,Dt(f.timeframe),j,!1))},[i,f.endDate,f.numberOfPeriods,f.timeframe,Ye,e,a,T,j,e.reportFormatProps.selectedFormat,W,d,X,ee,r.firstMonthOfFY]),h.useEffect(()=>{v?y||$(D=>!D):w(D=>!D)},[T,W,Y,e.reportFormatProps.selectedFormat]);const st=()=>{b(r.additionalBalances),f.maxNumberOfPeriods=A.pdf-r.additionalBalances.length;const D=ie(r.firstMonthOfFY,f.timeframe,a,r.balancesFilter.numberOfPeriods),R=oe(r.firstMonthOfFY,f.timeframe,f.endDate,D).dateRange;I(R),f.updatePeriod(R.startDate,R.endDate)},ot=D=>{D.stopPropagation(),o()},at=(D,R)=>{et(D),e.showAccountGroups===!1&&D==="account_group"?e.reportFormatProps.disabledFormatForRole.push("detailed"):D==="classes"&&e.showAccountGroups===!1&&e.reportFormatProps.disabledFormatForRole.splice(e.reportFormatProps.disabledFormatForRole.indexOf("detailed"),1),D==="classes"?d.includes("profit_and_loss")&&(g(S=>S.filter(z=>z!=="profit_and_loss")),g(S=>[...S,"profit_and_loss_by_classes"])):d.includes("profit_and_loss_by_classes")&&(g(S=>S.filter(z=>z!=="profit_and_loss_by_classes")),g(S=>[...S,"profit_and_loss"])),R!==void 0&&tt(R)},_e=()=>{_(new Ce(r.firstMonthOfFY,r.timeframe,a,r.balancesFilter.numberOfPeriods,A.excel,r.balancesFilter.thisPeriod.endDate)),b(r.additionalBalances),e.reportFormatProps.setSelectedFormat(r.accountViewMode==="classes"?e.reportFormatProps.roleBasedClassesSelectedFormat:e.showAccountGroups===!1?"more_detailed":"detailed"),Oe("ascending_date"),g(r.statements),x(r.timeframe),I(oe(r.firstMonthOfFY,r.timeframe,r.balancesFilter.thisPeriod.endDate,r.balancesFilter.numberOfPeriods).dateRange),$(!1),w(!1)};return t.jsxs(Cs,{children:[t.jsx(Ps,{role:"presentation",onClick:D=>ot(D),windowSize:c,children:t.jsx(Ss,{})}),t.jsxs(Ms,{windowSize:c,children:[t.jsxs(pe,{windowSize:c,children:[t.jsx(Ys,{firstMonthOfFY:e.defaultOptions.firstMonthOfFY,reportId:"profit_and_loss_by_classes",selectedFormat:e.reportFormatProps.selectedFormat,disabledFormat:e.reportFormatProps.disabledFormatForRole,selectedView:X,nestedClasses:e.defaultOptions.nestedClassHierarchy??[],classesToFilterOut:ee,classesFetchState:e.classesFetchState,showClassAccountNumber:e.defaultOptions.showClassAccountNumber??!1,showAccountGroups:e.showAccountGroups,onNewFormatSelection:e.reportFormatProps.setSelectedFormat,onNewViewSelection:at,onOpenAccountViewMode:e.onOpenAccountViewMode,onResetClick:_e,isResetDisabled:y}),t.jsx(As,{}),c==="small"||c==="medium-compact"?t.jsx(se,{space:s.sp5}):t.jsx(se,{space:s.sp8})]}),t.jsxs(pe,{windowSize:c,children:[t.jsx(Pr,{firstMonthOfFY:r.firstMonthOfFY,calendarPeriod:f,numberOfAdditionalColumns:T.length,selectedOrderBy:W,dataAvailable:a,dateRange:Y,defaultOptions:r,selectedTimeframe:O,bookCloseDate:r.bookCloseDate,onDateRangeChange:I,onSelectedTimeframeChange:x,onNewOrderBySelection:Oe,selectedFileType:j,onAdditionalColumnsSelectionChanged:b}),t.jsx(se,{space:s.sp5})]}),t.jsxs(pe,{windowSize:c,children:[t.jsx(Et,{firstMonthOfFY:e.defaultOptions.firstMonthOfFY,disabledAdditionalColumns:r.disabledAdditionalColumns,selectedTimeframe:O,dateRange:Y,calendarPeriod:f,selectedAdditionalColumns:T,onAdditionalColumnsSelectionChanged:b,dataAvailable:a,selectedFileType:j}),t.jsx(se,{space:s.sp8})]})]}),t.jsx(fs,{onCancelClick:()=>o(),onViewReportClick:()=>{e.onUpdateDisplayOrder(W),e.onUpdateReportFormat(e.reportFormatProps.selectedFormat),l(X,ee),m?.(T,f.numberOfPeriods,!0),u?.(O,!1,!0),rt(),o()},downloadingStatement:e.downloadState==="In-Progress",disabledDownloadButton:d.length===0,downloadTypeProps:{selectedFileType:j,calendarPeriod:f,numberOfAdditionalColumns:T.length,onNewFileTypeSelection:D=>{Q(D),De(!0)},resetToDefaultOption:st},onResetClick:_e,isResetDisabled:y})]})},to=e=>{const{defaultOptions:o}=e,[r,a]=h.useState(!1),i=o.additionalBalances;return t.jsxs(Ds,{onClick:()=>{a(!0)},children:[t.jsx(it,{visibility:r?"hidden":"visible",style:{cursor:"pointer",width:s.sp4,height:s.sp4}}),r?null:t.jsx(Ts,{className:"download-badge",children:o.balancesFilter.numberOfPeriods+i.length}),r?t.jsx(Rs,{...e,onClose:()=>a(!1)}):null]})};export{to as DownloadOverlayButton,Rs as default};

package/dist/assets/{DrawerPage-DQ3Xuekx-B9p3dBku.js → DrawerPage-CaG-xx5d-EitebnoL.js}

@@ -1,4 +1,4 @@
-import{X as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,c as b,u as t,aQ as k,ki as L,kj as D,kk as C}from"./index-DmJDLobC.js";import{n as o}from"./mui-Bgk_7_3h.js";import"./sentry-L3H0lnBS.js";import"./liveblocks-D1Gf9COF.js";import"./core-BBKQkJb7.js";import"./zeni-epic-state-B9Z2lD6g.js";import"./lottie-B-DVrXwa.js";import"./recharts-DQ94kkTy.js";import"./analytics-BSh5cBTM.js";import"./lexical-CC2d_kE2.js";import"./utils-WSIc2RtD.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="e6d1fd67-4b92-4759-87b6-9ddd82055a9f",e._sentryDebugIdIdentifier="sentry-dbid-e6d1fd67-4b92-4759-87b6-9ddd82055a9f")}catch{}})();const l={drawerItemPadding:new s(t[3],t[3],t[4]),styledDivMarginLeft:new s(t[6],t[7]),verticalLineLeftMargin:new s(32,42),iconWidth:new s(t[5],t[6]),iconHeight:new s(t[5],t[6]),iconSize:new s(20,t[4])},v={title:new c("standardRegular","largeRegular"),content:new c("smallRegular","standardRegular")},x=h.getLocalizedStrings().rewardsPage.drawerPage,_=({rewardsPlan:e})=>{const n=[I(),R(),M({rewardsPlan:e})],d=a();return i.jsx(A,{children:n.map((j,f)=>i.jsxs(E,{children:[i.jsx(O,{children:j}),f<n.length-1?i.jsx(H,{windowSize:d}):null]},`step_${f}`))})},I=()=>{const e=a(),n=x.item1;return i.jsxs(p,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:e,icon:"link",children:i.jsx(N,{windowSize:e})}),i.jsx(z,{windowSize:e,children:n.title})]}),i.jsx($,{windowSize:e,children:i.jsx(S,{windowSize:e,children:n.content})})]})},R=()=>{const e=a(),n=x.item2;return i.jsxs(p,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:e,icon:"user",children:i.jsx(X,{windowSize:e})}),i.jsx(z,{windowSize:e,children:n.title})]}),i.jsx($,{windowSize:e,children:i.jsx(S,{windowSize:e,children:n.content})})]})},M=({rewardsPlan:e})=>{const n=a(),d=x.item3;return i.jsxs(p,{windowSize:n,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:n,icon:"money",children:i.jsx(B,{windowSize:n})}),i.jsx(z,{windowSize:n,children:d.title[e.planName]})]}),i.jsx($,{windowSize:n,children:i.jsx(S,{windowSize:n,children:d.content[e.planName].replace("__reward-amount__",k("0,0",e.referrerAmount))})})]})},p=o.div`
+import{J as a,V as i,bV as j,o as r,y as s,O as h,c4 as P,H as c,B as g,x as b,u as t,aP as k,k4 as L,k5 as D,k6 as C}from"./index-DyBrELD_.js";import{n as o}from"./mui-D3hEqMLm.js";import"./sentry-BV4jcjA3.js";import"./liveblocks-VMOu1QaQ.js";import"./core-CuilwggZ.js";import"./recharts-Bs6FfRQK.js";import"./zeni-epic-state-wSe7lDM8.js";import"./lottie-DcZDexOB.js";import"./analytics-Dmyyfi9O.js";import"./lexical-BV3aGUzT.js";import"./utils-AGDkxX5e.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="d435bf3c-2ce0-4537-aaeb-f0935deae4e1",e._sentryDebugIdIdentifier="sentry-dbid-d435bf3c-2ce0-4537-aaeb-f0935deae4e1")}catch{}})();const l={drawerItemPadding:new s(t[3],t[3],t[4]),styledDivMarginLeft:new s(t[6],t[7]),verticalLineLeftMargin:new s(32,42),iconWidth:new s(t[5],t[6]),iconHeight:new s(t[5],t[6]),iconSize:new s(20,t[4])},v={title:new c("standardRegular","largeRegular"),content:new c("smallRegular","standardRegular")},x=h.getLocalizedStrings().rewardsPage.drawerPage,I=({rewardsPlan:e})=>{const n=[_(),R(),B({rewardsPlan:e})],d=a();return i.jsx(A,{children:n.map((y,f)=>i.jsxs(V,{children:[i.jsx(J,{children:y}),f<n.length-1?i.jsx(E,{windowSize:d}):null]},`step_${f}`))})},_=()=>{const e=a(),n=x.item1;return i.jsxs(p,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:e,icon:"link",children:i.jsx(H,{windowSize:e})}),i.jsx(z,{windowSize:e,children:n.title})]}),i.jsx($,{windowSize:e,children:i.jsx(S,{windowSize:e,children:n.content})})]})},R=()=>{const e=a(),n=x.item2;return i.jsxs(p,{windowSize:e,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:e,icon:"user",children:i.jsx(M,{windowSize:e})}),i.jsx(z,{windowSize:e,children:n.title})]}),i.jsx($,{windowSize:e,children:i.jsx(S,{windowSize:e,children:n.content})})]})},B=({rewardsPlan:e})=>{const n=a(),d=x.item3;return i.jsxs(p,{windowSize:n,children:[i.jsxs(m,{children:[i.jsx(u,{windowSize:n,icon:"money",children:i.jsx(N,{windowSize:n})}),i.jsx(z,{windowSize:n,children:d.title[e.planName]})]}),i.jsx($,{windowSize:n,children:i.jsx(S,{windowSize:n,children:d.content[e.planName].replace("__reward-amount__",k("0,0",e.referrerAmount))})})]})},p=o.div`
   border: 1px solid ${e=>e.theme.colors.grey3};
   border-radius: ${r.sp2};
   box-shadow: ${e=>`${r.sp0} 1px 2px ${r.sp0} ${e.theme.colors.dropShadowNormal}`};
@@ -15,15 +15,15 @@ import{X as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,c as b,u
   justify-content: flex-start;
 `,$=o.div`
   margin-left: ${e=>l.styledDivMarginLeft.valuePx(e.windowSize)};
-`,N=o(L)`
+`,H=o(L)`
   height: ${e=>l.iconSize.valuePx(e.windowSize)};
   width: ${e=>l.iconSize.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.graphColor12Dark};
-`,X=o(D)`
+`,M=o(D)`
   height: ${e=>l.iconSize.valuePx(e.windowSize)};
   width: ${e=>l.iconSize.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.graphColor06Dark};
-`,B=o(C)`
+`,N=o(C)`
   height: ${e=>l.iconSize.valuePx(e.windowSize)};
   width: ${e=>l.iconSize.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.success};
@@ -42,14 +42,14 @@ import{X as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,c as b,u
 `,S=o(g)`
   color: ${e=>e.theme.colors.hero};
   ${e=>`${v.content.style(e.windowSize)}`};
-`,E=o.div`
+`,V=o.div`
   display: flex;
   flex-direction: row;
   position: relative;
   z-index: 1;
 `,A=o.div`
   margin-top: ${r.sp4};
-`,H=o.div`
+`,E=o.div`
   top: ${r.sp0};
   width: 1px;
   height: 100%;
@@ -58,9 +58,9 @@ import{X as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,c as b,u
   width: 2px;
   background: ${e=>e.theme.colors.grey2};
   z-index: -1;
-`,O=o.div`
+`,J=o.div`
   padding-bottom: ${r.sp4};
-`,{common:{navBar:{back:T}}}=h.getLocalizedStrings(),w={navBarContainerPaddingXaxis:new s(10,t[3]),containerPaddingLeft:new s(t[3],t[6],t[8]),containerPaddingRight:new s(t[3],t[6],t[8])},V={title:new c("standardRegular","largeRegular")},{referAndEarn:W}=h.getLocalizedStrings().rewardsPage;function ce({rewardsPlan:e,onDismissClick:n}){const d=a();return i.jsxs(Q,{windowSize:d,children:[i.jsx(J,{windowSize:d,children:i.jsxs(q,{windowSize:d,children:[d==="small"&&i.jsx(U,{children:i.jsx(y,{enterDelay:600,title:T,placement:"bottom",style:{padding:`${r.sp1} ${r.sp2}`},children:i.jsx(Z,{onClick:n})})}),i.jsx(F,{windowSize:d,children:W}),d!=="small"&&i.jsx(K,{onClick:n})]})}),i.jsx(G,{windowSize:d,children:i.jsx(_,{rewardsPlan:e})})]})}const Q=o.div`
+`,{common:{navBar:{back:O}}}=h.getLocalizedStrings(),w={navBarContainerPaddingXaxis:new s(10,t[3]),containerPaddingLeft:new s(t[3],t[6],t[8]),containerPaddingRight:new s(t[3],t[6],t[8])},T={title:new c("standardRegular","largeRegular")},{referAndEarn:W}=h.getLocalizedStrings().rewardsPage;function ce({rewardsPlan:e,onDismissClick:n}){const d=a();return i.jsxs(X,{windowSize:d,children:[i.jsx(K,{windowSize:d,children:i.jsxs(q,{windowSize:d,children:[d==="small"&&i.jsx(U,{children:i.jsx(j,{enterDelay:600,title:O,placement:"bottom",style:{padding:`${r.sp1} ${r.sp2}`},children:i.jsx(Y,{onClick:n})})}),i.jsx(F,{windowSize:d,children:W}),d!=="small"&&i.jsx(Q,{onClick:n})]})}),i.jsx(G,{windowSize:d,children:i.jsx(I,{rewardsPlan:e})})]})}const X=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -78,11 +78,11 @@ import{X as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,c as b,u
   color: ${e=>e.theme.colors.primary};
   width: 96%;
   text-align: center;
-  ${e=>`${V.title.style(e.windowSize)}`};
+  ${e=>`${T.title.style(e.windowSize)}`};
 `,G=o.div`
   padding-left: ${e=>w.containerPaddingLeft.valuePx(e.windowSize)};
   padding-right: ${e=>w.containerPaddingRight.valuePx(e.windowSize)};
-`,J=o.div`
+`,K=o.div`
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -92,7 +92,7 @@ import{X as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,c as b,u
   padding: ${e=>`${w.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${r.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,K=o(b)`
+`,Q=o(b)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${r.sp4};
@@ -107,7 +107,7 @@ import{X as a,V as i,c1 as y,o as r,x as s,O as h,cc as P,N as c,M as g,c as b,u
   display: flex;
   align-items: center;
   margin-left: ${r.sp3};
-`,Z=o(P)`
+`,Y=o(P)`
   height: ${r.sp4};
   width: ${r.sp4};
   cursor: pointer;