@zeniai/web-cockpit-ui 1.14.93-qa → 1.14.94-dev

package/dist/assets/ReimbursementApprovalRuleDetailPage-BottOscg-CAHU3Hml.js

@@ -0,0 +1,24 @@
+import{y as O,c as R,d as G,q as M,F as U,a8 as W,aN as X,aG as H,cB as J,V as s,bz as K,ab as Q,aO as Y,o as f}from"./index-BoDHThmj.js";import{a as B}from"./sentry-CAa_RBiQ.js";import{n as b}from"./mui-DjUnBv6N.js";import{b as Z,f as ee,o as L,l as $}from"./FollowStepsSection-9Bp032CO-BrD2qQBR.js";import"./liveblocks-2fUZ-mzS.js";import"./core-DesIUmVX.js";import"./recharts-CFBD4y8X.js";import"./zeni-epic-state-BO46e_7F.js";import"./lottie-BC5QDLx3.js";import"./analytics-aL6KvWIc.js";import"./lexical-WHFPYU-_.js";import"./utils-MCudDogO.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]="a42d300a-cfcb-42ce-aa56-8d5c3c83d7d5",e._sentryDebugIdIdentifier="sentry-dbid-a42d300a-cfcb-42ce-aa56-8d5c3c83d7d5")}catch{}})();const T="reimbursementApprovalRuleDetailPage",k="lowerBound",C="upperBound",v="steps",ae={footerPadding:new O(R[2],R[3])};function Ie({localData:e,approvalUpdateActionType:t,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:r=!0,hideUpperBoundField:o=!1,onBackClick:p,onApprovalRuleDataUpdated:h,onResetClick:N,onSaveRuleClick:j,onSaveRuleSuccess:A}){const E=G(),I=M(),l=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,g=te(e,t==="approval_create"&&!a),x=W({mode:"all",reValidateMode:"onChange",defaultValues:g}),c=e.remiSetupApproverViewUpdateData?.updateStatus,w=X(c?.fetchState),{upperBound:P}=g,{allApprovalRules:n,allAccountingClasses:F,remiSetupApproverViewUpdateData:u}=e;let m=n.length>1?n.length-1:0,y=n.length>0?n[m].criteria[0].range.min.amount:0;if(u!=null&&u.type==="approval_update"&&u.data!=null){const{approvalRuleId:i}=u.data;m=n.findIndex(d=>d.approvalRuleId===i),y=m>0?n[m-1].criteria[0].range.min.amount:0}const V=x.handleSubmit(()=>{j()}),q=async(i,d)=>{h(d)};return B.useEffect(()=>{const i=x.watch((d,{name:D})=>{if(D!=null&&d!=null){const z=H(d);J(()=>q(D,z))}});return()=>{i.unsubscribe()}}),B.useEffect(()=>{w==="In-Progress"&&c?.fetchState==="Completed"&&A()},[w,c?.fetchState,A]),s.jsxs(se,{children:[s.jsx(K,{title:t==="approval_create"?l.newApproval:l.editApproval,backgroundColor:E.colors.grey4,style:{zIndex:4},onBackClick:()=>{p()},source:"ReimbursementApprovalRuleDetailPage"}),s.jsx(ie,{children:s.jsx(Q,{...x,children:s.jsx("form",{id:_(T),onSubmit:V,children:s.jsxs(ne,{children:[s.jsx(Z,{label:{label:o?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:k,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:y,validate:i=>a?!0:i!=null&&i>y},isDisabled:a,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:C,placeholder:"Infinity",isDisabled:r,hideField:o,additionalInfoLabel:l.upperBoundInfoLabel}}),s.jsx(de,{}),s.jsx(ee,{sectionId:v,label:{label:l.followStepsLabel},approversPlaceholder:l.approversPlaceholder,notifiersPlaceholder:l.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:F,stepsInfo:g[v],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:_(T),primaryBtn:{label:l.saveBtnText,isLoading:c?.fetchState==="In-Progress",isDisabled:c?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:N},containerStyle:{justifyContent:I==="small"?"space-between":"center"},style:{padding:ae.footerPadding.valuePx(I)},separatorStyle:{marginRight:f.sp4}})]})}const te=(e,t)=>{const{criteria:a,steps:r}=e.remiSetupApproverViewUpdateData?.data??{};return{[v]:le(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),L(e.allAttributes),L(e.filteredAttributes),r??[])??[],[k]:t?void 0:a!=null?a.range.min.amount??0:0,[C]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},le=(e,t,a,r,o)=>o&&o.length>0?o.map((p,h)=>({stepIndex:h,stepType:{selectedOption:p.action,allOptions:$},actors:{allUsers:t,selectedUsers:re(e,p.actors),allNonUsers:r,selectedNonUsers:oe(a,p.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:$},actors:{allUsers:t,selectedUsers:[],allNonUsers:r,selectedNonUsers:[]}}],re=(e,t)=>e.filter(a=>a.userId!=null&&t.findIndex(r=>r.userId===a.userId)>-1),oe=(e,t)=>e.filter(a=>t.findIndex(r=>r.subType===a.value)>-1),_=e=>`${e}_form`,Se=e=>`${e}`,se=b.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ie=b.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+`,ne=b.div`
+  display: flex;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${f.sp0} 2px ${f.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${f.sp2};
+`,de=b.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`;export{ae as D,Ie as default,_ as uniqueFormName,Se as uniqueName};

package/dist/assets/ReimbursementApprovalRulesPage-B46nrYDg-DD0XiWBs.js

@@ -0,0 +1,237 @@
+import{d as N,q as L,F as v,V as o,bz as E,m as H,aM as S,o as t,y as r,ak as B,aK as z,cm as V,cn as _,co as G,cY as U,c as l,b7 as q,a as P,b6 as F,p as j,cV as J,br as Y,b as K}from"./index-BoDHThmj.js";import{n as i}from"./mui-DjUnBv6N.js";import{a as O}from"./sentry-CAa_RBiQ.js";import"./liveblocks-2fUZ-mzS.js";import"./core-DesIUmVX.js";import"./recharts-CFBD4y8X.js";import"./zeni-epic-state-BO46e_7F.js";import"./lottie-BC5QDLx3.js";import"./analytics-aL6KvWIc.js";import"./lexical-WHFPYU-_.js";import"./utils-MCudDogO.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]="c6ff3c1d-3c97-4245-b171-b5e51d69e4bc",e._sentryDebugIdIdentifier="sentry-dbid-c6ff3c1d-3c97-4245-b171-b5e51d69e4bc")}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)},D={stepper:new P("smallRegular","standardRegular"),amount:new P("standardRegular","largeRegular")},Q=({showDeleteBtn:e=!1,isLastSection:m=!1,approvalRule:w,onEditRuleClick:b,onDeleteRuleClick:y})=>{const[$,d]=O.useState(!1),a=L(),{range:c}=w.criteria[0],{steps:x,approvalRuleId:u}=w,n=v.getLocalizedStrings().commonSetUp.approval,f=()=>{d(!0)},W={onOkClick:()=>{d(!1),y?.(u)},onCancelClick:()=>{d(!1)}};return o.jsxs(X,{windowSize:a,isLastSection:m,"data-testid":S("approval-rule-section",u),children:[o.jsxs(Z,{windowSize:a,children:[o.jsxs(ne,{children:[o.jsxs(R,{windowSize:a,children:[n.from," ",z("0,0",c.min)]}),o.jsxs(ee,{children:[o.jsx(k,{}),o.jsx(oe,{}),o.jsx(k,{})]}),c.max==null?o.jsx(ce,{}):o.jsx(R,{windowSize:a,children:z("0,0",{...c.min,amount:c.max.amount})})]}),o.jsxs(ae,{className:"icons",children:[e?o.jsx(pe,{onClick:f}):null,o.jsx(de,{onClick:()=>{b(u)},"data-testid":S("edit-approval-rule",u)})]})]}),o.jsx(te,{windowSize:a,children:o.jsx(ie,{isSingleStep:x.length===1,windowSize:a,children:x.map((h,A)=>o.jsxs(re,{isSingleStep:x.length===1,className:"stepperItem",windowSize:a,children:[h.action==="require_approval"?o.jsx(le,{children:n.requireText}):o.jsx(se,{children:n.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,M)=>o.jsxs(C,{children:[o.jsx(T,{children:p.subType!=null?n.nonUsers[p.subType].label:null}),h.operator!="is"?o.jsx(I,{className:"operator",children:h.operator}):null]},`${p.subType}_${M}`)),h.actors.map(p=>o.jsxs(C,{children:[o.jsxs(T,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?o.jsx(I,{className:"operator",children:h.operator}):null]},p.userId))]},A))})}),$?o.jsx(V,{titleComponent:o.jsx(G,{children:n.deleteApprovalRuleTitle}),descriptionComponent:o.jsx(_,{children:n.deleteApprovalRuleDesc}),primaryButtonText:n.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:n.cancelBtnText,action:W}):null]})},X=i.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=i(q)`
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: space-between;
+  text-align: center;
+  width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
+  gap: ${t.sp2};
+`,ee=i.div`
+  align-items: center;
+  display: flex;
+  justify-content: center;
+`,oe=i.div`
+  width: ${t.sp8};
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+`,k=i.div`
+  width: 6px;
+  height: 6px;
+  border-radius: 3px;
+  background-color: ${e=>e.theme.colors.primary};
+`,te=i.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=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
+
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+  justify-content: center;
+  box-sizing: border-box;
+  position: relative;
+`,ie=i.ul`
+  ${e=>`${D.stepper.style(e.windowSize)}`};
+  position: relative;
+  padding-left: ${t.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};
+  }
+`,re=i.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: ${t.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: -${t.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=i.span`
+  color: ${j.alertDark};
+`,se=i.span`
+  color: ${j.successDark};
+`,T=i.span`
+  color: ${e=>e.theme.colors.primary};
+`,ne=i.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.sp2};
+`,ae=i.div`
+  display: flex;
+  gap: ${t.sp5};
+`,pe=i(J)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${j.important};
+  }
+`,de=i(Y)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ce=i(F)`
+  width: ${t.sp4};
+  height: ${t.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,I=i.span`
+  color: ${e=>e.theme.colors.hero};
+`,C=i.div`
+  display: inherit;
+  gap: inherit;
+`,R=i.span`
+  ${e=>`${D.amount.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,g={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])},Ce=({approvalView:e,onBackClick:m,onEditRuleClick:w,onDeleteRuleClick:b})=>{const y=N(),$=L(),{fetchState:d,deleteStatus:a}=e,c=v.getLocalizedStrings().commonSetUp.approval,x=v.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,u=a.fetchState;return o.jsxs(he,{children:[o.jsx(E,{title:c.approvalPageHeader,backgroundColor:y.colors.grey4,style:{zIndex:4},onBackClick:()=>{m()},source:"ReimbursementApprovalRulesPage"}),o.jsxs(me,{children:[o.jsx(ue,{windowSize:$,children:x.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||u==="In-Progress"?o.jsx(we,{children:o.jsx(H,{size:"ExtraLarge",start:!0})}):d==="Completed"?o.jsxs(o.Fragment,{children:[e.allApprovalRules.map((n,f)=>o.jsx(Q,{showDeleteBtn:f!==0,approvalRule:n,isLastSection:f===e.allApprovalRules.length-1,onEditRuleClick:w,onDeleteRuleClick:b},n.approvalRuleId)),o.jsxs(xe,{windowSize:$,onClick:()=>{w()},"data-testid":S("add-approval-rule"),children:[o.jsx(ge,{}),o.jsx($e,{children:c.addApprovalText})]})]}):null]})]})},he=i.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1}
+    ${e.theme.colors.dropShadowNormal}`};
+`,me=i.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,we=i.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ue=i(B)`
+  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)};
+`,xe=i(B)`
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: ${t.sp3} ${t.sp4};
+  gap: ${e=>g.addApprovalGap.valuePx(e.windowSize)};
+
+  width: ${e=>g.width.valuePx(e.windowSize)};
+  height: ${t.sp8};
+
+  background: ${e=>e.theme.colors.grey5};
+
+  border: 1px solid ${e=>e.theme.colors.grey3};
+
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1}
+    ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.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: ${t.sp6};
+`,ge=i(U)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+`,$e=i.div`
+  color: ${e=>e.theme.colors.hero};
+`;export{Ce as default};

