@zeniai/web-cockpit-ui 1.15.68-prod → 2.0.0-dev

package/dist/assets/ReimbursementApprovalRulesPage-BsCTIqUJ-BciPnq07.js

@@ -1,243 +0,0 @@
-import{g as F,e as N,O as j,V as t,bE as G,L as V,ac as m,o,x as r,an as E,aQ as P,c1 as k,cy as q,cz as O,cA as J,da as K,u as l,bb as Q,N as T,ba as X,d as z,d9 as Y,bv as Z,w as ee}from"./index-C8o-xzAN.js";import{n as i}from"./mui-DOS4CfBc.js";import{a as te}from"./sentry-DBhcw6Be.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./recharts-BBlqu8Rz.js";import"./zeni-epic-state-DMWYYyyR.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.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]="ee3c2bd6-0043-486a-b241-448d9eeb7efe",e._sentryDebugIdIdentifier="sentry-dbid-ee3c2bd6-0043-486a-b241-448d9eeb7efe")}catch{}})();const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},M={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},oe=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection:g=!1,approvalRule:f,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[w,x]=te.useState(!1),n=N(),{range:u}=f.criteria[0],{steps:$,approvalRuleId:p}=f,a=j.getLocalizedStrings().commonSetUp.approval,v=()=>{x(!0)},U={onOkClick:()=>{x(!1),y?.(p)},onCancelClick:()=>{x(!1)}};return t.jsxs(ie,{windowSize:n,isLastSection:g,isUpdatingApprovalRules:c,"data-testid":m("approval-rule-section",p),children:[t.jsxs(re,{windowSize:n,children:[t.jsxs(he,{children:[t.jsxs(W,{windowSize:n,children:[a.from," ",P("0,0",u.min)]}),t.jsxs(le,{children:[t.jsx(R,{}),t.jsx(se,{}),t.jsx(R,{})]}),u.max==null?t.jsx(me,{}):t.jsx(W,{windowSize:n,children:P("0,0",{...u.min,amount:u.max.amount})})]}),t.jsxs(ue,{className:"icons",children:[e?c?t.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(I,{isDisabled:!0,"data-testid":m("delete-approval-rule",p)})})}):t.jsx(I,{onClick:v,"data-testid":m("delete-approval-rule",p)}):null,c?t.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(B,{isDisabled:!0,"data-testid":m("edit-approval-rule",p)})})}):t.jsx(B,{onClick:()=>{S(p)},"data-testid":m("edit-approval-rule",p)})]})]}),t.jsx(ae,{windowSize:n,children:t.jsx(ne,{isSingleStep:$.length===1,windowSize:n,children:$.map((h,H)=>t.jsxs(pe,{isSingleStep:$.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?t.jsx(de,{children:a.requireText}):t.jsx(ce,{children:a.notifyText}),h.nonUserActors.filter(d=>d.subType!=null).map((d,_)=>t.jsxs(A,{children:[t.jsx(D,{children:d.subType!=null?a.nonUsers[d.subType].label:null}),h.operator!="is"?t.jsx(L,{className:"operator",children:h.operator}):null]},`${d.subType}_${_}`)),h.actors.map(d=>t.jsxs(A,{children:[t.jsxs(D,{children:[d.firstName," ",d.lastName]}),h.operator!="is"?t.jsx(L,{className:"operator",children:h.operator}):null]},d.userId))]},H))})}),w?t.jsx(q,{titleComponent:t.jsx(J,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(O,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:U}):null]})},ie=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
-  margin-bottom: ${e=>e.isLastSection?s.lastWrapperMarginBottom.valuePx(e.windowSize):s.wrapperMarginBottom.valuePx(e.windowSize)};
-  .icons {
-    display: none;
-  }
-  &:hover {
-    .icons {
-      display: flex;
-    }
-    > div:last-of-type {
-      border-color: ${e=>e.isUpdatingApprovalRules===!0?e.theme.colors.grey3:e.theme.colors.primary};
-    }
-  }
-`,re=i(Q)`
-  display: flex;
-  position: relative;
-  align-items: center;
-  justify-content: space-between;
-  text-align: center;
-  width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
-  gap: ${o.sp2};
-`,le=i.div`
-  align-items: center;
-  display: flex;
-  justify-content: center;
-`,se=i.div`
-  width: ${o.sp8};
-  height: 2px;
-  background-color: ${e=>e.theme.colors.primary};
-`,R=i.div`
-  width: 6px;
-  height: 6px;
-  border-radius: 3px;
-  background-color: ${e=>e.theme.colors.primary};
-`,ae=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding: ${e=>s.ruleWrapperPadding.valuePx(e.windowSize)};
-  gap: 10px;
-
-  width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey5};
-
-  border: 1px solid ${e=>e.theme.colors.grey3};
-
-  box-shadow: ${e=>`${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;
-`,ne=i.ul`
-  ${e=>`${M.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=>s.stepperTop.valuePx(e.windowSize)};
-    left: ${e=>s.stepperLeft.valuePx(e.windowSize)};
-    width: 10px;
-    height: ${e=>e.isSingleStep?"0%":"100%"};
-    border-left: 2px solid ${e=>e.theme.colors.grey1};
-  }
-`,pe=i.li`
-  position: relative;
-  counter-increment: list;
-  min-height: ${e=>s.stepperItemMinHeight.valuePx(e.windowSize)};
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: ${e=>s.stepperItemPaddingLeft.valuePx(e.windowSize)};
-  gap: ${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=>s.stepperItemTop.valuePx(e.windowSize)};
-    left: ${e=>s.stepperItemLeft.valuePx(e.windowSize)};
-    height: ${e=>e.isSingleStep?"0%":"100%"};
-    width: 10px;
-  }
-
-  &.stepperItem {
-    flex-wrap: wrap;
-    &::before {
-      border-left: 2px solid ${e=>e.theme.colors.grey1};
-    }
-    &:last-child::before {
-      border-left: 2px solid ${e=>e.theme.colors.grey5};
-    }
-
-    &::after {
-      content: counter(list);
-      position: absolute;
-      width: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
-      height: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
-      top: ${e=>s.stepperContentTop.valuePx(e.windowSize)};
-      left: -${o.sp6};
-      ${ee.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%;
-    }
-  }
-`,de=i.span`
-  color: ${z.alertDark};
-`,ce=i.span`
-  color: ${z.successDark};
-`,D=i.span`
-  color: ${e=>e.theme.colors.primary};
-`,he=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${o.sp2};
-`,ue=i.div`
-  display: flex;
-  gap: ${o.sp5};
-`,I=i(Y,{shouldForwardProp:e=>e!=="isDisabled"})`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  cursor: ${e=>e.isDisabled===!0?"not-allowed":"pointer"};
-  color: ${e=>e.isDisabled===!0?e.theme.colors.grey2:e.theme.colors.hero};
-  pointer-events: ${e=>e.isDisabled===!0?"none":"auto"};
-  &:hover {
-    color: ${e=>e.isDisabled===!0?e.theme.colors.grey2:z.important};
-  }
-`,C=i.span`
-  display: inline-flex;
-  cursor: not-allowed;
-`,B=i(Z,{shouldForwardProp:e=>e!=="isDisabled"})`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  cursor: ${e=>e.isDisabled===!0?"not-allowed":"pointer"};
-  color: ${e=>e.isDisabled===!0?e.theme.colors.grey2:e.theme.colors.hero};
-  pointer-events: ${e=>e.isDisabled===!0?"none":"auto"};
-  &:hover {
-    color: ${e=>e.isDisabled===!0?e.theme.colors.grey2:e.theme.colors.primary};
-  }
-`,me=i(X)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,L=i.span`
-  color: ${e=>e.theme.colors.hero};
-`,A=i.div`
-  display: inherit;
-  gap: inherit;
-`,W=i.span`
-  ${e=>`${M.amount.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-word;
-`,b={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Be=({approvalView:e,onBackClick:c,onEditRuleClick:g,onDeleteRuleClick:f})=>{const S=F(),y=N(),{fetchState:w,deleteStatus:x}=e,n=j.getLocalizedStrings().commonSetUp.approval,u=j.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,$=x.fetchState,p=e.listeningToPusherEvent;return t.jsxs(ge,{children:[t.jsx(G,{title:n.approvalPageHeader,backgroundColor:S.colors.grey4,style:{zIndex:4},onBackClick:()=>{c()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(we,{children:[t.jsx($e,{windowSize:y,children:u.approvalPageSubTitle}),w==="In-Progress"||w==="Not-Started"||$==="In-Progress"?t.jsx(xe,{children:t.jsx(V,{size:"ExtraLarge",start:!0})}):w==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,v)=>t.jsx(oe,{showDeleteBtn:v!==0,disableButtons:p===!0&&a.approvalRuleId===e.newApprovalRuleId,approvalRule:a,isLastSection:v===e.allApprovalRules.length-1,onEditRuleClick:g,onDeleteRuleClick:f},a.approvalRuleId)),t.jsxs(be,{windowSize:y,onClick:()=>{g()},"data-testid":m("add-approval-rule"),children:[t.jsx(fe,{}),t.jsx(ye,{children:n.addApprovalText})]})]}):null]})]})},ge=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}`};
-`,we=i.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,xe=i.div`
-  display: flex;
-  width: 100%;
-  min-height: calc(100vh - 150px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: ${o.sp3};
-  background-color: ${e=>e.theme.colors.grey4};
-`,$e=i(E)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>b.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>b.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>b.subTitlePaddingBottom.valuePx(e.windowSize)};
-`,be=i(E)`
-  cursor: pointer;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: ${o.sp3} ${o.sp4};
-  gap: ${e=>b.addApprovalGap.valuePx(e.windowSize)};
-
-  width: ${e=>b.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};
-`,fe=i(K)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,ye=i.div`
-  color: ${e=>e.theme.colors.hero};
-`;export{Be as default};

package/dist/assets/ReimbursementDetailPage-BbyxE2uL-CCn1M_IM.js

@@ -1,314 +0,0 @@
-import{ay as tt,V as t,gv as Bt,a9 as Pt,e as Nt,g as _t,cl as Lt,x as m,O as it,bQ as Ot,gw as Et,gx as Wt,cy as Ae,cz as Me,cA as Re,bE as Be,ac as f,bq as Kt,dE as Vt,gy as Ft,gH as Pe,o as a,gz as Ne,dN as b,gC as g,dT as w,aQ as _e,fx as Le,w as H,gE as Oe,aT as Ut,aq as Gt,bU as Ht,gF as ne,bz as Yt,bV as qt,b as Qt,N as Jt,M as Xt,an as at,bb as rt,d as Y,ao as Zt,c3 as ei,ak as ti,h0 as ii,gW as ai,u as c,cq as ri,d8 as oi}from"./index-C8o-xzAN.js";import{a as u}from"./sentry-DBhcw6Be.js";import{n as r}from"./mui-DOS4CfBc.js";import{bL as ni,bZ as li,GD as si}from"./zeni-epic-state-DMWYYyyR.js";import di from"./InvoiceUploadSection-it-ZYl1N-XsZhHn3v.js";import{r as ci,h as x,u as mi}from"./types-DyvtCprH-NFPm5TaG.js";import"./liveblocks-abv8TgYe.js";import"./core-VVne9A9m.js";import"./recharts-BBlqu8Rz.js";import"./lottie-DehW2chz.js";import"./analytics-D0xbCiOA.js";import"./lexical-0vG0lfLn.js";import"./utils-DT6Wq-eT.js";import"./AttachmentView-CzC4skJ3-DSp7S_ow.js";import"./uploadReceipts-CIgkuVpu-DNtrxUdf.js";import"./upload-reimbursement-receipt-O2N8vcO7-_YW_CWHL.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},v=new e.Error().stack;v&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[v]="d76ece58-fbca-43d6-9c79-f8cb7a219d6d",e._sentryDebugIdIdentifier="sentry-dbid-d76ece58-fbca-43d6-9c79-f8cb7a219d6d")}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])},pi={formTitle:new Jt("h6Regular","h5Regular")},Ee=({remiDetails:e,uploadInvoiceEndPoint:v,authParams:z,isAdmin:_,signedInUser:se,showApproveRejectBtns:de,isRealTimeApprovalEnabled:ce,isReimbursementCommentingEnabled:p,isShowDeletedReimbursementEnabled:me,isSignedInUserReimbursementCreator:ot,updateEditRealTimeApproverClicked:pe,onSaveRealTimeApprovals:ue,redirectToReimbursementListScreen:q,redirectToEditableReimbursementScreen:nt,onDuplicateLineClick:lt,approveOrRejectRemi:he,deleteReimbursement:st,cancelAndDeleteReport:ye,handleZeniLogoClick:dt,onAddNewRule:be,initialOpenThreadRequest:A})=>{const d=tt(),ct=Pt().analytics,n=Nt(),ge=_t(),[mt,M]=u.useState(!1),[Q,J]=u.useState(!1),[pt,X]=u.useState(!1),[Z,ee]=u.useState("approved"),L=u.useRef(null),[D,te]=u.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[k,ut]=u.useState(null),[ht,O]=u.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,we=u.useRef({}),xe=l=>{const o=we.current[l];o!=null&&setTimeout(()=>mi(o,L.current),100)};u.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&q()},[e,q]),u.useEffect(()=>{const l=window.location.hash;if(l&&l.startsWith("#L")){const o=l.substring(1);xe(o)}},[]);const yt=()=>{q()};Lt({componentName:"reimbursement.details"});const bt={onOkClick:()=>{M(!1),D.primaryButtonText===i.buttons.delete?st?.():D.title===i.cancelReportTitle?ye?.():D.title===i.cancelAndDeleteReportTitle&&ye?.(!0)},onCancelClick:()=>{M(!1)}},S=s.labelWidth.value(n),R=s.largeLabelWidth.value(n),fe=it.getLocalizedStrings(),{common:{texts:{comments:gt},strings:{empty:$e}},collaboration:{threads:{placeholder:{addANewComment:wt,replyAComment:xt},tooltip:{resolveComment:ft,unResolveComment:$t}}},dateFormat:ve}=fe,{reimbursementDetail:i,bulkActions:E}=fe.spendManagement.reimbursement,ie=e.remiDetails?.reportTitle,I=e.remiDetails?.lines??[],W=e.remiDetails?.reimbursementInfo.stage,K=e.remiDetails?.reimbursementInfo.billStatus,V=e.remiDetails?.reimbursementInfo.billPaymentStatus,Te=W?.code==="paid",vt=Te?W:K?.code=="approved"&&V?.code?V:K,T=ui(e.remiDetails),B=K?.code=="approved"&&V?.code?V:K,F=e.remiDetails?.isDeleted??!1,je=e.remiDetails?.amount,Se=e.remiDetails?.amount.amount??0,Ie=()=>{te({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),M(!0)},Tt=()=>{te({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),M(!0)},jt=()=>{te({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),M(!0)},De=()=>{nt()},St={onOkClick:l=>{X(!1),he({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{X(!1)}},It=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?De():(ee("approved"),he({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},Dt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(ee("delete"),Ie()):(ee("rejected"),X(!0))},Ct=e.remiDetails?.reimbursementInfo.paymentDate!=null?ni(li(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,ae=e.remiDetails?.reimbursementInfo.expectedDepositDate??Ct,kt=e.remiDetails?.lines?.some(l=>{const o=l.lineDetail;return o?.account?.isDeleted===!0&&o?.account?.isBillEditableCoaAccountType===!1})??!1,Ce=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&ot&&!kt,zt=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",re=vt?.code,At=ci(e.duplicateLineByLineId),ke=e.duplicateReimbursementStatus.fetchState==="Completed"&&At>0,{requestToOpenThread:oe,setRequestToOpenThread:U,setOpenThread:G}=u.useContext(Ot);u.useEffect(()=>{A?.threadId!=null&&A?.companyId!=null&&A?.entityType!=null&&U(A)},[A,U]);const{threads:P,isLoading:C}=Et(),Mt=u.useMemo(()=>P.filter(l=>l.resolved===!1&&!l.id.includes(Wt)),[P]).length,Rt=u.useCallback((l,o)=>{G(o),O(!1)},[G,O]);u.useEffect(()=>{oe?.threadId!=null&&P.length>0&&!C&&(G(oe.threadId),U(null))},[oe,P,C,G,U]);const y={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},N=si(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Ei,{windowSize:n,ref:L,children:[mt?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:D.title}),descriptionComponent:t.jsx(Me,{children:D.description}),primaryButtonText:D.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:D.secondaryButtonText,action:bt}):null,pt?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:St,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Ri,{windowSize:n,"data-testid":f("reimbursement-detail-page-nav-bar-container"),children:[n!=="small"?t.jsx(Be,{"data-testid":f("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(Bi,{onClick:()=>dt?.(),"data-testid":f("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:ge.colors.background,keepBackgroundOnScroll:!0,scrollableContent:L,source:"ReimbursementDetailPage"}):null,n!=="small"?t.jsx(zi,{}):null,t.jsx(Be,{"data-testid":f("reimbursement-detail-page-nav-bar-right"),title:ie??$e,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:n!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Ni,{children:[p?t.jsxs(_i,{isDisabled:C,onClick:C?()=>null:l=>{l.preventDefault(),l.stopPropagation(),ut({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),O(!0),ct.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(o=>Vt(o)),void 0,void 0,"page icon")},"data-testid":f("remi-comments-section"),children:[t.jsx(Kt,{count:C?void 0:Mt,isLoading:C,style:{left:"12px"}}),t.jsx(Li,{})]}):null,t.jsx(Oi,{size:n,onClick:()=>yt(),"data-testid":f("remi-detail-page-close"),children:t.jsx(Pi,{})})]}),scrollableContent:L,enableTitleOnScroll:n!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Hi,{children:[n==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Qe,{windowSize:n,children:t.jsx(Je,{windowsSize:n,children:ie})}),e.createdBy?.userId!=null?t.jsx(Ge,{windowSize:n,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,me&&T!=null?t.jsx(He,{color:T.color,bgColor:T.bgColor,borderColor:T.borderColor,children:T.value}):null,B?.code!=null?n==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Ft,{progressSectionObj:B,createDate:e.remiDetails?.createTime,paymentDate:ae,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F}),N?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:E.duplicateWarning.title,description:E.duplicateWarning.description}):ke?t.jsxs(We,{size:n,children:[t.jsx(Ue,{}),t.jsxs(Ve,{children:[t.jsx(Ke,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):t.jsx(qe,{windowSize:n,children:t.jsx(Ne,{progressSectionObj:B,createDate:e.remiDetails?.createTime,paymentDate:ae,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F})}):null]}):null,I.map((l,o)=>{const j=e.duplicateLineByLineId[l.lineId];return t.jsxs(et,{windowSize:n,children:[t.jsx(Fi,{windowSize:n,children:t.jsx(Ui,{bottomSeperator:I.length!==1,windowSize:n,children:t.jsx(di,{showAutofill:!1,uploadInvoiceEndPoint:v,authParams:z,entityId:e.remiDetails?.id,file:l.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:I.length>1?`#${o+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:I.length-1===o||o===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"reimbursement"})})}),t.jsxs(Vi,{windowSize:n,children:[o===0&&n!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(Qe,{windowSize:n,children:[t.jsx(Je,{windowsSize:n,children:ie}),me&&T!=null?t.jsx(He,{color:T.color,bgColor:T.bgColor,borderColor:T.borderColor,children:T.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ge,{windowSize:n,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,B?.code!=null?t.jsx(qe,{windowSize:n,children:t.jsx(Ne,{progressSectionObj:B,createDate:e.remiDetails?.createTime,paymentDate:ae,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F})}):null,N?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:E.duplicateWarning.title,description:E.duplicateWarning.description}):ke?t.jsxs(We,{size:n,children:[t.jsx(Ue,{}),t.jsxs(Ve,{children:[t.jsx(Ke,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(xi,{windowSize:n,ref:ze=>{ze!=null&&(we.current[`L${l.lineId}`]=ze)},children:[n!=="small"?t.jsx(wi,{children:t.jsx(fi,{children:I.length>1?`#${o+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs($i,{windowSize:n,children:[j?.duplicateLineId!=null?t.jsxs(bi,{children:[i.thisExpenseReview," ",t.jsx(gi,{onClick:()=>{if(j.isDuplicateWithinTransaction&&j.duplicateLineId!=null)return xe(`L${j.duplicateLineId}`);j.duplicateTransactionId!=null&&j.duplicateLineId!=null&&lt(j.duplicateTransactionId,j.duplicateLineId)},"data-testid":f("remi-view-duplicate-expense"),children:i.viewOriginalExpense})]}):null,t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("reimbursementType",o,l.type===i.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:j?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(g,{label:{label:i.reimbursementType,width:R},text:l.type===i.mileageKey?i.mileage:i.outOfPocket,style:{width:"auto",borderRadius:j?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"}})}),t.jsx($,{}),l.type===i.mileageKey?t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.mileage.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("transactionDate",o,"mileage")}`},children:t.jsx(g,{label:{label:i.transactionDate,width:R},text:l.transactionDate?.format(ve.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.mileage.distanceInMiles`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("distanceInMiles",o,"mileage")}`},children:t.jsx(g,{label:{label:i.distanceInMiles,width:R},text:l.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.mileage.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("amount",o,"mileage")}`},children:t.jsx(g,{label:{label:i.amount,width:S},text:l.homeCurrencyConversions!=null?_e("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.mileage.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("memo",o,"mileage")}`},children:t.jsx(g,{label:{label:i.memo,width:S},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.mileage.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("class",o,"mileage")}`},children:t.jsx(g,{label:{label:i.department,width:S},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.mileage.customer`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("customer",o,"mileage")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(g,{label:{label:i.customer,width:S},text:l.lineDetail.customer?.name??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]}):t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("merchant",o,"out_of_pocket")}`},children:t.jsx(g,{label:{label:i.merchant,width:R},text:l.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("transactionDate",o,"out_of_pocket")}`},children:t.jsx(g,{label:{label:i.transactionDate,width:R},text:l.transactionDate?.format(ve.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("amount",o,"out_of_pocket")}`},children:t.jsx(g,{label:{label:i.amount,width:S},text:l.homeCurrencyConversions!=null?_e("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("memo",o,"out_of_pocket")}`},children:t.jsx(g,{label:{label:i.memo,width:S},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("account",o,"out_of_pocket")}`},children:t.jsx(g,{label:{label:i.category,width:S},text:l.lineDetail.account?.accountName??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({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:{...y,entityType:`reimbursement.details.${x("class",o,"out_of_pocket")}`},children:t.jsx(g,{label:{label:i.department,width:S},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto"}})}),t.jsx($,{}),t.jsx(b,{isThreadAllowed:p,dashboardTabKey:w({type:"details",key:`${o}.out_of_pocket.customer`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...y,entityType:`reimbursement.details.${x("customer",o,"out_of_pocket")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(g,{label:{label:i.customer,width:S},text:l.lineDetail.customer?.name??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),I.length!==1&&I.length===o+1&&t.jsxs(Ki,{windowSize:n,children:[t.jsxs(Xe,{windowSize:n,children:[t.jsx(Ze,{children:i.total}),t.jsx(Le,{amount:je,integerStyles:H.h6Regular.cssObject,decimalStyles:H.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Oe,{amount:Se,activities:e.remiActivities,stage:W?.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:_,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),I.length===1&&t.jsxs(et,{windowSize:n,children:[t.jsx(Ye,{}),t.jsxs(hi,{windowSize:n,children:[t.jsx(Wi,{windowSize:n,children:t.jsxs(Xe,{windowSize:n,children:[t.jsx(Ze,{children:i.total}),t.jsx(Le,{amount:je,integerStyles:H.h6Regular.cssObject,decimalStyles:H.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(yi,{windowSize:n,children:t.jsx(Oe,{amount:Se,activities:e.remiActivities,stage:W?.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:_,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue}})})]})]}),t.jsx(Gi,{})]}),Te||F===!0?null:t.jsxs(Mi,{children:[n!=="small"?t.jsx(Ye,{}):null,t.jsx(Ti,{windowSize:n,"data-testid":f("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),Q===!0&&J(!1)},children:t.jsx(Ut,{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"?n==="small"?i.buttons.delete:i.buttons.deleteReport:n==="small"?i.buttons.reject:i.buttons.rejectReport,isLoading:Z==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||Z==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:Dt,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:Z==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:It,style:{width:s.footerButtonWidth.value(n)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(vi,{children:t.jsxs(Ai,{windowSize:n,children:[!N&&Q?t.jsx(Gt,{onClickAway:()=>J(!1),children:t.jsxs(ki,{windowSize:n,children:[re!=="processing"?t.jsx(le,{onClick:Ie,"data-testid":f("remi-delete-action"),children:i.buttons.deleteReport}):null,re==="processing"?t.jsx(le,{onClick:Tt,"data-testid":f("remi-cancel-action"),children:i.buttons.cancel}):null,re==="processing"?t.jsx(le,{onClick:jt,"data-testid":f("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(Ci,{windowSize:n,children:[!N&&Ce?t.jsx(Di,{onClick:De,"data-testid":f("remi-edit-button"),children:t.jsx(Ii,{})}):null,!N&&zt===!0?t.jsx(Si,{windowSize:n,showEditIcon:Ce,children:t.jsx(ji,{onClick:()=>J(!Q),"data-testid":f("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),p?t.jsx(Ht,{isDrawerOpen:ht,allowComposer:!0,drawerTitle:gt,threads:P,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:k?.companyId??$e,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:wt,replyComposerPlaceholder:xt,threadResolve:ft,threadUnResolve:$t},onThreadClick:(l,o)=>Rt(l,o),onCloseAllThreadsDrawer:()=>O(!1),drawerSectionStyle:{width:"400px",backgroundColor:ge.colors.background}}):null]})},ca=e=>{const v=tt().currentTenant?.companyId,z=e.remiDetails.remiDetails?.id;if(!(e.isReimbursementCommentingEnabled&&z!=null&&v!=null))return t.jsx(Ee,{...e});const _=`dashboard_${v}`;return t.jsx(Bt,{roomId:_,filter:{application:"dashboard",companyId:v,entityId:z,tab:"reimbursement",isGlobalComment:!1},children:t.jsx(Ee,{...e})})},ui=e=>{const v=it.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:v.tabsById.deleted,color:ne.deleted.color,bgColor:ne.deleted.bgColor,borderColor:ne.deleted.borderColor,code:"deleted"}},hi=r.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,yi=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)};
-`,bi=r(Zt)`
-  padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
-  background-color: ${Y.alertLight};
-  color: ${Y.brandColorGoldDark};
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
-`,gi=r.span`
-  border-bottom: 1px solid currentColor;
-  cursor: pointer;
-`,We=r.div`
-  display: flex;
-  gap: ${a.sp2};
-  padding: ${a.sp3};
-  border-radius: ${a.sp2};
-  align-items: start;
-  margin-top: ${e=>s.duplicateBannerWrapperMarginTop.valuePx(e.size)};
-  margin-right: ${e=>s.duplicateBannerWrapperMarginRight.valuePx(e.size)};
-  margin-bottom: ${e=>s.duplicateBannerWrapperMarginBottom.valuePx(e.size)};
-  margin-left: ${e=>s.duplicateBannerWrapperMarginLeft.valuePx(e.size)};
-  background-color: ${Y.alertLight};
-  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
-`,Ke=r(ri)`
-  color: ${e=>e.theme.colors.brandColorGoldDark};
-`,Ve=r.div`
-  width: 100%;
-`,Fe=r(at)`
-  color: ${e=>e.theme.colors.brandColorGoldDark};
-`,Ue=r(oi)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${Y.brandColorGoldDark};
-`,Ge=r(at)`
-  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};
-`,wi=r.div`
-  display: flex;
-  justify-content: space-between;
-`,xi=r.div`
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,fi=r(rt)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${a.sp3};
-`,$i=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;
-`,vi=r.div`
-  display: flex;
-  justify-content: flex-end;
-`,Ti=r.div`
-  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,ji=r(ai)`
-  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};
-  }
-`,Ii=r(ii)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp5};
-  height: ${a.sp5};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Di=r.div`
-  display: flex;
-  cursor: pointer;
-  color: ${e=>e.theme.colors.grey1};
-  margin-left: ${a.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,He=r(rt)`
-  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;
-`,Ci=r.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,ki=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;
-`,Ai=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;
-`,le=r(ti)`
-  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};
-  }
-`,Mi=r.div`
-  display: flex;
-  width: 100%;
-  position: sticky;
-  bottom: 0;
-  z-index: 2;
-`,Ri=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;
-`,Bi=r(Yt)`
-  color: ${e=>e.theme.colors.brandColorJade};
-  cursor: pointer;
-  width: ${a.sp4};
-  height: ${a.sp4};
-`,$=r.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Pi=r(Qt)`
-  cursor: pointer;
-  width: ${a.sp4};
-  height: ${a.sp4};
-  float: right;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ni=r.div`
-  margin-top: ${e=>s.closeMarginTop.valuePx(e.windowSize)};
-  display: flex;
-  float: right;
-`,_i=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(qt)`
-  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};
-`,Ei=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;
-`,Ye=r.div`
-  width: 42%;
-`,Wi=r.div`
-  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
-  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,qe=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(Xt)`
-  flex-grow: 1;
-  ${e=>`${pi.formTitle.style(e.windowsSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-all;
-`,Ki=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(ei)`
-  display: flex;
-  width: 176px;
-  color: ${e=>e.theme.colors.primary};
-`,Vi=r.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,et=r.div`
-  display: flex;
-  width: 100%;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-  align-items: ${e=>e.windowSize==="small"?"center":"flex-start"};
-`,Fi=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};
-`,Gi=r.div`
-  display: flex;
-  flex-direction: column;
-  height: ${a.sp11};
-`,Hi=r.div`
-  margin-top: 78px;
-`;export{ca as default};