@zeniai/web-cockpit-ui 1.15.8-dev → 1.15.9-dev

package/dist/assets/{ReimbursementApprovalRulesPage-C22bGg4Y-DujacG7V.js → ReimbursementApprovalRulesPage-CA54CNCd-BZeyQfno.js}

@@ -1,4 +1,4 @@
-import{e as N,J as A,O as S,V as t,bC as M,T as E,aQ as j,o,y as i,al as z,aO as k,cp as H,cq as V,cr as F,c$ as G,c as l,ba as U,F as T,b9 as q,p as P,c_ as J,bu as O,b as K}from"./index-CRNmezJu.js";import{n as r}from"./mui-mhzAEcDs.js";import{a as Q}from"./sentry-Dla7mstv.js";import"./liveblocks-BKvkleJ3.js";import"./core-hVMF2uNa.js";import"./recharts-BErFcng5.js";import"./zeni-epic-state-CSmiPBaP.js";import"./lottie-N_bekW9H.js";import"./analytics-g5EpLRud.js";import"./lexical-DYQnWL1V.js";import"./utils-D6NmQd1Q.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]="c6814c0c-83a3-4333-ad92-f9732812b22f",e._sentryDebugIdIdentifier="sentry-dbid-c6814c0c-83a3-4333-ad92-f9732812b22f")}catch{}})();const s={sectionWidth:new i(343,580,726),ruleWrapperPadding:new i(l[3],l[4]),wrapperGap:new i(l[4],l[3]),wrapperMarginBottom:new i(l[6],l[8]),lastWrapperMarginBottom:new i(l[5],l[9]),stepperWidthHeight:new i(20,l[5]),stepperItemLeft:new i(-29,-23),stepperItemTop:new i(2,l[0]),stepperItemPaddingLeft:new i(l[0],10),stepperItemMinHeight:new i(22,28),stepperLeft:new i(11,17),stepperTop:new i(2,l[0]),stepperContentTop:new i(l[0],-4)},W={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},Y=({showDeleteBtn:e=!1,isLastSection:m=!1,approvalRule:u,onEditRuleClick:b,onDeleteRuleClick:v})=>{const[w,c]=Q.useState(!1),a=A(),{range:d}=u.criteria[0],{steps:g,approvalRuleId:x}=u,n=S.getLocalizedStrings().commonSetUp.approval,f=()=>{c(!0)},y={onOkClick:()=>{c(!1),v?.(x)},onCancelClick:()=>{c(!1)}};return t.jsxs(Z,{windowSize:a,isLastSection:m,"data-testid":j("approval-rule-section",x),children:[t.jsxs(X,{windowSize:a,children:[t.jsxs(ne,{children:[t.jsxs(L,{windowSize:a,children:[n.from," ",k("0,0",d.min)]}),t.jsxs(ee,{children:[t.jsx(C,{}),t.jsx(te,{}),t.jsx(C,{})]}),d.max==null?t.jsx(ce,{}):t.jsx(L,{windowSize:a,children:k("0,0",{...d.min,amount:d.max.amount})})]}),t.jsxs(ae,{className:"icons",children:[e?t.jsx(pe,{onClick:f}):null,t.jsx(de,{onClick:()=>{b(x)},"data-testid":j("edit-approval-rule",x)})]})]}),t.jsx(oe,{windowSize:a,children:t.jsx(re,{isSingleStep:g.length===1,windowSize:a,children:g.map((h,D)=>t.jsxs(ie,{isSingleStep:g.length===1,className:"stepperItem",windowSize:a,children:[h.action==="require_approval"?t.jsx(le,{children:n.requireText}):t.jsx(se,{children:n.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,_)=>t.jsxs(B,{children:[t.jsx(I,{children:p.subType!=null?n.nonUsers[p.subType].label:null}),h.operator!="is"?t.jsx(R,{className:"operator",children:h.operator}):null]},`${p.subType}_${_}`)),h.actors.map(p=>t.jsxs(B,{children:[t.jsxs(I,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?t.jsx(R,{className:"operator",children:h.operator}):null]},p.userId))]},D))})}),w?t.jsx(H,{titleComponent:t.jsx(F,{children:n.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(V,{children:n.deleteApprovalRuleDesc}),primaryButtonText:n.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:n.cancelBtnText,action:y}):null]})},Z=r.div`
+import{g as _,Q as W,F as S,V as t,bB as M,T as E,aP as j,o,y as r,al as z,aN as k,co as H,cp as V,cq as F,c_ as G,u as l,b9 as U,a as T,b8 as q,p as P,cZ as J,bt as Z,b as K}from"./index-AqGiWrum.js";import{n as i}from"./mui-C_Pjuwl5.js";import{a as O}from"./sentry-CTKU7CLc.js";import"./liveblocks-D8QW-YrN.js";import"./core-mVc5WAnu.js";import"./recharts-BGj_NTVO.js";import"./zeni-epic-state-Cl3KIlic.js";import"./lottie-CoVfqInY.js";import"./analytics-YsywGP0I.js";import"./lexical-D1NyDz9G.js";import"./utils-DJxCyxGL.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]="d426885c-9084-4f78-953e-2daf43e158f6",e._sentryDebugIdIdentifier="sentry-dbid-d426885c-9084-4f78-953e-2daf43e158f6")}catch{}})();const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},A={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},Q=({showDeleteBtn:e=!1,isLastSection:m=!1,approvalRule:u,onEditRuleClick:b,onDeleteRuleClick:v})=>{const[g,c]=O.useState(!1),a=W(),{range:d}=u.criteria[0],{steps:w,approvalRuleId:x}=u,n=S.getLocalizedStrings().commonSetUp.approval,f=()=>{c(!0)},y={onOkClick:()=>{c(!1),v?.(x)},onCancelClick:()=>{c(!1)}};return t.jsxs(Y,{windowSize:a,isLastSection:m,"data-testid":j("approval-rule-section",x),children:[t.jsxs(X,{windowSize:a,children:[t.jsxs(ne,{children:[t.jsxs(L,{windowSize:a,children:[n.from," ",k("0,0",d.min)]}),t.jsxs(ee,{children:[t.jsx(I,{}),t.jsx(te,{}),t.jsx(I,{})]}),d.max==null?t.jsx(ce,{}):t.jsx(L,{windowSize:a,children:k("0,0",{...d.min,amount:d.max.amount})})]}),t.jsxs(ae,{className:"icons",children:[e?t.jsx(pe,{onClick:f}):null,t.jsx(de,{onClick:()=>{b(x)},"data-testid":j("edit-approval-rule",x)})]})]}),t.jsx(oe,{windowSize:a,children:t.jsx(ie,{isSingleStep:w.length===1,windowSize:a,children:w.map((h,D)=>t.jsxs(re,{isSingleStep:w.length===1,className:"stepperItem",windowSize:a,children:[h.action==="require_approval"?t.jsx(le,{children:n.requireText}):t.jsx(se,{children:n.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,N)=>t.jsxs(B,{children:[t.jsx(C,{children:p.subType!=null?n.nonUsers[p.subType].label:null}),h.operator!="is"?t.jsx(R,{className:"operator",children:h.operator}):null]},`${p.subType}_${N}`)),h.actors.map(p=>t.jsxs(B,{children:[t.jsxs(C,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?t.jsx(R,{className:"operator",children:h.operator}):null]},p.userId))]},D))})}),g?t.jsx(H,{titleComponent:t.jsx(F,{children:n.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(V,{children:n.deleteApprovalRuleDesc}),primaryButtonText:n.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:n.cancelBtnText,action:y}):null]})},Y=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -14,7 +14,7 @@ import{e as N,J as A,O as S,V as t,bC as M,T as E,aQ as j,o,y as i,al as z,aO as
       border-color: ${e=>e.theme.colors.primary};
     }
   }
