@zeniai/web-cockpit-ui 1.15.64-qa → 1.15.65-dev

package/dist/assets/TaskManagementPage-ucVAdv7x-AkXJlFwQ.js

@@ -0,0 +1,508 @@
+import{ay as kt,y as Ze,V as t,jN as Y,bE as xt,ab as U,cy as wt,an as V,as as ft,O as ne,o as s,jO as Je,cq as De,cu as Ct,gu as $t,bb as Tt,bT as et,aV as yt,cl as bt,X as de,aa as jt,x as tt,cQ as vt,ae as St,b5 as Gt,cC as Lt,j8 as It,j9 as Nt,jP as Be,aT as Et,b as Ae,c1 as Me,fa as st,jQ as Dt,da as ot,jR as he,jS as we,jT as fe,jU as nt,jV as Mt,jW as at,jX as rt,jY as it,jZ as lt,j_ as dt,j$ as _,u as xe,k0 as oe,ak as le,k1 as zt,k2 as At,c as Bt,ap as Rt,k3 as Wt,dl as Ot,k4 as Pt,cU as ct,eM as Ft,w as Ht,k5 as _t,k6 as Ut,gv as Vt,gQ as Kt,k7 as Yt,k8 as Z,k9 as Re,cE as qt,ka as Xt,kb as Qt,kc as Zt,kd as We,p as Oe,gN as Jt,ao as es}from"./index-nssLOVFu.js";import{a as n}from"./sentry-Fca4mdIl.js";import{n as o,c as Ce}from"./mui-BVCBQYdL.js";import{H8 as ts,H9 as Pe,ce as pt,cf as ut,cg as ss}from"./zeni-epic-state-BZv12Eez.js";import{J as os,t as ns}from"./SpendManagementSection-DKZNTYXT-mbKmW3pW.js";import{A as as,t as rs,a as is,E as ls}from"./NotificationsListConfig-CylnViXd-Dg2fm6St.js";import{a as ds}from"./SpendManagementListViewPage-BieufnDb-DWfo1rZv.js";import"./liveblocks-offUbtxr.js";import"./core-DTlL91ob.js";import"./lottie-Cqel28AC.js";import"./recharts-DAsNs3BU.js";import"./analytics-B3XlZNQ8.js";import"./lexical-CoKvBbaA.js";import"./utils-Cgs4R-d4.js";import"./StatusSwitcher-BfQ9VbBH-DC0t3Flj.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="709ed04e-b49b-46d0-a664-d6209734f4a1",e._sentryDebugIdIdentifier="sentry-dbid-709ed04e-b49b-46d0-a664-d6209734f4a1")}catch{}})();const cs=100,ps=100,us=3,hs=.7,ms=({scrollContainerRef:e,isEnabled:d=!0,edgeThreshold:r=cs,scrollSpeed:u=ps,minScrollAmount:k=us,scrollCurveExponent:p=hs})=>{n.useEffect(()=>{if(!d||typeof window>"u"||typeof document>"u")return;let a=!1,h=0,c=null;const l=Math.max(r,1),g=()=>{c!==null&&(cancelAnimationFrame(c),c=null)},T=m=>{const G=e.current;return!G||!(m.target instanceof Node)?!1:G.contains(m.target)},N=m=>T(m),D=m=>{const G=Math.max(m,0)/l,j=Math.pow(G,p)*u;return Math.max(k,j)},x=(m,G,j)=>{const S=j==="up"?-G:G;m===window?window.scrollBy({top:S,behavior:"auto"}):m instanceof HTMLElement&&typeof m.scrollTop=="number"&&(m.scrollTop+=S)},$=()=>e.current??window,f=()=>{if(!a)return;const m=$(),G=window.innerHeight,j=h;if(j<l&&j>0){const S=l-j,L=D(S);x(m,L,"up")}else if(j>G-l){const S=j-(G-l),L=D(S);x(m,L,"down")}c=requestAnimationFrame(f)},z=m=>{N(m)?a=!0:(a=!1,g())},A=()=>{a=!1,g()},B=m=>{a&&(h=m.clientY)},M=m=>{B(m),a&&c===null&&(c=requestAnimationFrame(f))};return document.addEventListener("dragstart",z),document.addEventListener("dragend",A),document.addEventListener("dragover",M),()=>{document.removeEventListener("dragstart",z),document.removeEventListener("dragend",A),document.removeEventListener("dragover",M),g()}},[r,d,k,e,p,u])},Le=ne.getLocalizedStrings(),ht=({count:e})=>t.jsx(gs,{isCircular:e<10,children:t.jsx(ks,{children:e>Le.common.numbers.maximumCount?`${Le.common.numbers.maximumCount}${Le.common.strings.plus}`:e})}),gs=o.div`
+  ${e=>e.isCircular?Ce`
+          height: 18px;
+          width: 18px;
+        `:Ce`
+          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;
+`,ks=o(Rt)`
+  color: inherit;
+`,{taskManagement:Fe,common:Ie}=ne.getLocalizedStrings();function xs(e){const{onChange:d,value:r,resetDisabled:u,onReset:k}=e,p=()=>{u!==!0&&k()};return t.jsxs(ws,{children:[t.jsx($s,{children:Fe.taskList.groupingFilters.groupBy}),t.jsx(fs,{children:t.jsx(os,{value:r,placeHolder:Fe.taskList.groupingFilters.placeholder,onChange:a=>{const h=Pe(a.value);if(h!=null)d(h);else throw new Error("Invalid taskListGroupByKey")},options:ts,getOptionLabel:a=>{const h=Ie.texts,c=Pe(a);return c!=null?h[c]:Ie.strings.empty}})}),t.jsxs(Cs,{onClick:p,isDisabled:u,children:[t.jsx(Ts,{}),t.jsx(V,{children:Ie.reset})]})]})}const ws=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};
+`,fs=o.div`
+  flex: 1;
+`,Cs=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isDisabled?Ce`
+          opacity: 0.3;
+        `:Ce`
+          cursor: pointer;
+        `};
+  &:hover {
+    color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+  }
+
+  column-gap: ${s.sp1};
+`,$s=o(Tt)`
+  color: ${e=>e.theme.colors.primary};
+`,Ts=o(et)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,ys=ne.getLocalizedStrings().taskManagement.taskList.footer;function bs({taskGroupsList:e,anchorEl:d,groupByKey:r,onCreateNewGroup:u,onExistingGroupSelection:k,onClose:p}){const a=()=>{p(),u()};return t.jsx(Je,{open:!!d,anchorEl:d,onClose:p,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(js,{children:[t.jsx(vs,{children:e.map(h=>{const c=()=>{p(),k(h.id)};return t.jsx(He,{onClick:c,children:t.jsx(le,{children:h.groupName})},h.id)})}),t.jsx(U,{controller:r==="groupName",children:t.jsxs(He,{onClick:a,children:[t.jsx(Ss,{}),t.jsx(le,{children:ys.createGroup})]})})]})})}const js=o.div`
+  background-color: ${e=>e.theme.colors.grey5};
+`,He=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};
+`,Ss=o(ot)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`;function Gs({placeholder:e,searchText:d,inputContainerStyles:r,onSearchTextChanged:u}){const[k,p]=n.useState(!1),a=n.useRef(null),h=de(),c=()=>{d||p(!1)};return t.jsxs(Ls,{children:[k?null:t.jsx(Ns,{onMouseEnter:()=>p(!0),onClick:()=>{p(!0),a.current?.focus()},children:t.jsx(_e,{})}),k?t.jsxs(Is,{style:r,isOpen:k,children:[t.jsx(_e,{}),t.jsx(Es,{windowSize:h,autoFocus:h!=="small",placeholder:e,value:d,onBlur:c,onChange:l=>{const g=l.target;u(g.value)},ref:a}),d?t.jsx(Ds,{}):null]}):null]})}const Ls=o.div`
+  position: relative;
+`,Is=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;
+`,_e=o(zt)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${s.sp3};
+  height: ${s.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ns=o.div`
+  cursor: pointer;
+`,Es=o(At)`
+  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};
+  }
+`,Ds=o(Bt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,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:"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"})),zs=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"})),As=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:Bs,common:Rs}=ne.getLocalizedStrings(),J=Bs.taskList.newTaskOptions;function Ws({anchorEl:e,groupByKey:d,taskGroupTemplates:r,taskCreationFromTemplateStatus:u,isTaskTemplatesEnabled:k,expandedTemplate:p,onExpandTemplate:a,onClose:h,onNewTaskClick:c,onNewGroupClick:l,handleGroupTemplateClick:g,handleGroupTemplateTaskClick:T,onNewTaskInitialization:N}){const D=Ze(),[x,$]=n.useState(null),[f,z]=n.useState(null);n.useEffect(()=>{u.fetchState==="Completed"&&(z(null),$(null),h())},[u.fetchState,h]);const A=n.useCallback((M,m)=>{$(m),T(M,m)},[T]),B=n.useCallback(M=>{z(M),g(M)},[g]);return t.jsx(Je,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${D.colors.grey3}`}},anchorEl:e,onClose:h,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Ps,{isTaskTemplatesEnabled:k,children:[t.jsxs(_s,{children:[t.jsxs(Ue,{onClick:c,children:[t.jsx(Fs,{}),t.jsx(De,{children:J.task})]}),t.jsx(U,{controller:d==="groupName",children:t.jsxs(Ue,{onClick:()=>l(""),children:[t.jsx(Hs,{}),t.jsx(De,{children:J.group})]})})]}),k?t.jsx(Os,{taskGroupTemplates:r,taskIdInCreation:x,groupIdInCreation:f,expandedTemplate:p,handleGroupTemplateClick:B,handleGroupTemplateTaskClick:A,onNewGroupClick:l,onNewTaskInitialization:N,onExpandTemplate:a}):null]})})}const Os=({taskGroupTemplates:e,taskIdInCreation:d,groupIdInCreation:r,expandedTemplate:u,onExpandTemplate:k,handleGroupTemplateClick:p,handleGroupTemplateTaskClick:a,onNewGroupClick:h,onNewTaskInitialization:c})=>{const[l,g]=n.useState(""),T=n.useMemo(()=>{const x=[];return e.forEach($=>{if($.name.toLowerCase().includes(l.toLowerCase()))x.push($);else{const f=$.tasks.filter(z=>z.name.toLowerCase().includes(l.toLowerCase()));f.length>0&&x.push({...$,tasks:f})}}),x},[e,l]),N=n.useCallback(()=>{c(l)},[l,c]),D=n.useCallback(()=>{h(l)},[l,h]);return t.jsxs(Us,{children:[t.jsx(Vs,{children:t.jsxs(Ys,{children:[t.jsxs(Ks,{children:[t.jsx(qs,{}),t.jsx(Xs,{children:J.groupTemplates})]}),t.jsx(Gs,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:l,onSearchTextChanged:g,placeholder:J.searchPlaceholder})]})}),t.jsx(U,{controller:T.length>0,children:t.jsx(Qs,{children:T.map(x=>{const $=u===x.id;return t.jsxs(ro,{children:[t.jsxs(Zs,{onClick:()=>{k(x.id)},expanded:$,children:[t.jsxs(Js,{children:[t.jsx(U,{controller:$,children:t.jsx(ao,{})}),t.jsx(U,{controller:!$,children:t.jsx(no,{})}),t.jsx(V,{children:x.name}),t.jsx(ht,{count:x.tasks.length})]}),t.jsx(so,{expanded:$,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:J.createGroup,disabled:x.createdAt!=null,onClick:f=>{f.stopPropagation(),k(null),p(x.id)},reverseSpinnerColor:!1,loading:r===x.id})]}),t.jsx(U,{controller:$,children:t.jsx(n.Fragment,{children:x.tasks.map(f=>t.jsxs(eo,{children:[t.jsxs(to,{children:[t.jsx(io,{className:"styled-dot"}),t.jsx(po,{className:"task-name-text",children:f.name})]}),t.jsx(oo,{loading:d===f.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Rs.create,reverseSpinnerColor:!1,onClick:()=>a(x.id,f.name)})]},f.name))})})]},x.id)})})}),t.jsxs(U,{controller:T.length===0,children:[t.jsx(lo,{children:t.jsx(co,{children:J.noTaskGroup})}),t.jsxs(Ve,{onClick:N,children:[t.jsx(Ke,{}),t.jsx(V,{children:J.newTaskOptionText.replace("__searchText__",l)})]}),t.jsxs(Ve,{onClick:D,children:[t.jsx(Ke,{}),t.jsx(V,{children:J.newGroupOptionText.replace("__searchText__",l)})]})]})]})},Ps=o.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
+`,Ue=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};
+  }
+`,Fs=o(As)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Hs=o(zs)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,_s=o.div`
+  display: flex;
+  flex-direction: column;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Us=o.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-bottom: ${s.sp2};
+`,Vs=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp3};
+`,Ks=o.div`
+  display: flex;
+  column-gap: ${s.sp2};
+  align-items: center;
+  justify-content: space-between;
+`,Ys=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`,qs=o(Ms)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Xs=o(De)`
+  color: ${e=>e.theme.colors.primary};
+`,Qs=o.div`
+  max-height: 320px;
+  overflow: auto;
+`,Zs=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;
+    }
+  }
+`,Js=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp0};
+  color: inherit;
+  column-gap: ${s.sp2};
+`,eo=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;
+    }
+  }
+`,to=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};
+    }
+  }
+`,so=o(Ae)`
+  display: ${e=>e.expanded===!0?"block":"none"};
+`,oo=o(Ae)`
+  display: none;
+`,no=o(Dt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,ao=o(st)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,ro=o.div``,io=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};
+`,lo=o.div`
+  padding: ${s.sp2} ${s.sp3};
+`,co=o(V)`
+  color: ${e=>e.theme.colors.hero};
+`,Ve=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};
+  }
+`,Ke=o(ot)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,po=o(V)`
+  color: inherit;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 336px;
+`,{common:Ne,dateFormat:uo,taskManagement:ze}=ne.getLocalizedStrings(),mt={taskNameMaxWidth:new tt(125,170,170,250,300)},ho=({taskDetail:e,tagList:d,sectionId:r,onRowClick:u,onTimeSpentUpdate:k,onShowToast:p})=>{const a=de(),h=e.assigneeUsers.length,c=e.assigneeUsers[0]?.user,l=c?.firstName||c?.lastName?`${c.firstName} ${c.lastName}`:c?.email??Ne.strings.empty,{getValues:g,resetField:T,getFieldState:N}=ct(),D=(x,$)=>{const f=We(x,$,fe);N(f).invalid?T(f):k(e,{timeSpent:g(f)})};return t.jsxs(ko,{children:[t.jsxs(Go,{windowSize:a,onClick:u,responsiveWidth:Z[0].width,children:[t.jsxs(Lo,{windowSize:a,children:[t.jsx(No,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Me,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(Do,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Me,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(Io,{windowSize:a,responsiveWidth:Z[0].width,children:t.jsx(Eo,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ye,{windowSize:a,responsiveWidth:Z[1].width,children:Re(e.status.code)}),t.jsx(Bo,{windowSize:a,responsiveWidth:Z[2].width,children:Re(e.priority.code)}),t.jsx(Ro,{windowSize:a,responsiveWidth:Z[3].width,children:e.dueDate!=null?e.dueDate.format(uo.visual.MMMDCommaYYYYformat):t.jsx(xo,{children:Ne.strings.hyphen})}),t.jsx(Ye,{windowSize:a,responsiveWidth:Z[4].width,children:h>0?t.jsxs(wo,{children:[t.jsx(qt,{personBasic:c,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Mo,{children:t.jsx(zo,{children:l})}),h>1?t.jsx(fo,{children:`${Ne.strings.plus}${h-1}`}):null]}):null}),t.jsx(Wo,{windowSize:a,responsiveWidth:Z[5].width,children:e.tagIds.length>0?t.jsx(Ao,{children:Xt(e.tagIds,d)}):null}),t.jsx(Po,{windowSize:a,responsiveWidth:Z[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Fo,{className:"timeSpentField",children:t.jsx(Qt,{name:We(r,e.id,fe),placeholder:ze.common.timeSpentPlaceholder,timeSpentFormat:ze.common.timeSpentFormat,registerOptions:{validate:x=>ss(x)>Zt?(p({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{D(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},mo=({taskGroup:e,tagList:d,sectionId:r,showGroupName:u,showRenameTextField:k,isSelectionAllowed:p,isCollapsed:a,existingTaskGroupNamesByGroupId:h,onDeleteTaskGroup:c,onExpandAll:l,onCollapseAll:g,onAddNewTaskToTaskGroup:T,onCollapseToggle:N,onTaskManagementRowClick:D,onDragStart:x,onTimeSpentUpdate:$,onShowToast:f})=>{const[z,A]=n.useState(null),B=de(),{setFocus:M}=ct(),m=n.useCallback(()=>{N(e.id)},[N,e.id]),G=n.useCallback(C=>{A(C.currentTarget)},[]),j=n.useCallback(()=>{A(null)},[]),S=n.useCallback(()=>{T(e.id)},[T,e.id]),L=n.useCallback(()=>{A(null),c(e.id)},[c,e.id]),w=n.useCallback(()=>{M(`${r}.groupName`),j()},[j,r,M]);return t.jsxs(go,{windowSize:B,children:[t.jsx(U,{controller:u,children:t.jsxs(Co,{children:[t.jsxs($o,{children:[t.jsx(To,{isOpen:a===!1,onClick:m,children:t.jsx(yo,{})}),t.jsx(Ft,{style:{textAlign:"start",width:"100%",background:"unset",...Ht.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:ze.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:C=>_t(C,e.id,h)===!1},isDisabled:k&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(bo,{onClick:G,children:t.jsx(jo,{})}),t.jsx(Ut,{onClose:j,onAddTask:S,onCollapseAll:g,onDelete:L,onExpandAll:l,onRename:w,isDefault:e.isDefault,anchorEl:z})]})}),t.jsx(U,{controller:a===!1,children:t.jsx(Vt,{mode:"checked_or_hover",isDisabled:p===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(C=>{const Q=()=>{D(C.id)};return{label:t.jsx(ho,{taskDetail:C,onRowClick:Q,tagList:d,onTimeSpentUpdate:$,onShowToast:f,sectionId:r}),prefix:B==="small"?null:t.jsx(vo,{children:t.jsx(So,{})}),value:C.id,defaultChecked:!1,groupLabel:!1}})],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:x,draggable:!0})})]})},go=o.div`
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  padding-right: ${s.sp3};
+  row-gap: ${s.sp3};
+`,ko=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"?`${Oe.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${Oe.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;
+`,xo=o(V)``,wo=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,fo=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;
+`,Co=o.div`
+  padding-left: ${s.sp7};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,$o=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,To=o.div`
+  cursor: pointer;
+  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,yo=o(st)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,bo=o.div`
+  cursor: pointer;
+`,jo=o(Kt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,vo=o.div`
+  padding-left: ${s.sp3};
+  cursor: grab;
+`,So=o(Yt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Go=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)};
+`,Lo=o(V)`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${s.sp2};
+  align-items: flex-start;
+`,Io=o(V)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  max-height: ${s.sp4};
+  width: 100%;
+`,No=o.div`
+  max-width: ${e=>`${mt.taskNameMaxWidth.value(e.windowSize)-xe[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;
+`,Eo=o(le)`
+  color: ${e=>e.theme.colors.grey1};
+  max-width: ${e=>mt.taskNameMaxWidth.valuePx(e.windowSize)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Do=o(Jt)`
+  display: flex;
+  align-items: center;
+  margin-left: ${s.sp1};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${s.sp1};
+`,Mo=o.div`
+  margin-right: ${s.sp1};
+  margin-left: ${s.sp1};
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  column-gap: ${s.sp2};
+`,zo=o(le)`
+  color: ${e=>e.theme.colors.hero};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: ${s.sp8};
+  white-space: nowrap;
+`,Ao=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${s.sp2};
+`,Ye=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};
+`,Bo=o(le)`
+  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(le)`
+  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};
+`,Wo=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};
+`,Oo=o.div`
+  width: inherit;
+  position: relative;
+`,Po=o(Oo)`
+  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};
+`,Fo=o.div`
+  max-width: ${s.sp11};
+`,Ho=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=ne.getLocalizedStrings(),qe=e=>`${e}_form`,_o={rowGap:new tt(xe[0],xe[5],xe[5])},{common:{footer:Xe},taskManagement:Ee}=ne.getLocalizedStrings(),jn=({taskListView:e,tagListView:d,isTaskTemplatesEnabled:r,onCreateTagClick:u,updateTask:k,onDragNDrop:p,onDeleteTaskGroup:a,updateLocalData:h,onTaskManagementRowClick:c,onReloadTasks:l,onColumnSortConfigChanged:g,onSearchTextChanged:T,onBackClick:N,onNewTaskClick:D,onFiltersChange:x,resetLocalData:$,handleCreateGroup:f,assignGroupToTasks:z,onAddNewTaskToTaskGroup:A,onGroupByFilterChange:B,onTaskGroupRename:M,analytics:m,onTimeSpentUpdate:G,onShowToast:j,handleGroupTemplateClick:S,handleGroupTemplateTaskClick:L,handleNewTaskInitialization:w,onTaskGroupNameClick:C})=>{const[Q,ee]=n.useState(!1),[te,q]=n.useState(null),[F,K]=n.useState(null),[ae,X]=n.useState(null),[$e,ce]=n.useState(null),[me,Te]=n.useState(!1),re=kt(),{fetchState:se,uiState:ie,filters:pe,userList:ue,taskGroupsWithTasksList:ye}=e,{tagList:be}=d,je=Ze(),ve=W=>{Te(W)},Se=n.useCallback(W=>{ce(W.currentTarget)},[]),ge=n.useCallback(W=>{B(W)},[B]),ke=n.useCallback(()=>{B("groupName")},[B]),i=n.useCallback(W=>{w(W)},[w]),b=ue.users.map(W=>W.user).filter(W=>W!=null),P={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:H.common.create,isSearchOpen:me,searchPlaceHolder:H.taskManagement.taskList.searchPlaceHolder,searchText:ie.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:pe,searchTextBoxStyle:{right:"108px"},onNewButtonClick:Se,onSearchOpen:ve,onSearchTextChanged:T,onFiltersChange:x,analytics:m,downloadState:"Not-Started",createdByUserListLoaded:ue.fetchState==="Completed"||ue.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(xs,{value:ie.groupByKey,resetDisabled:ie.groupByKey==="groupName",onChange:ge,onReset:ke}),height:90},getFilterOptions:()=>ds("task_management",b,re.loggedInUserRole??[],d.tagList)},v=n.useCallback(W=>{ce(null),q(Y),h({...e.localData,newTaskGroupName:W})},[e.localData,h]),I=n.useCallback(()=>{ce(null)},[]),R=n.useCallback(()=>{F!=null&&a(F)},[F,a]),y=n.useCallback(()=>{q(Y)},[]),E=n.useCallback(W=>{X(gt=>gt===W?null:W)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&ee(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&X(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const O=()=>se==="Error"?t.jsxs(Qo,{children:[t.jsx(Zo,{onClick:l,children:t.jsx(Jo,{})}),t.jsx(en,{children:H.common.reloadPage.label})]}):se==="Completed"&&ye.length===0?t.jsx(Ct,{message:H.taskManagement.taskList.noDataText}):se==="Not-Started"||se==="In-Progress"?t.jsx($t,{fetchState:se}):t.jsx(Uo,{taskListView:e,tagList:be,renameActiveField:te,updateTask:k,onDragNDrop:p,onAddNewTaskToTaskGroup:A,onColumnSortConfigChanged:g,onTaskManagementRowClick:c,assignGroupToTasks:z,handleCreateGroup:f,resetLocalData:$,setGroupCreationInProgress:y,setShowDeleteModal:ee,updateLocalData:h,setActiveTaskGroupId:K,setRenameActiveField:q,onTaskGroupRename:M,onTimeSpentUpdate:G,onShowToast:j,onCreateTagClick:u,onTaskGroupNameClick:C}),Ge=t.jsx(ns,{spendManagementSectionProps:P});return t.jsxs(Xo,{children:[t.jsx(xt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:je.colors.grey4,style:{zIndex:3},onBackClick:N,rightSideComponent:Ge,isSearchOpen:me,source:"TaskManagementPage"}),t.jsx(Ws,{anchorEl:$e,groupByKey:ie.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:I,onNewTaskClick:D,onNewGroupClick:v,handleGroupTemplateClick:S,handleGroupTemplateTaskClick:L,onNewTaskInitialization:i,onExpandTemplate:E,expandedTemplate:ae}),t.jsx(qo,{children:O()}),t.jsx(U,{controller:Q===!0,children:t.jsx(wt,{action:{onOkClick:R,onCancelClick:()=>{ee(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:H.common.cancel,primaryButtonText:H.common.confirm,titleComponent:t.jsx(an,{children:t.jsx(ft,{children:H.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(rn,{children:t.jsx(V,{children:H.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Uo=({taskListView:e,tagList:d,renameActiveField:r,updateTask:u,onTaskGroupRename:k,setRenameActiveField:p,onDragNDrop:a,updateLocalData:h,setShowDeleteModal:c,handleCreateGroup:l,resetLocalData:g,assignGroupToTasks:T,setGroupCreationInProgress:N,onTaskManagementRowClick:D,onColumnSortConfigChanged:x,onAddNewTaskToTaskGroup:$,setActiveTaskGroupId:f,onTimeSpentUpdate:z,onShowToast:A,onCreateTagClick:B,onTaskGroupNameClick:M})=>{const m=n.useRef(null);bt({componentName:"task.management.list"});const[G,j]=n.useState(null),S=n.useRef({}),L=de(),{localData:w,taskGroupsWithTasksList:C,uiState:Q,userGroupList:ee}=e,[te,q]=n.useState([]),F=n.useRef(null);ms({scrollContainerRef:F,isEnabled:L!=="small"});const K=n.useMemo(()=>e.userList.users.map(i=>i.user).filter(i=>i!=null),[e.userList.users]),ae=jt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Qe(e.taskGroupsWithTasksList,w,K,d,e.userGroupList.userGroups),[e.taskGroupsWithTasksList,e.userGroupList.userGroups,w,K,d]),values:n.useMemo(()=>Qe(e.taskGroupsWithTasksList,w,K,d,e.userGroupList.userGroups),[e.taskGroupsWithTasksList,e.userGroupList.userGroups,w,K,d])}),X=n.useMemo(()=>{if(r!==Y)return C;const i=[],b=C.map(P=>{const v=P.tasks.filter(I=>{const R=w.selectedTaskIds.includes(I.id)===!0;return R&&i.push(I),R===!1});return{...P,tasks:v}});return b.unshift({groupName:"",isDefault:!1,id:Y,tasks:i}),b},[r,C,w.selectedTaskIds]),$e=n.useCallback(i=>te.includes(X[i].id)||X[i].tasks.length===0?100:S.current?.[i]!=null?S.current[i]+_o.rowGap.value(L):(as*1+rs)*3+is+ls,[te,X,L]),ce=n.useCallback(i=>{j(i.currentTarget)},[]),me=n.useCallback((i,b)=>{S.current={...S.current,[i]:b},m.current?.resetAfterIndex(0,!0)},[L,m,C]),Te=n.useCallback(i=>{q(b=>b.includes(i)?b.filter(P=>i!==P):[...b,i]),m.current?.resetAfterIndex(0,!0)},[]),re=n.useCallback(()=>{j(null)},[]),se=n.useCallback(()=>{q(C.map(i=>i.id)),m.current?.resetAfterIndex(0,!0)},[C]),ie=n.useCallback(()=>{q([]),m.current?.resetAfterIndex(0,!0)},[]),pe=n.useCallback(()=>{N(),m.current?.scrollTo(0),re()},[re,N]),ue=n.useCallback(i=>{f(i),c(!0)},[f,c]),ye=n.useCallback(()=>{w.selectedTaskIds.length>0?r!==Y?pe():l(!0):r===Y?l(!1):r!=null&&k(r,w.existingTaskGroupNamesByGroupId[r])},[w.selectedTaskIds.length,w.existingTaskGroupNamesByGroupId,r,pe,l,k]),be=n.useCallback(()=>{p(null),g()},[g,p]),je=n.useCallback(i=>{g(),p(i)},[g,p]),ve=n.useCallback(()=>{w.defaultTaskGroupId!=null&&T(w.defaultTaskGroupId)},[T,w.defaultTaskGroupId]),Se=async(i,b)=>{if(i.includes(it)){const v=i.split(".")[2],I=C.flatMap(y=>y.tasks).find(y=>y.id===v),R=b[_][oe][v].priority.selectedOption;if(I!=null&&R!=null){const y=pt.find(E=>E.code===R);y!=null&&u(I,{priority:y})}return}if(i.includes(lt)){const v=i.split(".")[2],I=C.flatMap(y=>y.tasks).find(y=>y.id===v),R=b[_][oe][v].status.selectedOption;if(I!=null&&R!=null){const y=ut.find(E=>E.code===R);I!=null&&y!=null&&u(I,{status:y})}return}if(i.includes(at)){const v=i.split(".")[2],I=C.flatMap(O=>O.tasks).find(O=>O.id===v),R=C.find(O=>O.tasks.find(Ge=>Ge.id===v))?.id,y=b[_][oe][v].assignees.selectedUsers.map(O=>O.userId),E=b[_][oe][v].assignees.selectedUserGroups?.map(O=>O.userGroupId);R!=null&&y!=null&&I!=null&&u(I,{assignees:y,groupAssignees:E});return}if(i.includes(rt)){const v=i.split(".")[2],I=C.flatMap(E=>E.tasks).find(E=>E.id===v),R=C.find(E=>E.tasks.find(O=>O.id===v))?.id,y=b[_][oe][v].dueDate.date;R!=null&&y!=null&&I!=null&&u(I,{dueDate:y});return}if(i.includes(nt)){const v=i.split(".")[2],I=C.flatMap(E=>E.tasks).find(E=>E.id===v),R=C.find(E=>E.tasks.find(O=>O.id===v))?.id,y=b[_][oe][v].tags.selectedOptions;R!=null&&y!=null&&I!=null&&u(I,{tagIds:y});return}i.includes(fe)&&ae.trigger(i);const P=Yo(i,b,w);h(P)};n.useEffect(()=>{const i=ae.watch((b,{name:P})=>{P!=null&&b!=null&&vt(()=>Se(P,b))});return()=>{i.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 ge=C.length>1&&w.selectedTaskIds.length>0&&r!==Y,ke=w.newTaskGroupName.length>0||w.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(St,{...ae,children:t.jsx("form",{id:qe(Be),onSubmit:ae.handleSubmit(ye),style:{width:"100%"},children:t.jsx(tn,{isFooterVisible:ke,windowSize:L,children:t.jsx(Gt,{children:({height:i,width:b})=>t.jsx(Lt,{ref:m,outerRef:F,height:i,itemCount:X.length,itemSize:$e,estimatedItemSize:Nt,itemKey:P=>X[P].id,width:b,overscanCount:It,itemData:{tagList:d,taskGroupsWithTasksList:X,uiState:Q,collapsedGroups:te,userList:e.userList,userGroupList:ee.userGroups,renameActiveField:r,selectedRowIds:w.selectedTaskIds,existingTaskGroupNamesByGroupId:w.existingTaskGroupNamesByGroupId,onRenameClick:je,handleOnDragNDrop:a,onCollapseToggle:Te,setRowHeight:me,onTaskManagementRowClick:D,onColumnSortConfigChanged:x,onAddNewTaskToTaskGroup:$,onCollapseAll:se,onDeleteTaskGroup:ue,onExpandAll:ie,onTimeSpentUpdate:z,onShowToast:A,onCreateTagClick:B,onTaskGroupNameClick:M},initialScrollOffset:0,children:Vo})})})})}),ke?t.jsx(Et,{formId:qe(Be),primaryBtn:{label:C.length===1&&w.selectedTaskIds.length>0&&r!==Y?Ee.taskList.footer.createGroup:Xe.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Xe.cancel,style:{width:"135px"},onClick:be},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(U,{controller:L!=="small"&&w.selectedTaskIds.length>0,children:t.jsxs(on,{children:[t.jsx(ht,{count:w.selectedTaskIds.length}),t.jsx(nn,{children:w.selectedTaskIds.length>1?Ee.taskList.footer.tasksSelected:Ee.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(U,{controller:L!=="small"&&w.selectedTaskIds.length>0,children:t.jsx(dn,{children:t.jsx(Me,{enterDelay:600,title:H.taskManagement.taskList.footer.ungroup,children:t.jsx(ln,{onClick:ve})})})}),showPrimaryButton:ge===!1,customPrimaryButton:ge?t.jsxs(t.Fragment,{children:[t.jsx(Ae,{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(bs,{taskGroupsList:C,anchorEl:G,groupByKey:Q.groupByKey,onCreateNewGroup:pe,onExistingGroupSelection:i=>{re(),T(i)},onClose:re})]}):void 0}):null]})},Vo=({index:e,style:d,data:r})=>{const u=n.useRef(null),k=de(),{tagList:p,taskGroupsWithTasksList:a,uiState:h,renameActiveField:c,collapsedGroups:l,onCollapseToggle:g,onTaskManagementRowClick:T,setRowHeight:N,onColumnSortConfigChanged:D,onCollapseAll:x,onExpandAll:$,onAddNewTaskToTaskGroup:f,onDeleteTaskGroup:z,handleOnDragNDrop:A,onRenameClick:B,userList:M,selectedRowIds:m,existingTaskGroupNamesByGroupId:G,onTimeSpentUpdate:j,onShowToast:S,onCreateTagClick:L,onTaskGroupNameClick:w,userGroupList:C}=r;n.useEffect(()=>{u.current?.firstElementChild!=null&&N(e,u.current.firstElementChild.clientHeight)},[e,u,k,a[e]?.tasks]);const Q=n.useCallback(F=>{const K=F.dataTransfer.getData("row");A(K,a[e].id)},[A,e,a]),ee=n.useCallback(F=>{F.preventDefault()},[]),te=(F,K)=>{F.dataTransfer.setData("row",K)},q=()=>{B(a[e].id)};return t.jsx(sn,{style:{...d,width:"100%"},ref:u,onDrop:Q,onDragOver:ee,children:t.jsx(Ko,{taskGroup:a[e],showGroupName:!0,tagList:p,uiState:h,isCollapsed:l.includes(a[e].id),onCollapseToggle:g,showRenameTextField:c===a[e].id,userGroupList:C,isSelectionAllowed:c==null,onTaskManagementRowClick:T,onColumnSortConfigChanged:D,onAddNewTaskToTaskGroup:f,onCollapseAll:x,onDeleteTaskGroup:z,onExpandAll:$,selectedRowIds:m,userList:M,existingTaskGroupNamesByGroupId:G,onDragStart:te,onRenameClick:q,onTimeSpentUpdate:j,onShowToast:S,onCreateTagClick:L,onTaskGroupNameClick:w},a[e].id)})},Ko=({taskGroup:e,userGroupList:d,tagList:r,showGroupName:u,uiState:k,showRenameTextField:p,isCollapsed:a,isSelectionAllowed:h,selectedRowIds:c,userList:l,existingTaskGroupNamesByGroupId:g,onRenameClick:T,onTaskManagementRowClick:N,onCollapseToggle:D,onColumnSortConfigChanged:x,onCollapseAll:$,onExpandAll:f,onAddNewTaskToTaskGroup:z,onDeleteTaskGroup:A,onDragStart:B,onTimeSpentUpdate:M,onShowToast:m,onCreateTagClick:G,onTaskGroupNameClick:j})=>{const S=de(),L=S==="medium-regular"||S==="medium-compact"||S==="small"?mo:Pt;return t.jsx(L,{taskGroup:e,tagList:r,userList:l,sectionId:_,showGroupName:u,uiState:k,showRenameTextField:p,isCollapsed:a,isSelectionAllowed:h,selectedRowIds:c,existingTaskGroupNamesByGroupId:g,userGroupList:d,onAddNewTaskToTaskGroup:z,onCollapseAll:$,onDeleteTaskGroup:A,onExpandAll:f,onCollapseToggle:D,onTaskManagementRowClick:N,onColumnSortConfigChanged:x,onDragStart:B,onRenameClick:T,onTimeSpentUpdate:M,onShowToast:m,onCreateTagClick:G,onTaskGroupNameClick:j})},Qe=(e,d,r,u,k)=>{const p={},a={};e.forEach(c=>{a[c.id]={[we]:[],[he]:d.existingTaskGroupNamesByGroupId[c.id]},c.tasks.forEach(l=>{d.selectedTaskIds.includes(l.id)&&a[c.id].selectedIds.push(l.id),p[l.id]={[lt]:{selectedOption:l.status.code,allOptions:ut.map(g=>({label:g.name,value:g.code}))},[it]:{selectedOption:l.priority.code,allOptions:pt.map(g=>({label:g.name,value:g.code}))},[rt]:{date:l.dueDate,showBusinessDay:!1},[at]:{allUsers:r,selectedUsers:l.assigneeUsers.map(g=>g.user),allUserGroups:k,selectedUserGroups:l.groupAssignees.map(g=>k.find(T=>T.userGroupId===g)).filter(g=>g!=null)},[nt]:{allOptions:Mt(u),selectedOptions:l.tagIds},[fe]:l.timeSpent}})});const h={[dt]:{[Y]:{[he]:d.newTaskGroupName,[we]:[]},...a},[oe]:p};return{[_]:h}},Yo=(e,d,r)=>{if(e.includes(_)){const u=e.split(".")[2];if(e.includes(he))return e.includes(Y)?{...r,newTaskGroupName:d[_].groupData[u][he]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[u]:d[_].groupData[u][he]}};if(e.includes(we)){const k=Wt(Ot(Object.values(d[_][dt]),we)).filter(p=>p!==H.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:k}}}return r},qo=o.div`
+  display: block;
+  height: 100%;
+`,Xo=o.div`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp4};
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow: hidden;
+`,Qo=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Zo=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;
+`,Jo=o(et)`
+  height: ${s.sp5};
+  width: ${s.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,en=o(yt)`
+  margin-top: ${s.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,tn=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%;
+`,sn=o.div`
+  top: ${s.sp0};
+  left: ${s.sp0};
+  box-sizing: border-box;
+`,on=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp2};
+  padding-left: ${s.sp9};
+`,nn=o(V)`
+  color: ${e=>e.theme.colors.primary};
+`,an=o.div`
+  padding-top: ${s.sp7};
+  padding-bottom: ${s.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,rn=o.div`
+  padding-left: ${s.sp8};
+  padding-right: ${s.sp8};
+  padding-bottom: ${s.sp5};
+  color: ${e=>e.theme.colors.hero};
+`,ln=o(Ho)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,dn=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: ${s.sp6};
+`;export{jn as default,qe as uniqueFormName};

package/dist/assets/TimeRangeSwitcher-C3jXm39I-tjiVSjZN.js

@@ -0,0 +1,64 @@
+import{V as o,b5 as H,ac as j,aG as S,dz as L,bt as Z,o as c,O as q,ak as A}from"./index-nssLOVFu.js";import{a as i}from"./sentry-Fca4mdIl.js";import{n as g}from"./mui-BVCBQYdL.js";import{X as G}from"./core-DTlL91ob.js";import{Z as W}from"./CollapsableReportTable-h0vIfI8o-Bg2RfRDJ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="855d318f-2496-4fe1-9edb-7b8ae6d1e34b",e._sentryDebugIdIdentifier="sentry-dbid-855d318f-2496-4fe1-9edb-7b8ae6d1e34b")}catch{}})();const{dateFormat:x}=q.getLocalizedStrings(),ge=(e,t)=>{const{startDate:n,endDate:r}=e;return t&&n.month()!==r.month()?`in ${n.format(x.visual.MMMYYFormat)} - ${r.format(x.visual.MMMYYFormat)}`:n.month()===r.month()?`in ${n.format(x.visual.MMMDFormat)} - ${r.format(x.visual.MMMDCommaYYFormat)}`:`in ${n.format(x.visual.MMMDCommaYYFormat)} - ${r.format(x.visual.MMMDCommaYYFormat)}`},ue=(e,t)=>{if(t.orderBy!=="ascending_date")throw new Error("Invalid ordering of dates!!");let n=e.length-1;if(t.thisPeriod!=null){const r=t.thisPeriod;let d=e.findIndex(s=>s.startDate.isSame(r.startDate,"date")&&s.endDate.isSameOrBefore(r.endDate));d<0&&(d=e.findIndex(s=>s.startDate.isSame(r.startDate,"month")&&s.startDate.isSame(r.startDate,"year"))),d>=0&&(n=d)}return{startIndex:Math.max(n+1-t.numberOfPeriods,0),length:t.numberOfPeriods}},xe=(e,t)=>{const n=e.length-1-t.offsetFromEnd;return{thisPeriod:e[n],numberOfPeriods:t.length,orderBy:"ascending_date"}},pe=(e,t)=>{const n=t.startIndex+t.length-1>e.length?e.length-1:t.startIndex+t.length-1;return{thisPeriod:e[n],numberOfPeriods:t.length,orderBy:"ascending_date"}},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:"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"})),J=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"})),b=40,f=90,K=g.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  min-height: ${b}px;
+  box-sizing: content-box;
+  width: 100%;
+  border-top: 1px solid ${e=>e.theme.colors.grey3};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Q=g.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${f}px;
+  height: ${b}px;
+  max-height: ${b}px;
+  color: ${e=>e.isEnabled&&e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.isEnabled?e.theme.colors.primary:e.theme.colors.hero};
+  }
+  cursor: ${e=>e.isEnabled?"pointer":"default"};
+  background-color: ${e=>e.isSelected?e.theme.colors.background:"transparent"};
+`,U=g(Z)`
+  display: flex;
+  position: relative;
+  scrollbar-width: none;
+`,ee=g(A)``,te=g.div`
+  top: ${c.sp0};
+  left: ${c.sp0};
+  width: calc(${e=>f*e.numberOfTicksSelected}px);
+  position: absolute;
+  height: ${b}px;
+  border: 1px solid ${e=>e.theme.colors.grey1};
+  .slider-icon {
+    fill: ${e=>e.theme.colors.grey1};
+  }
+  border-radius: ${c.sp2};
+  border-left: ${c.sp0};
+  border-right: ${c.sp0};
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    border-radius: ${c.sp2};
+    border-left: ${c.sp0};
+    border-right: ${c.sp0};
+    .slider-icon {
+      fill: ${e=>e.theme.colors.primary};
+    }
+  }
+  line-height: ${c.sp0};
+  pointer-events: none;
+  box-sizing: border-box;
+`,re=g.div`
+  float: left;
+  margin-top: -1px;
+  cursor: pointer;
+  pointer-events: all;
+  color: ${e=>e.theme.colors.grey5};
+`,ne=g.div`
+  float: right;
+  margin-top: -1px;
+  cursor: pointer;
+  pointer-events: all;
+  color: ${e=>e.theme.colors.grey5};
+`;function k({iconPosition:e}){switch(e){case"left":return o.jsx(X,{className:"slider-icon",fill:"currentColor"});case"right":return o.jsx(J,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function oe(e){return G.createPortal(e.children,e.parentNode)}function ie({enabled:e,firstMonthOfFY:t,timeframe:n,tick:r,tickIndex:d,isSelected:s,onClick:m}){return o.jsx(Q,{"data-testid":j("time-range-switcher-tick",String(d)),isEnabled:e,isSelected:s,onClick:()=>{m(r,d,n)},children:o.jsx(ee,{children:W(t,r,n)})})}function se(e,t,n,r,d){const s=t-e,m=Math.floor(e/f)+Math.round(s/f),$=m+n.length-r.length,p=m+n.length,y=d-p;return{selectedTicks:{fromStart:{startIndex:m,length:n.length},fromEnd:{offsetFromEnd:y,length:n.length}},highlightedOfSelectedTicks:{startIndex:$,length:r.length}}}function le(e){return e.startIndex!=null}function z(e,t){let n={startIndex:0,length:0};if(le(e))n=e;else{const r=e.length;n={startIndex:t.length-e.offsetFromEnd-r+1,length:e.length}}return n}function ae({width:e,firstMonthOfFY:t,timeframe:n,timeframeTicks:r,isEnabled:d,selection:s,onClick:m,onSelectionChanged:$}){const p=i.createRef(),y=i.useRef(null),[D,C]=i.useState(!1),[a,O]=i.useState(z(s.selectedTicks,r)),w=i.useRef(a.startIndex);i.useEffect(()=>{w.current=a.startIndex});const[M,T]=i.useState(s.highlightedOfSelectedTicks),F=(a.startIndex+a.length>r.length?Math.max(r.length-a.length,0):a.startIndex)*f,[v,P]=i.useState({x:F,y:0});i.useEffect(()=>{C(!0)},[]),i.useEffect(()=>{const l=z(s.selectedTicks,r);if(!S(a,l)){O(l);const h=l.startIndex*f;P({x:h,y:0})}S(M,s.highlightedOfSelectedTicks)||T(s.highlightedOfSelectedTicks)},[a,M,s,r]),i.useLayoutEffect(()=>{const{startIndex:l,length:h}=a;p.current?.scrollToItem(w.current<=l?l+h-1:l)},[p,a]);const Y=d!==!1,B=(l,h,u)=>{m?.(u,l)},_=(l,h)=>{const u=se(v.x,h.x,a,M,r.length);$?.(u.selectedTicks,u.highlightedOfSelectedTicks,n,r)},N=({index:l,style:h})=>{const u=r[l],{startIndex:E,length:R}=M,V=l>=E&&l<E+R;return o.jsx("div",{style:{...h},children:o.jsx(ie,{enabled:Y,firstMonthOfFY:t,timeframe:n,tick:u,tickIndex:l,isSelected:V,onClick:B},l)})},I=document.getElementsByClassName("date-range-list")[0];return o.jsxs(o.Fragment,{children:[o.jsx(U,{ref:p,height:b,width:e,itemCount:r.length,itemSize:f,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:N}),D===!0&&I!=null?o.jsx(oe,{parentNode:I,children:o.jsx(L,{axis:"x",defaultPosition:{x:0,y:0},position:v,bounds:{left:0,right:(r.length-a.length)*f},grid:[1,0],scale:1,onStop:_,nodeRef:y,children:o.jsxs(te,{numberOfTicksSelected:a.length,ref:y,children:[o.jsx(re,{children:o.jsx(k,{iconPosition:"left"})}),o.jsx(ne,{children:o.jsx(k,{iconPosition:"right"})})]})})}):null]})}function be(e){return o.jsx(K,{"data-testid":j("time-range-switcher"),children:o.jsx(H,{children:({width:t})=>o.jsx(ae,{...e,width:t})})})}export{xe as $,ue as M,b as S,ge as b,pe as v,be as y};

package/dist/assets/TimeframeSwitcher-CcYg-YQJ-C2j1iPoK.js

@@ -0,0 +1,31 @@
+import{V as o,ac as m,o as t,ak as p,O as u}from"./index-nssLOVFu.js";import{n}from"./mui-BVCBQYdL.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="1b313bb7-2524-4abc-859d-955b01a2123d",e._sentryDebugIdIdentifier="sentry-dbid-1b313bb7-2524-4abc-859d-955b01a2123d")}catch{}})();const b=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.background};
+  padding: ${t.sp1};
+  border-radius: 10px;
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+`,g=n.div`
+  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
+  }
+  cursor: ${e=>e.isSelected?"default":"pointer"};
+  border-radius: ${t.sp2};
+  background-color: ${e=>e.isSelected?e.theme.colors.grey5:e.theme.colors.background};
+  box-shadow: ${e=>e.isSelected?`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`:null};
+`,w=n(p)`
+  padding: ${t.sp2} ${t.sp3} ${t.sp2} ${t.sp3};
+`,_=n.div`
+  width: 1px;
+  height: ${t.sp3};
+  background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey2};
+`,y=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`;function x({timeframe:e,isSelected:s,onClick:r}){const c=a=>{switch(a){case"month":case"quarter":case"year":case"this_week_to_date":case"last_week":case"this_month_to_date":case"last_month":case"last_3_months":case"last_6_months":case"last_12_months":case"this_year_to_date":case"last_year":return u.getLocalizedStrings().timeframeSwitcherLabels[a];default:return console.warn("Unsupported timeframe"),""}};return o.jsx(g,{"data-testid":m("timeframe-switcher-segment",e),onClick:()=>{s===!1&&r(e)},isSelected:s,children:o.jsx(w,{children:c(e)})})}function k({onTimeframeSelectionChanged:e,selectedTimeframe:s,timeframes:r}){const c=i=>{e?.(i)},a=r.findIndex(i=>i===s);return o.jsx(b,{"data-testid":m("timeframe-switcher"),children:r.map((i,d)=>{const h=r.length>1&&d<r.length-1,l=d===a,f=d===a-1;return o.jsxs(y,{children:[o.jsx(x,{timeframe:i,isSelected:l,onClick:c},d),h?o.jsx(_,{isSelected:l||f}):null]},d)})})}export{k as T};