@zeniai/web-cockpit-ui 1.14.19-dev → 1.14.19-dev-betaSK01

package/dist/assets/{ReimbursementPromoPage-CmO1DP-8-DpBTbSy4.js → ReimbursementPromoPage-CJSuqONm-DlocTKyV.js}

@@ -1,29 +1,29 @@
-import{Y as me,u as z,e as v,a2 as de,l as D,M as N,j as e,_ as c,aW as pe,k as g,g as m,o as r,s as xe,c4 as he,a6 as q,B as ue,C as ge,c as j,c6 as we,a7 as je,ap as be,q as fe}from"./index-CyJdCOlu.js";import{b as f,n as t,k as $e}from"./vendor-CnQcJ2Lu.js";import{x as ke}from"./MeetingCalenderPopup-C-Ca0puH-BuYhTZNY.js";import{f as ye,C as V}from"./play-icon-BZYr9mDs-DofqQFSd.js";import{M as C}from"./usp-line-BBd1wKwW-CgKq8-Xn.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const Y="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",G="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",Se={midContainerMarginBottom:new ge(fe[5],44)},ze=t.div`
+import{z as me,u as z,K as v,a2 as de,l as D,F as G,j as e,Z as c,aW as pe,r as g,Y as m,o as s,p as xe,b$ as he,a6 as N,O as ue,x as ge,h as j,c1 as we,a7 as je,ap as be,n as fe}from"./index-D9zAXs3-.js";import{b as f,n as t,k as $e}from"./vendor-Bs1fkIUX.js";import{x as ke}from"./MeetingCalenderPopup-LNaVbSrR-TEQEw5Mb.js";import{f as ye,C as K}from"./play-icon-KtJH-UgF-Bm3lFkFZ.js";import{M as C}from"./usp-line-BBd1wKwW-ZlUrfnG1.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";const O="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",V="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",Se={midContainerMarginBottom:new ge(fe[5],44)},ze=t.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
   flex-direction: column;
   background-color: ${i=>i.theme.colors.grey4};
 `,ve=t.div`