-`,X=r(U)`
+`,X=i(U)`
   display: flex;
   position: relative;
   align-items: center;
@@ -22,20 +22,20 @@ import{e as N,J as A,O as S,V as t,bC as M,T as E,aQ as j,o,y as i,al as z,aO as
   text-align: center;
   width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
   gap: ${o.sp2};
-`,ee=r.div`
+`,ee=i.div`
   align-items: center;
   display: flex;
   justify-content: center;
-`,te=r.div`
+`,te=i.div`
   width: ${o.sp8};
   height: 2px;
   background-color: ${e=>e.theme.colors.primary};
-`,C=r.div`
+`,I=i.div`
   width: 6px;
   height: 6px;
   border-radius: 3px;
   background-color: ${e=>e.theme.colors.primary};
-`,oe=r.div`
+`,oe=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -56,8 +56,8 @@ import{e as N,J as A,O as S,V as t,bC as M,T as E,aQ as j,o,y as i,al as z,aO as
   justify-content: center;
   box-sizing: border-box;
   position: relative;
-`,re=r.ul`
-  ${e=>`${W.stepper.style(e.windowSize)}`};
+`,ie=i.ul`
+  ${e=>`${A.stepper.style(e.windowSize)}`};
   position: relative;
   padding-left: ${o.sp6};
   list-style: none;
@@ -73,7 +73,7 @@ import{e as N,J as A,O as S,V as t,bC as M,T as E,aQ as j,o,y as i,al as z,aO as
     height: ${e=>e.isSingleStep?"0%":"100%"};
     border-left: 2px solid ${e=>e.theme.colors.grey1};
   }
-`,ie=r.li`
+`,re=i.li`
   position: relative;
   counter-increment: list;
   min-height: ${e=>s.stepperItemMinHeight.valuePx(e.windowSize)};
@@ -128,20 +128,20 @@ import{e as N,J as A,O as S,V as t,bC as M,T as E,aQ as j,o,y as i,al as z,aO as
       border-radius: 50%;
     }
   }
-`,le=r.span`
+`,le=i.span`
   color: ${P.alertDark};
-`,se=r.span`
+`,se=i.span`
   color: ${P.successDark};
-`,I=r.span`
+`,C=i.span`
   color: ${e=>e.theme.colors.primary};
-`,ne=r.div`
+`,ne=i.div`
   display: flex;
   align-items: center;
   gap: ${o.sp2};
-`,ae=r.div`
+`,ae=i.div`
   display: flex;
   gap: ${o.sp5};
-`,pe=r(J)`
+`,pe=i(J)`
   width: ${o.sp3};
   height: ${o.sp3};
   cursor: pointer;
@@ -149,7 +149,7 @@ import{e as N,J as A,O as S,V as t,bC as M,T as E,aQ as j,o,y as i,al as z,aO as
   &:hover {
     color: ${P.important};
   }
-`,de=r(O)`
+`,de=i(Z)`
   width: ${o.sp3};
   height: ${o.sp3};
   cursor: pointer;
@@ -157,20 +157,20 @@ import{e as N,J as A,O as S,V as t,bC as M,T as E,aQ as j,o,y as i,al as z,aO as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ce=r(q)`
+`,ce=i(q)`
   width: ${o.sp4};
   height: ${o.sp4};
   color: ${e=>e.theme.colors.hero};
-`,R=r.span`
+`,R=i.span`
   color: ${e=>e.theme.colors.hero};
-`,B=r.div`
+`,B=i.div`
   display: inherit;
   gap: inherit;
-`,L=r.span`
-  ${e=>`${W.amount.style(e.windowSize)}`};
+`,L=i.span`
+  ${e=>`${A.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,$={width:new i(343,580,726),titleWidth:new i(343,580,780),addApprovalGap:new i(6,l[2]),subTitlePaddingTop:new i(12,l[3]),subTitlePaddingBottom:new i(28,l[7])},Re=({approvalView:e,onBackClick:m,onEditRuleClick:u,onDeleteRuleClick:b})=>{const v=N(),w=A(),{fetchState:c,deleteStatus:a}=e,d=S.getLocalizedStrings().commonSetUp.approval,g=S.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=a.fetchState,n=e.listeningToPusherEvent;return t.jsxs(he,{children:[t.jsx(M,{title:d.approvalPageHeader,backgroundColor:v.colors.grey4,style:{zIndex:4},onBackClick:()=>{m()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(me,{children:[t.jsx(xe,{windowSize:w,children:g.approvalPageSubTitle}),c==="In-Progress"||c==="Not-Started"||x==="In-Progress"||n===!0?t.jsxs(ue,{children:[t.jsx(E,{size:n===!0?"Large":"ExtraLarge",start:!0}),n===!0&&t.jsx(we,{windowSize:w,children:d.updatingApprovalRules.replace("__entity__","reimbursements")})]}):c==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((f,y)=>t.jsx(Y,{showDeleteBtn:y!==0,approvalRule:f,isLastSection:y===e.allApprovalRules.length-1,onEditRuleClick:u,onDeleteRuleClick:b},f.approvalRuleId)),t.jsxs(ge,{windowSize:w,onClick:()=>{u()},"data-testid":j("add-approval-rule"),children:[t.jsx($e,{}),t.jsx(fe,{children:d.addApprovalText})]})]}):null]})]})},he=r.div`
+`,$={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Re=({approvalView:e,onBackClick:m,onEditRuleClick:u,onDeleteRuleClick:b})=>{const v=_(),g=W(),{fetchState:c,deleteStatus:a}=e,d=S.getLocalizedStrings().commonSetUp.approval,w=S.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=a.fetchState,n=e.listeningToPusherEvent;return t.jsxs(he,{children:[t.jsx(M,{title:d.approvalPageHeader,backgroundColor:v.colors.grey4,style:{zIndex:4},onBackClick:()=>{m()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(me,{children:[t.jsx(xe,{windowSize:g,children:w.approvalPageSubTitle}),c==="In-Progress"||c==="Not-Started"||x==="In-Progress"||n===!0?t.jsxs(ue,{children:[t.jsx(E,{size:n===!0?"Large":"ExtraLarge",start:!0}),n===!0&&t.jsx(ge,{windowSize:g,children:d.updatingApprovalRules.replace("__entity__","reimbursements")})]}):c==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((f,y)=>t.jsx(Q,{showDeleteBtn:y!==0,approvalRule:f,isLastSection:y===e.allApprovalRules.length-1,onEditRuleClick:u,onDeleteRuleClick:b},f.approvalRuleId)),t.jsxs(we,{windowSize:g,onClick:()=>{u()},"data-testid":j("add-approval-rule"),children:[t.jsx($e,{}),t.jsx(fe,{children:d.addApprovalText})]})]}):null]})]})},he=i.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -178,14 +178,14 @@ import{e as N,J as A,O as S,V as t,bC as M,T as E,aQ as j,o,y as i,al as z,aO as
   background-color: ${e=>e.theme.colors.grey4};
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
     ${e.theme.colors.dropShadowNormal}`};
-`,me=r.div`
+`,me=i.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
   overflow-y: auto;
   flex-direction: column;
   align-items: center;
-`,ue=r.div`
+`,ue=i.div`
   display: flex;
   width: 100%;
   min-height: calc(100vh - 150px);
@@ -194,19 +194,19 @@ import{e as N,J as A,O as S,V as t,bC as M,T as E,aQ as j,o,y as i,al as z,aO as
   align-items: center;
   gap: ${o.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,xe=r(z)`
+`,xe=i(z)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
   width: ${e=>$.titleWidth.valuePx(e.windowSize)};
   padding-top: ${e=>$.subTitlePaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>$.subTitlePaddingBottom.valuePx(e.windowSize)};
-`,we=r(z)`
+`,ge=i(z)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
   margin-top: ${o.sp3};
-`,ge=r(z)`
+`,we=i(z)`
   cursor: pointer;
   display: flex;
   flex-direction: row;
@@ -235,9 +235,9 @@ import{e as N,J as A,O as S,V as t,bC as M,T as E,aQ as j,o,y as i,al as z,aO as
     border-color: ${e=>e.theme.colors.primary};
   }
   margin-bottom: ${o.sp6};
-`,$e=r(G)`
+`,$e=i(G)`
   width: ${o.sp3};
   height: ${o.sp3};
-`,fe=r.div`
+`,fe=i.div`
   color: ${e=>e.theme.colors.hero};
 `;export{Re as default};

package/dist/assets/ReimbursementDetailPage-C8P6S9yn-CjGqaV3N.js

@@ -0,0 +1,314 @@
+import{aw as Mt,a8 as Rt,Q as Pt,g as Bt,cc as Nt,y as m,F as et,gg as Lt,gi as _t,gj as Ot,V as t,co as Ae,cp as Me,cq as Re,bB as Pe,aP as y,bo as Wt,dt as Et,gk as Ft,gv as Be,o as a,gl as Ne,fg as b,go as w,fj as x,aN as Le,ff as _e,b as V,gq as Oe,aR as Kt,ao as Ut,gr as Vt,gs as re,bx as Gt,gt as Ht,x as Yt,a as qt,d as Jt,al as tt,b9 as it,p as G,am as Qt,bU as Zt,ai as Xt,gN as ei,gJ as ti,u as c,ch as ii,cY as ai}from"./index-AqGiWrum.js";import{a as p}from"./sentry-CTKU7CLc.js";import{n as r}from"./mui-C_Pjuwl5.js";import{a as ri}from"./liveblocks-D8QW-YrN.js";import{bL as oi,bP as ni,FH as li}from"./zeni-epic-state-Cl3KIlic.js";import si from"./InvoiceUploadSection-DEchJrtp-C92WVr8V.js";import{r as di,h as f,u as ci}from"./types-DyvtCprH-NFPm5TaG.js";import"./core-mVc5WAnu.js";import"./lottie-CoVfqInY.js";import"./recharts-BGj_NTVO.js";import"./analytics-YsywGP0I.js";import"./lexical-D1NyDz9G.js";import"./utils-DJxCyxGL.js";import"./AttachmentView-BreMzQ_m-BNxecg_Q.js";import"./uploadReceipts-DJRtId-4-Bz9k1YgZ.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]="bb6017f8-dbe8-4b8f-b893-82d4307b1234",e._sentryDebugIdIdentifier="sentry-dbid-bb6017f8-dbe8-4b8f-b893-82d4307b1234")}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])},mi={formTitle:new qt("h6Regular","h5Regular")},sa=({remiDetails:e,uploadInvoiceEndPoint:C,authParams:ne,isAdmin:le,signedInUser:se,showApproveRejectBtns:de,isRealTimeApprovalEnabled:ce,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:me,isSignedInUserReimbursementCreator:at,updateEditRealTimeApproverClicked:pe,onSaveRealTimeApprovals:ue,redirectToReimbursementListScreen:H,redirectToEditableReimbursementScreen:rt,onDuplicateLineClick:ot,approveOrRejectRemi:he,deleteReimbursement:nt,cancelAndDeleteReport:ye,handleZeniLogoClick:lt,onAddNewRule:ge,initialOpenThreadRequest:z})=>{const d=Mt(),st=Rt().analytics,o=Pt(),be=Bt(),[dt,A]=p.useState(!1),[Y,q]=p.useState(!1),[ct,J]=p.useState(!1),[Q,Z]=p.useState("approved"),N=p.useRef(null),[S,X]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[k,mt]=p.useState(null),[pt,L]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,we=p.useRef({}),xe=l=>{const n=we.current[l];n!=null&&setTimeout(()=>ci(n,N.current),100)};p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&H()},[e,H]),p.useEffect(()=>{const l=window.location.hash;if(l&&l.startsWith("#L")){const n=l.substring(1);xe(n)}},[]);const ut=()=>{H()};Nt({componentName:"reimbursement.details"});const ht={onOkClick:()=>{A(!1),S.primaryButtonText===i.buttons.delete?nt?.():S.title===i.cancelReportTitle?ye?.():S.title===i.cancelAndDeleteReportTitle&&ye?.(!0)},onCancelClick:()=>{A(!1)}},I=s.labelWidth.value(o),M=s.largeLabelWidth.value(o),fe=et.getLocalizedStrings(),{common:{texts:{comments:yt},strings:{empty:$e}},collaboration:{threads:{placeholder:{addANewComment:gt,replyAComment:bt},tooltip:{resolveComment:wt,unResolveComment:xt}}},dateFormat:ve}=fe,{reimbursementDetail:i,bulkActions:_}=fe.spendManagement.reimbursement,ee=e.remiDetails?.reportTitle,j=e.remiDetails?.lines??[],O=e.remiDetails?.reimbursementInfo.stage,W=e.remiDetails?.reimbursementInfo.billStatus,E=e.remiDetails?.reimbursementInfo.billPaymentStatus,Te=O?.code==="paid",ft=Te?O:W?.code=="approved"&&E?.code?E:W,$=pi(e.remiDetails),R=W?.code=="approved"&&E?.code?E:W,F=e.remiDetails?.isDeleted??!1,je=e.remiDetails?.amount,Se=e.remiDetails?.amount.amount??0,Ie=()=>{X({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),A(!0)},$t=()=>{X({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),A(!0)},vt=()=>{X({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),A(!0)},De=()=>{rt()},Tt={onOkClick:l=>{J(!1),he({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{J(!1)}},jt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?De():(Z("approved"),he({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(Z("delete"),Ie()):(Z("rejected"),J(!0))},It=e.remiDetails?.reimbursementInfo.paymentDate!=null?oi(ni(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,te=e.remiDetails?.reimbursementInfo.expectedDepositDate??It,Dt=e.remiDetails?.lines?.some(l=>{const n=l.lineDetail;return n?.account?.isDeleted===!0&&n?.account?.isBillEditableCoaAccountType===!1})??!1,Ce=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&at&&!Dt,Ct=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ie=ft?.code,kt=di(e.duplicateLineByLineId),ke=e.duplicateReimbursementStatus.fetchState==="Completed"&&kt>0,{requestToOpenThread:ae,setRequestToOpenThread:K,setOpenThread:U}=p.useContext(Lt);p.useEffect(()=>{z?.threadId!=null&&z?.companyId!=null&&z?.entityType!=null&&K(z)},[z,K]);const{threads:P,isLoading:D}=_t({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),zt=p.useMemo(()=>P.filter(l=>l.resolved===!1&&!l.id.includes(Ot)),[P]).length,At=p.useCallback((l,n)=>{U(n),L(!1)},[U,L]);p.useEffect(()=>{ae?.threadId!=null&&P.length>0&&!D&&(U(ae.threadId),K(null))},[ae,P,D,U,K]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},B=li(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Oi,{windowSize:o,ref:N,children:[dt?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:S.title}),descriptionComponent:t.jsx(Me,{children:S.description}),primaryButtonText:S.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:S.secondaryButtonText,action:ht}):null,ct?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(Me,{children:i.rejectRemiDescription}),primaryButtonText:i.buttons.send,secondaryButtonText:i.buttons.cancel,action:Tt,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Mi,{windowSize:o,"data-testid":y("reimbursement-detail-page-nav-bar-container"),children:[o!=="small"?t.jsx(Pe,{"data-testid":y("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(Ri,{onClick:()=>lt?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:be.colors.background,keepBackgroundOnScroll:!0,scrollableContent:N,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(ki,{}):null,t.jsx(Pe,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:ee??$e,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:o!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Bi,{children:[u?t.jsxs(Ni,{isDisabled:D,onClick:D?()=>null:l=>{l.preventDefault(),l.stopPropagation(),mt({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),L(!0),st.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(n=>Et(n)),void 0,void 0,"page icon")},"data-testid":y("remi-comments-section"),children:[t.jsx(Wt,{count:D?void 0:zt,isLoading:D,style:{left:"12px"}}),t.jsx(Li,{})]}):null,t.jsx(_i,{size:o,onClick:()=>ut(),"data-testid":y("remi-detail-page-close"),children:t.jsx(Pi,{})})]}),scrollableContent:N,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Gi,{children:[o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(qe,{windowSize:o,children:t.jsx(Je,{windowsSize:o,children:ee})}),e.createdBy?.userId!=null?t.jsx(Ve,{windowSize:o,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,me&&$!=null?t.jsx(Ge,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null,R?.code!=null?o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Ft,{progressSectionObj:R,createDate:e.remiDetails?.createTime,paymentDate:te,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F}),B?t.jsx(Be,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:_.duplicateWarning.title,description:_.duplicateWarning.description}):ke?t.jsxs(We,{size:o,children:[t.jsx(Ue,{}),t.jsxs(Fe,{children:[t.jsx(Ee,{children:i.thereSeems}),t.jsx(Ke,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ye,{windowSize:o,children:t.jsx(Ne,{progressSectionObj:R,createDate:e.remiDetails?.createTime,paymentDate:te,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F})}):null]}):null,j.map((l,n)=>{const v=e.duplicateLineByLineId[l.lineId];return t.jsxs(Xe,{windowSize:o,children:[t.jsx(Ki,{windowSize:o,children:t.jsx(Ui,{bottomSeperator:j.length!==1,windowSize:o,children:t.jsx(si,{showAutofill:!1,uploadInvoiceEndPoint:C,authParams:ne,entityId:e.remiDetails?.id,file:l.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:j.length>1?`#${n+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:j.length-1===n||n===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"reimbursement"})})}),t.jsxs(Fi,{windowSize:o,children:[n===0&&o!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(qe,{windowSize:o,children:[t.jsx(Je,{windowsSize:o,children:ee}),me&&$!=null?t.jsx(Ge,{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,R?.code!=null?t.jsx(Ye,{windowSize:o,children:t.jsx(Ne,{progressSectionObj:R,createDate:e.remiDetails?.createTime,paymentDate:te,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F})}):null,B?t.jsx(Be,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:_.duplicateWarning.title,description:_.duplicateWarning.description}):ke?t.jsxs(We,{size:o,children:[t.jsx(Ue,{}),t.jsxs(Fe,{children:[t.jsx(Ee,{children:i.thereSeems}),t.jsx(Ke,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(wi,{windowSize:o,ref:ze=>{ze!=null&&(we.current[`L${l.lineId}`]=ze)},children:[o!=="small"?t.jsx(bi,{children:t.jsx(xi,{children:j.length>1?`#${n+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(fi,{windowSize:o,children:[v?.duplicateLineId!=null?t.jsxs(yi,{children:[i.thisExpenseReview," ",t.jsx(gi,{onClick:()=>{if(v.isDuplicateWithinTransaction&&v.duplicateLineId!=null)return xe(`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: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:M},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:M},text:l.transactionDate?.format(ve.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:M},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?Le("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:M},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:M},text:l.transactionDate?.format(ve.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?Le("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}`}})})]})]})]}),j.length!==1&&j.length===n+1&&t.jsxs(Ei,{windowSize:o,children:[t.jsxs(Qe,{windowSize:o,children:[t.jsx(Ze,{children:i.total}),t.jsx(_e,{amount:je,integerStyles:V.h6Regular.cssObject,decimalStyles:V.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Oe,{amount:Se,activities:e.remiActivities,stage:O?.code??"draft",onAddNewRule:ge,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:le,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),j.length===1&&t.jsxs(Xe,{windowSize:o,children:[t.jsx(He,{}),t.jsxs(ui,{windowSize:o,children:[t.jsx(Wi,{windowSize:o,children:t.jsxs(Qe,{windowSize:o,children:[t.jsx(Ze,{children:i.total}),t.jsx(_e,{amount:je,integerStyles:V.h6Regular.cssObject,decimalStyles:V.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(hi,{windowSize:o,children:t.jsx(Oe,{amount:Se,activities:e.remiActivities,stage:O?.code??"draft",onAddNewRule:ge,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:le,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue}})})]})]}),t.jsx(Vi,{})]}),Te||F===!0?null:t.jsxs(Ai,{children:[o!=="small"?t.jsx(He,{}):null,t.jsx(vi,{windowSize:o,"data-testid":y("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),Y===!0&&q(!1)},children:t.jsx(Kt,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||de,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||de,cancelBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.delete:i.buttons.deleteReport:o==="small"?i.buttons.reject:i.buttons.rejectReport,isLoading:Q==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||Q==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:St,style:{width:s.footerButtonWidth.value(o)},reverseSpinnerColor:!1},primaryBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.edit:i.buttons.editAndResubmit:o==="small"?i.buttons.approve:i.buttons.approveReport,isLoading:Q==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:jt,style:{width:s.footerButtonWidth.value(o)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx($i,{children:t.jsxs(zi,{windowSize:o,children:[!B&&Y?t.jsx(Ut,{onClickAway:()=>q(!1),children:t.jsxs(Ci,{windowSize:o,children:[ie!=="processing"?t.jsx(oe,{onClick:Ie,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,ie==="processing"?t.jsx(oe,{onClick:$t,"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ie==="processing"?t.jsx(oe,{onClick:vt,"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(Di,{windowSize:o,children:[!B&&Ce?t.jsx(Ii,{onClick:De,"data-testid":y("remi-edit-button"),children:t.jsx(Si,{})}):null,!B&&Ct===!0?t.jsx(ji,{windowSize:o,showEditIcon:Ce,children:t.jsx(Ti,{onClick:()=>q(!Y),"data-testid":y("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),u?t.jsx(ri,{id:h,children:t.jsx(Vt,{isDrawerOpen:pt,allowComposer:!0,drawerTitle:yt,threads:P,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:k?.companyId??$e,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:gt,replyComposerPlaceholder:bt,threadResolve:wt,threadUnResolve:xt},onThreadClick:(l,n)=>At(l,n),onCloseAllThreadsDrawer:()=>L(!1),drawerSectionStyle:{width:"400px",backgroundColor:be.colors.background}})}):null]})},pi=e=>{const C=et.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:C.tabsById.deleted,color:re.deleted.color,bgColor:re.deleted.bgColor,borderColor:re.deleted.borderColor,code:"deleted"}},ui=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,hi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>s.activityBottomMargin.valuePx(e.windowSize)};
+`,yi=r(Qt)`
+  padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
+  background-color: ${G.alertLight};
+  color: ${G.brandColorGoldDark};
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+`,gi=r.span`
+  border-bottom: 1px solid currentColor;
+  cursor: pointer;
+`,We=r.div`
+  display: flex;
+  gap: ${a.sp2};
+  padding: ${a.sp3};
+  border-radius: ${a.sp2};
+  align-items: start;
+  margin-top: ${e=>s.duplicateBannerWrapperMarginTop.valuePx(e.size)};
+  margin-right: ${e=>s.duplicateBannerWrapperMarginRight.valuePx(e.size)};
+  margin-bottom: ${e=>s.duplicateBannerWrapperMarginBottom.valuePx(e.size)};
+  margin-left: ${e=>s.duplicateBannerWrapperMarginLeft.valuePx(e.size)};
+  background-color: ${G.alertLight};
+  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
+`,Ee=r(ii)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Fe=r.div`
+  width: 100%;
+`,Ke=r(tt)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Ue=r(ai)`
+  width: ${a.sp4};
+  height: ${a.sp4};
+  color: ${G.brandColorGoldDark};
+`,Ve=r(tt)`
+  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+`,bi=r.div`
+  display: flex;
+  justify-content: space-between;
+`,wi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,xi=r(it)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${a.sp3};
+`,fi=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+  margin-bottom: ${e=>s.formBottomMargin.valuePx(e.windowSize)};
+  z-index: 3;
+`,$i=r.div`
+  display: flex;
+  justify-content: flex-end;
+`,vi=r.div`
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,Ti=r(ti)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp5};
+  height: ${a.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ji=r.div`
+  display: flex;
+  margin-left: ${e=>e.windowSize==="small"?e.showEditIcon===!0?a.sp3:a.sp4:a.sp5};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Si=r(ei)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp5};
+  height: ${a.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ii=r.div`
+  display: flex;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  margin-left: ${a.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ge=r(it)`
+  display: flex;
+  color: ${e=>e.borderColor};
+  align-items: center;
+  justify-content: flex-end;
+  margin-left: ${a.sp3};
+  padding: 1px 6px 1px 6px;
+  border: ${e=>`1px solid ${e.borderColor}`};
+  border-radius: ${a.sp1};
+  min-width: fit-content;
+  max-width: fit-content;
+`,Di=r.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Ci=r.div`
+  display: flex;
+  width: max-content;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  padding-top: ${a.sp1};
+  padding-bottom: ${a.sp1};
+  position: absolute;
+  bottom: ${e=>s.otherActionsContainerBottom.valuePx(e.windowSize)};
+  z-index: 3;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${a.sp1};
+  right: ${e=>s.right.valuePx(e.windowSize)};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.grey1} 3D`};
+`,ki=r.div`
+  position: fixed;
+  top: 0;
+  left: 42vw;
+  width: 100%;
+  height: 100vh;
+  background: transparent;
+  box-shadow: 0 2px ${a.sp1} ${({theme:e})=>e.colors.dropShadowNormal};
+  pointer-events: none;
+  z-index: 1;
+`,zi=r.div`
+  width: auto;
+  justify-content: flex-end;
+  position: ${e=>e.windowSize==="small"?"static":"relative"};
+  right: ${e=>s.actionsContainerRight.valuePx(e.windowSize)};
+  height: 100%;
+  display: flex;
+`,oe=r(Xt)`
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding-left: ${a.sp3};
+  padding-right: ${a.sp3};
+  height: ${a.sp6};
+  box-sizing: border-box;
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,Ai=r.div`
+  display: flex;
+  width: 100%;
+  position: sticky;
+  bottom: 0;
+  z-index: 2;
+`,Mi=r.div`
+  min-height: ${e=>s.navBarHeight.valuePx(e.windowSize)};
+  height: ${e=>s.navBarHeight.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-between;
+  position: fixed;
+  z-index: 4;
+`,Ri=r(Gt)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+`,T=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Pi=r(Yt)`
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  float: right;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Bi=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.windowSize)};
+  display: flex;
+  float: right;
+`,Ni=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Li=r(Ht)`
+  display: flex;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  align-items: center;
+  justify-content: center;
+`,_i=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.size)};
+  margin-left: ${a.sp5};
+`,Oi=r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100vw;
+  background: -webkit-linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  background: -moz-linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  background: -o-linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  background: linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  ${e=>e.windowSize==="small"&&`
+    background: ${e.theme.colors.grey4};
+  `}
+  height: 100vh;
+  overflow: scroll;
+`,He=r.div`
+  width: 42%;
+`,Wi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,Ye=r.div`
+  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,qe=r.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"unset":"center"};
+  margin-top: ${e=>s.topMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+  width: ${e=>e.windowSize==="small"?"fit-content":"unset"};
+`,Je=r(Jt)`
+  flex-grow: 1;
+  ${e=>`${mi.formTitle.style(e.windowsSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-all;
+`,Ei=r.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,Qe=r.div`
+  padding: ${a.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>e.theme.colors.grey3};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${a.sp2};
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${e=>s.totalBottomMargin.valuePx(e.windowSize)};
+  justify-content: space-between;
+`,Ze=r(Zt)`
+  display: flex;
+  width: 176px;
+  color: ${e=>e.theme.colors.primary};
+`,Fi=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,Xe=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"center":"flex-start"};
+`,Ki=r.div`
+  width: ${e=>s.leftSectionWidth.valuePercentage(e.windowSize)};
+`,Ui=r.div`
+  background: ${e=>e.theme.colors.grey3};
+  border-radius: ${a.sp2};
+  margin-top: ${e=>s.topMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.invoiceLeftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.invoiceRightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>e.bottomSeperator===!0&&e.windowSize!=="small"?"107px":a.sp5};
+`,Vi=r.div`
+  display: flex;
+  flex-direction: column;
+  height: ${a.sp11};
+`,Gi=r.div`
+  margin-top: 78px;
+`;export{sa as default};

package/dist/assets/ReimbursementPromoPage-Bv6Eg8CH-iUgCjzha.js

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