@zeniai/web-cockpit-ui 1.14.90-qa → 1.14.91-dev

package/dist/assets/ReimbursementApprovalRuleDetailPage-D7do3o0A-DaR0xdJA.js

@@ -0,0 +1,32 @@
+import{y as W,c as D,d as M,q as G,F as U,a8 as H,aN as X,V as r,aH as J,cB as K,bz as Q,ab as Y,aO as Z,o as b,g2 as ee}from"./index-DJLrbf0F.js";import{a as B}from"./core-CA3j8Axi.js";import{n as c}from"./mui-DpJXlk4t.js";import{b as ae,f as te,l as T,o as _}from"./FollowStepsSection-64oy2OLD-mYi4qCkY.js";import"./sentry-BA4piVNf.js";import"./zeni-epic-state-CQt4n3Xe.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="da8a0fb0-b13d-442a-bbe1-ff5e5955ffe1",e._sentryDebugIdIdentifier="sentry-dbid-da8a0fb0-b13d-442a-bbe1-ff5e5955ffe1")}catch{}})();const $="reimbursementApprovalRuleDetailPage",C="lowerBound",j="upperBound",I="steps",h="applyToExistingReimbursements",le={footerPadding:new W(D[2],D[3])};function Pe({localData:e,approvalUpdateActionType:t,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:s=!1,onBackClick:p,onApprovalRuleDataUpdated:g,onResetClick:N,onSaveRuleClick:E,onSaveRuleSuccess:A}){const F=M(),S=G(),l=U.getLocalizedStrings().commonSetUp.approval,w=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,t==="approval_create"&&!a),y=H({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,P=X(u?.fetchState),{upperBound:R}=x,{allApprovalRules:i,allAccountingClasses:V,remiSetupApproverViewUpdateData:f}=e;let m=i.length>1?i.length-1:0,v=i.length>0?i[m].criteria[0].range.min.amount:0;if(f!=null&&f.type==="approval_update"&&f.data!=null){const{approvalRuleId:n}=f.data;m=i.findIndex(d=>d.approvalRuleId===n),v=m>0?i[m-1].criteria[0].range.min.amount:0}const q=y.handleSubmit(()=>{E()}),z=async(n,d)=>{g(d)};return B.useEffect(()=>{const n=y.watch((d,{name:L})=>{if(L!=null&&d!=null){const O=J(d);K(()=>z(L,O))}});return()=>{n.unsubscribe()}}),B.useEffect(()=>{P==="In-Progress"&&u?.fetchState==="Completed"&&A()},[P,u?.fetchState,A]),r.jsxs(ie,{children:[r.jsx(Q,{title:t==="approval_create"?l.newApproval:l.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{p()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:k($),onSubmit:q,children:r.jsxs(pe,{children:[r.jsx(ae,{label:{label:s?w.amountPerRemiGreaterLabel:w.amountPerRemiLabel},firstText:{type:"number",name:C,placeholder:"$0",options:{required:!0,max:R===1/0?Number.MAX_SAFE_INTEGER-1:R-1,min:v,validate:n=>a?!0:n!=null&&n>v},isDisabled:a,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:s,additionalInfoLabel:l.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(te,{sectionId:I,label:{label:l.followStepsLabel},approversPlaceholder:l.approversPlaceholder,notifiersPlaceholder:l.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:V,stepsInfo:x[I],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:k($),primaryBtn:{label:l.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:t==="approval_create"?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:l.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:N},containerStyle:{justifyContent:S==="small"?"space-between":"center"},style:{padding:le.footerPadding.valuePx(S)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,t)=>{const{criteria:a,steps:o}=e.remiSetupApproverViewUpdateData?.data??{};return{[h]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),_(e.allAttributes),_(e.filteredAttributes),o??[])??[],[C]:t?void 0:a!=null?a.range.min.amount??0:0,[j]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},oe=(e,t,a,o,s)=>s&&s.length>0?s.map((p,g)=>({stepIndex:g,stepType:{selectedOption:p.action,allOptions:T},actors:{allUsers:t,selectedUsers:se(e,p.actors),allNonUsers:o,selectedNonUsers:ne(a,p.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:T},actors:{allUsers:t,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,t)=>e.filter(a=>a.userId!=null&&t.findIndex(o=>o.userId===a.userId)>-1),ne=(e,t)=>e.filter(a=>t.findIndex(o=>o.subType===a.value)>-1),k=e=>`${e}_form`,Re=e=>`${e}`,ie=c.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,de=c.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+`,pe=c.div`
+  display: flex;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${b.sp0} 2px ${b.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${b.sp2};
+`,ue=c.div`
+  display: flex;
+  justify-content: flex-start;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,ce=c.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`;export{le as D,Pe as default,k as uniqueFormName,Re as uniqueName};

package/dist/assets/{ReimbursementApprovalRulesPage-BkuYJ6qb-7dFuSzMb.js → ReimbursementApprovalRulesPage-BJ6GewQ2-D7efVmkv.js}

@@ -1,4 +1,4 @@
-import{e as D,q as W,F as S,V as t,bz as E,m as H,aK as j,o,y as i,ak as z,aL as k,cm as V,cn as _,co as G,cY as U,d as l,b7 as q,a as T,b6 as F,p as P,cV as J,br as Y,b as K}from"./index-Dm9r1f6s.js";import{n as r}from"./mui-DLNyBjYF.js";import{a as O}from"./core-B-FNbYlu.js";import"./sentry-EYLV4XmG.js";import"./zeni-epic-state-HWtMOH-U.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";const s={sectionWidth:new i(343,580,726),ruleWrapperPadding:new i(l[3],l[4]),wrapperGap:new i(l[4],l[3]),wrapperMarginBottom:new i(l[6],l[8]),lastWrapperMarginBottom:new i(l[5],l[9]),stepperWidthHeight:new i(20,l[5]),stepperItemLeft:new i(-29,-23),stepperItemTop:new i(2,l[0]),stepperItemPaddingLeft:new i(l[0],10),stepperItemMinHeight:new i(22,28),stepperLeft:new i(11,17),stepperTop:new i(2,l[0]),stepperContentTop:new i(l[0],-4)},A={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},Q=({showDeleteBtn:e=!1,isLastSection:y=!1,approvalRule:x,onEditRuleClick:v,onDeleteRuleClick:b})=>{const[u,c]=O.useState(!1),a=W(),{range:d}=x.criteria[0],{steps:w,approvalRuleId:h}=x,n=S.getLocalizedStrings().commonSetUp.approval,$=()=>{c(!0)},f={onOkClick:()=>{c(!1),b?.(h)},onCancelClick:()=>{c(!1)}};return t.jsxs(X,{windowSize:a,isLastSection:y,"data-testid":j("approval-rule-section",h),children:[t.jsxs(Z,{windowSize:a,children:[t.jsxs(ne,{children:[t.jsxs(B,{windowSize:a,children:[n.from," ",k("0,0",d.min)]}),t.jsxs(ee,{children:[t.jsx(C,{}),t.jsx(te,{}),t.jsx(C,{})]}),d.max==null?t.jsx(ce,{}):t.jsx(B,{windowSize:a,children:k("0,0",{...d.min,amount:d.max.amount})})]}),t.jsxs(ae,{className:"icons",children:[e?t.jsx(pe,{onClick:$}):null,t.jsx(de,{onClick:()=>{v(h)},"data-testid":j("edit-approval-rule",h)})]})]}),t.jsx(oe,{windowSize:a,children:t.jsx(re,{isSingleStep:w.length===1,windowSize:a,children:w.map((m,M)=>t.jsxs(ie,{isSingleStep:w.length===1,className:"stepperItem",windowSize:a,children:[m.action==="require_approval"?t.jsx(le,{children:n.requireText}):t.jsx(se,{children:n.notifyText}),m.nonUserActors.filter(p=>p.subType!=null).map((p,N)=>t.jsxs(L,{children:[t.jsx(R,{children:p.subType!=null?n.nonUsers[p.subType].label:null}),m.operator!="is"?t.jsx(I,{className:"operator",children:m.operator}):null]},`${p.subType}_${N}`)),m.actors.map(p=>t.jsxs(L,{children:[t.jsxs(R,{children:[p.firstName," ",p.lastName]}),m.operator!="is"?t.jsx(I,{className:"operator",children:m.operator}):null]},p.userId))]},M))})}),u?t.jsx(V,{titleComponent:t.jsx(G,{children:n.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(_,{children:n.deleteApprovalRuleDesc}),primaryButtonText:n.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:n.cancelBtnText,action:f}):null]})},X=r.div`
+import{d as N,q as W,F as S,V as t,bz as _,m as E,aK as j,o,y as r,ak as z,aL as k,cm as H,cn as V,co as G,cY as U,c as l,b7 as q,a as T,b6 as F,p as P,cV as J,br as Y,b as K}from"./index-DJLrbf0F.js";import{n as i}from"./mui-DpJXlk4t.js";import{a as O}from"./core-CA3j8Axi.js";import"./sentry-BA4piVNf.js";import"./zeni-epic-state-CQt4n3Xe.js";import"./lottie-B7mXQ-R-.js";import"./liveblocks-C2I4vRCJ.js";import"./utils-DUsHM-Uc.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./lexical-dZFDzIA1.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},m=new e.Error().stack;m&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[m]="079e0896-28d9-454a-b63d-8ac191c1c1d4",e._sentryDebugIdIdentifier="sentry-dbid-079e0896-28d9-454a-b63d-8ac191c1c1d4")}catch{}})();const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},A={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},Q=({showDeleteBtn:e=!1,isLastSection:m=!1,approvalRule:u,onEditRuleClick:b,onDeleteRuleClick:v})=>{const[x,c]=O.useState(!1),a=W(),{range:d}=u.criteria[0],{steps:g,approvalRuleId:w}=u,n=S.getLocalizedStrings().commonSetUp.approval,f=()=>{c(!0)},y={onOkClick:()=>{c(!1),v?.(w)},onCancelClick:()=>{c(!1)}};return t.jsxs(X,{windowSize:a,isLastSection:m,"data-testid":j("approval-rule-section",w),children:[t.jsxs(Z,{windowSize:a,children:[t.jsxs(ne,{children:[t.jsxs(B,{windowSize:a,children:[n.from," ",k("0,0",d.min)]}),t.jsxs(ee,{children:[t.jsx(I,{}),t.jsx(te,{}),t.jsx(I,{})]}),d.max==null?t.jsx(ce,{}):t.jsx(B,{windowSize:a,children:k("0,0",{...d.min,amount:d.max.amount})})]}),t.jsxs(ae,{className:"icons",children:[e?t.jsx(pe,{onClick:f}):null,t.jsx(de,{onClick:()=>{b(w)},"data-testid":j("edit-approval-rule",w)})]})]}),t.jsx(oe,{windowSize:a,children:t.jsx(ie,{isSingleStep:g.length===1,windowSize:a,children:g.map((h,D)=>t.jsxs(re,{isSingleStep:g.length===1,className:"stepperItem",windowSize:a,children:[h.action==="require_approval"?t.jsx(le,{children:n.requireText}):t.jsx(se,{children:n.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,M)=>t.jsxs(L,{children:[t.jsx(C,{children:p.subType!=null?n.nonUsers[p.subType].label:null}),h.operator!="is"?t.jsx(R,{className:"operator",children:h.operator}):null]},`${p.subType}_${M}`)),h.actors.map(p=>t.jsxs(L,{children:[t.jsxs(C,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?t.jsx(R,{className:"operator",children:h.operator}):null]},p.userId))]},D))})}),x?t.jsx(H,{titleComponent:t.jsx(G,{children:n.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(V,{children:n.deleteApprovalRuleDesc}),primaryButtonText:n.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:n.cancelBtnText,action:y}):null]})},X=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -14,7 +14,7 @@ import{e as D,q as W,F as S,V as t,bz as E,m as H,aK as j,o,y as i,ak as z,aL as
       border-color: ${e=>e.theme.colors.primary};
     }
   }
