@zeniai/web-cockpit-ui 1.15.37-dev → 1.15.38-dev

package/dist/assets/QBOSetupSection-Dts3QjOd-DUY-_5aO.js

@@ -1,79 +0,0 @@
-import{J as O,F as u,V as i,r as k,o,x as a,p as c,fT as I,z as T,ag as D,bw as W,eS as _,fK as B,aW as h,aj as f,u as r}from"./index-DkG4Gq_1.js";import{n as s}from"./mui-jyIGzSd8.js";import E from"./QBOConnectionDialog-KDwylUf5-C4EhHf0D.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="ba5b3111-6e7c-485d-9b84-a9f2eb22b7ee",e._sentryDebugIdIdentifier="sentry-dbid-ba5b3111-6e7c-485d-9b84-a9f2eb22b7ee")}catch{}})();const l={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])},A={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:t=!1,isValid:d,saveConnectionState:p,isQBOPopupOpen:$,companyName:b,updateQBOPopupState:w,handleOnConnectClick:y})=>{const n=O(),{qbo_connection:j}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:S,sucessText:z,button:v,errorText:P,requiredText:C}=j;return i.jsxs(F,{windowSize:n,children:[i.jsxs(G,{windowSize:n,children:[n==="small"?i.jsx(L,{children:d?i.jsx(R,{}):i.jsx(U,{})}):null,i.jsx(H,{windowSize:n,children:S})]}),i.jsxs(M,{windowSize:n,children:[i.jsxs(N,{windowSize:n,children:[i.jsxs(V,{children:[i.jsx(q,{}),i.jsx(J,{windowSize:n}),i.jsx(K,{})]}),d?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"})]}),d?i.jsxs(i.Fragment,{children:[i.jsx(Q,{children:z}),n==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:P})}):null,t&&!d?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:C})}):null]}),i.jsx(E,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:$,companyName:b,saveConnectionState:p,handleOnConnectClick:y,handleGoBack:()=>w(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:t}=e;return i.jsx(B,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:t,textColor:{color:new h(c.successDark),borderColor:new h(c.successDark)}})},F=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,G=s.div`
-  display: flex;
-  align-items: center;
-  padding-top: ${o.sp3};
-  padding-bottom: ${o.sp3};
-  width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
-`,H=s.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.primary};
-  ${e=>`${A.title.style(e.windowSize)}`};
-`,M=s.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
-  fill: ${e=>e.theme.colors.grey1};
-  justify-content: space-between;
-  box-sizing: border-box;
-  padding: ${e=>l.containerPadding.valuePx(e.windowSize)};
-  &:hover {
-    border: 1px solid ${e=>e.theme.colors.primary};
-    fill: ${e=>e.theme.colors.primary};
-  }
-`,x=s.div`
-  width: 100%;
-  display: flex;
-  margin-top: ${o.sp4};
-`,g=s(f)`
-  display: flex;
-  color: ${c.important};
-`,N=s.div`
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  row-gap: ${e=>l.topElementsRowGap.valuePx(e.windowSize)};
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,Q=s(f)`
-  display: flex;
-  margin-top: ${o.sp2};
-  color: ${e=>e.theme.colors.hero};
-`,V=s.div`
-  display: flex;
-  align-items: center;
-  gap: ${o.sp4};
-  justify-content: left;
-  color: ${e=>e.theme.colors.primary};
-`,q=s(D)`
-  height: 20px;
-  width: auto;
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-`,J=s(W)`
-  height: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
-  width: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
-  color: ${e=>e.theme.colors.hero};
-`,K=s(_)`
-  height: ${o.sp4};
-  color: ${e=>e.theme.colors.primary};
-`,L=s.div`
-  margin-right: ${o.sp2};
-`,R=s(I)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${c.success};
-`,U=s.div`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  border: 1px solid ${e=>e.theme.colors.primary};
-  border-radius: 50%;
-`;export{ee as t};

package/dist/assets/ReimbursementApprovalRuleDetailPage-Dz5HZk-8-DvJd2LPe.js

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

package/dist/assets/ReimbursementDetailPage-BdJYqqCn-NfEyGt7Z.js

