@zeniai/web-cockpit-ui 1.14.24-dev → 1.14.25-dev

package/dist/assets/{QBOSetupSection-BCdoUjwK-BF2gwacX.js → QBOSetupSection-BWcvYjNb-nke4kL0N.js}

@@ -1,20 +1,20 @@
-import{e as O,M as u,j as i,J as k,o,C as a,g as d,f4 as T,X as M,d as W,aR as B,eK as E,f2 as A,a8 as w,i as $,s as r}from"./index-B8OsEhOZ.js";import{n as s}from"./vendor-rkTZJa59.js";import G from"./QBOConnectionDialog-Bx6ZDEvY-BRYqXjwh.js";const t={containerPadding:new a(r[3],r[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(r[3],r[0]),arrowIconWidthHeight:new a(r[3],r[4])},H={title:new M("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:y,companyName:j,updateQBOPopupState:h,handleOnConnectClick:f})=>{const n=O(),{qbo_connection:S}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:b,sucessText:z,button:v,errorText:P,requiredText:C}=S;return i.jsxs(I,{windowSize:n,children:[i.jsxs(N,{windowSize:n,children:[n==="small"?i.jsx(X,{children:l?i.jsx(Z,{}):i.jsx(_,{})}):null,i.jsx(Q,{windowSize:n,children:b})]}),i.jsxs(R,{windowSize:n,children:[i.jsxs(q,{windowSize:n,children:[i.jsxs(F,{children:[i.jsx(J,{}),i.jsx(K,{windowSize:n}),i.jsx(L,{})]}),l?n!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:v.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(D,{children:z}),n==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:P})}):null,c&&!l?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:C})}):null]}),i.jsx(G,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:y,companyName:j,saveConnectionState:p,handleOnConnectClick:f,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(A,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:c,textColor:{color:new w(d.successDark),borderColor:new w(d.successDark)}})},I=s.div`
+import{e as O,B as u,j as i,K as k,o,C as a,g as d,f4 as T,J as B,M as W,aR as E,eK as M,f2 as q,a8 as h,w as $,q as r}from"./index-B9FgmOrh.js";import{n as s}from"./vendor-rkTZJa59.js";import A from"./QBOConnectionDialog-Cdh8vSaY-COlqnmsO.js";const t={containerPadding:new a(r[3],r[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(r[3],r[0]),arrowIconWidthHeight:new a(r[3],r[4])},G={title:new B("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:y,companyName:j,updateQBOPopupState:w,handleOnConnectClick:f})=>{const n=O(),{qbo_connection:S}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:z,sucessText:b,button:v,errorText:P,requiredText:C}=S;return i.jsxs(H,{windowSize:n,children:[i.jsxs(I,{windowSize:n,children:[n==="small"?i.jsx(Z,{children:l?i.jsx(_,{}):i.jsx(U,{})}):null,i.jsx(K,{windowSize:n,children:z})]}),i.jsxs(N,{windowSize:n,children:[i.jsxs(Q,{windowSize:n,children:[i.jsxs(D,{children:[i.jsx(F,{}),i.jsx(J,{windowSize:n}),i.jsx(L,{})]}),l?n!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:v.connect,style:{width:"fit-content"},onClick:()=>w(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(R,{children:b}),n==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:P})}):null,c&&!l?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:C})}):null]}),i.jsx(A,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:y,companyName:j,saveConnectionState:p,handleOnConnectClick:f,handleGoBack:()=>w(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(q,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:c,textColor:{color:new h(d.successDark),borderColor:new h(d.successDark)}})},H=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,N=s.div`
+`,I=s.div`
   display: flex;
   align-items: center;
   padding-top: ${o.sp3};
   padding-bottom: ${o.sp3};
   width: ${e=>t.sectionWidth.valuePx(e.windowSize)};
-`,Q=s.div`
+`,K=s.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${H.title.style(e.windowSize)}`};
-`,R=s.div`
+  ${e=>`${G.title.style(e.windowSize)}`};
+`,N=s.div`
   display: flex;
   flex-direction: column;
   width: ${e=>t.sectionWidth.valuePx(e.windowSize)};
@@ -37,41 +37,41 @@ import{e as O,M as u,j as i,J as k,o,C as a,g as d,f4 as T,X as M,d as W,aR as B
 `,g=s($)`
   display: flex;
   color: ${d.important};
-`,q=s.div`
+`,Q=s.div`
   width: 100%;
   display: flex;
   justify-content: space-between;
   row-gap: ${e=>t.topElementsRowGap.valuePx(e.windowSize)};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,D=s($)`
+`,R=s($)`
   display: flex;
   margin-top: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,F=s.div`
+`,D=s.div`
   display: flex;
   align-items: center;
   gap: ${o.sp4};
   justify-content: left;
   color: ${e=>e.theme.colors.primary};
-`,J=s(W)`
+`,F=s(W)`
   height: 20px;
   width: auto;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,K=s(B)`
+`,J=s(E)`
   height: ${e=>t.arrowIconWidthHeight.valuePx(e.windowSize)};
   width: ${e=>t.arrowIconWidthHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
-`,L=s(E)`
+`,L=s(M)`
   height: ${o.sp4};
   color: ${e=>e.theme.colors.primary};
-`,X=s.div`
+`,Z=s.div`
   margin-right: ${o.sp2};
-`,Z=s(T)`
+`,_=s(T)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${d.success};
-`,_=s.div`
+`,U=s.div`
   height: ${o.sp3};
   width: ${o.sp3};
   border: 1px solid ${e=>e.theme.colors.primary};

package/dist/assets/ReimbursementApprovalRuleDetailPage-C_oUUTHb-Cq_kOO5b.js

@@ -0,0 +1,26 @@
+import{C as V,q as U,u as M,e as W,B,a as X,a2 as G,j as s,X as H,ca as J,aX as K,F as Q,a4 as Y,o as f}from"./index-B9FgmOrh.js";import{b as D,n as h}from"./vendor-rkTZJa59.js";import{b as Z,f as ee,l as L,o as $}from"./FollowStepsSection-DrwqT5qI-DLguenxm.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const j="reimbursementApprovalRuleDetailPage",T="lowerBound",k="upperBound",y="steps",ae={footerPadding:new V(U[2],U[3])};function ye({localData:e,approvalUpdateActionType:r,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:l=!0,hideUpperBoundField:o=!1,onBackClick:d,onApprovalRuleDataUpdated:b,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:A}){const F=M(),S=W(),t=B.getLocalizedStrings().commonSetUp.approval,I=B.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=te(e,r==="approval_create"&&!a),g=X({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,w=G(u?.fetchState),{upperBound:P}=x,{allApprovalRules:n,allAccountingClasses:_,remiSetupApproverViewUpdateData:c}=e;let m=n.length>1?n.length-1:0,v=n.length>0?n[m].criteria[0].range.min.amount:0;if(c!=null&&c.type==="approval_update"&&c.data!=null){const{approvalRuleId:i}=c.data;m=n.findIndex(p=>p.approvalRuleId===i),v=m>0?n[m-1].criteria[0].range.min.amount:0}const q=g.handleSubmit(()=>{N()}),z=async(i,p)=>{b(p)};return D.useEffect(()=>{const i=g.watch((p,{name:R})=>{if(R!=null&&p!=null){const O=H(p);J(()=>z(R,O))}});return()=>{i.unsubscribe()}}),D.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),s.jsxs(se,{children:[s.jsx(K,{title:r==="approval_create"?t.newApproval:t.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{d()},source:"ReimbursementApprovalRuleDetailPage"}),s.jsx(ne,{children:s.jsx(Q,{...g,children:s.jsx("form",{id:C(j),onSubmit:q,children:s.jsxs(ie,{children:[s.jsx(Z,{label:{label:o?I.amountPerRemiGreaterLabel:I.amountPerRemiLabel},firstText:{type:"number",name:T,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:i=>a?!0:i!=null&&i>v},isDisabled:a,additionalInfoLabel:t.firstRuleLowerBoundInfoLabel,additionalErrorLabel:t.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:l,hideField:o,additionalInfoLabel:t.upperBoundInfoLabel}}),s.jsx(pe,{}),s.jsx(ee,{sectionId:y,label:{label:t.followStepsLabel},approversPlaceholder:t.approversPlaceholder,notifiersPlaceholder:t.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:_,stepsInfo:x[y],userSelectPlaceholder:t.userSelectPlaceholder,approveNotifyPlaceholder:t.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:C(j),primaryBtn:{label:t.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:t.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:S==="small"?"space-between":"center"},style:{padding:ae.footerPadding.valuePx(S)},separatorStyle:{marginRight:f.sp4}})]})}const te=(e,r)=>{const{criteria:a,steps:l}=e.remiSetupApproverViewUpdateData?.data??{};return{[y]:re(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),$(e.allAttributes),$(e.filteredAttributes),l??[])??[],[T]:r?void 0:a!=null?a.range.min.amount??0:0,[k]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},re=(e,r,a,l,o)=>o&&o.length>0?o.map((d,b)=>({stepIndex:b,stepType:{selectedOption:d.action,allOptions:L},actors:{allUsers:r,selectedUsers:le(e,d.actors),allNonUsers:l,selectedNonUsers:oe(a,d.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:L},actors:{allUsers:r,selectedUsers:[],allNonUsers:l,selectedNonUsers:[]}}],le=(e,r)=>e.filter(a=>a.userId!=null&&r.findIndex(l=>l.userId===a.userId)>-1),oe=(e,r)=>e.filter(a=>r.findIndex(l=>l.subType===a.value)>-1),C=e=>`${e}_form`,Ae=e=>`${e}`,se=h.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ie=h.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};
+`,ne=h.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,pe=h.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`;export{ae as D,ye as default,C as uniqueFormName,Ae as uniqueName};

package/dist/assets/{ReimbursementApprovalRulesPage-CJLcH9Ov--aMB2wIm.js → ReimbursementApprovalRulesPage-CMmYiBA--CrdMeZfY.js}

@@ -1,4 +1,4 @@
-import{u as D,e as B,M as b,j as t,aX as H,n as E,$ as S,o,C as r,p as L,a0 as z,bV as G,bX as U,bY as V,cx as X,s as l,ao as q,X as P,an as F,g as j,cu as O,aP as Y,v as _}from"./index-B8OsEhOZ.js";import{n as i,b as J}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";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)},W={stepper:new P("smallRegular","standardRegular"),amount:new P("standardRegular","largeRegular")},Z=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:x,onEditRuleClick:v,onDeleteRuleClick:y})=>{const[g,d]=J.useState(!1),n=B(),{range:c}=x.criteria[0],{steps:w,approvalRuleId:m}=x,a=b.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},A={onOkClick:()=>{d(!1),y?.(m)},onCancelClick:()=>{d(!1)}};return t.jsxs(K,{windowSize:n,isLastSection:f,"data-testid":S("approval-rule-section",m),children:[t.jsxs(Q,{windowSize:n,children:[t.jsxs(ae,{children:[t.jsxs(I,{windowSize:n,children:[a.from," ",z("0,0",c.min)]}),t.jsxs(ee,{children:[t.jsx(k,{}),t.jsx(te,{}),t.jsx(k,{})]}),c.max==null?t.jsx(ce,{}):t.jsx(I,{windowSize:n,children:z("0,0",{...c.min,amount:c.max.amount})})]}),t.jsxs(ne,{className:"icons",children:[e?t.jsx(pe,{onClick:$}):null,t.jsx(de,{onClick:()=>{v(m)},"data-testid":S("edit-approval-rule",m)})]})]}),t.jsx(oe,{windowSize:n,children:t.jsx(ie,{isSingleStep:w.length===1,windowSize:n,children:w.map((h,N)=>t.jsxs(re,{isSingleStep:w.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?t.jsx(le,{children:a.requireText}):t.jsx(se,{children:a.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,M)=>t.jsxs(R,{children:[t.jsx(T,{children:p.subType!=null?a.nonUsers[p.subType].label:null}),h.operator!="is"?t.jsx(C,{className:"operator",children:h.operator}):null]},`${p.subType}_${M}`)),h.actors.map(p=>t.jsxs(R,{children:[t.jsxs(T,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?t.jsx(C,{className:"operator",children:h.operator}):null]},p.userId))]},N))})}),g?t.jsx(G,{titleComponent:t.jsx(V,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(U,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:A}):null]})},K=i.div`
+import{u as M,e as I,B as b,j as o,aX as H,m as E,$ as S,o as t,C as r,s as L,a0 as z,bV as G,bX as q,bY as U,cx as V,q as l,ao as F,J as P,an as J,g as j,cu as O,aP as X,v as Y}from"./index-B9FgmOrh.js";import{n as i,b as _}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";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)},W={stepper:new P("smallRegular","standardRegular"),amount:new P("standardRegular","largeRegular")},Q=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:x,onEditRuleClick:v,onDeleteRuleClick:y})=>{const[g,d]=_.useState(!1),n=I(),{range:c}=x.criteria[0],{steps:w,approvalRuleId:m}=x,a=b.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},A={onOkClick:()=>{d(!1),y?.(m)},onCancelClick:()=>{d(!1)}};return o.jsxs(Z,{windowSize:n,isLastSection:f,"data-testid":S("approval-rule-section",m),children:[o.jsxs(K,{windowSize:n,children:[o.jsxs(ae,{children:[o.jsxs(B,{windowSize:n,children:[a.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(B,{windowSize:n,children:z("0,0",{...c.min,amount:c.max.amount})})]}),o.jsxs(ne,{className:"icons",children:[e?o.jsx(pe,{onClick:$}):null,o.jsx(de,{onClick:()=>{v(m)},"data-testid":S("edit-approval-rule",m)})]})]}),o.jsx(te,{windowSize:n,children:o.jsx(ie,{isSingleStep:w.length===1,windowSize:n,children:w.map((h,N)=>o.jsxs(re,{isSingleStep:w.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?o.jsx(le,{children:a.requireText}):o.jsx(se,{children:a.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,D)=>o.jsxs(R,{children:[o.jsx(T,{children:p.subType!=null?a.nonUsers[p.subType].label:null}),h.operator!="is"?o.jsx(C,{className:"operator",children:h.operator}):null]},`${p.subType}_${D}`)),h.actors.map(p=>o.jsxs(R,{children:[o.jsxs(T,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?o.jsx(C,{className:"operator",children:h.operator}):null]},p.userId))]},N))})}),g?o.jsx(G,{titleComponent:o.jsx(U,{children:a.deleteApprovalRuleTitle}),descriptionComponent:o.jsx(q,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:A}):null]})},Z=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -14,20 +14,20 @@ import{u as D,e as B,M as b,j as t,aX as H,n as E,$ as S,o,C as r,p as L,a0 as z
       border-color: ${e=>e.theme.colors.primary};
     }
   }
-`,Q=i(q)`
+`,K=i(F)`
   display: flex;
   position: relative;
   align-items: center;
   justify-content: space-between;
   text-align: center;
   width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
-  gap: ${o.sp2};
+  gap: ${t.sp2};
 `,ee=i.div`
   align-items: center;
   display: flex;
   justify-content: center;
-`,te=i.div`
-  width: ${o.sp8};
+`,oe=i.div`
+  width: ${t.sp8};
   height: 2px;
   background-color: ${e=>e.theme.colors.primary};
 `,k=i.div`
@@ -35,7 +35,7 @@ import{u as D,e as B,M as b,j as t,aX as H,n as E,$ as S,o,C as r,p as L,a0 as z
   height: 6px;
   border-radius: 3px;
   background-color: ${e=>e.theme.colors.primary};
-`,oe=i.div`
+`,te=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -47,8 +47,8 @@ import{u as D,e as B,M as b,j as t,aX as H,n as E,$ as S,o,C as r,p as L,a0 as z
 
   border: 1px solid ${e=>e.theme.colors.grey3};
 
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
 
   flex: none;
   order: 1;
@@ -59,7 +59,7 @@ import{u as D,e as B,M as b,j as t,aX as H,n as E,$ as S,o,C as r,p as L,a0 as z
 `,ie=i.ul`
   ${e=>`${W.stepper.style(e.windowSize)}`};
   position: relative;
-  padding-left: ${o.sp6};
+  padding-left: ${t.sp6};
   list-style: none;
   box-sizing: initial;
   margin: 0;
@@ -81,7 +81,7 @@ import{u as D,e as B,M as b,j as t,aX as H,n as E,$ as S,o,C as r,p as L,a0 as z
   justify-content: flex-start;
   align-items: center;
   padding-left: ${e=>s.stepperItemPaddingLeft.valuePx(e.windowSize)};
-  gap: ${o.sp1};
+  gap: ${t.sp1};
 
   > div:last-of-type > span.operator:last-of-type {
     visibility: hidden;
@@ -116,8 +116,8 @@ import{u as D,e as B,M as b,j as t,aX as H,n as E,$ as S,o,C as r,p as L,a0 as z
       width: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
       height: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
       top: ${e=>s.stepperContentTop.valuePx(e.windowSize)};
-      left: -${o.sp6};
-      ${_.standardMedium.css};
+      left: -${t.sp6};
+      ${Y.standardMedium.css};
       text-align: center;
       color: ${e=>e.theme.colors.grey1};
       border: 2px solid ${e=>e.theme.colors.grey1};
@@ -137,46 +137,46 @@ import{u as D,e as B,M as b,j as t,aX as H,n as E,$ as S,o,C as r,p as L,a0 as z
 `,ae=i.div`
   display: flex;
   align-items: center;
-  gap: ${o.sp2};
+  gap: ${t.sp2};
 `,ne=i.div`
   display: flex;
-  gap: ${o.sp5};
+  gap: ${t.sp5};
 `,pe=i(O)`
-  width: ${o.sp3};
-  height: ${o.sp3};
+  width: ${t.sp3};
+  height: ${t.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${j.important};
   }
-`,de=i(Y)`
-  width: ${o.sp3};
-  height: ${o.sp3};
+`,de=i(X)`
+  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: ${o.sp4};
-  height: ${o.sp4};
+`,ce=i(J)`
+  width: ${t.sp4};
+  height: ${t.sp4};
   color: ${e=>e.theme.colors.hero};
 `,C=i.span`
   color: ${e=>e.theme.colors.hero};
 `,R=i.div`
   display: inherit;
   gap: inherit;
-`,I=i.span`
+`,B=i.span`
   ${e=>`${W.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,u={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])},Te=({approvalView:e,onBackClick:f,onEditRuleClick:x,onDeleteRuleClick:v})=>{const y=D(),g=B(),{fetchState:d,deleteStatus:n}=e,c=b.getLocalizedStrings().commonSetUp.approval,w=b.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=n.fetchState;return t.jsxs(he,{children:[t.jsx(H,{title:c.approvalPageHeader,backgroundColor:y.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(me,{children:[t.jsx(we,{windowSize:g,children:w.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?t.jsx(xe,{children:t.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,$)=>t.jsx(Z,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:v},a.approvalRuleId)),t.jsxs(ue,{windowSize:g,onClick:()=>{x()},"data-testid":S("add-approval-rule"),children:[t.jsx(ge,{}),t.jsx($e,{children:c.addApprovalText})]})]}):null]})]})},he=i.div`
+`,u={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])},Te=({approvalView:e,onBackClick:f,onEditRuleClick:x,onDeleteRuleClick:v})=>{const y=M(),g=I(),{fetchState:d,deleteStatus:n}=e,c=b.getLocalizedStrings().commonSetUp.approval,w=b.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=n.fetchState;return o.jsxs(he,{children:[o.jsx(H,{title:c.approvalPageHeader,backgroundColor:y.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),o.jsxs(me,{children:[o.jsx(we,{windowSize:g,children:w.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?o.jsx(xe,{children:o.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?o.jsxs(o.Fragment,{children:[e.allApprovalRules.map((a,$)=>o.jsx(Q,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:v},a.approvalRuleId)),o.jsxs(ue,{windowSize:g,onClick:()=>{x()},"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=>`${o.sp0} 2px ${o.sp1}
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1}
     ${e.theme.colors.dropShadowNormal}`};
 `,me=i.div`
   display: flex;
@@ -206,19 +206,19 @@ import{u as D,e as B,M as b,j as t,aX as H,n as E,$ as S,o,C as r,p as L,a0 as z
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  padding: ${o.sp3} ${o.sp4};
+  padding: ${t.sp3} ${t.sp4};
   gap: ${e=>u.addApprovalGap.valuePx(e.windowSize)};
 
   width: ${e=>u.width.valuePx(e.windowSize)};
-  height: ${o.sp8};
+  height: ${t.sp8};
 
   background: ${e=>e.theme.colors.grey5};
 
   border: 1px solid ${e=>e.theme.colors.grey3};
 
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1}
     ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
+  border-radius: ${t.sp2};
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   &:hover {
@@ -228,10 +228,10 @@ import{u as D,e as B,M as b,j as t,aX as H,n as E,$ as S,o,C as r,p as L,a0 as z
     color: ${e=>e.theme.colors.primary};
     border-color: ${e=>e.theme.colors.primary};
   }
-  margin-bottom: ${o.sp6};
-`,ge=i(X)`
-  width: ${o.sp3};
-  height: ${o.sp3};
+  margin-bottom: ${t.sp6};
+`,ge=i(V)`
+  width: ${t.sp3};
+  height: ${t.sp3};
 `,$e=i.div`
   color: ${e=>e.theme.colors.hero};
 `;export{Te as default};

package/dist/assets/{ReimbursementDetailPage-Ctgt3Dcz-Bah5s5HT.js → ReimbursementDetailPage-DHuJHhx2-BOxHjSFr.js}

@@ -1,4 +1,4 @@
-import{Y as At,x as Mt,e as Rt,u as Pt,bJ as Bt,C as m,M as Ze,m as ie,fO as Nt,fQ as Lt,fR as _t,j as t,bV as ze,bX as Ae,bY as Me,$ as y,aX as Re,aK as Ot,dt as Wt,fS as Et,g1 as Pe,o as a,fT as Be,cW as b,cY as x,fW as w,a0 as Ne,cV as Le,v as F,fY as _e,a4 as Ft,q as Kt,fZ as Vt,f_ as ae,aT as Ut,f$ as Yt,a3 as Gt,X as Ht,h as Xt,p as et,ao as tt,g as K,B as qt,bq as Jt,i as Qt,gg as Zt,gc as ei,s as c,bO as ti,cs as ii}from"./index-B8OsEhOZ.js";import{b as p,n as r}from"./vendor-rkTZJa59.js";import{_ as ai}from"./liveblocks-CP09Cz-7.js";import ri from"./InvoiceUploadSection-BuwWumE2-CTijWOqK.js";import{r as oi,h as f,u as ni}from"./types-DyvtCprH-BcZYcgaq.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./crypto-BDNqpTKX.js";import"./AttachmentView-Cmh726Zl-C82E74gy.js";import"./uploadReceipts-dxsKhm9I-YtN4h-4H.js";const l={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])},li={formTitle:new Ht("h6Regular","h5Regular")},ia=({remiDetails:e,uploadInvoiceEndPoint:V,authParams:it,isAdmin:oe,signedInUser:ne,showApproveRejectBtns:le,isRealTimeApprovalEnabled:se,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:de,isSignedInUserReimbursementCreator:at,updateEditRealTimeApproverClicked:ce,onSaveRealTimeApprovals:me,redirectToReimbursementListScreen:U,redirectToEditableReimbursementScreen:rt,onDuplicateLineClick:ot,approveOrRejectRemi:pe,deleteReimbursement:nt,cancelAndDeleteReport:ue,handleZeniLogoClick:lt,onAddNewRule:he})=>{const d=At(),st=Mt().analytics,o=Rt(),ye=Pt(),[dt,k]=p.useState(!1),[Y,G]=p.useState(!1),[ct,H]=p.useState(!1),[X,q]=p.useState("approved"),P=p.useRef(null),[j,J]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[C,mt]=p.useState(null),[pt,B]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,ge=p.useRef({}),be=s=>{const n=ge.current[s];n!=null&&setTimeout(()=>ni(n,P.current),100)};p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&U()},[e,U]),p.useEffect(()=>{const s=window.location.hash;if(s&&s.startsWith("#L")){const n=s.substring(1);be(n)}},[]);const ut=()=>{U()};Bt({componentName:"reimbursement.details"});const ht={onOkClick:()=>{k(!1),j.primaryButtonText===i.buttons.delete?nt?.():j.title===i.cancelReportTitle?ue?.():j.title===i.cancelAndDeleteReportTitle&&ue?.(!0)},onCancelClick:()=>{k(!1)}},I=l.labelWidth.value(o),z=l.largeLabelWidth.value(o),xe=Ze.getLocalizedStrings(),{common:{texts:{comments:yt},strings:{empty:we}},collaboration:{threads:{placeholder:{addANewComment:gt,replyAComment:bt},tooltip:{resolveComment:xt,unResolveComment:wt}}},dateFormat:fe}=xe,{reimbursementDetail:i,bulkActions:N}=xe.spendManagement.reimbursement,Q=e.remiDetails?.reportTitle,S=e.remiDetails?.lines??[],L=e.remiDetails?.reimbursementInfo.stage,_=e.remiDetails?.reimbursementInfo.billStatus,O=e.remiDetails?.reimbursementInfo.billPaymentStatus,$e=L?.code==="paid",ft=$e?L:_?.code=="approved"&&O?.code?O:_,$=si(e.remiDetails),A=_?.code=="approved"&&O?.code?O:_,W=e.remiDetails?.isDeleted??!1,ve=e.remiDetails?.amount,Te=e.remiDetails?.amount.amount??0,Se=()=>{J({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),k(!0)},$t=()=>{J({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},vt=()=>{J({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},je=()=>{rt()},Tt={onOkClick:s=>{H(!1),pe({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:s})},onCancelClick:()=>{H(!1)}},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?je():(q("approved"),pe({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},jt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(q("delete"),Se()):(q("rejected"),H(!0))},It=e.remiDetails?.reimbursementInfo.paymentDate!=null?ie.zeniDate(ie.getNextNthWorkingDay(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,Z=e.remiDetails?.reimbursementInfo.expectedDepositDate??It,Ie=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&at,Dt=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ee=ft?.code,Ct=oi(e.duplicateLineByLineId),De=e.duplicateReimbursementStatus.fetchState==="Completed"&&Ct>0,{requestToOpenThread:te,setRequestToOpenThread:Ce,setOpenThread:E}=p.useContext(Nt),{threads:M,isLoading:D}=Lt({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),kt=p.useMemo(()=>M.filter(s=>s.resolved===!1&&!s.id.includes(_t)),[M]).length,zt=p.useCallback((s,n)=>{E(n),B(!1)},[E,B]);p.useEffect(()=>{te?.threadId!=null&&M.length>0&&!D&&(E(te.threadId),Ce(null))},[te,M,D,E,Ce]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},R=ie.isBulkProcessing(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Bi,{windowSize:o,ref:P,children:[dt?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:ht}):null,ct?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:Tt,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Ci,{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(ki,{onClick:()=>lt?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:ye.colors.background,keepBackgroundOnScroll:!0,scrollableContent:P,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(ji,{}):null,t.jsx(Re,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:Q??we,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:o!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Ai,{children:[u?t.jsxs(Mi,{isDisabled:D,onClick:D?()=>null:s=>{s.preventDefault(),s.stopPropagation(),mt({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),B(!0),st.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(Ri,{})]}):null,t.jsx(Pi,{size:o,onClick:()=>ut(),"data-testid":y("remi-detail-page-close"),children:t.jsx(zi,{})})]}),scrollableContent:P,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Fi,{children:[o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(He,{windowSize:o,children:t.jsx(Xe,{windowsSize:o,children:Q})}),e.createdBy?.userId!=null?t.jsx(Ve,{windowSize:o,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,de&&$!=null?t.jsx(Ue,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null,A?.code!=null?o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Et,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W}),R?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):De?t.jsxs(Oe,{size:o,children:[t.jsx(Ke,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ge,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null]}):null,S.map((s,n)=>{const v=e.duplicateLineByLineId[s.lineId];return t.jsxs(Qe,{windowSize:o,children:[t.jsx(Oi,{windowSize:o,children:t.jsx(Wi,{bottomSeperator:S.length!==1,windowSize:o,children:t.jsx(ri,{showAutofill:!1,uploadInvoiceEndPoint:V,authParams:it,entityId:e.remiDetails?.id,file:s.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:"receipt"})})}),t.jsxs(_i,{windowSize:o,children:[n===0&&o!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(He,{windowSize:o,children:[t.jsx(Xe,{windowsSize:o,children:Q}),de&&$!=null?t.jsx(Ue,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ve,{windowSize:o,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,A?.code!=null?t.jsx(Ge,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null,R?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):De?t.jsxs(Oe,{size:o,children:[t.jsx(Ke,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(hi,{windowSize:o,ref:ke=>{ke!=null&&(ge.current[`L${s.lineId}`]=ke)},children:[o!=="small"?t.jsx(ui,{children:t.jsx(yi,{children:S.length>1?`#${n+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(gi,{windowSize:o,children:[v?.duplicateLineId!=null?t.jsxs(mi,{children:[i.thisExpenseReview," ",t.jsx(pi,{onClick:()=>{if(v.isDuplicateWithinTransaction&&v.duplicateLineId!=null)return be(`L${v.duplicateLineId}`);v.duplicateTransactionId!=null&&v.duplicateLineId!=null&&ot(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:s.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,s.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:z},text:s.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,{}),s.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:z},text:s.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:z},text:s.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:s.homeCurrencyConversions!=null?Ne("0,0[.]00",s.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:s.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:s.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:z},text:s.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:z},text:s.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:s.homeCurrencyConversions!=null?Ne("0,0[.]00",s.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:s.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:s.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:s.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),S.length!==1&&S.length===n+1&&t.jsxs(Li,{windowSize:o,children:[t.jsxs(qe,{windowSize:o,children:[t.jsx(Je,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:F.h6Regular.cssObject,decimalStyles:F.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(_e,{amount:Te,activities:e.remiActivities,stage:L?.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})]})]})]},s.lineId)}),S.length===1&&t.jsxs(Qe,{windowSize:o,children:[t.jsx(Ye,{}),t.jsxs(di,{windowSize:o,children:[t.jsx(Ni,{windowSize:o,children:t.jsxs(qe,{windowSize:o,children:[t.jsx(Je,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:F.h6Regular.cssObject,decimalStyles:F.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(ci,{windowSize:o,children:t.jsx(_e,{amount:Te,activities:e.remiActivities,stage:L?.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(Ei,{})]}),$e||W===!0?null:t.jsxs(Di,{children:[o!=="small"?t.jsx(Ye,{}):null,t.jsx(xi,{windowSize:o,"data-testid":y("remi-detail-page-footer"),onClick:s=>{s.stopPropagation(),Y===!0&&G(!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:X==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||X==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:jt,style:{width:l.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:X==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:St,style:{width:l.footerButtonWidth.value(o)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(bi,{children:t.jsxs(Ii,{windowSize:o,children:[!R&&Y?t.jsx(Kt,{onClickAway:()=>G(!1),children:t.jsxs(Si,{windowSize:o,children:[ee!=="processing"?t.jsx(re,{onClick:Se,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,ee==="processing"?t.jsx(re,{onClick:$t,"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ee==="processing"?t.jsx(re,{onClick:vt,"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(Ti,{windowSize:o,children:[!R&&Ie===!0?t.jsx(vi,{onClick:je,"data-testid":y("remi-edit-button"),children:t.jsx($i,{})}):null,!R&&Dt===!0?t.jsx(fi,{windowSize:o,showEditIcon:Ie,children:t.jsx(wi,{onClick:()=>G(!Y),"data-testid":y("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),u?t.jsx(ai,{id:h,children:t.jsx(Vt,{isDrawerOpen:pt,allowComposer:!0,drawerTitle:yt,threads:M,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:C?.companyId??we,isGlobalComment:!1,tab:"reimbursement"},isLoading:D,threadMetadata:C?{companyName:C.companyName,companyId:C.companyId,entityId:C.entityId,entityType:C.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:gt,replyComposerPlaceholder:bt,threadResolve:xt,threadUnResolve:wt},onThreadClick:(s,n)=>zt(s,n),onCloseAllThreadsDrawer:()=>B(!1),drawerSectionStyle:{width:"400px",backgroundColor:ye.colors.background}})}):null]})},si=e=>{const V=Ze.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:V.tabsById.deleted,color:ae.deleted.color,bgColor:ae.deleted.bgColor,borderColor:ae.deleted.borderColor,code:"deleted"}},di=r.div`
+import{Y as At,x as Mt,e as Rt,u as Pt,bJ as Bt,C as m,B as Ze,l as ie,fO as Nt,fQ as Lt,fR as _t,j as t,bV as ze,bX as Ae,bY as Me,$ as y,aX as Re,aK as Ot,dt as Wt,fS as Et,g1 as Pe,o as a,fT as Be,cW as b,cY as w,fW as x,a0 as Ne,cV as Le,v as F,fY as _e,a4 as Ft,p as Kt,fZ as Ut,f_ as ae,aT as Vt,f$ as Yt,a3 as Gt,J as Ht,y as qt,s as et,ao as tt,g as K,k as Jt,bq as Xt,w as Qt,gg as Zt,gc as ei,q as c,bO as ti,cs as ii}from"./index-B9FgmOrh.js";import{b as p,n as r}from"./vendor-rkTZJa59.js";import{_ as ai}from"./liveblocks-CP09Cz-7.js";import ri from"./InvoiceUploadSection-DBeEv7pl-D7U5cZZb.js";import{r as oi,h as f,u as ni}from"./types-DyvtCprH-BcZYcgaq.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./crypto-BDNqpTKX.js";import"./AttachmentView-C1-yT0s8-CT_a09u3.js";import"./uploadReceipts-dxsKhm9I-kOCmsgfk.js";const l={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])},li={formTitle:new Ht("h6Regular","h5Regular")},ia=({remiDetails:e,uploadInvoiceEndPoint:U,authParams:it,isAdmin:oe,signedInUser:ne,showApproveRejectBtns:le,isRealTimeApprovalEnabled:se,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:de,isSignedInUserReimbursementCreator:at,updateEditRealTimeApproverClicked:ce,onSaveRealTimeApprovals:me,redirectToReimbursementListScreen:V,redirectToEditableReimbursementScreen:rt,onDuplicateLineClick:ot,approveOrRejectRemi:pe,deleteReimbursement:nt,cancelAndDeleteReport:ue,handleZeniLogoClick:lt,onAddNewRule:he})=>{const d=At(),st=Mt().analytics,o=Rt(),ye=Pt(),[dt,k]=p.useState(!1),[Y,G]=p.useState(!1),[ct,H]=p.useState(!1),[q,J]=p.useState("approved"),P=p.useRef(null),[j,X]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[C,mt]=p.useState(null),[pt,B]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,ge=p.useRef({}),be=s=>{const n=ge.current[s];n!=null&&setTimeout(()=>ni(n,P.current),100)};p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&V()},[e,V]),p.useEffect(()=>{const s=window.location.hash;if(s&&s.startsWith("#L")){const n=s.substring(1);be(n)}},[]);const ut=()=>{V()};Bt({componentName:"reimbursement.details"});const ht={onOkClick:()=>{k(!1),j.primaryButtonText===i.buttons.delete?nt?.():j.title===i.cancelReportTitle?ue?.():j.title===i.cancelAndDeleteReportTitle&&ue?.(!0)},onCancelClick:()=>{k(!1)}},I=l.labelWidth.value(o),z=l.largeLabelWidth.value(o),we=Ze.getLocalizedStrings(),{common:{texts:{comments:yt},strings:{empty:xe}},collaboration:{threads:{placeholder:{addANewComment:gt,replyAComment:bt},tooltip:{resolveComment:wt,unResolveComment:xt}}},dateFormat:fe}=we,{reimbursementDetail:i,bulkActions:N}=we.spendManagement.reimbursement,Q=e.remiDetails?.reportTitle,S=e.remiDetails?.lines??[],L=e.remiDetails?.reimbursementInfo.stage,_=e.remiDetails?.reimbursementInfo.billStatus,O=e.remiDetails?.reimbursementInfo.billPaymentStatus,$e=L?.code==="paid",ft=$e?L:_?.code=="approved"&&O?.code?O:_,$=si(e.remiDetails),A=_?.code=="approved"&&O?.code?O:_,W=e.remiDetails?.isDeleted??!1,ve=e.remiDetails?.amount,Te=e.remiDetails?.amount.amount??0,Se=()=>{X({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),k(!0)},$t=()=>{X({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},vt=()=>{X({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),k(!0)},je=()=>{rt()},Tt={onOkClick:s=>{H(!1),pe({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:s})},onCancelClick:()=>{H(!1)}},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?je():(J("approved"),pe({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},jt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(J("delete"),Se()):(J("rejected"),H(!0))},It=e.remiDetails?.reimbursementInfo.paymentDate!=null?ie.zeniDate(ie.getNextNthWorkingDay(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,Z=e.remiDetails?.reimbursementInfo.expectedDepositDate??It,Ie=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&at,Dt=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ee=ft?.code,Ct=oi(e.duplicateLineByLineId),De=e.duplicateReimbursementStatus.fetchState==="Completed"&&Ct>0,{requestToOpenThread:te,setRequestToOpenThread:Ce,setOpenThread:E}=p.useContext(Nt),{threads:M,isLoading:D}=Lt({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),kt=p.useMemo(()=>M.filter(s=>s.resolved===!1&&!s.id.includes(_t)),[M]).length,zt=p.useCallback((s,n)=>{E(n),B(!1)},[E,B]);p.useEffect(()=>{te?.threadId!=null&&M.length>0&&!D&&(E(te.threadId),Ce(null))},[te,M,D,E,Ce]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},R=ie.isBulkProcessing(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Bi,{windowSize:o,ref:P,children:[dt?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:ht}):null,ct?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:Tt,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Ci,{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(ki,{onClick:()=>lt?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:ye.colors.background,keepBackgroundOnScroll:!0,scrollableContent:P,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(ji,{}):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(Ai,{children:[u?t.jsxs(Mi,{isDisabled:D,onClick:D?()=>null:s=>{s.preventDefault(),s.stopPropagation(),mt({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),B(!0),st.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(Ri,{})]}):null,t.jsx(Pi,{size:o,onClick:()=>ut(),"data-testid":y("remi-detail-page-close"),children:t.jsx(zi,{})})]}),scrollableContent:P,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Fi,{children:[o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(He,{windowSize:o,children:t.jsx(qe,{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,A?.code!=null?o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Et,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W}),R?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):De?t.jsxs(Oe,{size:o,children:[t.jsx(Ke,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ge,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null]}):null,S.map((s,n)=>{const v=e.duplicateLineByLineId[s.lineId];return t.jsxs(Qe,{windowSize:o,children:[t.jsx(Oi,{windowSize:o,children:t.jsx(Wi,{bottomSeperator:S.length!==1,windowSize:o,children:t.jsx(ri,{showAutofill:!1,uploadInvoiceEndPoint:U,authParams:it,entityId:e.remiDetails?.id,file:s.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:"receipt"})})}),t.jsxs(_i,{windowSize:o,children:[n===0&&o!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(He,{windowSize:o,children:[t.jsx(qe,{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,A?.code!=null?t.jsx(Ge,{windowSize:o,children:t.jsx(Be,{progressSectionObj:A,createDate:e.remiDetails?.createTime,paymentDate:Z,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:W})}):null,R?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):De?t.jsxs(Oe,{size:o,children:[t.jsx(Ke,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(hi,{windowSize:o,ref:ke=>{ke!=null&&(ge.current[`L${s.lineId}`]=ke)},children:[o!=="small"?t.jsx(ui,{children:t.jsx(yi,{children:S.length>1?`#${n+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(gi,{windowSize:o,children:[v?.duplicateLineId!=null?t.jsxs(mi,{children:[i.thisExpenseReview," ",t.jsx(pi,{onClick:()=>{if(v.isDuplicateWithinTransaction&&v.duplicateLineId!=null)return be(`L${v.duplicateLineId}`);v.duplicateTransactionId!=null&&v.duplicateLineId!=null&&ot(v.duplicateTransactionId,v.duplicateLineId)},"data-testid":y("remi-view-duplicate-expense"),children:i.viewOriginalExpense})]}):null,t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:s.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,s.type===i.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(x,{label:{label:i.reimbursementType,width:z},text:s.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,{}),s.type===i.mileageKey?t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"mileage")}`},children:t.jsx(x,{label:{label:i.transactionDate,width:z},text:s.transactionDate?.format(fe.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.distanceInMiles`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("distanceInMiles",n,"mileage")}`},children:t.jsx(x,{label:{label:i.distanceInMiles,width:z},text:s.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"mileage")}`},children:t.jsx(x,{label:{label:i.amount,width:I},text:s.homeCurrencyConversions!=null?Ne("0,0[.]00",s.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"mileage")}`},children:t.jsx(x,{label:{label:i.memo,width:I},text:s.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.mileage.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"mileage")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(x,{label:{label:i.department,width:I},text:s.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]}):t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.merchant`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("merchant",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.merchant,width:z},text:s.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.transactionDate,width:z},text:s.transactionDate?.format(fe.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.amount,width:I},text:s.homeCurrencyConversions!=null?Ne("0,0[.]00",s.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.memo,width:I},text:s.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.account`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("account",n,"out_of_pocket")}`},children:t.jsx(x,{label:{label:i.category,width:I},text:s.lineDetail.account?.accountName??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:w({type:"details",key:`${n}.out_of_pocket.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"out_of_pocket")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(x,{label:{label:i.department,width:I},text:s.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),S.length!==1&&S.length===n+1&&t.jsxs(Li,{windowSize:o,children:[t.jsxs(Je,{windowSize:o,children:[t.jsx(Xe,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:F.h6Regular.cssObject,decimalStyles:F.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(_e,{amount:Te,activities:e.remiActivities,stage:L?.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})]})]})]},s.lineId)}),S.length===1&&t.jsxs(Qe,{windowSize:o,children:[t.jsx(Ye,{}),t.jsxs(di,{windowSize:o,children:[t.jsx(Ni,{windowSize:o,children:t.jsxs(Je,{windowSize:o,children:[t.jsx(Xe,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:F.h6Regular.cssObject,decimalStyles:F.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(ci,{windowSize:o,children:t.jsx(_e,{amount:Te,activities:e.remiActivities,stage:L?.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(Ei,{})]}),$e||W===!0?null:t.jsxs(Di,{children:[o!=="small"?t.jsx(Ye,{}):null,t.jsx(wi,{windowSize:o,"data-testid":y("remi-detail-page-footer"),onClick:s=>{s.stopPropagation(),Y===!0&&G(!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:q==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||q==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:jt,style:{width:l.footerButtonWidth.value(o)},reverseSpinnerColor:!1},primaryBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.edit:i.buttons.editAndResubmit:o==="small"?i.buttons.approve:i.buttons.approveReport,isLoading:q==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:St,style:{width:l.footerButtonWidth.value(o)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(bi,{children:t.jsxs(Ii,{windowSize:o,children:[!R&&Y?t.jsx(Kt,{onClickAway:()=>G(!1),children:t.jsxs(Si,{windowSize:o,children:[ee!=="processing"?t.jsx(re,{onClick:Se,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,ee==="processing"?t.jsx(re,{onClick:$t,"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ee==="processing"?t.jsx(re,{onClick:vt,"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(Ti,{windowSize:o,children:[!R&&Ie===!0?t.jsx(vi,{onClick:je,"data-testid":y("remi-edit-button"),children:t.jsx($i,{})}):null,!R&&Dt===!0?t.jsx(fi,{windowSize:o,showEditIcon:Ie,children:t.jsx(xi,{onClick:()=>G(!Y),"data-testid":y("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),u?t.jsx(ai,{id:h,children:t.jsx(Ut,{isDrawerOpen:pt,allowComposer:!0,drawerTitle:yt,threads:M,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:C?.companyId??xe,isGlobalComment:!1,tab:"reimbursement"},isLoading:D,threadMetadata:C?{companyName:C.companyName,companyId:C.companyId,entityId:C.entityId,entityType:C.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:gt,replyComposerPlaceholder:bt,threadResolve:wt,threadUnResolve:xt},onThreadClick:(s,n)=>zt(s,n),onCloseAllThreadsDrawer:()=>B(!1),drawerSectionStyle:{width:"400px",backgroundColor:ye.colors.background}})}):null]})},si=e=>{const U=Ze.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:U.tabsById.deleted,color:ae.deleted.color,bgColor:ae.deleted.bgColor,borderColor:ae.deleted.borderColor,code:"deleted"}},di=r.div`
   display: flex;
   flex-direction: column;
   width: ${e=>l.rightSectionWidth.valuePercentage(e.windowSize)};
@@ -6,7 +6,7 @@ import{Y as At,x as Mt,e as Rt,u as Pt,bJ as Bt,C as m,M as Ze,m as ie,fO as Nt,
   margin-left: ${e=>l.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>l.rightMargin.valuePx(e.windowSize)};
   margin-bottom: ${e=>l.activityBottomMargin.valuePx(e.windowSize)};
-`,mi=r(qt)`
+`,mi=r(Jt)`
   padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
   background-color: ${K.alertLight};
   color: ${K.brandColorGoldDark};
@@ -37,7 +37,7 @@ import{Y as At,x as Mt,e as Rt,u as Pt,bJ as Bt,C as m,M as Ze,m as ie,fO as Nt,
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${K.brandColorGoldDark};
-`,Ve=r(et)`
+`,Ue=r(et)`
   margin-bottom: ${e=>l.bottomMargin.valuePx(e.windowSize)};
   margin-left: ${e=>l.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>l.rightMargin.valuePx(e.windowSize)};
@@ -63,9 +63,9 @@ import{Y as At,x as Mt,e as Rt,u as Pt,bJ as Bt,C as m,M as Ze,m as ie,fO as Nt,
 `,bi=r.div`
   display: flex;
   justify-content: flex-end;
-`,xi=r.div`
+`,wi=r.div`
   width: ${e=>l.rightSectionWidth.valuePercentage(e.windowSize)};
-`,wi=r(ei)`
+`,xi=r(ei)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${a.sp5};
@@ -97,7 +97,7 @@ import{Y as At,x as Mt,e as Rt,u as Pt,bJ as Bt,C as m,M as Ze,m as ie,fO as Nt,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ue=r(tt)`
+`,Ve=r(tt)`
   display: flex;
   color: ${e=>e.borderColor};
   align-items: center;
@@ -173,7 +173,7 @@ import{Y as At,x as Mt,e as Rt,u as Pt,bJ as Bt,C as m,M as Ze,m as ie,fO as Nt,
   justify-content: space-between;
   position: fixed;
   z-index: 4;
-`,ki=r(Ut)`
+`,ki=r(Vt)`
   color: ${e=>e.theme.colors.brandColorJade};
   cursor: pointer;
   width: ${a.sp4};
@@ -262,7 +262,7 @@ import{Y as At,x as Mt,e as Rt,u as Pt,bJ as Bt,C as m,M as Ze,m as ie,fO as Nt,
   margin-left: ${e=>l.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>l.rightMargin.valuePx(e.windowSize)};
   width: ${e=>e.windowSize==="small"?"fit-content":"unset"};
-`,Xe=r(Xt)`
+`,qe=r(qt)`
   flex-grow: 1;
   ${e=>`${li.formTitle.style(e.windowsSize)}`};
   color: ${e=>e.theme.colors.primary};
@@ -272,7 +272,7 @@ import{Y as At,x as Mt,e as Rt,u as Pt,bJ as Bt,C as m,M as Ze,m as ie,fO as Nt,
   flex-direction: column;
   margin-left: ${e=>l.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>l.rightMargin.valuePx(e.windowSize)};
-`,qe=r.div`
+`,Je=r.div`
   padding: ${a.sp3};
   display: flex;
   align-items: center;
@@ -283,7 +283,7 @@ import{Y as At,x as Mt,e as Rt,u as Pt,bJ as Bt,C as m,M as Ze,m as ie,fO as Nt,
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${e=>l.totalBottomMargin.valuePx(e.windowSize)};
   justify-content: space-between;
-`,Je=r(Jt)`
+`,Xe=r(Xt)`
   display: flex;
   width: 176px;
   color: ${e=>e.theme.colors.primary};

package/dist/assets/{ReimbursementPromoPage-DCmevd5G-RVnIiUe8.js → ReimbursementPromoPage-DyMGQ-p6-BrIO-u3b.js}

@@ -1,4 +1,4 @@
-import{Y as le,u as S,e as k,a2 as ae,m as A,M as E,j as e,$ as a,aX as me,J as u,c as m,o as t,t as ce,c7 as de,a6 as Z,B as pe,C as xe,g as z,c9 as he,a7 as ue,ap as ge,s as we}from"./index-B8OsEhOZ.js";import{b as j,n as r}from"./vendor-rkTZJa59.js";import{x as je}from"./MeetingCalenderPopup-Bn5picNg-BZadZTcq.js";import{m as be}from"./VideoPopup-qS-ig_U0-VKyag34q.js";import{M as v}from"./usp-line-BBd1wKwW-u-VMxix8.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const F="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",J="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",$e={midContainerMarginBottom:new xe(we[5],44)},fe=r.div`
+import{Y as le,u as S,e as k,a2 as ae,l as L,B as E,j as e,$ as a,aX as me,K as u,c as m,o as t,r as ce,c7 as de,a6 as Z,k as pe,C as xe,g as z,c9 as he,a7 as ue,ap as ge,q as we}from"./index-B9FgmOrh.js";import{b as j,n as r}from"./vendor-rkTZJa59.js";import{x as je}from"./MeetingCalenderPopup-Z8cw7xGj-CwGNacrF.js";import{m as be}from"./VideoPopup-BTi1tNaK-DDZF4fDp.js";import{M as v}from"./usp-line-BBd1wKwW-u-VMxix8.js";import"./mui-C42whWwM.js";import"./analytics-B3n5JGPc.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";const F="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",K="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",$e={midContainerMarginBottom:new xe(we[5],44)},fe=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -23,7 +23,7 @@ import{Y as le,u as S,e as k,a2 as ae,m as A,M as E,j as e,$ as a,aX as me,J as
   align-items: center;
   justify-content: center;
   margin-bottom: ${i=>$e.midContainerMarginBottom.valuePx(i.windowSize)};
-`,ze=r.div``,L=r.div`
+`,ze=r.div``,M=r.div`
   display: flex;
   flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
   align-items: center;
@@ -32,7 +32,7 @@ import{Y as le,u as S,e as k,a2 as ae,m as A,M as E,j as e,$ as a,aX as me,J as
   width: ${i=>i.windowSize==="small"?"auto":"376px"};
   display: flex;
   flex-direction: column;
-`,O=r.div`
+`,q=r.div`
   width: ${i=>i.windowSize==="small"?"100%":"calc(100% - 376px)"};
   overflow: hidden;
   max-width: 712px;
@@ -40,7 +40,7 @@ import{Y as le,u as S,e as k,a2 as ae,m as A,M as E,j as e,$ as a,aX as me,J as
   align-content: center;
   justify-content: center;
   align-items: center;
-`,Y=r.div`
+`,O=r.div`
   margin-left: ${i=>i.windowSize==="small"?t.sp0:t.sp6};
   margin-bottom: ${i=>i.windowSize==="small"?t.sp4:t.sp0};
   background: ${i=>i.theme.colors.grey3};
@@ -71,14 +71,14 @@ import{Y as le,u as S,e as k,a2 as ae,m as A,M as E,j as e,$ as a,aX as me,J as
 `,I=r(Z)`
   margin: ${i=>i.windowSize==="small"?t.sp1:`auto ${t.sp5}`};
   color: ${i=>i.theme.colors.grey1};
-`,q=r(v)`
+`,Y=r(v)`
   color: ${z.graphColor16Dark};
 `,G=r(v)`
   color: ${z.graphColor09Dark};
-`,K=r(v)`
+`,Q=r(v)`
   color: ${z.success};
 `,D=r(pe)`
   margin: ${t.sp3} auto;
   max-width: 772px;
   color: ${i=>i.theme.colors.hero};
-`,s=E.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=E.getLocalizedStrings().commonSetUp.businessVerification.terms,ve=()=>{const i=S(),o=k();return e.jsxs(N,{windowSize:o,children:[e.jsx(O,{windowSize:o,children:e.jsx(Y,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:J,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(g,{src:F,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(V,{windowSize:o,children:[e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(q,{})}),e.jsxs(p,{children:[e.jsx(y,{children:s.simplestText.bold}),e.jsx(f,{children:s.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx(y,{children:s.aiPoweredText.bold}),e.jsx(f,{children:s.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(K,{})}),e.jsxs(p,{children:[e.jsx(y,{children:s.multiLevelApprovalText.bold}),e.jsx(f,{children:s.multiLevelApprovalText.regular})]})]})]})]})},Te=()=>{const i=S(),o=k();return e.jsxs(N,{windowSize:o,children:[e.jsxs(V,{windowSize:o,children:[e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(q,{})}),e.jsxs(p,{children:[e.jsx($,{children:s.simplestText.bold}),e.jsx(b,{children:s.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx($,{children:s.aiPoweredText.bold}),e.jsx(b,{children:s.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(K,{})}),e.jsxs(p,{children:[e.jsx($,{children:s.multiLevelApprovalText.bold}),e.jsx(b,{children:s.multiLevelApprovalText.regular})]})]})]}),e.jsx(O,{windowSize:o,children:e.jsx(Y,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:J,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(g,{src:F,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},Fe=({reimbursementSetupView:i,userReimbursementInfo:o,meetingUrl:W,videoUrl:X,analytics:x,onSetupButtonClick:H,onCreateNewRemiButtonClick:Q,onBackClick:_,onSetupReimbursementSuccess:T,onClickMenuIcon:ee})=>{const C=le(),[ie,se]=j.useState(!1),[te,P]=j.useState(!1),re=S(),l=k(),{remiTermsDetails:h}=i,R=ae(h?.fetchStatus.fetchState),oe=A.hasReimbursementAdminLevelAccess(C.loggedInUserRoleMap),w=A.hasReimbursementAccess(C.loggedInUserRoleMap)&&!oe,ne=!!o?.isReimbursementTOSAccepted,B=!!i.companyRemiInfo?.isReimbursementEnabled,M=w?B?s.employeeAcceptPromoText:s.employeePendingPromoText:s.promoText;j.useEffect(()=>{R==="In-Progress"&&h?.fetchStatus.fetchState==="Completed"&&T?.()},[R,T,h?.fetchStatus]);const U=()=>{x?.trackReimbursementPromoScheduleDemo(),P(!0)};return e.jsxs(fe,{children:[ie===!0?e.jsx(be,{onCancelClick:()=>{se(!1)},videoUrl:X,"data-testid":a("remi-promo-page-video-popup")}):null,te===!0?e.jsx(je,{onCancelClick:()=>{P(!1)},meetingUrl:W,"data-testid":a("remi-promo-page-meeting-popup")}):null,e.jsx(me,{title:s.title,backgroundColor:re.colors.grey4,onBackClick:_,showBackButton:!w,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:ee,source:"ReimbursementPromoPage"}),e.jsxs(ye,{windowSize:l,children:[l==="small"?e.jsx(ke,{children:M}):e.jsx(Se,{children:M}),l==="small"?e.jsx(ve,{}):e.jsx(Te,{}),e.jsx(ze,{children:w?e.jsx(e.Fragment,{children:B&&!ne?e.jsxs(e.Fragment,{children:[e.jsxs(L,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:s.scheduleDemoButton,onClick:U,"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(I,{windowSize:l,children:s.orText}),e.jsx(u,{variant:"primary",label:s.createNewReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:Q,"data-testid":a("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(D,{children:[s.terms.createTerms1,e.jsx(m,{href:s.terms.tosUrl,linkText:s.terms.zeniAgreement,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),s.terms.terms2,e.jsx(m,{href:s.terms.privacyPolicyUrl,linkText:s.terms.privacyPolicy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),s.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(L,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:s.scheduleDemoButton,onClick:U,style:{width:216},"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(I,{windowSize:l,children:s.orText}),e.jsx(u,{variant:"primary",label:s.setupReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:H,style:{width:216},"data-testid":a("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(D,{children:[s.terms.setupTerms1,e.jsx(m,{href:n.consentUrl,linkText:n.consent}),n.term2,e.jsx(m,{href:n.depositUrl,linkText:n.depositTerms}),n.term3,e.jsx(m,{href:n.privacyPolicyUrl,linkText:n.privacy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(m,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),n.term5,s.terms.terms3]})]})})]})]})};export{Fe as default};
+`,s=E.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=E.getLocalizedStrings().commonSetUp.businessVerification.terms,ve=()=>{const i=S(),o=k();return e.jsxs(N,{windowSize:o,children:[e.jsx(q,{windowSize:o,children:e.jsx(O,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:K,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(g,{src:F,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(V,{windowSize:o,children:[e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(Y,{})}),e.jsxs(p,{children:[e.jsx(y,{children:s.simplestText.bold}),e.jsx(f,{children:s.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx(y,{children:s.aiPoweredText.bold}),e.jsx(f,{children:s.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(d,{children:e.jsx(Q,{})}),e.jsxs(p,{children:[e.jsx(y,{children:s.multiLevelApprovalText.bold}),e.jsx(f,{children:s.multiLevelApprovalText.regular})]})]})]})]})},Te=()=>{const i=S(),o=k();return e.jsxs(N,{windowSize:o,children:[e.jsxs(V,{windowSize:o,children:[e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(Y,{})}),e.jsxs(p,{children:[e.jsx($,{children:s.simplestText.bold}),e.jsx(b,{children:s.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx($,{children:s.aiPoweredText.bold}),e.jsx(b,{children:s.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(d,{children:e.jsx(Q,{})}),e.jsxs(p,{children:[e.jsx($,{children:s.multiLevelApprovalText.bold}),e.jsx(b,{children:s.multiLevelApprovalText.regular})]})]})]}),e.jsx(q,{windowSize:o,children:e.jsx(O,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:K,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(g,{src:F,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},Fe=({reimbursementSetupView:i,userReimbursementInfo:o,meetingUrl:W,videoUrl:X,analytics:x,onSetupButtonClick:H,onCreateNewRemiButtonClick:J,onBackClick:_,onSetupReimbursementSuccess:T,onClickMenuIcon:ee})=>{const C=le(),[ie,se]=j.useState(!1),[te,P]=j.useState(!1),re=S(),l=k(),{remiTermsDetails:h}=i,R=ae(h?.fetchStatus.fetchState),oe=L.hasReimbursementAdminLevelAccess(C.loggedInUserRoleMap),w=L.hasReimbursementAccess(C.loggedInUserRoleMap)&&!oe,ne=!!o?.isReimbursementTOSAccepted,B=!!i.companyRemiInfo?.isReimbursementEnabled,U=w?B?s.employeeAcceptPromoText:s.employeePendingPromoText:s.promoText;j.useEffect(()=>{R==="In-Progress"&&h?.fetchStatus.fetchState==="Completed"&&T?.()},[R,T,h?.fetchStatus]);const A=()=>{x?.trackReimbursementPromoScheduleDemo(),P(!0)};return e.jsxs(fe,{children:[ie===!0?e.jsx(be,{onCancelClick:()=>{se(!1)},videoUrl:X,"data-testid":a("remi-promo-page-video-popup")}):null,te===!0?e.jsx(je,{onCancelClick:()=>{P(!1)},meetingUrl:W,"data-testid":a("remi-promo-page-meeting-popup")}):null,e.jsx(me,{title:s.title,backgroundColor:re.colors.grey4,onBackClick:_,showBackButton:!w,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:ee,source:"ReimbursementPromoPage"}),e.jsxs(ye,{windowSize:l,children:[l==="small"?e.jsx(ke,{children:U}):e.jsx(Se,{children:U}),l==="small"?e.jsx(ve,{}):e.jsx(Te,{}),e.jsx(ze,{children:w?e.jsx(e.Fragment,{children:B&&!ne?e.jsxs(e.Fragment,{children:[e.jsxs(M,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:s.scheduleDemoButton,onClick:A,"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(I,{windowSize:l,children:s.orText}),e.jsx(u,{variant:"primary",label:s.createNewReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:J,"data-testid":a("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(D,{children:[s.terms.createTerms1,e.jsx(m,{href:s.terms.tosUrl,linkText:s.terms.zeniAgreement,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),s.terms.terms2,e.jsx(m,{href:s.terms.privacyPolicyUrl,linkText:s.terms.privacyPolicy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),s.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(M,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:s.scheduleDemoButton,onClick:A,style:{width:216},"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(I,{windowSize:l,children:s.orText}),e.jsx(u,{variant:"primary",label:s.setupReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:H,style:{width:216},"data-testid":a("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(D,{children:[s.terms.setupTerms1,e.jsx(m,{href:n.consentUrl,linkText:n.consent}),n.term2,e.jsx(m,{href:n.depositUrl,linkText:n.depositTerms}),n.term3,e.jsx(m,{href:n.privacyPolicyUrl,linkText:n.privacy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(m,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),n.term5,s.terms.terms3]})]})})]})]})};export{Fe as default};