@zeniai/web-cockpit-ui 1.14.8-qa → 1.14.9-dev

package/dist/assets/ProductsCarousel-VTApOnqN-hxmFSNXK.js

@@ -1,138 +0,0 @@
-import{M as X,j as t,d2 as I,o as l,bo as O,ae as P,d3 as D,Z as F,s as L,d4 as R,g as v}from"./index-BWC1TL5d.js";import{b as $,n as i}from"./vendor-CnQcJ2Lu.js";const u=X.getLocalizedStrings(),y={large:{labelComp:D,title:F,subtitle:L,seeMoreLink:L}},B={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=B.large,U=i.div`
-  width: ${e=>e.scale*o.width}px;
-  height: ${e=>e.scale*o.height}px;
-  overflow: hidden;
-  background-color: ${e=>e.variant==="large"?e.theme.colors.grey5:e.theme.colors.grey3};
-  box-shadow: ${e=>`${e.variant==="large"?v.Elevation2Light:v.Elevation1Light}`};
-  outline: 1px solid
-    ${e=>e.variant==="large"?e.theme.colors.grey3:e.theme.colors.grey2};
-  border-radius: ${e=>e.scale*o.borderRadius}px;
-
-  & > * {
-    width: ${e=>e.scale*o.width}px;
-    height: ${e=>e.scale*o.height}px;
-    transform-origin: top left;
-    background-color: ${e=>e.variant==="large"?e.theme.colors.grey5:e.theme.colors.grey3};
-    outline: 1px solid
-      ${e=>e.variant==="large"?e.theme.colors.grey3:e.theme.colors.grey2};
-    box-shadow: ${e=>`${e.variant==="large"?v.Elevation2Light:v.Elevation1Light}`};
-    border-radius: ${e=>e.scale*o.borderRadius}px;
-  }
-`,Z=i(y.large.labelComp)`
-  color: ${e=>e.theme.colors.brandColorRuby};
-  text-transform: uppercase;
-  margin-bottom: ${e=>e.scale*o.gap}px;
-  text-align: left;
-`,G=i(y.large.title)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${e=>e.scale*o.gap}px;
-  text-align: left;
-`,J=i(y.large.subtitle)`
-  color: ${e=>e.theme.colors.champion};
-  margin-bottom: ${e=>e.scale*o.gap}px;
-  text-align: left;
-`,N=i(y.large.seeMoreLink)`
-  color: ${e=>e.theme.colors.brandColorJadeDark};
-`,A=i.div`
-  width: ${e=>e.scale*o.width}px;
-  height: ${e=>e.scale*o.height}px;
-  padding: ${e=>e.scale*e.padding}px;
-  background-color: ${e=>e.variant==="large"?e.theme.colors.grey5:e.theme.colors.grey3};
-
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  z-index: 20;
-`,H=i.a`
-  text-decoration: none;
-  display: inline-block;
-`,V=i.div`
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  overflow: hidden;
-`,q=i.div`
-  flex-shrink: 0;
-`,K=i.div`
-  display: flex;
-  align-items: center;
-  height: ${e=>e.scale*o.svgContainerHeight}px;
-  margin-bottom: ${e=>e.scale*o.imageGap}px;
-`,Q=i(R)`
-  width: ${e=>e.scale*o.svgSize}px;
-  min-width: ${e=>e.scale*o.svgSize}px;
-  height: ${e=>e.scale*o.svgSize}px;
-  margin-left: ${l.sp1};
-  color: ${e=>e.theme.colors.brandColorJadeDark};
-`,W=i.div`
-  width: 100%;
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  overflow: hidden;
-`,Y=i.img`
-  width: 100%;
-  height: 100%;
-  object-fit: fill;
-  object-position: center;
-`,ee=({scale:e=1,variant:s="large",label:a,title:d,subtitle:m,seeMoreLink:n,image:c})=>{const h=t.jsx(A,{scale:e,variant:s,padding:o.padding*e,children:t.jsxs(V,{children:[t.jsxs(q,{children:[a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:a}):null,d!=null&&d.trim()!==u.common.strings.empty?t.jsx(G,{scale:e,children:d}):null,m!=null&&m.trim()!==u.common.strings.empty?t.jsx(J,{scale:e,children:m}):null,n!=null&&n.trim()!==u.common.strings.empty?t.jsxs(K,{scale:e,children:[t.jsx(N,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(Q,{scale:e})]}):null]}),c!=null&&c.trim()!==u.common.strings.empty?t.jsx(W,{children:t.jsx(Y,{src:c,loading:"lazy"})}):null]})});return t.jsx(U,{scale:e,variant:s,children:s==="large"&&n!=null&&n.trim()!==u.common.strings.empty?t.jsx(H,{href:n,target:"_blank",rel:"noopener noreferrer",children:h}):h})},x=2,S=5,te=i.div`
-  width: 100%;
-  height: 100%;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,ie=i(P)`
-  width: ${l.sp3};
-  height: ${l.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,_=i.div`
-  display: flex;
-  width: ${l.sp5};
-  height: ${l.sp5};
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-
-  background-color: ${e=>e.theme.colors.grey5};
-  border-radius: 50%;
-  box-shadow: ${e=>`${l.sp0} 2px ${l.sp1} ${e.theme.colors.dropShadowNormal}`};
-  outline: 1px solid ${e=>e.theme.colors.grey3};
-  z-index: 3;
-  cursor: pointer;
-  &:hover {
-    .btnsvg {
-      color: ${e=>e.theme.colors.primary};
-    }
-    outline-color: ${e=>e.theme.colors.primary};
-  }
-`,oe=i(O)`
-  width: ${l.sp3};
-  height: ${l.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,re=i.div`
-  position: relative;
-  width: calc(100% - ${l.sp9});
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: visible;
-  perspective: 2000px;
-`,se=i.div`
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: ${({positionX:e,scale:s})=>`translate(-50%, -50%) translateX(${e}px) scale(${s})`};
-  transition: transform 1000ms cubic-bezier(0.5, 1.3, 0.39, 1);
-  transform-style: preserve-3d;
-  cursor: pointer;
-  box-sizing: border-box;
-
-  ${({isForeFront:e})=>e&&`
-    &:hover {
-      transform: translate(-50%, -50%) translateX(0px) translateZ(10px) scale(1.02)
-    }
-  `}
-`,ae=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],ne=({showUpdatePaymentDetailButton:e,stopCarousel:s,cards:a})=>{const[d,m]=$.useState(2),[n,c]=$.useState(!1),[h,k]=$.useState(!1),b=a.length,z=I().analytics,f=$.useCallback(r=>{h||(k(!0),m(p=>(p+r+b)%b),setTimeout(()=>k(!1),1e3))},[h,b]);$.useEffect(()=>{if(n||s||h)return;const r=setInterval(()=>{f(1)},3e3);return()=>clearInterval(r)},[n,s,h,f]);const C=r=>(d+r-x+b)%b,M=r=>{const p=Array.from({length:S},(g,w)=>C(w)).indexOf(r)-x;p!==0&&f(p),e?z.trackOnboardingLandingPageCardClick(a[r].cardTitle):z.trackOnboardingInterimCard(a[r].cardTitle)};return t.jsxs(te,{children:[t.jsx(_,{onClick:()=>f(-1),children:t.jsx(oe,{className:"btnsvg"})}),t.jsx(re,{children:a.map((r,p)=>{const g=Array.from({length:S},(pe,T)=>C(T)).indexOf(p);if(g===-1)return null;const{positionX:w,scale:E}=ae[g],j=g===x;return t.jsx(se,{isForeFront:j,positionX:w,scale:E,onClick:()=>M(p),onMouseEnter:()=>j&&c(!0),onMouseLeave:()=>j&&c(!1),style:{zIndex:g===x?5:5-Math.abs(g-x)},children:t.jsx(ee,{label:r.cardTitle,title:r.sectionTitle,subtitle:r.sectionSubTitle,seeMoreLink:r.redirectLink,image:r.imageLink,variant:g===x?"large":g===x-1?"medium":"small"})},p)})}),t.jsx(_,{onClick:()=>f(1),children:t.jsx(ie,{className:"btnsvg"})})]})},le=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],ce=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],me=({stopCarousel:e=!1,showUpdatePaymentDetailButton:s=!1})=>{const{customerOnboardingPage:a}=X.getLocalizedStrings(),{productSuite:d}=a,m=d.productCard.cards.map((n,c)=>({...n,imageLink:le[c],redirectLink:ce[c]}));return t.jsx(ne,{cards:m,stopCarousel:e,showUpdatePaymentDetailButton:s})};export{me as f};