-  padding: ${i=>i.windowSize==="small"?`${r.sp0} ${r.sp3}`:`${r.sp0} ${r.sp8}`};
+  padding: ${i=>i.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
   text-align: center;
 `,Ce=t(he)`
   max-width: 648px;
   margin: auto;
-  padding: ${r.sp7} ${r.sp0};
+  padding: ${s.sp7} ${s.sp0};
   color: ${i=>i.theme.colors.primary};
 `,Te=t(xe)`
   max-width: 600px;
   margin: auto;
-  padding: ${r.sp5} ${r.sp0};
+  padding: ${s.sp5} ${s.sp0};
   color: ${i=>i.theme.colors.primary};
-`,J=t.div`
+`,Y=t.div`
   display: flex;
   flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
   align-items: center;
   justify-content: center;
   margin-bottom: ${i=>Se.midContainerMarginBottom.valuePx(i.windowSize)};
-`,Pe=t.div``,E=t.div`
+`,Pe=t.div``,F=t.div`
   display: flex;
   flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
   align-items: center;
@@ -48,9 +48,9 @@ import{Y as me,u as z,e as v,a2 as de,l as D,M as N,j as e,_ as c,aW as pe,k as
  100% {
    transform: scale(100%)
  }
-`,X=t.div`
-  width: ${r.sp9};
-  height: ${r.sp9};
+`,q=t.div`
+  width: ${s.sp9};
+  height: ${s.sp9};
   background: ${i=>i.theme.colors.playButtonBackGroundColor};
   display: flex;
   align-items: center;
@@ -68,20 +68,20 @@ import{Y as me,u as z,e as v,a2 as de,l as D,M as N,j as e,_ as c,aW as pe,k as
   align-content: center;
   justify-content: center;
   align-items: center;
-`,K=t.div`
-  margin-left: ${i=>i.windowSize==="small"?r.sp0:r.sp6};
-  margin-bottom: ${i=>i.windowSize==="small"?r.sp4:r.sp0};
+`,J=t.div`
+  margin-left: ${i=>i.windowSize==="small"?s.sp0:s.sp6};
+  margin-bottom: ${i=>i.windowSize==="small"?s.sp4:s.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-radius: ${s.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}`};
+  padding: ${i=>i.windowSize==="small"?`${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}`:`${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
   background: ${i=>i.theme.colors.grey5};
   position: relative;
-  margin-bottom: ${r.sp3};
+  margin-bottom: ${s.sp3};
   display: flex;
   align-items: center;
   text-align: start;
@@ -90,23 +90,23 @@ import{Y as me,u as z,e as v,a2 as de,l as D,M as N,j as e,_ as c,aW as pe,k as
   color: ${i=>i.theme.colors.champion};
 `,k=t(je)`
   color: ${i=>i.theme.colors.champion};
-`,y=t(q)`
+`,y=t(N)`
   color: ${i=>i.theme.colors.champion};
 `,S=t(we)`
   color: ${i=>i.theme.colors.champion};
 `,p=t.div``,x=t.div`
-  padding-left: ${r.sp3};
-`,F=t(q)`
-  margin: ${i=>i.windowSize==="small"?r.sp1:`auto ${r.sp5}`};
+  padding-left: ${s.sp3};
+`,Z=t(N)`
+  margin: ${i=>i.windowSize==="small"?s.sp1:`auto ${s.sp5}`};
   color: ${i=>i.theme.colors.grey1};
-`,O=t(C)`
-  color: ${j.graphColor16Dark};
 `,Q=t(C)`
+  color: ${j.graphColor16Dark};
+`,X=t(C)`
   color: ${j.graphColor09Dark};
 `,_=t(C)`
   color: ${j.success};
-`,Z=t(ue)`
-  margin: ${r.sp3} auto;
+`,E=t(ue)`
+  margin: ${s.sp3} auto;
   max-width: 772px;
   color: ${i=>i.theme.colors.hero};
-`,s=N.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=N.getLocalizedStrings().commonSetUp.businessVerification.terms,Be=({onImageClick:i})=>{const h=z(),o=v();return e.jsxs(J,{windowSize:o,children:[e.jsxs(H,{windowSize:o,children:[e.jsx(X,{onClick:i,children:e.jsx(V,{})}),e.jsx(K,{windowSize:o,children:h.mode==="dark"?e.jsx(w,{src:G,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(w,{src:Y,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})]}),e.jsxs(W,{windowSize:o,children:[e.jsxs(d,{windowSize:o,children:[e.jsx(p,{children:e.jsx(O,{})}),e.jsxs(x,{children:[e.jsx(S,{children:s.simplestText.bold}),e.jsx(y,{children:s.simplestText.regular})]})]}),e.jsxs(d,{windowSize:o,children:[e.jsx(p,{children:e.jsx(Q,{})}),e.jsxs(x,{children:[e.jsx(S,{children:s.aiPoweredText.bold}),e.jsx(y,{children:s.aiPoweredText.regular})]})]}),e.jsxs(d,{windowSize:o,children:[e.jsx(p,{children:e.jsx(_,{})}),e.jsxs(x,{children:[e.jsx(S,{children:s.multiLevelApprovalText.bold}),e.jsx(y,{children:s.multiLevelApprovalText.regular})]})]})]})]})},Ie=({onImageClick:i})=>{const h=z(),o=v();return e.jsxs(J,{windowSize:o,children:[e.jsxs(W,{windowSize:o,children:[e.jsxs(d,{windowSize:o,style:{width:"376px"},children:[e.jsx(p,{children:e.jsx(O,{})}),e.jsxs(x,{children:[e.jsx(k,{children:s.simplestText.bold}),e.jsx($,{children:s.simplestText.regular})]})]}),e.jsxs(d,{windowSize:o,style:{width:"376px"},children:[e.jsx(p,{children:e.jsx(Q,{})}),e.jsxs(x,{children:[e.jsx(k,{children:s.aiPoweredText.bold}),e.jsx($,{children:s.aiPoweredText.regular})]})]}),e.jsxs(d,{windowSize:o,style:{width:"376px"},children:[e.jsx(p,{children:e.jsx(_,{})}),e.jsxs(x,{children:[e.jsx(k,{children:s.multiLevelApprovalText.bold}),e.jsx($,{children:s.multiLevelApprovalText.regular})]})]})]}),e.jsxs(H,{windowSize:o,children:[e.jsx(X,{onClick:i,children:e.jsx(V,{})}),e.jsx(K,{windowSize:o,children:h.mode==="dark"?e.jsx(w,{src:G,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(w,{src:Y,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})]})]})},Ge=({reimbursementSetupView:i,userReimbursementInfo:h,meetingUrl:o,videoUrl:ee,analytics:a,onSetupButtonClick:ie,onCreateNewRemiButtonClick:se,onBackClick:re,onSetupReimbursementSuccess:T,onClickMenuIcon:te})=>{const P=me(),[oe,R]=f.useState(!1),[ne,B]=f.useState(!1),le=z(),l=v(),{remiTermsDetails:u}=i,I=de(u?.fetchStatus.fetchState),ae=D.hasReimbursementAdminLevelAccess(P.loggedInUserRoleMap),b=D.hasReimbursementAccess(P.loggedInUserRoleMap)&&!ae,ce=!!h?.isReimbursementTOSAccepted,U=!!i.companyRemiInfo?.isReimbursementEnabled,A=b?U?s.employeeAcceptPromoText:s.employeePendingPromoText:s.promoText;f.useEffect(()=>{I==="In-Progress"&&u?.fetchStatus.fetchState==="Completed"&&T?.()},[I,T,u?.fetchStatus]);const L=()=>{a?.trackReimbursementPromoVideo(),R(!0)},M=()=>{a?.trackReimbursementPromoScheduleDemo(),B(!0)};return e.jsxs(ze,{children:[oe===!0?e.jsx(ye,{onCancelClick:()=>{R(!1)},videoUrl:ee,"data-testid":c("remi-promo-page-video-popup")}):null,ne===!0?e.jsx(ke,{onCancelClick:()=>{B(!1)},meetingUrl:o,"data-testid":c("remi-promo-page-meeting-popup")}):null,e.jsx(pe,{title:s.title,backgroundColor:le.colors.grey4,onBackClick:re,showBackButton:!b,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:te,source:"ReimbursementPromoPage"}),e.jsxs(ve,{windowSize:l,children:[l==="small"?e.jsx(Te,{children:A}):e.jsx(Ce,{children:A}),l==="small"?e.jsx(Be,{onImageClick:L}):e.jsx(Ie,{onImageClick:L}),e.jsx(Pe,{children:b?e.jsx(e.Fragment,{children:U&&!ce?e.jsxs(e.Fragment,{children:[e.jsxs(E,{windowSize:l,children:[e.jsx(g,{variant:"secondary",label:s.scheduleDemoButton,onClick:M,"data-testid":c("reimbursement-promo-page-schedule-demo-button")}),e.jsx(F,{windowSize:l,children:s.orText}),e.jsx(g,{variant:"primary",label:s.createNewReimbursementButton,loading:u?.fetchStatus.fetchState==="In-Progress",onClick:se,"data-testid":c("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(Z,{children:[s.terms.createTerms1,e.jsx(m,{href:s.terms.tosUrl,linkText:s.terms.zeniAgreement,onZeniLinkClick:()=>(a?.trackReimbursementAgreement(),!0)}),s.terms.terms2,e.jsx(m,{href:s.terms.privacyPolicyUrl,linkText:s.terms.privacyPolicy,onZeniLinkClick:()=>(a?.trackReimbursementPrivacyPolicy(),!0)}),s.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(E,{windowSize:l,children:[e.jsx(g,{variant:"secondary",label:s.scheduleDemoButton,onClick:M,style:{width:216},"data-testid":c("reimbursement-promo-page-schedule-demo-button")}),e.jsx(F,{windowSize:l,children:s.orText}),e.jsx(g,{variant:"primary",label:s.setupReimbursementButton,loading:u?.fetchStatus.fetchState==="In-Progress",onClick:ie,style:{width:216},"data-testid":c("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(Z,{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:()=>(a?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(m,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(a?.trackReimbursementAgreement(),!0)}),n.term5,s.terms.terms3]})]})})]})]})};export{Ge as default};
+`,r=G.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=G.getLocalizedStrings().commonSetUp.businessVerification.terms,Be=({onImageClick:i})=>{const h=z(),o=v();return e.jsxs(Y,{windowSize:o,children:[e.jsxs(H,{windowSize:o,children:[e.jsx(q,{onClick:i,children:e.jsx(K,{})}),e.jsx(J,{windowSize:o,children:h.mode==="dark"?e.jsx(w,{src:V,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(w,{src:O,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})]}),e.jsxs(W,{windowSize:o,children:[e.jsxs(d,{windowSize:o,children:[e.jsx(p,{children:e.jsx(Q,{})}),e.jsxs(x,{children:[e.jsx(S,{children:r.simplestText.bold}),e.jsx(y,{children:r.simplestText.regular})]})]}),e.jsxs(d,{windowSize:o,children:[e.jsx(p,{children:e.jsx(X,{})}),e.jsxs(x,{children:[e.jsx(S,{children:r.aiPoweredText.bold}),e.jsx(y,{children:r.aiPoweredText.regular})]})]}),e.jsxs(d,{windowSize:o,children:[e.jsx(p,{children:e.jsx(_,{})}),e.jsxs(x,{children:[e.jsx(S,{children:r.multiLevelApprovalText.bold}),e.jsx(y,{children:r.multiLevelApprovalText.regular})]})]})]})]})},Ie=({onImageClick:i})=>{const h=z(),o=v();return e.jsxs(Y,{windowSize:o,children:[e.jsxs(W,{windowSize:o,children:[e.jsxs(d,{windowSize:o,style:{width:"376px"},children:[e.jsx(p,{children:e.jsx(Q,{})}),e.jsxs(x,{children:[e.jsx(k,{children:r.simplestText.bold}),e.jsx($,{children:r.simplestText.regular})]})]}),e.jsxs(d,{windowSize:o,style:{width:"376px"},children:[e.jsx(p,{children:e.jsx(X,{})}),e.jsxs(x,{children:[e.jsx(k,{children:r.aiPoweredText.bold}),e.jsx($,{children:r.aiPoweredText.regular})]})]}),e.jsxs(d,{windowSize:o,style:{width:"376px"},children:[e.jsx(p,{children:e.jsx(_,{})}),e.jsxs(x,{children:[e.jsx(k,{children:r.multiLevelApprovalText.bold}),e.jsx($,{children:r.multiLevelApprovalText.regular})]})]})]}),e.jsxs(H,{windowSize:o,children:[e.jsx(q,{onClick:i,children:e.jsx(K,{})}),e.jsx(J,{windowSize:o,children:h.mode==="dark"?e.jsx(w,{src:V,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(w,{src:O,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})]})]})},Ve=({reimbursementSetupView:i,userReimbursementInfo:h,meetingUrl:o,videoUrl:ee,analytics:a,onSetupButtonClick:ie,onCreateNewRemiButtonClick:re,onBackClick:se,onSetupReimbursementSuccess:T,onClickMenuIcon:te})=>{const P=me(),[oe,R]=f.useState(!1),[ne,B]=f.useState(!1),le=z(),l=v(),{remiTermsDetails:u}=i,I=de(u?.fetchStatus.fetchState),ae=D.hasReimbursementAdminLevelAccess(P.loggedInUserRoleMap),b=D.hasReimbursementAccess(P.loggedInUserRoleMap)&&!ae,ce=!!h?.isReimbursementTOSAccepted,U=!!i.companyRemiInfo?.isReimbursementEnabled,A=b?U?r.employeeAcceptPromoText:r.employeePendingPromoText:r.promoText;f.useEffect(()=>{I==="In-Progress"&&u?.fetchStatus.fetchState==="Completed"&&T?.()},[I,T,u?.fetchStatus]);const L=()=>{a?.trackReimbursementPromoVideo(),R(!0)},M=()=>{a?.trackReimbursementPromoScheduleDemo(),B(!0)};return e.jsxs(ze,{children:[oe===!0?e.jsx(ye,{onCancelClick:()=>{R(!1)},videoUrl:ee,"data-testid":c("remi-promo-page-video-popup")}):null,ne===!0?e.jsx(ke,{onCancelClick:()=>{B(!1)},meetingUrl:o,"data-testid":c("remi-promo-page-meeting-popup")}):null,e.jsx(pe,{title:r.title,backgroundColor:le.colors.grey4,onBackClick:se,showBackButton:!b,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:te,source:"ReimbursementPromoPage"}),e.jsxs(ve,{windowSize:l,children:[l==="small"?e.jsx(Te,{children:A}):e.jsx(Ce,{children:A}),l==="small"?e.jsx(Be,{onImageClick:L}):e.jsx(Ie,{onImageClick:L}),e.jsx(Pe,{children:b?e.jsx(e.Fragment,{children:U&&!ce?e.jsxs(e.Fragment,{children:[e.jsxs(F,{windowSize:l,children:[e.jsx(g,{variant:"secondary",label:r.scheduleDemoButton,onClick:M,"data-testid":c("reimbursement-promo-page-schedule-demo-button")}),e.jsx(Z,{windowSize:l,children:r.orText}),e.jsx(g,{variant:"primary",label:r.createNewReimbursementButton,loading:u?.fetchStatus.fetchState==="In-Progress",onClick:re,"data-testid":c("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(E,{children:[r.terms.createTerms1,e.jsx(m,{href:r.terms.tosUrl,linkText:r.terms.zeniAgreement,onZeniLinkClick:()=>(a?.trackReimbursementAgreement(),!0)}),r.terms.terms2,e.jsx(m,{href:r.terms.privacyPolicyUrl,linkText:r.terms.privacyPolicy,onZeniLinkClick:()=>(a?.trackReimbursementPrivacyPolicy(),!0)}),r.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(F,{windowSize:l,children:[e.jsx(g,{variant:"secondary",label:r.scheduleDemoButton,onClick:M,style:{width:216},"data-testid":c("reimbursement-promo-page-schedule-demo-button")}),e.jsx(Z,{windowSize:l,children:r.orText}),e.jsx(g,{variant:"primary",label:r.setupReimbursementButton,loading:u?.fetchStatus.fetchState==="In-Progress",onClick:ie,style:{width:216},"data-testid":c("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(E,{children:[r.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:()=>(a?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(m,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(a?.trackReimbursementAgreement(),!0)}),n.term5,r.terms.terms3]})]})})]})]})};export{Ve as default};

package/dist/assets/ReimbursementSetUpPage-5OtsfDPV-DQz8dNtG.js

@@ -0,0 +1,140 @@
+import{u as Ee,K as Ve,a2 as N,a as Ge,c2 as qe,F as Te,l as Je,a8 as be,j as t,cs as Ke,h as J,x as r,aW as Ze,i as Ye,c as Xe,du as Qe,aS as et,dk as tt,a4 as it,o as a,n,bK as nt,cd as ot,cj as at,f4 as ve,fG as ke,eJ as lt,r as rt,Z as $e,V as Pe,bd as st,$ as ct,aP as dt}from"./index-D9zAXs3-.js";import{b as o,n as i}from"./vendor-Bs1fkIUX.js";import{D as ut}from"./HelpButton-Dw0OujKs-8AApGgt1.js";import{K as je}from"./SetUpDefaultSection-BWt_kYKx-Dc8telSj.js";import{f as mt}from"./SpendMgmtSetupAccountSection-h6duObCp-PJLwXWd-.js";import{g as pt}from"./UploadAdditionalDocumentOverlay-Bxc2MMx0-Cpl1vzGP.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./MeetingCalenderPopup-LNaVbSrR-TEQEw5Mb.js";import"./Loader-Cqmoylhp-CKPikayq.js";import"./ChargeCardUtils-DYpmF85C-qBaPG14m.js";import"./CreditCardPaymentPlgSection-BgJ074tY-CfzZdzTd.js";import"./ChaseOverlay-YVpKSII6-BIyjTgCz.js";const gt=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"})),h={sectionWidth:new r(343,580,726),iconContainerMaxWidthHeight:new r(n[6],n[7]),iconContainerMarginRight:new r(12,n[3]),infoLabelPaddingLeft:new r(n[0],n[3]),iconPadding:new r(10,12),iconWidthHeight:new r(20,n[4]),rowGap:new r(n[2],n[3]),containerPadding:new r(n[3],n[4])},ge={title:new Pe("standardSemiBold","largeSemiBold"),infoLabel:new Pe("extraSmallRegular","smallRegular")};function ht({companyMileageConfigInfo:e,mileageDetails:y,analytics:j,style:A,sectionId:$,isActive:d=!0,isDisabled:s,onSaveMileageClick:K}){const l=Ve(),D=Ee(),{formState:{errors:Z},trigger:Y}=ot(),E=ft($,"mileageAmountInDenomination"),f=at(Z,E),{localData:c,updateStatus:F,mileageStatus:S}=y,U=e?.denominationConversions.amount==null||e.denominationConversions.amount!==c?.mileageAmountInDenomination,{commonSetUp:X,spendManagement:Q}=Te.getLocalizedStrings(),{reimbursement:ee}=Q,[C,V]=o.useState(U),[te,W]=o.useState(!1);o.useEffect(()=>{f||Y(E)},[]),o.useEffect(()=>{e?.denominationConversions.amount!=null&&e.denominationConversions.amount===c?.mileageAmountInDenomination&&V(!1)},[e?.denominationConversions.amount]),o.useEffect(()=>{C||W(C)},[C]);const{reimbursementSetup:x}=ee,{setUp:ie}=X,ne=C===!1||F.fetchState==="In-Progress"?"readonly":s,oe=c&&c?.denominationSymbol?`${c?.denominationSymbol} `:"",ae=c&&c?.mileageUnit?c?.mileageUnit:"";return t.jsxs(xt,{windowSize:l,style:A,isActive:d&&s==null,children:[t.jsxs(Pt,{windowSize:l,children:[x.mileageHeader,d===!1?t.jsx(Dt,{children:ie.comingSoon}):null]}),t.jsxs(kt,{windowSize:l,children:[t.jsx(vt,{windowSize:l,isDarkMode:D.mode==="dark",children:t.jsx(gt,{width:h.iconWidthHeight.valuePx(l),height:h.iconWidthHeight.valuePx(l)})}),t.jsxs(wt,{children:[t.jsxs($t,{children:[t.jsxs(jt,{children:[t.jsxs(At,{children:[t.jsx(St,{windowSize:l,children:e?.denominationConversions.amount==null?x.mileageAddTitle:x.mileageEditTitle}),t.jsx(Ct,{children:x.mileageSubTitle})]}),S!=null&&e?.denominationConversions.amount!=null&&l==="small"?t.jsx(ve,{style:{width:"max-content",padding:a.sp0,marginTop:a.sp2},tagTitle:S.name,textColor:ke(S.code)}):null]}),t.jsxs(yt,{children:[S!=null&&e?.denominationConversions.amount!=null&&l!=="small"?t.jsx(ve,{style:{width:"max-content"},tagTitle:S.name,textColor:ke(S.code)}):null,t.jsx(bt,{})]})]}),t.jsxs(Et,{children:[t.jsxs(Vt,{children:[t.jsx(lt,{style:{height:a.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:a.sp10,backgroundColor:f?void 0:D.colors.background,color:C||f?void 0:D.colors.grey1},isFieldError:f,type:"number",autoFocus:!1,focus:te,name:E,defaultValue:c?.mileageAmountInDenomination,returnValueType:"floatValue",allowEmptyFormatting:!0,prefix:oe,suffix:`  ${x.perText} ${ae}`,decimalScale:1,allowNegative:!1,isNumericString:!1,registerOptions:{min:1,validate:T=>T!=null||s!=null,required:s==null},isDisabled:ne}),t.jsx(Lt,{children:C?t.jsx(rt,{label:x.save,"data-testid":$e("save-mileage"),onClick:()=>{c?.mileageAmountInDenomination!=null&&U&&!f&&K?.(c.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:s!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:F.fetchState==="In-Progress"}):t.jsx(zt,{isDisabled:s,"data-testid":$e("edit-mileage"),onClick:T=>{T.stopPropagation(),V(!0),W(!0),j.trackReimbursementMileageRateEdit()}})})]}),c?.description!=null?t.jsx(Tt,{size:l,hasError:f,children:f&&e?.defaultMileageUnitAmount!=null?x.yourMileage.replace("__defaultMileageUnitAmount__",(e.defaultMileageUnitAmount*100).toString()):c.description}):null]})]})]})]})}const ft=(e,y)=>`${e}.${y}`,xt=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=>h.rowGap.valuePx(e.windowSize)};
+`,wt=i.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  justify-content: flex-start;
+`,yt=i.div`
+  display: flex;
+`,St=i.div`
+  ${e=>`${ge.title.style(e.windowSize)}`};
+  color: ${e=>e.isError===!0?J.important:e.theme.colors.primary};
+`,Ct=i(ct)`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: ${e=>e.theme.colors.hero};
+`,bt=i.div`
+  display: flex;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  margin-left: ${a.sp4};
+`,vt=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: ${e=>h.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?J.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
+  max-width: ${e=>h.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>h.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${e=>h.iconContainerMarginRight.valuePx(e.windowSize)};
+`,kt=i.div`
+  display: flex;
+  flex-direction: row;
+  padding: ${e=>h.containerPadding.valuePx(e.windowSize)};
+  width: ${e=>h.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};
+  }
+`,$t=i.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
+`,Pt=i.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${ge.title.style(e.windowSize)}`};
+`,jt=i.div`
+  display: flex;
+  flex-direction: column;
+`,At=i.div``,Dt=i(st)`
+  color: ${e=>e.theme.colors.comingSoon};
+  margin-left: ${a.sp3};
+`,Et=i.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  justify-content: flex-start;
+  margin-top: ${a.sp3};
+`,Vt=i.div`
+  display: flex;
+  height: ${a.sp6};
+  width: 100%;
+  position: relative;
+`,Tt=i.label`
+  display: flex;
+  padding-left: ${e=>h.infoLabelPaddingLeft.valuePx(e.size)};
+  color: ${e=>e.hasError===!0?J.important:e.additionalInfoTextColor??e.theme.colors.hero};
+  ${e=>`${ge.infoLabel.style(e.size)}`};
+  margin-top: ${a.sp1};
+`,Lt=i.div`
+  display: flex;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: ${a.sp3};
+`,zt=i(dt)`
+  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};
+  }
+`,p={titleWidth:new r(343,580,726,826),setupDetailsRowGap:new r(12,n[5],n[5]),sectionRowGap:new r(n[5],n[9],n[9]),lastSectionPaddingBottom:new r(n[7],n[10],n[10]),iconWidthHeight:new r(20,n[4]),subTitlePaddingTop:new r(12,n[3]),subTitlePaddingBottom:new r(n[3],n[3]),overlayWidth:new r(100,100,59)},Ae="remiSetupPage",G="remiAccount",q="remiMileage",oi=({remiSetupView:e,isDisabled:y,remiApprovalView:j,connectedAccountProvider:A,isAccountsEnabled:$,filesEndPoint:d,authParams:s,meetingUrl:K,analytics:l,accountsPromoConfig:D,onBackClick:Z,onBusinessVerificationSectionClick:Y,onSetupApprovalRulesSectionClick:E,onFetchLinkTokenClick:f,onEstablishConnectionClick:c,onEstablishConnectionSuccess:F,updateMileageDetails:S,onUpdateAccountClick:U,onUpdatePrimaryFundingAccount:X,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:ee,onEnableRemiClick:C,onEnableRemiSuccess:V,onSaveMileageClick:te,onClickMenuIcon:W,onEditFileName:x,onDeleteFile:ie,updateFilesEntity:ne,onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae,onSignUpClick:T})=>{const H=Ee(),u=Ve(),[B,L]=o.useState(!1),{fetchState:v,primaryFundingAccount:b,allFundingAccounts:he,updateStatus:z,accountUpdateStatus:Le,plaidConnectionDetails:le,allBankAccounts:ze,companyRemiInfo:Ie,companyBillPayInfo:fe,mileageRateConfig:Me,isRefreshingViewInBackground:Re,selectedCompanyOfficer:g}=e,{fetchState:xe,allApprovalRules:O,approvalRulesStatus:Fe}=j,re=le.link_account.updateStatus,se=le.update_account.updateStatus,_=N(v),we=N(z.fetchState),ye=N(re.fetchState),Se=N(se.fetchState),I=Ge({mode:"all",reValidateMode:"onChange",defaultValues:o.useMemo(()=>pe(e),[e]),values:pe(e)});o.useEffect(()=>{!B&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"&&L(!0),B&&_==="In-Progress"&&v==="Completed"&&L(!1)},[g,v,_]),o.useEffect(()=>{(_==="In-Progress"&&v==="Completed"||ye==="In-Progress"&&re.fetchState==="Completed"||Se==="In-Progress"&&se.fetchState==="Completed")&&I.reset(pe(e))},[_,v,I,e,ye,re.fetchState,Se,se.fetchState]);const Ue=I.handleSubmit(P=>{l.trackEnableReimbursement(),C()}),We=async(P,R)=>{const m=R[G];if(P.includes(G)){if(P.includes("fundingAccount")){if(m.fundingAccount.selectedOption!=null&&b?.id!=m.fundingAccount.selectedOption){const w=he.find(me=>me.id===m.fundingAccount.selectedOption);w!=null&&X(m.fundingAccount.selectedOption,w.accType)}}else if(m.account.selectedOption!=null&&b?.id!=null&&b?.zeniAccountId!=m.account.selectedOption){const w=m.account.allOptions.find(me=>me.value===m.account.selectedOption);w!=null&&typeof w.label=="string"&&l.trackConnectBankLink(w.value,w.label,"reimbursement"),U(m.account.selectedOption,b.id,b.accType)}}else if(P.includes(q)){const w=R[q];S(w)}};o.useEffect(()=>{const P=I.watch((R,{name:m})=>{m!=null&&R!=null&&qe(()=>We(m,R))});return()=>{P.unsubscribe()}}),o.useEffect(()=>{we==="In-Progress"&&z.fetchState==="Completed"&&V()},[V,we,z.fetchState]);const{commonSetUp:Ce,spendManagement:He}=Te.getLocalizedStrings(),{reimbursement:Be}=He,{reimbursementSetup:M}=Be,{setUp:k}=Ce,ce=fe?.isBusinessVerified===!0&&(b?.accType==="depositAccount"||Je.isVerifiedPaymentAccountProviderStatusCode(b?.providerVerificationStatus?.code??""))&&Me?.denominationConversions.amount!=null,de=Ie?.isReimbursementEnabled===!0,Oe=ce?Ce.setUp.setupVerifiedSubTitle:M.setupSubTitle,_e=v==="In-Progress"||v==="Not-Started"||xe==="In-Progress"||xe==="Not-Started",ue=H.mode==="light"?new be(H.colors.brandColorJadeLight):new be(H.colors.brandColorJadeDark),Ne=()=>{!B&&g?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&g.areAdditionalDocumentsRequestedForVerification&&!g.areAdditionalDocumentsSubmittedForVerification&&g.userVerificationStatus?.code==="require_info"?L(!0):Y?.()};return t.jsxs(It,{children:[t.jsx(Ke,{anchor:"right",PaperProps:{style:{width:p.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:B,onClose:()=>L(!1),style:{backgroundColor:J.drawerBackground},transitionDuration:250,children:t.jsx(pt,{authParams:s,filesEndPoint:d,updateStatus:z,onEditFileName:x,onDeleteFile:ie,updateFilesEntity:ne,companyOfficer:g,onClose:()=>L(!1),onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae})}),t.jsx(Ze,{title:M.setupTitle,backgroundColor:H.colors.grey4,style:{zIndex:3},onBackClick:Z,showMenuIcon:!de&&(u==="medium-compact"||u==="small"),onClickMenuIcon:W,source:"ReimbursementSetUpPage"}),t.jsxs(Rt,{windowSize:u,children:[t.jsx(Mt,{windowSize:u,children:Oe}),_e?t.jsx(Ft,{children:t.jsx(Ye,{size:"ExtraLarge",start:!0})}):t.jsx(Xe,{...I,children:t.jsx("form",{id:De(Ae),onSubmit:Ue,children:t.jsxs(Ut,{windowSize:u,children:[t.jsx(je,{onClick:Ne,title:k.businessVerificationTitle,subTitle:k.businessVerificationSubTitle,header:k.businessVerificationHeader,icon:{element:t.jsx(Qe,{width:p.iconWidthHeight.valuePx(u),height:p.iconWidthHeight.valuePx(u)}),color:ue},status:fe?.businessVerificationStatus,isTagLoading:Re}),t.jsx(mt,{connectedAccountProvider:A,primaryFundingAccount:b,plaidConnectionDetails:le,allBankAccounts:ze,allFundingAccounts:he,sectionId:G,isDisabled:y,onFetchLinkTokenClick:f,onEstablishConnectionClick:c,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:ee,onEstablishConnectionSuccess:F,icon:{element:t.jsx(et,{width:p.iconWidthHeight.valuePx(u)}),color:ue},analytics:l,productType:"reimbursement",isAccountsEnabled:$,onSignUpClick:T,pageName:"Reimbursement Setup",accountsPromoConfig:D}),t.jsx(ht,{mileageDetails:e.mileageDetails,companyMileageConfigInfo:e.mileageRateConfig,sectionId:q,onSaveMileageClick:te,analytics:l}),t.jsx(je,{title:O.length>0?k.approvalTitle:k.createApprovalTitle,subTitle:M.approvalSubTitle,header:O.length>0?k.approvalHeader:k.setupApprovalHeader,icon:{element:t.jsx(tt,{height:p.iconWidthHeight.valuePx(u)}),color:ue},style:{paddingBottom:p.lastSectionPaddingBottom.valuePx(u)},onClick:E,status:O.length>0?Fe:void 0})]})})})]}),ce&&!de&&O.length>0?t.jsx(it,{formId:De(Ae),primaryBtn:{label:M.enableReimbursements,style:{width:"auto",minWidth:u==="small"?"auto":"181px"},isLoading:z.fetchState==="In-Progress"||Le.fetchState==="In-Progress",isDisabled:y!=null},showCancel:!1,helperText:M.terms,cancelBtn:{label:""},style:{padding:`12px ${a.sp3}`}}):null,t.jsx(ut,{isFooterRendered:ce&&!de,meetingUrl:K,analytics:l,productType:"reimbursement"})]})},It=i.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,Mt=i(nt)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>p.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>p.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>p.subTitlePaddingBottom.valuePx(e.windowSize)};
+  text-align: ${e=>e.windowSize==="small"?"initial":"center"};
+`,Rt=i.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+  row-gap: ${e=>p.setupDetailsRowGap.valuePx(e.windowSize)};
+`,Ft=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=>p.sectionRowGap.valuePx(e.windowSize)};
+`,pe=e=>{const{allBankAccounts:y,allFundingAccounts:j,mileageDetails:A,primaryFundingAccount:$}=e,{localData:d}=A;return{[G]:{fundingAccount:{selectedOption:$?.id,allOptions:j.map(s=>({label:s.label,value:s.id,isRecommended:s.accType==="depositAccount"}))},account:{selectedOption:$?.zeniAccountId,allOptions:y.map(s=>({label:s.accountName,value:s.accountId}))}},[q]:{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??""}}},De=e=>`${e}_form`;export{oi as default,De as uniqueName};

package/dist/assets/ReimbursementsBulkReviewDrawerPage-BX722SXa-YTQZVgWe.js

@@ -0,0 +1 @@
+import{F as N,j as b,bP as z,bR as V,bS as W,jj as q,ab as X,l as Y}from"./index-D9zAXs3-.js";import{b as f}from"./vendor-Bs1fkIUX.js";import{u as Z}from"./ReviewOverlay-Bz1kr6zu-Dw4JE5ud.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./loader-BwDk7JSW-DoE-nOgh.js";const{common:n,spendManagement:{reimbursement:k}}=N.getLocalizedStrings(),o=k.bulkActions;let I;const pe=({remisReviewView:e,isAdmin:a,analytics:i,onProceedForBulkActionClick:d,onCloseReviewItem:r,onCloseOverlay:s})=>{const{fetchState:p,bulkSubmissionFetchState:c,bulkOperationTypeSelected:t,currentTab:v,currentSubTab:g}=e,h=!1,[w,l]=f.useState(!1),[m,_]=f.useState(P(e,h,a)),[x,R]=f.useState(h),[B,J]=f.useState(0),[y,A]=f.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});f.useEffect(()=>(B===m.length&&x&&(R(!1),clearInterval(I)),e.fetchState==="Completed"&&_(P(e,!1,a)),()=>{clearInterval(I)}),[m.length,B,x,e.fetchState,h,e,a]);const E=m.length,S=m.filter(u=>u.reviewStatus.code!=="error").length,F=()=>{const{title:u,description:T}=G(S);A({type:"reject",title:u,description:T,primaryButtonText:n.texts.confirm,secondaryButtonText:n.texts.close}),i.trackReimbursementBulkSubmit(t,v,g),l(!0)},L={onOkClick:u=>{l(!1);const T=e.remisForReview.map(j=>j.reimbursement);i.trackReimbursementBulkPopupConfirm(t,v,g,Y.getRemiListUniqueType(T.map(j=>j?.reimbursementTypesIncluded??[]))),d("reject",u)},onCancelClick:()=>{l(!1)}},{title:U,description:$}=H(p,S,E,x),C=e.fetchState==="Completed"&&S===0,O=()=>{i.trackReimbursementBulkSubmit(t,v,g),d(t)},D=()=>{let u=n.footer.approve;return C?u=n.texts.close:t==="send_for_approval"&&(u=n.footer.submit),{label:u,isDisabled:p!=="Completed"||t==="reject"&&c==="In-Progress",isLoading:c==="In-Progress"&&(t==="send_for_approval"||t==="approve"),onClick:C?s:O,style:t==="send_for_approval"?{minWidth:"92px"}:{}}},M={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:F,style:t==="approve"?{minWidth:"92px"}:{}};return b.jsxs(b.Fragment,{children:[w?b.jsx(z,{titleComponent:b.jsx(W,{children:y.title}),descriptionComponent:b.jsx(V,{children:y.description}),primaryButtonText:y.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:y.secondaryButtonText,action:L,isNotesIncluded:!0,isEditPopup:!0}):null,b.jsx(Z,{title:U,description:{content:$,isError:e.fetchState==="Completed"&&S===0},reviewItems:m,onCloseReviewItem:r,onCloseOverlay:s,showFooter:e.fetchState==="Completed"&&!x,footerProps:{primaryButton:D(),cancelButton:M,hideCancel:C}})]})},P=(e,a,i)=>{const d=e.fetchState==="In-Progress";return e.remisForReview.map(r=>{const s=q(i,r.submittedBy);return{id:r.transactionId,leftSideText:{title:r.reimbursement?.reportTitle!=null?r.reimbursement.reportTitle:k.reimbursementDetail.newReimbursementTitle,subTitle:s!=null?`${n.by} ${s?.firstName} ${s?.lastName}`:n.strings.empty},rightSideText:{title:X("0,0.[00]",r.reimbursement?.amount?.amount,r.reimbursement?.amount?.currencySymbol),showThunderIcon:!1,subTitle:r.reviewInfoMessage??""},reviewStatus:{isLoading:d,code:r.reviewStatus??""}}})},G=e=>{const{this_:a,these:i,report:d,reports:r,payment:s,payments:p}=n.texts;return e>1?{title:o.popUps.reject.title.replace("__report__",o.reports),description:o.popUps.reject.description.replaceAll("<_this_>",i).replaceAll("<_payment_>",p).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)}},H=(e,a,i,d)=>{const{has:r,have:s,report:p,reports:c,are:t,is:v,do_:g,does:h}=n.texts,w=a>1,l=i>1;let m="",_="";return e==="Completed"&&!d?(m=o.reviewPage.reportsReviewed.title.replace("__report__",l?k.bulkActions.reports:o.report).replace("<_has_>",l?s:r),a===0?_=o.reviewPage.reportsReviewed.descriptionError.replace("__report__",l?c:p).replace("<_do_>",l?g:h):_=`${a}/${i} ${o.reviewPage.reportsReviewed.description.replace("__report__",i>1?c:p).replace("<_is_>",w?t:v)}`):(m=o.reviewPage.reportsReviewing.title.replace("__report__",l?c:p),_=o.reviewPage.reportsReviewing.description.replace("__report__",l?c:p)),{title:m,description:_}};export{pe as default};

package/dist/assets/{ReloadCard-CJfjUA_Q-iqgRrGxj.js → ReloadCard-BuBuLupE-Cty15m_t.js}

@@ -1,8 +1,8 @@
-import{u as h,j as r,W as a,_ as m,ai as j,M as C,a5 as l,aZ as x,d as g,o as c,aj as f}from"./index-CyJdCOlu.js";import{n as s,b as d}from"./vendor-CnQcJ2Lu.js";function p({backgroundColor:e,foregroundColor:o,animated:t,width:i,height:n}){return r.jsxs(x,{speed:2,width:i,height:n,viewBox:`0 0 ${i} ${n}`,animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"64",y:"0",rx:"4",ry:"4",width:`${i-128}`,height:"21"}),r.jsx("rect",{x:"24",y:"45",rx:"4",ry:"4",width:`${i-48}`,height:"228"})]})}function w({backgroundColor:e,foregroundColor:o,animated:t}){return r.jsxs(x,{speed:2,width:240,height:98,viewBox:"0 0 240 98",animate:t!=!1,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)`
+import{u as h,j as r,X as a,Z as m,ai as j,F as C,a5 as l,aZ as x,$ as g,o as c,aj as f}from"./index-D9zAXs3-.js";import{n as s,b as d}from"./vendor-Bs1fkIUX.js";function p({backgroundColor:e,foregroundColor:o,animated:t,width:i,height:n}){return r.jsxs(x,{speed:2,width:i,height:n,viewBox:`0 0 ${i} ${n}`,animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"64",y:"0",rx:"4",ry:"4",width:`${i-128}`,height:"21"}),r.jsx("rect",{x:"24",y:"45",rx:"4",ry:"4",width:`${i-48}`,height:"228"})]})}function w({backgroundColor:e,foregroundColor:o,animated:t}){return r.jsxs(x,{speed:2,width:240,height:98,viewBox:"0 0 240 98",animate:t!=!1,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(w,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o})})})}function M({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(f,{children:({height:i,width:n})=>r.jsx(p,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o,width:n,height:i})})})})})}const y=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"})),k=s(l)`
+`;function R({dimension:e,animated:o}){const t=h();return r.jsx(a,{dimension:e,children:r.jsx(u,{children:r.jsx(w,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o})})})}function T({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(f,{children:({height:i,width:n})=>r.jsx(p,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o,width:n,height:i})})})})})}const y=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"})),k=s(l)`
   justify-content: space-between;
-`,b=s.div`
+`,$=s.div`
   height: ${c.sp10};
   width: ${c.sp10};
   background: ${e=>e.theme.colors.background};
@@ -19,8 +19,8 @@ import{u as h,j as r,W as a,_ as m,ai as j,M as C,a5 as l,aZ as x,d as g,o as c,
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,$=s(g)`
+`,b=s(g)`
   color: ${e=>e.theme.colors.champion};
 `,v=s(g)`
   color: ${e=>e.theme.colors.hero};
-`,L=s(y)``;function S({dimension:e,cardType:o,cardIndex:t,reportTitle:i,onReloadData:n}){return r.jsx(a,{"data-testid":m("dashboard-reload",o),dimension:e,onClick:()=>n(t,o),children:r.jsxs(k,{children:[r.jsxs($,{children:[i??j(o)," "]}),r.jsx(b,{children:r.jsx(L,{})}),r.jsx(v,{children:C.getLocalizedStrings().card.failedText})]})})}export{T as E,M as I,S as T};
+`,B=s(y)``;function I({dimension:e,cardType:o,cardIndex:t,reportTitle:i,onReloadData:n}){return r.jsx(a,{"data-testid":m("dashboard-reload",o),dimension:e,onClick:()=>n(t,o),children:r.jsxs(k,{children:[r.jsxs(b,{children:[i??j(o)," "]}),r.jsx($,{children:r.jsx(B,{})}),r.jsx(v,{children:C.getLocalizedStrings().card.failedText})]})})}export{R as E,T as I,I as T};

package/dist/assets/ReloadContainer-BRXUxBxu-BAp5l7-f.js

@@ -0,0 +1,13 @@
+import{j as o,Z as i,o as s,bf as n,$ as c}from"./index-D9zAXs3-.js";import{n as r}from"./vendor-Bs1fkIUX.js";const l=r(c)`
+  color: ${e=>e.theme.colors.hero};
+`,a=r.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  cursor: pointer;
+`,d=r(n)`
+  width: ${s.sp10};
+  height: ${s.sp10};
+  color: ${e=>e.theme.colors.primary};
+`,h=({message:e,onReload:t})=>o.jsxs(a,{onClick:t,"data-testid":i("reload-container"),children:[o.jsx(d,{}),o.jsx(l,{children:e})]});export{h};

package/dist/assets/ReloadContainer-fx3kImdJ-D2lKf-Yd.js

@@ -0,0 +1,17 @@
+import{F as r,K as p,j as c,x as n,o as t,bf as h,$ as x,n as o}from"./index-D9zAXs3-.js";import{n as i}from"./vendor-Bs1fkIUX.js";const $={cockpitLeftPadding:new n(o[3],o[8]),cockpitRightPadding:new n(o[3],o[8])},g=i.div`
+  height: calc(100% - 75px);
+  padding: ${e=>`${t.sp0} ${t.sp0} ${t.sp0} ${$.cockpitLeftPadding.valuePx(e.windowSize)}`};
+`,m=i(g)`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 110px);
+`,f=i(x)`
+  color: ${e=>e.theme.colors.hero};
+`,w=i(h)`
+  width: ${t.sp8};
+  height: ${t.sp8};
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${t.sp4};
+`,u=({selectedCockpitOption:e,reloadMsg:s,onCockpitReloadData:d})=>{const a=s??r.getLocalizedStrings().card.failedText,l=p();return c.jsxs(m,{onClick:()=>d(e),windowSize:l,children:[c.jsx(w,{}),c.jsx(f,{children:a})]})};export{$ as h,u as j};

package/dist/assets/ReportTableViewSelector-W7zYmKIW-BpJdvlc6.js

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