@zeniai/web-cockpit-ui 1.14.1-pune → 1.14.2-dev

package/dist/assets/PortfolioDetails-DJFeMG4U-DswuDgPe.js

@@ -1,218 +0,0 @@
-import{j as e,M as J,o as n,iA as K,q as U,d1 as X,u as Z,X as G,_ as N,C as W,bs as f,g as k,bF as q,w as A,dn as Q,ae as V,al as ee,b4 as ie,bc as se,f as ne,d3 as re,p as le}from"./index-D3N9MvRr.js";import{n as s,b as te}from"./vendor-CnQcJ2Lu.js";import{l as oe}from"./treasuryColorHelper-QzSX5YTe-DRvV2CE6.js";const{common:o,spendManagement:{treasury:l},dateFormat:ae}=J.getLocalizedStrings(),y={portfolioYieldMarginTop:new W(-4,le[0]),sliderWidth:new W(143,177)},Oe=({isInReview:i,isSetup:r,fundDetails:m,allocation:d,amount:g,page:v})=>{const h=de(m);return e.jsxs(me,{children:[!r&&e.jsx(xe,{style:{alignSelf:"flex-start",padding:`${n.sp2} ${n.sp0}`},children:`${l.portfolioAllocation.title}`}),h.map((a,x)=>e.jsx(ce,{portfolio:a,fund:m[x],fundIndex:x,allocationPercentage:d.allocation?.[m[x].fundCode]||0,isInReview:i,isSetup:r,isLast:x===h.length-1,amount:g,page:v},m[x]?.fundCode||x))]})},de=i=>i.map(r=>[{label:l.overviewPage.fundTile.liquidity,value:r.liquidityTimeline||o.strings.hyphen},{label:l.overviewPage.fundTile.fundSizeLabel,value:K(r.fundSize,r.currencyCode)},{label:l.overviewPage.fundTile.maturityLabel,value:`${r.maturity} ${o.timeStrings.days}`},{label:l.overviewPage.fundTile.expenseRatioLabel,value:`${r.expenseRatio}${o.strings.percentage} ${l.overviewPage.fundTile.includedInTheYield}`},{label:l.overviewPage.fundTile.riskRatingLabel,value:r.riskRating||o.strings.hyphen},{label:l.overviewPage.fundTile.compositionLabel,value:Array.isArray(r.compositions)&&r.compositions.length>0?`${r.compositions[0].investedIn} ${r.compositions[0].percentage}${o.strings.percentage}`:o.strings.hyphen,tag:Array.isArray(r.compositions)&&r.compositions.length>1?`+${r.compositions.length-1}`:void 0,compositions:r.compositions??[]}]),ce=({portfolio:i,fund:r,fundIndex:m,allocationPercentage:d,isInReview:g,isSetup:v,isLast:h,amount:a,page:x})=>{const _=X().analytics,L=Z(),t=G(),j=a!=null&&a.amount>0&&d>0?a.amount*d/100:void 0,[p,H]=te.useState(!1),u=oe(m,L),$=()=>{p||_.trackTreasuryProspectusClick(r.fundName,r.fundCode,x),H(c=>!c)};return e.jsxs(e.Fragment,{children:[e.jsx(pe,{children:e.jsxs(he,{windowSize:t,children:[e.jsxs(ge,{windowSize:t,children:[e.jsxs(ue,{windowSize:t,children:[e.jsxs(fe,{isInReview:g,windowSize:t,children:[e.jsx(we,{children:r.fundCode}),e.jsx(ye,{color:u.fundNameColor,children:`${r.fundCompanyName} ${r.fundName}`})]}),t!=="small"&&e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),t!=="small"&&e.jsx(e.Fragment,{children:g?e.jsxs(O,{style:{alignItems:"flex-start"},children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(E,{children:j!=null?N("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty})]}):e.jsxs(je,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]})}),t!=="small"&&e.jsxs(O,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{minWidth:"496px",padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,style:{marginRight:n.sp3},children:[r.yield,o.strings.percentage]})]})]}),t==="small"&&e.jsx(Pe,{children:v?e.jsxs(Ye,{children:[e.jsxs(Ie,{children:[e.jsxs(Ae,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]})]}),e.jsxs(Me,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}),e.jsxs(T,{onClick:$,style:{marginBottom:n.sp2},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}):g?e.jsxs(ke,{children:[e.jsxs(F,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsx(E,{children:j!=null?N("0,0.[00]",{amount:j,currencyCode:a?.currencyCode!=null&&a.currencyCode!==""?a.currencyCode:"USD",currencySymbol:a?.currencySymbol!=null&&a.currencySymbol!==""?a.currencySymbol:"$"}):o.strings.empty}),e.jsxs(T,{onClick:$,style:{margin:`${n.sp2} ${n.sp0}`,...h?{marginBottom:n.sp0}:{}},children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),e.jsxs(B,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]}):e.jsxs(Le,{children:[e.jsxs(F,{children:[e.jsxs(w,{windowSize:t,children:[d,o.strings.percentage]}),e.jsxs(Y,{children:[e.jsx(I,{type:"range",min:0,max:100,step:1,value:d,readOnly:!0,windowSize:t}),e.jsx(M,{color:u.fundNameColor,style:{width:`calc(${y.sliderWidth.value(t)}/100*${d}px)`,zIndex:1}})]}),e.jsxs(T,{onClick:$,children:[p?l.transferDrawer.calculator.footerText.hide:l.overviewPage.fundTile.viewDetails,p?e.jsx(z,{}):e.jsx(C,{})]})]}),e.jsxs(B,{children:[e.jsxs(S,{children:[l.overviewPage.fundTile.sevenDayYieldLabel,e.jsx(f,{data:l.overviewPage.fundTile.sevenDayYieldTooltip,variant:"small-description",placement:"bottom-end",style:{padding:`12px ${n.sp3}`},enterDelay:300,children:e.jsx(P,{})})]}),e.jsxs(b,{windowSize:t,children:[r.yield,o.strings.percentage]})]})]})})]},i[0].label)}),p&&e.jsxs(be,{children:[e.jsx(D,{children:r.description}),e.jsx($e,{style:{marginLeft:n.sp3},children:i.map(c=>e.jsxs(Se,{windowSize:t,children:[e.jsx(D,{children:o.strings.dividerDot}),e.jsx(D,{style:{minWidth:"140px"},children:c.label}),e.jsxs(D,{style:{color:c.label===l.overviewPage.fundTile.fundSizeLabel?u.fundNameColor:L.colors.primary,borderBottom:`1px solid ${L.colors.grey3}`,width:"100%",padding:`${n.sp1} ${n.sp0}`,display:"flex",flexDirection:"row",alignItems:"center",gap:n.sp2},children:[c.value,!!c.tag&&c.label===l.overviewPage.fundTile.compositionLabel&&e.jsx(f,{variant:"list-description",data:{title:o.strings.empty,items:Array.isArray(c.compositions)&&c.compositions.length>0?c.compositions.map(R=>({text:`${o.strings.dividerDot}  ${R.investedIn}`,amount:`${R.percentage}${o.strings.percentage}`})):[]},placement:"bottom-end",style:{minWidth:"312px",padding:`12px ${n.sp3}`},children:e.jsx(Te,{children:c.tag})})]})]},c.label))}),e.jsxs(De,{onClick:()=>window.open(r.url,"_blank"),children:[e.jsx(ve,{children:`${l.overviewPage.fundTile.asOfLabel} ${r.asOfDate.format(ae.visual.MMMDCommaYYYYformat)}`}),e.jsx(Ce,{})]})]}),(!h||v)&&e.jsx(ze,{style:{width:"100%",marginBottom:n.sp3}})]})},pe=s.div`
-  display: flex;
-  flex-direction: row;
-  gap: ${n.sp2};
-  width: 100%;
-`,xe=s(U)`
-  color: ${i=>i.theme.colors.hero};
-`,me=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-`,ge=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  align-items: flex-start;
-`,he=s.div`
-  display: flex;
-  flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
-  width: 100%;
-  margin-bottom: ${n.sp2};
-`,ue=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  width: ${i=>i.windowSize==="small"?"auto":"245px"};
-`,fe=s(q)`
-  color: ${k.graphColor34Dark};
-  max-width: 280px;
-`,we=s.span`
-  color: ${i=>i.theme.colors.primary};
-  margin-right: ${n.sp1};
-`,ye=s.span`
-  color: ${i=>i.color??k.graphColor34Dark};
-`,O=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  width: 129px;
-`,w=s(ee)`
-  color: ${i=>i.theme.colors.primary};
-  min-width: ${n.sp7};
-  text-align: left;
-`,b=s(q)`
-  color: ${k.success};
-  margin-top: ${i=>y.portfolioYieldMarginTop.valuePx(i.windowSize)};
-`,S=s(A)`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: ${n.sp1};
-  color: ${i=>i.theme.colors.hero};
-`,ve=s(ne)`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: ${n.sp1};
-`,E=s(A)`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: ${n.sp1};
-  color: ${i=>i.theme.colors.primary};
-`,je=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${n.sp2};
-  width: 240px;
-`,Y=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  position: relative;
-  flex: 1;
-`,$e=s.div``,I=s.input`
-  width: ${({windowSize:i})=>y.sliderWidth.valuePx(i)};
-  cursor: default;
-  pointer-events: none;
-
-  &[type="range"]::-webkit-slider-runnable-track {
-    height: 2px;
-    background-color: ${i=>i.theme.colors.grey3};
-  }
-
-  &[type="range"] {
-    -webkit-appearance: none;
-    appearance: none;
-  }
-
-  &[type="range"]::-webkit-slider-thumb {
-    visibility: hidden;
-  }
-`,M=s.div`
-  position: absolute;
-  height: 2px;
-  background-color: ${i=>i.color??k.graphColor34Dark};
-`,T=s(A)`
-  color: ${i=>i.theme.colors.hero};
-  align-self: flex-start;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${n.sp1};
-  cursor: pointer;
-`,C=s(V)`
-  width: 12px;
-  height: 12px;
-  color: ${i=>i.theme.colors.hero};
-`,be=s.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  justify-self: flex-start;
-  gap: ${n.sp2};
-  margin-bottom: ${n.sp3};
-`,D=s(U)`
-  color: ${i=>i.theme.colors.hero};
-`,Se=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${i=>i.windowSize==="small"?n.sp1:n.sp2};
-`,Te=s(se)`
-  color: ${i=>i.theme.colors.hero};
-  padding: 1px 6px;
-  border: 1px solid ${i=>i.theme.colors.grey2};
-  border-radius: ${n.sp1};
-`,Ce=s(re)`
-  width: 12px;
-  height: 12px;
-`,De=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: baseline;
-  gap: ${n.sp2};
-  width: fit-content;
-  cursor: pointer;
-  color: ${i=>i.theme.colors.hero};
-
-  &:hover {
-    color: ${i=>i.theme.colors.primary};
-    text-decoration: underline;
-  }
-`,z=s(Q)`
-  cursor: pointer;
-  width: 12px;
-  height: 12px;
-  min-width: 12px;
-  min-height: 12px;
-  color: ${i=>i.theme.colors.hero};
-`,ze=s.div`
-  display: flex;
-  flex: 1;
-  background-color: ${i=>i.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,P=s(ie)`
-  width: ${n.sp3};
-  height: ${n.sp3};
-  color: ${i=>i.theme.colors.hero};
-  margin-bottom: -3px;
-  cursor: pointer;
-  :hover {
-    color: ${i=>i.theme.colors.primary};
-  }
-`,Pe=s.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: flex-start;
-  width: 100%;
-  margin-top: ${n.sp2};
-`,ke=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
-  width: 100%;
-`,Le=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-`,F=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex: 1;
-`,B=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`,Ye=s.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  gap: ${n.sp2};
-`,Ie=s.div`
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  gap: ${n.sp2};
-  justify-content: space-between;
-`,Me=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,Ae=s.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${n.sp3};
-`;export{Oe as E};

package/dist/assets/ReimbursementDetailPage-CtEAsq7u-CdLZ67Bg.js

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