@zeniai/web-cockpit-ui 1.13.95-qa → 1.13.96-dev

package/dist/assets/SpendMgmtSetupAccountSection-BtcwTlJT-Bsya0Qr3.js

@@ -0,0 +1,206 @@
+import{X as Te,cg as Ge,u as qe,M as X,co as Ze,a1 as se,eX as Ye,l as W,a7 as re,j as t,aQ as Ke,C as d,f3 as Je,f4 as Xe,f5 as Qe,bB as et,n as o,_ as tt,eY as ye,eZ as ve,o as i,Y as N,f6 as Le,c as pe,g as j,e_ as it,Q as ze,f7 as nt,e$ as at,w as ot,bs as $e,cz as lt,a6 as st,f8 as rt,f as _e,ae as Ae,f9 as ct,cl as dt}from"./index-DyBH5SZv.js";import{b as f,n}from"./vendor-CnQcJ2Lu.js";import{r as ut}from"./mui-C5LQ0bMa.js";import{v as pt}from"./ChargeCardUtils-BvVm2SMq-B6pl3c2F.js";import{X as ht}from"./CreditCardPaymentPlgSection-BhHsjqZA-DtxErSDc.js";import{M as gt}from"./ChaseOverlay-CI8lEzod-DNTlxx9v.js";import{K as mt}from"./SetUpDefaultSection-ul-q6U3w-CKVV_QFK.js";const Q={sectionWidth:new d(343,580,726),rowGap:new d(o[2],o[3]),footerPaddingLeftRight:new d(o[3],o[4])},ft={title:new ze("standardMedium","largeMedium")};function xt({plaidConnectionDetails:e,header:p,isAccountsEnabled:v=!0,analytics:x,pageName:b,accountsPromoConfig:$,style:A,onConnectClick:M,onSignUpClick:I}){const u=Te(),{setUp:r}=X.getLocalizedStrings().commonSetUp,m=e.link_account,P=m.fetchStatus.fetchState==="In-Progress"||m.updateStatus.fetchState==="In-Progress";return t.jsxs(St,{windowSize:u,style:A,"data-testid":N("default-account-section",b),children:[t.jsx(wt,{children:t.jsx(bt,{windowSize:u,children:p})}),t.jsxs(yt,{windowSize:u,width:A?.width,children:[t.jsx(Le,{heading:r.accountsPlg.heading,buttonText:r.accountsPlg.signUpButtonText,onSignUpClick:I,isAccountsEnabled:v,pageName:b,analytics:x,style:{borderTopLeftRadius:i.sp2,borderTopRightRadius:i.sp2},accountsPromoConfig:$}),t.jsxs($t,{windowSize:u,children:[t.jsxs(kt,{onClick:M,children:[t.jsx(Ct,{isLoading:P,children:r.connectExternalAccount}),P?null:t.jsx(jt,{className:"right-arrow"})]}),P?t.jsx(vt,{children:t.jsx(pe,{size:"ExtraSmall",start:!0,style:{display:"flex"}})}):null]})]})]})}const St=n.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>Q.rowGap.valuePx(e.windowSize)};
+`,wt=n.div`
+  display: flex;
+  align-items: center;
+`,bt=n.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${ft.title.style(e.windowSize)}`};
+`,yt=n.div`
+  width: ${e=>e.width!=null?e.width:Q.sectionWidth.valuePx(e.windowSize)};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${i.sp2};
+  &:hover {
+    border: ${e=>`1px solid  ${e.theme.colors.primary}`};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,vt=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: ${i.sp2};
+`,$t=n(_e)`
+  display: flex;
+  align-items: center;
+  padding-top: ${i.sp1};
+  padding-bottom: ${i.sp1};
+  padding-left: ${e=>Q.footerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>Q.footerPaddingLeftRight.valuePx(e.windowSize)};
+  background: ${e=>e.theme.colors.grey4};
+  border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,kt=n.div`
+  display: flex;
+  align-items: center;
+  :hover {
+    cursor: pointer;
+    color: ${e=>e.theme.colors.primary};
+    .right-arrow {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Ct=n.span`
+  pointer-events: ${e=>e.isLoading===!0?"none":"initial"};
+`,jt=n(Ae)`
+  margin-left: ${i.sp1};
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,s={labelWidth:new d(120,190,190),sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(o[6],o[7]),iconPadding:new d(10,12),rowGap:new d(o[2],o[3]),elementsMarginLeftRight:new d(o[3],o[4]),labeledFieldPaddingLeft:new d(o[3],o[0]),labeledFieldPaddingRight:new d(o[3],o[2]),labeledFieldPaddingTop:new d(o[3],o[3]),labeledFieldPaddingBottom:new d(o[3],o[2]),labeleMarginLeft:new d(o[0],o[4]),labeleMarginBottom:new d(o[2],o[0]),infoLabelPaddingRight:new d(o[0],o[3]),infoLabelMarginTop:new d(o[1],o[0]),iconWidthHeight:new d(20,o[4])},Pt={title:new ze("standardSemiBold","largeSemiBold")};function si({primaryFundingAccount:e,allFundingAccounts:p,allBankAccounts:v,plaidConnectionDetails:x,sectionId:b,isDisabled:$,icon:A,sectionTitle:M,style:I,analytics:u,productType:r,referrer:m,accountSelectContainerStyle:P,connectedAccountProvider:te,isCompleted:H=!1,showCompletedIcon:G=!1,showZeniAccountSection:ie=!0,isAccountsEnabled:k,accountsPromoConfig:T,pageName:q,onFetchLinkTokenClick:L,onEstablishConnectionClick:Z,onUpdatePaymentAccountStatus:E,onEstablishConnectionSuccess:U,onSignUpClick:ne,bottomComponent:Ie}){const a=Te(),{trigger:Ee,formState:{errors:Re}}=Ge(),D=f.useRef(null),R=qe(),{setUp:h}=X.getLocalizedStrings().commonSetUp,Y=X.getLocalizedStrings().spendManagement.chargeCard.payEarly;let y,he,c,S=!1;e!=null&&e.accType==="paymentAccount"&&(y=e.providerVerificationStatus,he=e?.institutionDetails,c=y?.code,S=e?.isLoginRequired??!1);const ae=ke(b,"account"),Be=Ze(Re,ae),[z,K]=f.useState(void 0),g=x.link_account,_=x.update_account,w=z==="update_account"?_:g,[B,ge]=f.useState(w.linkToken??null),[O,J]=f.useState(!1),[Me,me]=f.useState(!1),fe=se(g.updateStatus.fetchState),oe=se(_.updateStatus.fetchState),Ue=se(_.fetchStatus.fetchState),De=f.useCallback((l,C)=>{u.trackConnectBankSuccess(r,m);const be=C.accounts.find(He=>He.id===e?.providerAccountId)??C.accounts[0];e?.id!=null&&z==="update_account"&&be?.verification_status!=null&&!S?E(be?.verification_status,e.id,"update_account"):Z(l,z),K(void 0),J(!1)},[u,m,r,e?.id,e?.providerAccountId,z,S,E,Z]),Oe=f.useCallback((l,C)=>{l!=null&&(u.trackConnectBankFailure(r,l.error_code+" "+l.error_message,m),l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e?.id!=null&&E("verification_failed",e.id,"update_account"),console.log("Plaid Connection Error",l,C)),K(void 0),J(!1)},[u,r,m,e?.id,E]),{open:F,ready:xe}=Ye({token:B,onSuccess:De,onExit:Oe});f.useEffect(()=>{(fe==="In-Progress"&&g.updateStatus.fetchState==="Completed"||oe==="In-Progress"&&_.updateStatus.fetchState==="Completed")&&(W.isVerifiedPaymentAccountProviderStatusCode(c??"")||(L("link_account"),U()))},[g.updateStatus.fetchState,U,L,e?.providerVerificationStatus?.code,e?.id,fe,oe,_.updateStatus.fetchState,c]),f.useEffect(()=>{(W.isVerifiedStatusCode(c??"")||c==="verification_failed")&&!O&&z!=null&&w.linkToken===B&&w.fetchStatus.fetchState==="Completed"&&xe&&J(!0)},[xe,B,w.fetchStatus.fetchState,w.linkToken,c,z,O]),f.useEffect(()=>{w.fetchStatus.fetchState==="Completed"&&w.linkToken!=null&&w.linkToken!==B&&ge(w.linkToken)},[w.fetchStatus.fetchState,w.linkToken,B]),f.useEffect(()=>{O&&F()},[O,F]),f.useEffect(()=>{!e?.zeniAccountId&&!Be&&Ee(ae)},[e?.id]),f.useEffect(()=>{(c==null||c==="verification_failed"||c==="verification_expired"||W.isVerifiedStatusCode(c))&&(W.zeniDate(new Date().toISOString()).isAfter(g.expiration)||g.linkToken==null)&&L("link_account")},[]);const Fe=()=>{u.trackConnectBankGetBalance(r,m),K("update_account"),L("update_account",e?.id)},Se=`${e?.accountSubType?.name!=null?e?.accountSubType?.name.substring(0,1).toUpperCase().concat(e?.accountSubType?.name.substring(1)):""} ${e?.maskedAccountNumber??""}`.trim(),le=g.fetchStatus.fetchState==="In-Progress"||g.updateStatus.fetchState==="In-Progress",We=p.findIndex(l=>l.id===e?.id),Ve=()=>{me(!0)},Ne=R.mode==="light"?new re(R.colors.brandColorJadeLight):new re(R.colors.brandColorJadeDark);if(e==null&&p.length===0)return r==="zeni_accounts"?t.jsx(mt,{onClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,m),F())},title:h.achTitle,subTitle:h.achSubTitle,header:h.paymentSource,isCompleted:H,showCompletedIcon:G,icon:{element:t.jsx(Ke,{width:s.iconWidthHeight.valuePx(a),height:s.iconWidthHeight.valuePx(a)}),color:new re(Ne)},isLoading:le,status:y}):t.jsx(Ce,{windowSize:a,style:I,children:t.jsx(xt,{header:h.paymentSource,plaidConnectionDetails:x,onConnectClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,m),F())},onSignUpClick:ne,isAccountsEnabled:!1,analytics:u,pageName:q,accountsPromoConfig:T})});const we=he?.zeniInstitutionId.toLowerCase()==="chase";return t.jsxs(Ce,{windowSize:a,style:I,children:[Me===!0?ut.createPortal(t.jsx(gt,{connectedAccountProvider:te,action:{onBackClick:()=>me(!1)}}),document.body):null,t.jsxs(Wt,{children:[G===!0?t.jsx(Nt,{children:H?t.jsx(Ht,{}):t.jsx(Gt,{})}):null,t.jsx(Vt,{windowSize:a,children:M??h.paymentSource})]}),t.jsxs(Ft,{windowSize:a,isDisabled:S,children:[t.jsxs(At,{windowSize:a,children:[t.jsxs(Bt,{children:[e!=null?t.jsx(Rt,{isDisabled:S,children:Tt(A,a,R.mode==="dark",e,We)}):null,t.jsxs(Jt,{children:[t.jsxs(qt,{children:[t.jsx(Je,{ref:D,style:{display:a==="small"?"block":"inherit",width:"-webkit-fill-available"},customStyleConfig:{menu:()=>({width:a==="small"?"100%":"510px"})},controlProperty:{controlHeight:o[4],fontWeight:et.medium,highlightOnHover:!1,leftRightMargin:!1,fieldWidth:a==="small"?240:300},customPlaceholder:{color:R.colors.hero,weight:500},name:ke(b,"fundingAccount"),placeholder:h.selectAccountPlaceholder,capitalizeOptions:!0,appendSublabel:!1,showLogoInSingleValue:!1,isClearable:!1,maxMenuHeight:220,valueToLogo:(l,C)=>Qe(p,l,C),valueToSubLabels:(l,C)=>Xe(p,l,C,!1),defaultValue:{selectedOption:e?.id,allOptions:p.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"}))},textAlignment:"left",showDownChevronIcon:!0,showTickIcon:!1,isOptionRemovable:!1,registerOptions:{required:!1},showCreateOption:!0,isDisabled:le?"disabled":void 0,showLoadingIcon:le,onClickCreateOption:()=>{u.trackConnectBank(r,m),K("link_account"),g.linkToken==null||W.zeniDate(new Date().toISOString()).isAfter(g.expiration)?L("link_account"):B!==g.linkToken?ge(g.linkToken):O?F():J(!0)}}),t.jsxs(Ut,{isDisabled:S,children:[Se?t.jsxs(t.Fragment,{children:[t.jsx(ee,{children:Se}),a!=="small"&&(c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we||e?.accountBalance?.available)?t.jsx(Yt,{}):null]}):null,c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we?t.jsx(Lt,{isUpdateLinkClicked:z==="update_account",isLoginRequired:S,isPendingVerification:c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification",productType:r,fetchAndUpdateStatues:{fetchStatus:_.fetchStatus,updateStatus:_.updateStatus,linkFetchStatus:g.fetchStatus,linkUpdateStatus:g.updateStatus,prevFetchState:Ue,prevUpdateState:oe},onUpdateLinkTokenClick:Fe,onChaseInfoClick:Ve}):e?.accountBalance?.available?t.jsx(ee,{children:tt("0,0[.]00",e?.accountBalance?.available)}):null]})]}),y!=null&&a==="small"?t.jsx(ye,{style:{width:"max-content",padding:0,marginTop:i.sp2},tagTitle:y.name,textColor:ve(y.code)}):null]})]}),t.jsx(Mt,{children:y!=null&&a!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(ye,{style:{width:"max-content"},tagTitle:y.name,textColor:ve(y.code)}),t.jsx(Zt,{})]}):null})]}),ie?t.jsxs(It,{style:P,windowSize:a,isDisabled:S,onClick:l=>l.stopPropagation(),"data-testid":N("account-select-container",r),children:[t.jsx(Et,{isDisabled:S?"disabled":$,label:{label:h.zeniCashAccountLabel,width:a==="small"?void 0:s.labelWidth.value(a),style:{marginLeft:s.labeleMarginLeft.valuePx(a),marginBottom:s.labeleMarginBottom.valuePx(a)}},style:{paddingTop:s.labeledFieldPaddingTop.valuePx(a),paddingBottom:s.labeledFieldPaddingBottom.valuePx(a),paddingLeft:s.labeledFieldPaddingLeft.valuePx(a),paddingRight:s.labeledFieldPaddingRight.valuePx(a),borderRadius:i.sp2,border:`1px solid ${R.colors.grey3}`,width:"-webkit-fill-available",display:a==="small"?"block":"inherit"},infoLabelStyle:{textAlign:a==="small"?"left":"right",paddingRight:s.infoLabelPaddingRight.valuePx(a),marginTop:s.infoLabelMarginTop.valuePx(a)},singleSelectPickerField:{name:ae,placeholder:h.zeniCashAccountPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e?.zeniAccountId??"",allOptions:v.map(l=>({label:l.accountName,value:l.accountId}))},isOptionRemovable:!1,withBorder:a==="small",textAlignment:a==="small"?"left":"right",registerOptions:{required:!1}},valueToAdditionalLabel:()=>h.zeniCashAcoountInfo}),Ie]}):null,e?.accType==="paymentAccount"?r==="charge_cards"?t.jsx(ht,{style:{borderRadius:`${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2}`},maxInsuredAmount:T.maxInsuredAmount,heading:t.jsxs(zt,{windowSize:a,children:[Y.earn,t.jsx(_t,{children:Y.percentageCashback.replace("__percentage__",pt)}),Y.whenYouPayViaZeniChecking]}),buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,isAccountsEnabled:k,pageName:Y.creditCardPayment,onSignUpClick:ne,onSwitchClick:()=>{D.current!=null&&D.current.focus()}}):r!=="zeni_accounts"?t.jsx(Le,{heading:h.accountsPlg.heading,style:{borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},isAccountsEnabled:k,buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,analytics:u,pageName:q,onSignUpClick:ne,onSwitchClick:()=>{D.current!=null&&D.current.focus()},accountsPromoConfig:T}):null:null]})]})}const Tt=(e,p,v,x,b,$)=>x?.accType==="depositAccount"?t.jsx(Xt,{isOptionSelected:!0,children:t.jsx(Qt,{color:nt(b??0)})}):x?.institutionDetails?.logo?.base64!=null?t.jsx(Kt,{windowSize:p,src:`${at}${x?.institutionDetails.logo?.base64.toString()}`,alt:x?.institutionDetails.institutionName,loading:"lazy"}):$===!0?e.element:t.jsx(Ot,{iconColor:e.color,windowSize:p,isDarkMode:v,children:e.element}),Lt=({productType:e,isLoginRequired:p,isUpdateLinkClicked:v,isPendingVerification:x,fetchAndUpdateStatues:b,onUpdateLinkTokenClick:$,onChaseInfoClick:A})=>{const{commonSetUp:M}=X.getLocalizedStrings(),{setUp:I}=M,{verifyAccount:u,verifyingAccount:r,verifyAccountError:m,reLogging:P,reLoginLabel:te,reLoginError:H,reLoginMessage:G,chaseLabel:ie}=I,{fetchStatus:k,updateStatus:T,linkFetchStatus:q,linkUpdateStatus:L,prevFetchState:Z,prevUpdateState:E}=b,U=v&&Z==="In-Progress"&&k?.fetchState==="Error"||E==="In-Progress"&&T?.fetchState==="Error";return p?v&&(k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"||q?.fetchState==="In-Progress"||L?.fetchState==="In-Progress")?t.jsxs(V,{style:{color:j.important},children:[t.jsx(ee,{children:P}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex",color:j.important}})})]}):t.jsx(V,{style:{cursor:"pointer"},onClick:$,"data-testid":N("re-login-label-clicked"),children:t.jsx($e,{style:{padding:`12px ${i.sp3}`},title:G,placement:"bottom",maxWidth:"264px",children:t.jsxs(Dt,{children:[t.jsx(je,{style:{marginLeft:i.sp0,marginRight:i.sp1}}),t.jsx(ce,{isError:!0,style:{color:j.important},children:U?H:te}),t.jsx(de,{children:t.jsx(ue,{style:{color:j.important}})})]})})}):k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"?t.jsxs(V,{children:[t.jsx(ee,{children:r}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex"}})})]}):x?t.jsxs(V,{onClick:$,"data-testid":N("verify-account-label-clicked",e),children:[t.jsx(ce,{isError:!1,children:u}),t.jsx(de,{children:t.jsx(ue,{})}),U?t.jsx($e,{maxWidth:"280px",style:{padding:`12px ${i.sp3}`,color:j.important},title:m,placement:"bottom",children:t.jsx(je,{})}):null]}):t.jsxs(V,{onClick:A,"data-testid":N("chase-info-label-clicked"),children:[t.jsx(ce,{isError:!1,children:ie}),t.jsx(de,{children:t.jsx(ue,{})})]})},ke=(e,p)=>`${e}.${p}`,zt=n(st)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${e=>e.windowSize==="small"?"80%":"100%"};
+`,_t=n(rt)`
+  color: ${e=>e.theme.colors.primary};
+`,Ce=n.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${e=>s.rowGap.valuePx(e.windowSize)};
+`,At=n.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-left: ${e=>s.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>s.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-top: ${i.sp4};
+  margin-bottom: ${i.sp0};
+`,It=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  margin-left: ${e=>s.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-right: ${e=>s.elementsMarginLeftRight.valuePx(e.windowSize)};
+  margin-top: ${i.sp3};
+  margin-bottom: ${i.sp4};
+  opacity: ${e=>e.isDisabled?.4:1};
+`,Et=n(lt)`
+  border-radius: ${i.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+`,Rt=n.div`
+  display: flex;
+  opacity: ${e=>e.isDisabled?.8:1};
+`,Bt=n.div`
+  display: flex;
+  align-items: flex-start;
+`,Mt=n.div`
+  display: flex;
+`,Ut=n(ot)`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.isDisabled?e.theme.colors.grey1:e.theme.colors.hero};
+  flex-wrap: wrap;
+`,ee=n.div`
+  display: flex;
+`,ce=n.div`
+  :hover {
+    cursor: pointer;
+    color: ${e=>e.isError?e.theme.colors.important:e.theme.colors.primary};
+  }
+`,V=n(_e)`
+  display: flex;
+  align-items: center;
+`,Dt=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Ot=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: ${e=>s.iconPadding.valuePx(e.windowSize)};
+  background: ${e=>e.iconColor.toString()};
+  border-radius: ${i.sp11};
+  width: fit-content;
+  height: fit-content;
+  color: ${e=>e.isDarkMode?j.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
+  max-width: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  max-height: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  margin-right: ${i.sp2};
+`,Ft=n.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${i.sp2};
+  color: ${e=>e.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+  ${e=>e.isDisabled===!1&&`
+    &:hover {
+      border: 1px solid ${e.theme.colors.primary};
+      color: ${e.theme.colors.primary};
+    }
+    `}
+`,Wt=n.div`
+  display: flex;
+  align-items: center;
+`,Vt=n.div`
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${Pt.title.style(e.windowSize)}`};
+`,Nt=n.div`
+  margin-right: ${i.sp2};
+`,Ht=n(it)`
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${j.success};
+`,Gt=n.div`
+  height: 14px;
+  width: 14px;
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: 50%;
+`,qt=n.div``,Zt=n.div`
+  width: ${i.sp4};
+  height: ${i.sp4};
+  margin-left: ${i.sp4};
+`,Yt=n.div`
+  display: inline-block;
+  border-radius: ${i.sp2};
+  margin: ${i.sp0} 12px;
+  width: ${i.sp1};
+  height: ${i.sp1};
+  cursor: inherit;
+  background-color: ${e=>e.theme.colors.grey1};
+`,Kt=n.img`
+  width: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  height: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
+  border-radius: ${i.sp11};
+  margin-right: ${i.sp2};
+`,Jt=n.div`
+  display: flex;
+  flex-direction: column;
+`,de=n.div`
+  display: flex;
+  color: inherit;
+  margin-left: ${i.sp1};
+`,ue=n(Ae)`
+  width: 12px;
+  height: 12px;
+`,je=n(dt)`
+  display: flex;
+  margin-left: 12px;
+  width: ${i.sp3};
+  height: ${i.sp3};
+  color: ${j.important};
+`,Pe=n.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: ${i.sp2};
+`,Xt=n.div`
+  min-width: ${e=>e.isOptionSelected?i.sp4:i.sp5};
+  width: ${e=>e.isOptionSelected?i.sp7:i.sp5};
+  height: ${e=>e.isOptionSelected?i.sp7:i.sp5};
+  margin-right: ${i.sp2};
+`,Qt=n(ct)`
+  min-width: inherit;
+  width: inherit;
+  height: inherit;
+`;export{Lt as B,si as f,ke as y,Tt as z};

package/dist/assets/StatementItem-CKTGWEW_-d6SqxmfH.js

@@ -0,0 +1,31 @@
+import{X as y,M as S,g$ as b,j as o,c as g,o as r,q as j,C as v,bp as z,n as k}from"./index-DyBH5SZv.js";import{b as P,n as i}from"./vendor-CnQcJ2Lu.js";import{g as C}from"./BoxItem-DX1sag1G-C0OcCbod.js";import{w as L}from"./downloadPdf-LAHtgcHF-B9uNpNRf.js";const d=S.getLocalizedStrings().months,a={downloadButtonSize:new v(k[4],20)},B=i.div`
+  display: flex;
+  padding: ${r.sp3} ${r.sp4};
+  flex-direction: row;
+  width: 100%;
+`,T=i.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,q=i(j)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-left: ${r.sp2};
+  max-height: ${r.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,E=i.div`
+  cursor: pointer;
+`,J=i(z)`
+  width: ${t=>a.downloadButtonSize.valuePx(t.windowSize)};
+  height: ${t=>a.downloadButtonSize.valuePx(t.windowSize)};
+  min-height: ${t=>a.downloadButtonSize.valuePx(t.windowSize)};
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`;function M({accountLast4:t,currentTenantCompanyName:s,data:e,authParams:m,downloadEndPoint:l,documentType:n="statement",boxType:p}){const[c,w]=P.useState(!1),x=y(),h=n==="taxLetter"?`${e.title.year}`:`${d[e.title.month-1]} ${e.title.year}`,$=n==="taxLetter"?`${s}-treasury-tax-letter-${e.title.year}.pdf`:`${s}-${t}-monthly-statement-${d[e.title.month-1]}-${e.title.year}.pdf`,u={period:`${e.title.year}-${b(e.title.month)}`,format:"pdf"},f=o.jsx(B,{children:o.jsxs(T,{children:[o.jsx(q,{children:h}),o.jsx(E,{onClick:()=>L(n==="treasuryStatement"||n==="taxLetter"?`${l}/statements/${e.id}`:`${l}/statements?query=${encodeURIComponent(JSON.stringify(u))}`,$,m,w),children:c?o.jsx(g,{size:"Small",start:!0}):o.jsx(J,{windowSize:x})})]})});return o.jsx(C,{content:f,boxType:p,isDisabled:!1,isNotClickable:!0})}export{M as J};

package/dist/assets/StatementsPage-CjR4AlPy-BQRlcz37.js

@@ -0,0 +1,58 @@
+import{u as v,X as z,j as t,aV as C,M as P,ai as I,o as r,g as m,bT as L,C as M,n as h,q as T}from"./index-DyBH5SZv.js";import{b as p,n as o}from"./vendor-CnQcJ2Lu.js";import{$ as B}from"./BoxItem-DX1sag1G-C0OcCbod.js";import{o as E}from"./commonDimensions-DAvj4Il1-Chc9ZQai.js";import{J as R}from"./StatementItem-CKTGWEW_-d6SqxmfH.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./downloadPdf-LAHtgcHF-B9uNpNRf.js";const x=P.getLocalizedStrings().spendManagement.zeniAccounts.statements,b={listItemMargin:new M(h[3],h[8])},et=({currentTenantCompanyName:e,authParams:g,downloadEndPoint:w,statementListView:i,accountLast4:f,onBackClick:y})=>{const k=v(),l=z(),$=p.createRef(),c=p.useRef(null),d=i.statements.length===0,j=()=>d===!1?E.transactionItemHeight:24,S=({index:a,style:n})=>{const s=i.statements[a];return d===!1?t.jsx(u,{windowSize:l,style:{...n,width:`calc(100% - 2*${b.listItemMargin.valuePx(l)})`},children:t.jsx(R,{currentTenantCompanyName:e,accountLast4:f,data:s,authParams:g,downloadEndPoint:w,boxType:B(a,i.statements.length)},s.id)}):t.jsx(N,{style:{...n},children:t.jsx(O,{children:t.jsx(u,{windowSize:l,children:t.jsx(A,{children:x.noStatements})})})})};return t.jsxs(V,{children:[t.jsx(C,{title:x.title,backgroundColor:k.colors.grey4,style:{zIndex:3},onBackClick:y,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsx(H,{children:t.jsx(I,{children:({height:a,width:n})=>t.jsx(K,{ref:$,height:a,width:n,outerRef:c,itemKey:s=>s,itemCount:i.statements.length,itemSize:j,initialScrollOffset:0,children:S})})})]})},N=o.div``,u=o.div`
+  margin: ${e=>`${r.sp0} ${b.listItemMargin.valuePx(e.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`,O=o.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,V=o.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${r.sp7};
+`,A=o(T)`
+  display: flex;
+  color: ${e=>e.theme.colors.grey2};
+`,H=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${r.sp6};
+`,K=o(L)`
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar {
+    width: ${r.sp2};
+    height: ${r.sp0};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 2px ${m.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${m.scrollbarBoxShadow};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${r.sp2};
+      height: ${r.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${e=>e.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`;export{et as default};

package/dist/assets/{StatusSwitcher-CxbcO6mR-7byU0Qsi.js → StatusSwitcher-5CZzUYJE-qZVSFmES.js}

@@ -1,4 +1,4 @@
-import{X as y,j as d,aV as T,M as v,C as f,o as s,n as c,w as z}from"./index-Ihb4xe41.js";import{n as u,j as g}from"./vendor-CnQcJ2Lu.js";function w(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().split(" ").filter(Boolean).map(a=>a.charAt(0).toUpperCase()+a.slice(1)).join(" ")}const L=e=>{switch(e){case"bill_pay":return"bills";case"reimbursement":return"reimbursements";case"charge_cards":return"cards";default:return e}};function _(e,a){if(typeof e=="string")return e;if(e!=null&&typeof e=="object"){const r=Object.values(e)[0];return typeof r=="string"?r:w(a)}return w(a)}function p(e,a,r){const n=e[a];return n!=null?_(n,r):null}const A=(e,a)=>{const{spendManagement:{billPay:{billsByTabs:{tabsById:r}},reimbursement:{reimbursementByTabs:{tabsById:n}},zeniAccounts:{zeniAccountList:{tabsById:l}}}}=v.getLocalizedStrings(),t=String(e);if(a)switch(a){case"bill_pay":{const i=p(r,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"reimbursement":{const i=p(n,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"zeni_accounts":{const i=p(l,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}}return(p(r,t,t)??p(n,t,t)??p(l,t,t)??w(t)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:x}},reimbursement:{reimbursementByTabs:{tabsById:$}},zeniAccounts:{zeniAccountList:{tabsById:M}}}}=v.getLocalizedStrings(),m={containerMarginLeft:new f(c[4],c[8]),containerMarginRight:new f(c[4],c[8]),segmentContainerMarginLeft:new f(c[4],c[8])},j=u.div`
+import{X as y,j as d,bC as T,M as v,C as f,o as s,n as c,w as z}from"./index-DyBH5SZv.js";import{n as u,j as g}from"./vendor-CnQcJ2Lu.js";function w(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().split(" ").filter(Boolean).map(a=>a.charAt(0).toUpperCase()+a.slice(1)).join(" ")}const _=e=>{switch(e){case"bill_pay":return"bills";case"reimbursement":return"reimbursements";case"charge_cards":return"cards";default:return e}};function A(e,a){if(typeof e=="string")return e;if(e!=null&&typeof e=="object"){const r=Object.values(e)[0];return typeof r=="string"?r:w(a)}return w(a)}function p(e,a,r){const n=e[a];return n!=null?A(n,r):null}const L=(e,a)=>{const{spendManagement:{billPay:{billsByTabs:{tabsById:r}},reimbursement:{reimbursementByTabs:{tabsById:n}},zeniAccounts:{zeniAccountList:{tabsById:l}}}}=v.getLocalizedStrings(),t=String(e);if(a)switch(a){case"bill_pay":{const i=p(r,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"reimbursement":{const i=p(n,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"zeni_accounts":{const i=p(l,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}}return(p(r,t,t)??p(n,t,t)??p(l,t,t)??w(t)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:x}},reimbursement:{reimbursementByTabs:{tabsById:$}},zeniAccounts:{zeniAccountList:{tabsById:M}}}}=v.getLocalizedStrings(),m={containerMarginLeft:new f(c[4],c[8]),containerMarginRight:new f(c[4],c[8]),segmentContainerMarginLeft:new f(c[4],c[8])},j=u.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -117,4 +117,4 @@ import{X as y,j as d,aV as T,M as v,C as f,o as s,n as c,w as z}from"./index-Ihb
             left: 60%;
           }
         `}
-`;function P({tabId:e,isSelected:a,approvalCount:r,entity:n,onClick:l}){const t=o=>{switch(o){case"draft":case"pending_approval":case"scheduled":case"paid":case"all":case"failed":case"overdue":case"cancelled":case"rejected":case"awaitingAllApproval":case"ach":case"wire":case"deleted":return n==="bill_pay"?x[o]:$[o];case"offline":case"awaiting_approval":case"awaiting_my_approval":return x[o];case"awaitingApproval":case"awaitingMyApproval":case"myDrafts":return $[o];case"wireDetails":case"achDetails":return M[o];default:return""}},i=y();return d.jsxs(B,{onClick:()=>{a===!1&&l(e)},isClickDisabled:!1,isSelected:a,isMainTab:R(e)===!0,windowSize:i,children:[t(e),e==="pending_approval"&&r!==0?d.jsx(D,{isSelected:a,children:r}):null]})}function K({tabIds:e,selectedTab:a,entity:r,isSwitcherLeftAlign:n=!1,approvalCount:l,hasSubTabs:t=!1,enablePerformanceTracking:i=!0,onTabSelectedChange:o}){const h=y(),S=b=>{o(b)};return T({componentName:`${L(r).toLowerCase()}.${A(a,r).toLowerCase()}`,enabled:i}),d.jsx(j,{windowSize:h,hasSubTabs:t,isSwitcherLeftAlign:n,children:d.jsxs(k,{windowSize:h,hasSubTabs:t,children:[e.map((b,C)=>d.jsx(P,{tabId:b,approvalCount:l,isSelected:a===b,entity:r,onClick:S},C)),d.jsx(I,{className:`Slider ${a}`,windowSize:h,approvalCount:l})]})})}const R=e=>e==="draft"||e==="pending_approval"||e==="scheduled"||e==="paid"||e==="achDetails"||e==="wireDetails";export{K};
+`;function P({tabId:e,isSelected:a,approvalCount:r,entity:n,onClick:l}){const t=o=>{switch(o){case"draft":case"pending_approval":case"scheduled":case"paid":case"all":case"failed":case"overdue":case"cancelled":case"rejected":case"awaitingAllApproval":case"ach":case"wire":case"deleted":return n==="bill_pay"?x[o]:$[o];case"offline":case"awaiting_approval":case"awaiting_my_approval":return x[o];case"awaitingApproval":case"awaitingMyApproval":case"myDrafts":return $[o];case"wireDetails":case"achDetails":return M[o];default:return""}},i=y();return d.jsxs(B,{onClick:()=>{a===!1&&l(e)},isClickDisabled:!1,isSelected:a,isMainTab:R(e)===!0,windowSize:i,children:[t(e),e==="pending_approval"&&r!==0?d.jsx(D,{isSelected:a,children:r}):null]})}function K({tabIds:e,selectedTab:a,entity:r,isSwitcherLeftAlign:n=!1,approvalCount:l,hasSubTabs:t=!1,enablePerformanceTracking:i=!0,onTabSelectedChange:o}){const h=y(),S=b=>{o(b)};return T({componentName:`${_(r).toLowerCase()}.${L(a,r).toLowerCase()}`,enabled:i}),d.jsx(j,{windowSize:h,hasSubTabs:t,isSwitcherLeftAlign:n,children:d.jsxs(k,{windowSize:h,hasSubTabs:t,children:[e.map((b,C)=>d.jsx(P,{tabId:b,approvalCount:l,isSelected:a===b,entity:r,onClick:S},C)),d.jsx(I,{className:`Slider ${a}`,windowSize:h,approvalCount:l})]})})}const R=e=>e==="draft"||e==="pending_approval"||e==="scheduled"||e==="paid"||e==="achDetails"||e==="wireDetails";export{K};

package/dist/assets/{SubTabSwitcher-mCKmnU9--_3NudRGY.js → SubTabSwitcher-a38_U4dN-BfyQ4BdY.js}

@@ -1,4 +1,4 @@
-import{j as r,d as u,o as s,w as g,ad as m}from"./index-Ihb4xe41.js";import{n as i,j as a}from"./vendor-CnQcJ2Lu.js";function S({allTabs:e,selectedTab:c,containerStyle:d,rightComponent:o,onTabChange:p}){const h=o!=null;return r.jsxs(x,{style:d,hasRightComponent:h,children:[r.jsx($,{children:e.map(t=>{const n=t.id===c,l=t.isDisabled!=null;return r.jsxs(b,{onClick:()=>{n===!1&&!l&&p(t)},isSelected:n,isDisabled:l,children:[r.jsx(y,{children:t.label}),t.countDetails?.count!=null?r.jsx(j,{children:r.jsx(f,{isCircular:t.countDetails.count==null||t.countDetails.count<10,children:r.jsx(D,{children:t.countDetails.isFetching?r.jsx(u,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):t.countDetails.count})})}):null]},t.id)})}),o]})}const x=i.div`
+import{j as r,c as u,o as s,w as g,ad as m}from"./index-DyBH5SZv.js";import{n as i,j as a}from"./vendor-CnQcJ2Lu.js";function S({allTabs:e,selectedTab:c,containerStyle:d,rightComponent:o,onTabChange:p}){const h=o!=null;return r.jsxs(x,{style:d,hasRightComponent:h,children:[r.jsx($,{children:e.map(t=>{const n=t.id===c,l=t.isDisabled!=null;return r.jsxs(b,{onClick:()=>{n===!1&&!l&&p(t)},isSelected:n,isDisabled:l,children:[r.jsx(y,{children:t.label}),t.countDetails?.count!=null?r.jsx(j,{children:r.jsx(f,{isCircular:t.countDetails.count==null||t.countDetails.count<10,children:r.jsx(D,{children:t.countDetails.isFetching?r.jsx(u,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):t.countDetails.count})})}):null]},t.id)})}),o]})}const x=i.div`
   display: flex;
   flex-direction: row;
   justify-content: ${e=>e.hasRightComponent?"space-between":"flex-start"};

package/dist/assets/{SummaryCard-BoA0mdbI-D-JteJj-.js → SummaryCard-XbFHvHx9-CTqdwSSS.js}

@@ -1 +1 @@
-import{j as d}from"./index-Ihb4xe41.js";import{E as n,T as t}from"./ReloadCard-aQ5Ma2ne-DnZtzMX3.js";const o=r=>{function e(){return r.card.fetchState==="In-Progress"||r.card.fetchState==="Not-Started"?d.jsx(n,{dimension:r.card.dimension,animated:!r.card.disableAnimations}):r.card.fetchState==="Error"?d.jsx(t,{dimension:r.card.dimension,cardType:r.card.cardType,cardIndex:r.card.cardIndex,onReloadData:r.actions.onReloadData}):d.jsx("div",{children:r.children})}return d.jsx("div",{children:e()})};export{o as c};
+import{j as d}from"./index-DyBH5SZv.js";import{E as n,T as t}from"./ReloadCard-BA_JCHcV-DL7NGQyj.js";const o=r=>{function e(){return r.card.fetchState==="In-Progress"||r.card.fetchState==="Not-Started"?d.jsx(n,{dimension:r.card.dimension,animated:!r.card.disableAnimations}):r.card.fetchState==="Error"?d.jsx(t,{dimension:r.card.dimension,cardType:r.card.cardType,cardIndex:r.card.cardIndex,onReloadData:r.actions.onReloadData}):d.jsx("div",{children:r.children})}return d.jsx("div",{children:e()})};export{o as c};

package/dist/assets/{TaskManagementPage-CbSLSOpI-C_StuWQ7.js → TaskManagementPage-Oct77yO--igT2quo0.js}

@@ -1,4 +1,4 @@
-import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z as kt,l as Q,o as s,eH as qe,bH as Ie,bL as xt,fy as wt,an as ft,bf as Xe,a5 as Ct,X as le,a as Tt,C as Je,c3 as $t,F as yt,ai as bt,bT as vt,ia as jt,ib as St,iH as ze,a3 as Gt,K as De,bt as Ee,eD as Qe,iI as Lt,cq as et,iJ as pe,iK as xe,iL as Nt,iM as we,iN as tt,iO as st,iP as ot,iQ as nt,iR as at,iS as rt,iT as _,n as ke,iU as re,w as ie,iV as It,iW as Et,a2 as Mt,r as Dt,iX as zt,d6 as Bt,iY as Wt,cg as it,cA as At,v as Rt,iZ as Ot,i_ as Ft,fz as Pt,eG as Ht,i$ as Vt,j0 as X,j1 as Be,bV as Ut,j2 as _t,j3 as Kt,j4 as We,j5 as Yt,g as Ae,fW as Zt,f as qt}from"./index-Ihb4xe41.js";import{b as n,n as o,j as fe}from"./vendor-CnQcJ2Lu.js";import{J as Xt,Y as Jt}from"./SpendManagementSection-CnD0V00y-D9fNwId6.js";import{A as Qt,t as es,a as ts,E as ss}from"./NotificationsListConfig-CISUs4yA-Dlptdtpj.js";import{getDashboardFilterCategoryValues as os}from"./SpendManagementListViewPage-B8R0PEMD-CBly6PX5.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./StatusSwitcher-CxbcO6mR-7byU0Qsi.js";const ns=100,as=100,rs=3,is=.7,ls=({scrollContainerRef:e,isEnabled:u=!0,edgeThreshold:r=ns,scrollSpeed:h=as,minScrollAmount:m=rs,scrollCurveExponent:p=is})=>{n.useEffect(()=>{if(!u||typeof window>"u"||typeof document>"u")return;let a=!1,c=0,i=null;const d=Math.max(r,1),C=()=>{i!==null&&(cancelAnimationFrame(i),i=null)},j=x=>{const S=e.current;return!S||!(x.target instanceof Node)?!1:S.contains(x.target)},E=x=>j(x),M=x=>{const S=Math.max(x,0)/d,y=Math.pow(S,p)*h;return Math.max(m,y)},k=(x,S,y)=>{const L=y==="up"?-S:S;x===window?window.scrollBy({top:L,behavior:"auto"}):x instanceof HTMLElement&&typeof x.scrollTop=="number"&&(x.scrollTop+=L)},f=()=>e.current??window,w=()=>{if(!a)return;const x=f(),S=window.innerHeight,y=c;if(y<d&&y>0){const L=d-y,g=M(L);k(x,g,"up")}else if(y>S-d){const L=y-(S-d),g=M(L);k(x,g,"down")}i=requestAnimationFrame(w)},D=x=>{E(x)?a=!0:(a=!1,C())},z=()=>{a=!1,C()},B=x=>{a&&(c=x.clientY)},$=x=>{B(x),a&&i===null&&(i=requestAnimationFrame(w))};return document.addEventListener("dragstart",D),document.addEventListener("dragend",z),document.addEventListener("dragover",$),()=>{document.removeEventListener("dragstart",D),document.removeEventListener("dragend",z),document.removeEventListener("dragover",$),C()}},[r,u,m,e,p,h])},Se=oe.getLocalizedStrings(),lt=({count:e})=>t.jsx(ds,{isCircular:e<10,children:t.jsx(cs,{children:e>Se.common.numbers.maximumCount?`${Se.common.numbers.maximumCount}${Se.common.strings.plus}`:e})}),ds=o.div`
+import{t as ht,u as qe,j as t,M as oe,iG as Y,aV as mt,T as V,bO as gt,q as K,Z as kt,l as Q,o as s,eH as Ze,bH as Ie,bL as xt,fy as wt,an as ft,be as Xe,a5 as Ct,X as le,a as Tt,C as Je,c3 as $t,F as yt,ai as bt,bT as vt,ia as jt,ib as St,iH as Be,a3 as Gt,K as De,bs as Ee,eD as Qe,iI as Lt,cq as et,iJ as pe,iK as xe,iL as Nt,iM as we,iN as tt,iO as st,iP as ot,iQ as nt,iR as at,iS as rt,iT as _,n as ke,iU as re,w as ie,iV as It,iW as Et,a2 as Mt,e as Dt,iX as Bt,d6 as zt,iY as At,cg as it,cA as Wt,v as Rt,iZ as Ot,i_ as Ft,fz as Pt,eG as Ht,i$ as Vt,j0 as X,j1 as ze,bV as Ut,j2 as _t,j3 as Kt,j4 as Ae,j5 as Yt,g as We,fW as qt,f as Zt}from"./index-DyBH5SZv.js";import{b as n,n as o,j as fe}from"./vendor-CnQcJ2Lu.js";import{J as Xt,Y as Jt}from"./SpendManagementSection-DMw8NFvN-Cpy4Blf3.js";import{A as Qt,t as es,a as ts,E as ss}from"./NotificationsListConfig-BL_MxKXF-CvqrsVs-.js";import{getDashboardFilterCategoryValues as os}from"./SpendManagementListViewPage-aZljA388--EEskYb2.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./StatusSwitcher-5CZzUYJE-qZVSFmES.js";const ns=100,as=100,rs=3,is=.7,ls=({scrollContainerRef:e,isEnabled:u=!0,edgeThreshold:r=ns,scrollSpeed:h=as,minScrollAmount:m=rs,scrollCurveExponent:p=is})=>{n.useEffect(()=>{if(!u||typeof window>"u"||typeof document>"u")return;let a=!1,c=0,i=null;const d=Math.max(r,1),C=()=>{i!==null&&(cancelAnimationFrame(i),i=null)},j=x=>{const S=e.current;return!S||!(x.target instanceof Node)?!1:S.contains(x.target)},E=x=>j(x),M=x=>{const S=Math.max(x,0)/d,y=Math.pow(S,p)*h;return Math.max(m,y)},k=(x,S,y)=>{const L=y==="up"?-S:S;x===window?window.scrollBy({top:L,behavior:"auto"}):x instanceof HTMLElement&&typeof x.scrollTop=="number"&&(x.scrollTop+=L)},f=()=>e.current??window,w=()=>{if(!a)return;const x=f(),S=window.innerHeight,y=c;if(y<d&&y>0){const L=d-y,g=M(L);k(x,g,"up")}else if(y>S-d){const L=y-(S-d),g=M(L);k(x,g,"down")}i=requestAnimationFrame(w)},D=x=>{E(x)?a=!0:(a=!1,C())},B=()=>{a=!1,C()},z=x=>{a&&(c=x.clientY)},$=x=>{z(x),a&&i===null&&(i=requestAnimationFrame(w))};return document.addEventListener("dragstart",D),document.addEventListener("dragend",B),document.addEventListener("dragover",$),()=>{document.removeEventListener("dragstart",D),document.removeEventListener("dragend",B),document.removeEventListener("dragover",$),C()}},[r,u,m,e,p,h])},Se=oe.getLocalizedStrings(),lt=({count:e})=>t.jsx(ds,{isCircular:e<10,children:t.jsx(cs,{children:e>Se.common.numbers.maximumCount?`${Se.common.numbers.maximumCount}${Se.common.strings.plus}`:e})}),ds=o.div`
   ${e=>e.isCircular?fe`
           height: 18px;
           width: 18px;
@@ -44,7 +44,7 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
 `,ks=o(Xe)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,xs=oe.getLocalizedStrings().taskManagement.taskList.footer;function ws({taskGroupsList:e,anchorEl:u,groupByKey:r,onCreateNewGroup:h,onExistingGroupSelection:m,onClose:p}){const a=()=>{p(),h()};return t.jsx(qe,{open:!!u,anchorEl:u,onClose:p,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(fs,{children:[t.jsx(Cs,{children:e.map(c=>{const i=()=>{p(),m(c.id)};return t.jsx(Oe,{onClick:i,children:t.jsx(ie,{children:c.groupName})},c.id)})}),t.jsx(V,{controller:r==="groupName",children:t.jsxs(Oe,{onClick:a,children:[t.jsx(Ts,{}),t.jsx(ie,{children:xs.createGroup})]})})]})})}const fs=o.div`
+`,xs=oe.getLocalizedStrings().taskManagement.taskList.footer;function ws({taskGroupsList:e,anchorEl:u,groupByKey:r,onCreateNewGroup:h,onExistingGroupSelection:m,onClose:p}){const a=()=>{p(),h()};return t.jsx(Ze,{open:!!u,anchorEl:u,onClose:p,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(fs,{children:[t.jsx(Cs,{children:e.map(c=>{const i=()=>{p(),m(c.id)};return t.jsx(Oe,{onClick:i,children:t.jsx(ie,{children:c.groupName})},c.id)})}),t.jsx(V,{controller:r==="groupName",children:t.jsxs(Oe,{onClick:a,children:[t.jsx(Ts,{}),t.jsx(ie,{children:xs.createGroup})]})})]})})}const fs=o.div`
   background-color: ${e=>e.theme.colors.grey5};
 `,Oe=o.div`
   padding: ${s.sp2} ${s.sp3};
@@ -97,7 +97,7 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
 `,Ss=o(Mt)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Gs=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M19.6011 5.42688H3.10107",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 9.60004L7.92188 12.4125L6.51562 11.0063",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 11.0063H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 15.4125L7.92188 18.225L6.51562 16.8188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 16.8188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Ls=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 8.1001L7.92188 10.9126L6.51562 9.50635",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 9.50635H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 13.9126L7.92188 16.7251L6.51562 15.3188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 15.3188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Ns=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},n.createElement("path",{d:"M4.49908 1.50001H12.0015H19.5039C19.5039 1.50001 20.868 1.50001 20.868 2.86409V21.1359C20.868 21.1359 20.868 22.5 19.5039 22.5H4.49908C4.49908 22.5 3.13501 22.5 3.13501 21.1359V2.86409C3.13501 2.86409 3.13501 1.50001 4.49908 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M7.5 11.9996L8.598 14.1953C8.70072 14.4016 8.85107 14.5804 9.03662 14.7171C9.22217 14.8538 9.43759 14.9443 9.66506 14.9812C9.89254 15.0182 10.1255 15.0004 10.3448 14.9295C10.5641 14.8585 10.7633 14.7364 10.926 14.5733L16.5 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{taskManagement:Is,common:Es}=oe.getLocalizedStrings(),J=Is.taskList.newTaskOptions;function Ms({anchorEl:e,groupByKey:u,taskGroupTemplates:r,taskCreationFromTemplateStatus:h,isTaskTemplatesEnabled:m,expandedTemplate:p,onExpandTemplate:a,onClose:c,onNewTaskClick:i,onNewGroupClick:d,handleGroupTemplateClick:C,handleGroupTemplateTaskClick:j,onNewTaskInitialization:E}){const M=Ze(),[k,f]=n.useState(null),[w,D]=n.useState(null);n.useEffect(()=>{h.fetchState==="Completed"&&(D(null),f(null),c())},[h.fetchState,c]);const z=n.useCallback(($,x)=>{f(x),j($,x)},[j]),B=n.useCallback($=>{D($),C($)},[C]);return t.jsx(qe,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${M.colors.grey3}`}},anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(zs,{isTaskTemplatesEnabled:m,children:[t.jsxs(As,{children:[t.jsxs(Pe,{onClick:i,children:[t.jsx(Bs,{}),t.jsx(Ie,{children:J.task})]}),t.jsx(V,{controller:u==="groupName",children:t.jsxs(Pe,{onClick:()=>d(""),children:[t.jsx(Ws,{}),t.jsx(Ie,{children:J.group})]})})]}),m?t.jsx(Ds,{taskGroupTemplates:r,taskIdInCreation:k,groupIdInCreation:w,expandedTemplate:p,handleGroupTemplateClick:B,handleGroupTemplateTaskClick:z,onNewGroupClick:d,onNewTaskInitialization:E,onExpandTemplate:a}):null]})})}const Ds=({taskGroupTemplates:e,taskIdInCreation:u,groupIdInCreation:r,expandedTemplate:h,onExpandTemplate:m,handleGroupTemplateClick:p,handleGroupTemplateTaskClick:a,onNewGroupClick:c,onNewTaskInitialization:i})=>{const[d,C]=n.useState(""),j=n.useMemo(()=>{const k=[];return e.forEach(f=>{if(f.name.toLowerCase().includes(d.toLowerCase()))k.push(f);else{const w=f.tasks.filter(D=>D.name.toLowerCase().includes(d.toLowerCase()));w.length>0&&k.push({...f,tasks:w})}}),k},[e,d]),E=n.useCallback(()=>{i(d)},[d,i]),M=n.useCallback(()=>{c(d)},[d,c]);return t.jsxs(Rs,{children:[t.jsx(Os,{children:t.jsxs(Ps,{children:[t.jsxs(Fs,{children:[t.jsx(Hs,{}),t.jsx(Vs,{children:J.groupTemplates})]}),t.jsx($s,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:d,onSearchTextChanged:C,placeholder:J.searchPlaceholder})]})}),t.jsx(V,{controller:j.length>0,children:t.jsx(Us,{children:j.map(k=>{const f=h===k.id;return t.jsxs(eo,{children:[t.jsxs(_s,{onClick:()=>{m(k.id)},expanded:f,children:[t.jsxs(Ks,{children:[t.jsx(V,{controller:f,children:t.jsx(Qs,{})}),t.jsx(V,{controller:!f,children:t.jsx(Js,{})}),t.jsx(K,{children:k.name}),t.jsx(lt,{count:k.tasks.length})]}),t.jsx(qs,{expanded:f,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:J.createGroup,disabled:k.createdAt!=null,onClick:w=>{w.stopPropagation(),m(null),p(k.id)},reverseSpinnerColor:!1,loading:r===k.id})]}),t.jsx(V,{controller:f,children:t.jsx(n.Fragment,{children:k.tasks.map(w=>t.jsxs(Ys,{children:[t.jsxs(Zs,{children:[t.jsx(to,{className:"styled-dot"}),t.jsx(no,{className:"task-name-text",children:w.name})]}),t.jsx(Xs,{loading:u===w.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Es.create,reverseSpinnerColor:!1,onClick:()=>a(k.id,w.name)})]},w.name))})})]},k.id)})})}),t.jsxs(V,{controller:j.length===0,children:[t.jsx(so,{children:t.jsx(oo,{children:J.noTaskGroup})}),t.jsxs(He,{onClick:E,children:[t.jsx(Ve,{}),t.jsx(K,{children:J.newTaskOptionText.replace("__searchText__",d)})]}),t.jsxs(He,{onClick:M,children:[t.jsx(Ve,{}),t.jsx(K,{children:J.newGroupOptionText.replace("__searchText__",d)})]})]})]})},zs=o.div`
+`,Gs=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M19.6011 5.42688H3.10107",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 9.60004L7.92188 12.4125L6.51562 11.0063",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 11.0063H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 15.4125L7.92188 18.225L6.51562 16.8188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 16.8188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Ls=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 8.1001L7.92188 10.9126L6.51562 9.50635",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 9.50635H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 13.9126L7.92188 16.7251L6.51562 15.3188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 15.3188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Ns=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},n.createElement("path",{d:"M4.49908 1.50001H12.0015H19.5039C19.5039 1.50001 20.868 1.50001 20.868 2.86409V21.1359C20.868 21.1359 20.868 22.5 19.5039 22.5H4.49908C4.49908 22.5 3.13501 22.5 3.13501 21.1359V2.86409C3.13501 2.86409 3.13501 1.50001 4.49908 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M7.5 11.9996L8.598 14.1953C8.70072 14.4016 8.85107 14.5804 9.03662 14.7171C9.22217 14.8538 9.43759 14.9443 9.66506 14.9812C9.89254 15.0182 10.1255 15.0004 10.3448 14.9295C10.5641 14.8585 10.7633 14.7364 10.926 14.5733L16.5 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{taskManagement:Is,common:Es}=oe.getLocalizedStrings(),J=Is.taskList.newTaskOptions;function Ms({anchorEl:e,groupByKey:u,taskGroupTemplates:r,taskCreationFromTemplateStatus:h,isTaskTemplatesEnabled:m,expandedTemplate:p,onExpandTemplate:a,onClose:c,onNewTaskClick:i,onNewGroupClick:d,handleGroupTemplateClick:C,handleGroupTemplateTaskClick:j,onNewTaskInitialization:E}){const M=qe(),[k,f]=n.useState(null),[w,D]=n.useState(null);n.useEffect(()=>{h.fetchState==="Completed"&&(D(null),f(null),c())},[h.fetchState,c]);const B=n.useCallback(($,x)=>{f(x),j($,x)},[j]),z=n.useCallback($=>{D($),C($)},[C]);return t.jsx(Ze,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${M.colors.grey3}`}},anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Bs,{isTaskTemplatesEnabled:m,children:[t.jsxs(Ws,{children:[t.jsxs(Pe,{onClick:i,children:[t.jsx(zs,{}),t.jsx(Ie,{children:J.task})]}),t.jsx(V,{controller:u==="groupName",children:t.jsxs(Pe,{onClick:()=>d(""),children:[t.jsx(As,{}),t.jsx(Ie,{children:J.group})]})})]}),m?t.jsx(Ds,{taskGroupTemplates:r,taskIdInCreation:k,groupIdInCreation:w,expandedTemplate:p,handleGroupTemplateClick:z,handleGroupTemplateTaskClick:B,onNewGroupClick:d,onNewTaskInitialization:E,onExpandTemplate:a}):null]})})}const Ds=({taskGroupTemplates:e,taskIdInCreation:u,groupIdInCreation:r,expandedTemplate:h,onExpandTemplate:m,handleGroupTemplateClick:p,handleGroupTemplateTaskClick:a,onNewGroupClick:c,onNewTaskInitialization:i})=>{const[d,C]=n.useState(""),j=n.useMemo(()=>{const k=[];return e.forEach(f=>{if(f.name.toLowerCase().includes(d.toLowerCase()))k.push(f);else{const w=f.tasks.filter(D=>D.name.toLowerCase().includes(d.toLowerCase()));w.length>0&&k.push({...f,tasks:w})}}),k},[e,d]),E=n.useCallback(()=>{i(d)},[d,i]),M=n.useCallback(()=>{c(d)},[d,c]);return t.jsxs(Rs,{children:[t.jsx(Os,{children:t.jsxs(Ps,{children:[t.jsxs(Fs,{children:[t.jsx(Hs,{}),t.jsx(Vs,{children:J.groupTemplates})]}),t.jsx($s,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:d,onSearchTextChanged:C,placeholder:J.searchPlaceholder})]})}),t.jsx(V,{controller:j.length>0,children:t.jsx(Us,{children:j.map(k=>{const f=h===k.id;return t.jsxs(eo,{children:[t.jsxs(_s,{onClick:()=>{m(k.id)},expanded:f,children:[t.jsxs(Ks,{children:[t.jsx(V,{controller:f,children:t.jsx(Qs,{})}),t.jsx(V,{controller:!f,children:t.jsx(Js,{})}),t.jsx(K,{children:k.name}),t.jsx(lt,{count:k.tasks.length})]}),t.jsx(Zs,{expanded:f,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:J.createGroup,disabled:k.createdAt!=null,onClick:w=>{w.stopPropagation(),m(null),p(k.id)},reverseSpinnerColor:!1,loading:r===k.id})]}),t.jsx(V,{controller:f,children:t.jsx(n.Fragment,{children:k.tasks.map(w=>t.jsxs(Ys,{children:[t.jsxs(qs,{children:[t.jsx(to,{className:"styled-dot"}),t.jsx(no,{className:"task-name-text",children:w.name})]}),t.jsx(Xs,{loading:u===w.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Es.create,reverseSpinnerColor:!1,onClick:()=>a(k.id,w.name)})]},w.name))})})]},k.id)})})}),t.jsxs(V,{controller:j.length===0,children:[t.jsx(so,{children:t.jsx(oo,{children:J.noTaskGroup})}),t.jsxs(He,{onClick:E,children:[t.jsx(Ve,{}),t.jsx(K,{children:J.newTaskOptionText.replace("__searchText__",d)})]}),t.jsxs(He,{onClick:M,children:[t.jsx(Ve,{}),t.jsx(K,{children:J.newGroupOptionText.replace("__searchText__",d)})]})]})]})},Bs=o.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
@@ -113,13 +113,13 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
     color: ${e=>e.theme.colors.primary};
     background-color: ${e=>e.theme.colors.background};
   }
-`,Bs=o(Ns)`
+`,zs=o(Ns)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Ws=o(Ls)`
+`,As=o(Ls)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,As=o.div`
+`,Ws=o.div`
   display: flex;
   flex-direction: column;
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
@@ -188,7 +188,7 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
       display: block;
     }
   }
-`,Zs=o.div`
+`,qs=o.div`
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -201,7 +201,7 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
       background-color: ${e=>e.theme.colors.primary};
     }
   }
-`,qs=o(De)`
+`,Zs=o(De)`
   display: ${e=>e.expanded===!0?"block":"none"};
 `,Xs=o(De)`
   display: none;
@@ -243,7 +243,7 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 336px;
-`,{common:Le,dateFormat:ao,taskManagement:Me}=oe.getLocalizedStrings(),dt={taskNameMaxWidth:new Je(125,170,170,250,300)},ro=({taskDetail:e,tagList:u,sectionId:r,onRowClick:h,onTimeSpentUpdate:m,onShowToast:p})=>{const a=le(),c=e.assigneeUsers.length,i=e.assigneeUsers[0]?.user,d=i?.firstName||i?.lastName?`${i.firstName} ${i.lastName}`:i?.email??Le.strings.empty,{getValues:C,resetField:j,getFieldState:E}=it(),M=(k,f)=>{const w=We(k,f,we);E(w).invalid?j(w):m(e,{timeSpent:C(w)})};return t.jsxs(co,{children:[t.jsxs($o,{windowSize:a,onClick:h,responsiveWidth:X[0].width,children:[t.jsxs(yo,{windowSize:a,children:[t.jsx(vo,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(So,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(bo,{windowSize:a,responsiveWidth:X[0].width,children:t.jsx(jo,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ue,{windowSize:a,responsiveWidth:X[1].width,children:Be(e.status.code)}),t.jsx(Io,{windowSize:a,responsiveWidth:X[2].width,children:Be(e.priority.code)}),t.jsx(Eo,{windowSize:a,responsiveWidth:X[3].width,children:e.dueDate!=null?e.dueDate.format(ao.visual.MMMDCommaYYYYformat):t.jsx(po,{children:Le.strings.hyphen})}),t.jsx(Ue,{windowSize:a,responsiveWidth:X[4].width,children:c>0?t.jsxs(uo,{children:[t.jsx(Ut,{personBasic:i,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Go,{children:t.jsx(Lo,{children:d})}),c>1?t.jsx(ho,{children:`${Le.strings.plus}${c-1}`}):null]}):null}),t.jsx(Mo,{windowSize:a,responsiveWidth:X[5].width,children:e.tagIds.length>0?t.jsx(No,{children:_t(e.tagIds,u)}):null}),t.jsx(zo,{windowSize:a,responsiveWidth:X[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Bo,{className:"timeSpentField",children:t.jsx(Kt,{name:We(r,e.id,we),placeholder:Me.common.timeSpentPlaceholder,timeSpentFormat:Me.common.timeSpentFormat,registerOptions:{validate:k=>Q.convertHHMMStrToMinutes(k)>Yt?(p({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{M(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},io=({taskGroup:e,tagList:u,sectionId:r,showGroupName:h,showRenameTextField:m,isSelectionAllowed:p,isCollapsed:a,existingTaskGroupNamesByGroupId:c,onDeleteTaskGroup:i,onExpandAll:d,onCollapseAll:C,onAddNewTaskToTaskGroup:j,onCollapseToggle:E,onTaskManagementRowClick:M,onDragStart:k,onTimeSpentUpdate:f,onShowToast:w})=>{const[D,z]=n.useState(null),B=le(),{setFocus:$}=it(),x=n.useCallback(()=>{E(e.id)},[E,e.id]),S=n.useCallback(R=>{z(R.currentTarget)},[]),y=n.useCallback(()=>{z(null)},[]),L=n.useCallback(()=>{j(e.id)},[j,e.id]),g=n.useCallback(()=>{z(null),i(e.id)},[i,e.id]),b=n.useCallback(()=>{$(`${r}.groupName`),y()},[y,r,$]);return t.jsxs(lo,{windowSize:B,children:[t.jsx(V,{controller:h,children:t.jsxs(mo,{children:[t.jsxs(go,{children:[t.jsx(ko,{isOpen:a===!1,onClick:x,children:t.jsx(xo,{})}),t.jsx(At,{style:{textAlign:"start",width:"100%",background:"unset",...Rt.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:Me.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:R=>Ot(R,e.id,c)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(wo,{onClick:S,children:t.jsx(fo,{})}),t.jsx(Ft,{onClose:y,onAddTask:L,onCollapseAll:C,onDelete:g,onExpandAll:d,onRename:b,isDefault:e.isDefault,anchorEl:D})]})}),t.jsx(V,{controller:a===!1,children:t.jsx(Pt,{mode:"checked_or_hover",isDisabled:p===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(R=>{const U=()=>{M(R.id)};return{label:t.jsx(ro,{taskDetail:R,onRowClick:U,tagList:u,onTimeSpentUpdate:f,onShowToast:w,sectionId:r}),prefix:B==="small"?null:t.jsx(Co,{children:t.jsx(To,{})}),value:R.id,defaultChecked:!1,groupLabel:!1}})],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:k,draggable:!0})})]})},lo=o.div`
+`,{common:Le,dateFormat:ao,taskManagement:Me}=oe.getLocalizedStrings(),dt={taskNameMaxWidth:new Je(125,170,170,250,300)},ro=({taskDetail:e,tagList:u,sectionId:r,onRowClick:h,onTimeSpentUpdate:m,onShowToast:p})=>{const a=le(),c=e.assigneeUsers.length,i=e.assigneeUsers[0]?.user,d=i?.firstName||i?.lastName?`${i.firstName} ${i.lastName}`:i?.email??Le.strings.empty,{getValues:C,resetField:j,getFieldState:E}=it(),M=(k,f)=>{const w=Ae(k,f,we);E(w).invalid?j(w):m(e,{timeSpent:C(w)})};return t.jsxs(co,{children:[t.jsxs($o,{windowSize:a,onClick:h,responsiveWidth:X[0].width,children:[t.jsxs(yo,{windowSize:a,children:[t.jsx(vo,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(So,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(bo,{windowSize:a,responsiveWidth:X[0].width,children:t.jsx(jo,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ue,{windowSize:a,responsiveWidth:X[1].width,children:ze(e.status.code)}),t.jsx(Io,{windowSize:a,responsiveWidth:X[2].width,children:ze(e.priority.code)}),t.jsx(Eo,{windowSize:a,responsiveWidth:X[3].width,children:e.dueDate!=null?e.dueDate.format(ao.visual.MMMDCommaYYYYformat):t.jsx(po,{children:Le.strings.hyphen})}),t.jsx(Ue,{windowSize:a,responsiveWidth:X[4].width,children:c>0?t.jsxs(uo,{children:[t.jsx(Ut,{personBasic:i,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Go,{children:t.jsx(Lo,{children:d})}),c>1?t.jsx(ho,{children:`${Le.strings.plus}${c-1}`}):null]}):null}),t.jsx(Mo,{windowSize:a,responsiveWidth:X[5].width,children:e.tagIds.length>0?t.jsx(No,{children:_t(e.tagIds,u)}):null}),t.jsx(Bo,{windowSize:a,responsiveWidth:X[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(zo,{className:"timeSpentField",children:t.jsx(Kt,{name:Ae(r,e.id,we),placeholder:Me.common.timeSpentPlaceholder,timeSpentFormat:Me.common.timeSpentFormat,registerOptions:{validate:k=>Q.convertHHMMStrToMinutes(k)>Yt?(p({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{M(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},io=({taskGroup:e,tagList:u,sectionId:r,showGroupName:h,showRenameTextField:m,isSelectionAllowed:p,isCollapsed:a,existingTaskGroupNamesByGroupId:c,onDeleteTaskGroup:i,onExpandAll:d,onCollapseAll:C,onAddNewTaskToTaskGroup:j,onCollapseToggle:E,onTaskManagementRowClick:M,onDragStart:k,onTimeSpentUpdate:f,onShowToast:w})=>{const[D,B]=n.useState(null),z=le(),{setFocus:$}=it(),x=n.useCallback(()=>{E(e.id)},[E,e.id]),S=n.useCallback(R=>{B(R.currentTarget)},[]),y=n.useCallback(()=>{B(null)},[]),L=n.useCallback(()=>{j(e.id)},[j,e.id]),g=n.useCallback(()=>{B(null),i(e.id)},[i,e.id]),b=n.useCallback(()=>{$(`${r}.groupName`),y()},[y,r,$]);return t.jsxs(lo,{windowSize:z,children:[t.jsx(V,{controller:h,children:t.jsxs(mo,{children:[t.jsxs(go,{children:[t.jsx(ko,{isOpen:a===!1,onClick:x,children:t.jsx(xo,{})}),t.jsx(Wt,{style:{textAlign:"start",width:"100%",background:"unset",...Rt.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:Me.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:R=>Ot(R,e.id,c)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(wo,{onClick:S,children:t.jsx(fo,{})}),t.jsx(Ft,{onClose:y,onAddTask:L,onCollapseAll:C,onDelete:g,onExpandAll:d,onRename:b,isDefault:e.isDefault,anchorEl:D})]})}),t.jsx(V,{controller:a===!1,children:t.jsx(Pt,{mode:"checked_or_hover",isDisabled:p===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(R=>{const U=()=>{M(R.id)};return{label:t.jsx(ro,{taskDetail:R,onRowClick:U,tagList:u,onTimeSpentUpdate:f,onShowToast:w,sectionId:r}),prefix:z==="small"?null:t.jsx(Co,{children:t.jsx(To,{})}),value:R.id,defaultChecked:!1,groupLabel:!1}})],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:k,draggable:!0})})]})},lo=o.div`
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -256,7 +256,7 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
   width: 100%;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.theme.mode==="dark"?`${Ae.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${Ae.dropShadowNormalLight}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${We.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${We.dropShadowNormalLight}`};
   border-radius: ${s.sp2};
   cursor: pointer;
   &:hover {
@@ -285,7 +285,7 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
   flex-direction: row;
   align-items: center;
   color: ${e=>e.theme.colors.hero};
-`,ho=o(qt)`
+`,ho=o(Zt)`
   border: 1px solid ${e=>e.theme.colors.hero};
   width: calc(${s.sp3} + ${s.sp1});
   height: calc(${s.sp3} + ${s.sp1});
@@ -351,7 +351,7 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`,So=o(Zt)`
+`,So=o(qt)`
   display: flex;
   align-items: center;
   margin-left: ${s.sp1};
@@ -419,7 +419,7 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
 `,Do=o.div`
   width: inherit;
   position: relative;
-`,zo=o(Do)`
+`,Bo=o(Do)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
@@ -428,9 +428,9 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
   align-items: center;
   justify-content: flex-end;
   column-gap: ${s.sp2};
-`,Bo=o.div`
+`,zo=o.div`
   max-width: ${s.sp11};
-`,Wo=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("rect",{x:10,y:2,width:12,height:12,rx:2,stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 10.75C7 10.3358 6.66421 10 6.25 10H3.70967C2.76545 10 2 10.7654 2 11.7097V20.2936C2 21.2378 2.76544 22.0033 3.70966 22.0033H12.2936C13.2378 22.0033 14.0033 21.2378 14.0033 20.2936V17.75C14.0033 17.3358 13.6675 17 13.2533 17C12.8391 17 12.5033 17.3358 12.5033 17.75V20.2936C12.5033 20.4094 12.4094 20.5033 12.2936 20.5033H3.70966C3.59387 20.5033 3.5 20.4094 3.5 20.2936V11.7097C3.5 11.5939 3.59387 11.5 3.70967 11.5H6.25C6.66421 11.5 7 11.1642 7 10.75Z",fill:"currentColor"})),H=oe.getLocalizedStrings(),_e=e=>`${e}_form`,Ao={rowGap:new Je(ke[0],ke[5],ke[5])},{common:{footer:Ke},taskManagement:Ne}=oe.getLocalizedStrings(),xn=({taskListView:e,tagListView:u,isTaskTemplatesEnabled:r,onCreateTagClick:h,updateTask:m,onDragNDrop:p,onDeleteTaskGroup:a,updateLocalData:c,onTaskManagementRowClick:i,onReloadTasks:d,onColumnSortConfigChanged:C,onSearchTextChanged:j,onBackClick:E,onNewTaskClick:M,onFiltersChange:k,resetLocalData:f,handleCreateGroup:w,assignGroupToTasks:D,onAddNewTaskToTaskGroup:z,onGroupByFilterChange:B,onTaskGroupRename:$,analytics:x,onTimeSpentUpdate:S,onShowToast:y,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,handleNewTaskInitialization:b})=>{const[R,U]=n.useState(!1),[ee,F]=n.useState(null),[P,ne]=n.useState(null),[Z,ue]=n.useState(null),[Ce,de]=n.useState(null),[he,ae]=n.useState(!1),Te=ht(),{fetchState:te,uiState:q,filters:$e,userList:ce,taskGroupsWithTasksList:ye}=e,{tagList:be}=u,ve=Ze(),je=A=>{ae(A)},me=n.useCallback(A=>{de(A.currentTarget)},[]),ge=n.useCallback(A=>{B(A)},[B]),l=n.useCallback(()=>{B("groupName")},[B]),G=n.useCallback(A=>{b(A)},[b]),O=ce.users.map(A=>A.user).filter(A=>A!=null),N={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:H.common.create,isSearchOpen:he,searchPlaceHolder:H.taskManagement.taskList.searchPlaceHolder,searchText:q.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:$e,searchTextBoxStyle:{right:"108px"},onNewButtonClick:me,onSearchOpen:je,onSearchTextChanged:j,onFiltersChange:k,analytics:x,downloadState:"Not-Started",createdByUserListLoaded:ce.fetchState==="Completed"||ce.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(ps,{value:q.groupByKey,resetDisabled:q.groupByKey==="groupName",onChange:ge,onReset:l}),height:90},getFilterOptions:()=>os("task_management",O,Te.loggedInUserRole??[],u.tagList)},I=n.useCallback(A=>{de(null),F(Y),c({...e.localData,newTaskGroupName:A})},[e.localData,c]),W=n.useCallback(()=>{de(null)},[]),v=n.useCallback(()=>{P!=null&&a(P)},[P,a]),T=n.useCallback(()=>{F(Y)},[]),se=n.useCallback(A=>{ue(ut=>ut===A?null:A)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&U(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&ue(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const ct=()=>te==="Error"?t.jsxs(Uo,{children:[t.jsx(_o,{onClick:d,children:t.jsx(Ko,{})}),t.jsx(Yo,{children:H.common.reloadPage.label})]}):te==="Completed"&&ye.length===0?t.jsx(xt,{message:H.taskManagement.taskList.noDataText}):te==="Not-Started"||te==="In-Progress"?t.jsx(wt,{fetchState:te}):t.jsx(Ro,{taskListView:e,tagList:be,renameActiveField:ee,updateTask:m,onDragNDrop:p,onAddNewTaskToTaskGroup:z,onColumnSortConfigChanged:C,onTaskManagementRowClick:i,assignGroupToTasks:D,handleCreateGroup:w,resetLocalData:f,setGroupCreationInProgress:T,setShowDeleteModal:U,updateLocalData:c,setActiveTaskGroupId:ne,setRenameActiveField:F,onTaskGroupRename:$,onTimeSpentUpdate:S,onShowToast:y,onCreateTagClick:h}),pt=t.jsx(Jt,{spendManagementSectionProps:N});return t.jsxs(Vo,{children:[t.jsx(mt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:ve.colors.grey4,style:{zIndex:3},onBackClick:E,rightSideComponent:pt,isSearchOpen:he,source:"TaskManagementPage"}),t.jsx(Ms,{anchorEl:Ce,groupByKey:q.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:W,onNewTaskClick:M,onNewGroupClick:I,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,onNewTaskInitialization:G,onExpandTemplate:se,expandedTemplate:Z}),t.jsx(Ho,{children:ct()}),t.jsx(V,{controller:R===!0,children:t.jsx(gt,{action:{onOkClick:v,onCancelClick:()=>{U(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:H.common.cancel,primaryButtonText:H.common.confirm,titleComponent:t.jsx(Qo,{children:t.jsx(kt,{children:H.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(en,{children:t.jsx(K,{children:H.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Ro=({taskListView:e,tagList:u,renameActiveField:r,updateTask:h,onTaskGroupRename:m,setRenameActiveField:p,onDragNDrop:a,updateLocalData:c,setShowDeleteModal:i,handleCreateGroup:d,resetLocalData:C,assignGroupToTasks:j,setGroupCreationInProgress:E,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,setActiveTaskGroupId:w,onTimeSpentUpdate:D,onShowToast:z,onCreateTagClick:B})=>{const $=n.useRef(null),[x,S]=n.useState(null),y=n.useRef({}),L=le(),{localData:g,taskGroupsWithTasksList:b,uiState:R}=e,[U,ee]=n.useState([]),F=n.useRef(null);ls({scrollContainerRef:F,isEnabled:L!=="small"});const P=n.useMemo(()=>e.userList.users.map(l=>l.user).filter(l=>l!=null),[e.userList.users]),ne=Tt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u]),values:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u])}),Z=n.useMemo(()=>{if(r!==Y)return b;const l=[],G=b.map(O=>{const N=O.tasks.filter(I=>{const W=g.selectedTaskIds.includes(I.id)===!0;return W&&l.push(I),W===!1});return{...O,tasks:N}});return G.unshift({groupName:"",isDefault:!1,id:Y,tasks:l}),G},[r,b,g.selectedTaskIds]),ue=n.useCallback(l=>U.includes(Z[l].id)||Z[l].tasks.length===0?100:y.current?.[l]!=null?y.current[l]+Ao.rowGap.value(L):(Qt*1+es)*3+ts+ss,[U,Z,L]),Ce=n.useCallback(l=>{S(l.currentTarget)},[]),de=n.useCallback((l,G)=>{y.current={...y.current,[l]:G},$.current?.resetAfterIndex(0,!0)},[L,$,b]),he=n.useCallback(l=>{ee(G=>G.includes(l)?G.filter(O=>l!==O):[...G,l]),$.current?.resetAfterIndex(0,!0)},[]),ae=n.useCallback(()=>{S(null)},[]),Te=n.useCallback(()=>{ee(b.map(l=>l.id)),$.current?.resetAfterIndex(0,!0)},[b]),te=n.useCallback(()=>{ee([]),$.current?.resetAfterIndex(0,!0)},[]),q=n.useCallback(()=>{E(),$.current?.scrollTo(0),ae()},[ae,E]),$e=n.useCallback(l=>{w(l),i(!0)},[w,i]),ce=n.useCallback(()=>{g.selectedTaskIds.length>0?r!==Y?q():d(!0):r===Y?d(!1):r!=null&&m(r,g.existingTaskGroupNamesByGroupId[r])},[g.selectedTaskIds.length,g.existingTaskGroupNamesByGroupId,r,q,d,m]),ye=n.useCallback(()=>{p(null),C()},[C,p]),be=n.useCallback(l=>{C(),p(l)},[C,p]),ve=n.useCallback(()=>{g.defaultTaskGroupId!=null&&j(g.defaultTaskGroupId)},[j,g.defaultTaskGroupId]),je=async(l,G)=>{if(l.includes(nt)){const N=l.split(".")[2],I=b.flatMap(v=>v.tasks).find(v=>v.id===N),W=G[_][re][N].priority.selectedOption;if(I!=null&&W!=null){const v=Q.allTaskPriority.find(T=>T.code===W);v!=null&&h(I,{priority:v})}return}if(l.includes(at)){const N=l.split(".")[2],I=b.flatMap(v=>v.tasks).find(v=>v.id===N),W=G[_][re][N].status.selectedOption;if(I!=null&&W!=null){const v=Q.allTaskStatus.find(T=>T.code===W);I!=null&&v!=null&&h(I,{status:v})}return}if(l.includes(st)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),W=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].assignees.selectedUsers.map(T=>T.userId);W!=null&&v!=null&&I!=null&&h(I,{assignees:v});return}if(l.includes(ot)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),W=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].dueDate.date;W!=null&&v!=null&&I!=null&&h(I,{dueDate:v});return}if(l.includes(tt)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),W=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].tags.selectedOptions;W!=null&&v!=null&&I!=null&&h(I,{tagIds:v});return}l.includes(we)&&ne.trigger(l);const O=Po(l,G,g);c(O)};n.useEffect(()=>{const l=ne.watch((G,{name:O})=>{O!=null&&G!=null&&$t(()=>je(O,G))});return()=>{l.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupUpdateStatus.fetchState]);const me=b.length>1&&g.selectedTaskIds.length>0&&r!==Y,ge=g.newTaskGroupName.length>0||g.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(yt,{...ne,children:t.jsx("form",{id:_e(ze),onSubmit:ne.handleSubmit(ce),style:{width:"100%"},children:t.jsx(Zo,{isFooterVisible:ge,windowSize:L,children:t.jsx(bt,{children:({height:l,width:G})=>t.jsx(vt,{ref:$,outerRef:F,height:l,itemCount:Z.length,itemSize:ue,estimatedItemSize:St,itemKey:O=>Z[O].id,width:G,overscanCount:jt,itemData:{tagList:u,taskGroupsWithTasksList:Z,uiState:R,collapsedGroups:U,userList:e.userList,renameActiveField:r,selectedRowIds:g.selectedTaskIds,existingTaskGroupNamesByGroupId:g.existingTaskGroupNamesByGroupId,onRenameClick:be,handleOnDragNDrop:a,onCollapseToggle:he,setRowHeight:de,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,onCollapseAll:Te,onDeleteTaskGroup:$e,onExpandAll:te,onTimeSpentUpdate:D,onShowToast:z,onCreateTagClick:B},initialScrollOffset:0,children:Oo})})})})}),ge?t.jsx(Gt,{formId:_e(ze),primaryBtn:{label:b.length===1&&g.selectedTaskIds.length>0&&r!==Y?Ne.taskList.footer.createGroup:Ke.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Ke.cancel,style:{width:"135px"},onClick:ye},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(V,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsxs(Xo,{children:[t.jsx(lt,{count:g.selectedTaskIds.length}),t.jsx(Jo,{children:g.selectedTaskIds.length>1?Ne.taskList.footer.tasksSelected:Ne.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(V,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsx(sn,{children:t.jsx(Ee,{enterDelay:600,title:H.taskManagement.taskList.footer.ungroup,children:t.jsx(tn,{onClick:ve})})})}),showPrimaryButton:me===!1,customPrimaryButton:me?t.jsxs(t.Fragment,{children:[t.jsx(De,{variant:"secondary",label:H.taskManagement.taskList.footer.moveTo,onClick:Ce,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(ws,{taskGroupsList:b,anchorEl:x,groupByKey:R.groupByKey,onCreateNewGroup:q,onExistingGroupSelection:l=>{ae(),j(l)},onClose:ae})]}):void 0}):null]})},Oo=({index:e,style:u,data:r})=>{const h=n.useRef(null),m=le(),{tagList:p,taskGroupsWithTasksList:a,uiState:c,renameActiveField:i,collapsedGroups:d,onCollapseToggle:C,onTaskManagementRowClick:j,setRowHeight:E,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,handleOnDragNDrop:z,onRenameClick:B,userList:$,selectedRowIds:x,existingTaskGroupNamesByGroupId:S,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g}=r;n.useEffect(()=>{h.current?.firstElementChild!=null&&E(e,h.current.firstElementChild.clientHeight)},[e,h,m,a[e]?.tasks]);const b=n.useCallback(F=>{const P=F.dataTransfer.getData("row");z(P,a[e].id)},[z,e,a]),R=n.useCallback(F=>{F.preventDefault()},[]),U=(F,P)=>{F.dataTransfer.setData("row",P)},ee=()=>{B(a[e].id)};return t.jsx(qo,{style:{...u,width:"100%"},ref:h,onDrop:b,onDragOver:R,children:t.jsx(Fo,{taskGroup:a[e],showGroupName:!0,tagList:p,uiState:c,isCollapsed:d.includes(a[e].id),onCollapseToggle:C,showRenameTextField:i===a[e].id,isSelectionAllowed:i==null,onTaskManagementRowClick:j,onColumnSortConfigChanged:M,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,selectedRowIds:x,userList:$,existingTaskGroupNamesByGroupId:S,onDragStart:U,onRenameClick:ee,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g},a[e].id)})},Fo=({taskGroup:e,tagList:u,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,userList:i,existingTaskGroupNamesByGroupId:d,onRenameClick:C,onTaskManagementRowClick:j,onCollapseToggle:E,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,onDragStart:z,onTimeSpentUpdate:B,onShowToast:$,onCreateTagClick:x})=>{const S=le(),y=S==="medium-regular"||S==="medium-compact"||S==="small"?io:Wt;return t.jsx(y,{taskGroup:e,tagList:u,userList:i,sectionId:_,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,existingTaskGroupNamesByGroupId:d,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,onCollapseToggle:E,onTaskManagementRowClick:j,onColumnSortConfigChanged:M,onDragStart:z,onRenameClick:C,onTimeSpentUpdate:B,onShowToast:$,onCreateTagClick:x})},Ye=(e,u,r,h)=>{const m={},p={};e.forEach(c=>{p[c.id]={[xe]:[],[pe]:u.existingTaskGroupNamesByGroupId[c.id]},c.tasks.forEach(i=>{u.selectedTaskIds.includes(i.id)&&p[c.id].selectedIds.push(i.id),m[i.id]={[at]:{selectedOption:i.status.code,allOptions:Q.allTaskStatus.map(d=>({label:d.name,value:d.code}))},[nt]:{selectedOption:i.priority.code,allOptions:Q.allTaskPriority.map(d=>({label:d.name,value:d.code}))},[ot]:{date:i.dueDate,showBusinessDay:!1},[st]:{allUsers:r,selectedUsers:i.assigneeUsers.map(d=>d.user)},[tt]:{allOptions:Nt(h),selectedOptions:i.tagIds},[we]:i.timeSpent}})});const a={[rt]:{[Y]:{[pe]:u.newTaskGroupName,[xe]:[]},...p},[re]:m};return{[_]:a}},Po=(e,u,r)=>{if(e.includes(_)){const h=e.split(".")[2];if(e.includes(pe))return e.includes(Y)?{...r,newTaskGroupName:u[_].groupData[h][pe]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[h]:u[_].groupData[h][pe]}};if(e.includes(xe)){const m=zt(Bt(Object.values(u[_][rt]),xe)).filter(p=>p!==H.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:m}}}return r},Ho=o.div`
+`,Ao=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("rect",{x:10,y:2,width:12,height:12,rx:2,stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 10.75C7 10.3358 6.66421 10 6.25 10H3.70967C2.76545 10 2 10.7654 2 11.7097V20.2936C2 21.2378 2.76544 22.0033 3.70966 22.0033H12.2936C13.2378 22.0033 14.0033 21.2378 14.0033 20.2936V17.75C14.0033 17.3358 13.6675 17 13.2533 17C12.8391 17 12.5033 17.3358 12.5033 17.75V20.2936C12.5033 20.4094 12.4094 20.5033 12.2936 20.5033H3.70966C3.59387 20.5033 3.5 20.4094 3.5 20.2936V11.7097C3.5 11.5939 3.59387 11.5 3.70967 11.5H6.25C6.66421 11.5 7 11.1642 7 10.75Z",fill:"currentColor"})),H=oe.getLocalizedStrings(),_e=e=>`${e}_form`,Wo={rowGap:new Je(ke[0],ke[5],ke[5])},{common:{footer:Ke},taskManagement:Ne}=oe.getLocalizedStrings(),xn=({taskListView:e,tagListView:u,isTaskTemplatesEnabled:r,onCreateTagClick:h,updateTask:m,onDragNDrop:p,onDeleteTaskGroup:a,updateLocalData:c,onTaskManagementRowClick:i,onReloadTasks:d,onColumnSortConfigChanged:C,onSearchTextChanged:j,onBackClick:E,onNewTaskClick:M,onFiltersChange:k,resetLocalData:f,handleCreateGroup:w,assignGroupToTasks:D,onAddNewTaskToTaskGroup:B,onGroupByFilterChange:z,onTaskGroupRename:$,analytics:x,onTimeSpentUpdate:S,onShowToast:y,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,handleNewTaskInitialization:b})=>{const[R,U]=n.useState(!1),[ee,F]=n.useState(null),[P,ne]=n.useState(null),[q,ue]=n.useState(null),[Ce,de]=n.useState(null),[he,ae]=n.useState(!1),Te=ht(),{fetchState:te,uiState:Z,filters:$e,userList:ce,taskGroupsWithTasksList:ye}=e,{tagList:be}=u,ve=qe(),je=W=>{ae(W)},me=n.useCallback(W=>{de(W.currentTarget)},[]),ge=n.useCallback(W=>{z(W)},[z]),l=n.useCallback(()=>{z("groupName")},[z]),G=n.useCallback(W=>{b(W)},[b]),O=ce.users.map(W=>W.user).filter(W=>W!=null),N={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:H.common.create,isSearchOpen:he,searchPlaceHolder:H.taskManagement.taskList.searchPlaceHolder,searchText:Z.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:$e,searchTextBoxStyle:{right:"108px"},onNewButtonClick:me,onSearchOpen:je,onSearchTextChanged:j,onFiltersChange:k,analytics:x,downloadState:"Not-Started",createdByUserListLoaded:ce.fetchState==="Completed"||ce.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(ps,{value:Z.groupByKey,resetDisabled:Z.groupByKey==="groupName",onChange:ge,onReset:l}),height:90},getFilterOptions:()=>os("task_management",O,Te.loggedInUserRole??[],u.tagList)},I=n.useCallback(W=>{de(null),F(Y),c({...e.localData,newTaskGroupName:W})},[e.localData,c]),A=n.useCallback(()=>{de(null)},[]),v=n.useCallback(()=>{P!=null&&a(P)},[P,a]),T=n.useCallback(()=>{F(Y)},[]),se=n.useCallback(W=>{ue(ut=>ut===W?null:W)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&U(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&ue(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const ct=()=>te==="Error"?t.jsxs(Uo,{children:[t.jsx(_o,{onClick:d,children:t.jsx(Ko,{})}),t.jsx(Yo,{children:H.common.reloadPage.label})]}):te==="Completed"&&ye.length===0?t.jsx(xt,{message:H.taskManagement.taskList.noDataText}):te==="Not-Started"||te==="In-Progress"?t.jsx(wt,{fetchState:te}):t.jsx(Ro,{taskListView:e,tagList:be,renameActiveField:ee,updateTask:m,onDragNDrop:p,onAddNewTaskToTaskGroup:B,onColumnSortConfigChanged:C,onTaskManagementRowClick:i,assignGroupToTasks:D,handleCreateGroup:w,resetLocalData:f,setGroupCreationInProgress:T,setShowDeleteModal:U,updateLocalData:c,setActiveTaskGroupId:ne,setRenameActiveField:F,onTaskGroupRename:$,onTimeSpentUpdate:S,onShowToast:y,onCreateTagClick:h}),pt=t.jsx(Jt,{spendManagementSectionProps:N});return t.jsxs(Vo,{children:[t.jsx(mt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:ve.colors.grey4,style:{zIndex:3},onBackClick:E,rightSideComponent:pt,isSearchOpen:he,source:"TaskManagementPage"}),t.jsx(Ms,{anchorEl:Ce,groupByKey:Z.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:A,onNewTaskClick:M,onNewGroupClick:I,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,onNewTaskInitialization:G,onExpandTemplate:se,expandedTemplate:q}),t.jsx(Ho,{children:ct()}),t.jsx(V,{controller:R===!0,children:t.jsx(gt,{action:{onOkClick:v,onCancelClick:()=>{U(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:H.common.cancel,primaryButtonText:H.common.confirm,titleComponent:t.jsx(Qo,{children:t.jsx(kt,{children:H.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(en,{children:t.jsx(K,{children:H.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Ro=({taskListView:e,tagList:u,renameActiveField:r,updateTask:h,onTaskGroupRename:m,setRenameActiveField:p,onDragNDrop:a,updateLocalData:c,setShowDeleteModal:i,handleCreateGroup:d,resetLocalData:C,assignGroupToTasks:j,setGroupCreationInProgress:E,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,setActiveTaskGroupId:w,onTimeSpentUpdate:D,onShowToast:B,onCreateTagClick:z})=>{const $=n.useRef(null),[x,S]=n.useState(null),y=n.useRef({}),L=le(),{localData:g,taskGroupsWithTasksList:b,uiState:R}=e,[U,ee]=n.useState([]),F=n.useRef(null);ls({scrollContainerRef:F,isEnabled:L!=="small"});const P=n.useMemo(()=>e.userList.users.map(l=>l.user).filter(l=>l!=null),[e.userList.users]),ne=Tt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u]),values:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u])}),q=n.useMemo(()=>{if(r!==Y)return b;const l=[],G=b.map(O=>{const N=O.tasks.filter(I=>{const A=g.selectedTaskIds.includes(I.id)===!0;return A&&l.push(I),A===!1});return{...O,tasks:N}});return G.unshift({groupName:"",isDefault:!1,id:Y,tasks:l}),G},[r,b,g.selectedTaskIds]),ue=n.useCallback(l=>U.includes(q[l].id)||q[l].tasks.length===0?100:y.current?.[l]!=null?y.current[l]+Wo.rowGap.value(L):(Qt*1+es)*3+ts+ss,[U,q,L]),Ce=n.useCallback(l=>{S(l.currentTarget)},[]),de=n.useCallback((l,G)=>{y.current={...y.current,[l]:G},$.current?.resetAfterIndex(0,!0)},[L,$,b]),he=n.useCallback(l=>{ee(G=>G.includes(l)?G.filter(O=>l!==O):[...G,l]),$.current?.resetAfterIndex(0,!0)},[]),ae=n.useCallback(()=>{S(null)},[]),Te=n.useCallback(()=>{ee(b.map(l=>l.id)),$.current?.resetAfterIndex(0,!0)},[b]),te=n.useCallback(()=>{ee([]),$.current?.resetAfterIndex(0,!0)},[]),Z=n.useCallback(()=>{E(),$.current?.scrollTo(0),ae()},[ae,E]),$e=n.useCallback(l=>{w(l),i(!0)},[w,i]),ce=n.useCallback(()=>{g.selectedTaskIds.length>0?r!==Y?Z():d(!0):r===Y?d(!1):r!=null&&m(r,g.existingTaskGroupNamesByGroupId[r])},[g.selectedTaskIds.length,g.existingTaskGroupNamesByGroupId,r,Z,d,m]),ye=n.useCallback(()=>{p(null),C()},[C,p]),be=n.useCallback(l=>{C(),p(l)},[C,p]),ve=n.useCallback(()=>{g.defaultTaskGroupId!=null&&j(g.defaultTaskGroupId)},[j,g.defaultTaskGroupId]),je=async(l,G)=>{if(l.includes(nt)){const N=l.split(".")[2],I=b.flatMap(v=>v.tasks).find(v=>v.id===N),A=G[_][re][N].priority.selectedOption;if(I!=null&&A!=null){const v=Q.allTaskPriority.find(T=>T.code===A);v!=null&&h(I,{priority:v})}return}if(l.includes(at)){const N=l.split(".")[2],I=b.flatMap(v=>v.tasks).find(v=>v.id===N),A=G[_][re][N].status.selectedOption;if(I!=null&&A!=null){const v=Q.allTaskStatus.find(T=>T.code===A);I!=null&&v!=null&&h(I,{status:v})}return}if(l.includes(st)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].assignees.selectedUsers.map(T=>T.userId);A!=null&&v!=null&&I!=null&&h(I,{assignees:v});return}if(l.includes(ot)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].dueDate.date;A!=null&&v!=null&&I!=null&&h(I,{dueDate:v});return}if(l.includes(tt)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].tags.selectedOptions;A!=null&&v!=null&&I!=null&&h(I,{tagIds:v});return}l.includes(we)&&ne.trigger(l);const O=Po(l,G,g);c(O)};n.useEffect(()=>{const l=ne.watch((G,{name:O})=>{O!=null&&G!=null&&$t(()=>je(O,G))});return()=>{l.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupUpdateStatus.fetchState]);const me=b.length>1&&g.selectedTaskIds.length>0&&r!==Y,ge=g.newTaskGroupName.length>0||g.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(yt,{...ne,children:t.jsx("form",{id:_e(Be),onSubmit:ne.handleSubmit(ce),style:{width:"100%"},children:t.jsx(qo,{isFooterVisible:ge,windowSize:L,children:t.jsx(bt,{children:({height:l,width:G})=>t.jsx(vt,{ref:$,outerRef:F,height:l,itemCount:q.length,itemSize:ue,estimatedItemSize:St,itemKey:O=>q[O].id,width:G,overscanCount:jt,itemData:{tagList:u,taskGroupsWithTasksList:q,uiState:R,collapsedGroups:U,userList:e.userList,renameActiveField:r,selectedRowIds:g.selectedTaskIds,existingTaskGroupNamesByGroupId:g.existingTaskGroupNamesByGroupId,onRenameClick:be,handleOnDragNDrop:a,onCollapseToggle:he,setRowHeight:de,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,onCollapseAll:Te,onDeleteTaskGroup:$e,onExpandAll:te,onTimeSpentUpdate:D,onShowToast:B,onCreateTagClick:z},initialScrollOffset:0,children:Oo})})})})}),ge?t.jsx(Gt,{formId:_e(Be),primaryBtn:{label:b.length===1&&g.selectedTaskIds.length>0&&r!==Y?Ne.taskList.footer.createGroup:Ke.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Ke.cancel,style:{width:"135px"},onClick:ye},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(V,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsxs(Xo,{children:[t.jsx(lt,{count:g.selectedTaskIds.length}),t.jsx(Jo,{children:g.selectedTaskIds.length>1?Ne.taskList.footer.tasksSelected:Ne.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(V,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsx(sn,{children:t.jsx(Ee,{enterDelay:600,title:H.taskManagement.taskList.footer.ungroup,children:t.jsx(tn,{onClick:ve})})})}),showPrimaryButton:me===!1,customPrimaryButton:me?t.jsxs(t.Fragment,{children:[t.jsx(De,{variant:"secondary",label:H.taskManagement.taskList.footer.moveTo,onClick:Ce,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(ws,{taskGroupsList:b,anchorEl:x,groupByKey:R.groupByKey,onCreateNewGroup:Z,onExistingGroupSelection:l=>{ae(),j(l)},onClose:ae})]}):void 0}):null]})},Oo=({index:e,style:u,data:r})=>{const h=n.useRef(null),m=le(),{tagList:p,taskGroupsWithTasksList:a,uiState:c,renameActiveField:i,collapsedGroups:d,onCollapseToggle:C,onTaskManagementRowClick:j,setRowHeight:E,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,handleOnDragNDrop:B,onRenameClick:z,userList:$,selectedRowIds:x,existingTaskGroupNamesByGroupId:S,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g}=r;n.useEffect(()=>{h.current?.firstElementChild!=null&&E(e,h.current.firstElementChild.clientHeight)},[e,h,m,a[e]?.tasks]);const b=n.useCallback(F=>{const P=F.dataTransfer.getData("row");B(P,a[e].id)},[B,e,a]),R=n.useCallback(F=>{F.preventDefault()},[]),U=(F,P)=>{F.dataTransfer.setData("row",P)},ee=()=>{z(a[e].id)};return t.jsx(Zo,{style:{...u,width:"100%"},ref:h,onDrop:b,onDragOver:R,children:t.jsx(Fo,{taskGroup:a[e],showGroupName:!0,tagList:p,uiState:c,isCollapsed:d.includes(a[e].id),onCollapseToggle:C,showRenameTextField:i===a[e].id,isSelectionAllowed:i==null,onTaskManagementRowClick:j,onColumnSortConfigChanged:M,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,selectedRowIds:x,userList:$,existingTaskGroupNamesByGroupId:S,onDragStart:U,onRenameClick:ee,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g},a[e].id)})},Fo=({taskGroup:e,tagList:u,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,userList:i,existingTaskGroupNamesByGroupId:d,onRenameClick:C,onTaskManagementRowClick:j,onCollapseToggle:E,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,onDragStart:B,onTimeSpentUpdate:z,onShowToast:$,onCreateTagClick:x})=>{const S=le(),y=S==="medium-regular"||S==="medium-compact"||S==="small"?io:At;return t.jsx(y,{taskGroup:e,tagList:u,userList:i,sectionId:_,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,existingTaskGroupNamesByGroupId:d,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,onCollapseToggle:E,onTaskManagementRowClick:j,onColumnSortConfigChanged:M,onDragStart:B,onRenameClick:C,onTimeSpentUpdate:z,onShowToast:$,onCreateTagClick:x})},Ye=(e,u,r,h)=>{const m={},p={};e.forEach(c=>{p[c.id]={[xe]:[],[pe]:u.existingTaskGroupNamesByGroupId[c.id]},c.tasks.forEach(i=>{u.selectedTaskIds.includes(i.id)&&p[c.id].selectedIds.push(i.id),m[i.id]={[at]:{selectedOption:i.status.code,allOptions:Q.allTaskStatus.map(d=>({label:d.name,value:d.code}))},[nt]:{selectedOption:i.priority.code,allOptions:Q.allTaskPriority.map(d=>({label:d.name,value:d.code}))},[ot]:{date:i.dueDate,showBusinessDay:!1},[st]:{allUsers:r,selectedUsers:i.assigneeUsers.map(d=>d.user)},[tt]:{allOptions:Nt(h),selectedOptions:i.tagIds},[we]:i.timeSpent}})});const a={[rt]:{[Y]:{[pe]:u.newTaskGroupName,[xe]:[]},...p},[re]:m};return{[_]:a}},Po=(e,u,r)=>{if(e.includes(_)){const h=e.split(".")[2];if(e.includes(pe))return e.includes(Y)?{...r,newTaskGroupName:u[_].groupData[h][pe]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[h]:u[_].groupData[h][pe]}};if(e.includes(xe)){const m=Bt(zt(Object.values(u[_][rt]),xe)).filter(p=>p!==H.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:m}}}return r},Ho=o.div`
   display: block;
   height: 100%;
 `,Vo=o.div`
@@ -467,11 +467,11 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
 `,Yo=o(Ct)`
   margin-top: ${s.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Zo=o.div`
+`,qo=o.div`
   /** Subtract top so list can occupy remaining available height */
   height: ${e=>e.isFooterVisible===!0?"calc(100vh - 152px)":"calc(100vh - 88px)"}; // total - header
   max-width: 99.9%;
-`,qo=o.div`
+`,Zo=o.div`
   top: ${s.sp0};
   left: ${s.sp0};
   box-sizing: border-box;
@@ -491,7 +491,7 @@ import{t as ht,u as Ze,j as t,M as oe,iG as Y,aW as mt,T as V,bO as gt,q as K,Z
   padding-right: ${s.sp8};
   padding-bottom: ${s.sp5};
   color: ${e=>e.theme.colors.hero};
-`,tn=o(Wo)`
+`,tn=o(Ao)`
   width: ${s.sp4};
   height: ${s.sp4};
   cursor: pointer;