package/dist/assets/{ReimbursementDetailPage-DnXsG55s-Dtagyh2_.js → ReimbursementDetailPage-DvSn2LUG-B9MjjUuK.js}

@@ -1,4 +1,4 @@
-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,bz as Re,aM as y,bm as Ot,dr as Wt,gg as Et,gr as Pe,o as a,gh as Be,fd as b,gk as w,fg as x,aK 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-B5d0r7Yf.js";import{a as p}from"./sentry-DzQhN3No.js";import{n as r}from"./mui-CKwEUYbh.js";import{a as ai}from"./liveblocks-4VX4OJFQ.js";import{bL as ri,bP as oi,FB as ni}from"./zeni-epic-state-CYBJ9Ksh.js";import li from"./InvoiceUploadSection-BvaKEakI-By_ZVvOJ.js";import{r as si,h as f,u as di}from"./types-DyvtCprH-NFPm5TaG.js";import"./core-DcqdNo0H.js";import"./lottie-C2a9Y5yd.js";import"./analytics-B5pDs204.js";import"./recharts-BlDkob1i.js";import"./lexical-zpRxoSKS.js";import"./utils-CKnuWyyl.js";import"./AttachmentView-BijZrB02-D9PbSyO-.js";import"./uploadReceipts-CPw64UYa-Bg2U2LcG.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]="6e2928b0-cf5e-4edf-9023-1c60324c3c83",e._sentryDebugIdIdentifier="sentry-dbid-6e2928b0-cf5e-4edf-9023-1c60324c3c83")}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:x({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(w,{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:x({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(w,{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:x({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(w,{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:x({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(w,{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:x({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(w,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({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(w,{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:x({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(w,{label:{label:i.merchant,width:A},text:l.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({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(w,{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:x({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(w,{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:x({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(w,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({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(w,{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:x({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(w,{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`
+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,bz as Re,aM as y,bm as Ot,dr as Wt,gg as Et,gr as Pe,o as a,gh as Be,fd as b,gk as w,fg as x,aK 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-BoDHThmj.js";import{a as p}from"./sentry-CAa_RBiQ.js";import{n as r}from"./mui-DjUnBv6N.js";import{a as ai}from"./liveblocks-2fUZ-mzS.js";import{bL as ri,bP as oi,FB as ni}from"./zeni-epic-state-BO46e_7F.js";import li from"./InvoiceUploadSection-QGU5U32X-Bt28YEXu.js";import{r as si,h as f,u as di}from"./types-DyvtCprH-NFPm5TaG.js";import"./core-DesIUmVX.js";import"./lottie-BC5QDLx3.js";import"./analytics-aL6KvWIc.js";import"./recharts-CFBD4y8X.js";import"./lexical-WHFPYU-_.js";import"./utils-MCudDogO.js";import"./AttachmentView-QyMOK54a-_Wag7_iK.js";import"./uploadReceipts-CPw64UYa-UaFIqgAV.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]="7cf4a66c-81c3-45bf-bd33-e817fd549a7f",e._sentryDebugIdIdentifier="sentry-dbid-7cf4a66c-81c3-45bf-bd33-e817fd549a7f")}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:x({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(w,{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:x({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(w,{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:x({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(w,{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:x({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(w,{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:x({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(w,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({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(w,{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:x({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(w,{label:{label:i.merchant,width:A},text:l.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({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(w,{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:x({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(w,{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:x({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(w,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({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(w,{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:x({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(w,{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)};

package/dist/assets/{ReimbursementPromoPage-Di39wgvD-BxNUKJJW.js → ReimbursementPromoPage-DRItpn0n-DjtSA1Xj.js}

@@ -1,4 +1,4 @@
-import{av as ne,d as S,q as k,aN as le,V as e,aM as a,fo as ae,bz as de,n as u,ad as d,F,o as s,ap as ce,D as me,aQ as N,al as pe,y as xe,p as z,cA as he,aR as ue,b8 as ge,c as we}from"./index-B5d0r7Yf.js";import{a as j}from"./sentry-DzQhN3No.js";import{n as r}from"./mui-CKwEUYbh.js";import{FA as je,bT as be}from"./zeni-epic-state-CYBJ9Ksh.js";import{f as fe}from"./VideoPopup-CfYmxIk4-CtU-zes6.js";import{M as v}from"./usp-line-BBd1wKwW-k25tt47-.js";import"./liveblocks-4VX4OJFQ.js";import"./core-DcqdNo0H.js";import"./recharts-BlDkob1i.js";import"./lottie-C2a9Y5yd.js";import"./analytics-B5pDs204.js";import"./lexical-zpRxoSKS.js";import"./utils-CKnuWyyl.js";import"./VideoPlayer-CN28Ho6V-C9X8iWgG.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new i.Error().stack;o&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[o]="164d5ecb-faca-44c2-9e36-847e6b3fe3ec",i._sentryDebugIdIdentifier="sentry-dbid-164d5ecb-faca-44c2-9e36-847e6b3fe3ec")}catch{}})();const Z="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",E="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",ye={midContainerMarginBottom:new xe(we[5],44)},$e=r.div`
+import{av as ne,d as S,q as k,aN as le,V as e,aM as a,fo as ae,bz as de,n as u,ad as d,F,o as s,ap as ce,D as me,aQ as N,al as pe,y as xe,p as z,cA as he,aR as ue,b8 as ge,c as we}from"./index-BoDHThmj.js";import{a as j}from"./sentry-CAa_RBiQ.js";import{n as r}from"./mui-DjUnBv6N.js";import{FA as je,bT as be}from"./zeni-epic-state-BO46e_7F.js";import{f as fe}from"./VideoPopup-aA7dkXbZ-BQm8xqng.js";import{M as v}from"./usp-line-BBd1wKwW-DAbeFX6P.js";import"./liveblocks-2fUZ-mzS.js";import"./core-DesIUmVX.js";import"./recharts-CFBD4y8X.js";import"./lottie-BC5QDLx3.js";import"./analytics-aL6KvWIc.js";import"./lexical-WHFPYU-_.js";import"./utils-MCudDogO.js";import"./VideoPlayer-C8VeeJIx-Bo3SMitQ.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new i.Error().stack;o&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[o]="55e50090-f5d3-4722-96d6-b7ec1d8bcd65",i._sentryDebugIdIdentifier="sentry-dbid-55e50090-f5d3-4722-96d6-b7ec1d8bcd65")}catch{}})();const Z="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",E="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",ye={midContainerMarginBottom:new xe(we[5],44)},$e=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;

package/dist/assets/{ReimbursementSetUpPage-CT5bs4wM-ByTF7QY9.js → ReimbursementSetUpPage-CRnE1XYI-C2_UvSyd.js}

@@ -1,4 +1,4 @@
-import{d as Ee,q as Ie,aN as N,a8 as qe,cB as Ge,F as Te,aS as Ce,V as t,f6 as Je,p as J,y as s,bz as Ze,m as Ye,ab as Ke,fp as ve,dM as Xe,fq as Qe,bu as et,dC as tt,aO as it,o as a,fs as nt,c as n,cf as ot,cO as at,cW as lt,fB as ke,fC as $e,gb as st,n as rt,aM as Pe,a as Ae,bJ as dt,ag as ct,br as ut}from"./index-B5d0r7Yf.js";import{a as o}from"./sentry-DzQhN3No.js";import{n as i}from"./mui-CKwEUYbh.js";import{bJ as mt}from"./zeni-epic-state-CYBJ9Ksh.js";import{g as pt}from"./UploadAdditionalDocumentOverlay-jNiTn6qG-CyN0ip8w.js";import"./liveblocks-4VX4OJFQ.js";import"./core-DcqdNo0H.js";import"./recharts-BlDkob1i.js";import"./lottie-C2a9Y5yd.js";import"./analytics-B5pDs204.js";import"./lexical-zpRxoSKS.js";import"./utils-CKnuWyyl.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},p=new e.Error().stack;p&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[p]="ebd5355a-64d4-4c2d-b688-42288dff51aa",e._sentryDebugIdIdentifier="sentry-dbid-ebd5355a-64d4-4c2d-b688-42288dff51aa")}catch{}})();const gt=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M12.7113 3H2.89261C2.39963 3 2 3.39963 2 3.89261V20.8522C2 21.3451 2.39963 21.7448 2.89261 21.7448H12.7113C13.2043 21.7448 13.6039 21.3451 13.6039 20.8522V3.89261C13.6039 3.39963 13.2043 3 12.7113 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M10.4798 13.7113H9.58719C9.3407 13.7113 9.14088 13.9111 9.14088 14.1576V16.8354C9.14088 17.0819 9.3407 17.2817 9.58719 17.2817H10.4798C10.7263 17.2817 10.9261 17.0819 10.9261 16.8354V14.1576C10.9261 13.9111 10.7263 13.7113 10.4798 13.7113Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M21.6374 16.1133C21.6374 16.1961 21.6143 16.2773 21.5708 16.3477C21.5273 16.4182 21.4651 16.4752 21.391 16.5123L19.8522 17.2817V14.6039H21.1911C21.3095 14.6039 21.423 14.6509 21.5067 14.7346C21.5904 14.8183 21.6374 14.9318 21.6374 15.0502V16.1133Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.8522 14.6039V13.265C19.8522 12.5268 22.53 10.1409 22.53 10.1409",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.8522 17.2817V19.9596C19.8522 20.433 19.6641 20.8871 19.3293 21.2219C18.9945 21.5567 18.5404 21.7448 18.067 21.7448C17.5935 21.7448 17.1394 21.5567 16.8046 21.2219C16.4698 20.8871 16.2817 20.433 16.2817 19.9596V7.90935C16.2817 7.55424 16.1407 7.21369 15.8896 6.96259C15.6385 6.7115 15.2979 6.57043 14.9428 6.57043H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M2 10.1409H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M11.3724 4.78528H4.23154C3.98505 4.78528 3.78523 4.9851 3.78523 5.23158V7.90941C3.78523 8.15589 3.98505 8.35571 4.23154 8.35571H11.3724C11.6189 8.35571 11.8187 8.15589 11.8187 7.90941V5.23158C11.8187 4.9851 11.6189 4.78528 11.3724 4.78528Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9.14088 19.0669H10.9261",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),h={sectionWidth:new s(343,580,726),iconContainerMaxWidthHeight:new s(n[6],n[7]),iconContainerMarginRight:new s(12,n[3]),infoLabelPaddingLeft:new s(n[0],n[3]),iconPadding:new s(10,12),iconWidthHeight:new s(20,n[4]),rowGap:new s(n[2],n[3]),containerPadding:new s(n[3],n[4])},ge={title:new Ae("standardSemiBold","largeSemiBold"),infoLabel:new Ae("extraSmallRegular","smallRegular")};function ft({companyMileageConfigInfo:e,mileageDetails:p,analytics:$,style:j,sectionId:P,isActive:c=!0,isDisabled:r,onSaveMileageClick:Z}){const l=Ie(),D=Ee(),{formState:{errors:Y},trigger:K}=at(),E=ht(P,"mileageAmountInDenomination"),x=lt(Y,E),{localData:d,updateStatus:F,mileageStatus:w}=p,U=e?.denominationConversions.amount==null||e.denominationConversions.amount!==d?.mileageAmountInDenomination,{commonSetUp:X,spendManagement:Q}=Te.getLocalizedStrings(),{reimbursement:ee}=Q,[S,I]=o.useState(U),[te,W]=o.useState(!1);o.useEffect(()=>{x||K(E)},[]),o.useEffect(()=>{e?.denominationConversions.amount!=null&&e.denominationConversions.amount===d?.mileageAmountInDenomination&&I(!1)},[e?.denominationConversions.amount]),o.useEffect(()=>{S||W(S)},[S]);const{reimbursementSetup:y}=ee,{setUp:ie}=X,ne=S===!1||F.fetchState==="In-Progress"?"readonly":r,oe=d&&d?.denominationSymbol?`${d?.denominationSymbol} `:"",ae=d&&d?.mileageUnit?d?.mileageUnit:"";return t.jsxs(xt,{windowSize:l,style:j,isActive:c&&r==null,children:[t.jsxs(Pt,{windowSize:l,children:[y.mileageHeader,c===!1?t.jsx(Dt,{children:ie.comingSoon}):null]}),t.jsxs(kt,{windowSize:l,children:[t.jsx(vt,{windowSize:l,isDarkMode:D.mode==="dark",children:t.jsx(gt,{width:h.iconWidthHeight.valuePx(l),height:h.iconWidthHeight.valuePx(l)})}),t.jsxs(yt,{children:[t.jsxs($t,{children:[t.jsxs(At,{children:[t.jsxs(jt,{children:[t.jsx(wt,{windowSize:l,children:e?.denominationConversions.amount==null?y.mileageAddTitle:y.mileageEditTitle}),t.jsx(St,{children:y.mileageSubTitle})]}),w!=null&&e?.denominationConversions.amount!=null&&l==="small"?t.jsx(ke,{style:{width:"max-content",padding:a.sp0,marginTop:a.sp2},tagTitle:w.name,textColor:$e(w.code)}):null]}),t.jsxs(bt,{children:[w!=null&&e?.denominationConversions.amount!=null&&l!=="small"?t.jsx(ke,{style:{width:"max-content"},tagTitle:w.name,textColor:$e(w.code)}):null,t.jsx(Ct,{})]})]}),t.jsxs(Et,{children:[t.jsxs(It,{children:[t.jsx(st,{style:{height:a.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:a.sp10,backgroundColor:x?void 0:D.colors.background,color:S||x?void 0:D.colors.grey1},isFieldError:x,type:"number",autoFocus:!1,focus:te,name:E,defaultValue:d?.mileageAmountInDenomination,returnValueType:"floatValue",allowEmptyFormatting:!0,prefix:oe,suffix:`  ${y.perText} ${ae}`,decimalScale:1,allowNegative:!1,isNumericString:!1,registerOptions:{min:1,validate:T=>T!=null||r!=null,required:r==null},isDisabled:ne}),t.jsx(Vt,{children:S?t.jsx(rt,{label:y.save,"data-testid":Pe("save-mileage"),onClick:()=>{d?.mileageAmountInDenomination!=null&&U&&!x&&Z?.(d.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:r!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:F.fetchState==="In-Progress"}):t.jsx(Lt,{isDisabled:r,"data-testid":Pe("edit-mileage"),onClick:T=>{T.stopPropagation(),I(!0),W(!0),$.trackReimbursementMileageRateEdit()}})})]}),d?.description!=null?t.jsx(Tt,{size:l,hasError:x,children:x&&e?.defaultMileageUnitAmount!=null?y.yourMileage.replace("__defaultMileageUnitAmount__",(e.defaultMileageUnitAmount*100).toString()):d.description}):null]})]})]})]})}const ht=(e,p)=>`${e}.${p}`,xt=i.div`
+import{d as Ee,q as Ie,aN as N,a8 as qe,cB as Ge,F as Te,aS as Ce,V as t,f6 as Je,p as J,y as s,bz as Ze,m as Ye,ab as Ke,fp as ve,dM as Xe,fq as Qe,bu as et,dC as tt,aO as it,o as a,fs as nt,c as n,cf as ot,cO as at,cW as lt,fB as ke,fC as $e,gb as st,n as rt,aM as Pe,a as Ae,bJ as dt,ag as ct,br as ut}from"./index-BoDHThmj.js";import{a as o}from"./sentry-CAa_RBiQ.js";import{n as i}from"./mui-DjUnBv6N.js";import{bJ as mt}from"./zeni-epic-state-BO46e_7F.js";import{g as pt}from"./UploadAdditionalDocumentOverlay-C2kqDNTp-CLCo9ZjN.js";import"./liveblocks-2fUZ-mzS.js";import"./core-DesIUmVX.js";import"./recharts-CFBD4y8X.js";import"./lottie-BC5QDLx3.js";import"./analytics-aL6KvWIc.js";import"./lexical-WHFPYU-_.js";import"./utils-MCudDogO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},p=new e.Error().stack;p&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[p]="39009426-4731-46e9-90a3-0af9ef891d3f",e._sentryDebugIdIdentifier="sentry-dbid-39009426-4731-46e9-90a3-0af9ef891d3f")}catch{}})();const gt=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M12.7113 3H2.89261C2.39963 3 2 3.39963 2 3.89261V20.8522C2 21.3451 2.39963 21.7448 2.89261 21.7448H12.7113C13.2043 21.7448 13.6039 21.3451 13.6039 20.8522V3.89261C13.6039 3.39963 13.2043 3 12.7113 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M10.4798 13.7113H9.58719C9.3407 13.7113 9.14088 13.9111 9.14088 14.1576V16.8354C9.14088 17.0819 9.3407 17.2817 9.58719 17.2817H10.4798C10.7263 17.2817 10.9261 17.0819 10.9261 16.8354V14.1576C10.9261 13.9111 10.7263 13.7113 10.4798 13.7113Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M21.6374 16.1133C21.6374 16.1961 21.6143 16.2773 21.5708 16.3477C21.5273 16.4182 21.4651 16.4752 21.391 16.5123L19.8522 17.2817V14.6039H21.1911C21.3095 14.6039 21.423 14.6509 21.5067 14.7346C21.5904 14.8183 21.6374 14.9318 21.6374 15.0502V16.1133Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.8522 14.6039V13.265C19.8522 12.5268 22.53 10.1409 22.53 10.1409",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.8522 17.2817V19.9596C19.8522 20.433 19.6641 20.8871 19.3293 21.2219C18.9945 21.5567 18.5404 21.7448 18.067 21.7448C17.5935 21.7448 17.1394 21.5567 16.8046 21.2219C16.4698 20.8871 16.2817 20.433 16.2817 19.9596V7.90935C16.2817 7.55424 16.1407 7.21369 15.8896 6.96259C15.6385 6.7115 15.2979 6.57043 14.9428 6.57043H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M2 10.1409H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M11.3724 4.78528H4.23154C3.98505 4.78528 3.78523 4.9851 3.78523 5.23158V7.90941C3.78523 8.15589 3.98505 8.35571 4.23154 8.35571H11.3724C11.6189 8.35571 11.8187 8.15589 11.8187 7.90941V5.23158C11.8187 4.9851 11.6189 4.78528 11.3724 4.78528Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9.14088 19.0669H10.9261",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),h={sectionWidth:new s(343,580,726),iconContainerMaxWidthHeight:new s(n[6],n[7]),iconContainerMarginRight:new s(12,n[3]),infoLabelPaddingLeft:new s(n[0],n[3]),iconPadding:new s(10,12),iconWidthHeight:new s(20,n[4]),rowGap:new s(n[2],n[3]),containerPadding:new s(n[3],n[4])},ge={title:new Ae("standardSemiBold","largeSemiBold"),infoLabel:new Ae("extraSmallRegular","smallRegular")};function ft({companyMileageConfigInfo:e,mileageDetails:p,analytics:$,style:j,sectionId:P,isActive:c=!0,isDisabled:r,onSaveMileageClick:Z}){const l=Ie(),D=Ee(),{formState:{errors:Y},trigger:K}=at(),E=ht(P,"mileageAmountInDenomination"),x=lt(Y,E),{localData:d,updateStatus:F,mileageStatus:b}=p,U=e?.denominationConversions.amount==null||e.denominationConversions.amount!==d?.mileageAmountInDenomination,{commonSetUp:X,spendManagement:Q}=Te.getLocalizedStrings(),{reimbursement:ee}=Q,[S,I]=o.useState(U),[te,W]=o.useState(!1);o.useEffect(()=>{x||K(E)},[]),o.useEffect(()=>{e?.denominationConversions.amount!=null&&e.denominationConversions.amount===d?.mileageAmountInDenomination&&I(!1)},[e?.denominationConversions.amount]),o.useEffect(()=>{S||W(S)},[S]);const{reimbursementSetup:y}=ee,{setUp:ie}=X,ne=S===!1||F.fetchState==="In-Progress"?"readonly":r,oe=d&&d?.denominationSymbol?`${d?.denominationSymbol} `:"",ae=d&&d?.mileageUnit?d?.mileageUnit:"";return t.jsxs(xt,{windowSize:l,style:j,isActive:c&&r==null,children:[t.jsxs(Pt,{windowSize:l,children:[y.mileageHeader,c===!1?t.jsx(Dt,{children:ie.comingSoon}):null]}),t.jsxs(kt,{windowSize:l,children:[t.jsx(vt,{windowSize:l,isDarkMode:D.mode==="dark",children:t.jsx(gt,{width:h.iconWidthHeight.valuePx(l),height:h.iconWidthHeight.valuePx(l)})}),t.jsxs(yt,{children:[t.jsxs($t,{children:[t.jsxs(At,{children:[t.jsxs(jt,{children:[t.jsx(bt,{windowSize:l,children:e?.denominationConversions.amount==null?y.mileageAddTitle:y.mileageEditTitle}),t.jsx(St,{children:y.mileageSubTitle})]}),b!=null&&e?.denominationConversions.amount!=null&&l==="small"?t.jsx(ke,{style:{width:"max-content",padding:a.sp0,marginTop:a.sp2},tagTitle:b.name,textColor:$e(b.code)}):null]}),t.jsxs(wt,{children:[b!=null&&e?.denominationConversions.amount!=null&&l!=="small"?t.jsx(ke,{style:{width:"max-content"},tagTitle:b.name,textColor:$e(b.code)}):null,t.jsx(Ct,{})]})]}),t.jsxs(Et,{children:[t.jsxs(It,{children:[t.jsx(st,{style:{height:a.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:a.sp10,backgroundColor:x?void 0:D.colors.background,color:S||x?void 0:D.colors.grey1},isFieldError:x,type:"number",autoFocus:!1,focus:te,name:E,defaultValue:d?.mileageAmountInDenomination,returnValueType:"floatValue",allowEmptyFormatting:!0,prefix:oe,suffix:`  ${y.perText} ${ae}`,decimalScale:1,allowNegative:!1,isNumericString:!1,registerOptions:{min:1,validate:T=>T!=null||r!=null,required:r==null},isDisabled:ne}),t.jsx(Vt,{children:S?t.jsx(rt,{label:y.save,"data-testid":Pe("save-mileage"),onClick:()=>{d?.mileageAmountInDenomination!=null&&U&&!x&&Z?.(d.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:r!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:F.fetchState==="In-Progress"}):t.jsx(Lt,{isDisabled:r,"data-testid":Pe("edit-mileage"),onClick:T=>{T.stopPropagation(),I(!0),W(!0),$.trackReimbursementMileageRateEdit()}})})]}),d?.description!=null?t.jsx(Tt,{size:l,hasError:x,children:x&&e?.defaultMileageUnitAmount!=null?y.yourMileage.replace("__defaultMileageUnitAmount__",(e.defaultMileageUnitAmount*100).toString()):d.description}):null]})]})]})]})}const ht=(e,p)=>`${e}.${p}`,xt=i.div`
   display: flex;
   flex-direction: column;
   pointer-events: ${e=>e.isLoading===!0||e.isActive===!1?"none":"initial"};
@@ -9,9 +9,9 @@ import{d as Ee,q as Ie,aN as N,a8 as qe,cB as Ge,F as Te,aS as Ce,V as t,f6 as J
   width: 100%;
   flex-direction: column;
   justify-content: flex-start;
-`,bt=i.div`
-  display: flex;
 `,wt=i.div`
+  display: flex;
+`,bt=i.div`
   ${e=>`${ge.title.style(e.windowSize)}`};
   color: ${e=>e.isError===!0?J.important:e.theme.colors.primary};
 `,St=i(ct)`
@@ -103,7 +103,7 @@ import{d as Ee,q as Ie,aN as N,a8 as qe,cB as Ge,F as Te,aS as Ce,V as t,f6 as J
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,g={titleWidth:new s(343,580,726,826),setupDetailsRowGap:new s(12,n[5],n[5]),sectionRowGap:new s(n[5],n[9],n[9]),lastSectionPaddingBottom:new s(n[7],n[10],n[10]),iconWidthHeight:new s(20,n[4]),subTitlePaddingTop:new s(12,n[3]),subTitlePaddingBottom:new s(n[3],n[3]),overlayWidth:new s(100,100,59)},je="remiSetupPage",q="remiAccount",G="remiMileage",Xt=({remiSetupView:e,isDisabled:p,remiApprovalView:$,connectedAccountProvider:j,isAccountsEnabled:P,filesEndPoint:c,authParams:r,meetingUrl:Z,analytics:l,accountsPromoConfig:D,onBackClick:Y,onBusinessVerificationSectionClick:K,onSetupApprovalRulesSectionClick:E,onFetchLinkTokenClick:x,onEstablishConnectionClick:d,onEstablishConnectionSuccess:F,updateMileageDetails:w,onUpdateAccountClick:U,onUpdatePrimaryFundingAccount:X,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:ee,onEnableRemiClick:S,onEnableRemiSuccess:I,onSaveMileageClick:te,onClickMenuIcon:W,onEditFileName:y,onDeleteFile:ie,updateFilesEntity:ne,onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae,onSignUpClick:T})=>{const H=Ee(),u=Ie(),[B,V]=o.useState(!1),{fetchState:v,primaryFundingAccount:C,allFundingAccounts:fe,updateStatus:L,accountUpdateStatus:Ve,plaidConnectionDetails:le,allBankAccounts:Le,companyRemiInfo:Me,companyBillPayInfo:he,mileageRateConfig:ze,isRefreshingViewInBackground:Re,selectedCompanyOfficer:f}=e,{fetchState:xe,allApprovalRules:O,approvalRulesStatus:Fe}=$,se=le.link_account.updateStatus,re=le.update_account.updateStatus,_=N(v),ye=N(L.fetchState),be=N(se.fetchState),we=N(re.fetchState),M=qe({mode:"all",reValidateMode:"onChange",defaultValues:o.useMemo(()=>pe(e),[e]),values:pe(e)});o.useEffect(()=>{!B&&f?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&f.areAdditionalDocumentsRequestedForVerification&&!f.areAdditionalDocumentsSubmittedForVerification&&f.userVerificationStatus?.code==="require_info"&&V(!0),B&&_==="In-Progress"&&v==="Completed"&&V(!1)},[f,v,_]),o.useEffect(()=>{(_==="In-Progress"&&v==="Completed"||be==="In-Progress"&&se.fetchState==="Completed"||we==="In-Progress"&&re.fetchState==="Completed")&&M.reset(pe(e))},[_,v,M,e,be,se.fetchState,we,re.fetchState]);const Ue=M.handleSubmit(A=>{l.trackEnableReimbursement(),S()}),We=async(A,R)=>{const m=R[q];if(A.includes(q)){if(A.includes("fundingAccount")){if(m.fundingAccount.selectedOption!=null&&C?.id!=m.fundingAccount.selectedOption){const b=fe.find(me=>me.id===m.fundingAccount.selectedOption);b!=null&&X(m.fundingAccount.selectedOption,b.accType)}}else if(m.account.selectedOption!=null&&C?.id!=null&&C?.zeniAccountId!=m.account.selectedOption){const b=m.account.allOptions.find(me=>me.value===m.account.selectedOption);b!=null&&typeof b.label=="string"&&l.trackConnectBankLink(b.value,b.label,"reimbursement"),U(m.account.selectedOption,C.id,C.accType)}}else if(A.includes(G)){const b=R[G];w(b)}};o.useEffect(()=>{const A=M.watch((R,{name:m})=>{m!=null&&R!=null&&Ge(()=>We(m,R))});return()=>{A.unsubscribe()}}),o.useEffect(()=>{ye==="In-Progress"&&L.fetchState==="Completed"&&I()},[I,ye,L.fetchState]);const{commonSetUp:Se,spendManagement:He}=Te.getLocalizedStrings(),{reimbursement:Be}=He,{reimbursementSetup:z}=Be,{setUp:k}=Se,de=he?.isBusinessVerified===!0&&(C?.accType==="depositAccount"||mt(C?.providerVerificationStatus?.code??""))&&ze?.denominationConversions.amount!=null,ce=Me?.isReimbursementEnabled===!0,Oe=de?Se.setUp.setupVerifiedSubTitle:z.setupSubTitle,_e=v==="In-Progress"||v==="Not-Started"||xe==="In-Progress"||xe==="Not-Started",ue=H.mode==="light"?new Ce(H.colors.brandColorJadeLight):new Ce(H.colors.brandColorJadeDark),Ne=()=>{!B&&f?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&f.areAdditionalDocumentsRequestedForVerification&&!f.areAdditionalDocumentsSubmittedForVerification&&f.userVerificationStatus?.code==="require_info"?V(!0):K?.()};return t.jsxs(Mt,{children:[t.jsx(Je,{anchor:"right",PaperProps:{style:{width:g.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:B,onClose:()=>V(!1),style:{backgroundColor:J.drawerBackground},transitionDuration:250,children:t.jsx(pt,{authParams:r,filesEndPoint:c,updateStatus:L,onEditFileName:y,onDeleteFile:ie,updateFilesEntity:ne,companyOfficer:f,onClose:()=>V(!1),onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae})}),t.jsx(Ze,{title:z.setupTitle,backgroundColor:H.colors.grey4,style:{zIndex:3},onBackClick:Y,showMenuIcon:!ce&&(u==="medium-compact"||u==="small"),onClickMenuIcon:W,source:"ReimbursementSetUpPage"}),t.jsxs(Rt,{windowSize:u,children:[t.jsx(zt,{windowSize:u,children:Oe}),_e?t.jsx(Ft,{children:t.jsx(Ye,{size:"ExtraLarge",start:!0})}):t.jsx(Ke,{...M,children:t.jsx("form",{id:De(je),onSubmit:Ue,children:t.jsxs(Ut,{windowSize:u,children:[t.jsx(ve,{onClick:Ne,title:k.businessVerificationTitle,subTitle:k.businessVerificationSubTitle,header:k.businessVerificationHeader,icon:{element:t.jsx(Xe,{width:g.iconWidthHeight.valuePx(u),height:g.iconWidthHeight.valuePx(u)}),color:ue},status:he?.businessVerificationStatus,isTagLoading:Re}),t.jsx(Qe,{connectedAccountProvider:j,primaryFundingAccount:C,plaidConnectionDetails:le,allBankAccounts:Le,allFundingAccounts:fe,sectionId:q,isDisabled:p,onFetchLinkTokenClick:x,onEstablishConnectionClick:d,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:ee,onEstablishConnectionSuccess:F,icon:{element:t.jsx(et,{width:g.iconWidthHeight.valuePx(u)}),color:ue},analytics:l,productType:"reimbursement",isAccountsEnabled:P,onSignUpClick:T,pageName:"Reimbursement Setup",accountsPromoConfig:D}),t.jsx(ft,{mileageDetails:e.mileageDetails,companyMileageConfigInfo:e.mileageRateConfig,sectionId:G,onSaveMileageClick:te,analytics:l}),t.jsx(ve,{title:O.length>0?k.approvalTitle:k.createApprovalTitle,subTitle:z.approvalSubTitle,header:O.length>0?k.approvalHeader:k.setupApprovalHeader,icon:{element:t.jsx(tt,{height:g.iconWidthHeight.valuePx(u)}),color:ue},style:{paddingBottom:g.lastSectionPaddingBottom.valuePx(u)},onClick:E,status:O.length>0?Fe:void 0})]})})})]}),de&&!ce&&O.length>0?t.jsx(it,{formId:De(je),primaryBtn:{label:z.enableReimbursements,style:{width:"auto",minWidth:u==="small"?"auto":"181px"},isLoading:L.fetchState==="In-Progress"||Ve.fetchState==="In-Progress",isDisabled:p!=null},showCancel:!1,helperText:z.terms,cancelBtn:{label:""},style:{padding:`12px ${a.sp3}`}}):null,t.jsx(nt,{isFooterRendered:de&&!ce,meetingUrl:Z,analytics:l,productType:"reimbursement"})]})},Mt=i.div`
+`,g={titleWidth:new s(343,580,726,826),setupDetailsRowGap:new s(12,n[5],n[5]),sectionRowGap:new s(n[5],n[9],n[9]),lastSectionPaddingBottom:new s(n[7],n[10],n[10]),iconWidthHeight:new s(20,n[4]),subTitlePaddingTop:new s(12,n[3]),subTitlePaddingBottom:new s(n[3],n[3]),overlayWidth:new s(100,100,59)},je="remiSetupPage",q="remiAccount",G="remiMileage",Xt=({remiSetupView:e,isDisabled:p,remiApprovalView:$,connectedAccountProvider:j,isAccountsEnabled:P,filesEndPoint:c,authParams:r,meetingUrl:Z,analytics:l,accountsPromoConfig:D,onBackClick:Y,onBusinessVerificationSectionClick:K,onSetupApprovalRulesSectionClick:E,onFetchLinkTokenClick:x,onEstablishConnectionClick:d,onEstablishConnectionSuccess:F,updateMileageDetails:b,onUpdateAccountClick:U,onUpdatePrimaryFundingAccount:X,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:ee,onEnableRemiClick:S,onEnableRemiSuccess:I,onSaveMileageClick:te,onClickMenuIcon:W,onEditFileName:y,onDeleteFile:ie,updateFilesEntity:ne,onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae,onSignUpClick:T})=>{const H=Ee(),u=Ie(),[B,V]=o.useState(!1),{fetchState:v,primaryFundingAccount:C,allFundingAccounts:fe,updateStatus:L,accountUpdateStatus:Ve,plaidConnectionDetails:le,allBankAccounts:Le,companyRemiInfo:Me,companyBillPayInfo:he,mileageRateConfig:ze,isRefreshingViewInBackground:Re,selectedCompanyOfficer:f}=e,{fetchState:xe,allApprovalRules:O,approvalRulesStatus:Fe}=$,se=le.link_account.updateStatus,re=le.update_account.updateStatus,_=N(v),ye=N(L.fetchState),we=N(se.fetchState),be=N(re.fetchState),M=qe({mode:"all",reValidateMode:"onChange",defaultValues:o.useMemo(()=>pe(e),[e]),values:pe(e)});o.useEffect(()=>{!B&&f?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&f.areAdditionalDocumentsRequestedForVerification&&!f.areAdditionalDocumentsSubmittedForVerification&&f.userVerificationStatus?.code==="require_info"&&V(!0),B&&_==="In-Progress"&&v==="Completed"&&V(!1)},[f,v,_]),o.useEffect(()=>{(_==="In-Progress"&&v==="Completed"||we==="In-Progress"&&se.fetchState==="Completed"||be==="In-Progress"&&re.fetchState==="Completed")&&M.reset(pe(e))},[_,v,M,e,we,se.fetchState,be,re.fetchState]);const Ue=M.handleSubmit(A=>{l.trackEnableReimbursement(),S()}),We=async(A,R)=>{const m=R[q];if(A.includes(q)){if(A.includes("fundingAccount")){if(m.fundingAccount.selectedOption!=null&&C?.id!=m.fundingAccount.selectedOption){const w=fe.find(me=>me.id===m.fundingAccount.selectedOption);w!=null&&X(m.fundingAccount.selectedOption,w.accType)}}else if(m.account.selectedOption!=null&&C?.id!=null&&C?.zeniAccountId!=m.account.selectedOption){const w=m.account.allOptions.find(me=>me.value===m.account.selectedOption);w!=null&&typeof w.label=="string"&&l.trackConnectBankLink(w.value,w.label,"reimbursement"),U(m.account.selectedOption,C.id,C.accType)}}else if(A.includes(G)){const w=R[G];b(w)}};o.useEffect(()=>{const A=M.watch((R,{name:m})=>{m!=null&&R!=null&&Ge(()=>We(m,R))});return()=>{A.unsubscribe()}}),o.useEffect(()=>{ye==="In-Progress"&&L.fetchState==="Completed"&&I()},[I,ye,L.fetchState]);const{commonSetUp:Se,spendManagement:He}=Te.getLocalizedStrings(),{reimbursement:Be}=He,{reimbursementSetup:z}=Be,{setUp:k}=Se,de=he?.isBusinessVerified===!0&&(C?.accType==="depositAccount"||mt(C?.providerVerificationStatus?.code??""))&&ze?.denominationConversions.amount!=null,ce=Me?.isReimbursementEnabled===!0,Oe=de?Se.setUp.setupVerifiedSubTitle:z.setupSubTitle,_e=v==="In-Progress"||v==="Not-Started"||xe==="In-Progress"||xe==="Not-Started",ue=H.mode==="light"?new Ce(H.colors.brandColorJadeLight):new Ce(H.colors.brandColorJadeDark),Ne=()=>{!B&&f?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&f.areAdditionalDocumentsRequestedForVerification&&!f.areAdditionalDocumentsSubmittedForVerification&&f.userVerificationStatus?.code==="require_info"?V(!0):K?.()};return t.jsxs(Mt,{children:[t.jsx(Je,{anchor:"right",PaperProps:{style:{width:g.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:B,onClose:()=>V(!1),style:{backgroundColor:J.drawerBackground},transitionDuration:250,children:t.jsx(pt,{authParams:r,filesEndPoint:c,updateStatus:L,onEditFileName:y,onDeleteFile:ie,updateFilesEntity:ne,companyOfficer:f,onClose:()=>V(!1),onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae})}),t.jsx(Ze,{title:z.setupTitle,backgroundColor:H.colors.grey4,style:{zIndex:3},onBackClick:Y,showMenuIcon:!ce&&(u==="medium-compact"||u==="small"),onClickMenuIcon:W,source:"ReimbursementSetUpPage"}),t.jsxs(Rt,{windowSize:u,children:[t.jsx(zt,{windowSize:u,children:Oe}),_e?t.jsx(Ft,{children:t.jsx(Ye,{size:"ExtraLarge",start:!0})}):t.jsx(Ke,{...M,children:t.jsx("form",{id:De(je),onSubmit:Ue,children:t.jsxs(Ut,{windowSize:u,children:[t.jsx(ve,{onClick:Ne,title:k.businessVerificationTitle,subTitle:k.businessVerificationSubTitle,header:k.businessVerificationHeader,icon:{element:t.jsx(Xe,{width:g.iconWidthHeight.valuePx(u),height:g.iconWidthHeight.valuePx(u)}),color:ue},status:he?.businessVerificationStatus,isTagLoading:Re}),t.jsx(Qe,{connectedAccountProvider:j,primaryFundingAccount:C,plaidConnectionDetails:le,allBankAccounts:Le,allFundingAccounts:fe,sectionId:q,isDisabled:p,onFetchLinkTokenClick:x,onEstablishConnectionClick:d,onUpdatePaymentAccountStatus:Q,onUpdatePaymentAccountLoginStatus:ee,onEstablishConnectionSuccess:F,icon:{element:t.jsx(et,{width:g.iconWidthHeight.valuePx(u)}),color:ue},analytics:l,productType:"reimbursement",isAccountsEnabled:P,onSignUpClick:T,pageName:"Reimbursement Setup",accountsPromoConfig:D}),t.jsx(ft,{mileageDetails:e.mileageDetails,companyMileageConfigInfo:e.mileageRateConfig,sectionId:G,onSaveMileageClick:te,analytics:l}),t.jsx(ve,{title:O.length>0?k.approvalTitle:k.createApprovalTitle,subTitle:z.approvalSubTitle,header:O.length>0?k.approvalHeader:k.setupApprovalHeader,icon:{element:t.jsx(tt,{height:g.iconWidthHeight.valuePx(u)}),color:ue},style:{paddingBottom:g.lastSectionPaddingBottom.valuePx(u)},onClick:E,status:O.length>0?Fe:void 0})]})})})]}),de&&!ce&&O.length>0?t.jsx(it,{formId:De(je),primaryBtn:{label:z.enableReimbursements,style:{width:"auto",minWidth:u==="small"?"auto":"181px"},isLoading:L.fetchState==="In-Progress"||Ve.fetchState==="In-Progress",isDisabled:p!=null},showCancel:!1,helperText:z.terms,cancelBtn:{label:""},style:{padding:`12px ${a.sp3}`}}):null,t.jsx(nt,{isFooterRendered:de&&!ce,meetingUrl:Z,analytics:l,productType:"reimbursement"})]})},Mt=i.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;

package/dist/assets/{ReimbursementsBulkReviewDrawerPage-BcB8hTar-BMbnui6b.js → ReimbursementsBulkReviewDrawerPage-C6Cn3AOg-WyMbQmuf.js}

@@ -1 +1 @@
-import{V as f,cm as O,cn as M,co as q,k1 as W,aV as z,F as G}from"./index-B5d0r7Yf.js";import{a as b}from"./sentry-DzQhN3No.js";import{G5 as K}from"./zeni-epic-state-CYBJ9Ksh.js";import{u as Q}from"./ReviewOverlay-DQZwNpFY-BpRxW5CE.js";import"./liveblocks-4VX4OJFQ.js";import"./core-DcqdNo0H.js";import"./recharts-BlDkob1i.js";import"./mui-CKwEUYbh.js";import"./lottie-C2a9Y5yd.js";import"./analytics-B5pDs204.js";import"./lexical-zpRxoSKS.js";import"./utils-CKnuWyyl.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="c590fa1c-2a5f-4fe0-b892-6920d1985ac4",e._sentryDebugIdIdentifier="sentry-dbid-c590fa1c-2a5f-4fe0-b892-6920d1985ac4")}catch{}})();const{common:a,spendManagement:{reimbursement:k}}=G.getLocalizedStrings(),s=k.bulkActions;let j;const ce=({remisReviewView:e,isAdmin:o,analytics:i,onProceedForBulkActionClick:u,onCloseReviewItem:r,onCloseOverlay:n})=>{const{fetchState:p,bulkSubmissionFetchState:c,bulkOperationTypeSelected:t,currentTab:g,currentSubTab:y}=e,v=!1,[x,l]=b.useState(!1),[m,_]=b.useState(P(e,v,o)),[h,R]=b.useState(v),[B,H]=b.useState(0),[w,A]=b.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});b.useEffect(()=>(B===m.length&&h&&(R(!1),clearInterval(j)),e.fetchState==="Completed"&&_(P(e,!1,o)),()=>{clearInterval(j)}),[m.length,B,h,e.fetchState,v,e,o]);const D=m.length,S=m.filter(d=>d.reviewStatus.code!=="error").length,E=()=>{const{title:d,description:C}=Y(S);A({type:"reject",title:d,description:C,primaryButtonText:a.texts.confirm,secondaryButtonText:a.texts.close}),i.trackReimbursementBulkSubmit(t,g,y),l(!0)},F={onOkClick:d=>{l(!1);const C=e.remisForReview.map(I=>I.reimbursement);i.trackReimbursementBulkPopupConfirm(t,g,y,K(C.map(I=>I?.reimbursementTypesIncluded??[]))),u("reject",d)},onCancelClick:()=>{l(!1)}},{title:$,description:L}=Z(p,S,D,h),T=e.fetchState==="Completed"&&S===0,U=()=>{i.trackReimbursementBulkSubmit(t,g,y),u(t)},V=()=>{let d=a.footer.approve;return T?d=a.texts.close:t==="send_for_approval"&&(d=a.footer.submit),{label:d,isDisabled:p!=="Completed"||t==="reject"&&c==="In-Progress",isLoading:c==="In-Progress"&&(t==="send_for_approval"||t==="approve"),onClick:T?n:U,style:t==="send_for_approval"?{minWidth:"92px"}:{}}},N={label:t==="send_for_approval"?a.texts.goBack:a.footer.reject,isDisabled:t!=="reject"&&c==="In-Progress",isLoading:t==="reject"&&c==="In-Progress",reverseSpinnerColor:!1,onClick:t==="send_for_approval"?n:E,style:t==="approve"?{minWidth:"92px"}:{}};return f.jsxs(f.Fragment,{children:[x?f.jsx(O,{titleComponent:f.jsx(q,{children:w.title}),descriptionComponent:f.jsx(M,{children:w.description}),primaryButtonText:w.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:w.secondaryButtonText,action:F,isNotesIncluded:!0,isEditPopup:!0}):null,f.jsx(Q,{title:$,description:{content:L,isError:e.fetchState==="Completed"&&S===0},reviewItems:m,onCloseReviewItem:r,onCloseOverlay:n,showFooter:e.fetchState==="Completed"&&!h,footerProps:{primaryButton:V(),cancelButton:N,hideCancel:T}})]})},P=(e,o,i)=>{const u=e.fetchState==="In-Progress";return e.remisForReview.map(r=>{const n=W(i,r.submittedBy);return{id:r.transactionId,leftSideText:{title:r.reimbursement?.reportTitle!=null?r.reimbursement.reportTitle:k.reimbursementDetail.newReimbursementTitle,subTitle:n!=null?`${a.by} ${n?.firstName} ${n?.lastName}`:a.strings.empty},rightSideText:{title:z("0,0.[00]",r.reimbursement?.amount?.amount,r.reimbursement?.amount?.currencySymbol),showThunderIcon:!1,subTitle:r.reviewInfoMessage??""},reviewStatus:{isLoading:u,code:r.reviewStatus??""}}})},Y=e=>{const{this_:o,these:i,report:u,reports:r,payment:n,payments:p}=a.texts;return e>1?{title:s.popUps.reject.title.replace("__report__",s.reports),description:s.popUps.reject.description.replaceAll("<_this_>",i).replaceAll("<_payment_>",p).replaceAll("__report__",r)}:{title:s.popUps.reject.title.replace("__report__",s.report),description:s.popUps.reject.description.replaceAll("<_this_>",o).replaceAll("<_payment_>",n).replaceAll("__report__",u)}},Z=(e,o,i,u)=>{const{has:r,have:n,report:p,reports:c,are:t,is:g,do_:y,does:v}=a.texts,x=o>1,l=i>1;let m="",_="";return e==="Completed"&&!u?(m=s.reviewPage.reportsReviewed.title.replace("__report__",l?k.bulkActions.reports:s.report).replace("<_has_>",l?n:r),o===0?_=s.reviewPage.reportsReviewed.descriptionError.replace("__report__",l?c:p).replace("<_do_>",l?y:v):_=`${o}/${i} ${s.reviewPage.reportsReviewed.description.replace("__report__",i>1?c:p).replace("<_is_>",x?t:g)}`):(m=s.reviewPage.reportsReviewing.title.replace("__report__",l?c:p),_=s.reviewPage.reportsReviewing.description.replace("__report__",l?c:p)),{title:m,description:_}};export{ce as default};
+import{V as f,cm as O,cn as M,co as q,k1 as W,aV as z,F as G}from"./index-BoDHThmj.js";import{a as b}from"./sentry-CAa_RBiQ.js";import{G5 as K}from"./zeni-epic-state-BO46e_7F.js";import{u as Q}from"./ReviewOverlay-Bh8LAnRM-CyjKd25e.js";import"./liveblocks-2fUZ-mzS.js";import"./core-DesIUmVX.js";import"./recharts-CFBD4y8X.js";import"./mui-DjUnBv6N.js";import"./lottie-BC5QDLx3.js";import"./analytics-aL6KvWIc.js";import"./lexical-WHFPYU-_.js";import"./utils-MCudDogO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="325f220d-e6bf-416d-9794-b169934bd99d",e._sentryDebugIdIdentifier="sentry-dbid-325f220d-e6bf-416d-9794-b169934bd99d")}catch{}})();const{common:a,spendManagement:{reimbursement:k}}=G.getLocalizedStrings(),s=k.bulkActions;let j;const ce=({remisReviewView:e,isAdmin:o,analytics:i,onProceedForBulkActionClick:u,onCloseReviewItem:r,onCloseOverlay:n})=>{const{fetchState:p,bulkSubmissionFetchState:c,bulkOperationTypeSelected:t,currentTab:g,currentSubTab:y}=e,v=!1,[x,l]=b.useState(!1),[d,_]=b.useState(P(e,v,o)),[h,R]=b.useState(v),[B,H]=b.useState(0),[w,A]=b.useState({type:"",title:"",description:"",primaryButtonText:"",secondaryButtonText:""});b.useEffect(()=>(B===d.length&&h&&(R(!1),clearInterval(j)),e.fetchState==="Completed"&&_(P(e,!1,o)),()=>{clearInterval(j)}),[d.length,B,h,e.fetchState,v,e,o]);const D=d.length,S=d.filter(m=>m.reviewStatus.code!=="error").length,E=()=>{const{title:m,description:C}=Y(S);A({type:"reject",title:m,description:C,primaryButtonText:a.texts.confirm,secondaryButtonText:a.texts.close}),i.trackReimbursementBulkSubmit(t,g,y),l(!0)},F={onOkClick:m=>{l(!1);const C=e.remisForReview.map(I=>I.reimbursement);i.trackReimbursementBulkPopupConfirm(t,g,y,K(C.map(I=>I?.reimbursementTypesIncluded??[]))),u("reject",m)},onCancelClick:()=>{l(!1)}},{title:$,description:L}=Z(p,S,D,h),T=e.fetchState==="Completed"&&S===0,U=()=>{i.trackReimbursementBulkSubmit(t,g,y),u(t)},V=()=>{let m=a.footer.approve;return T?m=a.texts.close:t==="send_for_approval"&&(m=a.footer.submit),{label:m,isDisabled:p!=="Completed"||t==="reject"&&c==="In-Progress",isLoading:c==="In-Progress"&&(t==="send_for_approval"||t==="approve"),onClick:T?n:U,style:t==="send_for_approval"?{minWidth:"92px"}:{}}},N={label:t==="send_for_approval"?a.texts.goBack:a.footer.reject,isDisabled:t!=="reject"&&c==="In-Progress",isLoading:t==="reject"&&c==="In-Progress",reverseSpinnerColor:!1,onClick:t==="send_for_approval"?n:E,style:t==="approve"?{minWidth:"92px"}:{}};return f.jsxs(f.Fragment,{children:[x?f.jsx(O,{titleComponent:f.jsx(q,{children:w.title}),descriptionComponent:f.jsx(M,{children:w.description}),primaryButtonText:w.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:w.secondaryButtonText,action:F,isNotesIncluded:!0,isEditPopup:!0}):null,f.jsx(Q,{title:$,description:{content:L,isError:e.fetchState==="Completed"&&S===0},reviewItems:d,onCloseReviewItem:r,onCloseOverlay:n,showFooter:e.fetchState==="Completed"&&!h,footerProps:{primaryButton:V(),cancelButton:N,hideCancel:T}})]})},P=(e,o,i)=>{const u=e.fetchState==="In-Progress";return e.remisForReview.map(r=>{const n=W(i,r.submittedBy);return{id:r.transactionId,leftSideText:{title:r.reimbursement?.reportTitle!=null?r.reimbursement.reportTitle:k.reimbursementDetail.newReimbursementTitle,subTitle:n!=null?`${a.by} ${n?.firstName} ${n?.lastName}`:a.strings.empty},rightSideText:{title:z("0,0.[00]",r.reimbursement?.amount?.amount,r.reimbursement?.amount?.currencySymbol),showThunderIcon:!1,subTitle:r.reviewInfoMessage??""},reviewStatus:{isLoading:u,code:r.reviewStatus??""}}})},Y=e=>{const{this_:o,these:i,report:u,reports:r,payment:n,payments:p}=a.texts;return e>1?{title:s.popUps.reject.title.replace("__report__",s.reports),description:s.popUps.reject.description.replaceAll("<_this_>",i).replaceAll("<_payment_>",p).replaceAll("__report__",r)}:{title:s.popUps.reject.title.replace("__report__",s.report),description:s.popUps.reject.description.replaceAll("<_this_>",o).replaceAll("<_payment_>",n).replaceAll("__report__",u)}},Z=(e,o,i,u)=>{const{has:r,have:n,report:p,reports:c,are:t,is:g,do_:y,does:v}=a.texts,x=o>1,l=i>1;let d="",_="";return e==="Completed"&&!u?(d=s.reviewPage.reportsReviewed.title.replace("__report__",l?k.bulkActions.reports:s.report).replace("<_has_>",l?n:r),o===0?_=s.reviewPage.reportsReviewed.descriptionError.replace("__report__",l?c:p).replace("<_do_>",l?y:v):_=`${o}/${i} ${s.reviewPage.reportsReviewed.description.replace("__report__",i>1?c:p).replace("<_is_>",x?t:g)}`):(d=s.reviewPage.reportsReviewing.title.replace("__report__",l?c:p),_=s.reviewPage.reportsReviewing.description.replace("__report__",l?c:p)),{title:d,description:_}};export{ce as default};

package/dist/assets/{ReloadCard-BGPtXAV7-XTkROFfl.js → ReloadCard-CRQf0INS-CM9HcBcK.js}

@@ -1,4 +1,4 @@
-import{d as l,V as r,aJ as a,b0 as f,F as y,aM as m,aP as h,bB as g,ag as u,o as c,b1 as w}from"./index-B5d0r7Yf.js";import{n as d}from"./mui-CKwEUYbh.js";import{a as s}from"./sentry-DzQhN3No.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="1e034b64-978b-4e67-a75e-11f25cdc6871",e._sentryDebugIdIdentifier="sentry-dbid-1e034b64-978b-4e67-a75e-11f25cdc6871")}catch{}})();function b({backgroundColor:e,foregroundColor:o,animated:t,width:n,height:i}){return r.jsxs(g,{speed:2,width:n,height:i,viewBox:`0 0 ${n} ${i}`,animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"64",y:"0",rx:"4",ry:"4",width:`${n-128}`,height:"21"}),r.jsx("rect",{x:"24",y:"45",rx:"4",ry:"4",width:`${n-48}`,height:"228"})]})}function p({backgroundColor:e,foregroundColor:o,animated:t}){return r.jsxs(g,{speed:2,width:240,height:98,viewBox:"0 0 240 98",animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"66",y:"0",rx:"4",ry:"4",width:"108",height:"21"}),r.jsx("rect",{x:"44",y:"77",rx:"4",ry:"4",width:"152",height:"21"}),r.jsx("rect",{x:"0",y:"29",rx:"4",ry:"4",width:"240",height:"40"})]})}const x=d(h)`
+import{d as l,V as r,aJ as a,b0 as f,F as y,aM as m,aP as h,bB as g,ag as u,o as c,b1 as w}from"./index-BoDHThmj.js";import{n as d}from"./mui-DjUnBv6N.js";import{a as s}from"./sentry-CAa_RBiQ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="1e034b64-978b-4e67-a75e-11f25cdc6871",e._sentryDebugIdIdentifier="sentry-dbid-1e034b64-978b-4e67-a75e-11f25cdc6871")}catch{}})();function b({backgroundColor:e,foregroundColor:o,animated:t,width:n,height:i}){return r.jsxs(g,{speed:2,width:n,height:i,viewBox:`0 0 ${n} ${i}`,animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"64",y:"0",rx:"4",ry:"4",width:`${n-128}`,height:"21"}),r.jsx("rect",{x:"24",y:"45",rx:"4",ry:"4",width:`${n-48}`,height:"228"})]})}function p({backgroundColor:e,foregroundColor:o,animated:t}){return r.jsxs(g,{speed:2,width:240,height:98,viewBox:"0 0 240 98",animate:t!=!1,backgroundColor:e,foregroundColor:o,children:[r.jsx("rect",{x:"66",y:"0",rx:"4",ry:"4",width:"108",height:"21"}),r.jsx("rect",{x:"44",y:"77",rx:"4",ry:"4",width:"152",height:"21"}),r.jsx("rect",{x:"0",y:"29",rx:"4",ry:"4",width:"240",height:"40"})]})}const x=d(h)`
   justify-content: flex-start;
 `;function T({dimension:e,animated:o}){const t=l();return r.jsx(a,{dimension:e,children:r.jsx(x,{children:r.jsx(p,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o})})})}function D({dimension:e,animated:o}){const t=l();return r.jsx(a,{dimension:e,children:r.jsx(x,{children:r.jsx("div",{style:{width:"100%",height:"100%"},children:r.jsx(w,{children:({height:n,width:i})=>r.jsx(b,{backgroundColor:t.colors.grey3,foregroundColor:t.colors.grey4,animated:o,width:i,height:n})})})})})}const j=e=>s.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},s.createElement("rect",{opacity:.2,width:72,height:72,rx:36,fill:"#97C3B9"}),s.createElement("path",{d:"M46.7755 32.5635L43.8368 36.9716L40.4082 33.0533",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M34.5307 44.8163C32.6902 44.8163 30.8909 44.2705 29.3605 43.248C27.8301 42.2254 26.6374 40.772 25.933 39.0715C25.2286 37.3711 25.0443 35.4999 25.4034 33.6947C25.7625 31.8895 26.6488 30.2313 27.9503 28.9298C29.2518 27.6283 30.91 26.742 32.7152 26.3829C34.5204 26.0238 36.3916 26.2081 38.092 26.9125C39.7925 27.6169 41.2459 28.8096 42.2685 30.34C43.291 31.8704 43.8369 33.6697 43.8369 35.5102V36.9737",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),C=d(h)`
   justify-content: space-between;