@zeniai/web-cockpit-ui 1.14.82-qa → 1.14.83-dev

package/dist/assets/ReimbursementApprovalRulesPage-DwaZeT8t-Ds2HMmHz.js

@@ -0,0 +1,237 @@
+import{i as N,u as L,a as y,j as t,cf as M,A as E,bm as b,b as o,R as r,ah as B,bn as z,dc as H,dd as U,de as G,dP as q,s,bJ as V,d as P,bI as _,C as j,dM as F,c6 as J,t as O}from"./index-2CdI-B2B.js";import{n as i}from"./mui-kiGMfX4-.js";import{a as K}from"./core-tlHkQPPu.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const l={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(s[3],s[4]),wrapperGap:new r(s[4],s[3]),wrapperMarginBottom:new r(s[6],s[8]),lastWrapperMarginBottom:new r(s[5],s[9]),stepperWidthHeight:new r(20,s[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,s[0]),stepperItemPaddingLeft:new r(s[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,s[0]),stepperContentTop:new r(s[0],-4)},A={stepper:new P("smallRegular","standardRegular"),amount:new P("standardRegular","largeRegular")},Q=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:x,onEditRuleClick:v,onDeleteRuleClick:S})=>{const[g,d]=K.useState(!1),n=L(),{range:c}=x.criteria[0],{steps:u,approvalRuleId:m}=x,a=y.getLocalizedStrings().commonSetUp.approval,$={onOkClick:()=>{d(!1),S?.(m)},onCancelClick:()=>{d(!1)}};return t.jsxs(X,{windowSize:n,isLastSection:f,"data-testid":b("approval-rule-section",m),children:[t.jsxs(Y,{windowSize:n,children:[t.jsxs(le,{children:[t.jsxs(I,{windowSize:n,children:[a.from," ",z("0,0",c.min)]}),t.jsxs(Z,{children:[t.jsx(k,{}),t.jsx(ee,{}),t.jsx(k,{})]}),c.max==null?t.jsx(de,{}):t.jsx(I,{windowSize:n,children:z("0,0",{...c.min,amount:c.max.amount})})]}),t.jsxs(ae,{className:"icons",children:[e?t.jsx(ne,{onClick:()=>{d(!0)}}):null,t.jsx(pe,{onClick:()=>{v(m)},"data-testid":b("edit-approval-rule",m)})]})]}),t.jsx(te,{windowSize:n,children:t.jsx(oe,{isSingleStep:u.length===1,windowSize:n,children:u.map((h,W)=>t.jsxs(ie,{isSingleStep:u.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?t.jsx(re,{children:a.requireText}):t.jsx(se,{children:a.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,D)=>t.jsxs(R,{children:[t.jsx(T,{children:p.subType!=null?a.nonUsers[p.subType].label:null}),h.operator!="is"?t.jsx(C,{className:"operator",children:h.operator}):null]},`${p.subType}_${D}`)),h.actors.map(p=>t.jsxs(R,{children:[t.jsxs(T,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?t.jsx(C,{className:"operator",children:h.operator}):null]},p.userId))]},W))})}),g?t.jsx(H,{titleComponent:t.jsx(G,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(U,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:$}):null]})},X=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e=>l.wrapperGap.valuePx(e.windowSize)};
+  margin-bottom: ${e=>e.isLastSection?l.lastWrapperMarginBottom.valuePx(e.windowSize):l.wrapperMarginBottom.valuePx(e.windowSize)};
+  .icons {
+    display: none;
+  }
+  &:hover {
+    .icons {
+      display: flex;
+    }
+    > div:last-of-type {
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Y=i(V)`
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: space-between;
+  text-align: center;
+  width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
+  gap: ${o.sp2};
+`,Z=i.div`
+  align-items: center;
+  display: flex;
+  justify-content: center;
+`,ee=i.div`
+  width: ${o.sp8};
+  height: 2px;
+  background-color: ${e=>e.theme.colors.primary};
+`,k=i.div`
+  width: 6px;
+  height: 6px;
+  border-radius: 3px;
+  background-color: ${e=>e.theme.colors.primary};
+`,te=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: ${e=>l.ruleWrapperPadding.valuePx(e.windowSize)};
+  gap: 10px;
+
+  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};
+
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+  justify-content: center;
+  box-sizing: border-box;
+  position: relative;
+`,oe=i.ul`
+  ${e=>`${A.stepper.style(e.windowSize)}`};
+  position: relative;
+  padding-left: ${o.sp6};
+  list-style: none;
+  box-sizing: initial;
+  margin: 0;
+  &::before {
+    display: inline-block;
+    content: "";
+    position: absolute;
+    top: ${e=>l.stepperTop.valuePx(e.windowSize)};
+    left: ${e=>l.stepperLeft.valuePx(e.windowSize)};
+    width: 10px;
+    height: ${e=>e.isSingleStep?"0%":"100%"};
+    border-left: 2px solid ${e=>e.theme.colors.grey1};
+  }
+`,ie=i.li`
+  position: relative;
+  counter-increment: list;
+  min-height: ${e=>l.stepperItemMinHeight.valuePx(e.windowSize)};
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: ${e=>l.stepperItemPaddingLeft.valuePx(e.windowSize)};
+  gap: ${o.sp1};
+
+  > div:last-of-type > span.operator:last-of-type {
+    visibility: hidden;
+  }
+
+  &:not(:last-child) {
+    padding-bottom: 20px;
+  }
+
+  &::before {
+    display: inline-block;
+    content: "";
+    position: absolute;
+    top: ${e=>l.stepperItemTop.valuePx(e.windowSize)};
+    left: ${e=>l.stepperItemLeft.valuePx(e.windowSize)};
+    height: ${e=>e.isSingleStep?"0%":"100%"};
+    width: 10px;
+  }
+
+  &.stepperItem {
+    flex-wrap: wrap;
+    &::before {
+      border-left: 2px solid ${e=>e.theme.colors.grey1};
+    }
+    &:last-child::before {
+      border-left: 2px solid ${e=>e.theme.colors.grey5};
+    }
+
+    &::after {
+      content: counter(list);
+      position: absolute;
+      width: ${e=>l.stepperWidthHeight.valuePx(e.windowSize)};
+      height: ${e=>l.stepperWidthHeight.valuePx(e.windowSize)};
+      top: ${e=>l.stepperContentTop.valuePx(e.windowSize)};
+      left: -${o.sp6};
+      ${O.standardMedium.css};
+      text-align: center;
+      color: ${e=>e.theme.colors.grey1};
+      border: 2px solid ${e=>e.theme.colors.grey1};
+      background-color: ${e=>e.theme.colors.grey5};
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-radius: 50%;
+    }
+  }
+`,re=i.span`
+  color: ${j.alertDark};
+`,se=i.span`
+  color: ${j.successDark};
+`,T=i.span`
+  color: ${e=>e.theme.colors.primary};
+`,le=i.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+`,ae=i.div`
+  display: flex;
+  gap: ${o.sp5};
+`,ne=i(F)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${j.important};
+  }
+`,pe=i(J)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,de=i(_)`
+  width: ${o.sp4};
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+`,C=i.span`
+  color: ${e=>e.theme.colors.hero};
+`,R=i.div`
+  display: inherit;
+  gap: inherit;
+`,I=i.span`
+  ${e=>`${A.amount.style(e.windowSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-word;
+`,w={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,s[2]),subTitlePaddingTop:new r(12,s[3]),subTitlePaddingBottom:new r(28,s[7])},Pe=({approvalView:e,onBackClick:f,onEditRuleClick:x,onDeleteRuleClick:v})=>{const S=N(),g=L(),{fetchState:d,deleteStatus:n}=e,c=y.getLocalizedStrings().commonSetUp.approval,u=y.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=n.fetchState;return t.jsxs(ce,{children:[t.jsx(M,{title:c.approvalPageHeader,backgroundColor:S.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(he,{children:[t.jsx(xe,{windowSize:g,children:u.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?t.jsx(me,{children:t.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,$)=>t.jsx(Q,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:v},a.approvalRuleId)),t.jsxs(ue,{windowSize:g,onClick:()=>{x()},"data-testid":b("add-approval-rule"),children:[t.jsx(we,{}),t.jsx(ge,{children:c.addApprovalText})]})]}):null]})]})},ce=i.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
+    ${e.theme.colors.dropShadowNormal}`};
+`,he=i.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,me=i.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+`,xe=i(B)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  justify-content: center;
+  width: ${e=>w.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>w.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>w.subTitlePaddingBottom.valuePx(e.windowSize)};
+`,ue=i(B)`
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: ${o.sp3} ${o.sp4};
+  gap: ${e=>w.addApprovalGap.valuePx(e.windowSize)};
+
+  width: ${e=>w.width.valuePx(e.windowSize)};
+  height: ${o.sp8};
+
+  background: ${e=>e.theme.colors.grey5};
+
+  border: 1px solid ${e=>e.theme.colors.grey3};
+
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
+    ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  &:hover {
+    div {
+      color: ${e=>e.theme.colors.primary};
+    }
+    color: ${e=>e.theme.colors.primary};
+    border-color: ${e=>e.theme.colors.primary};
+  }
+  margin-bottom: ${o.sp6};
+`,we=i(q)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,ge=i.div`
+  color: ${e=>e.theme.colors.hero};
+`;export{Pe as default};

