@zeniai/web-cockpit-ui 1.13.90-dev → 1.13.91-dev

package/dist/assets/TaskManagementPage-BSmG6YR2-BRBZRYl9.js

@@ -1,508 +0,0 @@
-import{y as ht,u as qe,j as t,M as oe,iI as Y,aW as mt,T as V,bO as gt,s as K,Z as kt,l as Q,o as s,eJ as Ze,ah as Ie,bL as xt,fA as wt,as as ft,bf as Je,a9 as Ct,X as le,a as Tt,C as Xe,c3 as $t,F as yt,ao as bt,bT as vt,ic as jt,id as St,iJ as ze,a7 as Gt,K as De,bt as Ee,eF as Qe,iK as Lt,cq as et,iL as pe,iM as xe,iN as Nt,iO as we,iP as tt,iQ as st,iR as ot,iS as nt,iT as at,iU as rt,iV as _,p as ke,iW as re,w as ie,iX as It,iY as Et,a6 as Mt,r as Dt,iZ as zt,d7 as Bt,i_ as Wt,cg as it,cA as At,v as Rt,i$ as Ot,j0 as Ft,fB as Pt,eI as Ht,j1 as Vt,j2 as J,j3 as Be,bV as Ut,j4 as _t,j5 as Kt,j6 as We,j7 as Yt,g as Ae,fY as qt,m as Zt}from"./index-DoFw58Mw.js";import{b as n,n as o,j as fe}from"./vendor-CnQcJ2Lu.js";import{J as Jt,Y as Xt}from"./SpendManagementSection-CisJALAC-zKC9aL_a.js";import{A as Qt,t as es,a as ts,E as ss}from"./NotificationsListConfig-BjItJJe9-l0BCgaPP.js";import{getDashboardFilterCategoryValues as os}from"./SpendManagementListViewPage-DdpJprAd-BHEK7wRP.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";import"./StatusSwitcher-CofdCR_K-DYsfjilX.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`
-  ${e=>e.isCircular?fe`
-          height: 18px;
-          width: 18px;
-        `:fe`
-          height: 18px;
-          min-width: 18px;
-          padding: ${s.sp0} ${s.sp1};
-        `}
-  background-color: transparent;
-  border-radius: ${s.sp12};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  outline: 1px solid;
-  outline-color: inherit;
-`,cs=o(Dt)`
-  color: inherit;
-`,{taskManagement:Re,common:Ge}=oe.getLocalizedStrings();function ps(e){const{onChange:u,value:r,resetDisabled:h,onReset:m}=e,p=()=>{h!==!0&&m()};return t.jsxs(us,{children:[t.jsx(gs,{children:Re.taskList.groupingFilters.groupBy}),t.jsx(hs,{children:t.jsx(Jt,{value:r,placeHolder:Re.taskList.groupingFilters.placeholder,onChange:a=>{const c=Q.toTaskListGroupByKeyTypeStrict(a.value);if(c!=null)u(c);else throw new Error("Invalid taskListGroupByKey")},options:Q.TASK_LIST_GROUP_BY_CATEGORIES,getOptionLabel:a=>{const c=Ge.texts,i=Q.toTaskListGroupByKeyTypeStrict(a);return i!=null?c[i]:Ge.strings.empty}})}),t.jsxs(ms,{onClick:p,isDisabled:h,children:[t.jsx(ks,{}),t.jsx(K,{children:Ge.reset})]})]})}const us=o.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp4};
-  justify-content: space-between;
-  padding-bottom: ${s.sp4};
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,hs=o.div`
-  flex: 1;
-`,ms=o.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-  ${e=>e.isDisabled?fe`
-          opacity: 0.3;
-        `:fe`
-          cursor: pointer;
-        `};
-  &:hover {
-    color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
-  }
-
-  column-gap: ${s.sp1};
-`,gs=o(ft)`
-  color: ${e=>e.theme.colors.primary};
-`,ks=o(Je)`
-  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(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};
-  color: ${e=>e.theme.colors.hero};
-
-  cursor: pointer;
-  display: flex;
-  column-gap: ${s.sp1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    background-color: ${e=>e.theme.colors.background};
-  }
-`,Cs=o.div`
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,Ts=o(et)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`;function $s({placeholder:e,searchText:u,inputContainerStyles:r,onSearchTextChanged:h}){const[m,p]=n.useState(!1),a=n.useRef(null),c=le(),i=()=>{u||p(!1)};return t.jsxs(ys,{children:[m?null:t.jsx(vs,{onMouseEnter:()=>p(!0),onClick:()=>{p(!0),a.current?.focus()},children:t.jsx(Fe,{})}),m?t.jsxs(bs,{style:r,isOpen:m,children:[t.jsx(Fe,{}),t.jsx(js,{windowSize:c,autoFocus:c!=="small",placeholder:e,value:u,onBlur:i,onChange:d=>{const C=d.target;h(C.value)},ref:a}),u?t.jsx(Ss,{}):null]}):null]})}const ys=o.div`
-  position: relative;
-`,bs=o.div`
-  position: absolute;
-  right: 0;
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp1};
-  padding-bottom: ${s.sp1};
-  border-bottom: 1px solid ${e=>e.theme.colors.primary};
-  min-width: ${({isOpen:e})=>e?"200px":"0px"};
-  transition: min-width 0.3s ease-in-out;
-`,Fe=o(It)`
-  color: ${e=>e.theme.colors.hero};
-  width: ${s.sp3};
-  height: ${s.sp3};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,vs=o.div`
-  cursor: pointer;
-`,js=o(Et)`
-  display: flex;
-  border-width: ${s.sp0};
-  outline-width: ${s.sp0};
-  color: ${e=>e.theme.colors.primary};
-  border-radius: ${s.sp1};
-  flex: 1;
-  background-color: inherit;
-  ::placeholder {
-    color: ${e=>e.theme.colors.grey1};
-  }
-`,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(),X=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 z=n.useCallback(($,x)=>{f(x),j($,x)},[j]),B=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(zs,{isTaskTemplatesEnabled:m,children:[t.jsxs(As,{children:[t.jsxs(Pe,{onClick:i,children:[t.jsx(Bs,{}),t.jsx(Ie,{children:X.task})]}),t.jsx(V,{controller:u==="groupName",children:t.jsxs(Pe,{onClick:()=>d(""),children:[t.jsx(Ws,{}),t.jsx(Ie,{children:X.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:X.groupTemplates})]}),t.jsx($s,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:d,onSearchTextChanged:C,placeholder:X.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(Xs,{})}),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:X.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(Js,{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:X.noTaskGroup})}),t.jsxs(He,{onClick:E,children:[t.jsx(Ve,{}),t.jsx(K,{children:X.newTaskOptionText.replace("__searchText__",d)})]}),t.jsxs(He,{onClick:M,children:[t.jsx(Ve,{}),t.jsx(K,{children:X.newGroupOptionText.replace("__searchText__",d)})]})]})]})},zs=o.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
-`,Pe=o.div`
-  display: flex;
-  column-gap: ${s.sp2};
-  align-items: center;
-  padding: ${s.sp2} ${s.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  background-color: ${e=>e.theme.colors.grey5};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    background-color: ${e=>e.theme.colors.background};
-  }
-`,Bs=o(Ns)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,Ws=o(Ls)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,As=o.div`
-  display: flex;
-  flex-direction: column;
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,Rs=o.div`
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-bottom: ${s.sp2};
-`,Os=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: ${s.sp2} ${s.sp3};
-`,Fs=o.div`
-  display: flex;
-  column-gap: ${s.sp2};
-  align-items: center;
-  justify-content: space-between;
-`,Ps=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-`,Hs=o(Gs)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,Vs=o(Ie)`
-  color: ${e=>e.theme.colors.primary};
-`,Us=o.div`
-  max-height: 320px;
-  overflow: auto;
-`,_s=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-  padding-left: ${s.sp6};
-  padding-right: ${s.sp4};
-  color: ${e=>e.expanded?e.theme.colors.primary:e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    .hidden-create-group-button {
-      display: block;
-    }
-  }
-`,Ks=o.div`
-  display: flex;
-  align-items: center;
-  padding: ${s.sp2} ${s.sp0};
-  color: inherit;
-  column-gap: ${s.sp2};
-`,Ys=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-  padding-left: ${s.sp6};
-  padding-right: ${s.sp4};
-
-  &:hover {
-    column-gap: ${s.sp2};
-    background-color: ${e=>e.theme.colors.background};
-    .task-name-text {
-      max-width: 244px;
-    }
-    .hidden-create-task-button {
-      display: block;
-    }
-  }
-`,qs=o.div`
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  padding: ${s.sp2} ${s.sp0};
-  color: ${e=>e.theme.colors.hero};
-  flex-grow: 1;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    .styled-dot {
-      background-color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Zs=o(De)`
-  display: ${e=>e.expanded===!0?"block":"none"};
-`,Js=o(De)`
-  display: none;
-`,Xs=o(Lt)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,Qs=o(Qe)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,eo=o.div``,to=o.div`
-  display: inline-block;
-  border-radius: ${s.sp2};
-  width: ${s.sp1};
-  height: ${s.sp1};
-  margin: ${s.sp0} 12px ${s.sp0} 6px;
-  cursor: inherit;
-  background-color: ${e=>e.theme.colors.grey1};
-`,so=o.div`
-  padding: ${s.sp2} ${s.sp3};
-`,oo=o(K)`
-  color: ${e=>e.theme.colors.hero};
-`,He=o.div`
-  display: flex;
-  align-items: center;
-  padding: ${s.sp2} ${s.sp3};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  column-gap: ${s.sp2};
-  &:hover {
-    background-color: ${e=>e.theme.colors.background};
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ve=o(et)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,no=o(K)`
-  color: inherit;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: 336px;
-`,{common:Le,dateFormat:ao,taskManagement:Me}=oe.getLocalizedStrings(),dt={taskNameMaxWidth:new Xe(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:J[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:J[0].width,children:t.jsx(jo,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ue,{windowSize:a,responsiveWidth:J[1].width,children:Be(e.status.code)}),t.jsx(Io,{windowSize:a,responsiveWidth:J[2].width,children:Be(e.priority.code)}),t.jsx(Eo,{windowSize:a,responsiveWidth:J[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:J[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:J[5].width,children:e.tagIds.length>0?t.jsx(No,{children:_t(e.tagIds,u)}):null}),t.jsx(zo,{windowSize:a,responsiveWidth:J[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`
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  padding-right: ${s.sp3};
-  row-gap: ${s.sp3};
-`,co=o.div`
-  display: flex;
-  align-items: center;
-  height: ${s.sp10};
-  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}`};
-  border-radius: ${s.sp2};
-  cursor: pointer;
-  &:hover {
-    z-index: 1;
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    .taskDescriptionText,
-    .taskNameText {
-      color: ${e=>e.theme.colors.primary};
-    }
-    .selected-options label {
-      color: ${e=>e.theme.colors.primary};
-      border-color: ${e=>e.theme.colors.primary};
-    }
-  }
-  &:not(:hover) {
-    .timeSpentField input:not(:focus-within) {
-      color: ${e=>e.theme.colors.hero};
-    }
-  }
-  padding-left: ${s.sp4};
-  padding-right: ${s.sp4};
-  justify-content: space-between;
-`,po=o(K)``,uo=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-`,ho=o(Zt)`
-  border: 1px solid ${e=>e.theme.colors.hero};
-  width: calc(${s.sp3} + ${s.sp1});
-  height: calc(${s.sp3} + ${s.sp1});
-  border-radius: 30%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,mo=o.div`
-  padding-left: ${s.sp7};
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,go=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,ko=o.div`
-  cursor: pointer;
-  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
-`,xo=o(Qe)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,wo=o.div`
-  cursor: pointer;
-`,fo=o(Ht)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,Co=o.div`
-  padding-left: ${s.sp3};
-  cursor: grab;
-`,To=o(Vt)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,$o=o.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: top;
-  column-gap: ${s.sp2};
-  align-items: flex-start;
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,yo=o(K)`
-  display: flex;
-  flex-direction: row;
-  column-gap: ${s.sp2};
-  align-items: flex-start;
-`,bo=o(K)`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  max-height: ${s.sp4};
-  width: 100%;
-`,vo=o.div`
-  max-width: ${e=>`${dt.taskNameMaxWidth.value(e.windowSize)-ke[4]}px`};
-  color: ${e=>e.theme.colors.hero};
-  width: ${e=>e.isIconPresent?"80%":"90%"};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: inline-block;
-`,jo=o(ie)`
-  color: ${e=>e.theme.colors.grey1};
-  max-width: ${e=>dt.taskNameMaxWidth.valuePx(e.windowSize)};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,So=o(qt)`
-  display: flex;
-  align-items: center;
-  margin-left: ${s.sp1};
-  color: ${e=>e.theme.colors.hero};
-  margin-top: ${s.sp1};
-`,Go=o.div`
-  margin-right: ${s.sp1};
-  margin-left: ${s.sp1};
-  overflow: hidden;
-  display: flex;
-  flex-direction: row;
-  column-gap: ${s.sp2};
-`,Lo=o(ie)`
-  color: ${e=>e.theme.colors.hero};
-  text-overflow: ellipsis;
-  overflow: hidden;
-  max-width: ${s.sp8};
-  white-space: nowrap;
-`,No=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  column-gap: ${s.sp2};
-`,Ue=o.div`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  overflow: hidden;
-  color: ${e=>e.theme.colors.hero};
-  box-sizing: border-box;
-  margin-right: ${s.sp1};
-`,Io=o(ie)`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  overflow: hidden;
-  color: ${e=>e.theme.colors.hero};
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
-  padding-right: ${s.sp1};
-  column-gap: ${s.sp2};
-`,Eo=o(ie)`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  color: ${e=>e.theme.colors.hero};
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
-  padding-right: ${e=>e.isLastColumn===!0?s.sp2:s.sp0};
-  column-gap: ${s.sp2};
-`,Mo=o.div`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  overflow: hidden;
-  color: ${e=>e.theme.colors.hero};
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
-  padding-right: ${s.sp1};
-  column-gap: ${s.sp2};
-`,Do=o.div`
-  width: inherit;
-  position: relative;
-`,zo=o(Do)`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  color: ${e=>e.theme.colors.hero};
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  column-gap: ${s.sp2};
-`,Bo=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 Xe(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),[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=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: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(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(Xt,{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:W,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: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])}),q=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(q[l].id)||q[l].tasks.length===0?100:y.current?.[l]!=null?y.current[l]+Ao.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),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(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: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(Jo,{children:[t.jsx(lt,{count:g.selectedTaskIds.length}),t.jsx(Xo,{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: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(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: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`
-  display: block;
-  height: 100%;
-`,Vo=o.div`
-  width: 100%;
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp4};
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow: hidden;
-`,Uo=o.div`
-  display: flex;
-  width: 100%;
-  height: calc(100% - 60px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,_o=o.div`
-  height: 96px;
-  width: 96px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-`,Ko=o(Je)`
-  height: ${s.sp5};
-  width: ${s.sp5};
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Yo=o(Ct)`
-  margin-top: ${s.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,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%;
-`,Zo=o.div`
-  top: ${s.sp0};
-  left: ${s.sp0};
-  box-sizing: border-box;
-`,Jo=o.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp2};
-  padding-left: ${s.sp9};
-`,Xo=o(K)`
-  color: ${e=>e.theme.colors.primary};
-`,Qo=o.div`
-  padding-top: ${s.sp7};
-  padding-bottom: ${s.sp4};
-  color: ${e=>e.theme.colors.primary};
-`,en=o.div`
-  padding-left: ${s.sp8};
-  padding-right: ${s.sp8};
-  padding-bottom: ${s.sp5};
-  color: ${e=>e.theme.colors.hero};
-`,tn=o(Wo)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,sn=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding-right: ${s.sp6};
-`;export{xn as default,_e as uniqueFormName};

package/dist/assets/TimeframeSwitcherWithToggle-BwvVsB_p-CoKIqOrx.js

@@ -1,31 +0,0 @@
-import{X as c,j as t,C as n,w,b3 as x}from"./index-DoFw58Mw.js";import{n as r}from"./vendor-CnQcJ2Lu.js";import{b as l}from"./TimeframeSwitcher-SD5_8TCp-DcEUsFuS.js";const a="ZeniSwitch",i={root:`${a}-root`,switchBase:`${a}-switchBase`,track:`${a}-track`,thumb:`${a}-thumb`},u=({className:e,...o})=>t.jsx(x,{...o,className:e,classes:{...i}}),p=r(u)(({theme:e})=>({[`& .${i.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${i.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${i.root}.${i.switchBase}.Mui-checked + .${i.track}`]:{backgroundColor:e.colors.grey1},[`&.${i.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${i.switchBase}.Mui-checked .${i.thumb}`]:{backgroundColor:e.colors.primary},[`& .${i.switchBase}.Mui-checked .${i.thumb}:before`]:{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"><path fill="${encodeURIComponent(e.colors.grey5)}" d="M10.738 2L4.5075 8.4035L1.2615 5.0685L0 6.3655L4.5075 11L12 3.297L10.738 2Z" /></svg>')`},[`& .${i.switchBase}.Mui-checked + .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${i.switchBase}.Mui-disabled + .${i.track}`]:{opacity:.7},[`& .${i.thumb}`]:{backgroundColor:e.colors.grey2,width:20,height:20,boxShadow:"none","&:before":{content:"''",position:"absolute",width:"100%",height:"100%",left:0,top:0,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},[`& .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),b=e=>t.jsx(p,{...e}),d={timeframePaddingLeft:new n(0,0,125),timeframePaddingBottom:new n(8,8,0)},$=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`,y=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-`,m=r.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  padding-left: ${e=>d.timeframePaddingLeft.valuePx(e.windowSize)};
-  padding-bottom: ${e=>d.timeframePaddingBottom.valuePx(e.windowSize)};
-`,k=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-`,j=r.div`
-  display: flex;
-  width: 125px;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-`,C=r(w)`
-  color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
-  opacity: ${e=>e.isDisabled?.5:1};
-`,h=({label:e,isOn:o,isToggleDisabled:s,onValueChanged:g})=>t.jsxs(t.Fragment,{children:[t.jsx(C,{isOn:o,isDisabled:s===!0,children:e}),t.jsx(b,{checked:o,edge:"end",disabled:s===!0,disableRipple:s===!0,onChange:f=>{g(f.target.checked)}})]}),B=e=>{const o=c();return t.jsxs($,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(k,{children:t.jsx(h,{...e.toggle})})]})},S=e=>{const o=c();return t.jsxs(y,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(j,{children:t.jsx(h,{...e.toggle})})]})};function L(e){const o=c();return o==="small"||o==="medium-compact"?t.jsx(B,{...e}):t.jsx(S,{...e})}export{L as M};

package/dist/assets/TrendChart-dARoUu-T-CjrTnbAe.js

@@ -1,16 +0,0 @@
-import{M as $,j as n,l as u,u as B,Y as j,ao as Z,b6 as z,b7 as F,aB as P,v as w,aA as R,aJ as O,b8 as q,aC as K,ba as _,o as L,g as G,s as N}from"./index-DoFw58Mw.js";import{b as D,f as V,n as k}from"./vendor-CnQcJ2Lu.js";import{d as W,g as M,p as v,u as J}from"./chartTypes-DueLK3Wl-B3lGAHMU.js";import{o as Q}from"./toCOABalancesWithID-CAhfOfUa-CUvT0aen.js";import{V as X}from"./toChartData-BicnbT0F-BAKhPkjP.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const H=k.div`
-  display: flex;
-`,I=k.div`
-  flex: display;
-  opacity: 0.85;
-  border-radius: ${L.sp1};
-  flex-direction: column;
-  padding: ${L.sp3};
-  background-color: ${e=>e.theme.colors.black};
-`,U=k(N)`
-  color: ${e=>e.color??G.neutralGrey2Light};
-  text-align: left;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`,ee=({active:e,payload:t,trendType:a})=>{const r=[];return t?.forEach(s=>{const l=s.name;if(s&&e&&s.value!==0){const d=s.payload,y=s.color,m=l!=null&&d.record[l]!=null?d.record[l].amount:void 0;r.push({barName:a,value:m,color:y})}}),r},te=e=>{const t=ee(e);return t.length?n.jsx(H,{children:n.jsx(I,{children:t.map((a,r)=>n.jsx(U,{color:a.color,children:`${a.barName}: ${J(a.value)}`},a.barName+r))})}):null},ae=V.memo(te),re=(e,t,a,r)=>{let s=[];if(r!=null){const l=oe(r,a);l!=null&&l.length>0&&(s=Q("trend","actual",l))}if(s.length>0){const l=v("trend","actual"),d={};return d[l]=s,X(e,t,l,d)}else return},oe=(e,t)=>{if(e!=null)switch(t){case"month":return e.monthly;case"quarter":return e.quarterly;case"year":return e.yearly;case"free_range":throw new Error("free_range dates are not supported!")}},T=[v("trend","actual")];function xe({firstMonthOfFY:e,trendReport:t,timeframe:a,selectedTimePeriod:r,graphColor:s,width:l,height:d,onTimeframeSelectionChanged:y}){const m=D.useRef(!1),b=r!=null?ne(e,r,a):void 0,g=$.getLocalizedStrings().reports.trend[t?.balancesKind];D.useEffect(()=>{m.current=!0},[]);const x=re(e,T,a,t),Y=p=>{const h=[];return T.forEach(o=>{h.push(n.jsx(_,{name:o,isAnimationActive:m.current,dataKey:i=>{const c=i.record;return(c[o]!=null&&c[o].amount!=null?c[o].amount:void 0)?.amount??0},maxBarSize:36,fill:p.toString(),"data-testid":j(o,"bar")},o))}),h};return x==null?null:n.jsx(le,{chartData:x,timeframe:a,selectedLabel:b,barElements:Y(s),customToolTipContent:({active:p,payload:h})=>n.jsx(ae,{active:p,payload:h,trendType:g}),width:l,height:d,onTimeframeSelectionChanged:y})}const le=({chartData:e,timeframe:t,selectedLabel:a,barElements:r,customToolTipContent:s,width:l,height:d,onTimeframeSelectionChanged:y})=>{const m=B(),[b,g]=D.useState([void 0,void 0]),x=e.timeseries,Y=W(e),p=x.map(o=>o.label);D.useEffect(()=>{if(a!=null){const o=M(a.label,p,1);g(o)}else g([void 0,void 0])},[t,a]);const h=o=>{if(o?.activePayload==null||o?.activePayload.length===0)return;const i=o.activePayload[0];if(i?.payload?.record?.[v("trend","actual")]?.amount==null)return;const c=i.payload.record[v("trend","actual")].amount;if(c!=null&&c.amount===0||i?.payload?.timeLabel?.label==null)return;const E=i.payload.timeLabel.label,S=i.payload.timeLabel.startDate,C=i.payload.timeLabel.endDate,A=M(E,p,1);g(A),y?.(t,{startDate:S,endDate:C})};return n.jsx("div",{style:{width:l,height:d},"data-testid":j("simple-bar-chart"),children:n.jsx(Z,{children:({height:o,width:i})=>n.jsxs(z,{"data-testid":j("bar-chart"),width:i,height:o,data:e.recordByTimeseries,barCategoryGap:"30%",margin:{top:5,right:20,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto",cursor:"pointer"},onClick:h,children:[n.jsx(F,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:m.colors.grey3}),n.jsx(P,{dataKey:c=>c.timeLabel.label,type:"category",axisLine:{stroke:m.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:m.colors.hero,...w.extraSmallRegular.cssObject}}),n.jsx(R,{type:"number",axisLine:!1,tickLine:!1,tick:{color:m.colors.hero,...w.extraSmallRegular.cssObject},tickFormatter:c=>O("0,0.[00]a",c,Y)}),n.jsx(q,{cursor:!1,content:s,allowEscapeViewBox:{x:!1,y:!0}}),a!=null&&n.jsx(K,{x1:b[0],x2:b[1],opacity:.3,fillOpacity:.3,stopOpacity:.1}),r]})})})},{dateFormat:f}=$.getLocalizedStrings(),ne=(e,t,a)=>{let r="";switch(a){case"week":t.startDate.month()!==t.endDate.month()?r=`${u.formatZeniDate(t.startDate,f.visual.MMMYYFormat,e)} - ${u.formatZeniDate(t.endDate,f.visual.MMMYYFormat,e)}`:r=`${u.formatZeniDate(t.startDate,f.visual.Dformat,e)} - ${u.formatZeniDate(t.endDate,f.visual.MMMDCommaYYYYformat,e)}`;break;case"month":r=`${u.formatZeniDate(t.startDate,f.visual.MMMYYFormat,e)}`;break;case"quarter":r=`${$.getLocalizedStrings().quarterPrefix}${u.formatZeniDate(t.startDate,f.visual.QYYformat,e)}`;break;case"year":r=`${u.formatZeniDate(t.startDate,f.visual.YYYYformat,e)}`;break;case"free_range":throw new Error("free_range dates are not supported!")}return{label:r,startDate:t.startDate,endDate:t.endDate}};export{xe as default};

package/dist/assets/ZeniAccountNavBarPieces-DHYLxQKr-DoTCX7_F.js

@@ -1,14 +0,0 @@
-import{y as $,fm as P,l as O,M as j,j as l,Y as w,gm as p,gR as u,o as s,go as z}from"./index-DoFw58Mw.js";import{n as d}from"./vendor-CnQcJ2Lu.js";const o=j.getLocalizedStrings().spendManagement.zeniAccounts,m=[{value:"editNickName",label:o.moveMoney.editNickName},{value:"accountStatement",label:o.moveMoney.accountStatement}],y={value:"payBill",label:o.moveMoney.payBills},g={value:"transfer",label:o.moveMoney.transfer},M={value:"sendMoney",label:o.moveMoney.sendMoney,isNew:!0},v={value:"checkDeposit",label:o.moveMoney.checkDeposit},A=[y,g,M,v],B=[M,g,y,v],D=({zeniBankProps:e,isBillPayEnabled:f,isExpressPayEnabled:h,analytics:x,onSettingsClick:k})=>{const a=$(),i=a.loggedInUserRoleMap.deposit_accounts_user===!0||P(a),b=O.hasBillPayAccess(a.loggedInUserRoleMap),S=m.filter(t=>t.value==="accountStatement"),c=f===!0?A:B,r=h===!0?c:c.filter(t=>t.value!=="sendMoney"),N=b?r:r.filter(t=>t.value!=="payBill");return l.jsxs(C,{isTopAlign:e.pageName==="detailPage",children:[e.pageName==="listPage"&&!i?l.jsx(E,{onClick:k,"data-testid":w("zeni-accounts-settings-button")}):e.pageName==="detailPage"&&l.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!0,options:i?S:m,title:o.moveMoney.title}),i?null:l.jsx(p,{entity:"zeni_accounts",onOptionSelection:t=>{const n=u(t);n!=null&&e.onOptionSelection(n)},isMoreOption:!1,options:N,title:o.moveMoney.title,onMenuOpen:()=>x?.trackAccountsListPageClicked("Move Money")})]})},E=d(z)`
-  cursor: pointer;
-  min-width: ${s.sp4};
-  width: ${s.sp4};
-  height: ${s.sp4};
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,C=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: ${({isTopAlign:e})=>e?"flex-start":"center"};
-`;export{D as T};