@zeniai/web-components 3.16.96 → 3.16.98

package/dist/TaskDetailPage-CUnMDU4x.cjs

@@ -0,0 +1,775 @@
+"use strict";const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),z=require("react"),r=require("@emotion/styled"),Re=require("@liveblocks/react"),C=require("@zeniai/client-epic-state"),t=require("./index-CQwLnHSI.cjs"),pt=require("@liveblocks/react-ui"),ut=require("@emotion/react"),Ve=require("./LabeledSingleSelectField-BDPxfl4m.cjs"),mt=require("./MoreMenuButton-CUZ5HW9b.cjs"),ht=require("./hyperlink-x_2Dp7cf.cjs");function gt(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(n,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return n.default=e,Object.freeze(n)}const le=gt(z),{collaboration:{threads:{placeholder:{addANewComment:xt}}}}=t.appLocale.getLocalizedStrings(),ft=e=>{const n=z.useRef(null),{allowComposer:s=!0,filter:a,showDeleted:p=!1,showReactions:h=!0,showAttachments:l=!1,autoExpand:m=!1,autoFocus:y=!1,showActions:v="hover",indentContent:S=!0,textOverrides:b,threadMetadata:$,style:I,composerContainerStyle:k,threadsContainerStyle:q,threadStyle:O,onThreadClick:_}=e,{composerPlaceholder:M=xt}=b,V=Re.useCreateThread(),{threads:W,isLoading:P,hasFetchedAll:U,isFetchingMore:X,fetchMore:f}=Re.useThreads({query:{metadata:a}});z.useEffect(()=>{const c=setTimeout(()=>f?.(),0);return()=>clearTimeout(c)});const L=P||X===!0||U!==!0,K=z.useMemo(()=>W?t.sortThreads(W):[],[W]),d=z.useCallback(({body:c},R)=>{R.preventDefault(),R.stopPropagation(),$!=null&&(V({body:c,metadata:$}),n.current?.scrollTo({top:0}))},[V,$]);return o.jsxRuntimeExports.jsxs(St,{style:I,children:[L===!0?o.jsxRuntimeExports.jsx($t,{children:o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Standard",style:{color:"inherit"},start:!0})}):o.jsxRuntimeExports.jsx(bt,{style:q,ref:n,children:K.map(c=>o.jsxRuntimeExports.jsx(t.CollapsibleThread,{thread:c,showDeleted:p,showActions:v,autoExpand:m,autoFocus:y,showReactions:h,indentContent:S,textOverrides:b,showAttachments:l,style:O,onThreadClick:R=>_(R)},c.id))}),s&&$!=null&&L===!1?o.jsxRuntimeExports.jsx(yt,{style:k,children:o.jsxRuntimeExports.jsx(pt.Composer,{onComposerSubmit:d,overrides:{COMPOSER_PLACEHOLDER:M},defaultCollapsed:!0,showAttachments:l,autoFocus:!1})}):null]})},St=r.div`
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: ${t.Space.sp0};
+  background-color: inherit;
+  border: none;
+  gap: ${t.Space.sp0};
+`,bt=r.div`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${t.Space.sp3};
+
+  overflow: auto;
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  padding-bottom: ${t.Space.sp5};
+  &::-webkit-scrollbar {
+    width: ${t.Space.sp2};
+    height: ${t.Space.sp2};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${t.Space.sp2};
+      height: ${t.Space.sp2};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-track {
+      box-shadow: inset 0 0 2px ${t.Colors.scrollbarBoxShadow};
+      -webkit-box-shadow: inset 0 0 2px ${t.Colors.scrollbarBoxShadow};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${e=>e.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`,yt=r.div`
+  width: 100%;
+  padding: ${t.Space.sp5} ${t.Space.sp0};
+  align-items: center;
+  justify-content: center;
+  display: flex;
+
+  .lb-composer {
+    width: 360px;
+  }
+`,$t=r.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: inherit;
+`,{dropDowns:jt,common:vt}=t.appLocale.getLocalizedStrings(),Ke=({name:e,registerOptions:n,defaultValue:s,maxAllowedSelectedValues:a=2,isLoading:p,isDisabled:h,customStyleConfig:l,placeholder:m,placeholderComponent:y,isListView:v,onCreateOption:S,onDeleteOption:b,customCreateLabel:$})=>{const{control:I,formState:{errors:k},getValues:q}=o.useFormContext(),O=o.useTheme(),_=o.has(k,e??""),M=q(e)?.selectedOptions??[],V=d=>d.map(c=>W(c)),W=d=>({value:d.value,label:d.label,isDeleted:d.isDeleted}),P={...l,control:(d,c)=>({...d,padding:`0 ${t.Space.sp3}`,backgroundColor:_?t.Colors.importantLight:c.menuIsOpen?O.colors.background:O.colors.grey5,"&:hover":{backgroundColor:c.isDisabled?O.colors.grey5:_?t.Colors.importantLight:O.colors.background},...l?.control?.(d,c)}),container:(d,c)=>({...d,width:"100%",...l?.container?.(d,c)}),valueContainer:(d,c)=>({...d,".selected-options":{display:c.selectProps.menuIsOpen?"none":"block"},flexWrap:"wrap",...l?.valueContainer?.(d,c)}),input:(d,c)=>({...d,width:c.selectProps.menuIsOpen===!1&&M.length===0?"100%":c.selectProps.menuIsOpen===!1&&M.length>0?t.Space.sp0:"fit-content",...l?.input?.(d,c)}),menu:(d,c)=>({...d,backgroundColor:O.colors.grey5,borderRadius:t.Space.sp1,boxShadow:`${t.Space.sp0} 2px ${t.Space.sp2} ${O.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0,...l?.menu?.(d,c)}),menuList:d=>({...d,borderRadius:0})},U={hasError:_,placeholderComponent:y,isListView:v},X=(d,c)=>{const R=d;a&&c.length>=a||S&&S(R)},f=d=>d.selectedOptions.map(c=>{const R=d.allOptions.find(Q=>Q.value===c);return{label:R?.label??"",value:R?.value??"",isDeleted:R?.isDeleted}}),L=()=>null,K=d=>d.filter(R=>R.isDeleted!==!0||R.isDeleted===void 0||R.isDeleted==null);return o.jsxRuntimeExports.jsx(o.Controller,{name:e,control:I,defaultValue:s,rules:n,render:({field:{onChange:d,value:c,onBlur:R,ref:Q}})=>{const ee=c;return o.jsxRuntimeExports.jsx(o.CreatableSelect$1,{...U,ref:Q,isMulti:!0,createOptionPosition:"last",allowCreateWhileLoading:!0,isSearchable:!0,isClearable:!0,isLoading:p,controlShouldRenderValue:!0,placeholder:m,formatCreateLabel:B=>$?$(B):`${jt.otherOption} ${B}`,onCreateOption:B=>X(B,c.selectedOptions),value:f(ee),options:K(V(ee.allOptions)),onChange:B=>{a&&B.length>a||d({selectedOptions:B.map(ne=>ne?.value),allOptions:ee.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"creatable-multi-select-field",onBlur:R,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:wt,Option:B=>Tt(B,b),Input:Et,MultiValue:Ct,MultiValueLabel:kt,ValueContainer:Rt,DropdownIndicator:Ut,IndicatorSeparator:Xt,Placeholder:Lt,MultiValueRemove:Dt,ClearIndicator:L},hideSelectedOptions:!1,styles:P,isDisabled:h!=null})}})},wt=e=>{const{menuIsOpen:n,isFocused:s,isDisabled:a,selectProps:p}=e,{value:h,hasError:l}=p;return o.jsxRuntimeExports.jsx(Ot,{menuIsOpen:n,isFocused:s,isDisabled:a,optionsLen:h.length,hasError:l,children:o.jsxRuntimeExports.jsx(o.components.Control,{...e,className:"select-control",children:e.children})})},Rt=e=>{const{selectProps:n}=e,{value:s,placeholderComponent:a,isListView:p}=n,h=s.length,l=h>1;if(h===0&&a!=null)return o.jsxRuntimeExports.jsxs(o.components.ValueContainer,{...e,children:[e.children,n.menuIsOpen===!1?a:null]});if(l&&n.menuIsOpen===!1&&p===!0){const m=s.slice(1).map(y=>y.label).join(", ");return o.jsxRuntimeExports.jsxs(o.components.ValueContainer,{...e,className:"select-value-container",children:[e.children,o.jsxRuntimeExports.jsxs(Yt,{children:[o.jsxRuntimeExports.jsx(t.Tooltip,{placement:"bottom-start",title:o.jsxRuntimeExports.jsx(ze,{children:s[0].label}),style:{color:t.Colors.championDark,marginTop:"6px"},display:"flex",children:o.jsxRuntimeExports.jsx(Gt,{children:s[0].label})}),o.jsxRuntimeExports.jsx(t.Tooltip,{placement:"bottom-start",title:o.jsxRuntimeExports.jsx(ze,{children:m}),style:{color:t.Colors.championDark,marginTop:"6px"},display:"flex",children:o.jsxRuntimeExports.jsx(Kt,{children:o.jsxRuntimeExports.jsxs(Ht,{children:[vt.strings.plus,h-1]})})})]})]})}return o.jsxRuntimeExports.jsxs(o.components.ValueContainer,{...e,className:"select-value-container",children:[e.children,o.jsxRuntimeExports.jsx(Pt,{className:"selected-options",children:s.map(m=>m.label?o.jsxRuntimeExports.jsx(Ft,{isListView:p,children:m.label},m.value):o.jsxRuntimeExports.jsx(z.Fragment,{},m.value))})]})},Et=e=>{const{selectProps:n}=e,{placeholder:s,value:a,placeholderComponent:p}=n;return a.length===0&&p!=null&&n.menuIsOpen===!1?o.jsxRuntimeExports.jsx(Vt,{children:o.jsxRuntimeExports.jsx(o.components.Input,{...e,autoComplete:"new-password",placeholder:a.length===0?s:void 0,children:e.children})}):o.jsxRuntimeExports.jsx(o.components.Input,{...e,autoComplete:"new-password",placeholder:a.length===0?s:void 0,children:e.children})},Ct=e=>o.jsxRuntimeExports.jsx(o.components.MultiValue,{...e,children:e.children}),kt=e=>{const{data:n}=e;return o.jsxRuntimeExports.jsx(o.components.MultiValueLabel,{...e,children:n.label})},Dt=()=>null,Lt=()=>null,Tt=({children:e,...n},s)=>{const{data:a,isSelected:p,options:h,isDisabled:l,isFocused:m}=n,{value:y}=a,{onClick:v,type:S}=a,b=h.find($=>$.value===a.value);return o.jsxRuntimeExports.jsx(It,{className:"select-option-wrapper",isFocused:m,isSelected:p,isDisabled:l,isLastOptionAction:S==="button",children:o.jsxRuntimeExports.jsx(o.components.Option,{...n,className:"select-option",children:o.jsxRuntimeExports.jsxs(Mt,{onClick:v,children:[o.jsxRuntimeExports.jsxs(At,{isSelected:p,children:[o.jsxRuntimeExports.jsxs(_t,{isSelected:p,isDisabled:l,children:[o.jsxRuntimeExports.jsx($e,{children:b.Logo?o.jsxRuntimeExports.jsx(b.Logo,{}):null}),o.jsxRuntimeExports.jsxs(zt,{children:[n.label,b.subLabels?o.jsxRuntimeExports.jsx(b.subLabels,{}):null]})]}),m===!0&&b.info?o.jsxRuntimeExports.jsx(Bt,{isSelected:!!p,children:b.info}):null]}),s?o.jsxRuntimeExports.jsx($e,{children:o.jsxRuntimeExports.jsx(Nt,{onClick:$=>{$.stopPropagation(),s(y)},className:"delete-icon"})}):o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}),p?o.jsxRuntimeExports.jsxs($e,{children:[o.jsxRuntimeExports.jsx(qt,{className:"right-tick-icon"}),o.jsxRuntimeExports.jsx(Wt,{className:"close-tick-icon"})]}):null]})})})},Ot=r.div`
+  width: 100%;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+
+  .select-control {
+    border: none;
+    min-height: 100%;
+    box-shadow: none;
+
+    &:hover {
+      fill: ${e=>e.theme.colors.primary};
+    }
+
+    width: auto;
+    cursor: pointer;
+
+    .creatable-multi-select-field__indicators {
+      display: ${e=>e.isFocused?"flex":"none"};
+    }
+
+    .creatable-multi-select-field__clear-indicator {
+      padding: 0;
+      margin-left: ${t.Space.sp2};
+      color: ${e=>e.theme.colors.primary};
+      transition: none;
+      &:hover {
+        background-color: transparent;
+        color: ${e=>e.theme.colors.primary};
+      }
+    }
+
+    .creatable-multi-select-field__value-container {
+      gap: ${e=>e.isFocused?`${t.Space.sp2}`:`${t.Space.sp0}`};
+    }
+  }
+
+  .select-value-container {
+    width: 100%;
+    padding: 6px ${t.Space.sp0};
+    overflow: auto;
+    display: ${e=>e.isFocused===!1&&e.optionsLen===0?"block":"flex"};
+    justify-content: flex-start;
+    align-items: center;
+    cursor: pointer;
+
+    ${t.textStyles.extraSmallRegular.css};
+
+    .selected-options {
+      overflow: initial;
+      text-overflow: unset;
+      white-space: initial;
+      text-align: right;
+
+      ${t.textStyles.extraSmallRegular.css};
+    }
+
+    .creatable-multi-select-field__multi-value {
+      padding: 1px 6px;
+      min-width: fit-content;
+      background-color: transparent;
+      margin: ${t.Space.sp0};
+      display: ${e=>e.isFocused?"flex":"none"};
+      color: ${e=>e.hasError?t.Colors.important:e.theme.colors.primary};
+      border: 1px solid ${e=>e.theme.colors.primary};
+      box-sizing: border-box;
+      border-radius: ${t.Space.sp1};
+      :last-of-type {
+        margin: ${t.Space.sp0};
+      }
+    }
+
+    .creatable-multi-select-field__input-container {
+      display: flex;
+      ${t.textStyles.standardRegular.css};
+      color: ${e=>e.hasError?t.Colors.important:e.theme.colors.primary};
+      margin: ${t.Space.sp0};
+      cursor: inherit;
+
+      > input {
+        text-align: ${e=>e.isFocused===!1&&e.optionsLen===0?"right":"initial"};
+        align-items: center;
+        z-index: ${e=>e.isFocused?2:"auto"};
+        overflow: hidden;
+        cursor: inherit;
+
+        ::placeholder {
+          color: ${e=>e.hasError?t.Colors.important:e.theme.colors.grey1};
+        }
+
+        :disabled {
+          visibility: visible;
+        }
+      }
+    }
+
+    .creatable-multi-select-field__multi-value__label {
+      color: inherit;
+      padding: 0;
+      ${t.textStyles.extraSmallRegular.css};
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .creatable-multi-select-field__multi-value__remove {
+      padding: 0;
+      &:hover {
+        background-color: transparent;
+        color: ${e=>e.theme.colors.primary};
+      }
+    }
+  }
+`,Pt=r(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: right;
+`,Ft=r.label`
+  color: inherit;
+  padding: 1px 6px;
+  min-width: fit-content;
+  background-color: transparent;
+  margin: ${t.Space.sp2};
+  border: 1px solid
+    ${e=>e.isListView?e.theme.colors.grey2:e.theme.colors.primary};
+  box-sizing: border-box;
+  border-radius: ${t.Space.sp1};
+  :last-of-type {
+    margin: ${t.Space.sp0};
+  }
+`,zt=r.div``,It=r.div`
+  .select-option {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    ${t.textStyles.extraSmallRegular.css}
+    height: ${t.Space.sp6};
+    padding: ${t.Space.sp2} ${t.Space.sp3};
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+    opacity: ${e=>e.isDisabled?.32:1};
+    background-color: ${e=>e.isSelected?e.theme.colors.grey3:e.theme.colors.grey5};
+    ${e=>e.isFocused&&ut.css`
+        background-color: ${e.theme.colors.background};
+      `};
+    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+    border-top: ${e=>`${e.isLastOptionAction?`1px solid ${e.theme.colors.grey3}`:"unset"}`};
+    .close-tick-icon {
+      display: none;
+    }
+    .delete-icon {
+      display: none;
+    }
+    &:hover {
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+      color: ${e=>e.isDisabled?t.Colors.neutralGrey1Light:e.theme.colors.primary};
+      .right-tick-icon {
+        display: none;
+      }
+      .close-tick-icon {
+        display: inline-block;
+        margin-left: ${t.Space.sp3};
+      }
+      .delete-icon {
+        display: inline-block;
+      }
+    }
+  }
+`,Mt=r.div`
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,Bt=r.div`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  justify-content: flex-end;
+  margin: ${t.Space.sp0} ${t.Space.sp3};
+  margin-right: ${e=>e.isSelected?t.Space.sp3:t.Space.sp5};
+`,Nt=r(t.SvgDelete)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,_t=r.label`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  justify-content: center;
+  padding: 1px 6px;
+  border-radius: ${t.Space.sp1};
+  border: 1px solid
+    ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.grey2};
+  cursor: ${e=>e.isDisabled?"not-allowed":e.isSelected?"default":"pointer"};
+`,At=r.div`
+  width: ${e=>e.isSelected?`calc(100% - ${t.Space.sp3})`:"100%"};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,$e=r.div`
+  display: flex;
+`,qt=r(t.SvgTick)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Wt=r(t.SvgClose)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Vt=r.div`
+  height: ${t.Space.sp0};
+  width: ${t.Space.sp0};
+`,Kt=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  color: inherit;
+  border-radius: ${t.Space.sp1};
+  padding: ${t.Space.sp0} ${t.Space.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  box-sizing: border-box; // To ensure the border and padding are included in the width and height
+`,Ht=r(t.ExtraSmallMedium)`
+  color: inherit;
+  text-align: center;
+`,ze=r.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  padding: ${t.Space.sp1} 5px;
+`,Gt=r(t.ExtraSmallRegular)`
+  padding: ${t.Space.sp0} ${t.Space.sp2};
+  max-width: 104px;
+  padding-top: 2px;
+  height: ${t.Space.sp4};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  border-radius: ${t.Space.sp1};
+  box-sizing: border-box;
+`,Yt=r.div`
+  display: flex;
+  column-gap: ${t.Space.sp1};
+  align-items: center;
+`,Ut=()=>null,Xt=()=>null,Y={width:new t.ResponsiveSized(343,580,726),height:new t.ResponsiveSized(t.sp[6],t.sp[6]),paddingTopBottom:new t.ResponsiveSized(t.sp[2],t.sp[2]),marginRight:new t.ResponsiveSized(t.sp[2],t.sp[2]),labelMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginTop:new t.ResponsiveSized(t.sp[2],t.sp[2])},Zt={infoLabel:new t.ResponsiveSizedStyle("extraSmallRegular","smallRegular")};function Jt({isDisabled:e,label:n,creatableMultiSelectField:s,style:a,errorInfoLabel:p}){const h=t.useWindowSizeContext(),{formState:{errors:l}}=o.useFormContext(),m=o.has(l,s.name??"");return o.jsxRuntimeExports.jsxs(Qt,{size:h,style:a,isDisabled:e!=null,hasError:m,children:[o.jsxRuntimeExports.jsx(t.Label,{isDisabled:e,label:n.label,htmlFor:s.name,style:{marginLeft:Y.labelMarginLeft.value(h),marginRight:Y.labelMarginRight.value(h),marginTop:Y.labelMarginTop.value(h),width:n.width??"auto"}}),o.jsxRuntimeExports.jsxs(eo,{labelWidth:n.width,children:[o.jsxRuntimeExports.jsx(Ke,{...s,isDisabled:e}),m?o.jsxRuntimeExports.jsx(to,{size:h,hasError:m,children:p}):null]})]})}const Qt=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>Y.width.valuePx(e.size)};
+  min-height: ${e=>Y.height.valuePx(e.size)};
+  padding-right: ${e=>Y.marginRight.valuePx(e.size)};
+  padding-top: ${e=>Y.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>Y.paddingTopBottom.valuePx(e.size)};
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  &:focus-within {
+    z-index: 2;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    .select-control {
+      background-color: ${e=>e.hasError?t.Colors.importantLight:e.theme.colors.background};
+    }
+  }
+
+  &:hover {
+    z-index: 1;
+    outline: ${e=>e.isDisabled===!0?"none":`1px solid ${e.theme.colors.primary}`};
+    .select-control {
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError?t.Colors.importantLight:e.theme.colors.background};
+    }
+  }
+`,eo=r.div`
+  display: flex;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  justify-content: flex-end;
+  flex-direction: column;
+  position: relative;
+`,to=r.label`
+  color: ${e=>e.hasError===!0?t.Colors.important:e.additionalInfoTextColor!=null?e.additionalInfoTextColor:e.theme.colors.grey1};
+  width: auto;
+  ${e=>`${Zt.infoLabel.style(e.size)}`};
+  padding-right: ${t.Space.sp3};
+  text-align: right;
+`,{taskManagement:{common:{timeSpentPlaceholder:oo}}}=t.appLocale.getLocalizedStrings();function He({name:e,placeholder:n=oo,defaultValue:s="",timeSpentFormat:a,registerOptions:p={},onInputBlur:h,style:l={},inputStyle:m={}}){const{formState:{errors:y}}=o.useFormContext(),v=o.has(y,e),S=o.useTheme();return o.jsxRuntimeExports.jsx(t.FormattedTextField,{type:"number",name:e,placeholder:n,prefix:"",allowNegative:!1,isNumericString:!0,inputMode:"numeric",returnValueType:"value",registerOptions:p,decimalScale:0,allowLeadingZeros:!0,thousandSeparator:!1,format:a,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",cursor:"inherit",backgroundColor:S.colors.grey3,borderRadius:t.Space.sp1,color:S.colors.primary,height:t.Space.sp6,...l},hoverBgColor:S.colors.background,disabledColor:S.colors.background,isFieldError:v,defaultValue:s,onClick:b=>{b.stopPropagation()},onInputBlur:h,inputStyle:m})}const Ee={width:new t.ResponsiveSized(343,580,726),labelMarginLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[4])},ro={infoLabel:new t.ResponsiveSizedStyle("extraSmallRegular","smallRegular")};function io({name:e,isDisabled:n,label:s,placeholder:a,timeSpentFormat:p,defaultValue:h,style:l,registerOptions:m}){const y=t.useWindowSizeContext(),{formState:{errors:v}}=o.useFormContext(),S=o.has(v,e),{common:{snackBar:{task_time_spent_validation:b}}}=t.appLocale.getLocalizedStrings();return o.jsxRuntimeExports.jsxs(so,{size:y,style:l,isDisabled:n!=null,isError:S,children:[o.jsxRuntimeExports.jsx(t.Label,{isDisabled:n,label:s.label,style:{marginLeft:Ee.labelMarginLeft.value(y),marginRight:Ee.labelMarginRight.value(y),marginTop:t.sp[2],width:s.width??"auto"}}),o.jsxRuntimeExports.jsxs(no,{labelWidth:s.width,children:[o.jsxRuntimeExports.jsx(He,{name:e,defaultValue:h,placeholder:a,timeSpentFormat:p,registerOptions:m}),S===!0&&o.jsxRuntimeExports.jsx(ao,{size:y,isError:S,children:b.failed})]})]})}const so=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>Ee.width.valuePx(e.size)};
+  min-height: ${t.Space.sp6};
+  padding-right: ${t.Space.sp2};
+  padding-top: ${t.Space.sp2};
+  padding-bottom: ${t.Space.sp2};
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  &:focus-within {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+
+    input {
+      background-color: ${e=>e.isError?t.Colors.importantLight:e.theme.colors.background};
+    }
+  }
+  input {
+    background-color: ${e=>e.isError?t.Colors.importantLight:e.theme.colors.grey5};
+  }
+  &:hover {
+    z-index: 1;
+    outline: 1px solid
+      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
+    input {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?t.Colors.importantLight:e.theme.colors.background};
+    }
+  }
+`,no=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,ao=r.label`
+  display: flex;
+  color: ${t.Colors.important};
+  ${e=>`${ro.infoLabel.style(e.size)}`};
+  padding-right: ${t.Space.sp3};
+  text-align: right;
+`,lo=t.appLocale.getLocalizedStrings(),{common:J}=lo,co={largeLabelWidth:new t.ResponsiveSized(140,180,180)},je={width:"auto",paddingTop:t.Space.sp0,paddingBottom:t.Space.sp0,outline:"none"},po=e=>{const{name:n,startMinDate:s,recurringView:a,recurringCountInputLabel:p,onClickSave:h,onClickCancel:l}=e,{selectedFrequency:m,selectedStartDate:y,selectedEndDate:v}=a,S=y!=null?C.zeniDate(y.toDateString()):void 0,b=t.useWindowSizeContext(),$=co.largeLabelWidth.value(b),I=()=>{h()};return o.jsxRuntimeExports.jsxs(uo,{children:[o.jsxRuntimeExports.jsx(Ve.LabeledSingleSelectField,{label:{label:`${J.strings.dividerDot}  ${J.texts.frequency}`,width:$},singleSelectField:{name:`${n}.selectedFrequency`,defaultValue:{selectedOption:m?.selectedOption,allOptions:m?.allOptions??[]},registerOptions:{required:!0,validate:k=>!!k.selectedOption}},style:je}),o.jsxRuntimeExports.jsx(t.LabeledDatePickerField,{label:{label:`${J.strings.dividerDot}  ${J.texts.startDate}`,width:$},dateField:{name:`${n}.selectedStartDate`,defaultValue:S,showCalenderIcon:!0,minDate:s},style:je}),o.jsxRuntimeExports.jsx(t.LabeledDatePickerWithRadioOptionsField,{label:{label:`${J.strings.dividerDot}  ${J.texts.endDate}`,width:$},dateField:{name:`${n}.selectedEndDate`,placeholder:J.placeholder.endDatePlaceholder,recurringCountInputLabel:p,defaultValue:{...v},onSaveClick:I,onCancelEndDate:l,registerOptions:{required:!0,validate:k=>v?.type==="date"?k!=null:!0},minDate:m?.selectedOption!=null?C.getMinAllowedEndDate(C.toRecurringFrequency(m.selectedOption)??"weekly",S):void 0,showCalenderIcon:!0},style:je})]})},uo=r.div`
+  padding: ${t.Space.sp0} ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp2};
+`,Ge=[{label:"Daily",value:"daily"},{label:"Weekly",value:"weekly"},{label:"Biweekly",value:"biweekly"},{label:"Monthly",value:"monthly"},{label:"Quarterly",value:"quarterly"}],ve={tooltipRightPosition:new t.ResponsiveSized(t.sp[6],t.sp[6]),tooltipTopPosition:new t.ResponsiveSized(35,35),tooltipWidth:new t.ResponsiveSized(180,193)},mo=({protectedInfoText:e})=>{const n=t.useWindowSizeContext();return o.jsxRuntimeExports.jsxs(bo,{children:[o.jsxRuntimeExports.jsx(yo,{}),o.jsxRuntimeExports.jsx($o,{className:"info-tooltip",windowSize:n,children:o.jsxRuntimeExports.jsx(jo,{children:e})})]})};function ho({name:e,rows:n,placeholder:s,placeholderAlignment:a,autoComplete:p="off",isDisabled:h,defaultValue:l,style:m,hoverBgColor:y,registerOptions:v,protectedInfoText:S,isSaveError:b=!1,showRightTickIcon:$=!1,disableCopyPaste:I=!1,autoCapitalize:k="off",autoTrim:q="off",onKeyDown:O}){const{control:_,register:M,formState:{errors:V}}=o.useFormContext(),W=o.has(V,e),P=Object.assign({},v),U=h==="disabled"||h==="readonly"||S!=null;return S!=null?o.jsxRuntimeExports.jsxs(fo,{style:m,children:[o.jsxRuntimeExports.jsx(mo,{protectedInfoText:S}),o.jsxRuntimeExports.jsx(So,{id:e,children:l})]}):o.jsxRuntimeExports.jsx(go,{children:o.jsxRuntimeExports.jsx(o.Controller,{name:e,control:_,rules:{...v},defaultValue:l??"",render:({field:{onChange:X,onBlur:f,value:L,ref:K}})=>o.jsxRuntimeExports.jsx(xo,{isError:W,style:m,placeholder:s,disabled:U,...M(e,P),id:e,value:L,ref:K,autoComplete:p,placeholderAlignment:a,hoverBgColor:y,isSaveError:b,showRightTickIcon:$,onKeyDown:O,rows:n,onBlur:f,onChange:X,onInput:d=>{const c=d.target;switch(k){case"off":break;case"characters":c.value=c.value.toLocaleUpperCase();break;case"words":c.value=c.value.charAt(0).toLocaleUpperCase().concat(c.value.slice(1));break}switch(q){case"off":break;case"trimStart":c.value=c.value.trimStart();break;case"trimEnd":c.value=c.value.trimEnd();break;case"trim":c.value=c.value.trim();break}},onPaste:d=>{I&&d.preventDefault()},onCopy:d=>{I&&d.preventDefault()}})})})}const go=r.div`
+  display: flex;
+  align-items: center;
+  width: 100%;
+`,xo=r(t.StandardRegularTA)`
+  display: flex;
+  resize: none;
+  overflow: hidden;
+  border-width: ${t.Space.sp0};
+  outline-width: ${t.Space.sp0};
+  color: ${e=>!e.isError&&e.isSaveError===!1?e.theme.colors.primary:t.Colors.important};
+  background-color: ${e=>e.isSaveError===!0||e.isError?t.Colors.importantLight:e.theme.colors.grey5};
+  border-radius: ${t.Space.sp1};
+  text-align: right;
+  padding: ${e=>e.showRightTickIcon===!0?`0 ${t.Space.sp2} 0 ${t.Space.sp3}`:`0 ${t.Space.sp3}`};
+  ::placeholder {
+    text-align: ${e=>e.placeholderAlignment};
+    color: ${e=>e.isError?t.Colors.important:e.theme.colors.grey1};
+  }
+  &:focus {
+    text-align: left;
+    outline: none;
+    background-color: ${e=>e.isError?t.Colors.importantLight:e.theme.colors.background};
+    ${t.textStyles.standardRegular.css};
+  }
+  &:hover {
+    background-color: ${e=>e.isError?t.Colors.importantLight:e.hoverBgColor!==null?e.hoverBgColor:e.theme.colors.background};
+  }
+  &:disabled {
+    background-color: ${e=>e.theme.colors.grey5};
+  }
+`,fo=r.div`
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+  padding: 0 ${t.Space.sp3};
+`,So=r(t.H6Regular)`
+  color: ${e=>e.theme.colors.primary};
+  margin-left: 12px;
+  margin-top: 6px;
+`,bo=r.div`
+  color: ${e=>e.theme.colors.primary};
+`,yo=r(t.SvgLock)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    & + .info-tooltip {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+`,$o=r.div`
+  display: none;
+  background-color: ${e=>e.theme.colors.primary};
+  position: absolute;
+  padding: 2px 5px;
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: ${t.Space.sp1};
+  z-index: 1;
+  right: ${e=>ve.tooltipRightPosition.valuePx(e.windowSize)};
+  width: ${e=>ve.tooltipWidth.valuePx(e.windowSize)};
+  top: ${e=>ve.tooltipTopPosition.valuePx(e.windowSize)};
+`,jo=r(t.ExtraSmallMedium)`
+  color: ${e=>e.theme.colors.grey5};
+`,{attachmentTitle:vo}=t.appLocale.getLocalizedStrings().taskManagement.taskDetail,wo=({sectionId:e,deleteFileStatusById:n,updateFileStatusById:s,filesEndPoint:a,authParams:p,files:h,updateFilesEntity:l,onEditFileName:m,onDeleteFile:y})=>{const[v,S]=z.useState(!1),{control:b}=o.useFormContext(),{fields:$}=o.useFieldArray({name:e,control:b}),I=$.filter(k=>k!=null);return o.jsxRuntimeExports.jsxs(Ro,{children:[o.jsxRuntimeExports.jsx(Co,{children:o.jsxRuntimeExports.jsx(Eo,{children:vo})}),o.jsxRuntimeExports.jsx(ko,{children:I.map((k,q)=>{const{fileIndex:O,fileId:_}=k;return o.jsxRuntimeExports.jsx(Do,{children:o.jsxRuntimeExports.jsx(t.FileElementWithPhotoPicker,{name:`${e}.${O}`,sizeLimit:t.SizeLimit10MB,deleteFileStatusById:n,updateFileStatusById:s,filesEndPoint:a,authParams:p,filemetadataPayload:{documentType:"others",purposeId:"others",documentSide:"front"},file:h.find(M=>M.fileId===_),acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],hasError:v,updateFilesEntity:l,onEditFileName:m,onDeleteFile:y,onFileSizeError:M=>S(M)},q)},q)})})]})},Ro=r.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${t.Space.sp3};
+`,Eo=r(t.LargeMedium)`
+  color: ${e=>e.theme.colors.primary};
+`,Co=r.div`
+  display: flex;
+  width: fit-content;
+  height: ${t.Space.sp8};
+  align-items: center;
+`,ko=r.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  margin-bottom: ${t.Space.sp3};
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,Do=r.div`
+  margin: ${t.Space.sp1} ${t.Space.sp4};
+  :first-of-type {
+    margin-top: ${t.Space.sp2};
+  }
+  :last-of-type {
+    margin-bottom: ${t.Space.sp2};
+  }
+`,Ye=5999,Lo="taskManagementPage",To="taskManagementTable",Oo="newGroup",Po="groupData",Fo="taskData",zo="status",Io="priority",Mo="dueDate",Bo="assignees",No="tags",_o="groupName",Ao="selectedIds",Oe="timeSpent",ie=[{code:"one_time",name:"One-time"},{code:"recurring",name:"Recurring"}],Ue=e=>le.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},le.createElement("path",{d:"M3.16016 1.43762H13.7852C14.1289 1.43762 14.1908 1.61325 13.922 1.82825L9.72203 5.18762L13.922 8.547C14.1908 8.762 14.1289 8.93762 13.7852 8.93762H3.16016",fill:"currentColor"}),le.createElement("path",{d:"M3.16016 1.43762H13.7852C14.1289 1.43762 14.1908 1.61325 13.922 1.82825L9.72203 5.18762L13.922 8.547C14.1908 8.762 14.1289 8.93762 13.7852 8.93762H3.16016",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),le.createElement("path",{d:"M1.91016 0.812622V15.1876",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),Xe="name",Ce="description",ke="status",ce="assignee",de="dueDate",De="priority",pe="tag",Le="fileIds",u="taskDetail",Ie="taskDetailPage",qo="taskType",G="recurringView",N=(e,n)=>`${e}.${n}`,Te=e=>`${e}_form`,x={controlHeight:new t.ResponsiveSized(t.sp[6],60),height:new t.ResponsiveSized(t.sp[6],t.sp[6]),paddingTopBottom:new t.ResponsiveSized(t.sp[2],t.sp[2]),navBarContainerPaddingXaxis:new t.ResponsiveSized(10,t.sp[3]),marginRight:new t.ResponsiveSized(t.sp[2],t.sp[2]),labelWidth:new t.ResponsiveSized(120,180,180),largeLabelWidth:new t.ResponsiveSized(120,120,160),marginBottom:new t.ResponsiveSized(t.sp[3],t.sp[3]),rowContentPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginRight:new t.ResponsiveSized(t.sp[3],t.sp[4]),labelMarginTop:new t.ResponsiveSized(t.sp[2],t.sp[2]),containerPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[6],t.sp[8]),containerPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[5],t.sp[5])},{common:F,taskManagement:{common:{timeSpentPlaceholder:Wo,timeSpentFormat:Vo},taskDetail:w},dateFormat:we,dropDowns:Ko,collaboration:{threads:{placeholder:{addANewComment:Ho,replyAComment:Go}}}}=t.appLocale.getLocalizedStrings(),ue=e=>{switch(e){case"todo":case"urgent":return t.Colors.important;case"in_progress":case"medium":case"normal":return t.Colors.info;case"on_hold":case"high":return t.Colors.alert;case"done":return t.Colors.championLight;case"resolved":return t.Colors.successDark;default:return t.Colors.neutralGrey2Light}},me=e=>{const n=a=>C.allTaskStatus.find(p=>p.code===a)?.name??"",s=a=>C.allTaskPriority.find(p=>p.code===a)?.name??"";switch(e){case"todo":case"in_progress":case"on_hold":case"done":case"resolved":return o.jsxRuntimeExports.jsx(ur,{color:ue(e),children:n(e)});case"urgent":case"high":case"medium":case"low":return o.jsxRuntimeExports.jsxs(mr,{children:[o.jsxRuntimeExports.jsx(hr,{color:ue(e)}),o.jsxRuntimeExports.jsx(gr,{children:s(e)})]});default:return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{})}},Ze=Ge.map(e=>e.label),se=e=>e.map(n=>({label:n.name,value:n.tagId,isDeleted:n.isDeleted})),Yo=({taskDetailSelectorView:e,companyName:n,companyId:s,loggedInUser:a,analytics:p,isNewClicked:h,filesEndPoint:l,authParams:m,currentUrl:y,taskId:v,taskGroupName:S,onSaveChangesToLocalStore:b,onSaveDetailClick:$,onArchiveTaskClick:I,onDismissClick:k,handleZeniLogoClick:q,updateFilesEntity:O,onDeleteFile:_,onEditFileName:M,onDeleteTaskClick:V,onReloadTaskDetailPage:W,tagListView:P,onCreateTagClick:U,onDeleteTagClick:X})=>{const f=t.useWindowSizeContext(),L=x.largeLabelWidth.value(f),K=t.usePrevious(e.taskDetailView.saveStatus.fetchState),d=t.usePrevious(e.taskDetailView.deleteTaskStatus.fetchState),c=e.taskDetailView.saveStatus.fetchState,R=e.taskDetailView.deleteTaskStatus.fetchState,Q=t.usePrevious(e.taskDetailView.taskId),ee=t.usePrevious(e.taskDetailView.archiveStatus.fetchState),B=e.taskDetailView.archiveStatus.fetchState,ne=t.usePrevious(P.tagCreateStatus.fetchState),he=P.tagCreateStatus.fetchState,ge=P.tagDeleteStatusById,Pe=()=>{const i=Object.keys(ge);for(let j=0;j<i.length;j++)if(ge[i[j]].fetchState==="In-Progress")return!0;return!1};z.useEffect(()=>{if(K==="In-Progress"&&c==="Completed"||d==="In-Progress"&&R==="Completed"||ee==="In-Progress"&&B==="Completed"){const{taskId:i,taskDetailLocalData:j}=e.taskDetailView;if(Q==null&&i!=null&&a.userEmail!=null){const{name:g,description:D,status:T,assignee:A,dueDate:oe,priority:Se,tagIds:be,fileIds:ye}=j;p.trackTaskCreated({tenantName:n,newButtonClicked:h,taskId:i,activity:{count:H.formState.dirtyFields[u]!=null?Object.keys(H.formState.dirtyFields[u]).length:0,details:{name:g,description:D,status:T,priority:Se,tags:be,assignees:ae.filter(Z=>A.includes(Z.userId)).map(Z=>({name:Z.firstName.concat(F.strings.space,Z.lastName).trim(),email:Z.email})),dueDate:oe?.format(we.analytics.YYYYDashMMDashDDFormat)??null,numberOfAttachments:ye.length}},createdBy:{name:a.firstName!=null?a.firstName.concat(F.strings.space,a.lastName??F.strings.empty).trim():a.lastName??F.strings.empty,email:a.userEmail}})}k()}},[K,c,d,R,ee,B,k]);const[,Je]=t.useCopyToClipboard(),[xe,Fe]=z.useState(!1),Qe=()=>{Je(y),Fe(!0)};z.useEffect(()=>{xe===!0&&setTimeout(()=>{Fe(!1)},800)},[xe]);const{threads:et,fetchMore:tt}=Re.useThreads({query:{metadata:{entityType:"task.details",tab:"task",application:"dashboard",entityId:v??F.all}}});z.useEffect(()=>{const i=setTimeout(()=>tt?.(),0);return()=>clearTimeout(i)});const ot=et?.length??0,H=o.useForm({mode:"all",reValidateMode:"onBlur",defaultValues:We(e,P),values:We(e,P),resetOptions:{keepDirtyValues:!0,keepErrors:!0}});z.useEffect(()=>{(ne==="In-Progress"&&he==="Completed"||Pe())&&H.resetField(`${u}.${pe}`,{defaultValue:{selectedOptions:E.tagIds,allOptions:se(P.tagList)}})},[ne,he,P.tagList.length,ge]);const rt=async(i,j)=>{if(i!=null){const g={...j};let D={name:g[u].name,description:g[u][Ce],status:g[u][ke].selectedOption,assignee:g[u][ce].selectedUsers.map(T=>T.userId),dueDate:g[u][de]!=null?C.zeniDate(g[u][de].toString()):void 0,priority:g[u][De].selectedOption,tagIds:g[u][pe].selectedOptions,type:ie.find(T=>{const A=g[u]?.taskType?.selectedOption;return T.name===A||typeof A=="string"&&A.includes(T.name)})??{code:"one_time",name:"One-time"},recurringEndDateLocalData:{recurringEndDate:g[u][G]?.selectedEndDate?.date,recurringDatePickerOptionsType:g[u][G]?.selectedEndDate?.type,recurringCount:g[u][G]?.selectedEndDate?.recurringCount},recurringFrequency:g[u][G]?.selectedFrequency?.selectedOption!=null?C.toRecurringFrequency(g[u][G].selectedFrequency.selectedOption.toLocaleLowerCase()):void 0,recurringStartDate:g[u][G]?.selectedStartDate!=null?C.zeniDate(g[u][G].selectedStartDate.toDateString()):C.dateNow(),fileIds:g[u][Le].filter(T=>T!=null).map(T=>T.fileId).filter(T=>T!=null),timeSpent:g[u].timeSpent};i.includes("selectedEndDate.date")?D={...D,recurringEndDateLocalData:{...D.recurringEndDateLocalData,recurringDatePickerOptionsType:"date"}}:i.includes("selectedEndDate.recurringCount")?D={...D,recurringEndDateLocalData:{...D.recurringEndDateLocalData,recurringDatePickerOptionsType:"recurringCount"}}:i.includes("selectedFrequency")&&E.savedRecurringTasksCount!=null&&E.recurringEndDateLocalData.recurringDatePickerOptionsType==="recurringCount"&&(D={...D,recurringEndDateLocalData:{recurringCount:0,recurringDatePickerOptionsType:void 0,recurringEndDate:void 0}}),b(D)}};z.useEffect(()=>{const i=H.watch((j,{name:g})=>{g!=null&&j!=null&&o.defer(()=>rt(g,j))});return()=>{i.unsubscribe()}});const it=H.handleSubmit(()=>{const{taskDetailView:{taskId:i,taskDetailLocalData:j},createdByUser:g}=e;if(i!=null&&g!=null&&a.userEmail!=null){const{name:D,description:T,status:A,assignee:oe,dueDate:Se,priority:be,tagIds:ye,fileIds:Z}=j;p.trackTaskEdited({tenantName:n,taskId:i,activity:{count:H.formState.dirtyFields[u]!=null?Object.keys(H.formState.dirtyFields[u]).length:0,details:{name:D,description:T,status:A,priority:be,tags:ye,assignees:ae.filter(re=>oe.includes(re.userId)).map(re=>({name:re.firstName.concat(F.strings.space,re.lastName).trim(),email:re.email})),dueDate:Se?.format(we.analytics.YYYYDashMMDashDDFormat)??null,numberOfAttachments:Z.length},byUser:{name:a.firstName!=null?a.firstName.concat(F.strings.space,a.lastName??F.strings.empty).trim():a.lastName??F.strings.empty,email:a.userEmail}},createdBy:{name:g.user.firstName.concat(F.strings.space,g.user.lastName).trim(),email:g.user.email},commentsCreated:ot>0})}$()}),st=()=>{let i=e.taskDetailView.taskDetailLocalData,j=i.recurringEndDateLocalData?.recurringEndDate;i.recurringEndDateLocalData?.recurringDatePickerOptionsType==="recurringCount"&&i.recurringStartDate!=null&&i.recurringFrequency!=null&&i.recurringEndDateLocalData.recurringCount!=null&&(j=C.getRecurringEndDateFromCount(i.recurringStartDate,C.toRecurringFrequency(i.recurringFrequency.toLocaleLowerCase()),i.recurringEndDateLocalData.recurringCount)),i={...i,savedRecurringEndDate:j,savedRecurringTasksCount:i.recurringEndDateLocalData.recurringCount,recurringEndDateLocalData:{...i.recurringEndDateLocalData,recurringEndDate:j}},b(i)},nt=()=>{let i=e.taskDetailView.taskDetailLocalData;i={...i,recurringEndDateLocalData:{...i.recurringEndDateLocalData,recurringEndDate:i.savedRecurringEndDate,recurringCount:i.savedRecurringTasksCount}},b(i)},E=e.taskDetailView.taskDetailLocalData,ae=e.userList.users.map(i=>i.user).filter(Boolean),at=e.userList.users.map(i=>i.userRole),fe=e.taskDetailView.taskId!=null&&Q!=null,lt=r.div`
+    display: flex;
+    flex-direction: row;
+  `,ct=r.div``,dt=i=>o.jsxRuntimeExports.jsx(lt,{children:o.jsxRuntimeExports.jsx(ct,{children:`${Ko.createOption} "${i}"`})});return o.jsxRuntimeExports.jsxs(rr,{windowSize:f,children:[o.jsxRuntimeExports.jsxs(ar,{windowSize:f,children:[o.jsxRuntimeExports.jsxs(dr,{windowSize:f,children:[o.jsxRuntimeExports.jsx(pr,{onClick:q}),o.jsxRuntimeExports.jsxs(Be,{children:[o.jsxRuntimeExports.jsx(Ne,{}),o.jsxRuntimeExports.jsx(_e,{children:n})]}),o.jsxRuntimeExports.jsx(t.ControlledComponent,{controller:!!S,children:o.jsxRuntimeExports.jsxs(Be,{children:[o.jsxRuntimeExports.jsx(Ne,{}),o.jsxRuntimeExports.jsx(_e,{children:S})]})})]}),o.jsxRuntimeExports.jsxs(lr,{windowSize:f,children:[fe?o.jsxRuntimeExports.jsx(fr,{children:o.jsxRuntimeExports.jsx(t.Tooltip,{display:"flex",placement:"bottom",title:o.jsxRuntimeExports.jsx(yr,{children:xe?o.jsxRuntimeExports.jsxs(br,{children:[o.jsxRuntimeExports.jsx(Sr,{}),F.copyToClipBoard.copied]}):F.copyToClipBoard.copy}),enterDelay:600,children:o.jsxRuntimeExports.jsx(xr,{onClick:Qe})})}):null,fe?o.jsxRuntimeExports.jsx(mt.MoreMenuButton,{entity:"task_management",isMoreOption:!0,closeMenuOnSelect:!0,options:[{label:"Archive",value:"archive"},{label:"Delete",value:"delete"}],customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"},marginLeft:t.Space.sp4,marginRight:t.Space.sp5}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:t.sp[0],marginLeft:-1}})},onOptionSelection:i=>{switch(i){case"delete":V();break;case"archive":I();break}}}):null,o.jsxRuntimeExports.jsx(cr,{onClick:k})]})]}),e.fetchState==="Error"?o.jsxRuntimeExports.jsxs($r,{children:[o.jsxRuntimeExports.jsx(jr,{onClick:W,children:o.jsxRuntimeExports.jsx(vr,{})}),o.jsxRuntimeExports.jsx(wr,{children:F.reloadPage.label})]}):o.jsxRuntimeExports.jsxs(er,{windowSize:f,children:[o.jsxRuntimeExports.jsxs(Jo,{children:[o.jsxRuntimeExports.jsxs(Zo,{windowSize:f,children:[o.jsxRuntimeExports.jsx(o.FormProvider,{...H,children:o.jsxRuntimeExports.jsxs("form",{id:Te(Ie),onSubmit:it,children:[o.jsxRuntimeExports.jsxs(Rr,{children:[o.jsxRuntimeExports.jsx(t.TextField,{type:"text",placeholderAlignment:"left",name:N(u,Xe),defaultValue:E.name,placeholder:w.taskNamePlaceholder,style:{padding:`${t.Space.sp3} ${t.Space.sp0}`,marginTop:t.Space.sp3,background:"transparent",textAlign:"left",flexGrow:1,width:"-webkit-fill-available",height:x.controlHeight.value(f),cursor:"inherit"},registerOptions:{required:!0,validate:i=>i!=null}}),E.type.code==="recurring"?o.jsxRuntimeExports.jsx(Er,{height:t.Space.sp3,width:t.Space.sp3}):null]}),o.jsxRuntimeExports.jsx(nr,{children:o.jsxRuntimeExports.jsx(ho,{placeholderAlignment:"left",name:N(u,Ce),defaultValue:E.description,placeholder:w.descriptionPlaceholder,rows:5,style:{padding:`${t.Space.sp2} ${t.Space.sp3}`,background:"transparent",textAlign:"left",display:"flex",flexGrow:1,cursor:"inherit",overflow:"auto"},registerOptions:{required:!0,validate:i=>i!=null}})}),o.jsxRuntimeExports.jsx(qe,{children:o.jsxRuntimeExports.jsx(Ae,{children:w.taskDetailsTitle})}),o.jsxRuntimeExports.jsxs(sr,{children:[o.jsxRuntimeExports.jsx(Me,{windowSize:f,label:{label:w.statusLabel,width:L,style:{marginLeft:x.rowContentPaddingLeft.value(f),marginRight:x.labelMarginRight.value(f),marginTop:x.labelMarginTop.value(f),width:L}},style:{width:"auto"},singleSelectPickerField:{valueToLabel:i=>me(i),name:N(u,ke),placeholder:w.statusPlaceholder,style:{position:"relative"},capitalizeOptions:!0,defaultValue:{selectedOption:E.status,allOptions:C.allTaskStatus.map(i=>({label:i.name,value:i.code}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>i?.selectedOption!=null}}}),o.jsxRuntimeExports.jsx(te,{}),o.jsxRuntimeExports.jsxs(tr,{windowSize:f,children:[o.jsxRuntimeExports.jsx(t.Label,{label:w.assigneeLabel,htmlFor:N(u,ce),style:{marginLeft:x.rowContentPaddingLeft.value(f),marginRight:x.labelMarginRight.value(f),marginTop:x.labelMarginTop.value(f),width:L}}),o.jsxRuntimeExports.jsx(or,{windowSize:f,children:o.jsxRuntimeExports.jsx(t.UserMultiSelectField,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!1,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:w.assigneePlaceholder,name:N(u,ce),value:{allUsers:ae,selectedUsers:ae.filter(i=>E.assignee.includes(i.userId)),allNonUsers:[],selectedNonUsers:[]},registerOptions:{required:!0,validate:i=>i!=null&&i.selectedUsers.length>0},valueToSubtitle:i=>{const j=at.find(D=>D.userId===i),g=[];if(j!=null){const D=t.getSingleRoleInOrder(j.userRoles);D.length>0&&g.push(D),j.accountingClassIDs.forEach(T=>{const A=e.allAccountingClasses.find(oe=>oe.classId===T);A!=null&&A.className&&g.push(A.className)})}return g}})})]}),o.jsxRuntimeExports.jsx(te,{}),o.jsxRuntimeExports.jsx(t.LabeledDatePickerField,{label:{label:w.dueDateLabel,width:L},style:{width:"auto"},dateField:{name:N(u,de),placeholder:w.dueDatePlaceholder,defaultValue:E.dueDate,dateFormat:we.visual.defaultInput,minDate:C.dateNow(),autoComplete:"off",registerOptions:{required:!0}}}),o.jsxRuntimeExports.jsx(te,{}),o.jsxRuntimeExports.jsx(Me,{windowSize:f,label:{label:w.priorityLabel,width:L,style:{marginLeft:x.rowContentPaddingLeft.value(f),marginRight:x.labelMarginRight.value(f),marginTop:x.labelMarginTop.value(f),width:L}},style:{width:"auto"},singleSelectPickerField:{valueToLabel:i=>me(i),name:N(u,De),placeholder:w.priorityPlaceholder,style:{position:"relative"},capitalizeOptions:!0,defaultValue:{selectedOption:E.priority,allOptions:C.allTaskPriority.map(i=>({label:i.name,value:i.code}))},textAlignment:"right",registerOptions:{required:!0,validate:i=>i?.selectedOption!=null}}}),o.jsxRuntimeExports.jsx(te,{}),o.jsxRuntimeExports.jsx(ir,{windowSize:f,label:{label:w.tagLabel,width:L},style:{width:"auto"},creatableMultiSelectField:{name:N(u,pe),placeholder:w.tagPlaceholder,defaultValue:{selectedOptions:E.tagIds,allOptions:se(P.tagList)},registerOptions:{required:!1},isLoading:he==="In-Progress"||Pe(),onCreateOption:U,onDeleteOption:X,customCreateLabel:i=>dt(i)}}),o.jsxRuntimeExports.jsx(te,{}),o.jsxRuntimeExports.jsx(Ve.LabeledSingleSelectField,{label:{label:w.taskTypeLabel,width:L},singleSelectField:{name:N(u,qo),defaultValue:{selectedOption:ie.find(i=>i.code===E.type.code)?.name,allOptions:ie.map(i=>i.name)}},style:{width:"auto",border:"none",outline:"none"}}),E.type.code==="recurring"?o.jsxRuntimeExports.jsx(po,{name:N(u,G),startMinDate:C.dateNow(),recurringView:{selectedEndDate:{type:E.recurringEndDateLocalData?.recurringDatePickerOptionsType,date:E.recurringEndDateLocalData?.recurringEndDate,recurringCount:E.recurringEndDateLocalData?.recurringCount},selectedFrequency:{allOptions:Ze,selectedOption:E.recurringFrequency},selectedStartDate:E.recurringStartDate?.toDate()??C.dateNow().toDate()},recurringCountInputLabel:w.totalNumberOfTasks,onClickSave:st,onClickCancel:nt}):null,o.jsxRuntimeExports.jsx(te,{}),o.jsxRuntimeExports.jsx(io,{name:N(u,Oe),placeholder:Wo,timeSpentFormat:Vo,defaultValue:E.timeSpent,label:{label:w.totalTimeSpent,width:L},registerOptions:{validate:i=>C.convertHHMMStrToMinutes(i)>Ye?F.snackBar.task_time_spent_validation.failed:!0},style:{width:"auto",border:"none",outline:"none"}})]}),o.jsxRuntimeExports.jsx(wo,{sectionId:N(u,Le),deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:l,authParams:m,files:e.files,updateFilesEntity:O,onEditFileName:M,onDeleteFile:_})]})}),o.jsxRuntimeExports.jsx(qe,{children:o.jsxRuntimeExports.jsx(Ae,{children:w.activitySectionTitle})}),o.jsxRuntimeExports.jsx(t.HistoryContent,{historicActivities:e.taskHistory})]}),v==null||e.showTaskDetailFormFooter?o.jsxRuntimeExports.jsx(t.Footer,{style:{zIndex:1,paddingTop:t.Space.sp3,paddingBottom:t.Space.sp3},formId:Te(Ie),helperStyle:{paddingTop:t.Space.sp0,paddingBottom:t.Space.sp0},primaryBtn:{label:w.primaryBtnText,isLoading:e.taskDetailView.saveStatus.fetchState==="In-Progress"},cancelBtn:{label:w.secondaryBtnText,onClick:k}}):null]}),o.jsxRuntimeExports.jsx(Qo,{children:fe?o.jsxRuntimeExports.jsx(ft,{autoExpand:!0,autoFocus:!1,threadMetadata:{companyName:n,companyId:s,entityId:e.taskDetailView.taskId,entityType:"task.details",isGlobalComment:!0,application:"dashboard",tab:"task",url:window.location.href},textOverrides:{composerPlaceholder:Ho,replyComposerPlaceholder:Go},filter:{entityType:"task.details",entityId:e.taskDetailView.taskId},threadsContainerStyle:{width:"auto",padding:t.Space.sp5},threadStyle:{width:"100%"},composerContainerStyle:{width:"auto",padding:t.Space.sp5},onThreadClick:()=>null}):o.jsxRuntimeExports.jsx(Uo,{children:o.jsxRuntimeExports.jsx(Xo,{children:w.taskCommentCreationMessage})})})]})]})},Uo=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+`,Xo=r(t.StandardRegular)`
+  color: ${e=>e.theme.colors.hero};
+  padding: ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.Space.sp2};
+`,Zo=r.div`
+  height: 100%;
+  padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>x.containerPaddingRight.valuePx(e.windowSize)};
+  padding-bottom: ${e=>x.containerPaddingRight.valuePx(e.windowSize)};
+  overflow: scroll;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`,Jo=r.div`
+  display: flex;
+  width: 70%;
+  flex-direction: column;
+`,Qo=r.div`
+  display: flex;
+  width: 30%;
+  border-left: 1px solid ${e=>e.theme.colors.grey3};
+
+  .lb-root.lb-composer {
+    width: 100%;
+  }
+`,er=r.div`
+  display: flex;
+  flex-direction: row;
+  height: calc(100% - 57px);
+`,tr=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  min-height: ${e=>x.height.valuePx(e.windowSize)};
+  padding-right: ${e=>x.marginRight.valuePx(e.windowSize)};
+  padding-top: ${e=>x.paddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>x.paddingTopBottom.valuePx(e.windowSize)};
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  &:hover {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    .user-multi-select-field__control {
+      background-color: ${e=>e.theme.colors.background};
+    }
+  }
+`,or=r.div`
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  width: ${e=>`calc(100% - ${x.labelWidth.valuePx(e.windowSize)})`};
+  align-items: flex-end;
+  flex-grow: 1;
+`,rr=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100vh;
+  width: 100%;
+`,Me=r(t.LabeledSingleSelectPickerField)`
+  border-radius: ${t.Space.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  min-height: ${e=>x.height.valuePx(e.windowSize)};
+  padding-right: ${e=>x.marginRight.valuePx(e.windowSize)};
+  padding-top: ${e=>x.paddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>x.paddingTopBottom.valuePx(e.windowSize)};
+  width: auto;
+`,ir=r(Jt)`
+  border-radius: ${t.Space.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  min-height: ${e=>x.height.valuePx(e.windowSize)};
+  padding-right: ${e=>x.marginRight.valuePx(e.windowSize)};
+  padding-top: ${e=>x.paddingTopBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>x.paddingTopBottom.valuePx(e.windowSize)};
+  width: auto;
+`,sr=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  margin-bottom: ${t.Space.sp3};
+`,nr=r.div`
+  display: flex;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.Space.sp2};
+  margin-bottom: ${t.Space.sp3};
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,te=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,ar=r.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  top: ${t.Space.sp0};
+  padding: ${e=>`${x.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${t.Space.sp0}`};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,lr=r.div`
+  display: flex;
+  padding-right: ${e=>x.containerPaddingRight.valuePx(e.windowSize)};
+`,cr=r(t.SvgClose)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  min-height: ${t.Space.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Be=r.div`
+  display: flex;
+  align-items: center;
+`,dr=r.div`
+  padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+`,Ne=r.div`
+  width: 1px;
+  height: ${t.Space.sp3};
+  margin: ${t.Space.sp0} ${t.Space.sp3};
+  background-color: ${e=>e.theme.colors.hero};
+`,_e=r(t.SmallMedium)`
+  color: ${e=>e.theme.colors.primary};
+`,pr=r(t.SvgZeniIconOnly)`
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.brandColorJade};
+`,ur=r(t.ExtraSmallRegular)`
+  color: ${e=>e.color};
+  border: 1px solid ${e=>e.color};
+  padding: ${t.Space.sp0} ${t.Space.sp2};
+  border-radius: ${t.Space.sp1};
+  white-space: nowrap;
+  width: fit-content;
+`,mr=r.div`
+  display: flex;
+  align-items: center;
+`,hr=r(Ue)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.color};
+  margin-right: ${t.Space.sp2};
+`,gr=r(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+`,Ae=r(t.LargeSemiBold)`
+  color: ${e=>e.theme.colors.primary};
+  padding: ${t.Space.sp3} ${t.Space.sp0};
+`,qe=r.div`
+  display: flex;
+  width: fit-content;
+  align-items: center;
+`,xr=r(ht.SvgHyperlink)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  min-height: ${t.Space.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,fr=r.div`
+  display: flex;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Sr=r(t.SvgTickRoundFill)`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  margin-right: ${t.Space.sp1};
+  color: ${t.Colors.success};
+`,br=r.div`
+  display: flex;
+  align-items: center;
+`,yr=r(t.SmallRegular)`
+  padding: ${t.Space.sp1};
+  color: ${e=>e.theme.colors.grey1};
+  background: ${e=>e.theme.colors.overlayColor};
+  border-radius: ${t.Space.sp1};
+`,$r=r.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,jr=r.div`
+  height: 96px;
+  width: 96px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+`,vr=r(t.SvgReload)`
+  height: ${t.Space.sp5};
+  width: ${t.Space.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,wr=r(t.SmallRegularSp)`
+  margin-top: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Rr=r.div`
+  display: flex;
+  align-items: center;
+`,Er=r(t.SvgRecurringCycle)`
+  margin-left: ${t.Space.sp2};
+  margin-top: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,We=(e,n)=>{const s=e.taskDetailView.taskDetailLocalData,a=e.userList.users.map(l=>l.user).filter(Boolean),p=n.tagList,h=[{fileIndex:s.fileIds.length,fileId:void 0}];return{[u]:{[Xe]:s.name,[Ce]:s.description,[ke]:{allOptions:C.allTaskStatus.map(l=>({label:l.name,value:l.code})),selectedOption:s.status},[ce]:{allUsers:a,selectedUsers:a.filter(l=>s.assignee.includes(l.userId)),allNonUsers:[],selectedNonUsers:[]},[de]:s.dueDate?.toDate(),[De]:{allOptions:C.allTaskPriority.map(l=>({label:l.name,value:l.code})),selectedOption:s.priority},[pe]:{allOptions:se(p),selectedOptions:s.tagIds},[Le]:[...s.fileIds.map((l,m)=>({fileId:l,fileIndex:m})),...h],taskType:{selectedOption:ie.find(l=>l.code===s.type.code)?.name,allOptions:ie.map(l=>l.name)},recurringView:{selectedEndDate:{type:s.recurringEndDateLocalData?.recurringDatePickerOptionsType,date:s.savedRecurringEndDate,recurringCount:s.savedRecurringTasksCount},selectedStartDate:s.recurringStartDate?.toDate(),selectedFrequency:{allOptions:Ze,selectedOption:Ge.find(l=>l.value===s.recurringFrequency)?.label}},[Oe]:s.timeSpent}}},Cr=Object.freeze(Object.defineProperty({__proto__:null,default:Yo,getBgColor:ue,getRichLabel:me,getTagList:se,uniqueFormName:Te},Symbol.toStringTag,{value:"Module"}));exports.CreatableMultiSelectField=Ke;exports.MAX_MINS_ALLOWED_FOR_A_TASK=Ye;exports.SvgFlag=Ue;exports.TaskDetailPage=Cr;exports.TimeSpentField=He;exports.assigneeKey=Bo;exports.dueDateKey=Mo;exports.getBgColor=ue;exports.getRichLabel=me;exports.getTagList=se;exports.groupDataKey=Po;exports.groupNameKey=_o;exports.newGroupField=Oo;exports.priorityKey=Io;exports.selectedIdsKey=Ao;exports.statusKey=zo;exports.tagKey=No;exports.taskDataKey=Fo;exports.taskManagementPage=Lo;exports.taskManagementTableSectionId=To;exports.timeSpentKey=Oe;