@@ -1,314 +0,0 @@
-import{ax as Mt,a8 as Rt,J as Pt,y as Bt,ce as Nt,x as m,F as et,gl as Lt,gn as Ot,go as _t,V as t,cr as Ae,cs as Me,ct as Re,bD as Pe,ab as y,bp as Et,dw as Wt,gp as Ft,gA as Be,o as a,gq as Ne,fm as g,gt as w,fp as x,aP as Le,fl as Oe,w as V,gv as _e,aS as Kt,ap as Ut,gw as Vt,gx as re,by as Gt,gy as Ht,a as Yt,z as qt,M as Jt,am as tt,ba as it,p as G,an as Xt,bW as Zt,aj as Qt,gS as ei,gO as ti,u as c,cj as ii,c$ as ai}from"./index-DkG4Gq_1.js";import{a as p}from"./sentry-CkqzujGZ.js";import{n as r}from"./mui-jyIGzSd8.js";import{a as ri}from"./liveblocks-CZpRcduP.js";import{bL as oi,bP as ni,Gy as li}from"./zeni-epic-state-B9mN2lN3.js";import si from"./InvoiceUploadSection-D_uWzQW4-CbvqsKX2.js";import{r as di,h as f,u as ci}from"./types-DyvtCprH-NFPm5TaG.js";import"./core-CBRgKovr.js";import"./lottie-CvYZqvKo.js";import"./recharts-CCz6EACy.js";import"./analytics-Cu6vrn8M.js";import"./lexical-BgntzHWG.js";import"./utils-CvgqAgFT.js";import"./AttachmentView-Q7kiwPOS-CHDjMQDr.js";import"./uploadReceipts-Dge0cNF1-Df05JrMP.js";import"./upload-reimbursement-receipt-O2N8vcO7-DeMVLI5_.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]="82ad24b5-9246-4ff2-adbd-904b3ba0cdf6",e._sentryDebugIdIdentifier="sentry-dbid-82ad24b5-9246-4ff2-adbd-904b3ba0cdf6")}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")},da=({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:be,initialOpenThreadRequest:k})=>{const d=Mt(),st=Rt().analytics,o=Pt(),ge=Bt(),[dt,A]=p.useState(!1),[Y,q]=p.useState(!1),[ct,J]=p.useState(!1),[X,Z]=p.useState("approved"),N=p.useRef(null),[j,Q]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[z,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),j.primaryButtonText===i.buttons.delete?nt?.():j.title===i.cancelReportTitle?ye?.():j.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:bt,replyAComment:gt},tooltip:{resolveComment:wt,unResolveComment:xt}}},dateFormat:ve}=fe,{reimbursementDetail:i,bulkActions:O}=fe.spendManagement.reimbursement,ee=e.remiDetails?.reportTitle,S=e.remiDetails?.lines??[],_=e.remiDetails?.reimbursementInfo.stage,E=e.remiDetails?.reimbursementInfo.billStatus,W=e.remiDetails?.reimbursementInfo.billPaymentStatus,Te=_?.code==="paid",ft=Te?_:E?.code=="approved"&&W?.code?W:E,$=pi(e.remiDetails),R=E?.code=="approved"&&W?.code?W:E,F=e.remiDetails?.isDeleted??!1,Se=e.remiDetails?.amount,je=e.remiDetails?.amount.amount??0,Ie=()=>{Q({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=()=>{Q({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),A(!0)},vt=()=>{Q({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)}},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?De():(Z("approved"),he({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},jt=()=>{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,zt=di(e.duplicateLineByLineId),ze=e.duplicateReimbursementStatus.fetchState==="Completed"&&zt>0,{requestToOpenThread:ae,setRequestToOpenThread:K,setOpenThread:U}=p.useContext(Lt);p.useEffect(()=>{k?.threadId!=null&&k?.companyId!=null&&k?.entityType!=null&&K(k)},[k,K]);const{threads:P,isLoading:D}=Ot({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),kt=p.useMemo(()=>P.filter(l=>l.resolved===!1&&!l.id.includes(_t)),[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 b={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},B=li(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(_i,{windowSize:o,ref:N,children:[dt?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:j.title}),descriptionComponent:t.jsx(Me,{children:j.description}),primaryButtonText:j.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:j.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:ge.colors.background,keepBackgroundOnScroll:!0,scrollableContent:N,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(zi,{}):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=>Wt(n)),void 0,void 0,"page icon")},"data-testid":y("remi-comments-section"),children:[t.jsx(Et,{count:D?void 0:kt,isLoading:D,style:{left:"12px"}}),t.jsx(Li,{})]}):null,t.jsx(Oi,{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:O.duplicateWarning.title,description:O.duplicateWarning.description}):ze?t.jsxs(Ee,{size:o,children:[t.jsx(Ue,{}),t.jsxs(Fe,{children:[t.jsx(We,{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,S.map((l,n)=>{const v=e.duplicateLineByLineId[l.lineId];return t.jsxs(Qe,{windowSize:o,children:[t.jsx(Ki,{windowSize:o,children:t.jsx(Ui,{bottomSeperator:S.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:S.length>1?`#${n+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:S.length-1===n||n===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"reimbursement"})})}),t.jsxs(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:O.duplicateWarning.title,description:O.duplicateWarning.description}):ze?t.jsxs(Ee,{size:o,children:[t.jsx(Ue,{}),t.jsxs(Fe,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Ke,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(wi,{windowSize:o,ref:ke=>{ke!=null&&(we.current[`L${l.lineId}`]=ke)},children:[o!=="small"?t.jsx(gi,{children:t.jsx(xi,{children:S.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(bi,{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(g,{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:{...b,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(g,{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:{...b,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(g,{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:{...b,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(g,{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:{...b,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(g,{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:{...b,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(g,{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:{...b,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(g,{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:{...b,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(g,{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:{...b,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(g,{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:{...b,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(g,{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:{...b,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(g,{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:{...b,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(g,{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:{...b,entityType:`reimbursement.details.${f("class",n,"out_of_pocket")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(w,{label:{label:i.department,width:I},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),S.length!==1&&S.length===n+1&&t.jsxs(Wi,{windowSize:o,children:[t.jsxs(Xe,{windowSize:o,children:[t.jsx(Ze,{children:i.total}),t.jsx(Oe,{amount:Se,integerStyles:V.h6Regular.cssObject,decimalStyles:V.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(_e,{amount:je,activities:e.remiActivities,stage:_?.code??"draft",onAddNewRule:be,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)}),S.length===1&&t.jsxs(Qe,{windowSize:o,children:[t.jsx(He,{}),t.jsxs(ui,{windowSize:o,children:[t.jsx(Ei,{windowSize:o,children:t.jsxs(Xe,{windowSize:o,children:[t.jsx(Ze,{children:i.total}),t.jsx(Oe,{amount:Se,integerStyles:V.h6Regular.cssObject,decimalStyles:V.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(hi,{windowSize:o,children:t.jsx(_e,{amount:je,activities:e.remiActivities,stage:_?.code??"draft",onAddNewRule:be,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:X==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||X==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:jt,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:X==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:St,style:{width:s.footerButtonWidth.value(o)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx($i,{children:t.jsxs(ki,{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(ji,{})}):null,!B&&Ct===!0?t.jsx(Si,{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:z?.companyId??$e,isGlobalComment:!1,tab:"reimbursement"},isLoading:D,threadMetadata:z?{companyName:z.companyName,companyId:z.companyId,entityId:z.entityId,entityType:z.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:bt,replyComposerPlaceholder:gt,threadResolve:wt,threadUnResolve:xt},onThreadClick:(l,n)=>At(l,n),onCloseAllThreadsDrawer:()=>L(!1),drawerSectionStyle:{width:"400px",backgroundColor:ge.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(Xt)`
-  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;
-`,bi=r.span`
-  border-bottom: 1px solid currentColor;
-  cursor: pointer;
-`,Ee=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};
-`,We=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};
-`,gi=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};
-  }
-`,Si=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};
-  }
-`,ji=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`};
-`,zi=r.div`
-  position: fixed;
-  top: 0;
-  left: 42vw;
-  width: 100%;
-  height: 100vh;
-  background: transparent;
-  box-shadow: 0 2px ${a.sp1} ${({theme:e})=>e.colors.dropShadowNormal};
-  pointer-events: none;
-  z-index: 1;
-`,ki=r.div`
-  width: auto;
-  justify-content: flex-end;
-  position: ${e=>e.windowSize==="small"?"static":"relative"};
-  right: ${e=>s.actionsContainerRight.valuePx(e.windowSize)};
-  height: 100%;
-  display: flex;
-`,oe=r(Qt)`
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding-left: ${a.sp3};
-  padding-right: ${a.sp3};
-  height: ${a.sp6};
-  box-sizing: border-box;
-  &:hover {
-    background-color: ${e=>e.theme.colors.background};
-  }
-`,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;
-`,Oi=r.div`
-  margin-top: ${e=>s.closeMarginTop.valuePx(e.size)};
-  margin-left: ${a.sp5};
-`,_i=r.div`
-  display: flex;
-  flex-direction: column;
-  width: 100vw;
-  background: -webkit-linear-gradient(
-    to right,
-    ${e=>e.theme.colors.background} 42%,
-    ${e=>e.theme.colors.grey4} 42%
-  );
-  background: -moz-linear-gradient(
-    to right,
-    ${e=>e.theme.colors.background} 42%,
-    ${e=>e.theme.colors.grey4} 42%
-  );
-  background: -o-linear-gradient(
-    to right,
-    ${e=>e.theme.colors.background} 42%,
-    ${e=>e.theme.colors.grey4} 42%
-  );
-  background: linear-gradient(
-    to right,
-    ${e=>e.theme.colors.background} 42%,
-    ${e=>e.theme.colors.grey4} 42%
-  );
-  ${e=>e.windowSize==="small"&&`
-    background: ${e.theme.colors.grey4};
-  `}
-  height: 100vh;
-  overflow: scroll;
-`,He=r.div`
-  width: 42%;
-`,Ei=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;
-`,Wi=r.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,Xe=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)};
-`,Qe=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{da as default};

package/dist/assets/ReimbursementPromoPage-B7nNFf49-DnICk_J7.js

@@ -1,84 +0,0 @@
-import{ax as ne,y as S,J as k,aR as le,V as e,ab as a,fx as ae,bD as de,r as u,af as d,F as V,o as t,ar as me,b as ce,aU as F,an as pe,x as xe,p as z,cG as he,aV as ue,bb as ge,u as we}from"./index-DkG4Gq_1.js";import{a as j}from"./sentry-CkqzujGZ.js";import{n as s}from"./mui-jyIGzSd8.js";import{Gx as je,bT as be}from"./zeni-epic-state-B9mN2lN3.js";import{C as fe}from"./VideoPopup-W2U47mhU-DJCIE9gC.js";import{M as v}from"./usp-line-BBd1wKwW-BK3NR8-I.js";import"./liveblocks-CZpRcduP.js";import"./core-CBRgKovr.js";import"./recharts-CCz6EACy.js";import"./lottie-CvYZqvKo.js";import"./analytics-Cu6vrn8M.js";import"./lexical-BgntzHWG.js";import"./utils-CvgqAgFT.js";import"./VideoPlayer-BdIPlzSd-s2lXjjny.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]="536b146e-ee78-4664-bd7a-60a8d9258987",i._sentryDebugIdIdentifier="sentry-dbid-536b146e-ee78-4664-bd7a-60a8d9258987")}catch{}})();const E="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(ce)`
-  max-width: 648px;
-  margin: auto;
-  padding: ${t.sp7} ${t.sp0};
-  color: ${i=>i.theme.colors.primary};
-`,ze=s(me)`
-  max-width: 600px;
-  margin: auto;
-  padding: ${t.sp5} ${t.sp0};
-  color: ${i=>i.theme.colors.primary};
-`,G=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``,D=s.div`
-  display: flex;
-  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
-  align-items: center;
-  justify-content: center;
-`,g=s.img``,_=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;
-`,O=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;
-`,m=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;
-`,b=s(ge)`
-  color: ${i=>i.theme.colors.champion};
-`,f=s(ue)`
-  color: ${i=>i.theme.colors.champion};
-`,y=s(F)`
-  color: ${i=>i.theme.colors.champion};
-`,$=s(he)`
-  color: ${i=>i.theme.colors.champion};
-`,c=s.div``,p=s.div`
-  padding-left: ${t.sp3};
-`,L=s(F)`
-  margin: ${i=>i.windowSize==="small"?t.sp1:`auto ${t.sp5}`};
-  color: ${i=>i.theme.colors.grey1};
-`,H=s(v)`
-  color: ${z.graphColor16Dark};
-`,q=s(v)`
-  color: ${z.graphColor09Dark};
-`,J=s(v)`
-  color: ${z.success};
-`,M=s(pe)`
-  margin: ${t.sp3} auto;
-  max-width: 772px;
-  color: ${i=>i.theme.colors.hero};
-`,r=V.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=V.getLocalizedStrings().commonSetUp.businessVerification.terms,Te=()=>{const i=S(),o=k();return e.jsxs(G,{windowSize:o,children:[e.jsx(N,{windowSize:o,children:e.jsx(O,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(g,{src:E,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(_,{windowSize:o,children:[e.jsxs(m,{windowSize:o,children:[e.jsx(c,{children:e.jsx(H,{})}),e.jsxs(p,{children:[e.jsx($,{children:r.simplestText.bold}),e.jsx(y,{children:r.simplestText.regular})]})]}),e.jsxs(m,{windowSize:o,children:[e.jsx(c,{children:e.jsx(q,{})}),e.jsxs(p,{children:[e.jsx($,{children:r.aiPoweredText.bold}),e.jsx(y,{children:r.aiPoweredText.regular})]})]}),e.jsxs(m,{windowSize:o,children:[e.jsx(c,{children:e.jsx(J,{})}),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(G,{windowSize:o,children:[e.jsxs(_,{windowSize:o,children:[e.jsxs(m,{windowSize:o,style:{width:"376px"},children:[e.jsx(c,{children:e.jsx(H,{})}),e.jsxs(p,{children:[e.jsx(f,{children:r.simplestText.bold}),e.jsx(b,{children:r.simplestText.regular})]})]}),e.jsxs(m,{windowSize:o,style:{width:"376px"},children:[e.jsx(c,{children:e.jsx(q,{})}),e.jsxs(p,{children:[e.jsx(f,{children:r.aiPoweredText.bold}),e.jsx(b,{children:r.aiPoweredText.regular})]})]}),e.jsxs(m,{windowSize:o,style:{width:"376px"},children:[e.jsx(c,{children:e.jsx(J,{})}),e.jsxs(p,{children:[e.jsx(f,{children:r.multiLevelApprovalText.bold}),e.jsx(b,{children:r.multiLevelApprovalText.regular})]})]})]}),e.jsx(N,{windowSize:o,children:e.jsx(O,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(g,{src:E,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},_e=({reimbursementSetupView:i,userReimbursementInfo:o,meetingUrl:T,videoUrl:W,analytics:x,onSetupButtonClick:K,onCreateNewRemiButtonClick:Q,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=be(P.loggedInUserRoleMap)&&!se,oe=!!o?.isReimbursementTOSAccepted,U=!!i.companyRemiInfo?.isReimbursementEnabled,A=w?U?r.employeeAcceptPromoText:r.employeePendingPromoText:r.promoText;j.useEffect(()=>{I==="In-Progress"&&h?.fetchStatus.fetchState==="Completed"&&C?.()},[I,C,h?.fetchStatus]);const B=()=>{x?.trackReimbursementPromoScheduleDemo(),R(!0)};return e.jsxs($e,{children:[ee===!0?e.jsx(fe,{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:A}):e.jsx(ke,{children:A}),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(D,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:r.scheduleDemoButton,onClick:B,"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:Q,"data-testid":a("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(M,{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(D,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:r.scheduleDemoButton,onClick:B,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:K,style:{width:216},"data-testid":a("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(M,{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{_e as default};

package/dist/assets/RoleWithToolTip-DpaXFRka-CPtxy--W.js

@@ -1,22 +0,0 @@
-import{eT as h,eU as f,V as r,bU as g,o,ab as n,F as b,ao as x,aj as p}from"./index-DkG4Gq_1.js";import{n as l}from"./mui-jyIGzSd8.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="63a29b5d-4a3c-469f-a60d-7a3499d173b8",e._sentryDebugIdIdentifier="sentry-dbid-63a29b5d-4a3c-469f-a60d-7a3499d173b8")}catch{}})();const{hyphen:a}=b.getLocalizedStrings().common.strings,y=l.div``,m=l.div`
-  display: flex;
-  min-width: 192px;
-  justify-content: space-between;
-`,u=l(p)`
-  color: ${e=>e.theme.colors.hero};
-`,j=l(p)`
-  color: ${e=>e.theme.colors.brandColorPearl};
-`,i=l.div`
-  display: flex;
-  align-items: center;
-`,w=l(x)`
-  border-radius: ${o.sp12};
-  border: 1px solid ${e=>e.theme.colors.grey1};
-  display: flex;
-  height: 18px;
-  width: 18px;
-  align-items: center;
-  justify-content: center;
-  color: 1px solid ${e=>e.theme.colors.grey1};
-  margin-left: ${o.sp1};
-`,I=({roles:e})=>{let t=a,s=[];t=h(e),s=f(e);const c=()=>s.length>0?r.jsx(y,{children:s.map(d=>r.jsxs(m,{children:[r.jsx(u,{children:d[0]}),r.jsx(j,{children:d[1]})]},d.join(",")))}):r.jsx(r.Fragment,{children:a});return s.length>0?r.jsx(g,{enterDelay:600,"data-testid":n("roles-tooltip",t),title:c(),placement:"top-end",style:{marginLeft:o.sp1,padding:"6px 12px"},maxWidth:"264px",children:r.jsxs(i,{"data-testid":n("roles-label-wrapper",t),children:[t,r.jsx(w,{className:"roles-count-wrapper","data-testid":n("roles-count-wrapper",t),children:s.length})]})}):r.jsx(i,{"data-testid":n("roles-label-wrapper",t),children:t})};export{I as T};