@zeniai/web-cockpit-ui 1.15.6-qa → 1.15.7-dev

package/dist/assets/{ScheduleSequenceTable-axweBiV5-DG58qOyk.js → ScheduleSequenceTable-BGx2un0o-CTi3pu3D.js}

@@ -1,21 +1,21 @@
-import{q as A,d as X,V as t,iu as ie,iv as oe,R as le,iw as xe,dM as fe,fd as ye,b as I,F as R,ix as we,it as be,o as i,y as b,p as j,l as $e,aa as re,dI as je,cn as Se,cp as ke,cP as Z,eo as ee,cV as ve,iy as K,iz as De,b2 as Ce,iA as Me,cr as ze,iB as Le,c as h,al as L,b8 as Ee,co as Oe,ao as pe,ex as Ie,b0 as ne,ej as Ae,aP as Te,iC as T,ge as Ve,aL as Fe,iD as Je,aT as H,cX as Be,bg as Pe}from"./index-B_cddanf.js";import{n as l,c as B}from"./mui-vQToN2qW.js";import{a as C}from"./sentry-CiC6rduJ.js";import{bh as G,G0 as Re}from"./zeni-epic-state-Ce8CP8e3.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="0658ac7a-81f3-46c1-8855-66bd86c4cfb4",e._sentryDebugIdIdentifier="sentry-dbid-0658ac7a-81f3-46c1-8855-66bd86c4cfb4")}catch{}})();const N=(e,o)=>`${e}.${o}`,{formElements:{dayOfMonthSelector:M},common:se}=R.getLocalizedStrings();function Ne({defaultValue:e,name:o,placeholder:s,alignLeft:r=!1,style:p,isDisabled:n,registerOptions:d,onSaveClick:c,onCancelClick:w}){const[f,u]=C.useState(!1),{control:m,formState:{errors:x},setValue:S}=Z(),v=()=>{k||(c(),u(!1))},y=()=>{w(),u(!1)},k=ee(x,o),g=A(),a=X();return t.jsx(pe,{onClickAway:()=>{u(!1)},children:t.jsx(Ue,{style:p,isDisabled:n!=null,windowSize:g,onClick:()=>{!f&&n==null&&u(!0)},children:t.jsx(Ie,{name:N(o,"dayOfMonth"),control:m,rules:{...d},render:()=>t.jsxs(qe,{children:[t.jsx(We,{placeholder:s,defaultValue:e,isDisabled:n}),f?t.jsxs(Ge,{alignLeft:r===!0,children:[t.jsx(et,{}),t.jsxs(ae,{isSelected:e.type==="day",children:[t.jsxs(Ze,{isError:e.type==="day"&&k,children:[t.jsx(ne,{label:{label:M.pickDate},radioField:{id:"day",name:N(o,"type"),value:"day",radioSize:"small",checked:e.type==="day"},style:{...I.smallRegular.cssObject,padding:`${i.sp3} ${i.sp0}`,width:"fit-content",marginLeft:i.sp3,minWidth:"35%"},labelStyle:{color:e.type==="day"&&k?j.important:"inherit"}}),t.jsx(Ae,{name:N(o,"dayOfMonth"),type:"number",placeholder:M.placeholder,disableCopyPaste:!0,autoTrim:"trim",onKeyDown:$=>{$.key!=="Backspace"&&isNaN(parseInt($.key))&&$.preventDefault()},defaultValue:e.dayOfMonth!=null&&!isNaN(e.dayOfMonth)?e.dayOfMonth:0,registerOptions:{min:1,max:28},outerDivStyle:{width:"fit-content",marginLeft:i.sp1,marginRight:i.sp1},style:{border:`1px solid ${e.type==="day"&&k?j.important:a.colors.grey2}`,borderRadius:i.sp1,...I.smallRegular.cssObject,padding:i.sp2,maxWidth:"35px",boxSizing:"border-box"}}),t.jsx(Qe,{isSelected:e.type==="day",children:M.ofEveryMonth})]}),t.jsx(_e,{defaultValue:e.dayOfMonth,onClick:$=>{S(`${o}.dayOfMonth`,$),S(`${o}.type`,"day")}})]}),t.jsx(tt,{}),t.jsx(ae,{isSelected:e.type==="lastDayOfMonth",children:t.jsx(ne,{label:{label:M.lastDayOfMonth},radioField:{id:"lastDayOfMonth",name:N(o,"type"),value:"lastDayOfMonth",radioSize:"small",checked:e.type==="lastDayOfMonth"},style:{...I.smallRegular.cssObject,padding:`${i.sp3} ${i.sp0}`,width:"fit-content",marginLeft:i.sp3},labelStyle:{color:e.type==="lastDayOfMonth"&&k?j.important:"inherit"}})}),t.jsx(Te,{primaryBtn:{label:se.footer.save,onClick:v,isDisabled:Ye(e),type:"button",style:{minWidth:"83px"}},cancelBtn:{label:se.footer.cancel,onClick:y,style:{minWidth:"83px"}},style:{position:"unset",backgroundColor:"transparent"}})]}):null]})})})})}function We({placeholder:e,defaultValue:o,isDisabled:s}){return t.jsxs(He,{isDisabled:s!=null,children:[o?.type==null?t.jsx(Ke,{children:e}):null,o?.type=="day"&&o.dayOfMonth!=null?t.jsxs(de,{children:[t.jsx(W,{children:M.daysOfMonth[`${o.dayOfMonth}`]}),t.jsx(W,{children:M.ofEveryMonth})]}):null,o?.type==="lastDayOfMonth"?t.jsxs(de,{children:[t.jsx(W,{children:M.daysOfMonth.lastDayOfMonth}),t.jsx(W,{children:M.ofEveryMonth})]}):null]})}function _e({defaultValue:e,onClick:o}){return t.jsxs(Xe,{children:[t.jsx(_,{children:[...Array(7).keys()].map(s=>{const r=s+1;return t.jsx(Y,{isSelected:r===e,onClick:()=>o(Re(r)),children:r},r)})}),t.jsx(_,{children:[...Array(7).keys()].map(s=>{const r=s+8;return t.jsx(Y,{isSelected:r===e,onClick:()=>o(r),children:r},r)})}),t.jsx(_,{children:[...Array(7).keys()].map(s=>{const r=s+15;return t.jsx(Y,{isSelected:r===e,onClick:()=>o(r),children:r},r)})}),t.jsx(_,{children:[...Array(7).keys()].map(s=>{const r=s+22;return t.jsx(Y,{isSelected:r===e,onClick:()=>o(r),children:r},r)})})]})}const Ye=e=>{switch(e.type){case"day":return e.dayOfMonth==null;case"lastDayOfMonth":return!1;default:return!0}},qe=l.div`
+import{q as A,e as X,V as t,is as ie,it as le,M as oe,iu as xe,dO as fe,fd as ye,b as I,F as R,iv as we,ir as be,o as i,y as b,p as j,l as $e,aa as re,dK as je,cn as Se,cp as ke,cP as Z,cX as ee,cV as ve,iw as K,ix as De,b2 as Ce,iy as Me,cr as ze,iz as Le,d as h,al as L,b8 as Ee,co as Oe,ao as pe,cY as Ie,b0 as ne,el as Ae,aP as Te,iA as T,gc as Ve,aL as Fe,iB as Be,aT as H,cZ as Je,bg as Pe}from"./index-l9FViNoO.js";import{n as o,c as J}from"./mui-cKt0zt2w.js";import{a as C}from"./sentry-DWELwT5u.js";import{bh as G,G0 as Re}from"./zeni-epic-state-atBaoFS-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="e79cf958-e743-415f-9e2a-3894afe5a186",e._sentryDebugIdIdentifier="sentry-dbid-e79cf958-e743-415f-9e2a-3894afe5a186")}catch{}})();const N=(e,l)=>`${e}.${l}`,{formElements:{dayOfMonthSelector:M},common:se}=R.getLocalizedStrings();function Ne({defaultValue:e,name:l,placeholder:s,alignLeft:r=!1,style:p,isDisabled:n,registerOptions:d,onSaveClick:c,onCancelClick:w}){const[f,u]=C.useState(!1),{control:m,formState:{errors:x},setValue:S}=Z(),v=()=>{k||(c(),u(!1))},y=()=>{w(),u(!1)},k=ee(x,l),g=A(),a=X();return t.jsx(pe,{onClickAway:()=>{u(!1)},children:t.jsx(Ue,{style:p,isDisabled:n!=null,windowSize:g,onClick:()=>{!f&&n==null&&u(!0)},children:t.jsx(Ie,{name:N(l,"dayOfMonth"),control:m,rules:{...d},render:()=>t.jsxs(qe,{children:[t.jsx(We,{placeholder:s,defaultValue:e,isDisabled:n}),f?t.jsxs(Ge,{alignLeft:r===!0,children:[t.jsx(et,{}),t.jsxs(ae,{isSelected:e.type==="day",children:[t.jsxs(Ze,{isError:e.type==="day"&&k,children:[t.jsx(ne,{label:{label:M.pickDate},radioField:{id:"day",name:N(l,"type"),value:"day",radioSize:"small",checked:e.type==="day"},style:{...I.smallRegular.cssObject,padding:`${i.sp3} ${i.sp0}`,width:"fit-content",marginLeft:i.sp3,minWidth:"35%"},labelStyle:{color:e.type==="day"&&k?j.important:"inherit"}}),t.jsx(Ae,{name:N(l,"dayOfMonth"),type:"number",placeholder:M.placeholder,disableCopyPaste:!0,autoTrim:"trim",onKeyDown:$=>{$.key!=="Backspace"&&isNaN(parseInt($.key))&&$.preventDefault()},defaultValue:e.dayOfMonth!=null&&!isNaN(e.dayOfMonth)?e.dayOfMonth:0,registerOptions:{min:1,max:28},outerDivStyle:{width:"fit-content",marginLeft:i.sp1,marginRight:i.sp1},style:{border:`1px solid ${e.type==="day"&&k?j.important:a.colors.grey2}`,borderRadius:i.sp1,...I.smallRegular.cssObject,padding:i.sp2,maxWidth:"35px",boxSizing:"border-box"}}),t.jsx(Qe,{isSelected:e.type==="day",children:M.ofEveryMonth})]}),t.jsx(Ye,{defaultValue:e.dayOfMonth,onClick:$=>{S(`${l}.dayOfMonth`,$),S(`${l}.type`,"day")}})]}),t.jsx(tt,{}),t.jsx(ae,{isSelected:e.type==="lastDayOfMonth",children:t.jsx(ne,{label:{label:M.lastDayOfMonth},radioField:{id:"lastDayOfMonth",name:N(l,"type"),value:"lastDayOfMonth",radioSize:"small",checked:e.type==="lastDayOfMonth"},style:{...I.smallRegular.cssObject,padding:`${i.sp3} ${i.sp0}`,width:"fit-content",marginLeft:i.sp3},labelStyle:{color:e.type==="lastDayOfMonth"&&k?j.important:"inherit"}})}),t.jsx(Te,{primaryBtn:{label:se.footer.save,onClick:v,isDisabled:_e(e),type:"button",style:{minWidth:"83px"}},cancelBtn:{label:se.footer.cancel,onClick:y,style:{minWidth:"83px"}},style:{position:"unset",backgroundColor:"transparent"}})]}):null]})})})})}function We({placeholder:e,defaultValue:l,isDisabled:s}){return t.jsxs(He,{isDisabled:s!=null,children:[l?.type==null?t.jsx(Ke,{children:e}):null,l?.type=="day"&&l.dayOfMonth!=null?t.jsxs(de,{children:[t.jsx(W,{children:M.daysOfMonth[`${l.dayOfMonth}`]}),t.jsx(W,{children:M.ofEveryMonth})]}):null,l?.type==="lastDayOfMonth"?t.jsxs(de,{children:[t.jsx(W,{children:M.daysOfMonth.lastDayOfMonth}),t.jsx(W,{children:M.ofEveryMonth})]}):null]})}function Ye({defaultValue:e,onClick:l}){return t.jsxs(Xe,{children:[t.jsx(Y,{children:[...Array(7).keys()].map(s=>{const r=s+1;return t.jsx(_,{isSelected:r===e,onClick:()=>l(Re(r)),children:r},r)})}),t.jsx(Y,{children:[...Array(7).keys()].map(s=>{const r=s+8;return t.jsx(_,{isSelected:r===e,onClick:()=>l(r),children:r},r)})}),t.jsx(Y,{children:[...Array(7).keys()].map(s=>{const r=s+15;return t.jsx(_,{isSelected:r===e,onClick:()=>l(r),children:r},r)})}),t.jsx(Y,{children:[...Array(7).keys()].map(s=>{const r=s+22;return t.jsx(_,{isSelected:r===e,onClick:()=>l(r),children:r},r)})})]})}const _e=e=>{switch(e.type){case"day":return e.dayOfMonth==null;case"lastDayOfMonth":return!1;default:return!0}},qe=o.div`
   position: relative;
