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

package/dist/assets/TaskManagementPage-CPLyyK1Y-BZe-OFxL.js

@@ -0,0 +1,508 @@
+import{co as gt,x as Ze,j as t,O as se,n1 as Y,dD as kt,c2 as U,eX as xt,cd as K,ci as wt,n2 as ft,n3 as De,o as s,i0 as qe,eQ as Ne,eU as Ct,ju as Tt,d2 as $t,e0 as Xe,cM as yt,q as ie,c1 as vt,y as Je,fk as bt,c4 as jt,cZ as St,e$ as Gt,ms as Lt,mt as Nt,n4 as ze,cK as Et,n as Me,eh as Ee,hY as Qe,n5 as It,fJ as et,n6 as ce,n7 as ke,n8 as Mt,kr as tt,ks as st,n9 as xe,na as ot,nb as nt,nc as at,nd as rt,ne as it,nf as lt,ng as V,u as ge,nh as ae,c9 as re,ni as Dt,nj as zt,A as Bt,cf as At,nk as Rt,f_ as Wt,nl as Ot,fy as dt,fT as Ft,C as Pt,nm as Ht,nn as Ut,jy as _t,h$ as Vt,no as Kt,np as X,nq as Be,f2 as Yt,nr as Zt,ns as qt,nt as Ae,nu as Xt,nv as Jt,h as Re,j_ as Qt,ce as es}from"./index-kF4u7Flm.js";import{b as n,n as o,i as we}from"./vendor-Bs1fkIUX.js";import{K as ts,X as ss}from"./SpendManagementSection-kucZgC-H-Cqflt6S1.js";import{A as os,t as ns,a as as,E as rs}from"./NotificationsListConfig-FGxLgO1o-C0kfEx8A.js";import{getDashboardFilterCategoryValues as is}from"./SpendManagementListViewPage-ChNp8dgm-ByNxcaX6.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-D-TY61DZ.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./StatusSwitcher-aAizq1mr-c-jcIGD9.js";const ls=100,ds=100,cs=3,ps=.7,us=({scrollContainerRef:e,isEnabled:u=!0,edgeThreshold:r=ls,scrollSpeed:h=ds,minScrollAmount:m=cs,scrollCurveExponent:p=ps})=>{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)},I=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=>{I(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])},je=se.getLocalizedStrings(),ct=({count:e})=>t.jsx(hs,{isCircular:e<10,children:t.jsx(ms,{children:e>je.common.numbers.maximumCount?`${je.common.numbers.maximumCount}${je.common.strings.plus}`:e})}),hs=o.div`
+  ${e=>e.isCircular?we`
+          height: 18px;
+          width: 18px;
+        `:we`
+          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;
+`,ms=o(At)`
+  color: inherit;
+`,{taskManagement:We,common:Se}=se.getLocalizedStrings();function gs(e){const{onChange:u,value:r,resetDisabled:h,onReset:m}=e,p=()=>{h!==!0&&m()};return t.jsxs(ks,{children:[t.jsx(fs,{children:We.taskList.groupingFilters.groupBy}),t.jsx(xs,{children:t.jsx(ts,{value:r,placeHolder:We.taskList.groupingFilters.placeholder,onChange:a=>{const c=De(a.value);if(c!=null)u(c);else throw new Error("Invalid taskListGroupByKey")},options:ft,getOptionLabel:a=>{const c=Se.texts,i=De(a);return i!=null?c[i]:Se.strings.empty}})}),t.jsxs(ws,{onClick:p,isDisabled:h,children:[t.jsx(Cs,{}),t.jsx(K,{children:Se.reset})]})]})}const ks=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};
+`,xs=o.div`
+  flex: 1;
+`,ws=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isDisabled?we`
+          opacity: 0.3;
+        `:we`
+          cursor: pointer;
+        `};
+  &:hover {
+    color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+  }
+
+  column-gap: ${s.sp1};
+`,fs=o($t)`
+  color: ${e=>e.theme.colors.primary};
+`,Cs=o(Xe)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Ts=se.getLocalizedStrings().taskManagement.taskList.footer;function $s({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(ys,{children:[t.jsx(vs,{children:e.map(c=>{const i=()=>{p(),m(c.id)};return t.jsx(Oe,{onClick:i,children:t.jsx(re,{children:c.groupName})},c.id)})}),t.jsx(U,{controller:r==="groupName",children:t.jsxs(Oe,{onClick:a,children:[t.jsx(bs,{}),t.jsx(re,{children:Ts.createGroup})]})})]})})}const ys=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};
+  }
+`,vs=o.div`
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,bs=o(et)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`;function js({placeholder:e,searchText:u,inputContainerStyles:r,onSearchTextChanged:h}){const[m,p]=n.useState(!1),a=n.useRef(null),c=ie(),i=()=>{u||p(!1)};return t.jsxs(Ss,{children:[m?null:t.jsx(Ls,{onMouseEnter:()=>p(!0),onClick:()=>{p(!0),a.current?.focus()},children:t.jsx(Fe,{})}),m?t.jsxs(Gs,{style:r,isOpen:m,children:[t.jsx(Fe,{}),t.jsx(Ns,{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(Es,{}):null]}):null]})}const Ss=o.div`
+  position: relative;
+`,Gs=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(Dt)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${s.sp3};
+  height: ${s.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ls=o.div`
+  cursor: pointer;
+`,Ns=o(zt)`
+  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};
+  }
+`,Es=o(Bt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Is=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"})),Ms=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"})),Ds=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:zs,common:Bs}=se.getLocalizedStrings(),J=zs.taskList.newTaskOptions;function As({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:I}){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(Ws,{isTaskTemplatesEnabled:m,children:[t.jsxs(Ps,{children:[t.jsxs(Pe,{onClick:i,children:[t.jsx(Os,{}),t.jsx(Ne,{children:J.task})]}),t.jsx(U,{controller:u==="groupName",children:t.jsxs(Pe,{onClick:()=>d(""),children:[t.jsx(Fs,{}),t.jsx(Ne,{children:J.group})]})})]}),m?t.jsx(Rs,{taskGroupTemplates:r,taskIdInCreation:k,groupIdInCreation:w,expandedTemplate:p,handleGroupTemplateClick:B,handleGroupTemplateTaskClick:z,onNewGroupClick:d,onNewTaskInitialization:I,onExpandTemplate:a}):null]})})}const Rs=({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]),I=n.useCallback(()=>{i(d)},[d,i]),M=n.useCallback(()=>{c(d)},[d,c]);return t.jsxs(Hs,{children:[t.jsx(Us,{children:t.jsxs(Vs,{children:[t.jsxs(_s,{children:[t.jsx(Ks,{}),t.jsx(Ys,{children:J.groupTemplates})]}),t.jsx(js,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:d,onSearchTextChanged:C,placeholder:J.searchPlaceholder})]})}),t.jsx(U,{controller:j.length>0,children:t.jsx(Zs,{children:j.map(k=>{const f=h===k.id;return t.jsxs(no,{children:[t.jsxs(qs,{onClick:()=>{m(k.id)},expanded:f,children:[t.jsxs(Xs,{children:[t.jsx(U,{controller:f,children:t.jsx(oo,{})}),t.jsx(U,{controller:!f,children:t.jsx(so,{})}),t.jsx(K,{children:k.name}),t.jsx(ct,{count:k.tasks.length})]}),t.jsx(eo,{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(U,{controller:f,children:t.jsx(n.Fragment,{children:k.tasks.map(w=>t.jsxs(Js,{children:[t.jsxs(Qs,{children:[t.jsx(ao,{className:"styled-dot"}),t.jsx(lo,{className:"task-name-text",children:w.name})]}),t.jsx(to,{loading:u===w.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Bs.create,reverseSpinnerColor:!1,onClick:()=>a(k.id,w.name)})]},w.name))})})]},k.id)})})}),t.jsxs(U,{controller:j.length===0,children:[t.jsx(ro,{children:t.jsx(io,{children:J.noTaskGroup})}),t.jsxs(He,{onClick:I,children:[t.jsx(Ue,{}),t.jsx(K,{children:J.newTaskOptionText.replace("__searchText__",d)})]}),t.jsxs(He,{onClick:M,children:[t.jsx(Ue,{}),t.jsx(K,{children:J.newGroupOptionText.replace("__searchText__",d)})]})]})]})},Ws=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};
+  }
+`,Os=o(Ds)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Fs=o(Ms)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Ps=o.div`
+  display: flex;
+  flex-direction: column;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Hs=o.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-bottom: ${s.sp2};
+`,Us=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp3};
+`,_s=o.div`
+  display: flex;
+  column-gap: ${s.sp2};
+  align-items: center;
+  justify-content: space-between;
+`,Vs=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`,Ks=o(Is)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Ys=o(Ne)`
+  color: ${e=>e.theme.colors.primary};
+`,Zs=o.div`
+  max-height: 320px;
+  overflow: auto;
+`,qs=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;
+    }
+  }
+`,Xs=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp0};
+  color: inherit;
+  column-gap: ${s.sp2};
+`,Js=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};
+    }
+  }
+`,eo=o(Me)`
+  display: ${e=>e.expanded===!0?"block":"none"};
+`,to=o(Me)`
+  display: none;
+`,so=o(It)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,oo=o(Qe)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,no=o.div``,ao=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};
+`,ro=o.div`
+  padding: ${s.sp2} ${s.sp3};
+`,io=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};
+  }
+`,Ue=o(et)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,lo=o(K)`
+  color: inherit;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 336px;
+`,{common:Ge,dateFormat:co,taskManagement:Ie}=se.getLocalizedStrings(),pt={taskNameMaxWidth:new Je(125,170,170,250,300)},po=({taskDetail:e,tagList:u,sectionId:r,onRowClick:h,onTimeSpentUpdate:m,onShowToast:p})=>{const a=ie(),c=e.assigneeUsers.length,i=e.assigneeUsers[0]?.user,d=i?.firstName||i?.lastName?`${i.firstName} ${i.lastName}`:i?.email??Ge.strings.empty,{getValues:C,resetField:j,getFieldState:I}=dt(),M=(k,f)=>{const w=Ae(k,f,xe);I(w).invalid?j(w):m(e,{timeSpent:C(w)})};return t.jsxs(mo,{children:[t.jsxs(jo,{windowSize:a,onClick:h,responsiveWidth:X[0].width,children:[t.jsxs(So,{windowSize:a,children:[t.jsx(Lo,{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(Eo,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(Go,{windowSize:a,responsiveWidth:X[0].width,children:t.jsx(No,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(_e,{windowSize:a,responsiveWidth:X[1].width,children:Be(e.status.code)}),t.jsx(zo,{windowSize:a,responsiveWidth:X[2].width,children:Be(e.priority.code)}),t.jsx(Bo,{windowSize:a,responsiveWidth:X[3].width,children:e.dueDate!=null?e.dueDate.format(co.visual.MMMDCommaYYYYformat):t.jsx(go,{children:Ge.strings.hyphen})}),t.jsx(_e,{windowSize:a,responsiveWidth:X[4].width,children:c>0?t.jsxs(ko,{children:[t.jsx(Yt,{personBasic:i,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Io,{children:t.jsx(Mo,{children:d})}),c>1?t.jsx(xo,{children:`${Ge.strings.plus}${c-1}`}):null]}):null}),t.jsx(Ao,{windowSize:a,responsiveWidth:X[5].width,children:e.tagIds.length>0?t.jsx(Do,{children:Zt(e.tagIds,u)}):null}),t.jsx(Wo,{windowSize:a,responsiveWidth:X[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Oo,{className:"timeSpentField",children:t.jsx(qt,{name:Ae(r,e.id,xe),placeholder:Ie.common.timeSpentPlaceholder,timeSpentFormat:Ie.common.timeSpentFormat,registerOptions:{validate:k=>Xt(k)>Jt?(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}`}})})})]})},uo=({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:I,onTaskManagementRowClick:M,onDragStart:k,onTimeSpentUpdate:f,onShowToast:w})=>{const[D,z]=n.useState(null),B=ie(),{setFocus:$}=dt(),x=n.useCallback(()=>{I(e.id)},[I,e.id]),S=n.useCallback(W=>{z(W.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]),v=n.useCallback(()=>{$(`${r}.groupName`),y()},[y,r,$]);return t.jsxs(ho,{windowSize:B,children:[t.jsx(U,{controller:h,children:t.jsxs(wo,{children:[t.jsxs(fo,{children:[t.jsx(Co,{isOpen:a===!1,onClick:x,children:t.jsx(To,{})}),t.jsx(Ft,{style:{textAlign:"start",width:"100%",background:"unset",...Pt.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:Ie.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:W=>Ht(W,e.id,c)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx($o,{onClick:S,children:t.jsx(yo,{})}),t.jsx(Ut,{onClose:y,onAddTask:L,onCollapseAll:C,onDelete:g,onExpandAll:d,onRename:v,isDefault:e.isDefault,anchorEl:D})]})}),t.jsx(U,{controller:a===!1,children:t.jsx(_t,{mode:"checked_or_hover",isDisabled:p===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(W=>{const _=()=>{M(W.id)};return{label:t.jsx(po,{taskDetail:W,onRowClick:_,tagList:u,onTimeSpentUpdate:f,onShowToast:w,sectionId:r}),prefix:B==="small"?null:t.jsx(vo,{children:t.jsx(bo,{})}),value:W.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})})]})},ho=o.div`
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  padding-right: ${s.sp3};
+  row-gap: ${s.sp3};
+`,mo=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"?`${Re.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${Re.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;
+`,go=o(K)``,ko=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,xo=o(es)`
+  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;
+`,wo=o.div`
+  padding-left: ${s.sp7};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,fo=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,Co=o.div`
+  cursor: pointer;
+  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,To=o(Qe)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,$o=o.div`
+  cursor: pointer;
+`,yo=o(Vt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,vo=o.div`
+  padding-left: ${s.sp3};
+  cursor: grab;
+`,bo=o(Kt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,jo=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)};
+`,So=o(K)`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${s.sp2};
+  align-items: flex-start;
+`,Go=o(K)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  max-height: ${s.sp4};
+  width: 100%;
+`,Lo=o.div`
+  max-width: ${e=>`${pt.taskNameMaxWidth.value(e.windowSize)-ge[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;
+`,No=o(re)`
+  color: ${e=>e.theme.colors.grey1};
+  max-width: ${e=>pt.taskNameMaxWidth.valuePx(e.windowSize)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Eo=o(Qt)`
+  display: flex;
+  align-items: center;
+  margin-left: ${s.sp1};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${s.sp1};
+`,Io=o.div`
+  margin-right: ${s.sp1};
+  margin-left: ${s.sp1};
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  column-gap: ${s.sp2};
+`,Mo=o(re)`
+  color: ${e=>e.theme.colors.hero};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: ${s.sp8};
+  white-space: nowrap;
+`,Do=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${s.sp2};
+`,_e=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};
+`,zo=o(re)`
+  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};
+`,Bo=o(re)`
+  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};
+`,Ao=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};
+`,Ro=o.div`
+  width: inherit;
+  position: relative;
+`,Wo=o(Ro)`
+  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};
+`,Oo=o.div`
+  max-width: ${s.sp11};
+`,Fo=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=se.getLocalizedStrings(),Ve=e=>`${e}_form`,Po={rowGap:new Je(ge[0],ge[5],ge[5])},{common:{footer:Ke},taskManagement:Le}=se.getLocalizedStrings(),Tn=({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:I,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:v})=>{const[W,_]=n.useState(!1),[Q,F]=n.useState(null),[P,oe]=n.useState(null),[Z,pe]=n.useState(null),[fe,le]=n.useState(null),[ue,ne]=n.useState(!1),Ce=gt(),{fetchState:ee,uiState:q,filters:Te,userList:de,taskGroupsWithTasksList:$e}=e,{tagList:ye}=u,ve=Ze(),be=R=>{ne(R)},he=n.useCallback(R=>{le(R.currentTarget)},[]),me=n.useCallback(R=>{B(R)},[B]),l=n.useCallback(()=>{B("groupName")},[B]),G=n.useCallback(R=>{v(R)},[v]),O=de.users.map(R=>R.user).filter(R=>R!=null),N={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:H.common.create,isSearchOpen:ue,searchPlaceHolder:H.taskManagement.taskList.searchPlaceHolder,searchText:q.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:Te,searchTextBoxStyle:{right:"108px"},onNewButtonClick:he,onSearchOpen:be,onSearchTextChanged:j,onFiltersChange:k,analytics:x,downloadState:"Not-Started",createdByUserListLoaded:de.fetchState==="Completed"||de.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(gs,{value:q.groupByKey,resetDisabled:q.groupByKey==="groupName",onChange:me,onReset:l}),height:90},getFilterOptions:()=>is("task_management",O,Ce.loggedInUserRole??[],u.tagList)},E=n.useCallback(R=>{le(null),F(Y),c({...e.localData,newTaskGroupName:R})},[e.localData,c]),A=n.useCallback(()=>{le(null)},[]),b=n.useCallback(()=>{P!=null&&a(P)},[P,a]),T=n.useCallback(()=>{F(Y)},[]),te=n.useCallback(R=>{pe(mt=>mt===R?null:R)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&_(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&pe(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const ut=()=>ee==="Error"?t.jsxs(Zo,{children:[t.jsx(qo,{onClick:d,children:t.jsx(Xo,{})}),t.jsx(Jo,{children:H.common.reloadPage.label})]}):ee==="Completed"&&$e.length===0?t.jsx(Ct,{message:H.taskManagement.taskList.noDataText}):ee==="Not-Started"||ee==="In-Progress"?t.jsx(Tt,{fetchState:ee}):t.jsx(Ho,{taskListView:e,tagList:ye,renameActiveField:Q,updateTask:m,onDragNDrop:p,onAddNewTaskToTaskGroup:z,onColumnSortConfigChanged:C,onTaskManagementRowClick:i,assignGroupToTasks:D,handleCreateGroup:w,resetLocalData:f,setGroupCreationInProgress:T,setShowDeleteModal:_,updateLocalData:c,setActiveTaskGroupId:oe,setRenameActiveField:F,onTaskGroupRename:$,onTimeSpentUpdate:S,onShowToast:y,onCreateTagClick:h}),ht=t.jsx(ss,{spendManagementSectionProps:N});return t.jsxs(Yo,{children:[t.jsx(kt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:ve.colors.grey4,style:{zIndex:3},onBackClick:I,rightSideComponent:ht,isSearchOpen:ue,source:"TaskManagementPage"}),t.jsx(As,{anchorEl:fe,groupByKey:q.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:A,onNewTaskClick:M,onNewGroupClick:E,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,onNewTaskInitialization:G,onExpandTemplate:te,expandedTemplate:Z}),t.jsx(Ko,{children:ut()}),t.jsx(U,{controller:W===!0,children:t.jsx(xt,{action:{onOkClick:b,onCancelClick:()=>{_(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:H.common.cancel,primaryButtonText:H.common.confirm,titleComponent:t.jsx(on,{children:t.jsx(wt,{children:H.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(nn,{children:t.jsx(K,{children:H.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Ho=({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:I,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=ie(),{localData:g,taskGroupsWithTasksList:v,uiState:W}=e,[_,Q]=n.useState([]),F=n.useRef(null);us({scrollContainerRef:F,isEnabled:L!=="small"});const P=n.useMemo(()=>e.userList.users.map(l=>l.user).filter(l=>l!=null),[e.userList.users]),oe=vt({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 v;const l=[],G=v.map(O=>{const N=O.tasks.filter(E=>{const A=g.selectedTaskIds.includes(E.id)===!0;return A&&l.push(E),A===!1});return{...O,tasks:N}});return G.unshift({groupName:"",isDefault:!1,id:Y,tasks:l}),G},[r,v,g.selectedTaskIds]),pe=n.useCallback(l=>_.includes(Z[l].id)||Z[l].tasks.length===0?100:y.current?.[l]!=null?y.current[l]+Po.rowGap.value(L):(os*1+ns)*3+as+rs,[_,Z,L]),fe=n.useCallback(l=>{S(l.currentTarget)},[]),le=n.useCallback((l,G)=>{y.current={...y.current,[l]:G},$.current?.resetAfterIndex(0,!0)},[L,$,v]),ue=n.useCallback(l=>{Q(G=>G.includes(l)?G.filter(O=>l!==O):[...G,l]),$.current?.resetAfterIndex(0,!0)},[]),ne=n.useCallback(()=>{S(null)},[]),Ce=n.useCallback(()=>{Q(v.map(l=>l.id)),$.current?.resetAfterIndex(0,!0)},[v]),ee=n.useCallback(()=>{Q([]),$.current?.resetAfterIndex(0,!0)},[]),q=n.useCallback(()=>{I(),$.current?.scrollTo(0),ne()},[ne,I]),Te=n.useCallback(l=>{w(l),i(!0)},[w,i]),de=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]),$e=n.useCallback(()=>{p(null),C()},[C,p]),ye=n.useCallback(l=>{C(),p(l)},[C,p]),ve=n.useCallback(()=>{g.defaultTaskGroupId!=null&&j(g.defaultTaskGroupId)},[j,g.defaultTaskGroupId]),be=async(l,G)=>{if(l.includes(rt)){const N=l.split(".")[2],E=v.flatMap(b=>b.tasks).find(b=>b.id===N),A=G[V][ae][N].priority.selectedOption;if(E!=null&&A!=null){const b=tt.find(T=>T.code===A);b!=null&&h(E,{priority:b})}return}if(l.includes(it)){const N=l.split(".")[2],E=v.flatMap(b=>b.tasks).find(b=>b.id===N),A=G[V][ae][N].status.selectedOption;if(E!=null&&A!=null){const b=st.find(T=>T.code===A);E!=null&&b!=null&&h(E,{status:b})}return}if(l.includes(nt)){const N=l.split(".")[2],E=v.flatMap(T=>T.tasks).find(T=>T.id===N),A=v.find(T=>T.tasks.find(te=>te.id===N))?.id,b=G[V][ae][N].assignees.selectedUsers.map(T=>T.userId);A!=null&&b!=null&&E!=null&&h(E,{assignees:b});return}if(l.includes(at)){const N=l.split(".")[2],E=v.flatMap(T=>T.tasks).find(T=>T.id===N),A=v.find(T=>T.tasks.find(te=>te.id===N))?.id,b=G[V][ae][N].dueDate.date;A!=null&&b!=null&&E!=null&&h(E,{dueDate:b});return}if(l.includes(ot)){const N=l.split(".")[2],E=v.flatMap(T=>T.tasks).find(T=>T.id===N),A=v.find(T=>T.tasks.find(te=>te.id===N))?.id,b=G[V][ae][N].tags.selectedOptions;A!=null&&b!=null&&E!=null&&h(E,{tagIds:b});return}l.includes(xe)&&oe.trigger(l);const O=Vo(l,G,g);c(O)};n.useEffect(()=>{const l=oe.watch((G,{name:O})=>{O!=null&&G!=null&&bt(()=>be(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 he=v.length>1&&g.selectedTaskIds.length>0&&r!==Y,me=g.newTaskGroupName.length>0||g.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(jt,{...oe,children:t.jsx("form",{id:Ve(ze),onSubmit:oe.handleSubmit(de),style:{width:"100%"},children:t.jsx(Qo,{isFooterVisible:me,windowSize:L,children:t.jsx(St,{children:({height:l,width:G})=>t.jsx(Gt,{ref:$,outerRef:F,height:l,itemCount:Z.length,itemSize:pe,estimatedItemSize:Nt,itemKey:O=>Z[O].id,width:G,overscanCount:Lt,itemData:{tagList:u,taskGroupsWithTasksList:Z,uiState:W,collapsedGroups:_,userList:e.userList,renameActiveField:r,selectedRowIds:g.selectedTaskIds,existingTaskGroupNamesByGroupId:g.existingTaskGroupNamesByGroupId,onRenameClick:ye,handleOnDragNDrop:a,onCollapseToggle:ue,setRowHeight:le,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,onCollapseAll:Ce,onDeleteTaskGroup:Te,onExpandAll:ee,onTimeSpentUpdate:D,onShowToast:z,onCreateTagClick:B},initialScrollOffset:0,children:Uo})})})})}),me?t.jsx(Et,{formId:Ve(ze),primaryBtn:{label:v.length===1&&g.selectedTaskIds.length>0&&r!==Y?Le.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:$e},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(U,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsxs(tn,{children:[t.jsx(ct,{count:g.selectedTaskIds.length}),t.jsx(sn,{children:g.selectedTaskIds.length>1?Le.taskList.footer.tasksSelected:Le.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(U,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsx(rn,{children:t.jsx(Ee,{enterDelay:600,title:H.taskManagement.taskList.footer.ungroup,children:t.jsx(an,{onClick:ve})})})}),showPrimaryButton:he===!1,customPrimaryButton:he?t.jsxs(t.Fragment,{children:[t.jsx(Me,{variant:"secondary",label:H.taskManagement.taskList.footer.moveTo,onClick:fe,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx($s,{taskGroupsList:v,anchorEl:x,groupByKey:W.groupByKey,onCreateNewGroup:q,onExistingGroupSelection:l=>{ne(),j(l)},onClose:ne})]}):void 0}):null]})},Uo=({index:e,style:u,data:r})=>{const h=n.useRef(null),m=ie(),{tagList:p,taskGroupsWithTasksList:a,uiState:c,renameActiveField:i,collapsedGroups:d,onCollapseToggle:C,onTaskManagementRowClick:j,setRowHeight:I,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&&I(e,h.current.firstElementChild.clientHeight)},[e,h,m,a[e]?.tasks]);const v=n.useCallback(F=>{const P=F.dataTransfer.getData("row");z(P,a[e].id)},[z,e,a]),W=n.useCallback(F=>{F.preventDefault()},[]),_=(F,P)=>{F.dataTransfer.setData("row",P)},Q=()=>{B(a[e].id)};return t.jsx(en,{style:{...u,width:"100%"},ref:h,onDrop:v,onDragOver:W,children:t.jsx(_o,{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:_,onRenameClick:Q,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g},a[e].id)})},_o=({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:I,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,onDragStart:z,onTimeSpentUpdate:B,onShowToast:$,onCreateTagClick:x})=>{const S=ie(),y=S==="medium-regular"||S==="medium-compact"||S==="small"?uo:Ot;return t.jsx(y,{taskGroup:e,tagList:u,userList:i,sectionId:V,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,existingTaskGroupNamesByGroupId:d,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,onCollapseToggle:I,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]={[ke]:[],[ce]:u.existingTaskGroupNamesByGroupId[c.id]},c.tasks.forEach(i=>{u.selectedTaskIds.includes(i.id)&&p[c.id].selectedIds.push(i.id),m[i.id]={[it]:{selectedOption:i.status.code,allOptions:st.map(d=>({label:d.name,value:d.code}))},[rt]:{selectedOption:i.priority.code,allOptions:tt.map(d=>({label:d.name,value:d.code}))},[at]:{date:i.dueDate,showBusinessDay:!1},[nt]:{allUsers:r,selectedUsers:i.assigneeUsers.map(d=>d.user)},[ot]:{allOptions:Mt(h),selectedOptions:i.tagIds},[xe]:i.timeSpent}})});const a={[lt]:{[Y]:{[ce]:u.newTaskGroupName,[ke]:[]},...p},[ae]:m};return{[V]:a}},Vo=(e,u,r)=>{if(e.includes(V)){const h=e.split(".")[2];if(e.includes(ce))return e.includes(Y)?{...r,newTaskGroupName:u[V].groupData[h][ce]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[h]:u[V].groupData[h][ce]}};if(e.includes(ke)){const m=Rt(Wt(Object.values(u[V][lt]),ke)).filter(p=>p!==H.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:m}}}return r},Ko=o.div`
+  display: block;
+  height: 100%;
+`,Yo=o.div`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp4};
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow: hidden;
+`,Zo=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,qo=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;
+`,Xo=o(Xe)`
+  height: ${s.sp5};
+  width: ${s.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Jo=o(yt)`
+  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%;
+`,en=o.div`
+  top: ${s.sp0};
+  left: ${s.sp0};
+  box-sizing: border-box;
+`,tn=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp2};
+  padding-left: ${s.sp9};
+`,sn=o(K)`
+  color: ${e=>e.theme.colors.primary};
+`,on=o.div`
+  padding-top: ${s.sp7};
+  padding-bottom: ${s.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,nn=o.div`
+  padding-left: ${s.sp8};
+  padding-right: ${s.sp8};
+  padding-bottom: ${s.sp5};
+  color: ${e=>e.theme.colors.hero};
+`,an=o(Fo)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,rn=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: ${s.sp6};
+`;export{Tn as default,Ve as uniqueFormName};

package/dist/assets/{TimeRangeSwitcher-ifkHfqEg-CGFdCObN.js → TimeRangeSwitcher-ifkHfqEg-VY1vzvIS.js}

@@ -1,4 +1,4 @@
-import{j as t,b3 as Y,aC as j,dD as H,bv as L,o as a,ai as q}from"./index-sAOH0Fje.js";import{n as g,b as i}from"./vendor-Bs1fkIUX.js";import{R as A}from"./mui-Ty75qFQF.js";import{V as U}from"./CollapsableReportTable-7iAngywY-CxWB4sRz.js";const W=e=>i.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M12 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8v40z"}),i.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),X=e=>i.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{d:"M0 0h8a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H0V0z"}),i.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),p=40,h=90,Z=g.div`
+import{j as t,cZ as D,cu as k,gc as H,ds as L,o as a,c9 as Z}from"./index-kF4u7Flm.js";import{n as g,b as n}from"./vendor-Bs1fkIUX.js";import{R as q}from"./mui-Ty75qFQF.js";import{V as A}from"./CollapsableReportTable-7iAngywY-BhPujiYA.js";const U=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M12 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8v40z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),W=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M0 0h8a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H0V0z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),p=40,h=90,X=g.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
@@ -24,7 +24,7 @@ import{j as t,b3 as Y,aC as j,dD as H,bv as L,o as a,ai as q}from"./index-sAOH0F
   display: flex;
   position: relative;
   scrollbar-width: none;
-`,J=g(q)``,K=g.div`
+`,J=g(Z)``,K=g.div`
   top: ${a.sp0};
   left: ${a.sp0};
   width: calc(${e=>h*e.numberOfTicksSelected}px);
@@ -61,4 +61,4 @@ import{j as t,b3 as Y,aC as j,dD as H,bv as L,o as a,ai as q}from"./index-sAOH0F
   cursor: pointer;
   pointer-events: all;
   color: ${e=>e.theme.colors.grey5};
-`;function k({iconPosition:e}){switch(e){case"left":return t.jsx(W,{className:"slider-icon",fill:"currentColor"});case"right":return t.jsx(X,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function te(e){return A.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:c,timeframe:l,tick:r,tickIndex:x,isSelected:s,onClick:f}){return t.jsx(_,{isEnabled:e,isSelected:s,onClick:()=>{f(r,x,l)},children:t.jsx(J,{children:U(c,r,l)})})}function ie(e,c,l,r,x){const s=c-e,f=Math.floor(e/h)+Math.round(s/h),w=f+l.length-r.length,u=f+l.length,b=x-u;return{selectedTicks:{fromStart:{startIndex:f,length:l.length},fromEnd:{offsetFromEnd:b,length:l.length}},highlightedOfSelectedTicks:{startIndex:w,length:r.length}}}function ne(e){return e.startIndex!=null}function z(e,c){let l={startIndex:0,length:0};if(ne(e))l=e;else{const r=e.length;l={startIndex:c.length-e.offsetFromEnd-r+1,length:e.length}}return l}function le({width:e,firstMonthOfFY:c,timeframe:l,timeframeTicks:r,isEnabled:x,selection:s,onClick:f,onSelectionChanged:w}){const u=i.createRef(),b=i.useRef(null),[I,M]=i.useState(!1),[o,C]=i.useState(z(s.selectedTicks,r)),y=i.useRef(o.startIndex);i.useEffect(()=>{y.current=o.startIndex});const[$,T]=i.useState(s.highlightedOfSelectedTicks),O=(o.startIndex+o.length>r.length?Math.max(r.length-o.length,0):o.startIndex)*h,[S,F]=i.useState({x:O,y:0});i.useEffect(()=>{M(!0)},[]),i.useEffect(()=>{const n=z(s.selectedTicks,r);if(!j(o,n)){C(n);const d=n.startIndex*h;F({x:d,y:0})}j($,s.highlightedOfSelectedTicks)||T(s.highlightedOfSelectedTicks)},[o,$,s,r]),i.useLayoutEffect(()=>{const{startIndex:n,length:d}=o;u.current?.scrollToItem(y.current<=n?n+d-1:n)},[u,o]);const R=x!==!1,N=(n,d,m)=>{f?.(m,n)},P=(n,d)=>{const m=ie(S.x,d.x,o,$,r.length);w?.(m.selectedTicks,m.highlightedOfSelectedTicks,l,r)},B=({index:n,style:d})=>{const m=r[n],{startIndex:E,length:D}=$,V=n>=E&&n<E+D;return t.jsx("div",{style:{...d},children:t.jsx(re,{enabled:R,firstMonthOfFY:c,timeframe:l,tick:m,tickIndex:n,isSelected:V,onClick:N},n)})},v=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(G,{ref:u,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:B}),I===!0&&v!=null?t.jsx(te,{parentNode:v,children:t.jsx(H,{axis:"x",defaultPosition:{x:0,y:0},position:S,bounds:{left:0,right:(r.length-o.length)*h},grid:[1,0],scale:1,onStop:P,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:o.length,ref:b,children:[t.jsx(Q,{children:t.jsx(k,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(k,{iconPosition:"right"})})]})})}):null]})}function de(e){return t.jsx(Z,{children:t.jsx(Y,{children:({width:c})=>t.jsx(le,{...e,width:c})})})}export{p as a,de as p};
+`;function v({iconPosition:e}){switch(e){case"left":return t.jsx(U,{className:"slider-icon",fill:"currentColor"});case"right":return t.jsx(W,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function te(e){return q.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:c,timeframe:l,tick:r,tickIndex:x,isSelected:s,onClick:f}){return t.jsx(_,{isEnabled:e,isSelected:s,onClick:()=>{f(r,x,l)},children:t.jsx(J,{children:A(c,r,l)})})}function ne(e,c,l,r,x){const s=c-e,f=Math.floor(e/h)+Math.round(s/h),w=f+l.length-r.length,u=f+l.length,b=x-u;return{selectedTicks:{fromStart:{startIndex:f,length:l.length},fromEnd:{offsetFromEnd:b,length:l.length}},highlightedOfSelectedTicks:{startIndex:w,length:r.length}}}function ie(e){return e.startIndex!=null}function z(e,c){let l={startIndex:0,length:0};if(ie(e))l=e;else{const r=e.length;l={startIndex:c.length-e.offsetFromEnd-r+1,length:e.length}}return l}function le({width:e,firstMonthOfFY:c,timeframe:l,timeframeTicks:r,isEnabled:x,selection:s,onClick:f,onSelectionChanged:w}){const u=n.createRef(),b=n.useRef(null),[I,M]=n.useState(!1),[o,T]=n.useState(z(s.selectedTicks,r)),y=n.useRef(o.startIndex);n.useEffect(()=>{y.current=o.startIndex});const[$,C]=n.useState(s.highlightedOfSelectedTicks),O=(o.startIndex+o.length>r.length?Math.max(r.length-o.length,0):o.startIndex)*h,[S,F]=n.useState({x:O,y:0});n.useEffect(()=>{M(!0)},[]),n.useEffect(()=>{const i=z(s.selectedTicks,r);if(!k(o,i)){T(i);const d=i.startIndex*h;F({x:d,y:0})}k($,s.highlightedOfSelectedTicks)||C(s.highlightedOfSelectedTicks)},[o,$,s,r]),n.useLayoutEffect(()=>{const{startIndex:i,length:d}=o;u.current?.scrollToItem(y.current<=i?i+d-1:i)},[u,o]);const R=x!==!1,N=(i,d,m)=>{f?.(m,i)},P=(i,d)=>{const m=ne(S.x,d.x,o,$,r.length);w?.(m.selectedTicks,m.highlightedOfSelectedTicks,l,r)},B=({index:i,style:d})=>{const m=r[i],{startIndex:j,length:V}=$,Y=i>=j&&i<j+V;return t.jsx("div",{style:{...d},children:t.jsx(re,{enabled:R,firstMonthOfFY:c,timeframe:l,tick:m,tickIndex:i,isSelected:Y,onClick:N},i)})},E=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(G,{ref:u,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:B}),I===!0&&E!=null?t.jsx(te,{parentNode:E,children:t.jsx(H,{axis:"x",defaultPosition:{x:0,y:0},position:S,bounds:{left:0,right:(r.length-o.length)*h},grid:[1,0],scale:1,onStop:P,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:o.length,ref:b,children:[t.jsx(Q,{children:t.jsx(v,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(v,{iconPosition:"right"})})]})})}):null]})}function de(e){return t.jsx(X,{children:t.jsx(D,{children:({width:c})=>t.jsx(le,{...e,width:c})})})}export{p as a,de as p};

package/dist/assets/{TimeframeSwitcher-BP-PxO5g-DG6ysLlp.js → TimeframeSwitcher-BP-PxO5g-DxTIS9PI.js}

@@ -1,4 +1,4 @@
-import{j as t,o,ai as p,O as u}from"./index-sAOH0Fje.js";import{n as i}from"./vendor-Bs1fkIUX.js";const f=i.div`
+import{j as t,o,c9 as p,O as u}from"./index-kF4u7Flm.js";import{n as i}from"./vendor-Bs1fkIUX.js";const f=i.div`
   display: flex;
   flex-direction: row;
   align-items: center;

package/dist/assets/{TimeframeSwitcherWithToggle-DH-PfsTQ-Dd12kokF.js → TimeframeSwitcherWithToggle-DH-PfsTQ-D7U0L-cV.js}

@@ -1,4 +1,4 @@
-import{q as c,j as t,y as n,ai as x,bO as w}from"./index-sAOH0Fje.js";import{n as r}from"./vendor-Bs1fkIUX.js";import{b as l}from"./TimeframeSwitcher-BP-PxO5g-DG6ysLlp.js";const a="ZeniSwitch",i={root:`${a}-root`,switchBase:`${a}-switchBase`,track:`${a}-track`,thumb:`${a}-thumb`},u=({className:e,...o})=>t.jsx(w,{...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`
+import{q as c,j as t,y as n,c9 as x,dR as w}from"./index-kF4u7Flm.js";import{n as r}from"./vendor-Bs1fkIUX.js";import{b as l}from"./TimeframeSwitcher-BP-PxO5g-DxTIS9PI.js";const a="ZeniSwitch",i={root:`${a}-root`,switchBase:`${a}-switchBase`,track:`${a}-track`,thumb:`${a}-thumb`},u=({className:e,...o})=>t.jsx(w,{...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;