package/dist/assets/ReimbursementDetailPage-D2tg-yOT-C3XwZ7Pf.js

@@ -0,0 +1,314 @@
+import{a$ as It,a7 as Ct,u as kt,i as zt,d4 as At,R as m,a as Qe,hC as $t,hE as Mt,hF as Rt,j as t,dc as ze,dd as Ae,de as $e,bm as y,cf as Me,c1 as Pt,eR as Bt,hG as Nt,hS as Re,b as a,hH as Pe,gD as b,gF as x,hK as w,bn as Be,gC as Ne,t as O,hN as Le,bC as Lt,ak as _t,hO as Wt,hP as ie,cb as Et,hQ as Ft,f as Ot,d as Ut,e as Kt,ah as Xe,bJ as et,C as U,ai as Vt,cJ as Gt,af as Ht,i5 as Yt,i1 as Jt,s as c,d6 as qt,dK as Zt}from"./index-2CdI-B2B.js";import{a as p}from"./core-tlHkQPPu.js";import{n as r}from"./mui-kiGMfX4-.js";import{a as Qt}from"./liveblocks-BrzOBACZ.js";import{bO as Xt,bT as ei,fI as ti}from"./zeni-epic-state-Bo1aGezX.js";import ii from"./InvoiceUploadSection-BducuHAy-CwGoLvBS.js";import{o as ai,e as f,l as ri}from"./types-DRnhtDPC-CEIiK5pR.js";import"./sentry-Dhk5jNhq.js";import"./analytics-CeQu-r45.js";import"./utils-BLUF9kAp.js";import"./AttachmentView-DRBK6aiE-DxR-B_-8.js";import"./uploadReceipts-BkHrFC8j-DevoCqHx.js";const s={labelWidth:new m(120,160,160),largeLabelWidth:new m(150,235,235),rightMargin:new m(c[3],c[8]),leftMargin:new m(c[3],c[6]),invoiceRightMargin:new m(c[3],c[6]),invoiceLeftMargin:new m(c[3],c[8]),topMargin:new m(c[3],0),bottomMargin:new m(c[4],27),activityBottomMargin:new m(96,0),totalBottomMargin:new m(c[5],c[3]),formBottomMargin:new m(c[5],c[3]),navBarHeight:new m(44,62),closeMarginTop:new m(0,0),rightSectionWidth:new m(100,58),leftSectionWidth:new m(100,42),footerButtonWidth:new m(120,165),right:new m(c[3],c[0]),actionsContainerRight:new m(c[0],c[6]),otherActionsContainerBottom:new m(58,44),duplicateBannerWrapperMarginTop:new m(c[5],c[3]),duplicateBannerWrapperMarginRight:new m(c[3],c[8]),duplicateBannerWrapperMarginBottom:new m(c[5],c[3]),duplicateBannerWrapperMarginLeft:new m(c[3],c[6])},ni={formTitle:new Ut("h6Regular","h5Regular")},Xi=({remiDetails:e,uploadInvoiceEndPoint:K,authParams:tt,isAdmin:re,signedInUser:ne,showApproveRejectBtns:oe,isRealTimeApprovalEnabled:le,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:se,isSignedInUserReimbursementCreator:it,updateEditRealTimeApproverClicked:de,onSaveRealTimeApprovals:ce,redirectToReimbursementListScreen:V,redirectToEditableReimbursementScreen:at,onDuplicateLineClick:rt,approveOrRejectRemi:me,deleteReimbursement:nt,cancelAndDeleteReport:pe,handleZeniLogoClick:ot,onAddNewRule:ue})=>{const d=It(),lt=Ct().analytics,n=kt(),he=zt(),[st,z]=p.useState(!1),[G,H]=p.useState(!1),[dt,Y]=p.useState(!1),[J,q]=p.useState("approved"),P=p.useRef(null),[D,Z]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[k,ct]=p.useState(null),[mt,B]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,ye=p.useRef({}),ge=l=>{const o=ye.current[l];o!=null&&setTimeout(()=>ri(o,P.current),100)};p.useEffect(()=>{e.deleteStatus.fetchState!=="Completed"&&e.approvalUpdateStatus.fetchState!=="Completed"&&e.cancelAndDeleteStatus.fetchState!=="Completed"||V()},[e,V]),p.useEffect(()=>{const l=window.location.hash;if(l&&l.startsWith("#L")){const o=l.substring(1);ge(o)}},[]),At({componentName:"reimbursement.details"});const pt={onOkClick:()=>{z(!1),D.primaryButtonText===i.buttons.delete?nt?.():D.title===i.cancelReportTitle?pe?.():D.title===i.cancelAndDeleteReportTitle&&pe?.(!0)},onCancelClick:()=>{z(!1)}},I=s.labelWidth.value(n),A=s.largeLabelWidth.value(n),be=Qe.getLocalizedStrings(),{common:{texts:{comments:ut},strings:{empty:xe}},collaboration:{threads:{placeholder:{addANewComment:ht,replyAComment:yt},tooltip:{resolveComment:gt,unResolveComment:bt}}},dateFormat:we}=be,{reimbursementDetail:i,bulkActions:N}=be.spendManagement.reimbursement,Q=e.remiDetails?.reportTitle,j=e.remiDetails?.lines??[],L=e.remiDetails?.reimbursementInfo.stage,_=e.remiDetails?.reimbursementInfo.billStatus,W=e.remiDetails?.reimbursementInfo.billPaymentStatus,fe=L?.code==="paid",xt=fe?L:_?.code=="approved"&&W?.code?W:_,v=oi(e.remiDetails),$=_?.code=="approved"&&W?.code?W:_,E=e.remiDetails?.isDeleted??!1,ve=e.remiDetails?.amount,Se=e.remiDetails?.amount.amount??0,Te=()=>{Z({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),z(!0)},je=()=>{at()},wt={onOkClick:l=>{Y(!1),me({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{Y(!1)}},ft=e.remiDetails?.reimbursementInfo.paymentDate!=null?Xt(ei(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,X=e.remiDetails?.reimbursementInfo.expectedDepositDate??ft,vt=e.remiDetails?.lines?.some(l=>{const o=l.lineDetail;return o?.account?.isDeleted===!0&&o?.account?.isBillEditableCoaAccountType===!1})??!1,De=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&it&&!vt,St=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ee=xt?.code,Tt=ai(e.duplicateLineByLineId),Ie=e.duplicateReimbursementStatus.fetchState==="Completed"&&Tt>0,{requestToOpenThread:te,setRequestToOpenThread:Ce,setOpenThread:F}=p.useContext($t),{threads:M,isLoading:C}=Mt({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),jt=p.useMemo(()=>M.filter(l=>l.resolved===!1&&!l.id.includes(Rt)),[M]).length,Dt=p.useCallback((l,o)=>{F(o),B(!1)},[F,B]);p.useEffect(()=>{te?.threadId!=null&&M.length>0&&!C&&(F(te.threadId),Ce(null))},[te,M,C,F,Ce]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},R=ti(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Ri,{windowSize:n,ref:P,children:[st?t.jsx(ze,{titleComponent:t.jsx($e,{children:D.title}),descriptionComponent:t.jsx(Ae,{children:D.description}),primaryButtonText:D.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:D.secondaryButtonText,action:pt}):null,dt?t.jsx(ze,{titleComponent:t.jsx($e,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(Ae,{children:i.rejectRemiDescription}),primaryButtonText:i.buttons.send,secondaryButtonText:i.buttons.cancel,action:wt,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Ii,{windowSize:n,"data-testid":y("reimbursement-detail-page-nav-bar-container"),children:[n!=="small"?t.jsx(Me,{"data-testid":y("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(Ci,{onClick:()=>ot?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:he.colors.background,keepBackgroundOnScroll:!0,scrollableContent:P,source:"ReimbursementDetailPage"}):null,n!=="small"?t.jsx(Ti,{}):null,t.jsx(Me,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:Q??xe,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:n!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(zi,{children:[u?t.jsxs(Ai,{isDisabled:C,onClick:C?()=>null:l=>{l.preventDefault(),l.stopPropagation(),ct({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),B(!0),lt.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(o=>Bt(o)),void 0,void 0,"page icon")},"data-testid":y("remi-comments-section"),children:[t.jsx(Pt,{count:C?void 0:jt,isLoading:C,style:{left:"12px"}}),t.jsx($i,{})]}):null,t.jsx(Mi,{size:n,onClick:()=>{V()},"data-testid":y("remi-detail-page-close"),children:t.jsx(ki,{})})]}),scrollableContent:P,enableTitleOnScroll:n!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Ei,{children:[n==="small"?t.jsxs(t.Fragment,{children:[t.jsx(He,{windowSize:n,children:t.jsx(Ye,{windowsSize:n,children:Q})}),e.createdBy?.userId!=null?t.jsx(Ue,{windowSize:n,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,se&&v!=null?t.jsx(Ke,{color:v.color,bgColor:v.bgColor,borderColor:v.borderColor,children:v.value}):null,$?.code!=null?n==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Nt,{progressSectionObj:$,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:E}),R?t.jsx(Re,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):Ie?t.jsxs(_e,{size:n,children:[t.jsx(Oe,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ge,{windowSize:n,children:t.jsx(Pe,{progressSectionObj:$,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:E})}):null]}):null,j.map((l,o)=>{const S=e.duplicateLineByLineId[l.lineId];return t.jsxs(Ze,{windowSize:n,children:[t.jsx(Li,{windowSize:n,children:t.jsx(_i,{bottomSeperator:j.length!==1,windowSize:n,children:t.jsx(ii,{showAutofill:!1,uploadInvoiceEndPoint:K,authParams:tt,entityId:e.remiDetails?.id,file:l.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:j.length>1?`#${o+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:j.length-1===o||o===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"reimbursement"})})}),t.jsxs(Ni,{windowSize:n,children:[o===0&&n!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(He,{windowSize:n,children:[t.jsx(Ye,{windowsSize:n,children:Q}),se&&v!=null?t.jsx(Ke,{color:v.color,bgColor:v.bgColor,borderColor:v.borderColor,children:v.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ue,{windowSize:n,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,$?.code!=null?t.jsx(Ge,{windowSize:n,children:t.jsx(Pe,{progressSectionObj:$,createDate:e.remiDetails?.createTime,paymentDate:X,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:E})}):null,R?t.jsx(Re,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:N.duplicateWarning.title,description:N.duplicateWarning.description}):Ie?t.jsxs(_e,{size:n,children:[t.jsx(Oe,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(pi,{windowSize:n,ref:ke=>{ke!=null&&(ye.current[`L${l.lineId}`]=ke)},children:[n!=="small"?t.jsx(mi,{children:t.jsx(ui,{children:j.length>1?`#${o+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(hi,{windowSize:n,children:[S?.duplicateLineId!=null?t.jsxs(di,{children:[i.thisExpenseReview," ",t.jsx(ci,{onClick:()=>{if(S.isDuplicateWithinTransaction&&S.duplicateLineId!=null)return ge(`L${S.duplicateLineId}`);S.duplicateTransactionId!=null&&S.duplicateLineId!=null&&rt(S.duplicateTransactionId,S.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?`${o}.mileage.reimbursementType`:`${o}.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",o,l.type===i.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:S?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(w,{label:{label:i.reimbursementType,width:A},text:l.type===i.mileageKey?i.mileage:i.outOfPocket,style:{width:"auto",borderRadius:S?.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:`${o}.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",o,"mileage")}`},children:t.jsx(w,{label:{label:i.transactionDate,width:A},text:l.transactionDate?.format(we.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"mileage")}`},children:t.jsx(w,{label:{label:i.distanceInMiles,width:A},text:l.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"mileage")}`},children:t.jsx(w,{label:{label:i.amount,width:I},text:l.homeCurrencyConversions!=null?Be("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"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:`${o}.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",o,"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:`${o}.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",o,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.merchant,width:A},text:l.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.transactionDate,width:A},text:l.transactionDate?.format(we.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.amount,width:I},text:l.homeCurrencyConversions!=null?Be("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${o}.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",o,"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:`${o}.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",o,"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:`${o}.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",o,"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===o+1&&t.jsxs(Bi,{windowSize:n,children:[t.jsxs(Je,{windowSize:n,children:[t.jsx(qe,{children:i.total}),t.jsx(Ne,{amount:ve,integerStyles:O.h6Regular.cssObject,decimalStyles:O.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Le,{amount:Se,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:ue,entity:"reimbursement",realTimeApproval:{allApprovers:e.filteredApprovers,filteredAttributes:e.filteredAttributes,allAccountingClass:e.allAccountingClasses,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:re,signedInUserId:ne?.userId,showRealTimeApproval:le,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:de,onSaveRealTimeApprovals:ce},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),j.length===1&&t.jsxs(Ze,{windowSize:n,children:[t.jsx(Ve,{}),t.jsxs(li,{windowSize:n,children:[t.jsx(Pi,{windowSize:n,children:t.jsxs(Je,{windowSize:n,children:[t.jsx(qe,{children:i.total}),t.jsx(Ne,{amount:ve,integerStyles:O.h6Regular.cssObject,decimalStyles:O.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(si,{windowSize:n,children:t.jsx(Le,{amount:Se,activities:e.remiActivities,stage:L?.code??"draft",onAddNewRule:ue,entity:"reimbursement",historicActivities:e.remiHistory.activities,realTimeApproval:{allApprovers:e.filteredApprovers,allAccountingClass:e.allAccountingClasses,filteredAttributes:e.filteredAttributes,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:re,signedInUserId:ne?.userId,showRealTimeApproval:le,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:de,onSaveRealTimeApprovals:ce}})})]})]}),t.jsx(Wi,{})]}),fe||E===!0?null:t.jsxs(Di,{children:[n!=="small"?t.jsx(Ve,{}):null,t.jsx(gi,{windowSize:n,"data-testid":y("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),G===!0&&H(!1)},children:t.jsx(Lt,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||oe,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||oe,cancelBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?n==="small"?i.buttons.delete:i.buttons.deleteReport:n==="small"?i.buttons.reject:i.buttons.rejectReport,isLoading:J==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||J==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(q("delete"),Te()):(q("rejected"),Y(!0))},style:{width:s.footerButtonWidth.value(n)},reverseSpinnerColor:!1},primaryBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?n==="small"?i.buttons.edit:i.buttons.editAndResubmit:n==="small"?i.buttons.approve:i.buttons.approveReport,isLoading:J==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?je():(q("approved"),me({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},style:{width:s.footerButtonWidth.value(n)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(yi,{children:t.jsxs(ji,{windowSize:n,children:[!R&&G?t.jsx(_t,{onClickAway:()=>H(!1),children:t.jsxs(Si,{windowSize:n,children:[ee!=="processing"?t.jsx(ae,{onClick:Te,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,ee==="processing"?t.jsx(ae,{onClick:()=>{Z({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),z(!0)},"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ee==="processing"?t.jsx(ae,{onClick:()=>{Z({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),z(!0)},"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(vi,{windowSize:n,children:[!R&&De?t.jsx(fi,{onClick:je,"data-testid":y("remi-edit-button"),children:t.jsx(wi,{})}):null,R||St!==!0?null:t.jsx(xi,{windowSize:n,showEditIcon:De,children:t.jsx(bi,{onClick:()=>H(!G),"data-testid":y("remi-more-actions-button")})})]})]})}),style:{minHeight:62}})})]}),u?t.jsx(Qt,{id:h,children:t.jsx(Wt,{isDrawerOpen:mt,allowComposer:!0,drawerTitle:ut,threads:M,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:k?.companyId??xe,isGlobalComment:!1,tab:"reimbursement"},isLoading:C,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:ht,replyComposerPlaceholder:yt,threadResolve:gt,threadUnResolve:bt},onThreadClick:(l,o)=>Dt(l,o),onCloseAllThreadsDrawer:()=>B(!1),drawerSectionStyle:{width:"400px",backgroundColor:he.colors.background}})}):null]})},oi=e=>{const K=Qe.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:K.tabsById.deleted,color:ie.deleted.color,bgColor:ie.deleted.bgColor,borderColor:ie.deleted.borderColor,code:"deleted"}},li=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,si=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)};
+`,di=r(Vt)`
+  padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
+  background-color: ${U.alertLight};
+  color: ${U.brandColorGoldDark};
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+`,ci=r.span`
+  border-bottom: 1px solid currentColor;
+  cursor: pointer;
+`,_e=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: ${U.alertLight};
+  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
+`,We=r(qt)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Ee=r.div`
+  width: 100%;
+`,Fe=r(Xe)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Oe=r(Zt)`
+  width: ${a.sp4};
+  height: ${a.sp4};
+  color: ${U.brandColorGoldDark};
+`,Ue=r(Xe)`
+  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};
+`,mi=r.div`
+  display: flex;
+  justify-content: space-between;
+`,pi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,ui=r(et)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${a.sp3};
+`,hi=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;
+`,yi=r.div`
+  display: flex;
+  justify-content: flex-end;
+`,gi=r.div`
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,bi=r(Jt)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp5};
+  height: ${a.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,xi=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};
+  }
+`,wi=r(Yt)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp5};
+  height: ${a.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,fi=r.div`
+  display: flex;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  margin-left: ${a.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ke=r(et)`
+  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;
+`,vi=r.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Si=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`};
+`,Ti=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;
+`,ji=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;
+`,ae=r(Ht)`
+  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};
+  }
+`,Di=r.div`
+  display: flex;
+  width: 100%;
+  position: sticky;
+  bottom: 0;
+  z-index: 2;
+`,Ii=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;
+`,Ci=r(Et)`
+  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;
+`,ki=r(Ot)`
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  float: right;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,zi=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.windowSize)};
+  display: flex;
+  float: right;
+`,Ai=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};
+  }
+`,$i=r(Ft)`
+  display: flex;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  align-items: center;
+  justify-content: center;
+`,Mi=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.size)};
+  margin-left: ${a.sp5};
+`,Ri=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;
+`,Ve=r.div`
+  width: 42%;
+`,Pi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,Ge=r.div`
+  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,He=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"};
+`,Ye=r(Kt)`
+  flex-grow: 1;
+  ${e=>`${ni.formTitle.style(e.windowsSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-all;
+`,Bi=r.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,Je=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;
+`,qe=r(Gt)`
+  display: flex;
+  width: 176px;
+  color: ${e=>e.theme.colors.primary};
+`,Ni=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,Ze=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"center":"flex-start"};
+`,Li=r.div`
+  width: ${e=>s.leftSectionWidth.valuePercentage(e.windowSize)};
+`,_i=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};
+`,Wi=r.div`
+  display: flex;
+  flex-direction: column;
+  height: ${a.sp11};
+`,Ei=r.div`
+  margin-top: 78px;
+`;export{Xi as default};