-`,He=l.div`
+`,He=o.div`
   display: flex;
   padding-right: ${i.sp3};
-`,ae=l.div`
+`,ae=o.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.isSelected===!0?e.theme.colors.background:e.theme.colors.grey5};
   color: ${e=>e.isSelected===!0?e.theme.colors.primary:e.theme.colors.hero};
-`,Ge=l.div`
+`,Ge=o.div`
   position: absolute;
   z-index: 9;
   cursor: pointer;
   top: ${i.sp5};
-  ${e=>e.alignLeft?B`
+  ${e=>e.alignLeft?J`
           left: 0;
-        `:B`
+        `:J`
           right: 0;
         `};
   color: ${e=>e.theme.colors.primary};
@@ -25,17 +25,17 @@ import{q as A,d as X,V as t,iu as ie,iv as oe,R as le,iw as xe,dM as fe,fd as ye
   display: flex;
   flex-direction: column;
   width: 270px;
-`,Ke=l(L)`
+`,Ke=o(L)`
   color: ${e=>e.theme.colors.grey1};
   margin-right: ${i.sp1};
-`,W=l(L)`
+`,W=o(L)`
   color: ${e=>e.theme.colors.primary};
-`,Qe=l(L)`
+`,Qe=o(L)`
   color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
-`,de=l.div`
+`,de=o.div`
   display: flex;
   gap: ${i.sp1};
-`,Ue=l.div`
+`,Ue=o.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -47,26 +47,26 @@ import{q as A,d as X,V as t,iu as ie,iv as oe,R as le,iw as xe,dM as fe,fd as ye
   &:hover {
     background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
   }
-`,Xe=l.div`
+`,Xe=o.div`
   display: flex;
   flex-direction: column;
   width: fit-content;
   margin: ${i.sp0} ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,_=l.div`
+`,Y=o.div`
   display: flex;
-`,Y=l(L)`
+`,_=o(L)`
   padding: ${i.sp1} ${i.sp2};
   max-width: ${i.sp5};
   min-width: 18px;
   flex-grow: 1;
   text-align: end;
   border-radius: ${i.sp1};
-  ${e=>e.isSelected?B`
+  ${e=>e.isSelected?J`
           color: ${e.theme.colors.background};
           background-color: ${e.theme.colors.primary};
         `:null}
-`,Ze=l.div`
+`,Ze=o.div`
   display: flex;
   align-items: center;
   background-color: ${e=>e.isError?j.importantLight:"transparent"};
@@ -81,15 +81,15 @@ import{q as A,d as X,V as t,iu as ie,iv as oe,R as le,iw as xe,dM as fe,fd as ye
       border-color: ${e=>e.isError?j.important:e.theme.colors.primary};
     }
   }
-`,et=l.div`
+`,et=o.div`
   width: 100%;
   margin-top: ${i.sp1};
   height: 1px;
-`,tt=l.div`
+`,tt=o.div`
   width: 100%;
   height: 1px;
   background-color: ${e=>e.theme.colors.grey3};
-`,z={height:new b(h[6],h[6]),controlHeight:new b(h[6],h[6]),paddingTopBottom:new b(h[2],h[2]),marginRight:new b(h[2],h[2]),labelMarginLeft:new b(h[3],h[4]),labelMarginRight:new b(h[3],h[4]),labelMarginTop:new b(h[2],h[2])};function Ut({label:e,dayOfMonthField:o,isDisabled:s,style:r}){const p=A(),{formState:{errors:n}}=Z(),d=ee(n,o.name);return t.jsxs(it,{size:p,style:r,isDisabled:s!=null,isError:d,children:[t.jsx(ve,{isDisabled:s,label:e.label,htmlFor:o.name,style:{marginLeft:z.labelMarginLeft.value(p),marginRight:z.labelMarginRight.value(p),marginTop:z.labelMarginTop.value(p),width:e.width??"auto"}}),t.jsx(ot,{labelWidth:e.width,children:t.jsx(Ne,{...o,isDisabled:s,style:{display:"flex",flexGrow:1,width:"100%",height:z.controlHeight.value(p)}})})]})}const it=l.div`
+`,z={height:new b(h[6],h[6]),controlHeight:new b(h[6],h[6]),paddingTopBottom:new b(h[2],h[2]),marginRight:new b(h[2],h[2]),labelMarginLeft:new b(h[3],h[4]),labelMarginRight:new b(h[3],h[4]),labelMarginTop:new b(h[2],h[2])};function Ut({label:e,dayOfMonthField:l,isDisabled:s,style:r}){const p=A(),{formState:{errors:n}}=Z(),d=ee(n,l.name);return t.jsxs(it,{size:p,style:r,isDisabled:s!=null,isError:d,children:[t.jsx(ve,{isDisabled:s,label:e.label,htmlFor:l.name,style:{marginLeft:z.labelMarginLeft.value(p),marginRight:z.labelMarginRight.value(p),marginTop:z.labelMarginTop.value(p),width:e.width??"auto"}}),t.jsx(lt,{labelWidth:e.width,children:t.jsx(Ne,{...l,isDisabled:s,style:{display:"flex",flexGrow:1,width:"100%",height:z.controlHeight.value(p)}})})]})}const it=o.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -128,48 +128,48 @@ import{q as A,d as X,V as t,iu as ie,iv as oe,R as le,iw as xe,dM as fe,fd as ye
       background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?j.importantLight:e.theme.colors.background};
     }
   }
