@zeniai/web-components 3.17.10 → 3.17.11

package/dist/DownloadOverlay-BwJ3jG2D.cjs

@@ -0,0 +1,439 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-.pnpm-D0ILHvHB.cjs"),G=require("react"),De=require("@emotion/react"),i=require("@emotion/styled"),l=require("@zeniai/client-epic-state"),t=require("./index-B3k6KNNf.cjs"),Te=require("./analyticsHelper-Ch-zyO2u.cjs"),we=require("./ReportTableViewSelector-CFNaWKP9.cjs"),Ae=require("./page-detail-Cu3Efiim.cjs"),Ie=require("./page-summary-BVR1gBsz.cjs");function Me(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const f=Me(G),Le=["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 q(e,o,r,a){let n=0;if(!(e!==1&&(o==="quarter"||o==="year")))n=r.endDate.endOf(o).diff(r.startDate.startOf(o),o)+1;else switch(o){case"quarter":{const{startOfTimeframeFY:d}=l.getStartOfAndEndOfTimeframeForFY(r.startDate,e,"quarter"),{endOfTimeframeFY:p}=l.getStartOfAndEndOfTimeframeForFY(r.endDate,e,"quarter");n=Math.ceil(Math.ceil(p.diff(d,"month",!0))/3);break}case"year":{const{startOfTimeframeFY:d}=l.getStartOfAndEndOfTimeframeForFY(r.startDate,e,"year"),{endOfTimeframeFY:p}=l.getStartOfAndEndOfTimeframeForFY(r.endDate,e,"year");n=Math.ceil(Math.ceil(p.diff(d,"month",!0))/12);break}}return a!=null?Math.min(n,a):n}function H(e,o,r,a=1){if(a>1){const n=l.subtractPeriod(r,e,a-1,o),{startOfTimeframeFY:u}=l.getStartOfAndEndOfTimeframeForFY(n,e,o);return{firstMonthOfFY:e,timeframe:o,dateRange:{startDate:u,endDate:r}}}else return{firstMonthOfFY:e,timeframe:o,dateRange:{startDate:r,endDate:r}}}class de{_firstMonthOfFY;_timeframe;_dataAvailable;_endDate;_numberOfPeriods;_maxNumberOfPeriods;constructor(o,r,a,n,u,d=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=n,this._maxNumberOfPeriods=u,this._endDate=d}get value(){return H(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=l.addPeriod(this.startDate,this.firstMonthOfFY,this.maxNumberOfPeriods-1,this.timeframe);let{endOfTimeframeFY:r}=l.getStartOfAndEndOfTimeframeForFY(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}=l.getStartOfAndEndOfTimeframeForFY(this.dataAvailable.startDate,this.firstMonthOfFY,this.timeframe),{endOfTimeframeFY:n}=l.getStartOfAndEndOfTimeframeForFY(this.dataAvailable.endDate,this.firstMonthOfFY,this.timeframe);return o.isBetween(a,n,null,"[]")&&r.isBetween(a,n,null,"[]")}}updatePeriod(o,r){if(!this.canUpdateToPeriod(o,r))return!1;let a=q(this.firstMonthOfFY,this.timeframe,{startDate:o,endDate:r});if(a>this.maxNumberOfPeriods){a=this._numberOfPeriods;const{endOfTimeframeFY:n}=l.getStartOfAndEndOfTimeframeForFY(l.addPeriod(o,this.firstMonthOfFY,this._numberOfPeriods-1,this.timeframe),this.firstMonthOfFY,this.timeframe);this._endDate=n}else if(o.isAfter(r)){a=1;const{endOfTimeframeFY:n}=l.getStartOfAndEndOfTimeframeForFY(o,this.firstMonthOfFY,this.timeframe);this._endDate=n}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 X=["1","2","3","4"],J=l.dateNow().localeData().monthsShort(),v={pdf:12,excel:100,csv:100},M=(e,o,r)=>{const a=t.appLocale.getLocalizedStrings().dateFormat.analytics.YYYYFormat,n=[];if(e===1||o==="month"){const{startDate:u,endDate:d}=r;let p=u;for(;p.isSameOrBefore(d,"year");)n.push(p.format(a)),p=l.addPeriod(p,e,1,"year")}else{const{startOfTimeframeFY:u}=l.getStartOfAndEndOfTimeframeForFY(r.startDate,e,"year"),{endOfTimeframeFY:d}=l.getStartOfAndEndOfTimeframeForFY(r.endDate,e,"year");let{fyYear:p}=l.getFYQuarterAndYear(u,e);const{fyYear:h}=l.getFYQuarterAndYear(d,e);for(;p<=h;)n.push(`${p}`),p++}return n},Be=i.div`
+  padding: ${t.Space.sp3};
+  border: 1px solid ${e=>e.borderColor.default};
+  border-radius: ${t.Space.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};
+    }
+  }
+`,ce=i.div`
+  display: flex;
+`,ze=i(t.StandardRegular)`
+  margin-left: ${t.Space.sp3};
+`,Qe=i(t.SvgInfo)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,me=i(t.SvgCheckboxActive)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,ue=i(t.SvgCheckboxDefault)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,Ne=e=>{const{id:o,disabled:r=!1,checked:a=!1,label:n,showInfoIcon:u,tooltipText:d,style:p={},onClick:h}=e,c=s.useTheme();let S=a?me:ue;c.mode==="dark"&&(S=a?me:ue);let y=a?c.colors.primary:c.colors.hero;r&&(y=c.colors.grey2);const $=()=>{r||h(o,a)};let R={default:c.colors.background,hover:c.colors.background},x={default:c.colors.hero,hover:c.colors.primary},Y={default:c.colors.grey2,hover:c.colors.primary};return a?(R={default:c.colors.grey5,hover:c.colors.grey5},x={default:c.colors.primary,hover:c.colors.primary},Y={default:c.colors.primary,hover:c.colors.primary}):r&&(R={default:c.colors.grey4,hover:c.colors.grey4},x={default:c.colors.grey2,hover:c.colors.grey2},Y={default:c.colors.grey3,hover:c.colors.grey3}),s.jsxRuntimeExports.jsxs(Be,{backgroundColor:R,textColor:x,borderColor:Y,onClick:$,disabled:r,checked:a,style:{...p},children:[s.jsxRuntimeExports.jsxs(ce,{children:[s.jsxRuntimeExports.jsx(S,{color:a?y:"none"}),n!=null?s.jsxRuntimeExports.jsx(ze,{children:n}):null]}),u===!0?s.jsxRuntimeExports.jsx(ce,{style:{marginLeft:t.Space.sp3},children:s.jsxRuntimeExports.jsx(t.Tooltip,{enterDelay:600,title:d,children:s.jsxRuntimeExports.jsx(Qe,{width:t.Space.sp3,height:t.Space.sp3})})}):""]})},Ve=G.memo(Ne),se=["year_to_date_total","free_range_total","year_to_date_last_year_total","rolling_12_months","rolling_12_months_average"],Ue=["this_period_vs_last_period","this_period_vs_last_period_percent",...se,"this_period_vs_same_period_last_year","this_period_vs_same_period_last_year_percent","same_period_last_year"],We=["this_period_vs_last_period","this_period_vs_last_period_percent",...se,"this_period_vs_same_period_last_year","this_period_vs_same_period_last_year_percent","same_period_last_year"],He=["this_period_vs_last_period","this_period_vs_last_period_percent",...se],Ce={month:Ue,quarter:We,year:He},pe=i.div`
+  padding-top: ${e=>e.space};
+`,qe=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+`,Ze=(e,o,r)=>{const a=[],n=r.startDate;return l.subtractPeriod(o,e,1,"year").isBefore(n)&&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},Ge=e=>{const{firstMonthOfFY:o,selectedTimeframe:r,disabledAdditionalColumns:a,selectedAdditionalColumns:n,dateRange:u,calendarPeriod:d,dataAvailable:p,selectedFileType:h,onAdditionalColumnsSelectionChanged:c}=e,S=Ze(o,u.endDate,p);f.useEffect(()=>{const m=n.filter(j=>!S.includes(j));n.length!==m.length&&c(m)},[S,n,c]);const y=d.numberOfPeriods+n.length<v[h],$=t.appLocale.getLocalizedStrings().downloadReport.additionalColumns[r],R=Ce[r],x=(m,j)=>{if(j){const w=n.indexOf(m),b=[...n];b.splice(w,1),d.maxNumberOfPeriods=v[h]-b.length,c(b)}else d.maxNumberOfPeriods=v[h]-(n.length+1),c([...n,m])},Y=(m,j)=>{const{dateFormat:{visual:w}}=t.appLocale.getLocalizedStrings();let b=l.formatZeniDate(l.subtractPeriod(u.endDate,j,1,"year"),w.MMMYYFormat,j);return r==="quarter"&&(b=`Q${l.formatZeniDate(l.subtractPeriod(u.endDate,j,1,"year"),w.QYYformat,j)}`),$[m].replace("-same_period_last_year-",b)};return s.jsxRuntimeExports.jsxs(f.Fragment,{children:[s.jsxRuntimeExports.jsx(qe,{children:t.appLocale.getLocalizedStrings().downloadReport.addColumns}),s.jsxRuntimeExports.jsx(pe,{space:t.Space.sp3}),R.map(m=>s.jsxRuntimeExports.jsxs(f.Fragment,{children:[s.jsxRuntimeExports.jsx(Ve,{checked:n.includes(m),label:Y(m,o),disabled:a?.includes(m)===!0||S.includes(m)||!y&&!n.includes(m),id:m,onClick:(j,w)=>x(j,w),showInfoIcon:S.includes(m)&&y,tooltipText:t.appLocale.getLocalizedStrings().downloadReport.dataNotAvailable}),s.jsxRuntimeExports.jsx(pe,{space:t.Space.sp3})]},m))]})},Xe=f.memo(Ge),xe=i.div``,Je=i.div`
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+  border: 1px solid ${e=>e.theme.colors.primary};
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${t.Space.sp1};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+`,Ke=i(t.ExtraSmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,et=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: -2px;
+`,tt=i(t.SvgArrowFilledBottom)`
+  color: ${e=>e.theme.colors.hero};
+  width: 12px;
+  height: 12px;
+  margin: auto ${t.Space.sp0};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,st=e=>{const{value:o,label:r,onClick:a}=e,n=s.useTheme(),u=t.appLocale.getLocalizedStrings().reports;return s.jsxRuntimeExports.jsxs(Je,{onClick:a,children:[s.jsxRuntimeExports.jsxs(xe,{style:{display:"flex",alignItems:"center"},children:[s.jsxRuntimeExports.jsx(t.SvgCalendar,{color:n.colors.primary,style:{width:t.Space.sp4,height:t.Space.sp4}}),s.jsxRuntimeExports.jsxs(xe,{style:{paddingLeft:t.Space.sp3},children:[s.jsxRuntimeExports.jsx(Ke,{style:{color:n.colors.hero},children:r}),s.jsxRuntimeExports.jsxs(et,{style:{color:n.colors.primary},children:[o,e.timeframeTickTag!=null&&(e.timeframeTickTag==="under_review"?u.starred:u.doubleStarred)]})]})]}),s.jsxRuntimeExports.jsx(tt,{})]})},re=G.memo(st),oe=e=>{const{starredPeriod:o,doubleStarredPeriod:r,bookCloseUnderReviewInfo:a,bookCloseIncompleteInfo:n}=e,u=t.appLocale.getLocalizedStrings().reports;return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[o.length>0?s.jsxRuntimeExports.jsxs(fe,{children:[s.jsxRuntimeExports.jsx(ge,{children:u.starred}),s.jsxRuntimeExports.jsxs(he,{children:[s.jsxRuntimeExports.jsx(Se,{children:u.bookCloseInfoStar}),a]})]}):null,r.length>0?s.jsxRuntimeExports.jsxs(fe,{children:[s.jsxRuntimeExports.jsx(ge,{children:u.doubleStarred}),s.jsxRuntimeExports.jsxs(he,{children:[s.jsxRuntimeExports.jsx(Se,{children:u.bookCloseIncompleteInfoStar}),n]})]}):null]})},fe=i(t.ExtraSmallRegular)`
+  background: ${e=>e.theme.colors.grey4};
+  color: ${e=>e.theme.colors.primary};
+  padding: ${t.Space.sp2} 27px;
+  display: flex;
+`,he=i.div``,ge=i(t.ExtraSmallMedium)`
+  margin-right: 6px;
+`,Se=i.span`
+  font-weight: ${t.FontWeight.medium};
+`,rt=i.div`
+  position: relative;
+  cursor: pointer;
+`,ot=i.div`
+  display: flex;
+  z-index: 9;
+  flex-wrap: wrap;
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp2} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp1} ${t.Space.sp1};
+  position: absolute;
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  width: 100%;
+`,at=i.div`
+  padding: ${t.Space.sp3};
+  border-top: none;
+  display: flex;
+  flex-wrap: wrap;
+  background: ${e=>e.theme.colors.grey5};
+  width: 100%;
+`,be=i.div`
+  padding-top: ${e=>e.space};
+  width: 100%;
+`,nt=i.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  width: 100%;
+`,it=(e,o,r,a)=>{const n=M(e,"month",o).filter(d=>!l.zeniDate(`${d}-01-01`).isBetween(r.startDate.startOf("year"),r.endDate.endOf("year"),null,"[]"));return{disabledMonths:J.filter(d=>{const p=a.startDate.format(O.YYYYformat);return!l.zeniDate(`${d} ${p}`,O.MMMYYYYFormat).isBetween(r.startDate.startOf("month"),r.endDate.endOf("month"),null,"[]")}),disabledYears:n}},lt=(e,o,r,a)=>{const n=l.isIncompleteMonthPresentInTimeframeTick(r);return a!=null?J.filter(d=>o.includes(d)===!1&&l.zeniDate(`${d} ${e}`,O.MMMYYYYFormat).isAfter(a)&&(n===!0?l.zeniDate(r.endDate.format(O.MMMYYYYFormat)).isSame(l.zeniDate(`${d} ${e}`,O.MMMYYYYFormat))===!1:!0)):[]},dt=(e,o,r,a)=>{const n=l.isIncompleteMonthPresentInTimeframeTick(e);return a!=null?J.filter(d=>r.includes(d)===!1&&l.zeniDate(`${d} ${o}`,O.MMMYYYYFormat).isAfter(a)&&(n===!0?l.zeniDate(e.endDate.format(O.MMMYYYYFormat)).isSame(l.zeniDate(`${d} ${o}`,O.MMMYYYYFormat))===!0:!1)):[]},{reports:je,dateFormat:{analytics:U,visual:O}}=t.appLocale.getLocalizedStrings(),ct=e=>{const{selectedPeriod:o,label:r,validPeriod:a,onNewPeriodSelection:n}=e,[u,d]=f.useState(!1),[p,h]=f.useState(o.startDate.format(U.MMMFormat)),[c,S]=f.useState(o.startDate.format(U.YYYYFormat)),y=b=>{h(b),n("month",{startDate:l.zeniDate(`${b} ${c}`,U.MMMYYYYFormat).startOf("month"),endDate:l.zeniDate(`${b} ${c}`,U.MMMYYYYFormat).endOf("month")}),d(!1)},$=b=>{d(b),h(o.startDate.format(O.MMMformat)),S(o.startDate.format(O.YYYYformat))},{disabledMonths:R,disabledYears:x}=it(e.firstMonthOfFY,e.dataAvailable,a,{startDate:l.zeniDate(c,O.YYYYformat),endDate:l.zeniDate(c,O.YYYYformat)}),Y=M(e.firstMonthOfFY,"month",e.dataAvailable),m=lt(c,R,a,e.bookCloseDate),j=dt(a,c,R,e.bookCloseDate),w=e.bookCloseDate!=null?l.getTimeframeTickTag("month",e.firstMonthOfFY,o,e.bookCloseDate,e.dataAvailable):void 0;return s.jsxRuntimeExports.jsx(s.ClickAwayListener,{onClickAway:()=>$(!1),children:s.jsxRuntimeExports.jsxs(rt,{children:[s.jsxRuntimeExports.jsx(re,{value:l.formatZeniDate(o.startDate,O.MMMYYFormat,e.firstMonthOfFY),onClick:()=>$(!u),label:r,timeframeTickTag:w}),u?s.jsxRuntimeExports.jsx(f.Fragment,{children:s.jsxRuntimeExports.jsxs(ot,{children:[s.jsxRuntimeExports.jsxs(at,{children:[Y.map(b=>s.jsxRuntimeExports.jsx(t.CalendarItem,{id:b,text:b,disabled:x.includes(b),onClick:D=>{S(D),h("")},checked:b===c},b)),s.jsxRuntimeExports.jsx(be,{space:t.Space.sp3}),s.jsxRuntimeExports.jsx(nt,{}),s.jsxRuntimeExports.jsx(be,{space:t.Space.sp3}),J.map(b=>s.jsxRuntimeExports.jsx(t.CalendarItem,{id:b,text:b,disabled:R.includes(b),onClick:D=>y(D),checked:b===p,starred:m.includes(b)&&!R.includes(b),doubleStarred:j.includes(b)&&!R.includes(b)},b))]}),s.jsxRuntimeExports.jsx(oe,{starredPeriod:m,doubleStarredPeriod:j,bookCloseIncompleteInfo:je.bookCloseIncompleteInfoMonth,bookCloseUnderReviewInfo:je.bookCloseUnderReviewInfoMonth})]})}):""]})})},mt=f.memo(ct),ut=i.div`
+  position: relative;
+  cursor: pointer;
+`,pt=i.div`
+  display: flex;
+  z-index: 9;
+  flex-wrap: wrap;
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp2} ${e.theme.colors.dropShadowHover}`};
+  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp1} ${t.Space.sp1};
+  position: absolute;
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  width: 100%;
+`,xt=i.div`
+  padding: ${t.Space.sp3};
+  border-top: none;
+  display: flex;
+  flex-wrap: wrap;
+  background: ${e=>e.theme.colors.grey5};
+  width: 100%;
+`,ye=i.div`
+  padding-top: ${e=>e.space};
+  width: 100%;
+`,ft=i.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  width: 100%;
+`,ht=(e,o,r,a)=>{const n=M(e,"quarter",o).filter(d=>{if(e===1)return!l.zeniDate(`${d}-01-01`).isBetween(r.startDate.startOf("year"),r.endDate.endOf("year"),null,"[]");{const{fyYear:p}=l.getFYQuarterAndYear(r.startDate,e),{fyYear:h}=l.getFYQuarterAndYear(r.endDate,e);return!(parseInt(d)>=p&&parseInt(d)<=h)}});return{disabledQuarters:X.filter(d=>{const p=parseInt(d),h=l.getFYQuarterAndYear(r.startDate,e),c=l.getFYQuarterAndYear(r.endDate,e);return a===h.fyYear&&p<h.fyQuarter||a===c.fyYear&&p>c.fyQuarter?!0:a<h.fyYear||a>c.fyYear}),disabledYears:n}},gt=(e,o,r,a,n)=>{const u=l.isIncompleteMonthPresentInTimeframeTick(a);if(n!=null){const d=l.getFYQuarterAndYear(n,o),p=l.getFYQuarterAndYear(a.endDate,o);return X.filter(c=>{const S=parseInt(c);return e.includes(c)===!1&&(u!==!0||p.fyQuarter!==S)&&(r===d.fyYear&&S>=d.fyQuarter&&l.getLastMonthOfFYQuarter(S,o)!==n.month()+1||r>d.fyYear)})}else return[]},St=(e,o,r,a,n)=>{const u=l.isIncompleteMonthPresentInTimeframeTick(a);if(n!=null){const d=l.getFYQuarterAndYear(n,e),p=l.getFYQuarterAndYear(a.endDate,e);return X.filter(c=>{const S=parseInt(c);return r.includes(c)===!1&&(u!==!0||p.fyQuarter===S)&&o===d.fyYear&&S>=d.fyQuarter||o>d.fyYear})}else return[]},bt=e=>{const{selectedPeriod:o,label:r,validPeriod:a,onNewPeriodSelection:n}=e,{fyQuarter:u,fyYear:d}=l.getFYQuarterAndYear(o.startDate,e.firstMonthOfFY),[p,h]=f.useState(!1),[c,S]=f.useState(`${u}`),[y,$]=f.useState(`${d}`),{reports:R,dateFormat:x}=t.appLocale.getLocalizedStrings(),Y=g=>{S(g),n("quarter",l.getActualPeriodOfFYQtr(e.firstMonthOfFY,l.toQuarter(parseInt(g)),parseInt(y))),h(!1)},m=g=>{h(g);const{fyQuarter:C,fyYear:_}=l.getFYQuarterAndYear(o.startDate,e.firstMonthOfFY);S(`${C}`),$(`${_}`)},{disabledQuarters:j,disabledYears:w}=ht(e.firstMonthOfFY,e.dataAvailable,a,parseInt(y)),b=M(e.firstMonthOfFY,"quarter",e.dataAvailable),D=gt(j,e.firstMonthOfFY,parseInt(y),a,e.bookCloseDate),L=St(e.firstMonthOfFY,parseInt(y),j,a,e.bookCloseDate),k=e.bookCloseDate!=null?l.getTimeframeTickTag("quarter",e.firstMonthOfFY,o,e.bookCloseDate,e.dataAvailable):void 0;return s.jsxRuntimeExports.jsx(s.ClickAwayListener,{onClickAway:()=>m(!1),children:s.jsxRuntimeExports.jsxs(ut,{children:[s.jsxRuntimeExports.jsx(re,{value:`Q${l.formatZeniDate(o.startDate,x.visual.QYYformat,e.firstMonthOfFY)}`,onClick:()=>m(!p),label:r,timeframeTickTag:k}),p?s.jsxRuntimeExports.jsxs(pt,{children:[s.jsxRuntimeExports.jsxs(xt,{children:[b.map(g=>s.jsxRuntimeExports.jsx(t.CalendarItem,{id:g,text:g,disabled:w.includes(g),onClick:C=>{$(C),S("")},checked:g===y},g)),s.jsxRuntimeExports.jsx(ye,{space:t.Space.sp3}),s.jsxRuntimeExports.jsx(ft,{}),s.jsxRuntimeExports.jsx(ye,{space:t.Space.sp3}),X.map(g=>s.jsxRuntimeExports.jsx(t.CalendarItem,{id:g,text:`Q${g}`,disabled:j.includes(g),onClick:C=>Y(C),checked:g===c,starred:D.includes(g)&&!j.includes(g),doubleStarred:L.includes(g)&&!j.includes(g)},g))]}),s.jsxRuntimeExports.jsx(oe,{starredPeriod:D,doubleStarredPeriod:L,bookCloseIncompleteInfo:R.bookCloseIncompleteInfoQuarter,bookCloseUnderReviewInfo:R.bookCloseUnderReviewInfoQuarter})]}):""]})})},jt=f.memo(bt),yt=i.div`
+  position: relative;
+  cursor: pointer;
+`,Rt=i.div`
+  display: flex;
+  z-index: 9;
+  flex-wrap: wrap;
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp2} ${e.theme.colors.dropShadowHover}`};
+  border-radius: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp1} ${t.Space.sp1};
+  position: absolute;
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  width: 100%;
+`,$t=i.div`
+  padding: ${t.Space.sp3};
+  border-top: none;
+  display: flex;
+  flex-wrap: wrap;
+  background: ${e=>e.theme.colors.grey5};
+  width: 100%;
+`,Dt=(e,o,r)=>M(e,"year",o).filter(a=>{if(e===1)return!l.zeniDate(`${a}-01-01`).isBetween(r.startDate.startOf("year"),r.endDate.endOf("year"),null,"[]");{const{fyYear:n}=l.getFYQuarterAndYear(r.startDate,e),{fyYear:u}=l.getFYQuarterAndYear(r.endDate,e);return parseInt(a)<n||parseInt(a)>u}}),wt=(e,o,r,a)=>{const n=l.isIncompleteMonthPresentInTimeframeTick(r);if(a!=null){const u=l.getFYQuarterAndYear(a,e),d=l.getFYQuarterAndYear(r.endDate,e);return M(e,"year",o).filter(h=>{const c=parseInt(h);return(n===!0?d.fyYear!==c:!0)&&parseInt(h)>=u.fyYear&&l.getLastMonthOfFYYear(e)!==a.month()+1})}else return[]},Ct=(e,o,r,a)=>{const n=l.isIncompleteMonthPresentInTimeframeTick(r);if(a!=null){const u=l.getFYQuarterAndYear(a,e),d=l.getFYQuarterAndYear(r.endDate,e);return M(e,"year",o).filter(h=>{const c=parseInt(h);return(n===!0?d.fyYear===c:!0)&&parseInt(h)>=u.fyYear})}else return[]},Ft=e=>{const{selectedPeriod:o,label:r,validPeriod:a,onNewPeriodSelection:n}=e,[u,d]=f.useState(!1),{reports:p,dateFormat:h}=t.appLocale.getLocalizedStrings(),c=Dt(e.firstMonthOfFY,e.dataAvailable,a),S=M(e.firstMonthOfFY,"year",e.dataAvailable),y=l.getFYQuarterAndYear(e.selectedPeriod.startDate,e.firstMonthOfFY).fyYear,$=wt(e.firstMonthOfFY,e.dataAvailable,a,e.bookCloseDate),R=Ct(e.firstMonthOfFY,e.dataAvailable,a,e.bookCloseDate),x=e.bookCloseDate!=null?l.getTimeframeTickTag("year",e.firstMonthOfFY,o,e.bookCloseDate,e.dataAvailable):void 0,Y=h.analytics.YYYYFormat;return s.jsxRuntimeExports.jsx(s.ClickAwayListener,{onClickAway:()=>d(!1),children:s.jsxRuntimeExports.jsxs(yt,{children:[s.jsxRuntimeExports.jsx(re,{value:l.formatZeniDate(o.startDate,Y,e.firstMonthOfFY),onClick:()=>d(!u),label:r,timeframeTickTag:x}),u?s.jsxRuntimeExports.jsxs(Rt,{children:[s.jsxRuntimeExports.jsx($t,{children:S.map(m=>s.jsxRuntimeExports.jsx(t.CalendarItem,{id:m,text:m,disabled:c.includes(m),onClick:j=>{n("year",l.getActualPeriodOfFY(e.firstMonthOfFY,parseInt(j))),d(!1)},checked:parseInt(m)===y,starred:$.includes(m)&&!c.includes(m),doubleStarred:R.includes(m)&&!c.includes(m)},m))}),s.jsxRuntimeExports.jsx(oe,{starredPeriod:$,doubleStarredPeriod:R,bookCloseIncompleteInfo:p.bookCloseIncompleteInfoYear,bookCloseUnderReviewInfo:p.bookCloseUnderReviewInfoYear})]}):""]})})},Yt=f.memo(Ft),Et=i.div`
+  display: flex;
+  align-items: center;
+`,Ot=i(t.StandardRegularSp)`
+  margin-left: ${t.Space.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,vt=i.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?t.Colors.success:e.theme.colors.primary};
+`,kt=i(t.ExtraSmallRegularSp)``,_t=e=>{const{numberOfPeriods:o,numberOfAdditionalColumns:r,selectedFileType:a}=e;return s.jsxRuntimeExports.jsxs(Et,{children:[s.jsxRuntimeExports.jsx(vt,{showSuccessBadge:v[a]===o+r,children:s.jsxRuntimeExports.jsx(kt,{children:o+r})}),s.jsxRuntimeExports.jsx(Ot,{children:t.appLocale.getLocalizedStrings().downloadReport.maxPeriodSelectionAllowed[a]})]})},Pt=G.memo(_t),A=i.div`
+  padding-top: ${e=>e.space};
+`,Tt=i(t.LargeMedium)`
+  color: ${e=>e.theme.colors.primary};
+`,K=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+`,At=i.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,It=(e,o,r)=>{const{endOfTimeframeFY:a}=l.getStartOfAndEndOfTimeframeForFY(o.startDate,e,r),{startOfTimeframeFY:n}=l.getStartOfAndEndOfTimeframeForFY(o.endDate,e,r),u={startDate:o.startDate,endDate:a},d={startDate:n,endDate:o.endDate};return{fromDateRange:u,toDateRange:d}},Mt=e=>{const{firstMonthOfFY:o,selectedTimeframe:r,numberOfAdditionalColumns:a,calendarPeriod:n,dateRange:u,selectedOrderBy:d,dataAvailable:p,defaultOptions:h,selectedFileType:c,bookCloseDate:S,onDateRangeChange:y,onSelectedTimeframeChange:$,onNewOrderBySelection:R,onAdditionalColumnsSelectionChanged:x}=e,Y=g=>t.appLocale.getLocalizedStrings().timeframe[g],m=g=>t.appLocale.getLocalizedStrings().downloadReport.orderBy[g],j=t.appLocale.getLocalizedStrings().downloadReport.displayColumns,{fromDateRange:w,toDateRange:b}=It(o,u,r),D=g=>{const C=q(o,g,p,h.balancesFilter.numberOfPeriods);n.timeframe=g,n.maxNumberOfPeriods=v[c]-h.additionalBalances.length,n.updatePeriod(l.subtractPeriod(p.endDate,o,C-1,g),p.endDate),y(n.value.dateRange),$(n.value.timeframe),x(h.additionalBalances)},L=f.useCallback((g,C,_)=>{_==="to"?n.updateEndDate(C.endDate):n.updateStartDate(C.startDate),y(n.value.dateRange)},[n,y]),k=()=>{let g=mt;return r==="quarter"?g=jt:r==="year"&&(g=Yt),s.jsxRuntimeExports.jsxs(f.Fragment,{children:[s.jsxRuntimeExports.jsx(g,{firstMonthOfFY:o,onNewPeriodSelection:(C,_)=>L(C,_,"from"),dataAvailable:p,selectedPeriod:w,label:"From",validPeriod:{startDate:p.startDate,endDate:p.endDate},bookCloseDate:S}),s.jsxRuntimeExports.jsx(A,{space:t.Space.sp3}),s.jsxRuntimeExports.jsx(g,{firstMonthOfFY:o,onNewPeriodSelection:(C,_)=>L(C,_,"to"),dataAvailable:p,selectedPeriod:b,label:"To",validPeriod:n.getValidCalendarPeriod(),bookCloseDate:S})]})};return s.jsxRuntimeExports.jsxs(f.Fragment,{children:[s.jsxRuntimeExports.jsx(Tt,{children:j.title}),s.jsxRuntimeExports.jsx(A,{space:t.Space.sp2}),s.jsxRuntimeExports.jsx(Pt,{numberOfPeriods:n.numberOfPeriods,numberOfAdditionalColumns:a,selectedFileType:c}),s.jsxRuntimeExports.jsx(A,{space:t.Space.sp5}),s.jsxRuntimeExports.jsx(K,{children:j.displayOrderBy}),s.jsxRuntimeExports.jsx(A,{space:t.Space.sp2}),s.jsxRuntimeExports.jsx(t.Picker$1,{pickerValues:["ascending_date","descending_date"],valueToLabel:m,selectedValue:d,onPickerSelectionChanged:g=>R(g),optionTextStyle:t.textStyles.standardRegular,titleTextStyle:t.textStyles.standardRegular,outlined:!0}),s.jsxRuntimeExports.jsx(A,{space:t.Space.sp5}),s.jsxRuntimeExports.jsx(At,{}),s.jsxRuntimeExports.jsx(A,{space:t.Space.sp4}),s.jsxRuntimeExports.jsx(K,{children:"Period"}),s.jsxRuntimeExports.jsx(A,{space:t.Space.sp2}),s.jsxRuntimeExports.jsx(t.Picker$1,{pickerValues:["month","quarter","year"],valueToLabel:Y,selectedValue:r,onPickerSelectionChanged:g=>D(g),titleTextStyle:t.textStyles.standardRegular,optionTextStyle:t.textStyles.standardRegular,outlined:!0}),s.jsxRuntimeExports.jsx(A,{space:t.Space.sp4}),s.jsxRuntimeExports.jsx(K,{children:j.periodRange}),s.jsxRuntimeExports.jsx(A,{space:t.Space.sp2}),k()]})},Lt=f.memo(Mt),B=i.div`
+  padding-top: ${e=>e.top??0};
+  padding-left: ${e=>e.left??0};
+`,Bt=i.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,zt=i.div`
+  display: flex;
+  justify-content: center;
+`,Qt=i.div`
+  text-align: center;
+  color: ${e=>e.theme.colors.hero};
+  max-width: 475px;
+  box-sizing: content-box;
+  padding: ${t.Space.sp7} ${t.Space.sp11};
+`,Nt=i(t.H6Regular)`
+  color: ${e=>e.theme.colors.primary};
+`,Vt=i(t.StandardRegular)`
+  white-space: pre-line;
+`,Ut=i.div`
+  width: 1px;
+  height: ${t.Space.sp7};
+  background: ${e=>e.theme.colors.grey2};
+`,Re=i.div``,Wt=e=>{const{onContinueWithPDFClick:o,onSwitchToExcelClick:r}=e,a=t.appLocale.getLocalizedStrings().downloadReport.fileSwitchDialogue;return s.jsxRuntimeExports.jsx(t.Modal,{open:!0,children:s.jsxRuntimeExports.jsxs(Qt,{children:[s.jsxRuntimeExports.jsxs(Bt,{children:[s.jsxRuntimeExports.jsx(t.SvgXls,{width:t.Space.sp10,height:t.Space.sp10}),s.jsxRuntimeExports.jsx(B,{left:t.Space.sp6}),s.jsxRuntimeExports.jsx(Ut,{}),s.jsxRuntimeExports.jsx(B,{left:t.Space.sp6}),s.jsxRuntimeExports.jsx(t.SvgPdf,{width:t.Space.sp10,height:t.Space.sp10})]}),s.jsxRuntimeExports.jsx(B,{top:t.Space.sp6}),s.jsxRuntimeExports.jsx(Nt,{children:a.pdfLimitation}),s.jsxRuntimeExports.jsx(B,{top:t.Space.sp3}),s.jsxRuntimeExports.jsx(Vt,{children:a.excelNoLimitation}),s.jsxRuntimeExports.jsx(B,{top:t.Space.sp4}),s.jsxRuntimeExports.jsxs(zt,{children:[s.jsxRuntimeExports.jsxs(Re,{children:[s.jsxRuntimeExports.jsx(t.Button,{label:a.switchToExcel,onClick:r,style:{width:"195px"}}),s.jsxRuntimeExports.jsx(B,{top:t.Space.sp1})]}),s.jsxRuntimeExports.jsx(B,{left:t.Space.sp4}),s.jsxRuntimeExports.jsx(Re,{children:s.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:a.continueWithPDF,onClick:o,style:{width:"195px"}})})]})]})})},Fe=f.memo(Wt),Z=t.appLocale.getLocalizedStrings().downloadReport.footer,Ht=i.div`
+  display: flex;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  padding: ${t.Space.sp3} ${t.Space.sp3} ${t.Space.sp4} 148px;
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  gap: ${t.Space.sp4};
+`,qt=i.div`
+  margin-right: ${e=>e.space};
+`,Zt=i.div`
+  padding: ${t.Space.sp3};
+  border: 1px solid
+    ${e=>e.checked?e.theme.colors.primary:e.theme.colors.grey2};
+  border-radius: ${t.Space.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: ${t.Space.sp7};
+  gap: 10px;
+  box-sizing: border-box;
+  align-items: center;
+  position: relative;
+  min-width: 183px;
+  max-width: 183px;
+`,Gt=i.div`
+  border-radius: ${t.Space.sp2};
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  height: ${t.Space.sp7};
+  gap: ${t.Space.sp2};
+  box-sizing: border-box;
+  align-items: center;
+  color: ${e=>e.isResetDisabled?e.theme.colors.primary:e.theme.colors.grey1};
+`,Xt=i(t.StandardRegular)`
+  color: inherit;
+`,Jt=i(t.StandardRegular)``,Kt=i.div`
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  gap: ${t.Space.sp4};
+`,es=i.div`
+  display: flex;
+  justify-content: space-between;
+  gap: ${t.Space.sp3};
+`,ts=i.div`
+  position: absolute;
+  top: calc(50% - ${e=>e.offset});
+  left: calc(50% - ${e=>e.offset});
+`,ss=i(t.SvgPdf)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,rs=i(t.SvgXls)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,os=[{id:"excel",label:Z.downloadExcel,Icon:rs},{id:"pdf",label:Z.downloadPdf,Icon:ss}],as=e=>{const{label:o,id:r,onClick:a,checked:n,Icon:u,isLoading:d}=e;return s.jsxRuntimeExports.jsx(Zt,{checked:n,onClick:a,id:r,children:d&&n?s.jsxRuntimeExports.jsx(ts,{offset:`${t.sizeToNumber("Standard")/2}px`,children:s.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Standard",reverseSpinnerColor:!1,start:!0})}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(Jt,{children:o}),s.jsxRuntimeExports.jsx(u,{})]})})},ns=e=>{const{onViewReportClick:o,downloadingStatement:r,disabledDownloadButton:a,downloadTypeProps:n,onResetClick:u,isResetDisabled:d}=e,{calendarPeriod:p,onNewFileTypeSelection:h,numberOfAdditionalColumns:c,selectedFileType:S,resetToDefaultOption:y}=n,[$,R]=f.useState(!1),x=m=>{m.stopPropagation(),o()},Y=m=>{m==="pdf"&&p.numberOfPeriods+c>v.pdf?R(!0):(p.maxNumberOfPeriods=v[m]-c,h(m))};return s.jsxRuntimeExports.jsxs(Ht,{onClick:m=>m.stopPropagation(),children:[s.jsxRuntimeExports.jsxs(Gt,{isResetDisabled:d,onClick:u,children:[s.jsxRuntimeExports.jsx(t.SvgReload,{width:t.Space.sp4,height:t.Space.sp4}),s.jsxRuntimeExports.jsx(Xt,{children:Z.resetLabel})]}),s.jsxRuntimeExports.jsxs(Kt,{children:[s.jsxRuntimeExports.jsx(es,{children:os.map(m=>s.jsxRuntimeExports.jsx(as,{...m,onClick:()=>{a||Y(m.id)},checked:S===m.id,isLoading:r},m.id))}),s.jsxRuntimeExports.jsx(qt,{space:t.Space.sp0,style:{display:"flex",alignItems:"center",height:t.sp[7]},children:Z.orLabel}),s.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:t.appLocale.getLocalizedStrings().downloadReport.viewReport,onClick:x,style:{width:"160px"}})]}),$?s.jsxRuntimeExports.jsx(Fe,{onSwitchToExcelClick:()=>R(!1),onContinueWithPDFClick:()=>{R(!1),h("pdf"),y()}}):""]})},is=f.memo(ns),te=t.appLocale.getLocalizedStrings().downloadReport.footer,ls=i.div`
+  display: flex;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  padding: ${t.Space.sp3};
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  gap: ${t.Space.sp4};
+`,ds=i.div`
+  margin-right: ${e=>e.space};
+`,cs=i.div`
+  padding: ${t.Space.sp3};
+  border: 1px solid
+    ${e=>e.checked?e.theme.colors.primary:e.theme.colors.grey2};
+  border-radius: ${t.Space.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: ${t.Space.sp6};
+  gap: 10px;
+  box-sizing: border-box;
+  align-items: center;
+  position: relative;
+  width: 50%;
+`,ms=i(t.StandardRegular)``,us=i.div`
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: ${t.Space.sp2};
+`,ps=i.div`
+  display: flex;
+  gap: ${t.Space.sp3};
+  width: 100%;
+`,xs=i.div`
+  position: absolute;
+  top: calc(50% - ${e=>e.offset});
+  left: calc(50% - ${e=>e.offset});
+`,fs=i(t.SvgPdf)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,hs=i(t.SvgXls)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+`,gs=[{id:"excel",label:te.downloadExcel,Icon:hs},{id:"pdf",label:te.downloadPdf,Icon:fs}],Ss=e=>{const{label:o,id:r,onClick:a,checked:n,Icon:u,isLoading:d}=e;return s.jsxRuntimeExports.jsx(cs,{checked:n,onClick:a,id:r,children:d&&n?s.jsxRuntimeExports.jsx(xs,{offset:`${t.sizeToNumber("Standard")/2}px`,children:s.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Standard",reverseSpinnerColor:!1,start:!0})}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(ms,{children:o}),s.jsxRuntimeExports.jsx(u,{})]})})},bs=e=>{const{onViewReportClick:o,downloadingStatement:r,disabledDownloadButton:a,downloadTypeProps:n}=e,{calendarPeriod:u,onNewFileTypeSelection:d,numberOfAdditionalColumns:p,selectedFileType:h,resetToDefaultOption:c}=n,[S,y]=f.useState(!1),$=x=>{x.stopPropagation(),o()},R=x=>{x==="pdf"&&u.numberOfPeriods+p>v.pdf?y(!0):(u.maxNumberOfPeriods=v[x]-p,d(x))};return s.jsxRuntimeExports.jsxs(ls,{onClick:x=>x.stopPropagation(),children:[s.jsxRuntimeExports.jsxs(us,{children:[s.jsxRuntimeExports.jsx(ps,{children:gs.map(x=>s.jsxRuntimeExports.jsx(Ss,{...x,onClick:()=>{a||R(x.id)},checked:h===x.id,isLoading:r},x.id))}),s.jsxRuntimeExports.jsx(ds,{space:t.Space.sp0,style:{display:"flex",alignItems:"center",height:t.Space.sp4},children:te.orLabel}),s.jsxRuntimeExports.jsx(t.Button,{variant:"primary",label:t.appLocale.getLocalizedStrings().downloadReport.viewReport,onClick:$,style:{width:"100%"}})]}),S?s.jsxRuntimeExports.jsx(Fe,{onSwitchToExcelClick:()=>y(!1),onContinueWithPDFClick:()=>{y(!1),d("pdf"),c()}}):""]})},js=f.memo(bs),ys=e=>t.useWindowSizeContext()==="small"?s.jsxRuntimeExports.jsx(js,{...e}):s.jsxRuntimeExports.jsx(is,{...e}),Rs=e=>f.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},f.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"}),f.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"}),f.createElement("path",{d:"M5.97803 6.3999H17.978",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),f.createElement("path",{d:"M5.97803 9.97034H17.978",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),f.createElement("path",{d:"M5.97803 13.5406H17.978",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),f.createElement("path",{d:"M5.97803 17.1112H11.978",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),$s=i.div`
+  padding: ${t.Space.sp3};
+  border: 1px solid
+    ${e=>e.disabled?e.theme.colors.grey3:e.checked?e.theme.colors.primary:e.theme.colors.grey2};
+  border-radius: ${t.Space.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;
+    }
+  }
+`,Ds=i(t.StandardRegular)`
+  margin-left: ${t.Space.sp3};
+`,ws=i(t.ExtraSmallRegular)`
+  margin-left: ${t.Space.sp3};
+`,Q=i.div`
+  padding-top: ${e=>e.space};
+`,$e=i(t.LargeMedium)`
+  color: ${e=>e.theme.colors.primary};
+`,Cs=i.div`
+  position: relative;
+  z-index: 2;
+`,Fs=i(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+`,Ys=i.div`
+  max-height: ${t.Space.sp8};
+`,Es=i.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,Os=i.div`
+  border-radius: ${t.Space.sp2};
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  height: ${t.Space.sp4};
+  gap: ${t.Space.sp2};
+  box-sizing: border-box;
+  align-items: center;
+  color: ${e=>e.isResetDisabled?e.theme.colors.primary:e.theme.colors.grey1};
+`,vs=i(t.StandardRegular)`
+  color: inherit;
+`,ks=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,_s=e=>{const{label:o,id:r,subLabel:a,onClick:n,checked:u,Icon:d,disabled:p}=e;return s.jsxRuntimeExports.jsxs($s,{checked:u,disabled:p,onClick:n,id:r,children:[s.jsxRuntimeExports.jsx(d,{className:"report-format-icon",width:t.sp[7],height:t.sp[7]}),s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx(Ds,{children:o}),s.jsxRuntimeExports.jsx(ws,{children:a})]})]})},Ps=e=>{const{reportId:o,firstMonthOfFY:r,selectedFormat:a,disabledFormat:n,selectedView:u,nestedClasses:d,classesToFilterOut:p,classesFetchState:h,showClassAccountNumber:c,showAccountGroups:S,onOpenAccountViewMode:y,onNewFormatSelection:$,onNewViewSelection:R,onResetClick:x,isResetDisabled:Y}=e,m=t.appLocale.getLocalizedStrings().downloadReport.reportFormats,j=t.useWindowSizeContext(),w=[{id:m.summary.id,label:m.summary.label,subLabel:m.summary.subLabel,Icon:Ie.SvgPageSummary},{id:m.detailed.id,label:m.detailed.label,subLabel:u==="account_group"?S===!0?m.detailed.subLabelAccountGroups:m.detailed.subLabelAccounts:m.detailed.subLabelClasses,Icon:Ae.SvgPageDetail},{id:m.moreDetailed.id,label:m.moreDetailed.label,subLabel:u==="account_group"?S===!0?m.moreDetailed.subLabelAccountGroups:m.moreDetailed.subLabelAccounts:m.moreDetailed.subLabelClasses,Icon:Rs}],b=()=>s.jsxRuntimeExports.jsx(f.Fragment,{children:s.jsxRuntimeExports.jsx(we.ReportTableViewSelector,{reportId:o,firstMonthOfFY:r,nodes:d,classesListFetchState:h,selectedView:u,showAccountGroups:S,downloadPage:!0,onSaveClick:R,classesToBeFilteredOut:p,showClassAccountNumber:c,onOpenAccountViewMode:y})});return s.jsxRuntimeExports.jsxs(f.Fragment,{children:[j==="small"?s.jsxRuntimeExports.jsxs(ks,{children:[s.jsxRuntimeExports.jsx($e,{children:t.appLocale.getLocalizedStrings().downloadReport.reportFormat}),s.jsxRuntimeExports.jsxs(Os,{isResetDisabled:Y,onClick:x,children:[s.jsxRuntimeExports.jsx(t.SvgReload,{width:t.Space.sp4,height:t.Space.sp4}),s.jsxRuntimeExports.jsx(vs,{children:m.resetLabel})]})]}):s.jsxRuntimeExports.jsx($e,{children:t.appLocale.getLocalizedStrings().downloadReport.reportFormat}),s.jsxRuntimeExports.jsx(Q,{space:t.Space.sp4}),s.jsxRuntimeExports.jsxs(Cs,{children:[s.jsxRuntimeExports.jsx(Fs,{children:"View by"}),s.jsxRuntimeExports.jsx(Q,{space:t.Space.sp2}),s.jsxRuntimeExports.jsx(Ys,{children:b()})]}),s.jsxRuntimeExports.jsx(Q,{space:t.Space.sp5}),s.jsxRuntimeExports.jsx(Es,{}),s.jsxRuntimeExports.jsx(Q,{space:t.Space.sp5}),w.map(D=>s.jsxRuntimeExports.jsxs(f.Fragment,{children:[s.jsxRuntimeExports.jsx(_s,{...D,onClick:()=>{n.includes(D.id)||$(D.id)},checked:a===D.id,disabled:n.includes(D.id)}),s.jsxRuntimeExports.jsx(Q,{space:t.Space.sp4})]},D.id))]})},I={width:new t.ResponsiveSized(t.sp[11],t.sp[11],33),maxWidth:new t.ResponsiveSized(550,550,425),containerPadding:new t.ResponsiveSized(t.sp[3],t.sp[6]),rowItemPadding:new t.ResponsiveSized(0,t.sp[6]),footerHeight:new t.ResponsiveSized(211,133)},Ts=i.div`
+  position: relative;
+  display: flex;
+  width: ${t.Space.sp4};
+  height: ${t.Space.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};
+    }
+  }
+`,As=De.keyframes`
+  0% {
+    transform: translateY(100%)
+  }
+  100% {
+    transform: translateY(0)
+  }
+`,Is=De.keyframes`
+  0% {
+    opacity: 0
+  }
+  90% {
+    opacity: 0
+  }
+  100% {
+    opacity: 1
+  }
+`,Ms=i.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  height: 100%;
+  text-align: left;
+  background: ${t.Colors.overlayDark};
+`,Ls=i.div`
+  display: flex;
+  justify-content: flex-end;
+  padding: ${e=>`${t.Space.sp3} ${I.containerPadding.valuePx(e.windowSize)}`};
+`,Bs=i(t.SvgClose)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  line-height: ${t.Space.sp0};
+  &:hover {
+    color: ${t.Colors.primaryDark};
+  }
+  animation: ${Is} 0.4s;
+`,zs=i.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  height: calc(
+    100% - ${e=>I.footerHeight.valuePx(e.windowSize)}
+  );
+  overflow-y: auto;
+  padding: ${e=>`${I.containerPadding.valuePx(e.windowSize)} ${I.containerPadding.valuePx(e.windowSize)} ${t.Space.sp0} ${I.containerPadding.valuePx(e.windowSize)} `};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${t.Space.sp2} ${t.Space.sp2} ${t.Space.sp0} ${t.Space.sp0};
+  animation: ${As} 0.4s;
+`,ee=i.div`
+  padding: ${e=>`${t.Space.sp0} ${I.rowItemPadding.valuePx(e.windowSize)}`};
+  width: ${e=>I.width.value(e.windowSize)}%;
+  max-width: ${e=>I.maxWidth.valuePx(e.windowSize)};
+`,W=i.div`
+  padding-top: ${e=>e.space};
+`,Qs=i.div`
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+`,Ns=i(t.ExtraSmallMedium)`
+  position: absolute;
+  top: -${t.Space.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;
+`,Vs=e=>({localeId:t.appLocale.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}),Us=e=>{const o=Vs(e);if(o!=null)return we.downloadAndSaveReport(e.statementEndPoint,e.authParams,o)},Ye=e=>{const{onClose:o,defaultOptions:r,dataAvailable:a,analytics:n,onSaveClickHandler:u,onThisPeriodChanged:d,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:h}=e,c=t.useWindowSizeContext();t.useLockBodyScroll();const[S,y]=f.useState(!1),[$,R]=f.useState(!1),[x,Y]=f.useState(new de(r.firstMonthOfFY,r.timeframe,a,r.balancesFilter.numberOfPeriods,v.excel,r.balancesFilter.thisPeriod.endDate)),[m,j]=f.useState(r.statements),[w,b]=f.useState(r.timeframe),[D,L]=f.useState("excel"),[k,g]=f.useState(r.additionalBalances),[C,_]=f.useState(H(r.firstMonthOfFY,r.timeframe,r.balancesFilter.thisPeriod.endDate,r.balancesFilter.numberOfPeriods).dateRange),[N,Ee]=f.useState(e.defaultOptions.accountViewMode),[V,Oe]=f.useState(e.defaultOptions.classesToFilterOut),[z,ae]=f.useState(e.defaultOptions.balancesFilter.orderBy),[ne,ie]=f.useState(!1),ve=()=>{const F=q(r.firstMonthOfFY,w,C),{startOfTimeframeFY:P,endOfTimeframeFY:E}=l.getStartOfAndEndOfTimeframeForFY(C.endDate,r.firstMonthOfFY,w),T=l.zeniDate(new Date(E.year(),E.month(),E.date()).toISOString());d?.({endDate:T,startDate:P},F,!0)};f.useEffect(()=>{const F=async()=>{const P=x.endDate,{startOfTimeframeFY:E}=l.getStartOfAndEndOfTimeframeForFY(x.endDate,r.firstMonthOfFY,x.timeframe);await Us({...e,statements:Le.filter(T=>m.includes(T)),firstMonthOfFY:e.defaultOptions.firstMonthOfFY,timeframe:x.timeframe,additionalBalances:Ce[x.timeframe].filter(T=>k.includes(T)),format:e.reportFormatProps.selectedFormat,statementFileType:D,accountViewMode:N,classesToFilterOut:V,balancesFilter:{thisPeriod:{startDate:E,endDate:P},orderBy:z,numberOfPeriods:x.numberOfPeriods},dataAvailable:a,isZeniCOAUsed:e.defaultOptions.isZeniCOAUsed}),e.updateDownloadStateHandler("Completed")};ne&&e.downloadState!=="In-Progress"&&(ie(!1),e.updateDownloadStateHandler("In-Progress"),F(),n?.trackDownload(e.referrer,Te.toTimeframeFilter(x.timeframe),D,!1))},[n,x.endDate,x.numberOfPeriods,x.timeframe,ne,e,a,k,D,e.reportFormatProps.selectedFormat,z,m,N,V,r.firstMonthOfFY]),f.useEffect(()=>{$?S||y(F=>!F):R(F=>!F)},[k,z,C,e.reportFormatProps.selectedFormat]);const ke=()=>{g(r.additionalBalances),x.maxNumberOfPeriods=v.pdf-r.additionalBalances.length;const F=q(r.firstMonthOfFY,x.timeframe,a,r.balancesFilter.numberOfPeriods),P=H(r.firstMonthOfFY,x.timeframe,x.endDate,F).dateRange;_(P),x.updatePeriod(P.startDate,P.endDate)},_e=F=>{F.stopPropagation(),o()},Pe=(F,P)=>{Ee(F),e.showAccountGroups===!1&&F==="account_group"?e.reportFormatProps.disabledFormatForRole.push("detailed"):F==="classes"&&e.showAccountGroups===!1&&e.reportFormatProps.disabledFormatForRole.splice(e.reportFormatProps.disabledFormatForRole.indexOf("detailed"),1),F==="classes"?m.includes("profit_and_loss")&&(j(E=>E.filter(T=>T!=="profit_and_loss")),j(E=>[...E,"profit_and_loss_by_classes"])):m.includes("profit_and_loss_by_classes")&&(j(E=>E.filter(T=>T!=="profit_and_loss_by_classes")),j(E=>[...E,"profit_and_loss"])),P!==void 0&&Oe(P)},le=()=>{Y(new de(r.firstMonthOfFY,r.timeframe,a,r.balancesFilter.numberOfPeriods,v.excel,r.balancesFilter.thisPeriod.endDate)),g(r.additionalBalances),e.reportFormatProps.setSelectedFormat(r.accountViewMode==="classes"?e.reportFormatProps.roleBasedClassesSelectedFormat:e.showAccountGroups===!1?"more_detailed":"detailed"),ae("ascending_date"),j(r.statements),b(r.timeframe),_(H(r.firstMonthOfFY,r.timeframe,r.balancesFilter.thisPeriod.endDate,r.balancesFilter.numberOfPeriods).dateRange),y(!1),R(!1)};return s.jsxRuntimeExports.jsxs(Ms,{children:[s.jsxRuntimeExports.jsx(Ls,{role:"presentation",onClick:F=>_e(F),windowSize:c,children:s.jsxRuntimeExports.jsx(Bs,{})}),s.jsxRuntimeExports.jsxs(zs,{windowSize:c,children:[s.jsxRuntimeExports.jsxs(ee,{windowSize:c,children:[s.jsxRuntimeExports.jsx(Ps,{firstMonthOfFY:e.defaultOptions.firstMonthOfFY,reportId:"profit_and_loss_by_classes",selectedFormat:e.reportFormatProps.selectedFormat,disabledFormat:e.reportFormatProps.disabledFormatForRole,selectedView:N,nestedClasses:e.defaultOptions.nestedClassHierarchy??[],classesToFilterOut:V,classesFetchState:e.classesFetchState,showClassAccountNumber:e.defaultOptions.showClassAccountNumber??!1,showAccountGroups:e.showAccountGroups,onNewFormatSelection:e.reportFormatProps.setSelectedFormat,onNewViewSelection:Pe,onOpenAccountViewMode:e.onOpenAccountViewMode,onResetClick:le,isResetDisabled:S}),s.jsxRuntimeExports.jsx(Qs,{}),c==="small"||c==="medium-compact"?s.jsxRuntimeExports.jsx(W,{space:t.Space.sp5}):s.jsxRuntimeExports.jsx(W,{space:t.Space.sp8})]}),s.jsxRuntimeExports.jsxs(ee,{windowSize:c,children:[s.jsxRuntimeExports.jsx(Lt,{firstMonthOfFY:r.firstMonthOfFY,calendarPeriod:x,numberOfAdditionalColumns:k.length,selectedOrderBy:z,dataAvailable:a,dateRange:C,defaultOptions:r,selectedTimeframe:w,bookCloseDate:r.bookCloseDate,onDateRangeChange:_,onSelectedTimeframeChange:b,onNewOrderBySelection:ae,selectedFileType:D,onAdditionalColumnsSelectionChanged:g}),s.jsxRuntimeExports.jsx(W,{space:t.Space.sp5})]}),s.jsxRuntimeExports.jsxs(ee,{windowSize:c,children:[s.jsxRuntimeExports.jsx(Xe,{firstMonthOfFY:e.defaultOptions.firstMonthOfFY,disabledAdditionalColumns:r.disabledAdditionalColumns,selectedTimeframe:w,dateRange:C,calendarPeriod:x,selectedAdditionalColumns:k,onAdditionalColumnsSelectionChanged:g,dataAvailable:a,selectedFileType:D}),s.jsxRuntimeExports.jsx(W,{space:t.Space.sp8})]})]}),s.jsxRuntimeExports.jsx(ys,{onCancelClick:()=>o(),onViewReportClick:()=>{e.onUpdateDisplayOrder(z),e.onUpdateReportFormat(e.reportFormatProps.selectedFormat),u(N,V),p?.(k,x.numberOfPeriods,!0),h?.(w,!1,!0),ve(),o()},downloadingStatement:e.downloadState==="In-Progress",disabledDownloadButton:m.length===0,downloadTypeProps:{selectedFileType:D,calendarPeriod:x,numberOfAdditionalColumns:k.length,onNewFileTypeSelection:F=>{L(F),ie(!0)},resetToDefaultOption:ke},onResetClick:le,isResetDisabled:S})]})},Ws=e=>{const{defaultOptions:o}=e,[r,a]=f.useState(!1),n=o.additionalBalances;return s.jsxRuntimeExports.jsxs(Ts,{onClick:()=>{a(!0)},children:[s.jsxRuntimeExports.jsx(t.SvgDownload,{visibility:r?"hidden":"visible",style:{cursor:"pointer",width:t.Space.sp4,height:t.Space.sp4}}),r?null:s.jsxRuntimeExports.jsx(Ns,{className:"download-badge",children:o.balancesFilter.numberOfPeriods+n.length}),r?s.jsxRuntimeExports.jsx(Ye,{...e,onClose:()=>a(!1)}):null]})};exports.DownloadOverlayButton=Ws;exports.default=Ye;

package/dist/DrawerPage-BhXIy8tL.cjs

@@ -0,0 +1,118 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./vendor-.pnpm-D0ILHvHB.cjs"),n=require("@emotion/styled"),t=require("./index-B3k6KNNf.cjs"),j=require("./hyperlink-x_2Dp7cf.cjs"),S=require("./money-CJCMJZfW.cjs"),r={drawerItemPadding:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[4]),styledDivMarginLeft:new t.ResponsiveSized(t.sp[6],t.sp[7]),verticalLineLeftMargin:new t.ResponsiveSized(32,42),iconWidth:new t.ResponsiveSized(t.sp[5],t.sp[6]),iconHeight:new t.ResponsiveSized(t.sp[5],t.sp[6]),iconSize:new t.ResponsiveSized(20,t.sp[4])},g={title:new t.ResponsiveSizedStyle("standardRegular","largeRegular"),content:new t.ResponsiveSizedStyle("smallRegular","standardRegular")},l=t.appLocale.getLocalizedStrings().rewardsPage.drawerPage,v=({rewardsPlan:e})=>{const o=[$(),R(),z({rewardsPlan:e})],s=t.useWindowSizeContext();return i.jsxRuntimeExports.jsx(C,{children:o.map((w,m)=>i.jsxRuntimeExports.jsxs(P,{children:[i.jsxRuntimeExports.jsx(b,{children:w}),m<o.length-1?i.jsxRuntimeExports.jsx(L,{windowSize:s}):null]},`step_${m}`))})},$=()=>{const e=t.useWindowSizeContext(),o=l.item1;return i.jsxRuntimeExports.jsxs(d,{windowSize:e,children:[i.jsxRuntimeExports.jsxs(a,{children:[i.jsxRuntimeExports.jsx(x,{windowSize:e,icon:"link",children:i.jsxRuntimeExports.jsx(y,{windowSize:e})}),i.jsxRuntimeExports.jsx(h,{windowSize:e,children:o.title})]}),i.jsxRuntimeExports.jsx(p,{windowSize:e,children:i.jsxRuntimeExports.jsx(u,{windowSize:e,children:o.content})})]})},R=()=>{const e=t.useWindowSizeContext(),o=l.item2;return i.jsxRuntimeExports.jsxs(d,{windowSize:e,children:[i.jsxRuntimeExports.jsxs(a,{children:[i.jsxRuntimeExports.jsx(x,{windowSize:e,icon:"user",children:i.jsxRuntimeExports.jsx(f,{windowSize:e})}),i.jsxRuntimeExports.jsx(h,{windowSize:e,children:o.title})]}),i.jsxRuntimeExports.jsx(p,{windowSize:e,children:i.jsxRuntimeExports.jsx(u,{windowSize:e,children:o.content})})]})},z=({rewardsPlan:e})=>{const o=t.useWindowSizeContext(),s=l.item3;return i.jsxRuntimeExports.jsxs(d,{windowSize:o,children:[i.jsxRuntimeExports.jsxs(a,{children:[i.jsxRuntimeExports.jsx(x,{windowSize:o,icon:"money",children:i.jsxRuntimeExports.jsx(E,{windowSize:o})}),i.jsxRuntimeExports.jsx(h,{windowSize:o,children:s.title[e.planName]})]}),i.jsxRuntimeExports.jsx(p,{windowSize:o,children:i.jsxRuntimeExports.jsx(u,{windowSize:o,children:s.content[e.planName].replace("__reward-amount__",t.amountToString("0,0",e.referrerAmount))})})]})},d=n.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+  box-shadow: ${e=>`${t.Space.sp0} 1px 2px ${t.Space.sp0} ${e.theme.colors.dropShadowNormal}`};
+  padding: ${e=>r.drawerItemPadding.valuePx(e.windowSize)};
+  width: ${e=>`calc(100%- ${r.drawerItemPadding.valuePx(e.windowSize)})`};
+  background-color: ${e=>e.theme.colors.grey5};
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: flex-start;
+`,a=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+`,p=n.div`
+  margin-left: ${e=>r.styledDivMarginLeft.valuePx(e.windowSize)};
+`,y=n(j.SvgHyperlink)`
+  height: ${e=>r.iconSize.valuePx(e.windowSize)};
+  width: ${e=>r.iconSize.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.graphColor12Dark};
+`,f=n(S.SvgInvitation)`
+  height: ${e=>r.iconSize.valuePx(e.windowSize)};
+  width: ${e=>r.iconSize.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.graphColor06Dark};
+`,E=n(S.SvgMoney)`
+  height: ${e=>r.iconSize.valuePx(e.windowSize)};
+  width: ${e=>r.iconSize.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.success};
+`,x=n.div`
+  width: ${e=>r.iconWidth.valuePx(e.windowSize)};
+  height: ${e=>r.iconHeight.valuePx(e.windowSize)};
+  border-radius: 50%;
+  background-color: ${e=>e.icon==="link"?e.theme.colors.graphColor14Light:e.icon==="user"?e.theme.colors.graphColor06Light:e.theme.colors.graphColor20Light};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: ${t.Space.sp2};
+`,h=n(t.StyledText)`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${g.title.style(e.windowSize)}`};
+`,u=n(t.StyledText)`
+  color: ${e=>e.theme.colors.hero};
+  ${e=>`${g.content.style(e.windowSize)}`};
+`,P=n.div`
+  display: flex;
+  flex-direction: row;
+  position: relative;
+  z-index: 1;
+`,C=n.div`
+  margin-top: ${t.Space.sp4};
+`,L=n.div`
+  top: ${t.Space.sp0};
+  width: 1px;
+  height: 100%;
+  position: absolute;
+  left: ${e=>r.verticalLineLeftMargin.valuePx(e.windowSize)};
+  width: 2px;
+  background: ${e=>e.theme.colors.grey2};
+  z-index: -1;
+`,b=n.div`
+  padding-bottom: ${t.Space.sp4};
+`,{common:{navBar:{back:k}}}=t.appLocale.getLocalizedStrings(),c={navBarContainerPaddingXaxis:new t.ResponsiveSized(10,t.sp[3]),containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8])},T={title:new t.ResponsiveSizedStyle("standardRegular","largeRegular")},{referAndEarn:I}=t.appLocale.getLocalizedStrings().rewardsPage;function W({rewardsPlan:e,onDismissClick:o}){const s=t.useWindowSizeContext();return i.jsxRuntimeExports.jsxs(B,{windowSize:s,children:[i.jsxRuntimeExports.jsx(q,{windowSize:s,children:i.jsxRuntimeExports.jsxs(D,{windowSize:s,children:[s==="small"&&i.jsxRuntimeExports.jsx(A,{children:i.jsxRuntimeExports.jsx(t.Tooltip,{enterDelay:600,title:k,placement:"bottom",style:{padding:`${t.Space.sp1} ${t.Space.sp2}`},children:i.jsxRuntimeExports.jsx(H,{onClick:o})})}),i.jsxRuntimeExports.jsx(M,{windowSize:s,children:I}),s!=="small"&&i.jsxRuntimeExports.jsx(N,{onClick:o})]})}),i.jsxRuntimeExports.jsx(_,{windowSize:s,children:i.jsxRuntimeExports.jsx(v,{rewardsPlan:e})})]})}const B=n.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  width: 100%;
+  height: 100vh;
+  position: relative;
+`,D=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 100%;
+  width: ${e=>e.windowSize==="small"?"100%":"76%"};
+`,M=n(t.StyledText)`
+  color: ${e=>e.theme.colors.primary};
+  width: 96%;
+  text-align: center;
+  ${e=>`${T.title.style(e.windowSize)}`};
+`,_=n.div`
+  padding-left: ${e=>c.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>c.containerPaddingRight.valuePx(e.windowSize)};
+`,q=n.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  top: ${t.Space.sp0};
+  padding: ${e=>`${c.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.Space.sp0}`};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+`,N=n(t.SvgClose)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  min-height: ${t.Space.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,A=n.div`
+  height: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+  display: flex;
+  align-items: center;
+  margin-left: ${t.Space.sp3};
+`,H=n(t.SvgArrowLeft)`
+  height: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;exports.default=W;