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

package/dist/assets/ReimbursementApprovalRulesPage-BkuYJ6qb-BIx385RC.js

@@ -0,0 +1,243 @@
+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-BhteR_e0.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`
+  display: flex;
+  flex-direction: column;
+  gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
+  margin-bottom: ${e=>e.isLastSection?s.lastWrapperMarginBottom.valuePx(e.windowSize):s.wrapperMarginBottom.valuePx(e.windowSize)};
+  .icons {
+    display: none;
+  }
+  &:hover {
+    .icons {
+      display: flex;
+    }
+    > div:last-of-type {
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Z=r(q)`
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: space-between;
+  text-align: center;
+  width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
+  gap: ${o.sp2};
+`,ee=r.div`
+  align-items: center;
+  display: flex;
+  justify-content: center;
+`,te=r.div`
+  width: ${o.sp8};
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+`,C=r.div`
+  width: 6px;
+  height: 6px;
+  border-radius: 3px;
+  background-color: ${e=>e.theme.colors.primary};
+`,oe=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: ${e=>s.ruleWrapperPadding.valuePx(e.windowSize)};
+  gap: 10px;
+
+  width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+
+  border: 1px solid ${e=>e.theme.colors.grey3};
+
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+  justify-content: center;
+  box-sizing: border-box;
+  position: relative;
+`,re=r.ul`
+  ${e=>`${A.stepper.style(e.windowSize)}`};
+  position: relative;
+  padding-left: ${o.sp6};
+  list-style: none;
+  box-sizing: initial;
+  margin: 0;
+  &::before {
+    display: inline-block;
+    content: "";
+    position: absolute;
+    top: ${e=>s.stepperTop.valuePx(e.windowSize)};
+    left: ${e=>s.stepperLeft.valuePx(e.windowSize)};
+    width: 10px;
+    height: ${e=>e.isSingleStep?"0%":"100%"};
+    border-left: 2px solid ${e=>e.theme.colors.grey1};
+  }
+`,ie=r.li`
+  position: relative;
+  counter-increment: list;
+  min-height: ${e=>s.stepperItemMinHeight.valuePx(e.windowSize)};
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: ${e=>s.stepperItemPaddingLeft.valuePx(e.windowSize)};
+  gap: ${o.sp1};
+
+  > div:last-of-type > span.operator:last-of-type {
+    visibility: hidden;
+  }
+
+  &:not(:last-child) {
+    padding-bottom: 20px;
+  }
+
+  &::before {
+    display: inline-block;
+    content: "";
+    position: absolute;
+    top: ${e=>s.stepperItemTop.valuePx(e.windowSize)};
+    left: ${e=>s.stepperItemLeft.valuePx(e.windowSize)};
+    height: ${e=>e.isSingleStep?"0%":"100%"};
+    width: 10px;
+  }
+
+  &.stepperItem {
+    flex-wrap: wrap;
+    &::before {
+      border-left: 2px solid ${e=>e.theme.colors.grey1};
+    }
+    &:last-child::before {
+      border-left: 2px solid ${e=>e.theme.colors.grey5};
+    }
+
+    &::after {
+      content: counter(list);
+      position: absolute;
+      width: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
+      height: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
+      top: ${e=>s.stepperContentTop.valuePx(e.windowSize)};
+      left: -${o.sp6};
+      ${K.standardMedium.css};
+      text-align: center;
+      color: ${e=>e.theme.colors.grey1};
+      border: 2px solid ${e=>e.theme.colors.grey1};
+      background-color: ${e=>e.theme.colors.grey5};
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-radius: 50%;
+    }
+  }
+`,le=r.span`
+  color: ${P.alertDark};
+`,se=r.span`
+  color: ${P.successDark};
+`,R=r.span`
+  color: ${e=>e.theme.colors.primary};
+`,ne=r.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+`,ae=r.div`
+  display: flex;
+  gap: ${o.sp5};
+`,pe=r(J)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${P.important};
+  }
+`,de=r(Y)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ce=r(F)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,I=r.span`
+  color: ${e=>e.theme.colors.hero};
+`,L=r.div`
+  display: inherit;
+  gap: inherit;
+`,B=r.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`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
+    ${e.theme.colors.dropShadowNormal}`};
+`,he=r.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,xe=r.div`
+  display: flex;
+  width: 100%;
+  min-height: calc(100vh - 150px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: ${o.sp3};
+  background-color: ${e=>e.theme.colors.grey4};
+`,ue=r(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)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  margin-top: ${o.sp3};
+`,ge=r(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)};
+
+  width: ${e=>g.width.valuePx(e.windowSize)};
+  height: ${o.sp8};
+
+  background: ${e=>e.theme.colors.grey5};
+
+  border: 1px solid ${e=>e.theme.colors.grey3};
+
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
+    ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  &:hover {
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+  }
+  margin-bottom: ${o.sp6};
+`,$e=r(U)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,fe=r.div`
+  color: ${e=>e.theme.colors.hero};
+`;export{Ie as default};

package/dist/assets/{ReimbursementDetailPage-COIRwy7i-DZGfkzvc.js → ReimbursementDetailPage-D5IzqJS5-BklJr7jT.js}

@@ -1,4 +1,4 @@
-import{av as At,a7 as Mt,Q as Rt,d as Bt,ca as Pt,y as m,F as Qe,gc as Nt,ge as Lt,gf as Ot,V as t,cm as ke,cn as ze,co as Ae,aK as y,bz as Me,bm as _t,dr as Wt,gg as Et,gr as Re,o as a,gh as Be,fd as b,ff as w,gk as x,aL as Pe,fc as Ne,b as F,gm as Le,aO as Ft,an as Kt,gn as Ut,go as ie,bv as Vt,gp as Yt,_ as Gt,B as Ht,M as qt,ak as Xe,b7 as et,p as K,al as Jt,bS as Zt,ag as Qt,gH as Xt,gD as ei,u as c,cf as ti,cT as ii}from"./index-BzfDeuOT.js";import{a as p}from"./core-3dlyNYRL.js";import{n as r}from"./mui-bYXq4XMS.js";import{a as ai}from"./liveblocks-CNYVvsag.js";import{bO as ri,bS as oi,Fn as ni}from"./zeni-epic-state-BwKvATgd.js";import li from"./InvoiceUploadSection-CokNNkKu-C3YItMb9.js";import{r as si,h as f,u as di}from"./types-DyvtCprH-BcZYcgaq.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./utils-fBOyu0sO.js";import"./lexical-DPEnH3HH.js";import"./AttachmentView-Bujbmx1d-DTmJzSNU.js";import"./uploadReceipts-Bkf_PaOH-C3QTKEAv.js";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:U,authParams:tt,isAdmin:re,signedInUser:oe,showApproveRejectBtns:ne,isRealTimeApprovalEnabled:le,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:se,isSignedInUserReimbursementCreator:it,updateEditRealTimeApproverClicked:de,onSaveRealTimeApprovals:ce,redirectToReimbursementListScreen:V,redirectToEditableReimbursementScreen:at,onDuplicateLineClick:rt,approveOrRejectRemi:me,deleteReimbursement:ot,cancelAndDeleteReport:pe,handleZeniLogoClick:nt,onAddNewRule:ue})=>{const d=At(),lt=Mt().analytics,o=Rt(),he=Bt(),[st,k]=p.useState(!1),[Y,G]=p.useState(!1),[dt,H]=p.useState(!1),[q,J]=p.useState("approved"),B=p.useRef(null),[j,Z]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[C,ct]=p.useState(null),[mt,P]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,ye=p.useRef({}),ge=l=>{const n=ye.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);ge(n)}},[]);const pt=()=>{V()};Pt({componentName:"reimbursement.details"});const ut={onOkClick:()=>{k(!1),j.primaryButtonText===i.buttons.delete?ot?.():j.title===i.cancelReportTitle?pe?.():j.title===i.cancelAndDeleteReportTitle&&pe?.(!0)},onCancelClick:()=>{k(!1)}},D=s.labelWidth.value(o),z=s.largeLabelWidth.value(o),be=Qe.getLocalizedStrings(),{common:{texts:{comments:ht},strings:{empty:we}},collaboration:{threads:{placeholder:{addANewComment:yt,replyAComment:gt},tooltip:{resolveComment:bt,unResolveComment:wt}}},dateFormat:xe}=be,{reimbursementDetail:i,bulkActions:N}=be.spendManagement.reimbursement,Q=e.remiDetails?.reportTitle,S=e.remiDetails?.lines??[],L=e.remiDetails?.reimbursementInfo.stage,O=e.remiDetails?.reimbursementInfo.billStatus,_=e.remiDetails?.reimbursementInfo.billPaymentStatus,fe=L?.code==="paid",xt=fe?L:O?.code=="approved"&&_?.code?_:O,$=mi(e.remiDetails),A=O?.code=="approved"&&_?.code?_:O,W=e.remiDetails?.isDeleted??!1,$e=e.remiDetails?.amount,ve=e.remiDetails?.amount.amount??0,Te=()=>{Z({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),k(!0)},ft=()=>{Z({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},$t=()=>{Z({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},Se=()=>{at()},vt={onOkClick:l=>{H(!1),me({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{H(!1)}},Tt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?Se():(J("approved"),me({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(J("delete"),Te()):(J("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,Dt=e.remiDetails?.lines?.some(l=>{const n=l.lineDetail;return n?.account?.isDeleted===!0&&n?.account?.isBillEditableCoaAccountType===!1})??!1,je=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&it&&!Dt,It=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:Ie,setOpenThread:E}=p.useContext(Nt),{threads:M,isLoading:I}=Lt({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),kt=p.useMemo(()=>M.filter(l=>l.resolved===!1&&!l.id.includes(Ot)),[M]).length,zt=p.useCallback((l,n)=>{E(n),P(!1)},[E,P]);p.useEffect(()=>{te?.threadId!=null&&M.length>0&&!I&&(E(te.threadId),Ie(null))},[te,M,I,E,Ie]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},R=ni(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Oi,{windowSize:o,ref:B,children:[st?t.jsx(ke,{titleComponent:t.jsx(Ae,{children:j.title}),descriptionComponent:t.jsx(ze,{children:j.description}),primaryButtonText:j.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:j.secondaryButtonText,action:ut}):null,dt?t.jsx(ke,{titleComponent:t.jsx(Ae,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(ze,{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(Me,{"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:he.colors.background,keepBackgroundOnScroll:!0,scrollableContent:B,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(Ci,{}):null,t.jsx(Me,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:Q??we,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:o!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Bi,{children:[u?t.jsxs(Pi,{isDisabled:I,onClick:I?()=>null:l=>{l.preventDefault(),l.stopPropagation(),ct({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),P(!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(_t,{count:I?void 0:kt,isLoading:I,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(Ge,{windowSize:o,children:t.jsx(He,{windowsSize:o,children:Q})}),e.createdBy?.userId!=null?t.jsx(Ke,{windowSize:o,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,se&&$!=null?t.jsx(Ue,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null,A?.code!=null?o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Et,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W}),R?t.jsx(Re,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):De?t.jsxs(Oe,{size:o,children:[t.jsx(Fe,{}),t.jsxs(We,{children:[t.jsx(_e,{children:i.thereSeems}),t.jsx(Ee,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ye,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null]}):null,S.map((l,n)=>{const v=e.duplicateLineByLineId[l.lineId];return t.jsxs(Ze,{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:U,authParams:tt,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(Ge,{windowSize:o,children:[t.jsx(He,{windowsSize:o,children:Q}),se&&$!=null?t.jsx(Ue,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ke,{windowSize:o,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,A?.code!=null?t.jsx(Ye,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null,R?t.jsx(Re,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):De?t.jsxs(Oe,{size:o,children:[t.jsx(Fe,{}),t.jsxs(We,{children:[t.jsx(_e,{children:i.thereSeems}),t.jsx(Ee,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(bi,{windowSize:o,ref:Ce=>{Ce!=null&&(ye.current[`L${l.lineId}`]=Ce)},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 ge(`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:z},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:z},text:l.transactionDate?.format(xe.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:z},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:D},text:l.homeCurrencyConversions!=null?Pe("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:D},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:D},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:z},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:z},text:l.transactionDate?.format(xe.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:D},text:l.homeCurrencyConversions!=null?Pe("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:D},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:D},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:D},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(Je,{children:i.total}),t.jsx(Ne,{amount:$e,integerStyles:F.h6Regular.cssObject,decimalStyles:F.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Le,{amount:ve,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:ue,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:re,signedInUserId:oe?.userId,showRealTimeApproval:le,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:de,onSaveRealTimeApprovals:ce},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),S.length===1&&t.jsxs(Ze,{windowSize:o,children:[t.jsx(Ve,{}),t.jsxs(pi,{windowSize:o,children:[t.jsx(_i,{windowSize:o,children:t.jsxs(qe,{windowSize:o,children:[t.jsx(Je,{children:i.total}),t.jsx(Ne,{amount:$e,integerStyles:F.h6Regular.cssObject,decimalStyles:F.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(ui,{windowSize:o,children:t.jsx(Le,{amount:ve,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:ue,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:re,signedInUserId:oe?.userId,showRealTimeApproval:le,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:de,onSaveRealTimeApprovals:ce}})})]})]}),t.jsx(Ui,{})]}),fe||W===!0?null:t.jsxs(zi,{children:[o!=="small"?t.jsx(Ve,{}):null,t.jsx($i,{windowSize:o,"data-testid":y("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),Y===!0&&G(!1)},children:t.jsx(Ft,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||ne,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||ne,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:q==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||q==="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:q==="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:[!R&&Y?t.jsx(Kt,{onClickAway:()=>G(!1),children:t.jsxs(Ii,{windowSize:o,children:[ee!=="processing"?t.jsx(ae,{onClick:Te,"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(Di,{windowSize:o,children:[!R&&je?t.jsx(ji,{onClick:Se,"data-testid":y("remi-edit-button"),children:t.jsx(Si,{})}):null,!R&&It===!0?t.jsx(Ti,{windowSize:o,showEditIcon:je,children:t.jsx(vi,{onClick:()=>G(!Y),"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:M,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:C?.companyId??we,isGlobalComment:!1,tab:"reimbursement"},isLoading:I,threadMetadata:C?{companyName:C.companyName,companyId:C.companyId,entityId:C.entityId,entityType:C.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:()=>P(!1),drawerSectionStyle:{width:"400px",backgroundColor:he.colors.background}})}):null]})},mi=e=>{const U=Qe.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:U.tabsById.deleted,color:ie.deleted.color,bgColor:ie.deleted.bgColor,borderColor:ie.deleted.borderColor,code:"deleted"}},pi=r.div`
+import{av as At,a7 as Mt,q as Rt,e as Pt,ca as Bt,y as m,F as Ze,gc as Nt,ge as Lt,gf as Ot,V as t,cm as ke,cn as ze,co as Ae,aK as y,bz as Me,bm as _t,dr as Wt,gg as Et,gr as Re,o as a,gh as Pe,fd as b,ff as w,gk as x,aL as Be,fc as Ne,b as F,gm as Le,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 Xe,b7 as et,p as K,al as qt,bS as Qt,ag as Zt,gH as Xt,gD as ei,d as c,cf as ti,cT as ii}from"./index-BhteR_e0.js";import{a as p}from"./core-B-FNbYlu.js";import{n as r}from"./mui-DLNyBjYF.js";import{a as ai}from"./liveblocks-BBTLClA6.js";import{bO as ri,bS as oi,Fn as ni}from"./zeni-epic-state-HWtMOH-U.js";import li from"./InvoiceUploadSection-9DaovMq8-DOf6F-xG.js";import{r as si,h as f,u as di}from"./types-DyvtCprH-BcZYcgaq.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./utils-D1zwltK3.js";import"./lexical-DPEnH3HH.js";import"./AttachmentView-DgPySmB8-B0CUUwUu.js";import"./uploadReceipts-Bkf_PaOH-B-Qf32vH.js";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:U,authParams:tt,isAdmin:re,signedInUser:oe,showApproveRejectBtns:ne,isRealTimeApprovalEnabled:le,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:se,isSignedInUserReimbursementCreator:it,updateEditRealTimeApproverClicked:de,onSaveRealTimeApprovals:ce,redirectToReimbursementListScreen:V,redirectToEditableReimbursementScreen:at,onDuplicateLineClick:rt,approveOrRejectRemi:me,deleteReimbursement:ot,cancelAndDeleteReport:pe,handleZeniLogoClick:nt,onAddNewRule:ue})=>{const d=At(),lt=Mt().analytics,o=Rt(),he=Pt(),[st,k]=p.useState(!1),[G,Y]=p.useState(!1),[dt,H]=p.useState(!1),[J,q]=p.useState("approved"),P=p.useRef(null),[j,Q]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[C,ct]=p.useState(null),[mt,B]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,ye=p.useRef({}),ge=l=>{const n=ye.current[l];n!=null&&setTimeout(()=>di(n,P.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);ge(n)}},[]);const pt=()=>{V()};Bt({componentName:"reimbursement.details"});const ut={onOkClick:()=>{k(!1),j.primaryButtonText===i.buttons.delete?ot?.():j.title===i.cancelReportTitle?pe?.():j.title===i.cancelAndDeleteReportTitle&&pe?.(!0)},onCancelClick:()=>{k(!1)}},D=s.labelWidth.value(o),z=s.largeLabelWidth.value(o),be=Ze.getLocalizedStrings(),{common:{texts:{comments:ht},strings:{empty:we}},collaboration:{threads:{placeholder:{addANewComment:yt,replyAComment:gt},tooltip:{resolveComment:bt,unResolveComment:wt}}},dateFormat:xe}=be,{reimbursementDetail:i,bulkActions:N}=be.spendManagement.reimbursement,Z=e.remiDetails?.reportTitle,S=e.remiDetails?.lines??[],L=e.remiDetails?.reimbursementInfo.stage,O=e.remiDetails?.reimbursementInfo.billStatus,_=e.remiDetails?.reimbursementInfo.billPaymentStatus,fe=L?.code==="paid",xt=fe?L:O?.code=="approved"&&_?.code?_:O,$=mi(e.remiDetails),A=O?.code=="approved"&&_?.code?_:O,W=e.remiDetails?.isDeleted??!1,$e=e.remiDetails?.amount,ve=e.remiDetails?.amount.amount??0,Te=()=>{Q({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),k(!0)},ft=()=>{Q({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},$t=()=>{Q({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},Se=()=>{at()},vt={onOkClick:l=>{H(!1),me({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{H(!1)}},Tt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?Se():(q("approved"),me({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(q("delete"),Te()):(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,Dt=e.remiDetails?.lines?.some(l=>{const n=l.lineDetail;return n?.account?.isDeleted===!0&&n?.account?.isBillEditableCoaAccountType===!1})??!1,je=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&it&&!Dt,It=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:Ie,setOpenThread:E}=p.useContext(Nt),{threads:M,isLoading:I}=Lt({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),kt=p.useMemo(()=>M.filter(l=>l.resolved===!1&&!l.id.includes(Ot)),[M]).length,zt=p.useCallback((l,n)=>{E(n),B(!1)},[E,B]);p.useEffect(()=>{te?.threadId!=null&&M.length>0&&!I&&(E(te.threadId),Ie(null))},[te,M,I,E,Ie]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},R=ni(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Oi,{windowSize:o,ref:P,children:[st?t.jsx(ke,{titleComponent:t.jsx(Ae,{children:j.title}),descriptionComponent:t.jsx(ze,{children:j.description}),primaryButtonText:j.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:j.secondaryButtonText,action:ut}):null,dt?t.jsx(ke,{titleComponent:t.jsx(Ae,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(ze,{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(Me,{"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:he.colors.background,keepBackgroundOnScroll:!0,scrollableContent:P,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(Ci,{}):null,t.jsx(Me,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:Z??we,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:o!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Pi,{children:[u?t.jsxs(Bi,{isDisabled:I,onClick:I?()=>null:l=>{l.preventDefault(),l.stopPropagation(),ct({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),B(!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(_t,{count:I?void 0:kt,isLoading:I,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:P,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Vi,{children:[o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Ye,{windowSize:o,children:t.jsx(He,{windowsSize:o,children:Z})}),e.createdBy?.userId!=null?t.jsx(Ke,{windowSize:o,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,se&&$!=null?t.jsx(Ue,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null,A?.code!=null?o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Et,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W}),R?t.jsx(Re,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):De?t.jsxs(Oe,{size:o,children:[t.jsx(Fe,{}),t.jsxs(We,{children:[t.jsx(_e,{children:i.thereSeems}),t.jsx(Ee,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ge,{windowSize:o,children:t.jsx(Pe,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):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:U,authParams:tt,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(Ye,{windowSize:o,children:[t.jsx(He,{windowsSize:o,children:Z}),se&&$!=null?t.jsx(Ue,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ke,{windowSize:o,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,A?.code!=null?t.jsx(Ge,{windowSize:o,children:t.jsx(Pe,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null,R?t.jsx(Re,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):De?t.jsxs(Oe,{size:o,children:[t.jsx(Fe,{}),t.jsxs(We,{children:[t.jsx(_e,{children:i.thereSeems}),t.jsx(Ee,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(bi,{windowSize:o,ref:Ce=>{Ce!=null&&(ye.current[`L${l.lineId}`]=Ce)},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 ge(`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:z},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:z},text:l.transactionDate?.format(xe.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:z},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:D},text:l.homeCurrencyConversions!=null?Be("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:D},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:D},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:z},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:z},text:l.transactionDate?.format(xe.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:D},text:l.homeCurrencyConversions!=null?Be("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:D},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:D},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:D},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(Je,{windowSize:o,children:[t.jsx(qe,{children:i.total}),t.jsx(Ne,{amount:$e,integerStyles:F.h6Regular.cssObject,decimalStyles:F.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Le,{amount:ve,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:ue,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:re,signedInUserId:oe?.userId,showRealTimeApproval:le,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:de,onSaveRealTimeApprovals:ce},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),S.length===1&&t.jsxs(Qe,{windowSize:o,children:[t.jsx(Ve,{}),t.jsxs(pi,{windowSize:o,children:[t.jsx(_i,{windowSize:o,children:t.jsxs(Je,{windowSize:o,children:[t.jsx(qe,{children:i.total}),t.jsx(Ne,{amount:$e,integerStyles:F.h6Regular.cssObject,decimalStyles:F.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(ui,{windowSize:o,children:t.jsx(Le,{amount:ve,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:ue,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:re,signedInUserId:oe?.userId,showRealTimeApproval:le,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:de,onSaveRealTimeApprovals:ce}})})]})]}),t.jsx(Ui,{})]}),fe||W===!0?null:t.jsxs(zi,{children:[o!=="small"?t.jsx(Ve,{}):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"||ne,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||ne,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:[!R&&G?t.jsx(Kt,{onClickAway:()=>Y(!1),children:t.jsxs(Ii,{windowSize:o,children:[ee!=="processing"?t.jsx(ae,{onClick:Te,"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(Di,{windowSize:o,children:[!R&&je?t.jsx(ji,{onClick:Se,"data-testid":y("remi-edit-button"),children:t.jsx(Si,{})}):null,!R&&It===!0?t.jsx(Ti,{windowSize:o,showEditIcon:je,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:M,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:C?.companyId??we,isGlobalComment:!1,tab:"reimbursement"},isLoading:I,threadMetadata:C?{companyName:C.companyName,companyId:C.companyId,entityId:C.entityId,entityType:C.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:()=>B(!1),drawerSectionStyle:{width:"400px",backgroundColor:he.colors.background}})}):null]})},mi=e=>{const U=Ze.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:U.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)};
@@ -6,7 +6,7 @@ import{av as At,a7 as Mt,Q as Rt,d as Bt,ca as Pt,y as m,F as Qe,gc as Nt,ge as
   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(Jt)`
+`,hi=r(qt)`
   padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
   background-color: ${K.alertLight};
   color: ${K.brandColorGoldDark};
@@ -147,7 +147,7 @@ import{av as At,a7 as Mt,Q as Rt,d as Bt,ca as Pt,y as m,F as Qe,gc as Nt,ge as
   right: ${e=>s.actionsContainerRight.valuePx(e.windowSize)};
   height: 100%;
   display: flex;
-`,ae=r(Qt)`
+`,ae=r(Zt)`
   display: flex;
   align-items: center;
   width: 100%;
@@ -184,7 +184,7 @@ import{av as At,a7 as Mt,Q as Rt,d as Bt,ca as Pt,y as m,F as Qe,gc as Nt,ge as
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Ri=r(Gt)`
+`,Ri=r(Yt)`
   cursor: pointer;
   width: ${a.sp4};
   height: ${a.sp4};
@@ -193,11 +193,11 @@ import{av as At,a7 as Mt,Q as Rt,d as Bt,ca as Pt,y as m,F as Qe,gc as Nt,ge as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Bi=r.div`
+`,Pi=r.div`
   margin-top: ${e=>s.closeMarginTop.valuePx(e.windowSize)};
   display: flex;
   float: right;
-`,Pi=r.div`
+`,Bi=r.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -207,7 +207,7 @@ import{av as At,a7 as Mt,Q as Rt,d as Bt,ca as Pt,y as m,F as Qe,gc as Nt,ge as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ni=r(Yt)`
+`,Ni=r(Gt)`
   display: flex;
   width: ${a.sp4};
   height: ${a.sp4};
@@ -250,11 +250,11 @@ import{av as At,a7 as Mt,Q as Rt,d as Bt,ca as Pt,y as m,F as Qe,gc as Nt,ge as
 `,_i=r.div`
   margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,Ye=r.div`
+`,Ge=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)};
-`,Ge=r.div`
+`,Ye=r.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"unset":"center"};
@@ -262,7 +262,7 @@ import{av as At,a7 as Mt,Q as Rt,d as Bt,ca as Pt,y as m,F as Qe,gc as Nt,ge as
   margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
   width: ${e=>e.windowSize==="small"?"fit-content":"unset"};
-`,He=r(qt)`
+`,He=r(Jt)`
   flex-grow: 1;
   ${e=>`${ci.formTitle.style(e.windowsSize)}`};
   color: ${e=>e.theme.colors.primary};
@@ -272,7 +272,7 @@ import{av as At,a7 as Mt,Q as Rt,d as Bt,ca as Pt,y as m,F as Qe,gc as Nt,ge as
   flex-direction: column;
   margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,qe=r.div`
+`,Je=r.div`
   padding: ${a.sp3};
   display: flex;
   align-items: center;
@@ -283,7 +283,7 @@ import{av as At,a7 as Mt,Q as Rt,d as Bt,ca as Pt,y as m,F as Qe,gc as Nt,ge as
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${e=>s.totalBottomMargin.valuePx(e.windowSize)};
   justify-content: space-between;
-`,Je=r(Zt)`
+`,qe=r(Qt)`
   display: flex;
   width: 176px;
   color: ${e=>e.theme.colors.primary};
@@ -291,7 +291,7 @@ import{av as At,a7 as Mt,Q as Rt,d as Bt,ca as Pt,y as m,F as Qe,gc as Nt,ge as
   display: flex;
   flex-direction: column;
   width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,Ze=r.div`
+`,Qe=r.div`
   display: flex;
   width: 100%;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};

package/dist/assets/ReimbursementPromoPage-D7n6lZNo-BpT8Ss67.js

@@ -0,0 +1,84 @@
+import{av as ne,e as S,q as k,aN as le,F as D,V as e,aK as a,fo as ae,bz as me,n as u,ad as m,o as s,ap as ce,D as de,aQ as F,al as pe,y as xe,p as z,cA as he,aR as ue,b8 as ge,d as we}from"./index-BhteR_e0.js";import{a as j}from"./core-B-FNbYlu.js";import{n as t}from"./mui-DLNyBjYF.js";import{Fm as je,bW as be}from"./zeni-epic-state-HWtMOH-U.js";import{f as $e}from"./VideoPopup-CEdhfU31-CRc_PqEa.js";import{M as v}from"./usp-line-BBd1wKwW-_aHpaGit.js";import"./sentry-EYLV4XmG.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";import"./VideoPlayer-D0GZ_Yml-CzUqkm8K.js";const N="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",Z="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",fe={midContainerMarginBottom:new xe(we[5],44)},ye=t.div`
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 100%;
+  flex-direction: column;
+  background-color: ${i=>i.theme.colors.grey4};
+`,Se=t.div`
+  padding: ${i=>i.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
+  text-align: center;
+`,ke=t(de)`
+  max-width: 648px;
+  margin: auto;
+  padding: ${s.sp7} ${s.sp0};
+  color: ${i=>i.theme.colors.primary};
+`,ze=t(ce)`
+  max-width: 600px;
+  margin: auto;
+  padding: ${s.sp5} ${s.sp0};
+  color: ${i=>i.theme.colors.primary};
+`,V=t.div`
+  display: flex;
+  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${i=>fe.midContainerMarginBottom.valuePx(i.windowSize)};
+`,ve=t.div``,B=t.div`
+  display: flex;
+  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
+  align-items: center;
+  justify-content: center;
+`,g=t.img``,E=t.div`
+  width: ${i=>i.windowSize==="small"?"auto":"376px"};
+  display: flex;
+  flex-direction: column;
+`,q=t.div`
+  width: ${i=>i.windowSize==="small"?"100%":"calc(100% - 376px)"};
+  overflow: hidden;
+  max-width: 712px;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+`,O=t.div`
+  margin-left: ${i=>i.windowSize==="small"?s.sp0:s.sp6};
+  margin-bottom: ${i=>i.windowSize==="small"?s.sp4:s.sp0};
+  background: ${i=>i.theme.colors.grey3};
+  border-radius: 12px;
+  border: ${i=>`1px solid ${i.theme.colors.grey3}`};
+  padding: 15px;
+`,c=t.div`
+  border-radius: ${s.sp12};
+  border: ${i=>`1px solid ${i.theme.colors.grey2}`};
+  padding: ${i=>i.windowSize==="small"?`${s.sp2} ${s.sp4} ${s.sp2} ${s.sp0}`:`${s.sp3} ${s.sp5} ${s.sp3} ${s.sp0}`};
+  background: ${i=>i.theme.colors.grey5};
+  position: relative;
+  margin-bottom: ${s.sp3};
+  display: flex;
+  align-items: center;
+  text-align: start;
+  box-sizing: border-box;
+`,b=t(ge)`
+  color: ${i=>i.theme.colors.champion};
+`,$=t(ue)`
+  color: ${i=>i.theme.colors.champion};
+`,f=t(F)`
+  color: ${i=>i.theme.colors.champion};
+`,y=t(he)`
+  color: ${i=>i.theme.colors.champion};
+`,d=t.div``,p=t.div`
+  padding-left: ${s.sp3};
+`,M=t(F)`
+  margin: ${i=>i.windowSize==="small"?s.sp1:`auto ${s.sp5}`};
+  color: ${i=>i.theme.colors.grey1};
+`,W=t(v)`
+  color: ${z.graphColor16Dark};
+`,G=t(v)`
+  color: ${z.graphColor09Dark};
+`,H=t(v)`
+  color: ${z.success};
+`,I=t(pe)`
+  margin: ${s.sp3} auto;
+  max-width: 772px;
+  color: ${i=>i.theme.colors.hero};
+`,r=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=D.getLocalizedStrings().commonSetUp.businessVerification.terms,Te=()=>{const i=S(),o=k();return e.jsxs(V,{windowSize:o,children:[e.jsx(q,{windowSize:o,children:e.jsx(O,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(g,{src:N,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(E,{windowSize:o,children:[e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(W,{})}),e.jsxs(p,{children:[e.jsx(y,{children:r.simplestText.bold}),e.jsx(f,{children:r.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx(y,{children:r.aiPoweredText.bold}),e.jsx(f,{children:r.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(H,{})}),e.jsxs(p,{children:[e.jsx(y,{children:r.multiLevelApprovalText.bold}),e.jsx(f,{children:r.multiLevelApprovalText.regular})]})]})]})]})},Ce=()=>{const i=S(),o=k();return e.jsxs(V,{windowSize:o,children:[e.jsxs(E,{windowSize:o,children:[e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(W,{})}),e.jsxs(p,{children:[e.jsx($,{children:r.simplestText.bold}),e.jsx(b,{children:r.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx($,{children:r.aiPoweredText.bold}),e.jsx(b,{children:r.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(H,{})}),e.jsxs(p,{children:[e.jsx($,{children:r.multiLevelApprovalText.bold}),e.jsx(b,{children:r.multiLevelApprovalText.regular})]})]})]}),e.jsx(q,{windowSize:o,children:e.jsx(O,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(g,{src:N,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},qe=({reimbursementSetupView:i,userReimbursementInfo:o,meetingUrl:K,videoUrl:Q,analytics:x,onSetupButtonClick:_,onCreateNewRemiButtonClick:J,onBackClick:X,onSetupReimbursementSuccess:T,onClickMenuIcon:Y})=>{const C=ne(),[ee,ie]=j.useState(!1),[re,P]=j.useState(!1),se=S(),l=k(),{remiTermsDetails:h}=i,R=le(h?.fetchStatus.fetchState),te=je(C.loggedInUserRoleMap),w=be(C.loggedInUserRoleMap)&&!te,oe=!!o?.isReimbursementTOSAccepted,A=!!i.companyRemiInfo?.isReimbursementEnabled,U=w?A?r.employeeAcceptPromoText:r.employeePendingPromoText:r.promoText;j.useEffect(()=>{R==="In-Progress"&&h?.fetchStatus.fetchState==="Completed"&&T?.()},[R,T,h?.fetchStatus]);const L=()=>{x?.trackReimbursementPromoScheduleDemo(),P(!0)};return e.jsxs(ye,{children:[ee===!0?e.jsx($e,{onCancelClick:()=>{ie(!1)},videoUrl:Q,"data-testid":a("remi-promo-page-video-popup")}):null,re===!0?e.jsx(ae,{onCancelClick:()=>{P(!1)},meetingUrl:K,"data-testid":a("remi-promo-page-meeting-popup")}):null,e.jsx(me,{title:r.title,backgroundColor:se.colors.grey4,onBackClick:X,showBackButton:!w,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:Y,source:"ReimbursementPromoPage"}),e.jsxs(Se,{windowSize:l,children:[l==="small"?e.jsx(ze,{children:U}):e.jsx(ke,{children:U}),l==="small"?e.jsx(Te,{}):e.jsx(Ce,{}),e.jsx(ve,{children:w?e.jsx(e.Fragment,{children:A&&!oe?e.jsxs(e.Fragment,{children:[e.jsxs(B,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:r.scheduleDemoButton,onClick:L,"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(M,{windowSize:l,children:r.orText}),e.jsx(u,{variant:"primary",label:r.createNewReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:J,"data-testid":a("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(I,{children:[r.terms.createTerms1,e.jsx(m,{href:r.terms.tosUrl,linkText:r.terms.zeniAgreement,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),r.terms.terms2,e.jsx(m,{href:r.terms.privacyPolicyUrl,linkText:r.terms.privacyPolicy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),r.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(B,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:r.scheduleDemoButton,onClick:L,style:{width:216},"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(M,{windowSize:l,children:r.orText}),e.jsx(u,{variant:"primary",label:r.setupReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:_,style:{width:216},"data-testid":a("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(I,{children:[r.terms.setupTerms1,e.jsx(m,{href:n.consentUrl,linkText:n.consent}),n.term2,e.jsx(m,{href:n.depositUrl,linkText:n.depositTerms}),n.term3,e.jsx(m,{href:n.privacyPolicyUrl,linkText:n.privacy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(m,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),n.term5,r.terms.terms3]})]})})]})]})};export{qe as default};