-`,ot=l.div`
+`,lt=o.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
   align-items: flex-end;
   flex-grow: 1;
-`,lt=l.div`
+`,ot=o.div`
   display: flex;
   width: 100%;
   justify-content: space-between;
-`,rt=l(Ee)`
+`,rt=o(Ee)`
   color: ${e=>e.theme.colors.primary};
   margin: ${i.sp3} ${i.sp1};
-`,ce=l.div`
+`,ce=o.div`
   margin-bottom: ${i.sp2};
-`,{common:V,jeSchedules:{scheduleDetails:D}}=R.getLocalizedStrings();function Xt({isUpdating:e,status:o,jeScheduleId:s,allowCreateSchedule:r,onDelete:p,onMarkAsComplete:n,onCreateSchedule:d}){const[c,w]=C.useState(!1),f={onOkClick:()=>{p()},onCancelClick:()=>{w(!1)}},u=()=>null,m=[];return(o==="new"||o=="draft")&&m.push({label:D.scheduleDetailsSection.markAsCompleted,value:D.scheduleDetailsSection.markAsCompleted}),s!=null&&o!=="draft"&&(o==="marked_as_completed"?r===!1&&m.push({label:D.scheduleDetailsSection.createSchedule,value:D.scheduleDetailsSection.createSchedule}):m.push({label:V.delete,value:V.delete})),t.jsxs(lt,{children:[t.jsx(rt,{children:D.scheduleDetailsSection.header}),t.jsx(re,{controller:m.length>0,children:t.jsx(je,{moreIconType:"plain",options:m,customStyleConfig:{valueContainer:()=>({".more-icon":{width:i.sp3,height:i.sp3}})},menuPlacement:"top",onOptionSelection:x=>{x===V.delete&&w(!0),x===D.scheduleDetailsSection.markAsCompleted&&n(),x===D.scheduleDetailsSection.createSchedule&&d()},valueToIcon:u})}),t.jsx(re,{controller:c===!0,children:t.jsx(Se,{titleComponent:t.jsx(ke,{children:D.scheduleDetailsSection.confirmDeletionTitle}),descriptionComponent:t.jsx(nt,{}),action:f,primaryButtonText:V.yes,proceedButtonVariant:"danger",secondaryButtonText:V.no,isLoading:e})})]})}function nt(){return t.jsxs(Oe,{children:[t.jsx(ce,{children:D.scheduleDetailsSection.confirmDeletionDescription}),t.jsx(ce,{children:D.scheduleDetailsSection.confirmDeletionDescriptionNote})]})}const P={containerPadding:new b(h[3],h[8]),containerMarginTop:new b(h[3],h[4]),containerMarginBottom:new b(h[4],h[5]),transactionLabelMarginTop:new b(h[2],h[0]),transactionTitleContainerWidth:new b(187,480)},Q={transactionLabel:new le("standardMedium","largeMedium"),transactionTitle:new le("h6SemiBold","h5SemiBold")},st=l.div``,ue=l.div`
+`,{common:V,jeSchedules:{scheduleDetails:D}}=R.getLocalizedStrings();function Xt({isUpdating:e,status:l,jeScheduleId:s,allowCreateSchedule:r,onDelete:p,onMarkAsComplete:n,onCreateSchedule:d}){const[c,w]=C.useState(!1),f={onOkClick:()=>{p()},onCancelClick:()=>{w(!1)}},u=()=>null,m=[];return(l==="new"||l=="draft")&&m.push({label:D.scheduleDetailsSection.markAsCompleted,value:D.scheduleDetailsSection.markAsCompleted}),s!=null&&l!=="draft"&&(l==="marked_as_completed"?r===!1&&m.push({label:D.scheduleDetailsSection.createSchedule,value:D.scheduleDetailsSection.createSchedule}):m.push({label:V.delete,value:V.delete})),t.jsxs(ot,{children:[t.jsx(rt,{children:D.scheduleDetailsSection.header}),t.jsx(re,{controller:m.length>0,children:t.jsx(je,{moreIconType:"plain",options:m,customStyleConfig:{valueContainer:()=>({".more-icon":{width:i.sp3,height:i.sp3}})},menuPlacement:"top",onOptionSelection:x=>{x===V.delete&&w(!0),x===D.scheduleDetailsSection.markAsCompleted&&n(),x===D.scheduleDetailsSection.createSchedule&&d()},valueToIcon:u})}),t.jsx(re,{controller:c===!0,children:t.jsx(Se,{titleComponent:t.jsx(ke,{children:D.scheduleDetailsSection.confirmDeletionTitle}),descriptionComponent:t.jsx(nt,{}),action:f,primaryButtonText:V.yes,proceedButtonVariant:"danger",secondaryButtonText:V.no,isLoading:e})})]})}function nt(){return t.jsxs(Oe,{children:[t.jsx(ce,{children:D.scheduleDetailsSection.confirmDeletionDescription}),t.jsx(ce,{children:D.scheduleDetailsSection.confirmDeletionDescriptionNote})]})}const P={containerPadding:new b(h[3],h[8]),containerMarginTop:new b(h[3],h[4]),containerMarginBottom:new b(h[4],h[5]),transactionLabelMarginTop:new b(h[2],h[0]),transactionTitleContainerWidth:new b(187,480)},Q={transactionLabel:new oe("standardMedium","largeMedium"),transactionTitle:new oe("h6SemiBold","h5SemiBold")},st=o.div``,ue=o.div`
   margin: ${i.sp0} ${i.sp3} ${i.sp0} ${i.sp0};
   max-width: ${e=>P.transactionTitleContainerWidth.valuePx(e.windowSize)};
-`,at=l($e)`
+`,at=o($e)`
   color: ${j.neutralGrey5Light};
   margin-top: ${e=>P.transactionLabelMarginTop.valuePx(e.windowSize)};
   ${e=>`${Q.transactionLabel.style(e.windowSize)}`};
   background-color: ${e=>e.labelColor.toString()};
   border-radius: ${i.sp1};
   padding: ${i.sp0} ${i.sp2} ${i.sp0} ${i.sp2};
-`,dt=l.div`
+`,dt=o.div`
   display: flex;
   flex-direction: column;
-`,ct=l.div`
+`,ct=o.div`
   display: flex;
   flex: 0 0 auto;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
   gap: ${i.sp3};
-`,ut=l.div`
+`,ut=o.div`
   display: flex;
   width: 100%;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
   padding: ${e=>`${i.sp0} ${P.containerPadding.valuePx(e.windowSize)}`};
-`,ht=l.div`
+`,ht=o.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -179,37 +179,37 @@ import{q as A,d as X,V as t,iu as ie,iv as oe,R as le,iw as xe,dM as fe,fd as ye
   justify-content: space-between;
   margin-top: ${e=>P.containerMarginTop.valuePx(e.windowSize)};
   margin-bottom: ${e=>P.containerMarginBottom.valuePx(e.windowSize)};
-`,pt=l(L)`
+`,pt=o(L)`
   color: ${e=>e.theme.colors.hero};
   height: ${i.sp4};
-`,mt=l(L)`
+`,mt=o(L)`
   color: ${e=>e.theme.colors.primary};
   word-break: break-all;
   text-align: right;
-`,gt=l.div`
+`,gt=o.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   gap: ${i.sp3};
-`,xt=l.div`
+`,xt=o.div`
   margin-top: ${i.sp3};
   width: 100%;
-`,ft=l.div`
+`,ft=o.div`
   display: flex;
   flex-direction: column;
   margin: ${i.sp3} ${i.sp0} ${i.sp6} ${i.sp0};
-`,yt=l.div`
+`,yt=o.div`
   display: flex;
   width: 100%;
   height: 1px;
   background-color: ${e=>e.theme.colors.grey3};
-`,wt=({title:e,value:o})=>t.jsxs(gt,{children:[t.jsx(pt,{children:e}),t.jsx(mt,{children:o||me})]}),{jeSchedules:{scheduleDetails:{scheduleTransactionsHeader:O},scheduleAccruedDetails:{placeholders:{selectVendor:bt}}},dateFormat:{visual:{MMMDCommaYYYYformat:$t}},common:{strings:{hyphen:me}}}=R.getLocalizedStrings();function Zt({transaction:e,vendorField:o,vendorLoadOptions:s,errors:r,vendorFieldName:p,vendor:n}){const d=A(),c=X(),[w,f]=C.useState(!1),u=jt(e),m=r?.includes("vendor_deleted"),[x,S]=C.useState(r?.includes("vendor_deleted")),v=o?.defaultOptions.find(y=>y.value===o?.selectedOption);return t.jsxs(ut,{windowSize:d,children:[t.jsxs(ht,{windowSize:d,children:[t.jsxs(ct,{windowSize:d,children:[t.jsx(t.Fragment,{children:m===!0?t.jsx(t.Fragment,{children:x===!0?t.jsx(ie,{text:O.addVendor,handleClick:()=>{S(!1),f(!0)}}):t.jsx(t.Fragment,{children:w===!1?t.jsx(st,{onClick:()=>f(!0),children:v!=null?t.jsx(ue,{windowSize:d,children:t.jsx(oe,{itemTextStyle:{...Q.transactionTitle.styleObject(d),lineHeight:"unset",color:c.colors.primary,cursor:"default"},text:v.label})}):t.jsx(ie,{text:O.addVendor,handleClick:()=>{S(!1),f(!0)}})}):t.jsx(xe,{autoFocus:!0,menuIsOpen:w,name:p??"",placeholder:bt,valueToId:y=>y,defaultValue:{selectedOption:o?.selectedOption,defaultOptions:o?.defaultOptions??[]},onMenuClose:()=>f(!1),customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"})},style:{width:250},registerOptions:{required:!0,validate:y=>!!y.selectedOption},loadOptions:s})})}):t.jsx(ue,{windowSize:d,children:t.jsx(oe,{itemTextStyle:{...Q.transactionTitle.styleObject(d),lineHeight:"unset",color:c.colors.primary},text:n.name})})}),t.jsx(at,{windowSize:d,labelColor:fe(e.type,c),children:e.typeName??e.type})]}),t.jsx(dt,{children:t.jsx(ye,{amount:e.amount,integerStyles:I.h6SemiBold.cssObject,decimalStyles:I.standardMedium.cssObject})})]}),t.jsx(yt,{}),t.jsx(ft,{children:u.map((y,k)=>t.jsx(xt,{children:t.jsx(wt,{title:y.title,value:y.value})},k))})]})}function jt(e){const o=[];return o.push({title:O.transactionDate,value:e.date.format($t)}),o.push({title:O.category,value:e.account.accountName}),o.push({title:O.class,value:e.classBase?.className??me}),o.push({title:O.memo,value:e.memo}),o}const he=(e,o)=>`${e}.${o}`,St={webkitLineClamp:new b(2,2,1,1,1)},kt=R.getLocalizedStrings(),{dateFormat:vt,jeSchedules:{scheduleDetails:U}}=kt,Dt=({sectionId:e,rowId:o,isDisabled:s,hideMemoField:r,minMaxValuesForAmount:p,isAmountEditable:n,scheduleJournalEntry:d,localData:c,onJELinkClick:w,onViewLinkedJE:f})=>{const u=A(),m=X(),[x,S]=C.useState(!1),{formState:{errors:v}}=Z(),y=C.useCallback(()=>{w(o)},[w,o]),k=d?.jeScheduleId!=null&&d.status.code==="unknown",g=n===!1?"disabled":s,a=d?.jeScheduleId!=null&&d.status.code==="posted"&&c.jeLink.transactionDetailID!=null,$=()=>{a&&c.jeLink.transactionDetailID!=null&&f(c.jeLink.transactionDetailID,o)},q=he(e,"amount"),E=ee(v,q);return t.jsxs(zt,{windowSize:u,isRowEditable:n,isClickable:a||n,onClick:$,children:[r?null:t.jsx(F,{windowSize:u,widthSize:T[0].width,children:t.jsx(J,{windowSize:u,isClickable:a||n,title:c.memo,children:c.memo})}),t.jsx(F,{windowSize:u,widthSize:T[1].width,children:t.jsx(J,{windowSize:u,isClickable:a||n,children:c.postingDate.format(vt.visual.MMMDCommaYYYYformat)})}),t.jsx(F,{windowSize:u,widthSize:T[2].width,children:t.jsx(pe,{onClickAway:()=>S(!1),children:t.jsx(J,{windowSize:u,onClick:()=>{(a||n)&&S(!0)},isClickable:a||n,children:t.jsx(Ve,{style:{height:i.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:i.sp3,color:E===!0?j.important:x===!1?m.colors.hero:m.colors.primary},type:"number",autoFocus:!1,focus:x,name:he(e,"amount"),placeholder:U.sequenceSchedule.sequenceData.amountPlaceholder,autoComplete:"new-password",defaultValue:c.amount.amount,returnValueType:"floatValue",allowEmptyFormatting:!0,hoverBgColor:s==null?m.colors.background:m.colors.grey5,bgColor:E===!0?j.importantLight:x===!1?m.colors.grey5:m.colors.background,prefix:c.amount.currencySymbol,decimalScale:2,allowNegative:!0,isNumericString:!1,isFieldError:E,registerOptions:{required:g==null,min:p.min,max:p.max},isDisabled:g,thousandsGroupStyle:"thousand",thousandSeparator:!0})})})}),t.jsx(F,{windowSize:u,widthSize:T[3].width,children:t.jsx(J,{windowSize:u,isClickable:a||n,children:Fe("0,0.00",c.runningBalance)})}),t.jsx(F,{windowSize:u,widthSize:T[4].width,children:t.jsx(J,{windowSize:u,isLastItem:!0,isClickable:a||n,children:t.jsxs(At,{children:[t.jsx(Je,{textColor:Mt(c.postingStatus,m),onClick:a||n?$:void 0,text:U.sequenceSchedule.postingStatus[c.postingStatus]}),k?t.jsx(It,{onClick:a?$:y,children:t.jsx(Ct,{jeLink:c.jeLink,isJElinkAllowed:k})}):null]})})})]})};function Ct({jeLink:e,isJElinkAllowed:o}){const[s,r]=C.useState(!1);return e.type==="linked"&&o?t.jsx(t.Fragment,{}):o&&(e.type==="unknown"||e.type==="recommended")?t.jsxs(Lt,{onMouseOver:()=>r(!0),onMouseLeave:()=>r(!1),children:[t.jsx(Tt,{}),s?t.jsxs(Et,{children:[e.type==="recommended"?t.jsx(Vt,{}):null,t.jsx(Ot,{children:U.linkJE.linkJE})]}):null]}):null}const Mt=(e,o)=>{switch(e){case"pending":case"canceled":case"recorded":return new H(o.colors.grey1);case"posted":return new H(j.success);case"unknown":return new H(j.alert)}},zt=l.div`
+`,wt=({title:e,value:l})=>t.jsxs(gt,{children:[t.jsx(pt,{children:e}),t.jsx(mt,{children:l||me})]}),{jeSchedules:{scheduleDetails:{scheduleTransactionsHeader:O},scheduleAccruedDetails:{placeholders:{selectVendor:bt}}},dateFormat:{visual:{MMMDCommaYYYYformat:$t}},common:{strings:{hyphen:me}}}=R.getLocalizedStrings();function Zt({transaction:e,vendorField:l,vendorLoadOptions:s,errors:r,vendorFieldName:p,vendor:n}){const d=A(),c=X(),[w,f]=C.useState(!1),u=jt(e),m=r?.includes("vendor_deleted"),[x,S]=C.useState(r?.includes("vendor_deleted")),v=l?.defaultOptions.find(y=>y.value===l?.selectedOption);return t.jsxs(ut,{windowSize:d,children:[t.jsxs(ht,{windowSize:d,children:[t.jsxs(ct,{windowSize:d,children:[t.jsx(t.Fragment,{children:m===!0?t.jsx(t.Fragment,{children:x===!0?t.jsx(ie,{text:O.addVendor,handleClick:()=>{S(!1),f(!0)}}):t.jsx(t.Fragment,{children:w===!1?t.jsx(st,{onClick:()=>f(!0),children:v!=null?t.jsx(ue,{windowSize:d,children:t.jsx(le,{itemTextStyle:{...Q.transactionTitle.styleObject(d),lineHeight:"unset",color:c.colors.primary,cursor:"default"},text:v.label})}):t.jsx(ie,{text:O.addVendor,handleClick:()=>{S(!1),f(!0)}})}):t.jsx(xe,{autoFocus:!0,menuIsOpen:w,name:p??"",placeholder:bt,valueToId:y=>y,defaultValue:{selectedOption:l?.selectedOption,defaultOptions:l?.defaultOptions??[]},onMenuClose:()=>f(!1),customStyleConfig:{valueContainer:()=>({justifyContent:"flex-start"})},style:{width:250},registerOptions:{required:!0,validate:y=>!!y.selectedOption},loadOptions:s})})}):t.jsx(ue,{windowSize:d,children:t.jsx(le,{itemTextStyle:{...Q.transactionTitle.styleObject(d),lineHeight:"unset",color:c.colors.primary},text:n.name})})}),t.jsx(at,{windowSize:d,labelColor:fe(e.type,c),children:e.typeName??e.type})]}),t.jsx(dt,{children:t.jsx(ye,{amount:e.amount,integerStyles:I.h6SemiBold.cssObject,decimalStyles:I.standardMedium.cssObject})})]}),t.jsx(yt,{}),t.jsx(ft,{children:u.map((y,k)=>t.jsx(xt,{children:t.jsx(wt,{title:y.title,value:y.value})},k))})]})}function jt(e){const l=[];return l.push({title:O.transactionDate,value:e.date.format($t)}),l.push({title:O.category,value:e.account.accountName}),l.push({title:O.class,value:e.classBase?.className??me}),l.push({title:O.memo,value:e.memo}),l}const he=(e,l)=>`${e}.${l}`,St={webkitLineClamp:new b(2,2,1,1,1)},kt=R.getLocalizedStrings(),{dateFormat:vt,jeSchedules:{scheduleDetails:U}}=kt,Dt=({sectionId:e,rowId:l,isDisabled:s,hideMemoField:r,minMaxValuesForAmount:p,isAmountEditable:n,scheduleJournalEntry:d,localData:c,onJELinkClick:w,onViewLinkedJE:f})=>{const u=A(),m=X(),[x,S]=C.useState(!1),{formState:{errors:v}}=Z(),y=C.useCallback(()=>{w(l)},[w,l]),k=d?.jeScheduleId!=null&&d.status.code==="unknown",g=n===!1?"disabled":s,a=d?.jeScheduleId!=null&&d.status.code==="posted"&&c.jeLink.transactionDetailID!=null,$=()=>{a&&c.jeLink.transactionDetailID!=null&&f(c.jeLink.transactionDetailID,l)},q=he(e,"amount"),E=ee(v,q);return t.jsxs(zt,{windowSize:u,isRowEditable:n,isClickable:a||n,onClick:$,children:[r?null:t.jsx(F,{windowSize:u,widthSize:T[0].width,children:t.jsx(B,{windowSize:u,isClickable:a||n,title:c.memo,children:c.memo})}),t.jsx(F,{windowSize:u,widthSize:T[1].width,children:t.jsx(B,{windowSize:u,isClickable:a||n,children:c.postingDate.format(vt.visual.MMMDCommaYYYYformat)})}),t.jsx(F,{windowSize:u,widthSize:T[2].width,children:t.jsx(pe,{onClickAway:()=>S(!1),children:t.jsx(B,{windowSize:u,onClick:()=>{(a||n)&&S(!0)},isClickable:a||n,children:t.jsx(Ve,{style:{height:i.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:i.sp3,color:E===!0?j.important:x===!1?m.colors.hero:m.colors.primary},type:"number",autoFocus:!1,focus:x,name:he(e,"amount"),placeholder:U.sequenceSchedule.sequenceData.amountPlaceholder,autoComplete:"new-password",defaultValue:c.amount.amount,returnValueType:"floatValue",allowEmptyFormatting:!0,hoverBgColor:s==null?m.colors.background:m.colors.grey5,bgColor:E===!0?j.importantLight:x===!1?m.colors.grey5:m.colors.background,prefix:c.amount.currencySymbol,decimalScale:2,allowNegative:!0,isNumericString:!1,isFieldError:E,registerOptions:{required:g==null,min:p.min,max:p.max},isDisabled:g,thousandsGroupStyle:"thousand",thousandSeparator:!0})})})}),t.jsx(F,{windowSize:u,widthSize:T[3].width,children:t.jsx(B,{windowSize:u,isClickable:a||n,children:Fe("0,0.00",c.runningBalance)})}),t.jsx(F,{windowSize:u,widthSize:T[4].width,children:t.jsx(B,{windowSize:u,isLastItem:!0,isClickable:a||n,children:t.jsxs(At,{children:[t.jsx(Be,{textColor:Mt(c.postingStatus,m),onClick:a||n?$:void 0,text:U.sequenceSchedule.postingStatus[c.postingStatus]}),k?t.jsx(It,{onClick:a?$:y,children:t.jsx(Ct,{jeLink:c.jeLink,isJElinkAllowed:k})}):null]})})})]})};function Ct({jeLink:e,isJElinkAllowed:l}){const[s,r]=C.useState(!1);return e.type==="linked"&&l?t.jsx(t.Fragment,{}):l&&(e.type==="unknown"||e.type==="recommended")?t.jsxs(Lt,{onMouseOver:()=>r(!0),onMouseLeave:()=>r(!1),children:[t.jsx(Tt,{}),s?t.jsxs(Et,{children:[e.type==="recommended"?t.jsx(Vt,{}):null,t.jsx(Ot,{children:U.linkJE.linkJE})]}):null]}):null}const Mt=(e,l)=>{switch(e){case"pending":case"canceled":case"recorded":return new H(l.colors.grey1);case"posted":return new H(j.success);case"unknown":return new H(j.alert)}},zt=o.div`
   display: flex;
   height: ${K}px;
   justify-content: space-between;
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
   color: ${e=>e.theme.colors.hero};
-  ${e=>e.isRowEditable?B`
+  ${e=>e.isRowEditable?J`
           &:hover {
             border-bottom: 1px solid ${e.theme.colors.primary};
             div {
@@ -219,7 +219,7 @@ import{q as A,d as X,V as t,iu as ie,iv as oe,R as le,iw as xe,dM as fe,fd as ye
             background-color: ${e.theme.colors.background}
         }`:null};
 
-  ${e=>e.isClickable?B`
+  ${e=>e.isClickable?J`
           &:hover {
             border-bottom: 1px solid ${e.theme.colors.primary};
             div {
@@ -230,7 +230,7 @@ import{q as A,d as X,V as t,iu as ie,iv as oe,R as le,iw as xe,dM as fe,fd as ye
   align-items: center;
 
   cursor: ${e=>e.isClickable===!0?"pointer":"default"};
-`,F=l.div`
+`,F=o.div`
   display: flex;
   align-items: center;
   width: ${e=>e.widthSize.valuePx(e.windowSize)};
@@ -238,7 +238,7 @@ import{q as A,d as X,V as t,iu as ie,iv as oe,R as le,iw as xe,dM as fe,fd as ye
   :last-of-type {
     padding-right: 0;
   }
-`,Lt=l.div`
+`,Lt=o.div`
   display: flex;
   align-items: center;
   gap: ${i.sp1};
@@ -247,21 +247,21 @@ import{q as A,d as X,V as t,iu as ie,iv as oe,R as le,iw as xe,dM as fe,fd as ye
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Et=l.div`
+`,Et=o.div`
   display: flex;
   align-items: center;
   gap: ${i.sp1};
-`,Ot=l(L)``,It=l.div``,At=l.div`
+`,Ot=o(L)``,It=o.div``,At=o.div`
   display: flex;
   gap: ${i.sp3};
   align-items: center;
-`,Tt=l(Be)`
+`,Tt=o(Je)`
   width: ${i.sp3};
   height: ${i.sp3};
-`,Vt=l(Pe)`
+`,Vt=o(Pe)`
   width: ${i.sp3};
   height: ${i.sp3};
-`,J=l(L)`
+`,B=o(L)`
   flex-grow: 1;
   word-break: break-word;
   white-space: nowrap;
@@ -277,23 +277,23 @@ import{q as A,d as X,V as t,iu as ie,iv as oe,R as le,iw as xe,dM as fe,fd as ye
   display: ${e=>e.isLastItem===!0?"flex":"inline-block"};
   margin-right: ${e=>e.isLastItem===!0?0:i.sp4};
   padding-right: ${i.sp0};
-`,ge={scheduleDetailsWrapperContainerMarginTop:new b(h[3],h[3]),paddingRight:new b(h[4],0)},ei=({sectionId:e,totalAmount:o,isDisabled:s,hideMemoField:r,listFetchState:p,scheduleJournalEntries:n,localData:d,uiState:c,onEditAmount:w,onJELinkClick:f,onViewLinkedJE:u,jeScheduleId:m})=>{const x=A(),S=p==="Not-Started"||p==="In-Progress"&&n.length===0,v=p==="Completed"&&d.length===0,y=R.getLocalizedStrings().jeSchedules.scheduleDetails.sequenceSchedule;return t.jsxs(_t,{windowSize:x,children:[t.jsx(qt,{windowSize:x,children:y.header}),S?t.jsx(we,{}):v?t.jsx(Yt,{windowSize:x,children:t.jsx(be,{text:y.notCreated})}):t.jsx(Rt,{children:t.jsx(Ft,{isDisabled:s,sectionId:e,hideMemoField:r,totalAmount:o,uiState:c,scheduleJournalEntries:n,localData:d,onEditAmount:w,onJELinkClick:f,onViewLinkedJE:u,jeScheduleId:m})})]})},Ft=({sectionId:e,totalAmount:o,isDisabled:s,hideMemoField:r,scheduleJournalEntries:p,localData:n,uiState:d,jeScheduleId:c,onEditAmount:w,onJELinkClick:f,onViewLinkedJE:u})=>{const m=C.useRef(null),x=A(),S=g=>K,v=n.length*K+De;C.useEffect(()=>{m.current?.resetAfterIndex(0)},[p]);const y=(g,a,$)=>{if(g===a.length-1)return!1;if($?.jeScheduleId==null)return!0;const q=G(),E=G().startOf("month"),te=G().endOf("month");if(a[g].postingDate!=null){if(a[g].postingDate.month()===q.month()&&a[g].postingDate.isBetween(E,te)===!0)return(a[g].postingStatus==="pending"||a[g].postingStatus==="canceled")&&n[g].runningBalance.amount!==0;if(a[g].postingDate.isBefore(E)===!0)return!1;if(a[g].postingDate.isAfter(te)===!0&&g!==0&&n[g-1].postingStatus==="posted"&&n[g-1].runningBalance.amount!==0)return!0}return!1},k=g=>{const a=o<0;if(g===0)return{min:a?o:0,max:a?0:o};{const $=n[g-1].runningBalance.amount;return{min:a?$:0,max:a?0:$}}};return t.jsx(Bt,{windowSize:x,containerHeight:v,children:t.jsx(Ce,{children:({height:g,width:a})=>t.jsxs(Wt,{style:{height:g,width:a},children:[t.jsx(Pt,{children:t.jsx(Me,{hideMemo:r})}),t.jsx(ze,{height:g,itemCount:n.length,itemSize:S,itemData:{sectionId:e,scheduleJournalEntries:p,localData:n,onEditAmount:w,onJELinkClick:f,uiState:d,windowSize:x,isDisabled:s,isAmountEditable:y,hideMemoField:r,getMinMaxValuesForAmount:k,onViewLinkedJE:u,jeScheduleId:c},width:a,ref:m,overscanCount:Le,initialScrollOffset:0,children:Jt})]})})})},Jt=({index:e,data:o})=>{const{sectionId:s,scheduleJournalEntries:r,localData:p,onJELinkClick:n,windowSize:d,isDisabled:c,hideMemoField:w,isAmountEditable:f,getMinMaxValuesForAmount:u,onViewLinkedJE:m,jeScheduleId:x}=o;return t.jsx(Nt,{windowSize:d,children:t.jsx(Dt,{rowId:e,isDisabled:c,isAmountEditable:f(e,p,r[e]),hideMemoField:w,minMaxValuesForAmount:u(e),sectionId:`${s}.${e}`,scheduleJournalEntry:r[e],localData:p[e],onJELinkClick:n,onViewLinkedJE:m})},x+e)},Bt=l.div`
+`,ge={scheduleDetailsWrapperContainerMarginTop:new b(h[3],h[3]),paddingRight:new b(h[4],0)},ei=({sectionId:e,totalAmount:l,isDisabled:s,hideMemoField:r,listFetchState:p,scheduleJournalEntries:n,localData:d,uiState:c,onEditAmount:w,onJELinkClick:f,onViewLinkedJE:u,jeScheduleId:m})=>{const x=A(),S=p==="Not-Started"||p==="In-Progress"&&n.length===0,v=p==="Completed"&&d.length===0,y=R.getLocalizedStrings().jeSchedules.scheduleDetails.sequenceSchedule;return t.jsxs(Yt,{windowSize:x,children:[t.jsx(qt,{windowSize:x,children:y.header}),S?t.jsx(we,{}):v?t.jsx(_t,{windowSize:x,children:t.jsx(be,{text:y.notCreated})}):t.jsx(Rt,{children:t.jsx(Ft,{isDisabled:s,sectionId:e,hideMemoField:r,totalAmount:l,uiState:c,scheduleJournalEntries:n,localData:d,onEditAmount:w,onJELinkClick:f,onViewLinkedJE:u,jeScheduleId:m})})]})},Ft=({sectionId:e,totalAmount:l,isDisabled:s,hideMemoField:r,scheduleJournalEntries:p,localData:n,uiState:d,jeScheduleId:c,onEditAmount:w,onJELinkClick:f,onViewLinkedJE:u})=>{const m=C.useRef(null),x=A(),S=g=>K,v=n.length*K+De;C.useEffect(()=>{m.current?.resetAfterIndex(0)},[p]);const y=(g,a,$)=>{if(g===a.length-1)return!1;if($?.jeScheduleId==null)return!0;const q=G(),E=G().startOf("month"),te=G().endOf("month");if(a[g].postingDate!=null){if(a[g].postingDate.month()===q.month()&&a[g].postingDate.isBetween(E,te)===!0)return(a[g].postingStatus==="pending"||a[g].postingStatus==="canceled")&&n[g].runningBalance.amount!==0;if(a[g].postingDate.isBefore(E)===!0)return!1;if(a[g].postingDate.isAfter(te)===!0&&g!==0&&n[g-1].postingStatus==="posted"&&n[g-1].runningBalance.amount!==0)return!0}return!1},k=g=>{const a=l<0;if(g===0)return{min:a?l:0,max:a?0:l};{const $=n[g-1].runningBalance.amount;return{min:a?$:0,max:a?0:$}}};return t.jsx(Jt,{windowSize:x,containerHeight:v,children:t.jsx(Ce,{children:({height:g,width:a})=>t.jsxs(Wt,{style:{height:g,width:a},children:[t.jsx(Pt,{children:t.jsx(Me,{hideMemo:r})}),t.jsx(ze,{height:g,itemCount:n.length,itemSize:S,itemData:{sectionId:e,scheduleJournalEntries:p,localData:n,onEditAmount:w,onJELinkClick:f,uiState:d,windowSize:x,isDisabled:s,isAmountEditable:y,hideMemoField:r,getMinMaxValuesForAmount:k,onViewLinkedJE:u,jeScheduleId:c},width:a,ref:m,overscanCount:Le,initialScrollOffset:0,children:Bt})]})})})},Bt=({index:e,data:l})=>{const{sectionId:s,scheduleJournalEntries:r,localData:p,onJELinkClick:n,windowSize:d,isDisabled:c,hideMemoField:w,isAmountEditable:f,getMinMaxValuesForAmount:u,onViewLinkedJE:m,jeScheduleId:x}=l;return t.jsx(Nt,{windowSize:d,children:t.jsx(Dt,{rowId:e,isDisabled:c,isAmountEditable:f(e,p,r[e]),hideMemoField:w,minMaxValuesForAmount:u(e),sectionId:`${s}.${e}`,scheduleJournalEntry:r[e],localData:p[e],onJELinkClick:n,onViewLinkedJE:m})},x+e)},Jt=o.div`
   height: ${e=>e.containerHeight}px;
   width: 100%;
   margin-right: ${i.sp8};
-`,Pt=l.div`
+`,Pt=o.div`
   width: auto;
-`,Rt=l.div`
+`,Rt=o.div`
   display: flex;
   flex-direction: column;
-`,Nt=l.div`
+`,Nt=o.div`
   top: ${i.sp0};
   left: ${i.sp0};
   padding-bottom: ${i.sp3};
   box-sizing: border-box;
   width: 100%;
   padding: ${e=>`${i.sp0} ${ge.paddingRight.valuePx(e.windowSize)} ${i.sp0} ${i.sp0}`};
-`,Wt=l.div``,_t=l.div`
+`,Wt=o.div``,Yt=o.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -311,13 +311,13 @@ import{q as A,d as X,V as t,iu as ie,iv as oe,R as le,iw as xe,dM as fe,fd as ye
   margin-bottom: ${i.sp8};
   padding: ${i.sp0} ${i.sp4} ${i.sp4} ${i.sp4};
   background-color: ${e=>e.theme.colors.grey5};
-`,Yt=l.div`
+`,_t=o.div`
   display: flex;
   height: 100%;
   flex-direction: column;
   width: 100%;
   margin-top: ${e=>ge.scheduleDetailsWrapperContainerMarginTop.valuePx(e.windowSize)};
-`,qt=l.div`
+`,qt=o.div`
   color: ${e=>e.theme.colors.hero};
   margin: ${i.sp3} ${i.sp0};
   ${I.standardRegular.css};

package/dist/assets/{ScreenRoutes-DfcN59qq.js → ScreenRoutes-DUbNYmu4.js}

@@ -1,4 +1,4 @@
-import{DU as Xf,DV as Lt,DW as Qf,iN as ot,hv as ql,iP as Ye,hs as eh,hz as Ll,DX as Pa,hB as th,hC as rh,DY as Gt,DZ as kt,h0 as nh,D_ as xr,D$ as ta,cO as ih,f2 as ra,e$ as Ir,f7 as rt,f5 as oh,E0 as kl,E1 as Nl,hQ as ah,hN as sh,E2 as uh,h$ as ch,hW as ja,hT as lh,hI as fh,E3 as hh,dJ as dh,cU as ph,i$ as Dl,E4 as mh,bL as Tr,hF as xa,hK as gh,oL as Ml,iO as qr,E5 as Ne,ib as na,E6 as yh,j5 as vh,B as Re,E7 as ia,E8 as bh,gZ as wh,E9 as Eh,Ea as Fl,Eb as Sh,nj as qa,mQ as _h,Ec as Rh,mW as Zr,Ed as Oh,mY as Th,Ee as Ze,mN as Ih,cB as Ah,iS as Ul,iT as Bl,iR as oa,iQ as aa,iU as Ch,Ef as Ph,nm as jh,Eg as xh,n3 as qh,ng as Lh,Eh as kh,n7 as Nh,Ei as Dh,Ej as _t,Ek as sa,El as Mh,Em as Fh,lQ as Uh,lW as $l,En as Vl,gu as Bh,C_ as Gl,Eo as $h,CU as Vh,Ep as Gh,Eq as zh,lZ as Hh,Er as Zh,D3 as Wh,CT as Yh,qg as zl,Es as Wr,Et as Hl,A6 as ua,zU as Jh,A9 as Zl,zX as Kh,Eu as Xh,A0 as Qh,zO as ed,zR as td,Ev as rd,Ad as nd,A3 as id,c4 as od,bd as ad,Ew as sd,Ex as ft,Ey as ud,Ez as cd,EA as ld,i3 as Ko,ba as fd}from"./zeni-epic-state-Ce8CP8e3.js";import{j as N}from"./liveblocks-DKD_-8rq.js";import{a as Y,p as X,d as Wl,c as Yl,g as hd}from"./sentry-CiC6rduJ.js";import{v as dd,d as dt,q as Lr,e as pe,z as be,m as pd,W as md,y as Pe,f as kr,h as gd,E as Je,F as Nt,i as pt,j as at,k as Nr,o as tt,X as yd,r as vd,N as nt,t as ca,w as it,Z as bd,Y as wd,c as Yr,x as Ed,A as Jl,C as Sd,D as Kl,G as Xl,H as Xo,I as _d,J as Rd,K as Od,O as Ql,P as Td,Q as Id,S as Ad,T as Cd,U as Pd,_ as jd,$ as xd,a0 as qd,a1 as Ld,a2 as kd,a3 as Nd,a4 as Dd,a5 as Md}from"./index-B_cddanf.js";import{f as Fd}from"./analyticsHelper-CIahkACa.js";import{n as ef,i as me,m as Ee,o as je,g as re,h as ge,N as Pt,R as Ve,k as se,u as la,j as Qo}from"./core-CpHpZW9N.js";import{D as Dr,n as Te,S as mt}from"./mui-vQToN2qW.js";import{a as ve,b as Ud,c as Bd,d as $d,e as fa,f as Vd,g as Gd,h as zd,i as gt,j as Hd,k as xt,l as Mr,m as Zd,n as Dt,o as Wd}from"./utils-CM3T2Iks.js";import{r as ha}from"./empty-BHQsFmmb.js";import{r as Yd,a as Jd,b as Kd,c as Xd}from"./constants-fG1bibDB.js";import{r as Mt,a as Qd}from"./index-snZI7Ejp.js";import{r as ep}from"./index--v5kH7eI.js";import"./recharts-jo6oNEJ1.js";import"./lottie-DPQlys-3.js";import"./analytics-DKo_M1pl.js";import"./lexical-DVClH-hg.js";import"./url-Cptp4ROd.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="e4ef933b-2bdb-45c9-80f6-466a5934d8c7",e._sentryDebugIdIdentifier="sentry-dbid-e4ef933b-2bdb-45c9-80f6-466a5934d8c7")}catch{}})();const st=()=>{const[e,n]=ef(),[a,o]=Y.useState(),i=Y.useRef(!1);return Y.useEffect(()=>{if(i.current===!0||!(e.has("thread_id")||e.has("entity_type")||e.has("company_id")))return;const r=dd(e);r!=null&&o(r);const s=new URLSearchParams(e);s.delete("thread_id"),s.delete("entity_type"),s.delete("company_id"),n(s,{replace:!0}),i.current=!0},[e,n]),a},tp={overlayWidth:new Pe(100,100,50)},{common:{strings:La}}=Nt.getLocalizedStrings();function rp(e,n){return{headerActions:{onTabChange:a=>{const o=at(a),i=pt(a);pe.trackCockpitTabClicked(i),n.navigate(`../../${o}`,{replace:!0})},filterActions:{onFilterTextChanged:(a,o)=>{e(Gt({uiState:{filterText:o}}))},onFiltersChange:(a,o)=>{o.categories!=null&&o.categoryCombinationOperator!=null&&pe.trackHealthMonitorFiltersApplied({filterSelection:{condition:o.categories.map(i=>i.matchingOperator).join(La.comma),logic:o.categoryCombinationOperator,parameter:o.categories.map(i=>i.field).join(La.comma)}}),e(Gt({uiState:{filters:o}}))}}},healthPageActions:{onRowClick:a=>{e(Ll(a))},onColumnSortConfigChanged:(a,o)=>{e(Gt({uiState:{sortKey:a,sortOrder:o}}))},onCockpitReloadData:a=>{a==="healthMonitor"&&e(ql())},onFiltersChange:a=>{e(Gt({uiState:{filters:a}}))}}}}function np(e,n){return{headerData:{selectedTabOption:Je("healthMonitor")},healthPageData:{healthView:n.healthView,managementView:n.managementView,mixpanelUrl:n.mixpanelHMUrl}}}const ip=ge(np,rp)(gd);function Jr({isDrawerOpen:e}){const n=me(),a=Ee(),o=dt(),i=Lr(),{companyId:t}=je(),[r,s]=ef(),[d,c]=Y.useState(!1),h=st(),f=re(m=>Xf(m)),l=re(m=>Lt(m)),{additionalChurnFactors:b}=re(m=>Qf(m)),{selectedCompanyDetail:p,selectedCompanyId:y,localFormDataAndStatusByCompanyId:g}=f,u=re(m=>m.companyViewState.zeniUsers.fetchState),v=re(m=>m.companyHealthMetricConfigViewState);if(Y.useEffect(()=>{const m=E=>E==="Not-Started"||E==="Error";f.fetchState==="Completed"?a(ot(!1)):m(f.fetchState)&&(a(ql()),m(u)&&a(Ye()),m(v.fetchState)&&a(eh()))},[f.fetchState,v.fetchState]),Y.useEffect(()=>{t!=null&&f.fetchState==="Completed"&&r.has("utm_source")===!0&&(a(Ll(t)),p!=null&&(pe.trackCockpitHealthMonitorNotificationAlertClicked(r.get("utm_source"),{companyId:p.companyInfo.companyId,companyName:p.companyInfo.name,churnProbability:p.companyHealthMetric.churnProbabilityPercentage??null}),c(r.has("utm_source")),r.delete("utm_source"),s(r)))},[f.fetchState,p?.companyInfo.companyId,p?.companyInfo.name]),be.getSignedInUser()==null)throw Error("Can't access Health Monitor page without signing in...");return N.jsxs(N.Fragment,{children:[e===!0||y!=null&&p!=null?N.jsx(Dr,{anchor:"right",open:y!=null,PaperProps:{style:{width:tp.overlayWidth.valuePercentage(i),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:o.colors.black,opacity:.75,cursor:"pointer"}}},onClose:()=>a(Pa()),children:N.jsx(pd,{roomId:`cockpit_${y}`,autoConnect:!0,children:N.jsx(md,{onSaveClick:()=>{y!=null&&a(rh(y))},onSaveChangesToLocalStore:m=>{f.selectedCompanyId!=null&&a(th({companyId:f.selectedCompanyId,updatedLocalData:m}))},localData:g?.companyHealthMetricLocalData??{netPromoterScore:void 0,externalProductServiceExposure:void 0,additionalChurnFactors:{increasingChurnProbability:[],decreasingChurnProbability:[]}},companyHealthMetricViewSelector:f,onCloseDrawer:()=>a(Pa()),analytics:pe,urlSource:d,additionalChurnFactorsOptions:b})})}):null,N.jsx(ip,{initialOpenThreadRequest:h??void 0,healthView:f,managementView:l,navigate:n,mixpanelHMUrl:kr.mixpanelHMUrl})]})}const tf=(e,n)=>{const a=[...e??[]];return a.push(n),a},op=e=>{const n=[...e??[]];return{poppedPathname:n.pop(),newStack:n}},ap=(e=2)=>{let n="../";for(let a=0;a<e;a++)n=`${n}../`;return n},le=({state:e,element:n})=>be.isSignedIn()===!0?N.jsx(N.Fragment,{children:n}):N.jsx(Pt,{to:"/signin/auth",replace:!0,state:{...e,message:"...",origin:window.location.pathname}});function sp(){return N.jsxs(Ve,{children:[N.jsx(se,{path:"/companies/:companyId",element:N.jsx(le,{element:N.jsx(Jr,{isDrawerOpen:!0})})}),N.jsx(se,{path:"/",element:N.jsx(le,{element:N.jsx(Jr,{})})}),N.jsx(se,{path:"/*",element:N.jsx(le,{element:N.jsx(Jr,{})})})]})}const up={drawerLeftMargin:new Pe(0,0,240)};function Ft(e){const{isOpen:n,drawerLeftMargin:a,children:o,onClose:i}=e,t=Lr(),r=a?.valuePx(t)??up.drawerLeftMargin.valuePx(t),s=dt();return N.jsx(Dr,{anchor:"right",open:n,PaperProps:{style:{width:`calc(100% - ${r})`}},slotProps:{backdrop:{style:{backgroundColor:s.colors.black,opacity:.8,cursor:"pointer"}}},onClose:i,children:o})}const cp=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?N.jsx(lp,{children:N.jsx(Nr,{size:"ExtraLarge",start:!0})}):null,lp=Te.div`
+import{DU as Xf,DV as Lt,DW as Qf,iN as ot,hv as ql,iP as Ye,hs as eh,hz as Ll,DX as Pa,hB as th,hC as rh,DY as Gt,DZ as kt,h0 as nh,D_ as xr,D$ as ta,cO as ih,f2 as ra,e$ as Ir,f7 as rt,f5 as oh,E0 as kl,E1 as Nl,hQ as ah,hN as sh,E2 as uh,h$ as ch,hW as ja,hT as lh,hI as fh,E3 as hh,dJ as dh,cU as ph,i$ as Dl,E4 as mh,bL as Tr,hF as xa,hK as gh,oL as Ml,iO as qr,E5 as Ne,ib as na,E6 as yh,j5 as vh,B as Re,E7 as ia,E8 as bh,gZ as wh,E9 as Eh,Ea as Fl,Eb as Sh,nj as qa,mQ as _h,Ec as Rh,mW as Zr,Ed as Oh,mY as Th,Ee as Ze,mN as Ih,cB as Ah,iS as Ul,iT as Bl,iR as oa,iQ as aa,iU as Ch,Ef as Ph,nm as jh,Eg as xh,n3 as qh,ng as Lh,Eh as kh,n7 as Nh,Ei as Dh,Ej as _t,Ek as sa,El as Mh,Em as Fh,lQ as Uh,lW as $l,En as Vl,gu as Bh,C_ as Gl,Eo as $h,CU as Vh,Ep as Gh,Eq as zh,lZ as Hh,Er as Zh,D3 as Wh,CT as Yh,qg as zl,Es as Wr,Et as Hl,A6 as ua,zU as Jh,A9 as Zl,zX as Kh,Eu as Xh,A0 as Qh,zO as ed,zR as td,Ev as rd,Ad as nd,A3 as id,c4 as od,bd as ad,Ew as sd,Ex as ft,Ey as ud,Ez as cd,EA as ld,i3 as Ko,ba as fd}from"./zeni-epic-state-atBaoFS-.js";import{j as N}from"./liveblocks-BKCvXoiA.js";import{a as Y,p as X,d as Wl,c as Yl,g as hd}from"./sentry-DWELwT5u.js";import{v as dd,e as dt,q as Lr,g as pe,z as be,h as pd,W as md,y as Pe,i as kr,j as gd,E as Je,F as Nt,k as pt,m as at,A as Nr,o as tt,X as yd,r as vd,t as nt,w as ca,O as it,Z as bd,Y as wd,d as Yr,x as Ed,C as Jl,D as Sd,G as Kl,H as Xl,I as Xo,J as _d,K as Rd,L as Od,N as Ql,P as Td,Q as Id,R as Ad,S as Cd,T as Pd,U as jd,$ as xd,a0 as qd,a1 as Ld,a2 as kd,a3 as Nd,a4 as Dd,a5 as Md}from"./index-l9FViNoO.js";import{f as Fd}from"./analyticsHelper-DFj-3TWh.js";import{n as ef,i as me,m as Ee,o as je,g as re,h as ge,N as Pt,R as Ve,k as se,u as la,j as Qo}from"./core-B8o5Jj6O.js";import{D as Dr,n as Te,S as mt}from"./mui-cKt0zt2w.js";import{a as ve,b as Ud,c as Bd,d as $d,e as fa,f as Vd,g as Gd,h as zd,i as gt,j as Hd,k as xt,l as Mr,m as Zd,n as Dt,o as Wd}from"./utils-Db67jZaM.js";import{r as ha}from"./empty-CGwQB5sP.js";import{r as Yd,a as Jd,b as Kd,c as Xd}from"./constants-CiSoUYAy.js";import{r as Mt,a as Qd}from"./index-B62kMDsj.js";import{r as ep}from"./index-mRKAcklk.js";import"./recharts-DKlDhqpA.js";import"./lottie-CTuuushW.js";import"./analytics-nCDopMZa.js";import"./lexical-B19SDutg.js";import"./url-BO73xRx2.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="d9143812-7070-4543-b075-5863d49139e4",e._sentryDebugIdIdentifier="sentry-dbid-d9143812-7070-4543-b075-5863d49139e4")}catch{}})();const st=()=>{const[e,n]=ef(),[a,o]=Y.useState(),i=Y.useRef(!1);return Y.useEffect(()=>{if(i.current===!0||!(e.has("thread_id")||e.has("entity_type")||e.has("company_id")))return;const r=dd(e);r!=null&&o(r);const s=new URLSearchParams(e);s.delete("thread_id"),s.delete("entity_type"),s.delete("company_id"),n(s,{replace:!0}),i.current=!0},[e,n]),a},tp={overlayWidth:new Pe(100,100,50)},{common:{strings:La}}=Nt.getLocalizedStrings();function rp(e,n){return{headerActions:{onTabChange:a=>{const o=at(a),i=pt(a);pe.trackCockpitTabClicked(i),n.navigate(`../../${o}`,{replace:!0})},filterActions:{onFilterTextChanged:(a,o)=>{e(Gt({uiState:{filterText:o}}))},onFiltersChange:(a,o)=>{o.categories!=null&&o.categoryCombinationOperator!=null&&pe.trackHealthMonitorFiltersApplied({filterSelection:{condition:o.categories.map(i=>i.matchingOperator).join(La.comma),logic:o.categoryCombinationOperator,parameter:o.categories.map(i=>i.field).join(La.comma)}}),e(Gt({uiState:{filters:o}}))}}},healthPageActions:{onRowClick:a=>{e(Ll(a))},onColumnSortConfigChanged:(a,o)=>{e(Gt({uiState:{sortKey:a,sortOrder:o}}))},onCockpitReloadData:a=>{a==="healthMonitor"&&e(ql())},onFiltersChange:a=>{e(Gt({uiState:{filters:a}}))}}}}function np(e,n){return{headerData:{selectedTabOption:Je("healthMonitor")},healthPageData:{healthView:n.healthView,managementView:n.managementView,mixpanelUrl:n.mixpanelHMUrl}}}const ip=ge(np,rp)(gd);function Jr({isDrawerOpen:e}){const n=me(),a=Ee(),o=dt(),i=Lr(),{companyId:t}=je(),[r,s]=ef(),[d,c]=Y.useState(!1),h=st(),f=re(m=>Xf(m)),l=re(m=>Lt(m)),{additionalChurnFactors:b}=re(m=>Qf(m)),{selectedCompanyDetail:p,selectedCompanyId:y,localFormDataAndStatusByCompanyId:g}=f,u=re(m=>m.companyViewState.zeniUsers.fetchState),v=re(m=>m.companyHealthMetricConfigViewState);if(Y.useEffect(()=>{const m=E=>E==="Not-Started"||E==="Error";f.fetchState==="Completed"?a(ot(!1)):m(f.fetchState)&&(a(ql()),m(u)&&a(Ye()),m(v.fetchState)&&a(eh()))},[f.fetchState,v.fetchState]),Y.useEffect(()=>{t!=null&&f.fetchState==="Completed"&&r.has("utm_source")===!0&&(a(Ll(t)),p!=null&&(pe.trackCockpitHealthMonitorNotificationAlertClicked(r.get("utm_source"),{companyId:p.companyInfo.companyId,companyName:p.companyInfo.name,churnProbability:p.companyHealthMetric.churnProbabilityPercentage??null}),c(r.has("utm_source")),r.delete("utm_source"),s(r)))},[f.fetchState,p?.companyInfo.companyId,p?.companyInfo.name]),be.getSignedInUser()==null)throw Error("Can't access Health Monitor page without signing in...");return N.jsxs(N.Fragment,{children:[e===!0||y!=null&&p!=null?N.jsx(Dr,{anchor:"right",open:y!=null,PaperProps:{style:{width:tp.overlayWidth.valuePercentage(i),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:o.colors.black,opacity:.75,cursor:"pointer"}}},onClose:()=>a(Pa()),children:N.jsx(pd,{roomId:`cockpit_${y}`,autoConnect:!0,children:N.jsx(md,{onSaveClick:()=>{y!=null&&a(rh(y))},onSaveChangesToLocalStore:m=>{f.selectedCompanyId!=null&&a(th({companyId:f.selectedCompanyId,updatedLocalData:m}))},localData:g?.companyHealthMetricLocalData??{netPromoterScore:void 0,externalProductServiceExposure:void 0,additionalChurnFactors:{increasingChurnProbability:[],decreasingChurnProbability:[]}},companyHealthMetricViewSelector:f,onCloseDrawer:()=>a(Pa()),analytics:pe,urlSource:d,additionalChurnFactorsOptions:b})})}):null,N.jsx(ip,{initialOpenThreadRequest:h??void 0,healthView:f,managementView:l,navigate:n,mixpanelHMUrl:kr.mixpanelHMUrl})]})}const tf=(e,n)=>{const a=[...e??[]];return a.push(n),a},op=e=>{const n=[...e??[]];return{poppedPathname:n.pop(),newStack:n}},ap=(e=2)=>{let n="../";for(let a=0;a<e;a++)n=`${n}../`;return n},le=({state:e,element:n})=>be.isSignedIn()===!0?N.jsx(N.Fragment,{children:n}):N.jsx(Pt,{to:"/signin/auth",replace:!0,state:{...e,message:"...",origin:window.location.pathname}});function sp(){return N.jsxs(Ve,{children:[N.jsx(se,{path:"/companies/:companyId",element:N.jsx(le,{element:N.jsx(Jr,{isDrawerOpen:!0})})}),N.jsx(se,{path:"/",element:N.jsx(le,{element:N.jsx(Jr,{})})}),N.jsx(se,{path:"/*",element:N.jsx(le,{element:N.jsx(Jr,{})})})]})}const up={drawerLeftMargin:new Pe(0,0,240)};function Ft(e){const{isOpen:n,drawerLeftMargin:a,children:o,onClose:i}=e,t=Lr(),r=a?.valuePx(t)??up.drawerLeftMargin.valuePx(t),s=dt();return N.jsx(Dr,{anchor:"right",open:n,PaperProps:{style:{width:`calc(100% - ${r})`}},slotProps:{backdrop:{style:{backgroundColor:s.colors.black,opacity:.8,cursor:"pointer"}}},onClose:i,children:o})}const cp=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?N.jsx(lp,{children:N.jsx(Nr,{size:"ExtraLarge",start:!0})}):null,lp=Te.div`
   display: flex;
   width: 100%;
   height: 100%;