-`,Z=r(q)`
+`,Z=i(q)`
   display: flex;
   position: relative;
   align-items: center;
@@ -22,20 +22,20 @@ import{e as D,q as W,F as S,V as t,bz as E,m as H,aK as j,o,y as i,ak as z,aL as
   text-align: center;
   width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
   gap: ${o.sp2};
-`,ee=r.div`
+`,ee=i.div`
   align-items: center;
   display: flex;
   justify-content: center;
-`,te=r.div`
+`,te=i.div`
   width: ${o.sp8};
   height: 2px;
   background-color: ${e=>e.theme.colors.primary};
-`,C=r.div`
+`,I=i.div`
   width: 6px;
   height: 6px;
   border-radius: 3px;
   background-color: ${e=>e.theme.colors.primary};
-`,oe=r.div`
+`,oe=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -56,7 +56,7 @@ import{e as D,q as W,F as S,V as t,bz as E,m as H,aK as j,o,y as i,ak as z,aL as
   justify-content: center;
   box-sizing: border-box;
   position: relative;
-`,re=r.ul`
+`,ie=i.ul`
   ${e=>`${A.stepper.style(e.windowSize)}`};
   position: relative;
   padding-left: ${o.sp6};
@@ -73,7 +73,7 @@ import{e as D,q as W,F as S,V as t,bz as E,m as H,aK as j,o,y as i,ak as z,aL as
     height: ${e=>e.isSingleStep?"0%":"100%"};
     border-left: 2px solid ${e=>e.theme.colors.grey1};
   }
-`,ie=r.li`
+`,re=i.li`
   position: relative;
   counter-increment: list;
   min-height: ${e=>s.stepperItemMinHeight.valuePx(e.windowSize)};
@@ -128,20 +128,20 @@ import{e as D,q as W,F as S,V as t,bz as E,m as H,aK as j,o,y as i,ak as z,aL as
       border-radius: 50%;
     }
   }
-`,le=r.span`
+`,le=i.span`
   color: ${P.alertDark};
-`,se=r.span`
+`,se=i.span`
   color: ${P.successDark};
-`,R=r.span`
+`,C=i.span`
   color: ${e=>e.theme.colors.primary};
-`,ne=r.div`
+`,ne=i.div`
   display: flex;
   align-items: center;
   gap: ${o.sp2};
-`,ae=r.div`
+`,ae=i.div`
   display: flex;
   gap: ${o.sp5};
-`,pe=r(J)`
+`,pe=i(J)`
   width: ${o.sp3};
   height: ${o.sp3};
   cursor: pointer;
@@ -149,7 +149,7 @@ import{e as D,q as W,F as S,V as t,bz as E,m as H,aK as j,o,y as i,ak as z,aL as
   &:hover {
     color: ${P.important};
   }
-`,de=r(Y)`
+`,de=i(Y)`
   width: ${o.sp3};
   height: ${o.sp3};
   cursor: pointer;
@@ -157,20 +157,20 @@ import{e as D,q as W,F as S,V as t,bz as E,m as H,aK as j,o,y as i,ak as z,aL as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ce=r(F)`
+`,ce=i(F)`
   width: ${o.sp4};
   height: ${o.sp4};
   color: ${e=>e.theme.colors.hero};
-`,I=r.span`
+`,R=i.span`
   color: ${e=>e.theme.colors.hero};
-`,L=r.div`
+`,L=i.div`
   display: inherit;
   gap: inherit;
-`,B=r.span`
+`,B=i.span`
   ${e=>`${A.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,g={width:new i(343,580,726),titleWidth:new i(343,580,780),addApprovalGap:new i(6,l[2]),subTitlePaddingTop:new i(12,l[3]),subTitlePaddingBottom:new i(28,l[7])},Ie=({approvalView:e,onBackClick:y,onEditRuleClick:x,onDeleteRuleClick:v})=>{const b=D(),u=W(),{fetchState:c,deleteStatus:a}=e,d=S.getLocalizedStrings().commonSetUp.approval,w=S.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,h=a.fetchState,n=e.listeningToPusherEvent;return t.jsxs(me,{children:[t.jsx(E,{title:d.approvalPageHeader,backgroundColor:b.colors.grey4,style:{zIndex:4},onBackClick:()=>{y()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(he,{children:[t.jsx(ue,{windowSize:u,children:w.approvalPageSubTitle}),c==="In-Progress"||c==="Not-Started"||h==="In-Progress"||n===!0?t.jsxs(xe,{children:[t.jsx(H,{size:n===!0?"Large":"ExtraLarge",start:!0}),n===!0&&t.jsx(we,{windowSize:u,children:d.updatingApprovalRules.replace("__entity__","reimbursements")})]}):c==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map(($,f)=>t.jsx(Q,{showDeleteBtn:f!==0,approvalRule:$,isLastSection:f===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:v},$.approvalRuleId)),t.jsxs(ge,{windowSize:u,onClick:()=>{x()},"data-testid":j("add-approval-rule"),children:[t.jsx($e,{}),t.jsx(fe,{children:d.addApprovalText})]})]}):null]})]})},me=r.div`
+`,$={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Re=({approvalView:e,onBackClick:m,onEditRuleClick:u,onDeleteRuleClick:b})=>{const v=N(),x=W(),{fetchState:c,deleteStatus:a}=e,d=S.getLocalizedStrings().commonSetUp.approval,g=S.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,w=a.fetchState,n=e.listeningToPusherEvent;return t.jsxs(he,{children:[t.jsx(_,{title:d.approvalPageHeader,backgroundColor:v.colors.grey4,style:{zIndex:4},onBackClick:()=>{m()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(me,{children:[t.jsx(we,{windowSize:x,children:g.approvalPageSubTitle}),c==="In-Progress"||c==="Not-Started"||w==="In-Progress"||n===!0?t.jsxs(ue,{children:[t.jsx(E,{size:n===!0?"Large":"ExtraLarge",start:!0}),n===!0&&t.jsx(xe,{windowSize:x,children:d.updatingApprovalRules.replace("__entity__","reimbursements")})]}):c==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((f,y)=>t.jsx(Q,{showDeleteBtn:y!==0,approvalRule:f,isLastSection:y===e.allApprovalRules.length-1,onEditRuleClick:u,onDeleteRuleClick:b},f.approvalRuleId)),t.jsxs(ge,{windowSize:x,onClick:()=>{u()},"data-testid":j("add-approval-rule"),children:[t.jsx($e,{}),t.jsx(fe,{children:d.addApprovalText})]})]}):null]})]})},he=i.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -178,14 +178,14 @@ import{e as D,q as W,F as S,V as t,bz as E,m as H,aK as j,o,y as i,ak as z,aL as
   background-color: ${e=>e.theme.colors.grey4};
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
     ${e.theme.colors.dropShadowNormal}`};
-`,he=r.div`
+`,me=i.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
   overflow-y: auto;
   flex-direction: column;
   align-items: center;
-`,xe=r.div`
+`,ue=i.div`
   display: flex;
   width: 100%;
   min-height: calc(100vh - 150px);
@@ -194,28 +194,28 @@ import{e as D,q as W,F as S,V as t,bz as E,m as H,aK as j,o,y as i,ak as z,aL as
   align-items: center;
   gap: ${o.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,ue=r(z)`
+`,we=i(z)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
-  width: ${e=>g.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>g.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>g.subTitlePaddingBottom.valuePx(e.windowSize)};
-`,we=r(z)`
+  width: ${e=>$.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>$.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>$.subTitlePaddingBottom.valuePx(e.windowSize)};
+`,xe=i(z)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
   margin-top: ${o.sp3};
-`,ge=r(z)`
+`,ge=i(z)`
   cursor: pointer;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: ${o.sp3} ${o.sp4};
-  gap: ${e=>g.addApprovalGap.valuePx(e.windowSize)};
+  gap: ${e=>$.addApprovalGap.valuePx(e.windowSize)};
 
-  width: ${e=>g.width.valuePx(e.windowSize)};
+  width: ${e=>$.width.valuePx(e.windowSize)};
   height: ${o.sp8};
 
   background: ${e=>e.theme.colors.grey5};
@@ -235,9 +235,9 @@ import{e as D,q as W,F as S,V as t,bz as E,m as H,aK as j,o,y as i,ak as z,aL as
     border-color: ${e=>e.theme.colors.primary};
   }
   margin-bottom: ${o.sp6};
-`,$e=r(U)`
+`,$e=i(U)`
   width: ${o.sp3};
   height: ${o.sp3};
-`,fe=r.div`
+`,fe=i.div`
   color: ${e=>e.theme.colors.hero};
-`;export{Ie as default};
+`;export{Re as default};

package/dist/assets/ReimbursementDetailPage-DKAtYSOy-C-uqjyM_.js

@@ -0,0 +1,314 @@
+import{av as At,a7 as Mt,q as Rt,d as Pt,ca as Bt,y as m,F as Xe,gc as Nt,ge as Lt,gf as _t,V as t,cm as ze,cn as Ae,co as Me,aK as y,bz as Re,bm as Ot,dr as Wt,gg as Et,gr as Pe,o as a,gh as Be,fd as b,ff as w,gk as x,aL as Ne,fc as Le,b as K,gm as _e,aO as Ft,an as Kt,gn as Ut,go as ie,bv as Vt,gp as Gt,L as Yt,a as Ht,B as Jt,ak as et,b7 as tt,p as U,al as qt,bS as Zt,ag as Qt,gI as Xt,gE as ei,c,cf as ti,cT as ii}from"./index-DJLrbf0F.js";import{a as p}from"./core-CA3j8Axi.js";import{n as r}from"./mui-DpJXlk4t.js";import{a as ai}from"./liveblocks-C2I4vRCJ.js";import{bO as ri,bS as oi,FC as ni}from"./zeni-epic-state-CQt4n3Xe.js";import li from"./InvoiceUploadSection-DomquLut-e92SA0tf.js";import{r as si,h as f,u as di}from"./types-DyvtCprH-NFPm5TaG.js";import"./sentry-BA4piVNf.js";import"./lottie-B7mXQ-R-.js";import"./analytics-CHPpxU3b.js";import"./recharts-BGdJnVo5.js";import"./utils-DUsHM-Uc.js";import"./lexical-dZFDzIA1.js";import"./AttachmentView-DSP80cjm-UNIl1Ai8.js";import"./uploadReceipts-CPw64UYa-DU-gRzOR.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},C=new e.Error().stack;C&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[C]="96ac4536-80fb-4ce6-bed8-5ae1eba56666",e._sentryDebugIdIdentifier="sentry-dbid-96ac4536-80fb-4ce6-bed8-5ae1eba56666")}catch{}})();const s={labelWidth:new m(120,160,160),largeLabelWidth:new m(150,235,235),rightMargin:new m(c[3],c[8]),leftMargin:new m(c[3],c[6]),invoiceRightMargin:new m(c[3],c[6]),invoiceLeftMargin:new m(c[3],c[8]),topMargin:new m(c[3],0),bottomMargin:new m(c[4],27),activityBottomMargin:new m(96,0),totalBottomMargin:new m(c[5],c[3]),formBottomMargin:new m(c[5],c[3]),navBarHeight:new m(44,62),closeMarginTop:new m(0,0),rightSectionWidth:new m(100,58),leftSectionWidth:new m(100,42),footerButtonWidth:new m(120,165),right:new m(c[3],c[0]),actionsContainerRight:new m(c[0],c[6]),otherActionsContainerBottom:new m(58,44),duplicateBannerWrapperMarginTop:new m(c[5],c[3]),duplicateBannerWrapperMarginRight:new m(c[3],c[8]),duplicateBannerWrapperMarginBottom:new m(c[5],c[3]),duplicateBannerWrapperMarginLeft:new m(c[3],c[6])},ci={formTitle:new Ht("h6Regular","h5Regular")},la=({remiDetails:e,uploadInvoiceEndPoint:C,authParams:re,isAdmin:oe,signedInUser:ne,showApproveRejectBtns:le,isRealTimeApprovalEnabled:se,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:de,isSignedInUserReimbursementCreator:it,updateEditRealTimeApproverClicked:ce,onSaveRealTimeApprovals:me,redirectToReimbursementListScreen:V,redirectToEditableReimbursementScreen:at,onDuplicateLineClick:rt,approveOrRejectRemi:pe,deleteReimbursement:ot,cancelAndDeleteReport:ue,handleZeniLogoClick:nt,onAddNewRule:he})=>{const d=At(),lt=Mt().analytics,o=Rt(),ye=Pt(),[st,z]=p.useState(!1),[G,Y]=p.useState(!1),[dt,H]=p.useState(!1),[J,q]=p.useState("approved"),B=p.useRef(null),[j,Z]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[k,ct]=p.useState(null),[mt,N]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,ge=p.useRef({}),be=l=>{const n=ge.current[l];n!=null&&setTimeout(()=>di(n,B.current),100)};p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&V()},[e,V]),p.useEffect(()=>{const l=window.location.hash;if(l&&l.startsWith("#L")){const n=l.substring(1);be(n)}},[]);const pt=()=>{V()};Bt({componentName:"reimbursement.details"});const ut={onOkClick:()=>{z(!1),j.primaryButtonText===i.buttons.delete?ot?.():j.title===i.cancelReportTitle?ue?.():j.title===i.cancelAndDeleteReportTitle&&ue?.(!0)},onCancelClick:()=>{z(!1)}},I=s.labelWidth.value(o),A=s.largeLabelWidth.value(o),we=Xe.getLocalizedStrings(),{common:{texts:{comments:ht},strings:{empty:xe}},collaboration:{threads:{placeholder:{addANewComment:yt,replyAComment:gt},tooltip:{resolveComment:bt,unResolveComment:wt}}},dateFormat:fe}=we,{reimbursementDetail:i,bulkActions:L}=we.spendManagement.reimbursement,Q=e.remiDetails?.reportTitle,S=e.remiDetails?.lines??[],_=e.remiDetails?.reimbursementInfo.stage,O=e.remiDetails?.reimbursementInfo.billStatus,W=e.remiDetails?.reimbursementInfo.billPaymentStatus,$e=_?.code==="paid",xt=$e?_:O?.code=="approved"&&W?.code?W:O,$=mi(e.remiDetails),M=O?.code=="approved"&&W?.code?W:O,E=e.remiDetails?.isDeleted??!1,ve=e.remiDetails?.amount,Te=e.remiDetails?.amount.amount??0,Se=()=>{Z({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),z(!0)},ft=()=>{Z({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),z(!0)},$t=()=>{Z({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),z(!0)},je=()=>{at()},vt={onOkClick:l=>{H(!1),pe({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{H(!1)}},Tt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?je():(q("approved"),pe({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(q("delete"),Se()):(q("rejected"),H(!0))},jt=e.remiDetails?.reimbursementInfo.paymentDate!=null?ri(oi(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,X=e.remiDetails?.reimbursementInfo.expectedDepositDate??jt,It=e.remiDetails?.lines?.some(l=>{const n=l.lineDetail;return n?.account?.isDeleted===!0&&n?.account?.isBillEditableCoaAccountType===!1})??!1,Ie=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&it&&!It,Dt=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ee=xt?.code,Ct=si(e.duplicateLineByLineId),De=e.duplicateReimbursementStatus.fetchState==="Completed"&&Ct>0,{requestToOpenThread:te,setRequestToOpenThread:Ce,setOpenThread:F}=p.useContext(Nt),{threads:R,isLoading:D}=Lt({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),kt=p.useMemo(()=>R.filter(l=>l.resolved===!1&&!l.id.includes(_t)),[R]).length,zt=p.useCallback((l,n)=>{F(n),N(!1)},[F,N]);p.useEffect(()=>{te?.threadId!=null&&R.length>0&&!D&&(F(te.threadId),Ce(null))},[te,R,D,F,Ce]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},P=ni(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(_i,{windowSize:o,ref:B,children:[st?t.jsx(ze,{titleComponent:t.jsx(Me,{children:j.title}),descriptionComponent:t.jsx(Ae,{children:j.description}),primaryButtonText:j.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:j.secondaryButtonText,action:ut}):null,dt?t.jsx(ze,{titleComponent:t.jsx(Me,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(Ae,{children:i.rejectRemiDescription}),primaryButtonText:i.buttons.send,secondaryButtonText:i.buttons.cancel,action:vt,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Ai,{windowSize:o,"data-testid":y("reimbursement-detail-page-nav-bar-container"),children:[o!=="small"?t.jsx(Re,{"data-testid":y("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(Mi,{onClick:()=>nt?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:ye.colors.background,keepBackgroundOnScroll:!0,scrollableContent:B,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(Ci,{}):null,t.jsx(Re,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:Q??xe,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:o!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Pi,{children:[u?t.jsxs(Bi,{isDisabled:D,onClick:D?()=>null:l=>{l.preventDefault(),l.stopPropagation(),ct({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),N(!0),lt.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(n=>Wt(n)),void 0,void 0,"page icon")},"data-testid":y("remi-comments-section"),children:[t.jsx(Ot,{count:D?void 0:kt,isLoading:D,style:{left:"12px"}}),t.jsx(Ni,{})]}):null,t.jsx(Li,{size:o,onClick:()=>pt(),"data-testid":y("remi-detail-page-close"),children:t.jsx(Ri,{})})]}),scrollableContent:B,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Vi,{children:[o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(He,{windowSize:o,children:t.jsx(Je,{windowsSize:o,children:Q})}),e.createdBy?.userId!=null?t.jsx(Ue,{windowSize:o,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,de&&$!=null?t.jsx(Ve,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null,M?.code!=null?o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Et,{progressSectionObj:M,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:E}),P?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:L.duplicateWarning.title,description:L.duplicateWarning.description}):De?t.jsxs(Oe,{size:o,children:[t.jsx(Ke,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ye,{windowSize:o,children:t.jsx(Be,{progressSectionObj:M,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:E})}):null]}):null,S.map((l,n)=>{const v=e.duplicateLineByLineId[l.lineId];return t.jsxs(Qe,{windowSize:o,children:[t.jsx(Fi,{windowSize:o,children:t.jsx(Ki,{bottomSeperator:S.length!==1,windowSize:o,children:t.jsx(li,{showAutofill:!1,uploadInvoiceEndPoint:C,authParams:re,entityId:e.remiDetails?.id,file:l.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:S.length>1?`#${n+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:S.length-1===n||n===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"reimbursement"})})}),t.jsxs(Ei,{windowSize:o,children:[n===0&&o!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(He,{windowSize:o,children:[t.jsx(Je,{windowsSize:o,children:Q}),de&&$!=null?t.jsx(Ve,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ue,{windowSize:o,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,M?.code!=null?t.jsx(Ye,{windowSize:o,children:t.jsx(Be,{progressSectionObj:M,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:E})}):null,P?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:L.duplicateWarning.title,description:L.duplicateWarning.description}):De?t.jsxs(Oe,{size:o,children:[t.jsx(Ke,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(bi,{windowSize:o,ref:ke=>{ke!=null&&(ge.current[`L${l.lineId}`]=ke)},children:[o!=="small"?t.jsx(gi,{children:t.jsx(wi,{children:S.length>1?`#${n+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(xi,{windowSize:o,children:[v?.duplicateLineId!=null?t.jsxs(hi,{children:[i.thisExpenseReview," ",t.jsx(yi,{onClick:()=>{if(v.isDuplicateWithinTransaction&&v.duplicateLineId!=null)return be(`L${v.duplicateLineId}`);v.duplicateTransactionId!=null&&v.duplicateLineId!=null&&rt(v.duplicateTransactionId,v.duplicateLineId)},"data-testid":y("remi-view-duplicate-expense"),children:i.viewOriginalExpense})]}):null,t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:l.type===i.mileageKey?`${n}.mileage.reimbursementType`:`${n}.out_of_pocket.reimbursementType`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("reimbursementType",n,l.type===i.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(x,{label:{label:i.reimbursementType,width:A},text:l.type===i.mileageKey?i.mileage:i.outOfPocket,style:{width:"auto",borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"}})}),t.jsx(T,{}),l.type===i.mileageKey?t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"mileage")}`},children:t.jsx(x,{label:{label:i.transactionDate,width:A},text:l.transactionDate?.format(fe.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.distanceInMiles`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("distanceInMiles",n,"mileage")}`},children:t.jsx(x,{label:{label:i.distanceInMiles,width:A},text:l.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"mileage")}`},children:t.jsx(x,{label:{label:i.amount,width:I},text:l.homeCurrencyConversions!=null?Ne("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"mileage")}`},children:t.jsx(x,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"mileage")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(x,{label:{label:i.department,width:I},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]}):t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.merchant`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("merchant",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.merchant,width:A},text:l.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.transactionDate,width:A},text:l.transactionDate?.format(fe.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.amount,width:I},text:l.homeCurrencyConversions!=null?Ne("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.account`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("account",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.category,width:I},text:l.lineDetail.account?.accountName??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"out_of_pocket")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(x,{label:{label:i.department,width:I},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),S.length!==1&&S.length===n+1&&t.jsxs(Wi,{windowSize:o,children:[t.jsxs(qe,{windowSize:o,children:[t.jsx(Ze,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:K.h6Regular.cssObject,decimalStyles:K.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(_e,{amount:Te,activities:e.remiActivities,stage:_?.code??"draft",onAddNewRule:he,entity:"reimbursement",realTimeApproval:{allApprovers:e.filteredApprovers,filteredAttributes:e.filteredAttributes,allAccountingClass:e.allAccountingClasses,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:oe,signedInUserId:ne?.userId,showRealTimeApproval:se,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:ce,onSaveRealTimeApprovals:me},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),S.length===1&&t.jsxs(Qe,{windowSize:o,children:[t.jsx(Ge,{}),t.jsxs(pi,{windowSize:o,children:[t.jsx(Oi,{windowSize:o,children:t.jsxs(qe,{windowSize:o,children:[t.jsx(Ze,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:K.h6Regular.cssObject,decimalStyles:K.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(ui,{windowSize:o,children:t.jsx(_e,{amount:Te,activities:e.remiActivities,stage:_?.code??"draft",onAddNewRule:he,entity:"reimbursement",historicActivities:e.remiHistory.activities,realTimeApproval:{allApprovers:e.filteredApprovers,allAccountingClass:e.allAccountingClasses,filteredAttributes:e.filteredAttributes,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:oe,signedInUserId:ne?.userId,showRealTimeApproval:se,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:ce,onSaveRealTimeApprovals:me}})})]})]}),t.jsx(Ui,{})]}),$e||E===!0?null:t.jsxs(zi,{children:[o!=="small"?t.jsx(Ge,{}):null,t.jsx($i,{windowSize:o,"data-testid":y("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),G===!0&&Y(!1)},children:t.jsx(Ft,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||le,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||le,cancelBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.delete:i.buttons.deleteReport:o==="small"?i.buttons.reject:i.buttons.rejectReport,isLoading:J==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||J==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:St,style:{width:s.footerButtonWidth.value(o)},reverseSpinnerColor:!1},primaryBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.edit:i.buttons.editAndResubmit:o==="small"?i.buttons.approve:i.buttons.approveReport,isLoading:J==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:Tt,style:{width:s.footerButtonWidth.value(o)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(fi,{children:t.jsxs(ki,{windowSize:o,children:[!P&&G?t.jsx(Kt,{onClickAway:()=>Y(!1),children:t.jsxs(Di,{windowSize:o,children:[ee!=="processing"?t.jsx(ae,{onClick:Se,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,ee==="processing"?t.jsx(ae,{onClick:ft,"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ee==="processing"?t.jsx(ae,{onClick:$t,"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(Ii,{windowSize:o,children:[!P&&Ie?t.jsx(ji,{onClick:je,"data-testid":y("remi-edit-button"),children:t.jsx(Si,{})}):null,!P&&Dt===!0?t.jsx(Ti,{windowSize:o,showEditIcon:Ie,children:t.jsx(vi,{onClick:()=>Y(!G),"data-testid":y("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),u?t.jsx(ai,{id:h,children:t.jsx(Ut,{isDrawerOpen:mt,allowComposer:!0,drawerTitle:ht,threads:R,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:k?.companyId??xe,isGlobalComment:!1,tab:"reimbursement"},isLoading:D,threadMetadata:k?{companyName:k.companyName,companyId:k.companyId,entityId:k.entityId,entityType:k.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:yt,replyComposerPlaceholder:gt,threadResolve:bt,threadUnResolve:wt},onThreadClick:(l,n)=>zt(l,n),onCloseAllThreadsDrawer:()=>N(!1),drawerSectionStyle:{width:"400px",backgroundColor:ye.colors.background}})}):null]})},mi=e=>{const C=Xe.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:C.tabsById.deleted,color:ie.deleted.color,bgColor:ie.deleted.bgColor,borderColor:ie.deleted.borderColor,code:"deleted"}},pi=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,ui=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>s.activityBottomMargin.valuePx(e.windowSize)};
+`,hi=r(qt)`
+  padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
+  background-color: ${U.alertLight};
+  color: ${U.brandColorGoldDark};
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+`,yi=r.span`
+  border-bottom: 1px solid currentColor;
+  cursor: pointer;
+`,Oe=r.div`
+  display: flex;
+  gap: ${a.sp2};
+  padding: ${a.sp3};
+  border-radius: ${a.sp2};
+  align-items: start;
+  margin-top: ${e=>s.duplicateBannerWrapperMarginTop.valuePx(e.size)};
+  margin-right: ${e=>s.duplicateBannerWrapperMarginRight.valuePx(e.size)};
+  margin-bottom: ${e=>s.duplicateBannerWrapperMarginBottom.valuePx(e.size)};
+  margin-left: ${e=>s.duplicateBannerWrapperMarginLeft.valuePx(e.size)};
+  background-color: ${U.alertLight};
+  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
+`,We=r(ti)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Ee=r.div`
+  width: 100%;
+`,Fe=r(et)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Ke=r(ii)`
+  width: ${a.sp4};
+  height: ${a.sp4};
+  color: ${U.brandColorGoldDark};
+`,Ue=r(et)`
+  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+`,gi=r.div`
+  display: flex;
+  justify-content: space-between;
+`,bi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,wi=r(tt)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${a.sp3};
+`,xi=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+  margin-bottom: ${e=>s.formBottomMargin.valuePx(e.windowSize)};
+  z-index: 3;
+`,fi=r.div`
+  display: flex;
+  justify-content: flex-end;
+`,$i=r.div`
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,vi=r(ei)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp5};
+  height: ${a.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ti=r.div`
+  display: flex;
+  margin-left: ${e=>e.windowSize==="small"?e.showEditIcon===!0?a.sp3:a.sp4:a.sp5};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Si=r(Xt)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp5};
+  height: ${a.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ji=r.div`
+  display: flex;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  margin-left: ${a.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ve=r(tt)`
+  display: flex;
+  color: ${e=>e.borderColor};
+  align-items: center;
+  justify-content: flex-end;
+  margin-left: ${a.sp3};
+  padding: 1px 6px 1px 6px;
+  border: ${e=>`1px solid ${e.borderColor}`};
+  border-radius: ${a.sp1};
+  min-width: fit-content;
+  max-width: fit-content;
+`,Ii=r.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Di=r.div`
+  display: flex;
+  width: max-content;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  padding-top: ${a.sp1};
+  padding-bottom: ${a.sp1};
+  position: absolute;
+  bottom: ${e=>s.otherActionsContainerBottom.valuePx(e.windowSize)};
+  z-index: 3;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${a.sp1};
+  right: ${e=>s.right.valuePx(e.windowSize)};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.grey1} 3D`};
+`,Ci=r.div`
+  position: fixed;
+  top: 0;
+  left: 42vw;
+  width: 100%;
+  height: 100vh;
+  background: transparent;
+  box-shadow: 0 2px ${a.sp1} ${({theme:e})=>e.colors.dropShadowNormal};
+  pointer-events: none;
+  z-index: 1;
+`,ki=r.div`
+  width: auto;
+  justify-content: flex-end;
+  position: ${e=>e.windowSize==="small"?"static":"relative"};
+  right: ${e=>s.actionsContainerRight.valuePx(e.windowSize)};
+  height: 100%;
+  display: flex;
+`,ae=r(Qt)`
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding-left: ${a.sp3};
+  padding-right: ${a.sp3};
+  height: ${a.sp6};
+  box-sizing: border-box;
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,zi=r.div`
+  display: flex;
+  width: 100%;
+  position: sticky;
+  bottom: 0;
+  z-index: 2;
+`,Ai=r.div`
+  min-height: ${e=>s.navBarHeight.valuePx(e.windowSize)};
+  height: ${e=>s.navBarHeight.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-between;
+  position: fixed;
+  z-index: 4;
+`,Mi=r(Vt)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+`,T=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Ri=r(Yt)`
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  float: right;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Pi=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.windowSize)};
+  display: flex;
+  float: right;
+`,Bi=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ni=r(Gt)`
+  display: flex;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  align-items: center;
+  justify-content: center;
+`,Li=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.size)};
+  margin-left: ${a.sp5};
+`,_i=r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100vw;
+  background: -webkit-linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  background: -moz-linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  background: -o-linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  background: linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  ${e=>e.windowSize==="small"&&`
+    background: ${e.theme.colors.grey4};
+  `}
+  height: 100vh;
+  overflow: scroll;
+`,Ge=r.div`
+  width: 42%;
+`,Oi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,Ye=r.div`
+  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,He=r.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"unset":"center"};
+  margin-top: ${e=>s.topMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+  width: ${e=>e.windowSize==="small"?"fit-content":"unset"};
+`,Je=r(Jt)`
+  flex-grow: 1;
+  ${e=>`${ci.formTitle.style(e.windowsSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-all;
+`,Wi=r.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,qe=r.div`
+  padding: ${a.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>e.theme.colors.grey3};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${a.sp2};
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${e=>s.totalBottomMargin.valuePx(e.windowSize)};
+  justify-content: space-between;
+`,Ze=r(Zt)`
+  display: flex;
+  width: 176px;
+  color: ${e=>e.theme.colors.primary};
+`,Ei=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,Qe=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"center":"flex-start"};
+`,Fi=r.div`
+  width: ${e=>s.leftSectionWidth.valuePercentage(e.windowSize)};
+`,Ki=r.div`
+  background: ${e=>e.theme.colors.grey3};
+  border-radius: ${a.sp2};
+  margin-top: ${e=>s.topMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.invoiceLeftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.invoiceRightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>e.bottomSeperator===!0&&e.windowSize!=="small"?"107px":a.sp5};
+`,Ui=r.div`
+  display: flex;
+  flex-direction: column;
+  height: ${a.sp11};
+`,Vi=r.div`
+  margin-top: 78px;
+`;export{la as default};