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

package/dist/assets/TaskDetailPage-aleDjLBo-DJGRUSEM.js

@@ -0,0 +1,775 @@
+import{cd as ne,u as Je,cj as he,j as t,ck as et,eu as Ct,o as r,h as b,F as ie,eJ as Lt,l as O,b3 as G,bw as Te,$ as tt,O as rt,K as ge,x as $,a2 as pe,a as Ot,eK as Pt,c2 as Et,b as Tt,n as p,c as It,e2 as Ft,ch as _e,eL as zt,eM as Vt,ca as it,eN as Rt,a4 as Mt,q as at,k as ot,y as se,ci as Bt,b0 as Nt,a3 as lt,aT as _t,aD as At,az as qt,bf as Ut,a6 as Wt,eO as Ht,am as Gt,cL as Yt,eP as Kt,d$ as Xt,ew as Zt,cb as Qt,eQ as Jt,i as er,eR as tr,p as rr,cG as ir,V as st,ao as ar,eS as or}from"./index-D9zAXs3-.js";import{b as F,n as i,i as lr}from"./vendor-Bs1fkIUX.js";import{i as nt,k as sr,l as nr}from"./liveblocks-C2xecagE.js";import{e as dt}from"./LabeledSingleSelectField-nPVDbcr0-DXhzL0iF.js";import{U as dr}from"./MoreMenuButton-Cj6SIPVt-CYCCFBqM.js";import{t as cr}from"./hyperlink-DQyCeXx2-ChMvASRu.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./crypto-DPjkCRYF.js";import"./dollar-round-D18u7nlm-CXc5TAek.js";import"./money-2cg1MuG4-BaDu1jFd.js";import"./page-summary-D7_VQHwN-DEY33DNc.js";const{collaboration:{threads:{placeholder:{addANewComment:pr}}}}=ie.getLocalizedStrings(),ur=e=>{const l=F.useRef(null),{allowComposer:o=!0,filter:s,showDeleted:u=!1,showReactions:m=!0,showAttachments:n=!1,autoExpand:g=!1,autoFocus:k=!1,showActions:S="hover",indentContent:w=!0,textOverrides:v,threadMetadata:D,style:B,composerContainerStyle:P,threadsContainerStyle:W,threadStyle:V,onThreadClick:q}=e,{composerPlaceholder:N=pr}=v,Y=sr(),{threads:H,isLoading:R,hasFetchedAll:J,isFetchingMore:ee,fetchMore:y}=nt({query:{metadata:s}});F.useEffect(()=>{const d=setTimeout(()=>y?.(),0);return()=>clearTimeout(d)});const T=R||ee===!0||J!==!0,K=F.useMemo(()=>H?Jt(H):[],[H]),c=F.useCallback(({body:d},z)=>{z.preventDefault(),z.stopPropagation(),D!=null&&(Y({body:d,metadata:D}),l.current?.scrollTo({top:0}))},[Y,D]);return t.jsxs(hr,{style:B,children:[T===!0?t.jsx(fr,{children:t.jsx(er,{size:"Standard",style:{color:"inherit"},start:!0})}):t.jsx(gr,{style:W,ref:l,children:K.map(d=>t.jsx(tr,{thread:d,showDeleted:u,showActions:S,autoExpand:g,autoFocus:k,showReactions:m,indentContent:w,textOverrides:v,showAttachments:n,style:V,onThreadClick:z=>q(z)},d.id))}),o&&D!=null&&T===!1?t.jsx(mr,{style:P,children:t.jsx(nr,{onComposerSubmit:c,overrides:{COMPOSER_PLACEHOLDER:N},defaultCollapsed:!0,showAttachments:n,autoFocus:!1})}):null]})},hr=i.div`
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: ${r.sp0};
+  background-color: inherit;
+  border: none;
+  gap: ${r.sp0};
+`,gr=i.div`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${r.sp3};
+
+  overflow: auto;
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  padding-bottom: ${r.sp5};
+  &::-webkit-scrollbar {
+    width: ${r.sp2};
+    height: ${r.sp2};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${r.sp2};
+      height: ${r.sp2};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-track {
+      box-shadow: inset 0 0 2px ${b.scrollbarBoxShadow};
+      -webkit-box-shadow: inset 0 0 2px ${b.scrollbarBoxShadow};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${e=>e.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`,mr=i.div`
+  width: 100%;
+  padding: ${r.sp5} ${r.sp0};
+  align-items: center;
+  justify-content: center;
+  display: flex;
+
+  .lb-composer {
+    width: 360px;
+  }
+`,fr=i.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: inherit;
+`,{dropDowns:xr,common:br}=ie.getLocalizedStrings(),yr=({name:e,registerOptions:l,defaultValue:o,maxAllowedSelectedValues:s=2,isLoading:u,isDisabled:m,customStyleConfig:n,placeholder:g,placeholderComponent:k,isListView:S,onCreateOption:w,onDeleteOption:v,customCreateLabel:D})=>{const{control:B,formState:{errors:P},getValues:W}=ne(),V=Je(),q=he(P,e??""),N=W(e)?.selectedOptions??[],Y=c=>c.map(d=>H(d)),H=c=>({value:c.value,label:c.label,isDeleted:c.isDeleted}),R={...n,control:(c,d)=>({...c,padding:`0 ${r.sp3}`,backgroundColor:q?b.importantLight:d.menuIsOpen?V.colors.background:V.colors.grey5,"&:hover":{backgroundColor:d.isDisabled?V.colors.grey5:q?b.importantLight:V.colors.background},...n?.control?.(c,d)}),container:(c,d)=>({...c,width:"100%",...n?.container?.(c,d)}),valueContainer:(c,d)=>({...c,".selected-options":{display:d.selectProps.menuIsOpen?"none":"block"},flexWrap:"wrap",...n?.valueContainer?.(c,d)}),input:(c,d)=>({...c,width:d.selectProps.menuIsOpen===!1&&N.length===0?"100%":d.selectProps.menuIsOpen===!1&&N.length>0?r.sp0:"fit-content",...n?.input?.(c,d)}),menu:(c,d)=>({...c,backgroundColor:V.colors.grey5,borderRadius:r.sp1,boxShadow:`${r.sp0} 2px ${r.sp2} ${V.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0,...n?.menu?.(c,d)}),menuList:c=>({...c,borderRadius:0})},J={hasError:q,placeholderComponent:k,isListView:S},ee=(c,d)=>{const z=c;s&&d.length>=s||w&&w(z)},y=c=>c.selectedOptions.map(d=>{const z=c.allOptions.find(ae=>ae.value===d);return{label:z?.label??"",value:z?.value??"",isDeleted:z?.isDeleted}}),T=()=>null,K=c=>c.filter(d=>d.isDeleted!==!0||d.isDeleted===void 0||d.isDeleted==null);return t.jsx(et,{name:e,control:B,defaultValue:o,rules:l,render:({field:{onChange:c,value:d,onBlur:z,ref:ae}})=>{const oe=d;return t.jsx(Ct,{...J,ref:ae,isMulti:!0,createOptionPosition:"last",allowCreateWhileLoading:!0,isSearchable:!0,isClearable:!0,isLoading:u,controlShouldRenderValue:!0,placeholder:g,formatCreateLabel:_=>D?D(_):`${xr.otherOption} ${_}`,onCreateOption:_=>ee(_,d.selectedOptions),value:y(oe),options:K(Y(oe.allOptions)),onChange:_=>{s&&_.length>s||c({selectedOptions:_.map(me=>me?.value),allOptions:oe.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"creatable-multi-select-field",onBlur:z,menuPlacement:"auto",maxMenuHeight:288,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:wr,Option:_=>Cr(_,v),Input:vr,MultiValue:kr,MultiValueLabel:Dr,ValueContainer:$r,DropdownIndicator:Wr,IndicatorSeparator:Hr,Placeholder:jr,MultiValueRemove:Sr,ClearIndicator:T},hideSelectedOptions:!1,styles:R,isDisabled:m!=null})}})},wr=e=>{const{menuIsOpen:l,isFocused:o,isDisabled:s,selectProps:u}=e,{value:m,hasError:n}=u;return t.jsx(Lr,{menuIsOpen:l,isFocused:o,isDisabled:s,optionsLen:m.length,hasError:n,children:t.jsx(G.Control,{...e,className:"select-control",children:e.children})})},$r=e=>{const{selectProps:l}=e,{value:o,placeholderComponent:s,isListView:u}=l,m=o.length,n=m>1;if(m===0&&s!=null)return t.jsxs(G.ValueContainer,{...e,children:[e.children,l.menuIsOpen===!1?s:null]});if(n&&l.menuIsOpen===!1&&u===!0){const g=o.slice(1).map(k=>k.label).join(", ");return t.jsxs(G.ValueContainer,{...e,className:"select-value-container",children:[e.children,t.jsxs(Ur,{children:[t.jsx(Te,{placement:"bottom-start",title:t.jsx(Ue,{children:o[0].label}),style:{color:b.championDark,marginTop:"6px"},display:"flex",children:t.jsx(qr,{children:o[0].label})}),t.jsx(Te,{placement:"bottom-start",title:t.jsx(Ue,{children:g}),style:{color:b.championDark,marginTop:"6px"},display:"flex",children:t.jsx(_r,{children:t.jsxs(Ar,{children:[br.strings.plus,m-1]})})})]})]})}return t.jsxs(G.ValueContainer,{...e,className:"select-value-container",children:[e.children,t.jsx(Or,{className:"selected-options",children:o.map(g=>g.label?t.jsx(Pr,{isListView:u,children:g.label},g.value):t.jsx(F.Fragment,{},g.value))})]})},vr=e=>{const{selectProps:l}=e,{placeholder:o,value:s,placeholderComponent:u}=l;return s.length===0&&u!=null&&l.menuIsOpen===!1?t.jsx(Nr,{children:t.jsx(G.Input,{...e,autoComplete:"new-password",placeholder:s.length===0?o:void 0,children:e.children})}):t.jsx(G.Input,{...e,autoComplete:"new-password",placeholder:s.length===0?o:void 0,children:e.children})},kr=e=>t.jsx(G.MultiValue,{...e,children:e.children}),Dr=e=>{const{data:l}=e;return t.jsx(G.MultiValueLabel,{...e,children:l.label})},Sr=()=>null,jr=()=>null,Cr=({children:e,...l},o)=>{const{data:s,isSelected:u,options:m,isDisabled:n,isFocused:g}=l,{value:k}=s,{onClick:S,type:w}=s,v=m.find(D=>D.value===s.value);return t.jsx(Tr,{className:"select-option-wrapper",isFocused:g,isSelected:u,isDisabled:n,isLastOptionAction:w==="button",children:t.jsx(G.Option,{...l,className:"select-option",children:t.jsxs(Ir,{onClick:S,children:[t.jsxs(Rr,{isSelected:u,children:[t.jsxs(Vr,{isSelected:u,isDisabled:n,children:[t.jsx(Le,{children:v.Logo?t.jsx(v.Logo,{}):null}),t.jsxs(Er,{children:[l.label,v.subLabels?t.jsx(v.subLabels,{}):null]})]}),g===!0&&v.info?t.jsx(Fr,{isSelected:!!u,children:v.info}):null]}),o?t.jsx(Le,{children:t.jsx(zr,{onClick:D=>{D.stopPropagation(),o(k)},className:"delete-icon"})}):t.jsx(t.Fragment,{}),u?t.jsxs(Le,{children:[t.jsx(Mr,{className:"right-tick-icon"}),t.jsx(Br,{className:"close-tick-icon"})]}):null]})})})},Lr=i.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: ${r.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?`${r.sp2}`:`${r.sp0}`};
+    }
+  }
+
+  .select-value-container {
+    width: 100%;
+    padding: 6px ${r.sp0};
+    overflow: auto;
+    display: ${e=>e.isFocused===!1&&e.optionsLen===0?"block":"flex"};
+    justify-content: flex-start;
+    align-items: center;
+    cursor: pointer;
+
+    ${se.extraSmallRegular.css};
+
+    .selected-options {
+      overflow: initial;
+      text-overflow: unset;
+      white-space: initial;
+      text-align: right;
+
+      ${se.extraSmallRegular.css};
+    }
+
+    .creatable-multi-select-field__multi-value {
+      padding: 1px 6px;
+      min-width: fit-content;
+      background-color: transparent;
+      margin: ${r.sp0};
+      display: ${e=>e.isFocused?"flex":"none"};
+      color: ${e=>e.hasError?b.important:e.theme.colors.primary};
+      border: 1px solid ${e=>e.theme.colors.primary};
+      box-sizing: border-box;
+      border-radius: ${r.sp1};
+      :last-of-type {
+        margin: ${r.sp0};
+      }
+    }
+
+    .creatable-multi-select-field__input-container {
+      display: flex;
+      ${se.standardRegular.css};
+      color: ${e=>e.hasError?b.important:e.theme.colors.primary};
+      margin: ${r.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?b.important:e.theme.colors.grey1};
+        }
+
+        :disabled {
+          visibility: visible;
+        }
+      }
+    }
+
+    .creatable-multi-select-field__multi-value__label {
+      color: inherit;
+      padding: 0;
+      ${se.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};
+      }
+    }
+  }
+`,Or=i(ot)`
+  color: ${e=>e.theme.colors.primary};
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: right;
+`,Pr=i.label`
+  color: inherit;
+  padding: 1px 6px;
+  min-width: fit-content;
+  background-color: transparent;
+  margin: ${r.sp2};
+  border: 1px solid
+    ${e=>e.isListView?e.theme.colors.grey2:e.theme.colors.primary};
+  box-sizing: border-box;
+  border-radius: ${r.sp1};
+  :last-of-type {
+    margin: ${r.sp0};
+  }
+`,Er=i.div``,Tr=i.div`
+  .select-option {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    ${se.extraSmallRegular.css}
+    height: ${r.sp6};
+    padding: ${r.sp2} ${r.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&&lr`
+        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?b.neutralGrey1Light:e.theme.colors.primary};
+      .right-tick-icon {
+        display: none;
+      }
+      .close-tick-icon {
+        display: inline-block;
+        margin-left: ${r.sp3};
+      }
+      .delete-icon {
+        display: inline-block;
+      }
+    }
+  }
+`,Ir=i.div`
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,Fr=i.div`
+  display: flex;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+  justify-content: flex-end;
+  margin: ${r.sp0} ${r.sp3};
+  margin-right: ${e=>e.isSelected?r.sp3:r.sp5};
+`,zr=i(Bt)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Vr=i.label`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  justify-content: center;
+  padding: 1px 6px;
+  border-radius: ${r.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"};
+`,Rr=i.div`
+  width: ${e=>e.isSelected?`calc(100% - ${r.sp3})`:"100%"};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,Le=i.div`
+  display: flex;
+`,Mr=i(Nt)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Br=i(lt)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Nr=i.div`
+  height: ${r.sp0};
+  width: ${r.sp0};
+`,_r=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${r.sp4};
+  height: ${r.sp4};
+  color: inherit;
+  border-radius: ${r.sp1};
+  padding: ${r.sp0} ${r.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
+`,Ar=i(at)`
+  color: inherit;
+  text-align: center;
+`,Ue=i.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  padding: ${r.sp1} 5px;
+`,qr=i(rt)`
+  padding: ${r.sp0} ${r.sp2};
+  max-width: 104px;
+  padding-top: 2px;
+  height: ${r.sp4};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  border-radius: ${r.sp1};
+  box-sizing: border-box;
+`,Ur=i.div`
+  display: flex;
+  column-gap: ${r.sp1};
+  align-items: center;
+`,Wr=()=>null,Hr=()=>null,Q={width:new $(343,580,726),height:new $(p[6],p[6]),paddingTopBottom:new $(p[2],p[2]),marginRight:new $(p[2],p[2]),labelMarginLeft:new $(p[3],p[4]),labelMarginRight:new $(p[3],p[4]),labelMarginTop:new $(p[2],p[2])},Gr={infoLabel:new st("extraSmallRegular","smallRegular")};function Yr({isDisabled:e,label:l,creatableMultiSelectField:o,style:s,errorInfoLabel:u}){const m=ge(),{formState:{errors:n}}=ne(),g=he(n,o.name??"");return t.jsxs(Kr,{size:m,style:s,isDisabled:e!=null,hasError:g,children:[t.jsx(_e,{isDisabled:e,label:l.label,htmlFor:o.name,style:{marginLeft:Q.labelMarginLeft.value(m),marginRight:Q.labelMarginRight.value(m),marginTop:Q.labelMarginTop.value(m),width:l.width??"auto"}}),t.jsxs(Xr,{labelWidth:l.width,children:[t.jsx(yr,{...o,isDisabled:e}),g?t.jsx(Zr,{size:m,hasError:g,children:u}):null]})]})}const Kr=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>Q.width.valuePx(e.size)};
+  min-height: ${e=>Q.height.valuePx(e.size)};
+  padding-right: ${e=>Q.marginRight.valuePx(e.size)};
+  padding-top: ${e=>Q.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>Q.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?b.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?b.importantLight:e.theme.colors.background};
+    }
+  }
+`,Xr=i.div`
+  display: flex;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  justify-content: flex-end;
+  flex-direction: column;
+  position: relative;
+`,Zr=i.label`
+  color: ${e=>e.hasError===!0?b.important:e.additionalInfoTextColor!=null?e.additionalInfoTextColor:e.theme.colors.grey1};
+  width: auto;
+  ${e=>`${Gr.infoLabel.style(e.size)}`};
+  padding-right: ${r.sp3};
+  text-align: right;
+`,{taskManagement:{common:{timeSpentPlaceholder:Qr}}}=ie.getLocalizedStrings();function Jr({name:e,placeholder:l=Qr,defaultValue:o="",timeSpentFormat:s,registerOptions:u={},onInputBlur:m,style:n={},inputStyle:g={}}){const{formState:{errors:k}}=ne(),S=he(k,e),w=Je();return t.jsx(Lt,{type:"number",name:e,placeholder:l,prefix:"",allowNegative:!1,isNumericString:!0,inputMode:"numeric",returnValueType:"value",registerOptions:u,decimalScale:0,allowLeadingZeros:!0,thousandSeparator:!1,format:s,style:{display:"flex",flexGrow:1,width:"-webkit-fill-available",cursor:"inherit",backgroundColor:w.colors.grey3,borderRadius:r.sp1,color:w.colors.primary,height:r.sp6,...n},hoverBgColor:w.colors.background,disabledColor:w.colors.background,isFieldError:S,defaultValue:o,onClick:v=>{v.stopPropagation()},onInputBlur:m,inputStyle:g})}const Ie={width:new $(343,580,726),labelMarginLeft:new $(p[3],p[4]),labelMarginRight:new $(p[3],p[4])},ei={infoLabel:new st("extraSmallRegular","smallRegular")};function ti({name:e,isDisabled:l,label:o,placeholder:s,timeSpentFormat:u,defaultValue:m,style:n,registerOptions:g}){const k=ge(),{formState:{errors:S}}=ne(),w=he(S,e),{common:{snackBar:{task_time_spent_validation:v}}}=ie.getLocalizedStrings();return t.jsxs(ri,{size:k,style:n,isDisabled:l!=null,isError:w,children:[t.jsx(_e,{isDisabled:l,label:o.label,style:{marginLeft:Ie.labelMarginLeft.value(k),marginRight:Ie.labelMarginRight.value(k),marginTop:p[2],width:o.width??"auto"}}),t.jsxs(ii,{labelWidth:o.width,children:[t.jsx(Jr,{name:e,defaultValue:m,placeholder:s,timeSpentFormat:u,registerOptions:g}),w===!0&&t.jsx(ai,{size:k,isError:w,children:v.failed})]})]})}const ri=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>Ie.width.valuePx(e.size)};
+  min-height: ${r.sp6};
+  padding-right: ${r.sp2};
+  padding-top: ${r.sp2};
+  padding-bottom: ${r.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?b.importantLight:e.theme.colors.background};
+    }
+  }
+  input {
+    background-color: ${e=>e.isError?b.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?b.importantLight:e.theme.colors.background};
+    }
+  }
+`,ii=i.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,ai=i.label`
+  display: flex;
+  color: ${b.important};
+  ${e=>`${ei.infoLabel.style(e.size)}`};
+  padding-right: ${r.sp3};
+  text-align: right;
+`,oi=ie.getLocalizedStrings(),{common:re}=oi,li={largeLabelWidth:new $(140,180,180)},Oe={width:"auto",paddingTop:r.sp0,paddingBottom:r.sp0,outline:"none"},si=e=>{const{name:l,startMinDate:o,recurringView:s,recurringCountInputLabel:u,onClickSave:m,onClickCancel:n}=e,{selectedFrequency:g,selectedStartDate:k,selectedEndDate:S}=s,w=k!=null?O.zeniDate(k.toDateString()):void 0,v=ge(),D=li.largeLabelWidth.value(v),B=()=>{m()};return t.jsxs(ni,{children:[t.jsx(dt,{label:{label:`${re.strings.dividerDot}  ${re.texts.frequency}`,width:D},singleSelectField:{name:`${l}.selectedFrequency`,defaultValue:{selectedOption:g?.selectedOption,allOptions:g?.allOptions??[]},registerOptions:{required:!0,validate:P=>!!P.selectedOption}},style:Oe}),t.jsx(it,{label:{label:`${re.strings.dividerDot}  ${re.texts.startDate}`,width:D},dateField:{name:`${l}.selectedStartDate`,defaultValue:w,showCalenderIcon:!0,minDate:o},style:Oe}),t.jsx(Kt,{label:{label:`${re.strings.dividerDot}  ${re.texts.endDate}`,width:D},dateField:{name:`${l}.selectedEndDate`,placeholder:re.placeholder.endDatePlaceholder,recurringCountInputLabel:u,defaultValue:{...S},onSaveClick:B,onCancelEndDate:n,registerOptions:{required:!0,validate:P=>S?.type==="date"?P!=null:!0},minDate:g?.selectedOption!=null?O.getMinAllowedEndDate(O.toRecurringFrequency(g.selectedOption)??"weekly",w):void 0,showCalenderIcon:!0},style:Oe})]})},ni=i.div`
+  padding: ${r.sp0} ${r.sp0} ${r.sp2} ${r.sp2};
+`,ct=[{label:"Daily",value:"daily"},{label:"Weekly",value:"weekly"},{label:"Biweekly",value:"biweekly"},{label:"Monthly",value:"monthly"},{label:"Quarterly",value:"quarterly"}],Pe={tooltipRightPosition:new $(p[6],p[6]),tooltipTopPosition:new $(35,35),tooltipWidth:new $(180,193)},di=({protectedInfoText:e})=>{const l=ge();return t.jsxs(mi,{children:[t.jsx(fi,{}),t.jsx(xi,{className:"info-tooltip",windowSize:l,children:t.jsx(bi,{children:e})})]})};function ci({name:e,rows:l,placeholder:o,placeholderAlignment:s,autoComplete:u="off",isDisabled:m,defaultValue:n,style:g,hoverBgColor:k,registerOptions:S,protectedInfoText:w,isSaveError:v=!1,showRightTickIcon:D=!1,disableCopyPaste:B=!1,autoCapitalize:P="off",autoTrim:W="off",onKeyDown:V}){const{control:q,register:N,formState:{errors:Y}}=ne(),H=he(Y,e),R=Object.assign({},S),J=m==="disabled"||m==="readonly"||w!=null;return w!=null?t.jsxs(hi,{style:g,children:[t.jsx(di,{protectedInfoText:w}),t.jsx(gi,{id:e,children:n})]}):t.jsx(pi,{children:t.jsx(et,{name:e,control:q,rules:{...S},defaultValue:n??"",render:({field:{onChange:ee,onBlur:y,value:T,ref:K}})=>t.jsx(ui,{isError:H,style:g,placeholder:o,disabled:J,...N(e,R),id:e,value:T,ref:K,autoComplete:u,placeholderAlignment:s,hoverBgColor:k,isSaveError:v,showRightTickIcon:D,onKeyDown:V,rows:l,onBlur:y,onChange:ee,onInput:c=>{const d=c.target;switch(P){case"off":break;case"characters":d.value=d.value.toLocaleUpperCase();break;case"words":d.value=d.value.charAt(0).toLocaleUpperCase().concat(d.value.slice(1));break}switch(W){case"off":break;case"trimStart":d.value=d.value.trimStart();break;case"trimEnd":d.value=d.value.trimEnd();break;case"trim":d.value=d.value.trim();break}},onPaste:c=>{B&&c.preventDefault()},onCopy:c=>{B&&c.preventDefault()}})})})}const pi=i.div`
+  display: flex;
+  align-items: center;
+  width: 100%;
+`,ui=i(ir)`
+  display: flex;
+  resize: none;
+  overflow: hidden;
+  border-width: ${r.sp0};
+  outline-width: ${r.sp0};
+  color: ${e=>!e.isError&&e.isSaveError===!1?e.theme.colors.primary:b.important};
+  background-color: ${e=>e.isSaveError===!0||e.isError?b.importantLight:e.theme.colors.grey5};
+  border-radius: ${r.sp1};
+  text-align: right;
+  padding: ${e=>e.showRightTickIcon===!0?`0 ${r.sp2} 0 ${r.sp3}`:`0 ${r.sp3}`};
+  ::placeholder {
+    text-align: ${e=>e.placeholderAlignment};
+    color: ${e=>e.isError?b.important:e.theme.colors.grey1};
+  }
+  &:focus {
+    text-align: left;
+    outline: none;
+    background-color: ${e=>e.isError?b.importantLight:e.theme.colors.background};
+    ${se.standardRegular.css};
+  }
+  &:hover {
+    background-color: ${e=>e.isError?b.importantLight:e.hoverBgColor!==null?e.hoverBgColor:e.theme.colors.background};
+  }
+  &:disabled {
+    background-color: ${e=>e.theme.colors.grey5};
+  }
+`,hi=i.div`
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+  padding: 0 ${r.sp3};
+`,gi=i(rr)`
+  color: ${e=>e.theme.colors.primary};
+  margin-left: 12px;
+  margin-top: 6px;
+`,mi=i.div`
+  color: ${e=>e.theme.colors.primary};
+`,fi=i(or)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${r.sp3};
+  height: ${r.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    & + .info-tooltip {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+`,xi=i.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: ${r.sp1};
+  z-index: 1;
+  right: ${e=>Pe.tooltipRightPosition.valuePx(e.windowSize)};
+  width: ${e=>Pe.tooltipWidth.valuePx(e.windowSize)};
+  top: ${e=>Pe.tooltipTopPosition.valuePx(e.windowSize)};
+`,bi=i(at)`
+  color: ${e=>e.theme.colors.grey5};
+`,{attachmentTitle:yi}=ie.getLocalizedStrings().taskManagement.taskDetail,wi=({sectionId:e,deleteFileStatusById:l,updateFileStatusById:o,filesEndPoint:s,authParams:u,files:m,updateFilesEntity:n,onEditFileName:g,onDeleteFile:k})=>{const[S,w]=F.useState(!1),{control:v}=ne(),{fields:D}=Xt({name:e,control:v}),B=D.filter(P=>P!=null);return t.jsxs($i,{children:[t.jsx(ki,{children:t.jsx(vi,{children:yi})}),t.jsx(Di,{children:B.map((P,W)=>{const{fileIndex:V,fileId:q}=P;return t.jsx(Si,{children:t.jsx(Zt,{name:`${e}.${V}`,sizeLimit:Qt,deleteFileStatusById:l,updateFileStatusById:o,filesEndPoint:s,authParams:u,filemetadataPayload:{documentType:"others",purposeId:"others",documentSide:"front"},file:m.find(N=>N.fileId===q),acceptableTypes:["image/jpg","image/jpeg","image/png","application/pdf","image/heic","image/heif"],hasError:S,updateFilesEntity:n,onEditFileName:g,onDeleteFile:k,onFileSizeError:N=>w(N)},W)},W)})})]})},$i=i.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${r.sp3};
+`,vi=i(ar)`
+  color: ${e=>e.theme.colors.primary};
+`,ki=i.div`
+  display: flex;
+  width: fit-content;
+  height: ${r.sp8};
+  align-items: center;
+`,Di=i.div`
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${r.sp2};
+  margin-bottom: ${r.sp3};
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,Si=i.div`
+  margin: ${r.sp1} ${r.sp4};
+  :first-of-type {
+    margin-top: ${r.sp2};
+  }
+  :last-of-type {
+    margin-bottom: ${r.sp2};
+  }
+`,ji=5999,La="taskManagementPage",Oa="taskManagementTable",Pa="newGroup",Ea="groupData",Ta="taskData",Ia="status",Fa="priority",za="dueDate",Va="assignees",Ra="tags",Ma="groupName",Ba="selectedIds",pt="timeSpent",ue=[{code:"one_time",name:"One-time"},{code:"recurring",name:"Recurring"}],Ci=e=>F.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},F.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"}),F.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"}),F.createElement("path",{d:"M1.91016 0.812622V15.1876",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),ut="name",Fe="description",ze="status",xe="assignee",be="dueDate",Ve="priority",ye="tag",Re="fileIds",h="taskDetail",We="taskDetailPage",Li="taskType",Z="recurringView",A=(e,l)=>`${e}.${l}`,Me=e=>`${e}_form`,x={controlHeight:new $(p[6],60),height:new $(p[6],p[6]),paddingTopBottom:new $(p[2],p[2]),navBarContainerPaddingXaxis:new $(10,p[3]),marginRight:new $(p[2],p[2]),labelWidth:new $(120,180,180),largeLabelWidth:new $(120,120,160),rowContentPaddingLeft:new $(p[3],p[4]),labelMarginRight:new $(p[3],p[4]),labelMarginTop:new $(p[2],p[2]),containerPaddingLeft:new $(p[3],p[6],p[8]),containerPaddingRight:new $(p[3],p[5],p[5])},{common:M,taskManagement:{common:{timeSpentPlaceholder:Oi,timeSpentFormat:Pi},taskDetail:C},dateFormat:Ee,dropDowns:Ei,collaboration:{threads:{placeholder:{addANewComment:Ti,replyAComment:Ii}}}}=ie.getLocalizedStrings(),Be=e=>{switch(e){case"todo":case"urgent":return b.important;case"in_progress":case"medium":case"normal":return b.info;case"on_hold":case"high":return b.alert;case"done":return b.championLight;case"resolved":return b.successDark;default:return b.neutralGrey2Light}},Ne=e=>{const l=s=>O.allTaskStatus.find(u=>u.code===s)?.name??"",o=s=>O.allTaskPriority.find(u=>u.code===s)?.name??"";switch(e){case"todo":case"in_progress":case"on_hold":case"done":case"resolved":return t.jsx(Qi,{color:Be(e),children:l(e)});case"urgent":case"high":case"medium":case"low":return t.jsxs(Ji,{children:[t.jsx(ea,{color:Be(e)}),t.jsx(ta,{children:o(e)})]});default:return t.jsx(t.Fragment,{})}},ht=ct.map(e=>e.label),we=e=>e.map(l=>({label:l.name,value:l.tagId,isDeleted:l.isDeleted})),Fi=({taskDetailSelectorView:e,companyName:l,companyId:o,loggedInUser:s,analytics:u,isNewClicked:m,filesEndPoint:n,authParams:g,currentUrl:k,taskId:S,taskGroupName:w,onSaveChangesToLocalStore:v,onSaveDetailClick:D,onArchiveTaskClick:B,onDismissClick:P,handleZeniLogoClick:W,updateFilesEntity:V,onDeleteFile:q,onEditFileName:N,onDeleteTaskClick:Y,onReloadTaskDetailPage:H,tagListView:R,onCreateTagClick:J,onDeleteTagClick:ee})=>{const y=ge(),T=x.largeLabelWidth.value(y),K=pe(e.taskDetailView.saveStatus.fetchState),c=pe(e.taskDetailView.deleteTaskStatus.fetchState),d=e.taskDetailView.saveStatus.fetchState,z=e.taskDetailView.deleteTaskStatus.fetchState,ae=pe(e.taskDetailView.taskId),oe=pe(e.taskDetailView.archiveStatus.fetchState),_=e.taskDetailView.archiveStatus.fetchState,me=pe(R.tagCreateStatus.fetchState),$e=R.tagCreateStatus.fetchState,ve=R.tagDeleteStatusById,Ae=()=>{const a=Object.keys(ve);for(let j=0;j<a.length;j++)if(ve[a[j]].fetchState==="In-Progress")return!0;return!1};F.useEffect(()=>{if(K==="In-Progress"&&d==="Completed"||c==="In-Progress"&&z==="Completed"||oe==="In-Progress"&&_==="Completed"){const{taskId:a,taskDetailLocalData:j}=e.taskDetailView;if(ae==null&&a!=null&&s.userEmail!=null){const{name:f,description:E,status:I,assignee:U,dueDate:de,priority:Se,tagIds:je,fileIds:Ce}=j;u.trackTaskCreated({tenantName:l,newButtonClicked:m,taskId:a,activity:{count:X.formState.dirtyFields[h]!=null?Object.keys(X.formState.dirtyFields[h]).length:0,details:{name:f,description:E,status:I,priority:Se,tags:je,assignees:fe.filter(te=>U.includes(te.userId)).map(te=>({name:te.firstName.concat(M.strings.space,te.lastName).trim(),email:te.email})),dueDate:de?.format(Ee.analytics.YYYYDashMMDashDDFormat)??null,numberOfAttachments:Ce.length}},createdBy:{name:s.firstName!=null?s.firstName.concat(M.strings.space,s.lastName??M.strings.empty).trim():s.lastName??M.strings.empty,email:s.userEmail}})}P()}},[K,d,c,z,oe,_,P]);const[,gt]=Pt(),[ke,qe]=F.useState(!1),mt=()=>{gt(k),qe(!0)};F.useEffect(()=>{ke===!0&&setTimeout(()=>{qe(!1)},800)},[ke]);const{threads:ft,fetchMore:xt}=nt({query:{metadata:{entityType:"task.details",tab:"task",application:"dashboard",entityId:S??M.all}}});F.useEffect(()=>{const a=setTimeout(()=>xt?.(),0);return()=>clearTimeout(a)});const bt=ft?.length??0,X=Ot({mode:"all",reValidateMode:"onBlur",defaultValues:Qe(e,R),values:Qe(e,R),resetOptions:{keepDirtyValues:!0,keepErrors:!0}});F.useEffect(()=>{(me==="In-Progress"&&$e==="Completed"||Ae())&&X.resetField(`${h}.${ye}`,{defaultValue:{selectedOptions:L.tagIds,allOptions:we(R.tagList)}})},[me,$e,R.tagList.length,ve]);const yt=async(a,j)=>{if(a!=null){const f={...j};let E={name:f[h].name,description:f[h][Fe],status:f[h][ze].selectedOption,assignee:f[h][xe].selectedUsers.map(I=>I.userId),dueDate:f[h][be]!=null?O.zeniDate(f[h][be].toString()):void 0,priority:f[h][Ve].selectedOption,tagIds:f[h][ye].selectedOptions,type:ue.find(I=>{const U=f[h]?.taskType?.selectedOption;return I.name===U||typeof U=="string"&&U.includes(I.name)})??{code:"one_time",name:"One-time"},recurringEndDateLocalData:{recurringEndDate:f[h][Z]?.selectedEndDate?.date,recurringDatePickerOptionsType:f[h][Z]?.selectedEndDate?.type,recurringCount:f[h][Z]?.selectedEndDate?.recurringCount},recurringFrequency:f[h][Z]?.selectedFrequency?.selectedOption!=null?O.toRecurringFrequency(f[h][Z].selectedFrequency.selectedOption.toLocaleLowerCase()):void 0,recurringStartDate:f[h][Z]?.selectedStartDate!=null?O.zeniDate(f[h][Z].selectedStartDate.toDateString()):O.dateNow(),fileIds:f[h][Re].filter(I=>I!=null).map(I=>I.fileId).filter(I=>I!=null),timeSpent:f[h].timeSpent};a.includes("selectedEndDate.date")?E={...E,recurringEndDateLocalData:{...E.recurringEndDateLocalData,recurringDatePickerOptionsType:"date"}}:a.includes("selectedEndDate.recurringCount")?E={...E,recurringEndDateLocalData:{...E.recurringEndDateLocalData,recurringDatePickerOptionsType:"recurringCount"}}:a.includes("selectedFrequency")&&L.savedRecurringTasksCount!=null&&L.recurringEndDateLocalData.recurringDatePickerOptionsType==="recurringCount"&&(E={...E,recurringEndDateLocalData:{recurringCount:0,recurringDatePickerOptionsType:void 0,recurringEndDate:void 0}}),v(E)}};F.useEffect(()=>{const a=X.watch((j,{name:f})=>{f!=null&&j!=null&&Et(()=>yt(f,j))});return()=>{a.unsubscribe()}});const wt=X.handleSubmit(()=>{const{taskDetailView:{taskId:a,taskDetailLocalData:j},createdByUser:f}=e;if(a!=null&&f!=null&&s.userEmail!=null){const{name:E,description:I,status:U,assignee:de,dueDate:Se,priority:je,tagIds:Ce,fileIds:te}=j;u.trackTaskEdited({tenantName:l,taskId:a,activity:{count:X.formState.dirtyFields[h]!=null?Object.keys(X.formState.dirtyFields[h]).length:0,details:{name:E,description:I,status:U,priority:je,tags:Ce,assignees:fe.filter(ce=>de.includes(ce.userId)).map(ce=>({name:ce.firstName.concat(M.strings.space,ce.lastName).trim(),email:ce.email})),dueDate:Se?.format(Ee.analytics.YYYYDashMMDashDDFormat)??null,numberOfAttachments:te.length},byUser:{name:s.firstName!=null?s.firstName.concat(M.strings.space,s.lastName??M.strings.empty).trim():s.lastName??M.strings.empty,email:s.userEmail}},createdBy:{name:f.user.firstName.concat(M.strings.space,f.user.lastName).trim(),email:f.user.email},commentsCreated:bt>0})}D()}),$t=()=>{let a=e.taskDetailView.taskDetailLocalData,j=a.recurringEndDateLocalData?.recurringEndDate;a.recurringEndDateLocalData?.recurringDatePickerOptionsType==="recurringCount"&&a.recurringStartDate!=null&&a.recurringFrequency!=null&&a.recurringEndDateLocalData.recurringCount!=null&&(j=O.getRecurringEndDateFromCount(a.recurringStartDate,O.toRecurringFrequency(a.recurringFrequency.toLocaleLowerCase()),a.recurringEndDateLocalData.recurringCount)),a={...a,savedRecurringEndDate:j,savedRecurringTasksCount:a.recurringEndDateLocalData.recurringCount,recurringEndDateLocalData:{...a.recurringEndDateLocalData,recurringEndDate:j}},v(a)},vt=()=>{let a=e.taskDetailView.taskDetailLocalData;a={...a,recurringEndDateLocalData:{...a.recurringEndDateLocalData,recurringEndDate:a.savedRecurringEndDate,recurringCount:a.savedRecurringTasksCount}},v(a)},L=e.taskDetailView.taskDetailLocalData,fe=e.userList.users.map(a=>a.user).filter(Boolean),kt=e.userList.users.map(a=>a.userRole),De=e.taskDetailView.taskId!=null&&ae!=null,Dt=i.div`
+    display: flex;
+    flex-direction: row;
+  `,St=i.div``,jt=a=>t.jsx(Dt,{children:t.jsx(St,{children:`${Ei.createOption} "${a}"`})});return t.jsxs(qi,{windowSize:y,children:[t.jsxs(Gi,{windowSize:y,children:[t.jsxs(Xi,{windowSize:y,children:[t.jsx(Zi,{onClick:W}),t.jsxs(Ge,{children:[t.jsx(Ye,{}),t.jsx(Ke,{children:l})]}),t.jsx(Tt,{controller:!!w,children:t.jsxs(Ge,{children:[t.jsx(Ye,{}),t.jsx(Ke,{children:w})]})})]}),t.jsxs(Yi,{windowSize:y,children:[De?t.jsx(ia,{children:t.jsx(Te,{display:"flex",placement:"bottom",title:t.jsx(la,{children:ke?t.jsxs(oa,{children:[t.jsx(aa,{}),M.copyToClipBoard.copied]}):M.copyToClipBoard.copy}),enterDelay:600,children:t.jsx(ra,{onClick:mt})})}):null,De?t.jsx(dr,{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:r.sp4,marginRight:r.sp5}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:p[0],marginLeft:-1}})},onOptionSelection:a=>{switch(a){case"delete":Y();break;case"archive":B();break}}}):null,t.jsx(Ki,{onClick:P})]})]}),e.fetchState==="Error"?t.jsxs(sa,{children:[t.jsx(na,{onClick:H,children:t.jsx(da,{})}),t.jsx(ca,{children:M.reloadPage.label})]}):t.jsxs(Ni,{windowSize:y,children:[t.jsxs(Mi,{children:[t.jsxs(Ri,{windowSize:y,children:[t.jsx(It,{...X,children:t.jsxs("form",{id:Me(We),onSubmit:wt,children:[t.jsxs(pa,{children:[t.jsx(Ft,{type:"text",placeholderAlignment:"left",name:A(h,ut),defaultValue:L.name,placeholder:C.taskNamePlaceholder,style:{padding:`${r.sp3} ${r.sp0}`,marginTop:r.sp3,background:"transparent",textAlign:"left",flexGrow:1,width:"-webkit-fill-available",height:x.controlHeight.value(y),cursor:"inherit"},registerOptions:{required:!0,validate:a=>a!=null}}),L.type.code==="recurring"?t.jsx(ua,{height:r.sp3,width:r.sp3}):null]}),t.jsx(Hi,{children:t.jsx(ci,{placeholderAlignment:"left",name:A(h,Fe),defaultValue:L.description,placeholder:C.descriptionPlaceholder,rows:5,style:{padding:`${r.sp2} ${r.sp3}`,background:"transparent",textAlign:"left",display:"flex",flexGrow:1,cursor:"inherit",overflow:"auto"},registerOptions:{required:!0,validate:a=>a!=null}})}),t.jsx(Ze,{children:t.jsx(Xe,{children:C.taskDetailsTitle})}),t.jsxs(Wi,{children:[t.jsx(He,{windowSize:y,label:{label:C.statusLabel,width:T,style:{marginLeft:x.rowContentPaddingLeft.value(y),marginRight:x.labelMarginRight.value(y),marginTop:x.labelMarginTop.value(y),width:T}},style:{width:"auto"},singleSelectPickerField:{valueToLabel:a=>Ne(a),name:A(h,ze),placeholder:C.statusPlaceholder,style:{position:"relative"},capitalizeOptions:!0,defaultValue:{selectedOption:L.status,allOptions:O.allTaskStatus.map(a=>({label:a.name,value:a.code}))},textAlignment:"right",registerOptions:{required:!0,validate:a=>a?.selectedOption!=null}}}),t.jsx(le,{}),t.jsxs(_i,{windowSize:y,children:[t.jsx(_e,{label:C.assigneeLabel,htmlFor:A(h,xe),style:{marginLeft:x.rowContentPaddingLeft.value(y),marginRight:x.labelMarginRight.value(y),marginTop:x.labelMarginTop.value(y),width:T}}),t.jsx(Ai,{windowSize:y,children:t.jsx(zt,{hideEmailTooltip:!1,shouldHaveBackgroundColor:!1,showBackgroundColorIfHasAnySelectedOption:!0,placeholderLabel:C.assigneePlaceholder,name:A(h,xe),value:{allUsers:fe,selectedUsers:fe.filter(a=>L.assignee.includes(a.userId)),allNonUsers:[],selectedNonUsers:[]},registerOptions:{required:!0,validate:a=>a!=null&&a.selectedUsers.length>0},valueToSubtitle:a=>{const j=kt.find(E=>E.userId===a),f=[];if(j!=null){const E=Vt(j.userRoles);E.length>0&&f.push(E),j.accountingClassIDs.forEach(I=>{const U=e.allAccountingClasses.find(de=>de.classId===I);U!=null&&U.className&&f.push(U.className)})}return f}})})]}),t.jsx(le,{}),t.jsx(it,{label:{label:C.dueDateLabel,width:T},style:{width:"auto"},dateField:{name:A(h,be),placeholder:C.dueDatePlaceholder,defaultValue:L.dueDate,dateFormat:Ee.visual.defaultInput,minDate:O.dateNow(),autoComplete:"off",registerOptions:{required:!0}}}),t.jsx(le,{}),t.jsx(He,{windowSize:y,label:{label:C.priorityLabel,width:T,style:{marginLeft:x.rowContentPaddingLeft.value(y),marginRight:x.labelMarginRight.value(y),marginTop:x.labelMarginTop.value(y),width:T}},style:{width:"auto"},singleSelectPickerField:{valueToLabel:a=>Ne(a),name:A(h,Ve),placeholder:C.priorityPlaceholder,style:{position:"relative"},capitalizeOptions:!0,defaultValue:{selectedOption:L.priority,allOptions:O.allTaskPriority.map(a=>({label:a.name,value:a.code}))},textAlignment:"right",registerOptions:{required:!0,validate:a=>a?.selectedOption!=null}}}),t.jsx(le,{}),t.jsx(Ui,{windowSize:y,label:{label:C.tagLabel,width:T},style:{width:"auto"},creatableMultiSelectField:{name:A(h,ye),placeholder:C.tagPlaceholder,defaultValue:{selectedOptions:L.tagIds,allOptions:we(R.tagList)},registerOptions:{required:!1},isLoading:$e==="In-Progress"||Ae(),onCreateOption:J,onDeleteOption:ee,customCreateLabel:a=>jt(a)}}),t.jsx(le,{}),t.jsx(dt,{label:{label:C.taskTypeLabel,width:T},singleSelectField:{name:A(h,Li),defaultValue:{selectedOption:ue.find(a=>a.code===L.type.code)?.name,allOptions:ue.map(a=>a.name)}},style:{width:"auto",border:"none",outline:"none"}}),L.type.code==="recurring"?t.jsx(si,{name:A(h,Z),startMinDate:O.dateNow(),recurringView:{selectedEndDate:{type:L.recurringEndDateLocalData?.recurringDatePickerOptionsType,date:L.recurringEndDateLocalData?.recurringEndDate,recurringCount:L.recurringEndDateLocalData?.recurringCount},selectedFrequency:{allOptions:ht,selectedOption:L.recurringFrequency},selectedStartDate:L.recurringStartDate?.toDate()??O.dateNow().toDate()},recurringCountInputLabel:C.totalNumberOfTasks,onClickSave:$t,onClickCancel:vt}):null,t.jsx(le,{}),t.jsx(ti,{name:A(h,pt),placeholder:Oi,timeSpentFormat:Pi,defaultValue:L.timeSpent,label:{label:C.totalTimeSpent,width:T},registerOptions:{validate:a=>O.convertHHMMStrToMinutes(a)>ji?M.snackBar.task_time_spent_validation.failed:!0},style:{width:"auto",border:"none",outline:"none"}})]}),t.jsx(wi,{sectionId:A(h,Re),deleteFileStatusById:e.deleteFileStatusById,updateFileStatusById:e.updateFileStatusById,filesEndPoint:n,authParams:g,files:e.files,updateFilesEntity:V,onEditFileName:N,onDeleteFile:q})]})}),t.jsx(Ze,{children:t.jsx(Xe,{children:C.activitySectionTitle})}),t.jsx(Rt,{historicActivities:e.taskHistory})]}),S==null||e.showTaskDetailFormFooter?t.jsx(Mt,{style:{zIndex:1,paddingTop:r.sp3,paddingBottom:r.sp3},formId:Me(We),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:C.primaryBtnText,isLoading:e.taskDetailView.saveStatus.fetchState==="In-Progress"},cancelBtn:{label:C.secondaryBtnText,onClick:P}}):null]}),t.jsx(Bi,{children:De?t.jsx(ur,{autoExpand:!0,autoFocus:!1,threadMetadata:{companyName:l,companyId:o,entityId:e.taskDetailView.taskId,entityType:"task.details",isGlobalComment:!0,application:"dashboard",tab:"task",url:window.location.href},textOverrides:{composerPlaceholder:Ti,replyComposerPlaceholder:Ii},filter:{entityType:"task.details",entityId:e.taskDetailView.taskId},threadsContainerStyle:{width:"auto",padding:r.sp5},threadStyle:{width:"100%"},composerContainerStyle:{width:"auto",padding:r.sp5},onThreadClick:()=>null}):t.jsx(zi,{children:t.jsx(Vi,{children:C.taskCommentCreationMessage})})})]})]})},zi=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+`,Vi=i(ot)`
+  color: ${e=>e.theme.colors.hero};
+  padding: ${r.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${r.sp2};
+`,Ri=i.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;
+  }
+`,Mi=i.div`
+  display: flex;
+  width: 70%;
+  flex-direction: column;
+`,Bi=i.div`
+  display: flex;
+  width: 30%;
+  border-left: 1px solid ${e=>e.theme.colors.grey3};
+
+  .lb-root.lb-composer {
+    width: 100%;
+  }
+`,Ni=i.div`
+  display: flex;
+  flex-direction: row;
+  height: calc(100% - 57px);
+`,_i=i.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};
+    }
+  }
+`,Ai=i.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;
+`,qi=i.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow-x: hidden;
+  height: 100vh;
+  width: 100%;
+`,He=i(Yt)`
+  border-radius: ${r.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;
+`,Ui=i(Yr)`
+  border-radius: ${r.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;
+`,Wi=i.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${r.sp2};
+  margin-bottom: ${r.sp3};
+`,Hi=i.div`
+  display: flex;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${r.sp0} 2px ${r.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${r.sp2};
+  margin-bottom: ${r.sp3};
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+  }
+`,le=i.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Gi=i.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  top: ${r.sp0};
+  padding: ${e=>`${x.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${r.sp0}`};
+  z-index: 2;
+  background-color: ${e=>e.theme.colors.grey4};
+  position: sticky;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Yi=i.div`
+  display: flex;
+  padding-right: ${e=>x.containerPaddingRight.valuePx(e.windowSize)};
+`,Ki=i(lt)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${r.sp4};
+  height: ${r.sp4};
+  min-height: ${r.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ge=i.div`
+  display: flex;
+  align-items: center;
+`,Xi=i.div`
+  padding-left: ${e=>x.containerPaddingLeft.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+`,Ye=i.div`
+  width: 1px;
+  height: ${r.sp3};
+  margin: ${r.sp0} ${r.sp3};
+  background-color: ${e=>e.theme.colors.hero};
+`,Ke=i(At)`
+  color: ${e=>e.theme.colors.primary};
+`,Zi=i(_t)`
+  width: ${r.sp4};
+  height: ${r.sp4};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.brandColorJade};
+`,Qi=i(rt)`
+  color: ${e=>e.color};
+  border: 1px solid ${e=>e.color};
+  padding: ${r.sp0} ${r.sp2};
+  border-radius: ${r.sp1};
+  white-space: nowrap;
+  width: fit-content;
+`,Ji=i.div`
+  display: flex;
+  align-items: center;
+`,ea=i(Ci)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  color: ${e=>e.color};
+  margin-right: ${r.sp2};
+`,ta=i(tt)`
+  color: ${e=>e.theme.colors.hero};
+`,Xe=i(Gt)`
+  color: ${e=>e.theme.colors.primary};
+  padding: ${r.sp3} ${r.sp0};
+`,Ze=i.div`
+  display: flex;
+  width: fit-content;
+  align-items: center;
+`,ra=i(cr)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${r.sp4};
+  height: ${r.sp4};
+  min-height: ${r.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ia=i.div`
+  display: flex;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,aa=i(qt)`
+  height: ${r.sp3};
+  width: ${r.sp3};
+  margin-right: ${r.sp1};
+  color: ${b.success};
+`,oa=i.div`
+  display: flex;
+  align-items: center;
+`,la=i(tt)`
+  padding: ${r.sp1};
+  color: ${e=>e.theme.colors.grey1};
+  background: ${e=>e.theme.colors.overlayColor};
+  border-radius: ${r.sp1};
+`,sa=i.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,na=i.div`
+  height: 96px;
+  width: 96px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+`,da=i(Ut)`
+  height: ${r.sp5};
+  width: ${r.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ca=i(Wt)`
+  margin-top: ${r.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,pa=i.div`
+  display: flex;
+  align-items: center;
+`,ua=i(Ht)`
+  margin-left: ${r.sp2};
+  margin-top: ${r.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Qe=(e,l)=>{const o=e.taskDetailView.taskDetailLocalData,s=e.userList.users.map(n=>n.user).filter(Boolean),u=l.tagList,m=[{fileIndex:o.fileIds.length,fileId:void 0}];return{[h]:{[ut]:o.name,[Fe]:o.description,[ze]:{allOptions:O.allTaskStatus.map(n=>({label:n.name,value:n.code})),selectedOption:o.status},[xe]:{allUsers:s,selectedUsers:s.filter(n=>o.assignee.includes(n.userId)),allNonUsers:[],selectedNonUsers:[]},[be]:o.dueDate?.toDate(),[Ve]:{allOptions:O.allTaskPriority.map(n=>({label:n.name,value:n.code})),selectedOption:o.priority},[ye]:{allOptions:we(u),selectedOptions:o.tagIds},[Re]:[...o.fileIds.map((n,g)=>({fileId:n,fileIndex:g})),...m],taskType:{selectedOption:ue.find(n=>n.code===o.type.code)?.name,allOptions:ue.map(n=>n.name)},recurringView:{selectedEndDate:{type:o.recurringEndDateLocalData?.recurringDatePickerOptionsType,date:o.savedRecurringEndDate,recurringCount:o.savedRecurringTasksCount},selectedStartDate:o.recurringStartDate?.toDate(),selectedFrequency:{allOptions:ht,selectedOption:ct.find(n=>n.value===o.recurringFrequency)?.label}},[pt]:o.timeSpent}}},Na=Object.freeze(Object.defineProperty({__proto__:null,default:Fi,getBgColor:Be,getRichLabel:Ne,getTagList:we,uniqueFormName:Me},Symbol.toStringTag,{value:"Module"}));export{yr as C,ji as M,Ci as S,Jr as T,Ne as a,Ma as b,Ea as c,we as d,pt as e,za as f,Be as g,Va as h,Ra as i,Ba as j,La as k,Oa as l,Na as m,Pa as n,Fa as p,Ia as s,Ta as t};