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

package/dist/assets/ReimbursementPromoPage-kn4Die2q-BNaLqm9R.js

@@ -0,0 +1,84 @@
+import{a$ as ne,i as $,u as k,bB as le,a as D,j as e,bm as a,gO as ae,cf as me,B as h,ac as m,b as r,as as de,H as ce,bq as E,ai as pe,R as xe,C as z,ds as ue,br as he,bM as ge,s as we}from"./index-2CdI-B2B.js";import{a as j}from"./core-tlHkQPPu.js";import{n as t}from"./mui-kiGMfX4-.js";import{fH as je,bX as be}from"./zeni-epic-state-Bo1aGezX.js";import{w as Se}from"./VideoPopup-CPW65Ljn-Mlf95YHy.js";import{V as v}from"./usp-line-4JsxsMjK-mCxwNowe.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./VideoPlayer-DVIeTdLq-CMw9Re6n.js";const Z="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",H="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",fe={midContainerMarginBottom:new xe(we[5],44)},ye=t.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${i=>i.theme.colors.grey4};
+`,$e=t.div`
+  padding: ${i=>i.windowSize==="small"?`${r.sp0} ${r.sp3}`:`${r.sp0} ${r.sp8}`};
+  text-align: center;
+`,ke=t(ce)`
+  max-width: 648px;
+  margin: auto;
+  padding: ${r.sp7} ${r.sp0};
+  color: ${i=>i.theme.colors.primary};
+`,ze=t(de)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${r.sp5} ${r.sp0};
+  color: ${i=>i.theme.colors.primary};
+`,V=t.div`
+  display: flex;
+  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${i=>fe.midContainerMarginBottom.valuePx(i.windowSize)};
+`,ve=t.div``,U=t.div`
+  display: flex;
+  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+`,g=t.img``,N=t.div`
+  width: ${i=>i.windowSize==="small"?"auto":"376px"};
+  display: flex;
+  flex-direction: column;
+`,F=t.div`
+  width: ${i=>i.windowSize==="small"?"100%":"calc(100% - 376px)"};
+  overflow: hidden;
+  max-width: 712px;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+`,O=t.div`
+  margin-left: ${i=>i.windowSize==="small"?r.sp0:r.sp6};
+  margin-bottom: ${i=>i.windowSize==="small"?r.sp4:r.sp0};
+  background: ${i=>i.theme.colors.grey3};
+  border-radius: 12px;
+  border: ${i=>`1px solid ${i.theme.colors.grey3}`};
+  padding: 15px;
+`,d=t.div`
+  border-radius: ${r.sp12};
+  border: ${i=>`1px solid ${i.theme.colors.grey2}`};
+  padding: ${i=>i.windowSize==="small"?`${r.sp2} ${r.sp4} ${r.sp2} ${r.sp0}`:`${r.sp3} ${r.sp5} ${r.sp3} ${r.sp0}`};
+  background: ${i=>i.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${r.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  box-sizing: border-box;
+`,b=t(ge)`
+  color: ${i=>i.theme.colors.champion};
+`,S=t(he)`
+  color: ${i=>i.theme.colors.champion};
+`,f=t(E)`
+  color: ${i=>i.theme.colors.champion};
+`,y=t(ue)`
+  color: ${i=>i.theme.colors.champion};
+`,c=t.div``,p=t.div`
+  padding-left: ${r.sp3};
+`,A=t(E)`
+  margin: ${i=>i.windowSize==="small"?r.sp1:`auto ${r.sp5}`};
+  color: ${i=>i.theme.colors.grey1};
+`,q=t(v)`
+  color: ${z.graphColor16Dark};
+`,G=t(v)`
+  color: ${z.graphColor09Dark};
+`,W=t(v)`
+  color: ${z.success};
+`,I=t(pe)`
+  margin: ${r.sp3} auto;
+  max-width: 772px;
+  color: ${i=>i.theme.colors.hero};
+`,s=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=D.getLocalizedStrings().commonSetUp.businessVerification.terms,Ce=()=>{const i=$(),o=k();return e.jsxs(V,{windowSize:o,children:[e.jsx(F,{windowSize:o,children:e.jsx(O,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:H,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(N,{windowSize:o,children:[e.jsxs(d,{windowSize:o,children:[e.jsx(c,{children:e.jsx(q,{})}),e.jsxs(p,{children:[e.jsx(y,{children:s.simplestText.bold}),e.jsx(f,{children:s.simplestText.regular})]})]}),e.jsxs(d,{windowSize:o,children:[e.jsx(c,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx(y,{children:s.aiPoweredText.bold}),e.jsx(f,{children:s.aiPoweredText.regular})]})]}),e.jsxs(d,{windowSize:o,children:[e.jsx(c,{children:e.jsx(W,{})}),e.jsxs(p,{children:[e.jsx(y,{children:s.multiLevelApprovalText.bold}),e.jsx(f,{children:s.multiLevelApprovalText.regular})]})]})]})]})},Te=()=>{const i=$(),o=k();return e.jsxs(V,{windowSize:o,children:[e.jsxs(N,{windowSize:o,children:[e.jsxs(d,{windowSize:o,style:{width:"376px"},children:[e.jsx(c,{children:e.jsx(q,{})}),e.jsxs(p,{children:[e.jsx(S,{children:s.simplestText.bold}),e.jsx(b,{children:s.simplestText.regular})]})]}),e.jsxs(d,{windowSize:o,style:{width:"376px"},children:[e.jsx(c,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx(S,{children:s.aiPoweredText.bold}),e.jsx(b,{children:s.aiPoweredText.regular})]})]}),e.jsxs(d,{windowSize:o,style:{width:"376px"},children:[e.jsx(c,{children:e.jsx(W,{})}),e.jsxs(p,{children:[e.jsx(S,{children:s.multiLevelApprovalText.bold}),e.jsx(b,{children:s.multiLevelApprovalText.regular})]})]})]}),e.jsx(F,{windowSize:o,children:e.jsx(O,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:H,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},He=({reimbursementSetupView:i,userReimbursementInfo:o,meetingUrl:X,videoUrl:J,analytics:x,onSetupButtonClick:K,onCreateNewRemiButtonClick:Q,onBackClick:Y,onSetupReimbursementSuccess:C,onClickMenuIcon:_})=>{const T=ne(),[ee,ie]=j.useState(!1),[se,R]=j.useState(!1),re=$(),l=k(),{remiTermsDetails:u}=i,P=le(u?.fetchStatus.fetchState),te=je(T.loggedInUserRoleMap),w=be(T.loggedInUserRoleMap)&&!te,oe=!!o?.isReimbursementTOSAccepted,B=!!i.companyRemiInfo?.isReimbursementEnabled,L=w?B?s.employeeAcceptPromoText:s.employeePendingPromoText:s.promoText;j.useEffect(()=>{P==="In-Progress"&&u?.fetchStatus.fetchState==="Completed"&&C?.()},[P,C,u?.fetchStatus]);const M=()=>{x?.trackReimbursementPromoScheduleDemo(),R(!0)};return e.jsxs(ye,{children:[ee===!0?e.jsx(Se,{onCancelClick:()=>{ie(!1)},videoUrl:J,"data-testid":a("remi-promo-page-video-popup")}):null,se===!0?e.jsx(ae,{onCancelClick:()=>{R(!1)},meetingUrl:X,"data-testid":a("remi-promo-page-meeting-popup")}):null,e.jsx(me,{title:s.title,backgroundColor:re.colors.grey4,onBackClick:Y,showBackButton:!w,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:_,source:"ReimbursementPromoPage"}),e.jsxs($e,{windowSize:l,children:[l==="small"?e.jsx(ze,{children:L}):e.jsx(ke,{children:L}),l==="small"?e.jsx(Ce,{}):e.jsx(Te,{}),e.jsx(ve,{children:w?e.jsx(e.Fragment,{children:B&&!oe?e.jsxs(e.Fragment,{children:[e.jsxs(U,{windowSize:l,children:[e.jsx(h,{variant:"secondary",label:s.scheduleDemoButton,onClick:M,"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(A,{windowSize:l,children:s.orText}),e.jsx(h,{variant:"primary",label:s.createNewReimbursementButton,loading:u?.fetchStatus.fetchState==="In-Progress",onClick:Q,"data-testid":a("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(I,{children:[s.terms.createTerms1,e.jsx(m,{href:s.terms.tosUrl,linkText:s.terms.zeniAgreement,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),s.terms.terms2,e.jsx(m,{href:s.terms.privacyPolicyUrl,linkText:s.terms.privacyPolicy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),s.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(U,{windowSize:l,children:[e.jsx(h,{variant:"secondary",label:s.scheduleDemoButton,onClick:M,style:{width:216},"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(A,{windowSize:l,children:s.orText}),e.jsx(h,{variant:"primary",label:s.setupReimbursementButton,loading:u?.fetchStatus.fetchState==="In-Progress",onClick:K,style:{width:216},"data-testid":a("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(I,{children:[s.terms.setupTerms1,e.jsx(m,{href:n.consentUrl,linkText:n.consent}),n.term2,e.jsx(m,{href:n.depositUrl,linkText:n.depositTerms}),n.term3,e.jsx(m,{href:n.privacyPolicyUrl,linkText:n.privacy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(m,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),n.term5,s.terms.terms3]})]})})]})]})};export{He as default};

package/dist/assets/ReimbursementSetUpPage-D4FP9co3-fxCiVZhE.js

@@ -0,0 +1,140 @@
+import{i as Le,u as Me,bB as O,a8 as Ge,dt as Je,a as Ve,bs as $e,j as t,gw as Ze,C as q,R as s,cf as Ye,A as Ke,aa as Qe,gP as Pe,f6 as Xe,gQ as et,ca as tt,eX as it,bC as nt,b as a,gS as ot,s as n,d6 as at,dF as lt,dN as st,g$ as Ae,h0 as je,hB as rt,B as ct,bm as De,d as Ee,cx as dt,af as ut,c6 as mt}from"./index-2CdI-B2B.js";import{a as o}from"./core-tlHkQPPu.js";import{n as i}from"./mui-kiGMfX4-.js";import{bM as pt}from"./zeni-epic-state-Bo1aGezX.js";import{v as gt}from"./UploadAdditionalDocumentOverlay-DCq4eMPQ-0xv-e5Z1.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const ht=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M12.7113 3H2.89261C2.39963 3 2 3.39963 2 3.89261V20.8522C2 21.3451 2.39963 21.7448 2.89261 21.7448H12.7113C13.2043 21.7448 13.6039 21.3451 13.6039 20.8522V3.89261C13.6039 3.39963 13.2043 3 12.7113 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M10.4798 13.7113H9.58719C9.3407 13.7113 9.14088 13.9111 9.14088 14.1576V16.8354C9.14088 17.0819 9.3407 17.2817 9.58719 17.2817H10.4798C10.7263 17.2817 10.9261 17.0819 10.9261 16.8354V14.1576C10.9261 13.9111 10.7263 13.7113 10.4798 13.7113Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M21.6374 16.1133C21.6374 16.1961 21.6143 16.2773 21.5708 16.3477C21.5273 16.4182 21.4651 16.4752 21.391 16.5123L19.8522 17.2817V14.6039H21.1911C21.3095 14.6039 21.423 14.6509 21.5067 14.7346C21.5904 14.8183 21.6374 14.9318 21.6374 15.0502V16.1133Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.8522 14.6039V13.265C19.8522 12.5268 22.53 10.1409 22.53 10.1409",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.8522 17.2817V19.9596C19.8522 20.433 19.6641 20.8871 19.3293 21.2219C18.9945 21.5567 18.5404 21.7448 18.067 21.7448C17.5935 21.7448 17.1394 21.5567 16.8046 21.2219C16.4698 20.8871 16.2817 20.433 16.2817 19.9596V7.90935C16.2817 7.55424 16.1407 7.21369 15.8896 6.96259C15.6385 6.7115 15.2979 6.57043 14.9428 6.57043H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M2 10.1409H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M11.3724 4.78528H4.23154C3.98505 4.78528 3.78523 4.9851 3.78523 5.23158V7.90941C3.78523 8.15589 3.98505 8.35571 4.23154 8.35571H11.3724C11.6189 8.35571 11.8187 8.15589 11.8187 7.90941V5.23158C11.8187 4.9851 11.6189 4.78528 11.3724 4.78528Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9.14088 19.0669H10.9261",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),g={sectionWidth:new s(343,580,726),iconContainerMaxWidthHeight:new s(n[6],n[7]),iconContainerMarginRight:new s(12,n[3]),infoLabelPaddingLeft:new s(n[0],n[3]),iconPadding:new s(10,12),iconWidthHeight:new s(20,n[4]),rowGap:new s(n[2],n[3]),containerPadding:new s(n[3],n[4])},pe={title:new Ee("standardSemiBold","largeSemiBold"),infoLabel:new Ee("extraSmallRegular","smallRegular")};function ft({companyMileageConfigInfo:e,mileageDetails:C,analytics:P,style:A,sectionId:$,isActive:d=!0,isDisabled:r,onSaveMileageClick:G}){const l=Me(),j=Le(),{formState:{errors:J},trigger:Z}=lt(),D=xt($,"mileageAmountInDenomination"),h=st(J,D),{localData:c,updateStatus:z,mileageStatus:y}=C,R=e?.denominationConversions.amount==null||e.denominationConversions.amount!==c?.mileageAmountInDenomination,{commonSetUp:Y,spendManagement:K}=Ve.getLocalizedStrings(),{reimbursement:Q}=K,[w,E]=o.useState(R),[X,F]=o.useState(!1);o.useEffect(()=>{h||Z(D)},[]),o.useEffect(()=>{e?.denominationConversions.amount!=null&&e.denominationConversions.amount===c?.mileageAmountInDenomination&&E(!1)},[e?.denominationConversions.amount]),o.useEffect(()=>{w||F(w)},[w]);const{reimbursementSetup:f}=Q,{setUp:ee}=Y,te=w===!1||z.fetchState==="In-Progress"?"readonly":r,ie=c&&c?.denominationSymbol?`${c?.denominationSymbol} `:"",ne=c&&c?.mileageUnit?c?.mileageUnit:"";return t.jsxs(St,{windowSize:l,style:A,isActive:d&&r==null,children:[t.jsxs(At,{windowSize:l,children:[f.mileageHeader,d===!1?t.jsx(Et,{children:ee.comingSoon}):null]}),t.jsxs($t,{windowSize:l,children:[t.jsx(kt,{windowSize:l,isDarkMode:j.mode==="dark",children:t.jsx(ht,{width:g.iconWidthHeight.valuePx(l),height:g.iconWidthHeight.valuePx(l)})}),t.jsxs(Ct,{children:[t.jsxs(Pt,{children:[t.jsxs(jt,{children:[t.jsxs(Dt,{children:[t.jsx(wt,{windowSize:l,children:e?.denominationConversions.amount==null?f.mileageAddTitle:f.mileageEditTitle}),t.jsx(bt,{children:f.mileageSubTitle})]}),y!=null&&e?.denominationConversions.amount!=null&&l==="small"?t.jsx(Ae,{style:{width:"max-content",padding:a.sp0,marginTop:a.sp2},tagTitle:y.name,textColor:je(y.code)}):null]}),t.jsxs(yt,{children:[y!=null&&e?.denominationConversions.amount!=null&&l!=="small"?t.jsx(Ae,{style:{width:"max-content"},tagTitle:y.name,textColor:je(y.code)}):null,t.jsx(vt,{})]})]}),t.jsxs(Tt,{children:[t.jsxs(It,{children:[t.jsx(rt,{style:{height:a.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:a.sp10,backgroundColor:h?void 0:j.colors.background,color:w||h?void 0:j.colors.grey1},isFieldError:h,type:"number",autoFocus:!1,focus:X,name:D,defaultValue:c?.mileageAmountInDenomination,returnValueType:"floatValue",allowEmptyFormatting:!0,prefix:ie,suffix:`  ${f.perText} ${ne}`,decimalScale:1,allowNegative:!1,isNumericString:!1,registerOptions:{min:1,validate:T=>T!=null||r!=null,required:r==null},isDisabled:te}),t.jsx(Mt,{children:w?t.jsx(ct,{label:f.save,"data-testid":De("save-mileage"),onClick:()=>{c?.mileageAmountInDenomination!=null&&R&&!h&&G?.(c.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:r!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:z.fetchState==="In-Progress"}):t.jsx(Vt,{isDisabled:r,"data-testid":De("edit-mileage"),onClick:T=>{T.stopPropagation(),E(!0),F(!0),P.trackReimbursementMileageRateEdit()}})})]}),c?.description!=null?t.jsx(Lt,{size:l,hasError:h,children:h&&e?.defaultMileageUnitAmount!=null?f.yourMileage.replace("__defaultMileageUnitAmount__",(100*e.defaultMileageUnitAmount).toString()):c.description}):null]})]})]})]})}const xt=(e,C)=>`${e}.${C}`,St=i.div`
+  display: flex;
+  flex-direction: column;
+  pointer-events: ${e=>e.isLoading===!0||e.isActive===!1?"none":"initial"};
+  opacity: ${e=>e.isActive?1:.32};
+  row-gap: ${e=>g.rowGap.valuePx(e.windowSize)};
+`,Ct=i.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  justify-content: flex-start;
+`,yt=i.div`
+  display: flex;
+`,wt=i.div`
+  ${e=>`${pe.title.style(e.windowSize)}`};
+  color: ${e=>e.isError===!0?q.important:e.theme.colors.primary};
+`,bt=i(ut)`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: ${e=>e.theme.colors.hero};
+`,vt=i.div`
+  display: flex;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  margin-left: ${a.sp4};
+`,kt=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: ${e=>g.iconPadding.valuePx(e.windowSize)};
+  background: ${e=>e.isDarkMode?e.theme.colors.brandColorJadeDark:e.theme.colors.brandColorJadeLight};
+  border-radius: ${a.sp11};
+  width: fit-content;
+  height: fit-content;
+  color: ${e=>e.isDarkMode?q.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
+  max-width: ${e=>g.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>g.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${e=>g.iconContainerMarginRight.valuePx(e.windowSize)};
+`,$t=i.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${e=>g.containerPadding.valuePx(e.windowSize)};
+  width: ${e=>g.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+  fill: ${e=>e.theme.colors.grey1};
+  color: ${e=>e.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    fill: ${e=>e.theme.colors.primary};
+  }
+`,Pt=i.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
+`,At=i.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${pe.title.style(e.windowSize)}`};
+`,jt=i.div`
+  display: flex;
+  flex-direction: column;
+`,Dt=i.div``,Et=i(dt)`
+  color: ${e=>e.theme.colors.comingSoon};
+  margin-left: ${a.sp3};
+`,Tt=i.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  justify-content: flex-start;
+  margin-top: ${a.sp3};
+`,It=i.div`
+  display: flex;
+  height: ${a.sp6};
+  width: 100%;
+  position: relative;
+`,Lt=i.label`
+  display: flex;
+  padding-left: ${e=>g.infoLabelPaddingLeft.valuePx(e.size)};
+  color: ${e=>e.hasError===!0?q.important:e.additionalInfoTextColor??e.theme.colors.hero};
+  ${e=>`${pe.infoLabel.style(e.size)}`};
+  margin-top: ${a.sp1};
+`,Mt=i.div`
+  display: flex;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: ${a.sp3};
+`,Vt=i(mt)`
+  width: ${a.sp3};
+  height: ${a.sp3};
+  cursor: ${e=>e.isDisabled==null?"pointer":"default"};
+  pointer-events: ${e=>e.isDisabled==null?"initial":"none"};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,m={titleWidth:new s(343,580,726,826),setupDetailsRowGap:new s(12,n[5],n[5]),sectionRowGap:new s(n[5],n[9],n[9]),lastSectionPaddingBottom:new s(n[7],n[10],n[10]),iconWidthHeight:new s(20,n[4]),subTitlePaddingTop:new s(12,n[3]),subTitlePaddingBottom:new s(n[3],n[3]),overlayWidth:new s(100,100,59)},Te="remiSetupPage",_="remiAccount",N="remiMileage",Yt=({remiSetupView:e,isDisabled:C,remiApprovalView:P,connectedAccountProvider:A,isAccountsEnabled:$,filesEndPoint:d,authParams:r,meetingUrl:G,analytics:l,accountsPromoConfig:j,onBackClick:J,onBusinessVerificationSectionClick:Z,onSetupApprovalRulesSectionClick:D,onFetchLinkTokenClick:h,onEstablishConnectionClick:c,onEstablishConnectionSuccess:z,updateMileageDetails:y,onUpdateAccountClick:R,onUpdatePrimaryFundingAccount:Y,onUpdatePaymentAccountStatus:K,onUpdatePaymentAccountLoginStatus:Q,onEnableRemiClick:w,onEnableRemiSuccess:E,onSaveMileageClick:X,onClickMenuIcon:F,onEditFileName:f,onDeleteFile:ee,updateFilesEntity:te,onCompanyOfficerUpdated:ie,onSendForVerificationClick:ne,onSignUpClick:T})=>{const B=Le(),u=Me(),[U,I]=o.useState(!1),{fetchState:v,primaryFundingAccount:b,allFundingAccounts:ge,updateStatus:L,accountUpdateStatus:ze,plaidConnectionDetails:oe,allBankAccounts:Re,companyRemiInfo:Fe,companyBillPayInfo:he,mileageRateConfig:Be,isRefreshingViewInBackground:Ue,selectedCompanyOfficer:p}=e,{fetchState:fe,allApprovalRules:W,approvalRulesStatus:We}=P,ae=oe.link_account.updateStatus,le=oe.update_account.updateStatus,H=O(v),xe=O(L.fetchState),Se=O(ae.fetchState),Ce=O(le.fetchState),M=Ge({mode:"all",reValidateMode:"onChange",defaultValues:o.useMemo(()=>me(e),[e]),values:me(e)});o.useEffect(()=>{U||p?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")!==!0||!p.areAdditionalDocumentsRequestedForVerification||p.areAdditionalDocumentsSubmittedForVerification||p.userVerificationStatus?.code!=="require_info"||I(!0),U&&H==="In-Progress"&&v==="Completed"&&I(!1)},[p,v,H]),o.useEffect(()=>{(H==="In-Progress"&&v==="Completed"||Se==="In-Progress"&&ae.fetchState==="Completed"||Ce==="In-Progress"&&le.fetchState==="Completed")&&M.reset(me(e))},[H,v,M,e,Se,ae.fetchState,Ce,le.fetchState]);const He=M.handleSubmit(we=>{l.trackEnableReimbursement(),w()});o.useEffect(()=>{const we=M.watch((be,{name:ve})=>{ve!=null&&be!=null&&Je(()=>(async(de,ke)=>{const x=ke[_];if(de.includes(_)){if(de.includes("fundingAccount")){if(x.fundingAccount.selectedOption!=null&&b?.id!=x.fundingAccount.selectedOption){const S=ge.find(ue=>ue.id===x.fundingAccount.selectedOption);S!=null&&Y(x.fundingAccount.selectedOption,S.accType)}}else if(x.account.selectedOption!=null&&b?.id!=null&&b?.zeniAccountId!=x.account.selectedOption){const S=x.account.allOptions.find(ue=>ue.value===x.account.selectedOption);S!=null&&typeof S.label=="string"&&l.trackConnectBankLink(S.value,S.label,"reimbursement"),R(x.account.selectedOption,b.id,b.accType)}}else if(de.includes(N)){const S=ke[N];y(S)}})(ve,be))});return()=>{we.unsubscribe()}}),o.useEffect(()=>{xe==="In-Progress"&&L.fetchState==="Completed"&&E()},[E,xe,L.fetchState]);const{commonSetUp:ye,spendManagement:Oe}=Ve.getLocalizedStrings(),{reimbursement:_e}=Oe,{reimbursementSetup:V}=_e,{setUp:k}=ye,se=he?.isBusinessVerified===!0&&(b?.accType==="depositAccount"||pt(b?.providerVerificationStatus?.code??""))&&Be?.denominationConversions.amount!=null,re=Fe?.isReimbursementEnabled===!0,Ne=se?ye.setUp.setupVerifiedSubTitle:V.setupSubTitle,qe=v==="In-Progress"||v==="Not-Started"||fe==="In-Progress"||fe==="Not-Started",ce=B.mode==="light"?new $e(B.colors.brandColorJadeLight):new $e(B.colors.brandColorJadeDark);return t.jsxs(zt,{children:[t.jsx(Ze,{anchor:"right",PaperProps:{style:{width:m.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:U,onClose:()=>I(!1),style:{backgroundColor:q.drawerBackground},transitionDuration:250,children:t.jsx(gt,{authParams:r,filesEndPoint:d,updateStatus:L,onEditFileName:f,onDeleteFile:ee,updateFilesEntity:te,companyOfficer:p,onClose:()=>I(!1),onCompanyOfficerUpdated:ie,onSendForVerificationClick:ne})}),t.jsx(Ye,{title:V.setupTitle,backgroundColor:B.colors.grey4,style:{zIndex:3},onBackClick:J,showMenuIcon:!re&&(u==="medium-compact"||u==="small"),onClickMenuIcon:F,source:"ReimbursementSetUpPage"}),t.jsxs(Ft,{windowSize:u,children:[t.jsx(Rt,{windowSize:u,children:Ne}),qe?t.jsx(Bt,{children:t.jsx(Ke,{size:"ExtraLarge",start:!0})}):t.jsx(Qe,{...M,children:t.jsx("form",{id:Ie(Te),onSubmit:He,children:t.jsxs(Ut,{windowSize:u,children:[t.jsx(Pe,{onClick:()=>{U||p?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")!==!0||!p.areAdditionalDocumentsRequestedForVerification||p.areAdditionalDocumentsSubmittedForVerification||p.userVerificationStatus?.code!=="require_info"?Z?.():I(!0)},title:k.businessVerificationTitle,subTitle:k.businessVerificationSubTitle,header:k.businessVerificationHeader,icon:{element:t.jsx(Xe,{width:m.iconWidthHeight.valuePx(u),height:m.iconWidthHeight.valuePx(u)}),color:ce},status:he?.businessVerificationStatus,isTagLoading:Ue}),t.jsx(et,{connectedAccountProvider:A,primaryFundingAccount:b,plaidConnectionDetails:oe,allBankAccounts:Re,allFundingAccounts:ge,sectionId:_,isDisabled:C,onFetchLinkTokenClick:h,onEstablishConnectionClick:c,onUpdatePaymentAccountStatus:K,onUpdatePaymentAccountLoginStatus:Q,onEstablishConnectionSuccess:z,icon:{element:t.jsx(tt,{width:m.iconWidthHeight.valuePx(u)}),color:ce},analytics:l,productType:"reimbursement",isAccountsEnabled:$,onSignUpClick:T,pageName:"Reimbursement Setup",accountsPromoConfig:j}),t.jsx(ft,{mileageDetails:e.mileageDetails,companyMileageConfigInfo:e.mileageRateConfig,sectionId:N,onSaveMileageClick:X,analytics:l}),t.jsx(Pe,{title:W.length>0?k.approvalTitle:k.createApprovalTitle,subTitle:V.approvalSubTitle,header:W.length>0?k.approvalHeader:k.setupApprovalHeader,icon:{element:t.jsx(it,{height:m.iconWidthHeight.valuePx(u)}),color:ce},style:{paddingBottom:m.lastSectionPaddingBottom.valuePx(u)},onClick:D,status:W.length>0?We:void 0})]})})})]}),se&&!re&&W.length>0?t.jsx(nt,{formId:Ie(Te),primaryBtn:{label:V.enableReimbursements,style:{width:"auto",minWidth:u==="small"?"auto":"181px"},isLoading:L.fetchState==="In-Progress"||ze.fetchState==="In-Progress",isDisabled:C!=null},showCancel:!1,helperText:V.terms,cancelBtn:{label:""},style:{padding:`12px ${a.sp3}`}}):null,t.jsx(ot,{isFooterRendered:se&&!re,meetingUrl:G,analytics:l,productType:"reimbursement"})]})},zt=i.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Rt=i(at)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>m.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>m.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>m.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+`,Ft=i.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  row-gap: ${e=>m.setupDetailsRowGap.valuePx(e.windowSize)};
+`,Bt=i.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Ut=i.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>m.sectionRowGap.valuePx(e.windowSize)};
+`,me=e=>{const{allBankAccounts:C,allFundingAccounts:P,mileageDetails:A,primaryFundingAccount:$}=e,{localData:d}=A;return{[_]:{fundingAccount:{selectedOption:$?.id,allOptions:P.map(r=>({label:r.label,value:r.id,isRecommended:r.accType==="depositAccount"}))},account:{selectedOption:$?.zeniAccountId,allOptions:C.map(r=>({label:r.accountName,value:r.accountId}))}},[N]:{mileageAmount:d?.mileageUnitAmount?.amount,mileageCurrencyCode:d?.mileageCurrencyCode??"USD",mileageCurrencySymbol:d?.mileageCurrencySymbol??"$",mileageUnit:d?.mileageUnit??"",description:d?.description??"",mileageAmountInDenomination:d?.mileageAmountInDenomination,denomination:d?.denomination??"dollars",denominationSymbol:d?.denominationSymbol??""}}},Ie=e=>`${e}_form`;export{Yt as default,Ie as uniqueName};

package/dist/assets/ReimbursementsBulkReviewDrawerPage-hhvxZzxC-BXtCzSIP.js

@@ -0,0 +1 @@
+import{a as O,j as _,dc as N,dd as M,de as V,lt as z,bv as W}from"./index-2CdI-B2B.js";import{a as f}from"./core-tlHkQPPu.js";import{gc as q}from"./zeni-epic-state-Bo1aGezX.js";import{S as G}from"./ReviewOverlay-De5_nrll-D6fwtyEd.js";import"./mui-kiGMfX4-.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const{common:n,spendManagement:{reimbursement:j}}=O.getLocalizedStrings(),o=j.bulkActions;let P;const se=({remisReviewView:e,isAdmin:a,analytics:i,onProceedForBulkActionClick:d,onCloseReviewItem:r,onCloseOverlay:s})=>{const{fetchState:l,bulkSubmissionFetchState:c,bulkOperationTypeSelected:t,currentTab:b,currentSubTab:v}=e,g=!1,[w,p]=f.useState(!1),[m,h]=f.useState(R(e,g,a)),[y,I]=f.useState(g),[B,K]=f.useState(0),[S,A]=f.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});f.useEffect(()=>(B===m.length&&y&&(I(!1),clearInterval(P)),e.fetchState==="Completed"&&h(R(e,!1,a)),()=>{clearInterval(P)}),[m.length,B,y,e.fetchState,g,e,a]);const $=m.length,x=m.filter(u=>u.reviewStatus.code!=="error").length,U={onOkClick:u=>{p(!1);const T=e.remisForReview.map(k=>k.reimbursement);i.trackReimbursementBulkPopupConfirm(t,b,v,q(T.map(k=>k?.reimbursementTypesIncluded??[]))),d("reject",u)},onCancelClick:()=>{p(!1)}},{title:E,description:F}=J(l,x,$,y),C=e.fetchState==="Completed"&&x===0,L=()=>{i.trackReimbursementBulkSubmit(t,b,v),d(t)},D={label:t==="send_for_approval"?n.texts.goBack:n.footer.reject,isDisabled:t!=="reject"&&c==="In-Progress",isLoading:t==="reject"&&c==="In-Progress",reverseSpinnerColor:!1,onClick:t==="send_for_approval"?s:()=>{const{title:u,description:T}=H(x);A({type:"reject",title:u,description:T,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),i.trackReimbursementBulkSubmit(t,b,v),p(!0)},style:t==="approve"?{minWidth:"92px"}:{}};return _.jsxs(_.Fragment,{children:[w?_.jsx(N,{titleComponent:_.jsx(V,{children:S.title}),descriptionComponent:_.jsx(M,{children:S.description}),primaryButtonText:S.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:S.secondaryButtonText,action:U,isNotesIncluded:!0,isEditPopup:!0}):null,_.jsx(G,{title:E,description:{content:F,isError:e.fetchState==="Completed"&&x===0},reviewItems:m,onCloseReviewItem:r,onCloseOverlay:s,showFooter:e.fetchState==="Completed"&&!y,footerProps:{primaryButton:(()=>{let u=n.footer.approve;return C?u=n.texts.close:t==="send_for_approval"&&(u=n.footer.submit),{label:u,isDisabled:l!=="Completed"||t==="reject"&&c==="In-Progress",isLoading:c==="In-Progress"&&(t==="send_for_approval"||t==="approve"),onClick:C?s:L,style:t==="send_for_approval"?{minWidth:"92px"}:{}}})(),cancelButton:D,hideCancel:C}})]})},R=(e,a,i)=>{const d=e.fetchState==="In-Progress";return e.remisForReview.map(r=>{const s=z(i,r.submittedBy);return{id:r.transactionId,leftSideText:{title:r.reimbursement?.reportTitle!=null?r.reimbursement.reportTitle:j.reimbursementDetail.newReimbursementTitle,subTitle:s!=null?`${n.by} ${s?.firstName} ${s?.lastName}`:n.strings.empty},rightSideText:{title:W("0,0.[00]",r.reimbursement?.amount?.amount,r.reimbursement?.amount?.currencySymbol),showThunderIcon:!1,subTitle:r.reviewInfoMessage??""},reviewStatus:{isLoading:d,code:r.reviewStatus??""}}})},H=e=>{const{this_:a,these:i,report:d,reports:r,payment:s,payments:l}=n.texts;return e>1?{title:o.popUps.reject.title.replace("__report__",o.reports),description:o.popUps.reject.description.replaceAll("<_this_>",i).replaceAll("<_payment_>",l).replaceAll("__report__",r)}:{title:o.popUps.reject.title.replace("__report__",o.report),description:o.popUps.reject.description.replaceAll("<_this_>",a).replaceAll("<_payment_>",s).replaceAll("__report__",d)}},J=(e,a,i,d)=>{const{has:r,have:s,report:l,reports:c,are:t,is:b,do_:v,does:g}=n.texts,w=a>1,p=i>1;let m="",h="";return e!=="Completed"||d?(m=o.reviewPage.reportsReviewing.title.replace("__report__",p?c:l),h=o.reviewPage.reportsReviewing.description.replace("__report__",p?c:l)):(m=o.reviewPage.reportsReviewed.title.replace("__report__",p?j.bulkActions.reports:o.report).replace("<_has_>",p?s:r),h=a===0?o.reviewPage.reportsReviewed.descriptionError.replace("__report__",p?c:l).replace("<_do_>",p?v:g):`${a}/${i} ${o.reviewPage.reportsReviewed.description.replace("__report__",i>1?c:l).replace("<_is_>",w?t:b)}`),{title:m,description:h}};export{se as default};

package/dist/assets/ReloadCard-CreyuBvN-CLMqgpFk.js

@@ -0,0 +1,26 @@
+import{i as h,j as r,bl as a,bm as m,bF as C,a as j,bp as l,ck as x,af as g,b as c,bG as p}from"./index-2CdI-B2B.js";import{n as s}from"./mui-kiGMfX4-.js";import{a as d}from"./core-tlHkQPPu.js";function f({backgroundColor:e,foregroundColor:o,animated:t,width:n,height:i}){return r.jsxs(x,{speed:2,width:n,height:i,viewBox:`0 0 ${n} ${i}`,animate:t!=0,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"64",y:"0",rx:"4",ry:"4",width:""+(n-128),height:"21"}),r.jsx("rect",{x:"24",y:"45",rx:"4",ry:"4",width:""+(n-48),height:"228"})]})}function y({backgroundColor:e,foregroundColor:o,animated:t}){return r.jsxs(x,{speed:2,width:240,height:98,viewBox:"0 0 240 98",animate:t!=0,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"66",y:"0",rx:"4",ry:"4",width:"108",height:"21"}),r.jsx("rect",{x:"44",y:"77",rx:"4",ry:"4",width:"152",height:"21"}),r.jsx("rect",{x:"0",y:"29",rx:"4",ry:"4",width:"240",height:"40"})]})}const u=s(l)`
+  justify-content: flex-start;
+`;function T({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx(y,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o})})})}function S({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx("div",{style:{width:"100%",height:"100%"},children:r.jsx(p,{children:({height:n,width:i})=>r.jsx(f,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o,width:i,height:n})})})})})}const w=s(l)`
+  justify-content: space-between;
+`,k=s.div`
+  height: ${c.sp10};
+  width: ${c.sp10};
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  & svg {
+    color: ${e=>e.theme.colors.hero};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,b=s(g)`
+  color: ${e=>e.theme.colors.champion};
+`,v=s(g)`
+  color: ${e=>e.theme.colors.hero};
+`,$=s(e=>d.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},d.createElement("rect",{opacity:.2,width:72,height:72,rx:36,fill:"#97C3B9"}),d.createElement("path",{d:"M46.7755 32.5635L43.8368 36.9716L40.4082 33.0533",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),d.createElement("path",{d:"M34.5307 44.8163C32.6902 44.8163 30.8909 44.2705 29.3605 43.248C27.8301 42.2254 26.6374 40.772 25.933 39.0715C25.2286 37.3711 25.0443 35.4999 25.4034 33.6947C25.7625 31.8895 26.6488 30.2313 27.9503 28.9298C29.2518 27.6283 30.91 26.742 32.7152 26.3829C34.5204 26.0238 36.3916 26.2081 38.092 26.9125C39.7925 27.6169 41.2459 28.8096 42.2685 30.34C43.291 31.8704 43.8369 33.6697 43.8369 35.5102V36.9737",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))``;function R({dimension:e,cardType:o,cardIndex:t,reportTitle:n,onReloadData:i}){return r.jsx(a,{"data-testid":m("dashboard-reload",o),dimension:e,onClick:()=>i(t,o),children:r.jsxs(w,{children:[r.jsxs(b,{children:[n??C(o)," "]}),r.jsx(k,{children:r.jsx($,{})}),r.jsx(v,{children:j.getLocalizedStrings().card.failedText})]})})}export{R as b,S as f,T as j};

package/dist/assets/ReportTableViewSelector-BeCqfOU9-DQYZGv2r.js

@@ -0,0 +1,150 @@
+import{a as Z,d1 as ue,d2 as pe,d3 as me,i as K,u as re,d4 as ge,a8 as fe,j as t,ak as xe,d5 as Q,aa as be,R as P,bC as ye,b as r,d6 as _e,d7 as we,ai as le,d8 as $e,s as p,af as ve,b3 as U,bs as ke,ck as Ce,ah as je,aw as Se}from"./index-2CdI-B2B.js";import{a as x,o as ie}from"./core-tlHkQPPu.js";import{n as h}from"./mui-kiGMfX4-.js";import{N as T,r as Ne}from"./CollapsableReportTable-B3_in9eE-D8gjZt8q.js";const W=Z.getLocalizedStrings().dateFormat.analytics.YYYYDashMMDashDDFormat;async function Xe(e,d,a){const o=Z.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify((s=a,{locale_id:s.localeId,show_negative_amount_in_parenthesis:s.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:s.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:s.filterAccountGroupsWithNilBalances,include_cover_page:s.includeCoverPage,company_name:s.companyName,statement_file_type:s.statementFileType,statements:s.statements,first_month_of_fy:s.firstMonthOfFY,book_close_date:s.bookCloseDate!=null?s.bookCloseDate.format(W):void 0,timeframe:s.timeframe,additional_balances:s.additionalBalances,format:s.format,balances_filter:(m=s.balancesFilter,{this_period:{start_date:m.thisPeriod.startDate.format(W),end_date:m.thisPeriod.endDate.format(W)},number_of_periods:m.numberOfPeriods,order_by:m.orderBy}),account_view_mode:s.accountViewMode,classes_to_filter_out:s.classesToFilterOut,data_available:(g=s.dataAvailable,g!=null?{start_date:g.startDate.format(W),end_date:g.endDate.format(W)}:void 0),is_zeni_coa_used:s.isZeniCOAUsed})))}`;var s,g,m;try{const f=await ue({urlEndPoint:l,authParams:d,fileType:a.statementFileType});if(f.ok){const A=pe(f.headers,o.defaultFileName),N=await f.arrayBuffer();me(N,A)}else console.error(`${o.reportErrorMessage} ${f.statusText}`)}catch(f){console.error(`${o.reportErrorMessage} ${JSON.stringify(f)}`)}}const Ie=h.div`
+  padding: 0 ${r.sp3} 0 ${r.sp3};
+  border: 1px solid ${e=>e.theme.colors.primary};
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${r.sp1};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+  height: ${r.sp8};
+  cursor: pointer;
+`,Fe=h(je)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: -2px;
+`,Oe=h(Se)`
+  color: ${e=>e.theme.colors.hero};
+  width: 12px;
+  height: 12px;
+  margin: auto ${r.sp0};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,De=ie.memo(e=>{const{value:d,onClick:a}=e,o=K();return t.jsxs(Ie,{onClick:a,children:[t.jsx(Fe,{style:{color:o.colors.primary},children:d}),t.jsx(Oe,{})]})});function Pe({backgroundColor:e,foregroundColor:d,animated:a,width:o,height:l}){return t.jsxs(Ce,{speed:2,width:o,height:l,viewBox:`0 0 ${o} ${l}`,animate:a!=0,backgroundColor:e,foregroundColor:d,style:{marginBottom:r.sp2},children:[t.jsx("rect",{x:"45",y:p[3],rx:"5",ry:"5",width:"120",height:p[4]}),t.jsx("rect",{x:"45",y:p[8],rx:"5",ry:"5",width:"120",height:p[4]}),t.jsx("rect",{x:"45",y:"96",rx:"5",ry:"5",width:"120",height:p[4]}),t.jsx("rect",{x:"45",y:"136",rx:"5",ry:"5",width:"120",height:p[4]})]})}function ce({nestedClass:e,isLastNode:d,config:a,parentNodeIDs:o}){const l=T("checkbox_and_name_only",[],e.classId[0]),s={children:[],id:l,isLastNode:d,reportElementData:{element:{kind:"checkbox_and_name_only",title:e.className,data:e,numOfBalances:0},config:a}};return s.children=e.children.map((g,m)=>ce({nestedClass:g,config:a,isLastNode:m===e.children.length-1,parentNodeIDs:[...o,l]})),s}function Te(e,d){const a=e.map((o,l)=>{const s=T("checkbox_and_name_only",[],o.classId[0]),g={children:[],id:s,isLastNode:o.children.length!==0,reportElementData:{element:{kind:"checkbox_and_name_only",title:o.className,data:o,numOfBalances:0},config:d}},m=o.children.map(f=>ce({nestedClass:f,config:d,isLastNode:l===o.children.length-1,parentNodeIDs:[s]}));return g.children.push(...m),g});return{config:d,headerNodes:[],contentNodes:[...a]}}function Be(e,d){Object.assign(e.config,d);const a=e.contentNodes;return a.forEach(o=>de(o,d)),{config:d,headerNodes:[],contentNodes:[...a]}}function de(e,d){Object.assign(e.reportElementData.config,d),e.children.forEach(a=>de(a,d))}const X={contentPaddingLeft:new P(p[3],p[3],p[2]),contentPaddingRight:new P(p[3],p[3],p[2])},Re=h.div`
+  height: ${e=>e.height}px;
+  width: 100%;
+`,S={width:new P(350,400,400),height:new P(165,165,165),buttonWidth:new P(62,62),buttonHeight:new P(p[5],p[5]),containerWidth:new P(150,400,400)},Ae=h.div`
+  position: relative;
+  pointer-events: ${e=>e.isDisabled===!0?"none":"initial"};
+`,Ee=h.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>S.containerWidth.valuePx(e.windowSize)};
+`,Le=h(_e)`
+  display: flex;
+  flex-direction: row;
+  width: fit-content;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.primary};
+  .dropdownIcon {
+    color: ${e=>e.theme.colors.hero};
+  }
+  &:hover {
+    .dropdownIcon {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  gap: ${r.sp2};
+  margin-top: 12px;
+  align-items: center;
+`,Me=h(we)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${r.sp4};
+  height: ${r.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ze=h.div`
+  display: flex;
+  width: ${e=>e.width}px;
+  align-items: flex-start;
+  justify-content: space-between;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey5};
+  border-radius: ${r.sp1};
+  box-shadow: ${e=>`${r.sp0} 2px ${r.sp2} ${e.theme.colors.dropShadowHover}`};
+  margin-top: 10px;
+  padding-top: ${r.sp1};
+  background: ${e=>e.theme.colors.grey5};
+`,ee=h.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.checked===!0?e.theme.colors.background:"transparent"};
+  & input[type="radio"] {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    display: inline-block;
+    width: ${r.sp3};
+    height: ${r.sp3};
+    padding: 2px;
+    background-clip: content-box;
+    border: 1px solid ${e=>e.theme.colors.primary};
+    border-radius: 50%;
+    margin: ${r.sp0} ${r.sp2} ${r.sp0} ${r.sp2};
+    cursor: pointer;
+  }
+
+  input[type="radio"]:checked {
+    background-color: ${e=>e.theme.colors.primary};
+  }
+
+  input[type="radio"]:disabled {
+    cursor: default;
+  }
+
+  &:hover {
+    background: ${e=>e.theme.colors.background};
+  }
+`,te=h(ve)`
+  height: ${r.sp6};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,We=h.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  height: 100%;
+  width: inherit;
+  overflow-y: auto;
+  .hide-icon {
+    display: none;
+  }
+  min-height: 165px;
+  max-height: 353px;
+  overscroll-behavior: contain;
+`,He=h.div`
+  width: 100%;
+  height: 65px;
+`,oe=h.label`
+  color: ${e=>e.theme.colors.primary};
+  cursor: ${e=>e.disabled===!0?"default":"pointer"};
+`,Ye=h(le)`
+  display: flex;
+  align-items: center;
+  column-gap: ${r.sp2};
+  margin-left: ${r.sp5};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    cursor: pointer;
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ve=h.div`
+  display: flex;
+  flex: 1;
+  width: inherit;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Ge=h($e)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+`,qe=h(le)`
+  margin-left: ${r.sp5};
+  margin-top: -12px;
+  color: ${e=>e.theme.colors.hero};
+`,{reportViewSelector:D,common:{footer:se}}=Z.getLocalizedStrings(),ae="tableViewSelector",ne=e=>`${e}_form`;function et({reportId:e,firstMonthOfFY:d,nodes:a,classesListFetchState:o,selectedView:l,classesToBeFilteredOut:s,showClassAccountNumber:g,onOpenAccountViewMode:m,onSaveClick:f,isClassViewDisabled:A,downloadPage:N,showAccountGroups:H=!0,onResyncReports:Y,isPageFetchInProgress:v=!1,lastRefreshSuccessTime:I}){const E=K(),$=re(),[L,B]=x.useState(!1),[b,M]=x.useState(l),[R,k]=x.useState({}),V=(n,u)=>(n.forEach(w=>{u.push(w.classId),u=V(w.children,u)}),u),F=V(a,[]),[C,j]=x.useState(b==="classes"?s:F),q=o!=="Completed"||b==="classes"&&C.length===F.length;ge({componentName:`reports.${e}`});const c=n=>n==="classes"?D.classes.label:H===!0?D.accountGroups.label:D.accounts.label,i=fe({mode:"all"}),y=i.handleSubmit(()=>{B(!1),b==="classes"?f?.("classes",C):f?.("account_group")}),_=n=>{if(M(n),n==="classes")k({}),j([]);else{j(F);let u={};a.forEach(w=>{const O=T("checkbox_and_name_only",[],w.classId[0]);u=Object.assign({},u,{[O]:!1})}),k(u)}},G=()=>{L===!0&&J(),B(!L);let n={};a.forEach(u=>{const w=T("checkbox_and_name_only",[],u.classId[0]);n=l==="account_group"||C.find(O=>O[0]===u.classId[0])!==void 0?Object.assign({},n,{[w]:!1}):Object.assign({},n,{[w]:!0})}),k(n)},J=()=>{B(!1),M(l),j(s)};return x.useEffect(()=>{if(o==="Completed"&&b==="account_group"){let n={};a.forEach(u=>{const w=T("checkbox_and_name_only",[],u.classId[0]);n=Object.assign({},n,{[w]:!1})}),k(n)}},[o]),t.jsx(xe,{onClickAway:J,children:t.jsxs(Ae,{isDisabled:A??!1,children:[N===!0?t.jsx(De,{value:c(l),onClick:()=>{m?.(),G()}}):t.jsxs(Ee,{windowSize:$,children:[t.jsxs(Le,{onClick:n=>{n.preventDefault(),m?.(),G()},children:[t.jsx(Me,{className:"dropdownIcon"}),c(l)]}),l==="classes"?t.jsx(Ye,{onClick:()=>{v===!1&&Y?.()},children:v?D.generatingReportByClass:t.jsxs(t.Fragment,{children:[I&&`${Q(I)}`,t.jsx(Ge,{})]})}):null]}),L?t.jsx(be,{...i,children:t.jsx("form",{id:ne(ae),onSubmit:y,children:t.jsxs(ze,{width:S.width.value($),children:[t.jsx(ee,{checked:b==="account_group",children:t.jsxs(te,{onClick:()=>b!=="account_group"?_("account_group"):null,children:[t.jsx("input",{type:"radio",value:"account_group",id:"accountGroups",name:"formgroup",onChange:n=>_(n.currentTarget.value),checked:b==="account_group",disabled:o!=="Completed"}),t.jsx(oe,{disabled:o!=="Completed",children:H===!0?D.accountGroups.dropdownLabel:D.accounts.dropdownLabel})]})}),t.jsx(Ve,{}),t.jsxs(ee,{checked:b==="classes",children:[t.jsxs(te,{onClick:()=>o==="Completed"?_("classes"):null,children:[t.jsx("input",{type:"radio",value:"classes",id:"classes",name:"formgroup",onChange:n=>o==="Completed"?_(n.currentTarget.value):null,checked:b==="classes",disabled:o!=="Completed"}),t.jsx(oe,{disabled:o!=="Completed",children:D.classes.dropdownLabel})]}),v||o!=="Completed"?null:t.jsx(qe,{children:I&&`${Q(I)}`}),o==="Completed"?t.jsx(We,{id:"sectionformcontainer",children:t.jsx(Je,{reportId:e,firstMonthOfFY:d,nestedClassHierarchy:a,classesToBeFilteredOut:C,selectedView:b,nodeOpenStatus:R,showClassAccountNumber:g,onToggleCheck:(n,u,w)=>{if(w===!0&&(M("classes"),j(F)),u===!0){const O=T("checkbox_and_name_only",[],n[0]);R[O]=!0,k(R),j(z=>z.filter(he=>he[0]!==n[0]))}else{const O=T("checkbox_and_name_only",[],n[0]);R[O]=!1,C.find(z=>z[0]===n[0])===void 0&&j(z=>[...z,n])}}})}):t.jsx(Pe,{backgroundColor:E.colors.grey3,foregroundColor:E.colors.grey4,width:S.width.value($),height:S.height.value($),animated:!0})]}),t.jsx(He,{children:t.jsx(ye,{formId:ne(ae),primaryBtn:{label:se.save,style:{width:S.buttonWidth.valuePx($),height:S.buttonHeight.valuePx($)},isLoading:!1,isDisabled:q,size:"small"},showCancel:!0,cancelBtn:{label:se.cancel,style:{width:S.buttonWidth.valuePx($),height:S.buttonHeight.valuePx($)},onClick:J,size:"small",shouldResetOnCancel:!0},style:{padding:r.sp3}})})]})})}):null]})})}const Je=ie.memo(({reportId:e,firstMonthOfFY:d,nestedClassHierarchy:a,classesToBeFilteredOut:o,selectedView:l,showClassAccountNumber:s,scrollPosition:g,onScroll:m,nodeOpenStatus:f,onNodeCollapseToggled:A,onToggleCheck:N})=>{const H=K(),Y=re(),[v,I]=x.useState(void 0),[E,$]=x.useState(!1),[L,B]=x.useState({}),[b,M]=x.useState(void 0),[R,k]=x.useState(l),V=c=>l==="account_group"||o?.length>0&&o.find(i=>i[0]===c[0])!=null,F=(c,i)=>{const y=C(c);for(const _ of y.children)N?.(_.classId,i),F(_.classId,i)},C=c=>{let i=a.filter(y=>y.classId[0]===c[c.length-1])[0];for(let y=c.length-2;y>=0;y--)i=i.children.filter(_=>_.classId[0]===c[y])[0];return i};x.useEffect(()=>{E&&(c=>{if(c.length>1){const i=C(c.slice(1));let y=!1;for(const _ of i.children)if(o.find(G=>G[0]===_.classId[0])===void 0){y=!0;break}N?.(i.classId,y===!0),B(i.classId)}})(L)}),x.useEffect(()=>{const c={reportId:e,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:"none",firstMonthOfFY:d,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,isClassToBeFilteredOut:V,showClassAccountNumber:s};if(v!=null&&U(b,a)&&U(R,l)&&E!==!0){const i=Be(v,c);I(i),k(l)}else{const i=Te(a,c);M(a),I(i),k(l)}},[a,l,o]);const[j,q]=x.useState(5);return v!=null?t.jsx(Re,{height:j,children:t.jsx(Ne,{backgroundColor:l==="classes"?new ke(H.colors.background):void 0,rootNodes:v,type:"name_only",compareMode:"compare_mode_amount",isSticky:{isStickyHeader:!1,isStickyName:!1},treeNodePadding:{left:X.contentPaddingLeft.value(Y),right:X.contentPaddingRight.value(Y)},scrollPosition:g,onScroll:m,nodeOpenStatus:f,onNodeCollapseToggled:A,onToggleCheck:(c,i)=>{$(!0),B(c),N?.(c,i,l==="account_group"||void 0),F(c,i)},onReportTableHeightChanged:c=>{const i=c+p[6];q(i)}})}):null},U);export{Xe as F,et as d};

package/dist/assets/ReportsPage-CZpFSu1Y-DlpOcAya.js

@@ -0,0 +1,121 @@
+import{u as H,i as Z,a as A,a$ as fe,j as i,bm as M,cz as me,cj as ge,cf as _e,R as T,b as B,bq as be,cA as Se,s as O,A as we,G as v,b3 as ae,cl as Ce,E as ye,bs as xe,av as Oe}from"./index-2CdI-B2B.js";import{a as I,o as ne}from"./core-tlHkQPPu.js";import{n as y}from"./mui-kiGMfX4-.js";import{bh as q,eK as Re,eT as Ae,eU as D,eV as Be,eW as ve,eX as K,eY as X,eZ as Le,e_ as Te,e$ as Pe}from"./zeni-epic-state-Bo1aGezX.js";import{a as U,s as J}from"./analyticsHelper-QM8g-I4_-BsSO6wHs.js";import{d as Ne}from"./ReportTableViewSelector-BeCqfOU9-DQYZGv2r.js";import{H as ie,i as ke}from"./TimeRangeSwitcher-BLZFMJtQ-wzd2C_JZ.js";import{y as Ie}from"./TimeframeSwitcherWithToggle-Cu3G5WXl-BNaAKXj3.js";import{DownloadOverlayButton as Me}from"./DownloadOverlay-CLWNXGnb-DS0DZTJ1.js";import{r as Fe,N as j,a as Q}from"./CollapsableReportTable-B3_in9eE-D8gjZt8q.js";import{i as ee,l as te,a as z,o as $e,n as ce}from"./mapSectionWithAcOnlyToTreeNode-CPOj7SUJ-C7GfKtaE.js";import{a as G}from"./mapTimeframeBalancesToTreeNode-CreSrgeo-D32OjiRY.js";import{a as je,s as Ee}from"./mapTimeframeHeaderLoadingInProgressToTreeNode-CJ8hkVjB-DOWHQg2-.js";import{n as Ve}from"./mapLoadingInProgressToTreeNode-wIyHFu9f-XNeJbueD.js";import"./sentry-Dhk5jNhq.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";import"./Switch-0GHq7mOt-Dq45hGqf.js";import"./TimeframeSwitcher-BsjH-yMO-V_f8h8uY.js";import"./page-detail-L_-1iNMr-DCxtcaOg.js";import"./AccountRow-DbyUdPZG-D3G-oWRQ.js";import"./useFormControl-DPydD0oc-BkCU7DyG.js";function re({section:e,sectionId:s,numOfBalances:u,config:l}){return Q("no_filter",l.filterAccountsWithNilBalances,l.filterAccountGroupsWithNilBalances).compactedAccountGroupsSelector(e.accountGroups).map(t=>function({accountGroup:o,sectionType:b,numOfBalances:S,title:g,isLastNode:c,config:r}){const a=j("section",[],g+b),n={children:[],id:a,isLastNode:c,reportElementData:{element:{kind:"section",title:g,sectionType:b,data:o,numOfBalances:S},config:r}},m=Q("no_filter",r.filterAccountsWithNilBalances,r.filterAccountGroupsWithNilBalances),w=m.compactedAccountsSelectorVariant(o.accounts),d=w.map((_,C)=>ce({account:_,sectionType:b,numOfBalances:S,title:_.account.accountName,config:r,isLastNode:C===w.length-1,parentNodeIDs:[a],ancestorMetadata:{subAccountAncestorMetadata:[{depth:0,hasSibling:w.length>1,hasChildren:_.children.length>0,isLastNode:C===w.length-1}]}}));return n.children.push(...d),n}({accountGroup:t,sectionType:s,numOfBalances:u,title:t.accountGroupName,isLastNode:!0,config:l}))}function le({sectionWithAcOnly:e,sectionType:s,numOfBalances:u,config:l}){return e.accounts.map((t,o)=>ce({account:t,sectionType:s,numOfBalances:u,title:t.account.accountName,config:l,isLastNode:o===e.accounts.length-1,parentNodeIDs:[],ancestorMetadata:{subAccountAncestorMetadata:[{depth:0,hasSibling:e.accounts.length>1,hasChildren:t.children.length>0,isLastNode:o===e.accounts.length-1}]}}))}function de({balances:e,config:s,nodeId:u}){return{children:[],id:u??j("timeframe_header",[]),isLastNode:!1,reportElementData:{element:{kind:s.mode==="actual_vs_forecast"?"timeframe_headers_with_forecast":"timeframe_headers",title:"",data:e,numOfBalances:e.length},config:s}}}const pe=e=>{switch(e.reportId){case"profit_and_loss":{const s=e;return s.sections.expenses.balances.length>0?[...s.sections.expenses.balances,...s.sections.expenses.additionalBalances]:[...s.sections.income.balances,...s.sections.income.additionalBalances]}case"profit_and_loss_by_classes":{const s=e;return s.sections.expenses.balances.length>0?[...s.sections.expenses.balances,...s.sections.expenses.additionalBalances]:[...s.sections.income.balances,...s.sections.income.additionalBalances]}case"cash_flow":{const s=e;return[...s.calculatedSections.operatingActivitiesTotal.balances,...s.calculatedSections.operatingActivitiesTotal.additionalBalances]}case"balance_sheet":{const s=e;let u=[];return Object.keys(s.sections).forEach(l=>{s.sections[l].balances.length>0&&(u=[...s.sections[l].balances,...s.sections[l].additionalBalances])}),u}default:return[]}};function De(e,s,u=!0){const l=A.getLocalizedStrings().reports.sections,t=A.getLocalizedStrings().reports.cashFlow,o=[...e.calculatedSections.operatingActivitiesTotal.balances,...e.calculatedSections.operatingActivitiesTotal.additionalBalances],b=s.mode!=null&&s.mode==="this_period_vs_period_before"&&o.length>1?e.filter.balancesRange.numberOfPeriods+2:e.filter.balancesRange.numberOfPeriods+1,S=de({balances:o,config:s}),g=[];return Object.keys(e.rootSectionsWithSubSectionIds).forEach(c=>{const r={children:[],id:j("title_string_only",[],c),isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:l[c],data:void 0,numOfBalances:0},config:s}};g.push(r),e.rootSectionsWithSubSectionIds[c].forEach(a=>{if(Le(a)===!0)if(e.sections[a].accountGroups.length>0){const n=re({sectionId:a,section:e.sections[a],numOfBalances:b,config:s});g.push(...n)}else{const n=le({sectionWithAcOnly:e.sections[a],sectionType:a,numOfBalances:b,config:s});g.push(...n)}else Te(a)===!0?g.push(function({calculatedSection:n,numOfBalances:m,title:w,isLastNode:d,config:_}){return{children:[],id:j("calculated_section_type1",[],w),isLastNode:d,reportElementData:{element:{kind:"calculated_section_type1",title:w,data:n,numOfBalances:m},config:_}}}({calculatedSection:e.calculatedSections[a],numOfBalances:b,title:t[a],isLastNode:!0,config:s})):Pe(a)===!0&&g.push(z({calculatedSection:e.calculatedSections[a],numOfBalances:b,title:t[a],isLastNode:!0,config:s}))})}),{config:s,headerNodes:u?[S]:[],contentNodes:[S,...g]}}const se={contentPaddingLeft:new T(O[0],O[0],O[0]),contentPaddingRight:new T(O[3],O[3],O[8])},ze=y.div`
+  height: ${e=>e.height}px;
+  width: 99.9%;
+  margin-top: ${B.sp2};
+  background-color: ${e=>e.theme.colors.grey4};
+`,We=(e,s,u=!0,l=!1)=>{switch(e.reportId){case"profit_and_loss":return function(t,o,b=!0){const S=A.getLocalizedStrings().reports,g=t.sections.expenses!=null&&t.sections.expenses.balances.length>0?[...t.sections.expenses.balances,...t.sections.expenses.additionalBalances]:t.sections.income!=null&&t.sections.income.balances.length>0?[...t.sections.income.balances,...t.sections.income.additionalBalances]:t.sections.cogs!=null&&t.sections.cogs.balances.length>0?[...t.sections.cogs.balances,...t.sections.cogs.additionalBalances]:t.sections.otherIncome!=null&&t.sections.otherIncome.balances.length>0?[...t.sections.otherIncome.balances,...t.sections.otherIncome.additionalBalances]:t.sections.otherExpenses!=null&&t.sections.otherExpenses.balances.length>0?[...t.sections.otherExpenses.balances,...t.sections.otherExpenses.additionalBalances]:[],c=o.mode!=null&&o.mode==="this_period_vs_period_before"&&g.length>1?t.filter.balancesRange.numberOfPeriods+2:t.filter.balancesRange.numberOfPeriods+1,r=G({balances:g,config:o}),a=[];return a.push(r),t.idsInOrder.forEach(n=>{if(K(n)===!0&&(t.sections[n].accountGroups.length>0?a.push(ee({section:t.sections[n],sectionType:n,numOfBalances:c,title:S.sections[n],isLastNode:!0,config:o})):a.push(te({sectionWithAcOnly:t.sections[n],sectionType:n,numOfBalances:c,title:S.sections[n],isLastNode:!0,config:o}))),X(n)===!0){const m=t.calculatedSections[n];m!=null&&a.push(z({calculatedSection:m,numOfBalances:c,title:S.sections[n],isLastNode:!0,config:o}))}}),{config:o,headerNodes:b?[r]:[],contentNodes:a}}(e,s,u);case"profit_and_loss_by_classes":return function(t,o,b=!0,S=!1){const g=A.getLocalizedStrings().reports,c=A.getLocalizedStrings().common;let r=[];const a=[];let n=[];if(S===!0){const m=je({title:c.loading,balances:[],config:o});m.reportElementData.element.numOfBalances=6,b&&(n=[m]),a.push(m),[...Array(8)].forEach((w,d)=>{let _=Ee[d%4];const C=Ve({title:`${d}+${_}`,balances:r,config:o});C.reportElementData.element.numOfBalances=6,a.push(C)})}else{const m=t.sections.expenses.balances.length>0?[...t.sections.expenses.balances,...t.sections.expenses.additionalBalances]:t.sections.income.balances.length>0?[...t.sections.income.balances,...t.sections.income.additionalBalances]:t.sections.cogs.balances.length>0?[...t.sections.cogs.balances,...t.sections.cogs.additionalBalances]:t.sections.otherIncome.balances.length>0?[...t.sections.otherIncome.balances,...t.sections.otherIncome.additionalBalances]:t.sections.otherExpenses.balances.length>0?[...t.sections.otherExpenses.balances,...t.sections.otherExpenses.additionalBalances]:[],w=G({balances:m,config:o}),d=o.mode!=null&&o.mode==="this_period_vs_period_before"&&m.length>1?t.filter.balancesRange.numberOfPeriods+2:t.filter.balancesRange.numberOfPeriods+1;a.push(w),b&&(n=[w]),t.idsInOrder.forEach(_=>{if(K(_)===!0){const C=t.sections[_];C!=null&&a.push($e({section:C,sectionType:_,numOfBalances:d,title:g.sections[_],isLastNode:!0,config:o}))}else if(X(_)===!0){const C=t.calculatedSections[_];C!=null&&a.push(z({calculatedSection:C,numOfBalances:d,title:g.sections[_],isLastNode:!0,config:o}))}})}return{config:o,headerNodes:n,contentNodes:a}}(e,s,u,l);case"cash_flow":return De(e,s,u);case"balance_sheet":return function(t,o,b=!0){const S=A.getLocalizedStrings().reports.sections,g=A.getLocalizedStrings().reports.balanceSheet,c=pe(t),r=o.mode!=null&&o.mode==="this_period_vs_period_before"&&c.length>1?t.filter.balancesRange.numberOfPeriods+2:t.filter.balancesRange.numberOfPeriods+1,a=de({balances:c,config:o}),n=[];return n.push(a),Object.keys(t.rootSectionsWithSubSectionIds).forEach(m=>{const w={children:[],id:j("title_string_only",[],m),isLastNode:!0,reportElementData:{element:{kind:"title_string_only",title:S[m],data:void 0,numOfBalances:0},config:o}};n.push(w),t.rootSectionsWithSubSectionIds[m].forEach(d=>{if(Be(d)===!0)if(t.sections[d].accountGroups.length>0)if(d==="equity"){const _=re({sectionId:d,section:t.sections[d],numOfBalances:r,config:o});n.push(..._)}else n.push(ee({section:t.sections[d],sectionType:d,numOfBalances:r,title:g[d],isLastNode:!0,config:o}));else if(d==="equity"){const _=le({sectionWithAcOnly:t.sections[d],sectionType:d,numOfBalances:r,config:o});n.push(..._)}else{const _=t.sections[d];n.push(te({sectionWithAcOnly:_,sectionType:d,numOfBalances:r,title:g[d],isLastNode:!0,config:o}))}else ve(d)===!0&&n.push(z({calculatedSection:t.calculatedSections[d],numOfBalances:r,title:g[d],isLastNode:!0,config:o}))})}),{config:o,headerNodes:b?[a]:[],contentNodes:n}}(e,s,u);default:return}},Ue=e=>{switch(e.reportId){case"profit_and_loss":case"profit_and_loss_by_classes":return v.Event.profitAndLoss;case"cash_flow":return v.Event.cashFlow;case"balance_sheet":return v.Event.balanceSheet;default:return v.Event.reports}},Ge=y.div`
+  display: flex;
+  flex-direction: row;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  justify-content: center;
+  width: 100%;
+  align-items: center;
+`,Ye=y.div`
+  display: flex;
+  position: relative;
+`,He=y(Oe)`
+  padding: 12px;
+  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+  cursor: ${e=>e.isSelected?"default":"pointer"};
+  margin: ${e=>e.spaceAround?`0 ${B.sp4}`:0};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ze=y.div`
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: 1px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  transition: left 0.35s;
+  &.profit_and_loss {
+    width: 106px;
+    left: 0;
+  }
+
+  &.profit_and_loss_by_classes {
+    width: 106px;
+    left: 0;
+  }
+  &.balance_sheet {
+    width: 114px;
+    left: 30%;
+  }
+  &.cash_flow {
+    width: 160px;
+    left: 63%;
+  }
+`;function qe({reportId:e,isSelected:s,onClick:u}){return i.jsx(He,{"data-testid":M("reportSwitcher",e),onClick:()=>{s===!1&&u(e)},isSelected:s,spaceAround:e==="balance_sheet",children:(l=>{switch(l){case"profit_and_loss":case"profit_and_loss_by_classes":case"balance_sheet":case"cash_flow":return A.getLocalizedStrings().reportTitleById[l];default:return console.warn("Unsupported report"),""}})(e)})}function Ke({reportIds:e,selectedReport:s,onReportSelectionChanged:u}){const l=t=>{u?.(t)};return i.jsx(Ge,{"data-testid":M("report-switcher-container"),children:i.jsx(Ye,{"data-testid":M("report-switcher-content"),children:e.map(t=>t!=="profit_and_loss_by_classes"&&i.jsxs("div",{children:[i.jsx(qe,{reportId:t,isSelected:s===t,onClick:l}),i.jsx(Ze,{className:`Slider ${s}`})]},`reportSegment-${t}`))})})}const F={contentContainerLeftRightMargin:new T(O[3],O[3],O[8]),contentRightPadding:new T(O[3],O[3],O[8]),tickSkelectionContainerWidth:new T(343,600,905,1240)},Xe=new T(4,4),Je=new T(4,4),Qe=(e,s)=>e?Je.value(s):Xe.value(s),et=y.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+`,tt=y.div`
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  height: calc(100vh - ${B.sp10});
+  margin: ${e=>`${B.sp2} ${B.sp0} ${B.sp0} ${F.contentContainerLeftRightMargin.valuePx(e.windowSize)}`};
+`,st=y.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ot=y.div`
+  position: absolute;
+  margin-top: ${e=>e.windowSize==="small"?"230px":"195px"};
+  background-color: ${e=>e.theme.colors.grey4};
+`,at=y.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,nt=y.div`
+  height: 96px;
+  width: 96px;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+  & svg {
+    margin: ${B.sp5};
+    color: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    & svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,it=y(be)`
+  margin-top: ${B.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,ue=({style:e,isLoading:s})=>s?i.jsx(st,{style:e,children:i.jsx(we,{size:"ExtraLarge",start:!0})}):null,x=e=>{switch(e.selectedReport){case"cash_flow":return e.cashFlowReport;case"balance_sheet":return e.balanceSheetReport;case"profit_and_loss_by_classes":return e.profitAndLossClassesViewReport;default:return e.profitAndLossReport}},Y=({selectedReport:e,isCompareModeOn:s,windowSize:u})=>{const l=e.availableNumberOfPeriods;let t=Qe(s,u);return l!=null&&(t=Math.min(t,l)),t};function Et(e){const s=H(),u=Z(),{onUpdateAccountViewMode:l,onUpdateClassesToFilterOut:t,onAdditionalBalanceSelectionChanged:o,onTimeframeSelectionChanged:b,isCompareMode:S,selectedReportAndTimeframeFetchState:g,onClickMenuIcon:c}=e,r=(h,p)=>{h!==a?.accountViewMode&&l?.(h),p&&t?.(p)};I.useEffect(()=>{if(e.fetchState==="Completed"){const h=x(e).filter.additionalBalances;e.onUpdateHighlightedNumberOfPeriods?.(h,e.isCompareMode,Y({selectedReport:x(e),isCompareModeOn:e.isCompareMode,windowSize:s}),e.balancesInTimeframe)}},[s,e.fetchState]);const a=function(h){let p=h.selectedCOABalancesRange.thisPeriod;if(p==null){const $=h.displayOrder,N=h.profitAndLossReport.sections.expenses!=null&&h.profitAndLossReport.sections.expenses.balances.length>0?h.profitAndLossReport.sections.expenses:h.profitAndLossReport.sections.income;if(N!=null&&N.balances.length>0){const V=$==="ascending_date"?N.balances.length-1:0;p=N.balances[V]}}const f=x(h).firstMonthOfFY,R=x(h).bookCloseDate,L=x(h).dataAvailable,P=x(h).filter.additionalBalances;return p!=null?{localeId:A.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",includeCoverPage:!0,companyName:h.currentTenantCompanyName,statementFileType:"pdf",statements:h.profitAndLossClassesViewReport.uiState.accountViewMode==="account_group"?["profit_and_loss","balance_sheet","cash_flow"]:["profit_and_loss_by_classes","balance_sheet","cash_flow"],firstMonthOfFY:f,bookCloseDate:R,dataAvailable:L,timeframe:h.selectedTimeframe,additionalBalances:P,format:h.reportFormat,balancesFilter:{thisPeriod:p,numberOfPeriods:h.selectedCOABalancesRange.numberOfPeriods,orderBy:h.displayOrder},accountViewMode:h.profitAndLossClassesViewReport.uiState.accountViewMode,nestedClassHierarchy:h.profitAndLossClassesViewReport?.classHierarchy,classesToFilterOut:h.profitAndLossClassesViewReport.classesToFilterOut,showClassAccountNumber:h.isZeniUser,isZeniCOAUsed:h.isZeniCOAUsed}:void 0}(e),n=A.getLocalizedStrings().reports.common,m=fe(),w=m!=null&&q(m.loggedInUserRole)?"detailed":"more_detailed",d=m!=null&&q(m.loggedInUserRole)?["more_detailed"]:[];e.showAccountGroups===!1&&a?.accountViewMode==="account_group"&&d.push("detailed");const[_,C]=ne.useState(d.includes("more_detailed")?"detailed":"more_detailed"),W={selectedFormat:_,disabledFormatForRole:d,roleBasedClassesSelectedFormat:w,setSelectedFormat:C};if(g.fetchState==="Error"||e.fetchState==="Error")return i.jsxs(at,{"data-testid":M("report-page-error-reload-page"),children:[i.jsx(nt,{"data-testid":M("report-page-error-reload-icon"),onClick:e.onReloadReport,children:i.jsx(me,{})}),i.jsx(it,{children:n.failed})]});const E=e.fetchState;if(g.fetchState==="Completed"||E!=="In-Progress"&&E!=="Not-Started"){const h=i.jsx(ge,{downloadReportOptions:{type:"detailed_menu",downloadMenu:{detailedMenu:a!=null&&e.dataAvailable!=null?i.jsx(Me,{defaultOptions:a,analytics:e.analytics,referrer:k(e.selectedReport),dataAvailable:e.dataAvailable,downloadState:e.downloadState,statementEndPoint:e.statementEndPoint,authParams:e.authParams,currentTenantCompanyName:e.currentTenantCompanyName,classesFetchState:e.profitAndLossClassesViewReport.fetchState,showAccountGroups:e.showAccountGroups,reportFormatProps:W,updateDownloadStateHandler:e.updateDownloadStateHandler,onUpdateDisplayOrder:e.onUpdateDisplayOrder,onUpdateReportFormat:e.onUpdateReportFormat,onClose:()=>null,onOpenAccountViewMode:e.onOpenAccountViewMode,onSaveClickHandler:r,onThisPeriodChanged:e.onThisPeriodChanged,onAdditionalBalanceSelectionChanged:(p,f,R)=>{o(S,p,f,R)},onTimeframeSelectionChanged:(p,f,R)=>{b?.(p,f,R)}}):i.jsx(i.Fragment,{})}}});return i.jsxs(et,{children:[i.jsx(_e,{title:A.getLocalizedStrings().reports.title,backgroundColor:u.colors.grey4,onBackClick:e.onBackClick,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:c,rightSideComponent:h,downloadPresent:!0,source:"ReportsPage",hideSearchBtn:!0}),i.jsx(ct,{...e})]})}return i.jsx(ue,{isLoading:!0})}function ct(e){const s=H(),u=Z(),l=I.useRef(null),{selectedReportAndTimeframeFetchState:t}=e,o=x(e),b=l.current?.clientWidth??F.tickSkelectionContainerWidth.value(s),S=Re([e.reportsResyncFetchState,e.profitAndLossClassesViewReport]).fetchState==="In-Progress"&&e.profitAndLossClassesViewReport.uiState.accountViewMode==="classes",g=t.fetchState==="In-Progress";return i.jsxs(tt,{windowSize:s,"data-testid":M("reports-page-content-container"),children:[i.jsx(pt,{windowSize:s,ref:l,children:i.jsx(Ie,{timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:e.selectedTimeframe,onTimeframeSelectionChanged:c=>{e.analytics?.trackTimeframeSwitch(U(c),k(e.selectedReport)),e.onTimeframeSelectionChanged?.(c,!0)}},toggle:{label:A.getLocalizedStrings().compareSwitchLabel,isOn:e.isCompareMode,onValueChanged:c=>{e.analytics?.trackCompareMode(c,k(e.selectedReport),U(e.selectedTimeframe));const r=x(e).filter;e.onAdditionalBalanceSelectionChanged?.(c,r.additionalBalances,r.balancesRange.numberOfPeriods)}}})}),t.fetchState==="Not-Started"||t.fetchState==="In-Progress"?i.jsx(ht,{windowSize:s,children:i.jsx(ft,{children:i.jsx(Se,{width:b,height:ie-O[2],backgroundColor:u.colors.grey3,style:{borderRadius:B.sp2}})})}):i.jsx(ut,{windowSize:s,children:i.jsx(ke,{firstMonthOfFY:o.firstMonthOfFY,timeframe:e.selectedTimeframe,timeframeTicks:e.allTimeframeTicks,selection:{selectedTicks:oe(e.allTimeframeTicks,e.selectedCOABalancesRange),highlightedOfSelectedTicks:oe(e.allTimeframeTicks,e.selectedCOABalancesRange)},onClick:(c,r)=>{e.analytics?.trackDateRangeFilterChange(k(e.selectedReport),"range filter",e.isCompareMode,J(o.firstMonthOfFY,e.selectedTimeframe,r)),e.onThisPeriodChanged?.(r,Y({selectedReport:x(e),isCompareModeOn:e.isCompareMode,windowSize:s}))},onSelectionChanged:c=>{const r=rt(e.allTimeframeTicks,c.fromEnd);e.analytics?.trackDateRangeFilterChange(k(e.selectedReport),"range filter",e.isCompareMode,J(o.firstMonthOfFY,e.selectedTimeframe,r.thisPeriod)),e.onCOABalancesRangeChanged?.(r)}})}),i.jsx(mt,{windowSize:s,children:i.jsx(Ke,{reportIds:["profit_and_loss","balance_sheet","cash_flow","profit_and_loss_by_classes"],selectedReport:e.selectedReport,onReportSelectionChanged:c=>{e.analytics?.trackPageLoaded(lt(c)),c==="profit_and_loss"&&e.profitAndLossClassesViewReport?.uiState.accountViewMode==="classes"?e.onReportSelectionChanged?.("profit_and_loss_by_classes"):e.onReportSelectionChanged?.(c)}})}),t.fetchState==="Not-Started"||t.fetchState==="In-Progress"?i.jsx(ue,{style:{boxShadow:"none",backgroundColor:"inherit"},isLoading:g}):i.jsxs(i.Fragment,{children:[i.jsx(he,{report:x(e),displayOrder:e.displayOrder,reportFormat:e.reportFormat,analytics:e.analytics,onAdditionalBalanceSelectionChanged:(c,r)=>{e.analytics?.trackCompareFilterChange(c==="this_period_vs_last_period_percent"?"percentage":"amount",k(e.selectedReport),U(e.selectedTimeframe),r);const a=Array.from(new Set(c==="this_period_vs_last_period_percent"?[...x(e).filter.additionalBalances,"this_period_vs_last_period_percent"].filter(n=>n!=="this_period_vs_last_period"):[...x(e).filter.additionalBalances,"this_period_vs_last_period"].filter(n=>n!=="this_period_vs_last_period_percent")));e.onAdditionalBalanceSelectionChanged?.(e.isCompareMode,a,Y({selectedReport:x(e),isCompareModeOn:e.isCompareMode,windowSize:s}))},onAccountBalanceClick:e.onAccountBalanceClick,onElementCollapseStateChanged:e.onElementCollapseStateChanged,onTableScroll:e.onTableScroll,isCompareModeOn:e.isCompareMode,isZeniUser:e.isZeniUser,isPageFetchInProgress:S}),Ae(e.selectedReport)?i.jsx(ot,{windowSize:s,children:i.jsx(Ne,{reportId:e.selectedReport,firstMonthOfFY:e.profitAndLossClassesViewReport.firstMonthOfFY,nodes:e.profitAndLossClassesViewReport?.classHierarchy,classesListFetchState:e.profitAndLossClassesViewReport?.fetchState,selectedView:e.profitAndLossClassesViewReport?.uiState.accountViewMode,showClassAccountNumber:e.isZeniUser,showAccountGroups:e.showAccountGroups,onSaveClick:(c,r)=>{c!==e.profitAndLossClassesViewReport?.uiState.accountViewMode&&e.onUpdateAccountViewMode?.(c),r&&e.onUpdateClassesToFilterOut?.(r)},classesToBeFilteredOut:e.profitAndLossClassesViewReport?.classesToFilterOut,onOpenAccountViewMode:e.onOpenAccountViewMode,onResyncReports:e.onResyncReports,isPageFetchInProgress:S,lastRefreshSuccessTime:e.profitAndLossClassesViewReport?.status?.lastRefreshSuccessTime})}):null]})]})}const oe=(e,s)=>{if(s.orderBy!=="ascending_date")throw new Error("Invalid ordering of dates!!");let u=e.length-1;return s.thisPeriod!=null&&(u=e.findIndex(l=>l.startDate.isSame(s.thisPeriod.startDate,"date")&&l.endDate.isSameOrBefore(s.thisPeriod.endDate))),{startIndex:Math.max(u+1-s.numberOfPeriods,0),length:s.numberOfPeriods}},rt=(e,s)=>({thisPeriod:e[e.length-1-s.offsetFromEnd],numberOfPeriods:s.length,orderBy:"ascending_date"}),k=e=>{switch(e){case"profit_and_loss":case"profit_and_loss_by_classes":return"Profit & Loss";case"balance_sheet":return"Balance Sheet";case"cash_flow":return"Cash Flow";default:return"Reports"}},lt=e=>{switch(e){case"profit_and_loss":case"profit_and_loss_by_classes":return v.Event.profitAndLoss;case"cash_flow":return v.Event.cashFlow;case"balance_sheet":return v.Event.balanceSheet;default:return v.Event.reports}},he=ne.memo(function({report:e,displayOrder:s,reportFormat:u,analytics:l,isZeniUser:t,onAdditionalBalanceSelectionChanged:o,onAccountBalanceClick:b,onTableScroll:S,onElementCollapseStateChanged:g,isCompareModeOn:c,isPageFetchInProgress:r=!1}){const a=H(),n=Z(),[m,w]=I.useState(void 0),[d,_]=I.useState(void 0),C=a!=="small"&&a!=="medium-compact",W=c===!0?"this_period_vs_period_before":"none";I.useEffect(()=>{const p={reportId:e.reportId,bookCloseDate:e.bookCloseDate,mode:W,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",displayOrder:s,reportFormat:u,dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:Ce(),showClassAccountNumber:t};if(m!=null&&ae(d,e)&&r!==!0){const f=function(R,L,P,$=!0){Object.assign(R.config,L);const N=pe(P),V=G({balances:N,config:L});return{config:L,headerNodes:$?[V]:[],contentNodes:[V,...R.contentNodes.slice(1)]}}(m,p,e,C);w(f)}else{const f=We(e,p,C,r);_(e),w(f)}},[c,e,r]);const[E,h]=I.useState(5);return m!=null?i.jsxs(i.Fragment,{children:[i.jsx(ye,{analytics:l,onLoad:p=>p?.trackPageLoaded(Ue(e))}),i.jsx(ze,{height:E,children:i.jsx(Fe,{backgroundColor:new xe(n.colors.grey4),rootNodes:m,type:"name+balances_actual",compareMode:(()=>{let p=[];switch(e.reportId){case"profit_and_loss":{const f=e;p=(f.sections.expenses.balances.length>0?f.sections.expenses:f.sections.income).additionalBalances.map(R=>D(R));break}case"profit_and_loss_by_classes":{const f=e,R=(f.sections.expenses?.balances?.length??0)>0?f.sections.expenses:null,L=(f.sections.income?.balances?.length??0)>0?f.sections.income:null,P=R??L;P?.additionalBalances!=null&&(p=P.additionalBalances.map($=>D($)));break}case"cash_flow":p=e.calculatedSections.investingActivitiesTotal.additionalBalances.map(f=>D(f));break;case"balance_sheet":p=e.sections.equity.additionalBalances.map(f=>D(f));break}return p.length>0&&p.find(f=>f.balanceType==="this_period_vs_last_period")?"compare_mode_amount":"compare_mode_percent"})(),isSticky:{isStickyHeader:C,isStickyName:C},treeNodePadding:{left:se.contentPaddingLeft.value(a),right:se.contentPaddingRight.value(a)},onAccountClick:b==null?void 0:(p,f)=>{b(p,f)},nodeOpenStatus:e.uiState.nodeCollapseState,scrollPosition:e.uiState.scrollPosition,onCompareModeChanged:p=>o?.(p==="compare_mode_amount"?"this_period_vs_last_period":"this_period_vs_last_period_percent","dropdown"),onNodeCollapseToggled:(p,f)=>g?.(e.reportId,p,f),onReportTableHeightChanged:p=>{h(p+135)},onScroll:p=>S?.(e.reportId,p)})})]}):null},(e,s)=>dt(e,s,["report","analytics","isCompareModeOn","isZeniUser","isPageFetchInProgress"]));he.displayName="Reports table";const dt=(e,s,u)=>u.reduce((l,t)=>l===!0&&ae(e[`${t}`],s[`${t}`]),!0),pt=y.div`
+  padding-right: ${e=>F.contentRightPadding.valuePx(e.windowSize)};
+`,ut=y.div`
+  margin-top: ${B.sp3};
+  padding-right: ${e=>F.contentRightPadding.valuePx(e.windowSize)};
+`,ht=y.div`
+  margin-top: ${B.sp3};
+  padding-right: ${e=>F.contentRightPadding.valuePx(e.windowSize)};
+`,ft=y.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  min-height: ${ie}px;
+  box-sizing: content-box;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+`,mt=y.div`
+  margin-top: ${B.sp4};
+  padding-right: ${e=>F.contentRightPadding.valuePx(e.windowSize)};
+`;export{Et as default};