package/dist/assets/ReimbursementApprovalRuleDetailPage-PHWY-z0e-DuR1RMJV.js

@@ -1,26 +0,0 @@
-import{C as q,m as U,u as M,X as W,M as D,a as G,a1 as X,j as s,S as H,c3 as J,aV as K,F as Q,a3 as Y,o as f}from"./index-BWC1TL5d.js";import{b as L,n as h}from"./vendor-CnQcJ2Lu.js";import{b as Z,f as ee,l as j,o as B}from"./FollowStepsSection-ICp_6TcX-lhJdYmhw.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const $="reimbursementApprovalRuleDetailPage",T="lowerBound",k="upperBound",y="steps",te={footerPadding:new q(U[2],U[3])};function ye({localData:e,approvalUpdateActionType:r,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:l=!0,hideUpperBoundField:o=!1,onBackClick:d,onApprovalRuleDataUpdated:b,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:A}){const _=M(),S=W(),a=D.getLocalizedStrings().commonSetUp.approval,I=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=ae(e,r==="approval_create"&&!t),g=G({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,w=X(u?.fetchState),{upperBound:P}=x,{allApprovalRules:n,allAccountingClasses:F,remiSetupApproverViewUpdateData:c}=e;let m=n.length>1?n.length-1:0,v=n.length>0?n[m].criteria[0].range.min.amount:0;if(c!=null&&c.type==="approval_update"&&c.data!=null){const{approvalRuleId:i}=c.data;m=n.findIndex(p=>p.approvalRuleId===i),v=m>0?n[m-1].criteria[0].range.min.amount:0}const O=g.handleSubmit(()=>{N()}),V=async(i,p)=>{b(p)};return L.useEffect(()=>{const i=g.watch((p,{name:R})=>{if(R!=null&&p!=null){const z=H(p);J(()=>V(R,z))}});return()=>{i.unsubscribe()}}),L.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),s.jsxs(se,{children:[s.jsx(K,{title:r==="approval_create"?a.newApproval:a.editApproval,backgroundColor:_.colors.grey4,style:{zIndex:4},onBackClick:()=>{d()},source:"ReimbursementApprovalRuleDetailPage"}),s.jsx(ne,{children:s.jsx(Q,{...g,children:s.jsx("form",{id:C($),onSubmit:O,children:s.jsxs(ie,{children:[s.jsx(Z,{label:{label:o?I.amountPerRemiGreaterLabel:I.amountPerRemiLabel},firstText:{type:"number",name:T,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:i=>t?!0:i!=null&&i>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:l,hideField:o,additionalInfoLabel:a.upperBoundInfoLabel}}),s.jsx(pe,{}),s.jsx(ee,{sectionId:y,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:F,stepsInfo:x[y],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:C($),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:S==="small"?"space-between":"center"},style:{padding:te.footerPadding.valuePx(S)},separatorStyle:{marginRight:f.sp4}})]})}const ae=(e,r)=>{const{criteria:t,steps:l}=e.remiSetupApproverViewUpdateData?.data??{};return{[y]:re(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),B(e.allAttributes),B(e.filteredAttributes),l??[])??[],[T]:r?void 0:t!=null?t.range.min.amount??0:0,[k]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},re=(e,r,t,l,o)=>o&&o.length>0?o.map((d,b)=>({stepIndex:b,stepType:{selectedOption:d.action,allOptions:j},actors:{allUsers:r,selectedUsers:le(e,d.actors),allNonUsers:l,selectedNonUsers:oe(t,d.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:j},actors:{allUsers:r,selectedUsers:[],allNonUsers:l,selectedNonUsers:[]}}],le=(e,r)=>e.filter(t=>t.userId!=null&&r.findIndex(l=>l.userId===t.userId)>-1),oe=(e,r)=>e.filter(t=>r.findIndex(l=>l.subType===t.value)>-1),C=e=>`${e}_form`,Ae=e=>`${e}`,se=h.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-`,ie=h.div`
-  display: flex;
-  flex-direction: column;
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${f.sp0} 2px ${f.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${f.sp2};
-`,ne=h.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,pe=h.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`;export{te as D,ye as default,C as uniqueFormName,Ae as uniqueName};

package/dist/assets/ReimbursementDetailPage-Dt6DhlL1-Y5GGZTgF.js

@@ -1,314 +0,0 @@
-import{w as At,d2 as Mt,X as Rt,u as Pt,bC as Bt,C as m,M as Ze,l as ie,fI as Nt,fK as Lt,fL as Ot,j as t,bO as ke,bQ as Ae,bR as Me,Y as y,aV as Re,aI as _t,dq as Wt,fM as Et,fX as Pe,o as a,fN as Be,cP as b,cR as w,fQ as x,_ as Ne,cO as Le,p as K,fS as Oe,a3 as Kt,f as Ft,fT as Ut,fU as ae,aR as Vt,fV as Yt,a2 as Gt,Q as Ht,h as qt,s as et,an as tt,g as F,e as Jt,eW as Qt,v as Xt,ga as Zt,g6 as ei,m as c,bH as ti,cl as ii}from"./index-BWC1TL5d.js";import{b as p,n as r}from"./vendor-CnQcJ2Lu.js";import{_ as ai}from"./liveblocks-sSQ9JElv.js";import ri from"./InvoiceUploadSection-DzOByrtE-BiYJ5rDx.js";import{r as oi,h as f,u as ni}from"./types-DyvtCprH-BcZYcgaq.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./crypto-BURQLTgV.js";import"./AttachmentView-Bpla0aBf-B-2iKa23.js";import"./uploadReceipts-D80JLNY4-CfuAxnwz.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,z]=p.useState(!1),[Y,G]=p.useState(!1),[ct,H]=p.useState(!1),[q,J]=p.useState("approved"),P=p.useRef(null),[j,Q]=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:"reimbursement.details"});const ht={onOkClick:()=>{z(!1),j.primaryButtonText===i.buttons.delete?nt?.():j.title===i.cancelReportTitle?ue?.():j.title===i.cancelAndDeleteReportTitle&&ue?.(!0)},onCancelClick:()=>{z(!1)}},I=l.labelWidth.value(o),k=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=()=>{Q({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),z(!0)},$t=()=>{Q({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),z(!0)},vt=()=>{Q({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),z(!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():(J("approved"),pe({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},jt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(J("delete"),Se()):(J("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),zt=p.useMemo(()=>M.filter(s=>s.resolved===!1&&!s.id.includes(Ot)),[M]).length,kt=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(ke,{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(ke,{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(zi,{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:zt,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(ki,{})})]}),scrollableContent:P,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Ki,{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(Fe,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Ke,{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(Fe,{}),t.jsxs(Ee,{children:[t.jsx(We,{children:i.thereSeems}),t.jsx(Ke,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(hi,{windowSize:o,ref:ze=>{ze!=null&&(ge.current[`L${s.lineId}`]=ze)},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:k},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:k},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:k},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:k},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:k},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(Je,{windowSize:o,children:[t.jsx(Qe,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:K.h6Regular.cssObject,decimalStyles:K.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(Je,{windowSize:o,children:[t.jsx(Qe,{children:i.total}),t.jsx(Le,{amount:ve,integerStyles:K.h6Regular.cssObject,decimalStyles:K.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(Kt,{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(Ft,{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)=>kt(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(Jt)`
-  padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
-  background-color: ${F.alertLight};
-  color: ${F.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: ${F.alertLight};
-  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
-`,We=r(ti)`
-  color: ${e=>e.theme.colors.brandColorGoldDark};
-`,Ee=r.div`
-  width: 100%;
-`,Ke=r(et)`
-  color: ${e=>e.theme.colors.brandColorGoldDark};
-`,Fe=r(ii)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${F.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;
-`,zi=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;
-`,ki=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)};
-`,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=>l.totalBottomMargin.valuePx(e.windowSize)};
-  justify-content: space-between;
-`,Qe=r(Qt)`
-  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};
-`,Ki=r.div`
-  margin-top: 78px;
-`;export{ia as default};