@zeniai/web-cockpit-ui 1.15.31-qa → 1.15.32-dev

package/dist/assets/{QBOSetupSection-lgv5wVlg-BJbJg-e3.js → QBOSetupSection-DwqXfi9i-B1C_WaXE.js}

@@ -1,23 +1,23 @@
-import{J as O,F as u,V as i,i as k,o,y as a,p as c,fQ as I,N as D,af as T,bw as W,eQ as B,fH as N,aW as h,ai as f,u as r}from"./index-B4SkrUUS.js";import{n}from"./mui-DUBEtzg-.js";import Q from"./QBOConnectionDialog-C2-omQMZ-BcqWZr4J.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="f3fc2fad-2c38-4bb3-bd4e-e30551d8f2d3",e._sentryDebugIdIdentifier="sentry-dbid-f3fc2fad-2c38-4bb3-bd4e-e30551d8f2d3")}catch{}})();const d={containerPadding:new a(r[3],r[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(r[3],r[0]),arrowIconWidthHeight:new a(r[3],r[4])},_={title:new D("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:t=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:y,companyName:$,updateQBOPopupState:w,handleOnConnectClick:b})=>{const s=O(),{qbo_connection:j}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:S,sucessText:v,button:z,errorText:P,requiredText:C}=j;return i.jsxs(E,{windowSize:s,children:[i.jsxs(H,{windowSize:s,children:[s==="small"?i.jsx(R,{children:l?i.jsx(K,{}):i.jsx(U,{})}):null,i.jsx(A,{windowSize:s,children:S})]}),i.jsxs(F,{windowSize:s,children:[i.jsxs(G,{windowSize:s,children:[i.jsxs(q,{children:[i.jsx(J,{}),i.jsx(M,{windowSize:s}),i.jsx(L,{})]}),l?s!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:s!=="small"?"standard":"xs-small",label:z.connect,style:{width:"fit-content"},onClick:()=>w(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(V,{children:v}),s==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:P})}):null,t&&!l?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:C})}):null]}),i.jsx(Q,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:y,companyName:$,saveConnectionState:p,handleOnConnectClick:b,handleGoBack:()=>w(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:t}=e;return i.jsx(N,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:t,textColor:{color:new h(c.successDark),borderColor:new h(c.successDark)}})},E=n.div`
+import{J as O,F as u,V as i,i as k,o,y as a,p as c,fS as I,H as D,af as T,bw as W,eR as B,fJ as H,aW as h,ai as y,u as r}from"./index-DOsjGhSZ.js";import{n}from"./mui-B2MHg-Mu.js";import _ from"./QBOConnectionDialog-CLBqmpI8-DH4pGPEG.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="9b1044b9-1059-49a3-8db3-8c45c7a55d6c",e._sentryDebugIdIdentifier="sentry-dbid-9b1044b9-1059-49a3-8db3-8c45c7a55d6c")}catch{}})();const l={containerPadding:new a(r[3],r[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(r[3],r[0]),arrowIconWidthHeight:new a(r[3],r[4])},E={title:new D("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:t=!1,isValid:d,saveConnectionState:p,isQBOPopupOpen:$,companyName:f,updateQBOPopupState:w,handleOnConnectClick:b})=>{const s=O(),{qbo_connection:j}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:S,sucessText:v,button:z,errorText:P,requiredText:C}=j;return i.jsxs(A,{windowSize:s,children:[i.jsxs(F,{windowSize:s,children:[s==="small"?i.jsx(L,{children:d?i.jsx(K,{}):i.jsx(U,{})}):null,i.jsx(G,{windowSize:s,children:S})]}),i.jsxs(J,{windowSize:s,children:[i.jsxs(N,{windowSize:s,children:[i.jsxs(V,{children:[i.jsx(q,{}),i.jsx(M,{windowSize:s}),i.jsx(R,{})]}),d?s!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:s!=="small"?"standard":"xs-small",label:z.connect,style:{width:"fit-content"},onClick:()=>w(!0),loading:p==="In-Progress"})]}),d?i.jsxs(i.Fragment,{children:[i.jsx(Q,{children:v}),s==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:P})}):null,t&&!d?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:C})}):null]}),i.jsx(_,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:$,companyName:f,saveConnectionState:p,handleOnConnectClick:b,handleGoBack:()=>w(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:t}=e;return i.jsx(H,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:t,textColor:{color:new h(c.successDark),borderColor:new h(c.successDark)}})},A=n.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,H=n.div`
+`,F=n.div`
   display: flex;
   align-items: center;
   padding-top: ${o.sp3};
   padding-bottom: ${o.sp3};
-  width: ${e=>d.sectionWidth.valuePx(e.windowSize)};
-`,A=n.div`
+  width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
+`,G=n.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${_.title.style(e.windowSize)}`};
-`,F=n.div`
+  ${e=>`${E.title.style(e.windowSize)}`};
+`,J=n.div`
   display: flex;
   flex-direction: column;
-  width: ${e=>d.sectionWidth.valuePx(e.windowSize)};
+  width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.grey5};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
@@ -25,7 +25,7 @@ import{J as O,F as u,V as i,i as k,o,y as a,p as c,fQ as I,N as D,af as T,bw as
   fill: ${e=>e.theme.colors.grey1};
   justify-content: space-between;
   box-sizing: border-box;
-  padding: ${e=>d.containerPadding.valuePx(e.windowSize)};
+  padding: ${e=>l.containerPadding.valuePx(e.windowSize)};
   &:hover {
     border: 1px solid ${e=>e.theme.colors.primary};
     fill: ${e=>e.theme.colors.primary};
@@ -34,38 +34,38 @@ import{J as O,F as u,V as i,i as k,o,y as a,p as c,fQ as I,N as D,af as T,bw as
   width: 100%;
   display: flex;
   margin-top: ${o.sp4};
-`,g=n(f)`
+`,g=n(y)`
   display: flex;
   color: ${c.important};
-`,G=n.div`
+`,N=n.div`
   width: 100%;
   display: flex;
   justify-content: space-between;
-  row-gap: ${e=>d.topElementsRowGap.valuePx(e.windowSize)};
+  row-gap: ${e=>l.topElementsRowGap.valuePx(e.windowSize)};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,V=n(f)`
+`,Q=n(y)`
   display: flex;
   margin-top: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,q=n.div`
+`,V=n.div`
   display: flex;
   align-items: center;
   gap: ${o.sp4};
   justify-content: left;
   color: ${e=>e.theme.colors.primary};
-`,J=n(T)`
+`,q=n(T)`
   height: 20px;
   width: auto;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
 `,M=n(W)`
-  height: ${e=>d.arrowIconWidthHeight.valuePx(e.windowSize)};
-  width: ${e=>d.arrowIconWidthHeight.valuePx(e.windowSize)};
+  height: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
+  width: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
-`,L=n(B)`
+`,R=n(B)`
   height: ${o.sp4};
   color: ${e=>e.theme.colors.primary};
-`,R=n.div`
+`,L=n.div`
   margin-right: ${o.sp2};
 `,K=n(I)`
   width: ${o.sp3};

package/dist/assets/{ReimbursementApprovalRuleDetailPage-CbJViS3x-CNPS2kKc.js → ReimbursementApprovalRuleDetailPage-BrfP2xcW-DQMVrjws.js}

@@ -1,4 +1,4 @@
-import{y as W,u as L,e as G,J as M,F as U,a9 as J,aR as K,aK as X,cG as H,V as r,bD as Q,ac as Y,aS as Z,o as b,g8 as ee}from"./index-B4SkrUUS.js";import{a as B}from"./sentry-BBFZ4Apy.js";import{n as c}from"./mui-DUBEtzg-.js";import{b as te,f as le,o as T,l as _}from"./FollowStepsSection-BCyL8Jdr-CTurJjBu.js";import"./liveblocks-Dh9EWLXD.js";import"./core-TLZ6PfaT.js";import"./recharts-ZbSULBPo.js";import"./zeni-epic-state-CbQxc4HL.js";import"./lottie-osIcf0zV.js";import"./analytics-BFo1DlpM.js";import"./lexical-DGcsrY0x.js";import"./utils-DvDl_6hs.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="16a7fc78-ade2-4f1c-8bd3-3120bdf8394c",e._sentryDebugIdIdentifier="sentry-dbid-16a7fc78-ade2-4f1c-8bd3-3120bdf8394c")}catch{}})();const $="reimbursementApprovalRuleDetailPage",C="lowerBound",j="upperBound",I="steps",h="applyToExistingReimbursements",ae={footerPadding:new W(L[2],L[3])};function Re({localData:e,approvalUpdateActionType:l,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:i=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:w}){const F=G(),A=M(),a=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,l==="approval_create"&&!t),y=J({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,R=K(u?.fetchState),{upperBound:P}=x,{allApprovalRules:d,allAccountingClasses:V,remiSetupApproverViewUpdateData:m}=e;let f=d.length>1?d.length-1:0,v=d.length>0?d[f].criteria[0].range.min.amount:0;if(m!=null&&m.type==="approval_update"&&m.data!=null){const{approvalRuleId:n}=m.data;f=d.findIndex(p=>p.approvalRuleId===n),v=f>0?d[f-1].criteria[0].range.min.amount:0}const z=y.handleSubmit(()=>{N()}),q=async(n,p)=>{g(p)};return B.useEffect(()=>{const n=y.watch((p,{name:D})=>{if(D!=null&&p!=null){const O=X(p);H(()=>q(D,O))}});return()=>{n.unsubscribe()}}),B.useEffect(()=>{R==="In-Progress"&&u?.fetchState==="Completed"&&w()},[R,u?.fetchState,w]),r.jsxs(ie,{children:[r.jsx(Q,{title:l==="approval_create"?a.newApproval:a.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:k($),onSubmit:z,children:r.jsxs(pe,{children:[r.jsx(te,{label:{label:i?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:C,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:n=>t?!0:n!=null&&n>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:i,additionalInfoLabel:a.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(le,{sectionId:I,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:V,stepsInfo:x[I],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:k($),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:l==="approval_create"&&d.length===0?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:a.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:ae.footerPadding.valuePx(A)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,l)=>{const{criteria:t,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},i=e.allApprovalRules.length===0;return{[h]:i?[]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),T(e.allAttributes),T(e.filteredAttributes),o??[])??[],[C]:l?void 0:t!=null?t.range.min.amount??0:0,[j]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},oe=(e,l,t,o,i)=>i&&i.length>0?i.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:_},actors:{allUsers:l,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(t,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:_},actors:{allUsers:l,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,l)=>e.filter(t=>t.userId!=null&&l.findIndex(o=>o.userId===t.userId)>-1),ne=(e,l)=>e.filter(t=>l.findIndex(o=>o.subType===t.value)>-1),k=e=>`${e}_form`,Pe=e=>`${e}`,ie=c.div`
+import{y as W,u as L,d as G,J as M,F as U,a9 as J,aR as K,aK as X,cG as H,V as r,bD as Q,ac as Y,aS as Z,o as b,ga as ee}from"./index-DOsjGhSZ.js";import{a as B}from"./sentry-otjdlEta.js";import{n as c}from"./mui-B2MHg-Mu.js";import{b as te,f as ae,o as T,l as _}from"./FollowStepsSection-Du2gzmC6-LTRvUZJY.js";import"./liveblocks-KFxhhSr3.js";import"./core-BHxev_Cl.js";import"./recharts-B7o7FzH2.js";import"./zeni-epic-state-DVinyIRY.js";import"./lottie-DDoT_sT4.js";import"./analytics-Cz7GTPb4.js";import"./lexical-Dja08wvc.js";import"./utils-BbmM3Vsp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="d868e999-b4b5-417f-b5a1-556474a87ede",e._sentryDebugIdIdentifier="sentry-dbid-d868e999-b4b5-417f-b5a1-556474a87ede")}catch{}})();const $="reimbursementApprovalRuleDetailPage",C="lowerBound",j="upperBound",I="steps",h="applyToExistingReimbursements",le={footerPadding:new W(L[2],L[3])};function Re({localData:e,approvalUpdateActionType:a,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:i=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:w}){const F=G(),A=M(),l=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,a==="approval_create"&&!t),y=J({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,R=K(u?.fetchState),{upperBound:P}=x,{allApprovalRules:d,allAccountingClasses:V,remiSetupApproverViewUpdateData:m}=e;let f=d.length>1?d.length-1:0,v=d.length>0?d[f].criteria[0].range.min.amount:0;if(m!=null&&m.type==="approval_update"&&m.data!=null){const{approvalRuleId:n}=m.data;f=d.findIndex(p=>p.approvalRuleId===n),v=f>0?d[f-1].criteria[0].range.min.amount:0}const q=y.handleSubmit(()=>{N()}),z=async(n,p)=>{g(p)};return B.useEffect(()=>{const n=y.watch((p,{name:D})=>{if(D!=null&&p!=null){const O=X(p);H(()=>z(D,O))}});return()=>{n.unsubscribe()}}),B.useEffect(()=>{R==="In-Progress"&&u?.fetchState==="Completed"&&w()},[R,u?.fetchState,w]),r.jsxs(ie,{children:[r.jsx(Q,{title:a==="approval_create"?l.newApproval:l.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:k($),onSubmit:q,children:r.jsxs(pe,{children:[r.jsx(te,{label:{label:i?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:C,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:n=>t?!0:n!=null&&n>v},isDisabled:t,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:i,additionalInfoLabel:l.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(ae,{sectionId:I,label:{label:l.followStepsLabel},approversPlaceholder:l.approversPlaceholder,notifiersPlaceholder:l.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:V,stepsInfo:x[I],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:k($),primaryBtn:{label:l.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:a==="approval_create"&&d.length===0?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:l.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:le.footerPadding.valuePx(A)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,a)=>{const{criteria:t,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},i=e.allApprovalRules.length===0;return{[h]:i?[]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),T(e.allAttributes),T(e.filteredAttributes),o??[])??[],[C]:a?void 0:t!=null?t.range.min.amount??0:0,[j]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},oe=(e,a,t,o,i)=>i&&i.length>0?i.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:_},actors:{allUsers:a,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(t,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:_},actors:{allUsers:a,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,a)=>e.filter(t=>t.userId!=null&&a.findIndex(o=>o.userId===t.userId)>-1),ne=(e,a)=>e.filter(t=>a.findIndex(o=>o.subType===t.value)>-1),k=e=>`${e}_form`,Pe=e=>`${e}`,ie=c.div`
   display: flex;
   height: 100%;
   flex-direction: column;
@@ -29,4 +29,4 @@ import{y as W,u as L,e as G,J as M,F as U,a9 as J,aR as K,aK as X,cG as H,V as r
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`;export{ae as D,Re as default,k as uniqueFormName,Pe as uniqueName};
+`;export{le as D,Re as default,k as uniqueFormName,Pe as uniqueName};

package/dist/assets/{ReimbursementApprovalRulesPage-BuNt-Bmb-C4xV1t6F.js → ReimbursementApprovalRulesPage-BmVVfYZD-BmlPhGFM.js}

@@ -1,4 +1,4 @@
-import{e as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as M,aO as P,bU as T,cq as q,cr as O,cs as K,d1 as J,u as l,ba as Q,N as k,b9 as X,p as z,c_ as Y,bu as Z,b as ee}from"./index-B4SkrUUS.js";import{n as i}from"./mui-DUBEtzg-.js";import{a as te}from"./sentry-BBFZ4Apy.js";import"./liveblocks-Dh9EWLXD.js";import"./core-TLZ6PfaT.js";import"./recharts-ZbSULBPo.js";import"./zeni-epic-state-CbQxc4HL.js";import"./lottie-osIcf0zV.js";import"./analytics-BFo1DlpM.js";import"./lexical-DGcsrY0x.js";import"./utils-DvDl_6hs.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]="bdae5b23-87db-4ffb-9d88-fd9c3df933fd",e._sentryDebugIdIdentifier="sentry-dbid-bdae5b23-87db-4ffb-9d88-fd9c3df933fd")}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)},U={stepper:new k("smallRegular","standardRegular"),amount:new k("standardRegular","largeRegular")},oe=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection:x=!1,approvalRule:f,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[g,w]=te.useState(!1),n=N(),{range:h}=f.criteria[0],{steps:$,approvalRuleId:p}=f,a=j.getLocalizedStrings().commonSetUp.approval,v=()=>{w(!0)},_={onOkClick:()=>{w(!1),y?.(p)},onCancelClick:()=>{w(!1)}};return t.jsxs(ie,{windowSize:n,isLastSection:x,isUpdatingApprovalRules:c,"data-testid":m("approval-rule-section",p),children:[t.jsxs(re,{windowSize:n,children:[t.jsxs(ue,{children:[t.jsxs(W,{windowSize:n,children:[a.from," ",P("0,0",h.min)]}),t.jsxs(le,{children:[t.jsx(D,{}),t.jsx(se,{}),t.jsx(D,{})]}),h.max==null?t.jsx(me,{}):t.jsx(W,{windowSize:n,children:P("0,0",{...h.min,amount:h.max.amount})})]}),t.jsxs(he,{className:"icons",children:[e?c?t.jsx(T,{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(T,{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((u,E)=>t.jsxs(pe,{isSingleStep:$.length===1,className:"stepperItem",windowSize:n,children:[u.action==="require_approval"?t.jsx(de,{children:a.requireText}):t.jsx(ce,{children:a.notifyText}),u.nonUserActors.filter(d=>d.subType!=null).map((d,H)=>t.jsxs(A,{children:[t.jsx(R,{children:d.subType!=null?a.nonUsers[d.subType].label:null}),u.operator!="is"?t.jsx(L,{className:"operator",children:u.operator}):null]},`${d.subType}_${H}`)),u.actors.map(d=>t.jsxs(A,{children:[t.jsxs(R,{children:[d.firstName," ",d.lastName]}),u.operator!="is"?t.jsx(L,{className:"operator",children:u.operator}):null]},d.userId))]},E))})}),g?t.jsx(q,{titleComponent:t.jsx(K,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(O,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:_}):null]})},ie=i.div`
+import{d as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as H,aO as P,bU as T,cq as q,cr as O,cs as K,d0 as J,u as l,ba as Q,H as k,b9 as X,p as z,c$ as Y,bu as Z,b as ee}from"./index-DOsjGhSZ.js";import{n as i}from"./mui-B2MHg-Mu.js";import{a as te}from"./sentry-otjdlEta.js";import"./liveblocks-KFxhhSr3.js";import"./core-BHxev_Cl.js";import"./recharts-B7o7FzH2.js";import"./zeni-epic-state-DVinyIRY.js";import"./lottie-DDoT_sT4.js";import"./analytics-Cz7GTPb4.js";import"./lexical-Dja08wvc.js";import"./utils-BbmM3Vsp.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]="007f38e6-9fc3-4047-8bc5-7a73b203722e",e._sentryDebugIdIdentifier="sentry-dbid-007f38e6-9fc3-4047-8bc5-7a73b203722e")}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 k("smallRegular","standardRegular"),amount:new k("standardRegular","largeRegular")},oe=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection:x=!1,approvalRule:f,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[g,w]=te.useState(!1),n=N(),{range:h}=f.criteria[0],{steps:$,approvalRuleId:p}=f,a=j.getLocalizedStrings().commonSetUp.approval,v=()=>{w(!0)},U={onOkClick:()=>{w(!1),y?.(p)},onCancelClick:()=>{w(!1)}};return t.jsxs(ie,{windowSize:n,isLastSection:x,isUpdatingApprovalRules:c,"data-testid":m("approval-rule-section",p),children:[t.jsxs(re,{windowSize:n,children:[t.jsxs(ue,{children:[t.jsxs(W,{windowSize:n,children:[a.from," ",P("0,0",h.min)]}),t.jsxs(le,{children:[t.jsx(D,{}),t.jsx(se,{}),t.jsx(D,{})]}),h.max==null?t.jsx(me,{}):t.jsx(W,{windowSize:n,children:P("0,0",{...h.min,amount:h.max.amount})})]}),t.jsxs(he,{className:"icons",children:[e?c?t.jsx(T,{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(T,{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((u,E)=>t.jsxs(pe,{isSingleStep:$.length===1,className:"stepperItem",windowSize:n,children:[u.action==="require_approval"?t.jsx(de,{children:a.requireText}):t.jsx(ce,{children:a.notifyText}),u.nonUserActors.filter(d=>d.subType!=null).map((d,_)=>t.jsxs(L,{children:[t.jsx(R,{children:d.subType!=null?a.nonUsers[d.subType].label:null}),u.operator!="is"?t.jsx(A,{className:"operator",children:u.operator}):null]},`${d.subType}_${_}`)),u.actors.map(d=>t.jsxs(L,{children:[t.jsxs(R,{children:[d.firstName," ",d.lastName]}),u.operator!="is"?t.jsx(A,{className:"operator",children:u.operator}):null]},d.userId))]},E))})}),g?t.jsx(q,{titleComponent:t.jsx(K,{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)};
@@ -57,7 +57,7 @@ import{e as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as M,aO as
   box-sizing: border-box;
   position: relative;
 `,ne=i.ul`
-  ${e=>`${U.stepper.style(e.windowSize)}`};
+  ${e=>`${M.stepper.style(e.windowSize)}`};
   position: relative;
   padding-left: ${o.sp6};
   list-style: none;
@@ -166,13 +166,13 @@ import{e as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as M,aO as
   width: ${o.sp4};
   height: ${o.sp4};
   color: ${e=>e.theme.colors.hero};
-`,L=i.span`
+`,A=i.span`
   color: ${e=>e.theme.colors.hero};
-`,A=i.div`
+`,L=i.div`
   display: inherit;
   gap: inherit;
 `,W=i.span`
-  ${e=>`${U.amount.style(e.windowSize)}`};
+  ${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:x,onDeleteRuleClick:f})=>{const S=F(),y=N(),{fetchState:g,deleteStatus:w}=e,n=j.getLocalizedStrings().commonSetUp.approval,h=j.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,$=w.fetchState,p=e.listeningToPusherEvent;return t.jsxs(xe,{children:[t.jsx(G,{title:n.approvalPageHeader,backgroundColor:S.colors.grey4,style:{zIndex:4},onBackClick:()=>{c()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(ge,{children:[t.jsx($e,{windowSize:y,children:h.approvalPageSubTitle}),g==="In-Progress"||g==="Not-Started"||$==="In-Progress"?t.jsx(we,{children:t.jsx(V,{size:"ExtraLarge",start:!0})}):g==="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:x,onDeleteRuleClick:f},a.approvalRuleId)),t.jsxs(be,{windowSize:y,onClick:()=>{x()},"data-testid":m("add-approval-rule"),children:[t.jsx(fe,{}),t.jsx(ye,{children:n.addApprovalText})]})]}):null]})]})},xe=i.div`
@@ -199,14 +199,14 @@ import{e as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as M,aO as
   align-items: center;
   gap: ${o.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,$e=i(M)`
+`,$e=i(H)`
   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(M)`
+`,be=i(H)`
   cursor: pointer;
   display: flex;
   flex-direction: row;

package/dist/assets/{ReimbursementDetailPage-CK3-Jqkd-BXJxGVOx.js → ReimbursementDetailPage-j-kNxeWY-ZsW0KMFD.js}

@@ -1,4 +1,4 @@
-import{aw as Mt,a8 as Rt,J as Pt,e as Bt,ce as Nt,y as m,F as et,gi as Lt,gk as _t,gl as Ot,V as t,cq as Ae,cr as Me,cs as Re,bD as Pe,aQ as y,bp as Wt,dx as Et,gm as Ft,gx as Be,o as a,gn as Ne,fj as b,gq as w,fm as x,aO as Le,fi as _e,b as V,gs as Oe,aS as Kt,ao as Ut,gt as Vt,gu as re,by as Ht,gv as Gt,c as Yt,N as qt,a as Jt,al as tt,ba as it,p as H,am as Qt,bW as Xt,ai as Zt,gP as ei,gL as ti,u as c,cj as ii,cY as ai}from"./index-B4SkrUUS.js";import{a as p}from"./sentry-BBFZ4Apy.js";import{n as r}from"./mui-DUBEtzg-.js";import{a as ri}from"./liveblocks-Dh9EWLXD.js";import{bL as oi,bP as ni,FL as li}from"./zeni-epic-state-CbQxc4HL.js";import si from"./InvoiceUploadSection-B9q7nIs0-FeM5fM0I.js";import{r as di,h as f,u as ci}from"./types-DyvtCprH-NFPm5TaG.js";import"./core-TLZ6PfaT.js";import"./lottie-osIcf0zV.js";import"./recharts-ZbSULBPo.js";import"./analytics-BFo1DlpM.js";import"./lexical-DGcsrY0x.js";import"./utils-DvDl_6hs.js";import"./AttachmentView-duTVxc9g-BUPi4zJZ.js";import"./uploadReceipts-Dge0cNF1-BfejUd9f.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]="e72bc4d5-c37f-495b-b1e9-e3030e383255",e._sentryDebugIdIdentifier="sentry-dbid-e72bc4d5-c37f-495b-b1e9-e3030e383255")}catch{}})();const s={labelWidth:new m(120,160,160),largeLabelWidth:new m(150,235,235),rightMargin:new m(c[3],c[8]),leftMargin:new m(c[3],c[6]),invoiceRightMargin:new m(c[3],c[6]),invoiceLeftMargin:new m(c[3],c[8]),topMargin:new m(c[3],0),bottomMargin:new m(c[4],27),activityBottomMargin:new m(96,0),totalBottomMargin:new m(c[5],c[3]),formBottomMargin:new m(c[5],c[3]),navBarHeight:new m(44,62),closeMarginTop:new m(0,0),rightSectionWidth:new m(100,58),leftSectionWidth:new m(100,42),footerButtonWidth:new m(120,165),right:new m(c[3],c[0]),actionsContainerRight:new m(c[0],c[6]),otherActionsContainerBottom:new m(58,44),duplicateBannerWrapperMarginTop:new m(c[5],c[3]),duplicateBannerWrapperMarginRight:new m(c[3],c[8]),duplicateBannerWrapperMarginBottom:new m(c[5],c[3]),duplicateBannerWrapperMarginLeft:new m(c[3],c[6])},mi={formTitle:new qt("h6Regular","h5Regular")},sa=({remiDetails:e,uploadInvoiceEndPoint:C,authParams:ne,isAdmin:le,signedInUser:se,showApproveRejectBtns:de,isRealTimeApprovalEnabled:ce,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:me,isSignedInUserReimbursementCreator:at,updateEditRealTimeApproverClicked:pe,onSaveRealTimeApprovals:ue,redirectToReimbursementListScreen:G,redirectToEditableReimbursementScreen:rt,onDuplicateLineClick:ot,approveOrRejectRemi:he,deleteReimbursement:nt,cancelAndDeleteReport:ye,handleZeniLogoClick:lt,onAddNewRule:ge,initialOpenThreadRequest:z})=>{const d=Mt(),st=Rt().analytics,o=Pt(),be=Bt(),[dt,A]=p.useState(!1),[Y,q]=p.useState(!1),[ct,J]=p.useState(!1),[Q,X]=p.useState("approved"),N=p.useRef(null),[S,Z]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[k,mt]=p.useState(null),[pt,L]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,we=p.useRef({}),xe=l=>{const n=we.current[l];n!=null&&setTimeout(()=>ci(n,N.current),100)};p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&G()},[e,G]),p.useEffect(()=>{const l=window.location.hash;if(l&&l.startsWith("#L")){const n=l.substring(1);xe(n)}},[]);const ut=()=>{G()};Nt({componentName:"reimbursement.details"});const ht={onOkClick:()=>{A(!1),S.primaryButtonText===i.buttons.delete?nt?.():S.title===i.cancelReportTitle?ye?.():S.title===i.cancelAndDeleteReportTitle&&ye?.(!0)},onCancelClick:()=>{A(!1)}},I=s.labelWidth.value(o),M=s.largeLabelWidth.value(o),fe=et.getLocalizedStrings(),{common:{texts:{comments:yt},strings:{empty:$e}},collaboration:{threads:{placeholder:{addANewComment:gt,replyAComment:bt},tooltip:{resolveComment:wt,unResolveComment:xt}}},dateFormat:ve}=fe,{reimbursementDetail:i,bulkActions:_}=fe.spendManagement.reimbursement,ee=e.remiDetails?.reportTitle,j=e.remiDetails?.lines??[],O=e.remiDetails?.reimbursementInfo.stage,W=e.remiDetails?.reimbursementInfo.billStatus,E=e.remiDetails?.reimbursementInfo.billPaymentStatus,Te=O?.code==="paid",ft=Te?O:W?.code=="approved"&&E?.code?E:W,$=pi(e.remiDetails),R=W?.code=="approved"&&E?.code?E:W,F=e.remiDetails?.isDeleted??!1,je=e.remiDetails?.amount,Se=e.remiDetails?.amount.amount??0,Ie=()=>{Z({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),A(!0)},$t=()=>{Z({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),A(!0)},vt=()=>{Z({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),A(!0)},De=()=>{rt()},Tt={onOkClick:l=>{J(!1),he({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{J(!1)}},jt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?De():(X("approved"),he({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(X("delete"),Ie()):(X("rejected"),J(!0))},It=e.remiDetails?.reimbursementInfo.paymentDate!=null?oi(ni(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,te=e.remiDetails?.reimbursementInfo.expectedDepositDate??It,Dt=e.remiDetails?.lines?.some(l=>{const n=l.lineDetail;return n?.account?.isDeleted===!0&&n?.account?.isBillEditableCoaAccountType===!1})??!1,Ce=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&at&&!Dt,Ct=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ie=ft?.code,kt=di(e.duplicateLineByLineId),ke=e.duplicateReimbursementStatus.fetchState==="Completed"&&kt>0,{requestToOpenThread:ae,setRequestToOpenThread:K,setOpenThread:U}=p.useContext(Lt);p.useEffect(()=>{z?.threadId!=null&&z?.companyId!=null&&z?.entityType!=null&&K(z)},[z,K]);const{threads:P,isLoading:D}=_t({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),zt=p.useMemo(()=>P.filter(l=>l.resolved===!1&&!l.id.includes(Ot)),[P]).length,At=p.useCallback((l,n)=>{U(n),L(!1)},[U,L]);p.useEffect(()=>{ae?.threadId!=null&&P.length>0&&!D&&(U(ae.threadId),K(null))},[ae,P,D,U,K]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},B=li(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Oi,{windowSize:o,ref:N,children:[dt?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:S.title}),descriptionComponent:t.jsx(Me,{children:S.description}),primaryButtonText:S.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:S.secondaryButtonText,action:ht}):null,ct?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(Me,{children:i.rejectRemiDescription}),primaryButtonText:i.buttons.send,secondaryButtonText:i.buttons.cancel,action:Tt,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Mi,{windowSize:o,"data-testid":y("reimbursement-detail-page-nav-bar-container"),children:[o!=="small"?t.jsx(Pe,{"data-testid":y("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(Ri,{onClick:()=>lt?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:be.colors.background,keepBackgroundOnScroll:!0,scrollableContent:N,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(ki,{}):null,t.jsx(Pe,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:ee??$e,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:o!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Bi,{children:[u?t.jsxs(Ni,{isDisabled:D,onClick:D?()=>null:l=>{l.preventDefault(),l.stopPropagation(),mt({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),L(!0),st.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(n=>Et(n)),void 0,void 0,"page icon")},"data-testid":y("remi-comments-section"),children:[t.jsx(Wt,{count:D?void 0:zt,isLoading:D,style:{left:"12px"}}),t.jsx(Li,{})]}):null,t.jsx(_i,{size:o,onClick:()=>ut(),"data-testid":y("remi-detail-page-close"),children:t.jsx(Pi,{})})]}),scrollableContent:N,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Hi,{children:[o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(qe,{windowSize:o,children:t.jsx(Je,{windowsSize:o,children:ee})}),e.createdBy?.userId!=null?t.jsx(Ve,{windowSize:o,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,me&&$!=null?t.jsx(He,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null,R?.code!=null?o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Ft,{progressSectionObj:R,createDate:e.remiDetails?.createTime,paymentDate:te,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F}),B?t.jsx(Be,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:_.duplicateWarning.title,description:_.duplicateWarning.description}):ke?t.jsxs(We,{size:o,children:[t.jsx(Ue,{}),t.jsxs(Fe,{children:[t.jsx(Ee,{children:i.thereSeems}),t.jsx(Ke,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ye,{windowSize:o,children:t.jsx(Ne,{progressSectionObj:R,createDate:e.remiDetails?.createTime,paymentDate:te,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F})}):null]}):null,j.map((l,n)=>{const v=e.duplicateLineByLineId[l.lineId];return t.jsxs(Ze,{windowSize:o,children:[t.jsx(Ki,{windowSize:o,children:t.jsx(Ui,{bottomSeperator:j.length!==1,windowSize:o,children:t.jsx(si,{showAutofill:!1,uploadInvoiceEndPoint:C,authParams:ne,entityId:e.remiDetails?.id,file:l.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:j.length>1?`#${n+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:j.length-1===n||n===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"reimbursement"})})}),t.jsxs(Fi,{windowSize:o,children:[n===0&&o!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(qe,{windowSize:o,children:[t.jsx(Je,{windowsSize:o,children:ee}),me&&$!=null?t.jsx(He,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ve,{windowSize:o,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,R?.code!=null?t.jsx(Ye,{windowSize:o,children:t.jsx(Ne,{progressSectionObj:R,createDate:e.remiDetails?.createTime,paymentDate:te,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F})}):null,B?t.jsx(Be,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:_.duplicateWarning.title,description:_.duplicateWarning.description}):ke?t.jsxs(We,{size:o,children:[t.jsx(Ue,{}),t.jsxs(Fe,{children:[t.jsx(Ee,{children:i.thereSeems}),t.jsx(Ke,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(wi,{windowSize:o,ref:ze=>{ze!=null&&(we.current[`L${l.lineId}`]=ze)},children:[o!=="small"?t.jsx(bi,{children:t.jsx(xi,{children:j.length>1?`#${n+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(fi,{windowSize:o,children:[v?.duplicateLineId!=null?t.jsxs(yi,{children:[i.thisExpenseReview," ",t.jsx(gi,{onClick:()=>{if(v.isDuplicateWithinTransaction&&v.duplicateLineId!=null)return xe(`L${v.duplicateLineId}`);v.duplicateTransactionId!=null&&v.duplicateLineId!=null&&ot(v.duplicateTransactionId,v.duplicateLineId)},"data-testid":y("remi-view-duplicate-expense"),children:i.viewOriginalExpense})]}):null,t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:l.type===i.mileageKey?`${n}.mileage.reimbursementType`:`${n}.out_of_pocket.reimbursementType`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("reimbursementType",n,l.type===i.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(w,{label:{label:i.reimbursementType,width:M},text:l.type===i.mileageKey?i.mileage:i.outOfPocket,style:{width:"auto",borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"}})}),t.jsx(T,{}),l.type===i.mileageKey?t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"mileage")}`},children:t.jsx(w,{label:{label:i.transactionDate,width:M},text:l.transactionDate?.format(ve.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.distanceInMiles`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("distanceInMiles",n,"mileage")}`},children:t.jsx(w,{label:{label:i.distanceInMiles,width:M},text:l.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"mileage")}`},children:t.jsx(w,{label:{label:i.amount,width:I},text:l.homeCurrencyConversions!=null?Le("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"mileage")}`},children:t.jsx(w,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"mileage")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(w,{label:{label:i.department,width:I},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]}):t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.merchant`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("merchant",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.merchant,width:M},text:l.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.transactionDate,width:M},text:l.transactionDate?.format(ve.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.amount,width:I},text:l.homeCurrencyConversions!=null?Le("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.account`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("account",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.category,width:I},text:l.lineDetail.account?.accountName??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"out_of_pocket")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(w,{label:{label:i.department,width:I},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),j.length!==1&&j.length===n+1&&t.jsxs(Ei,{windowSize:o,children:[t.jsxs(Qe,{windowSize:o,children:[t.jsx(Xe,{children:i.total}),t.jsx(_e,{amount:je,integerStyles:V.h6Regular.cssObject,decimalStyles:V.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Oe,{amount:Se,activities:e.remiActivities,stage:O?.code??"draft",onAddNewRule:ge,entity:"reimbursement",realTimeApproval:{allApprovers:e.filteredApprovers,filteredAttributes:e.filteredAttributes,allAccountingClass:e.allAccountingClasses,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:le,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),j.length===1&&t.jsxs(Ze,{windowSize:o,children:[t.jsx(Ge,{}),t.jsxs(ui,{windowSize:o,children:[t.jsx(Wi,{windowSize:o,children:t.jsxs(Qe,{windowSize:o,children:[t.jsx(Xe,{children:i.total}),t.jsx(_e,{amount:je,integerStyles:V.h6Regular.cssObject,decimalStyles:V.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(hi,{windowSize:o,children:t.jsx(Oe,{amount:Se,activities:e.remiActivities,stage:O?.code??"draft",onAddNewRule:ge,entity:"reimbursement",historicActivities:e.remiHistory.activities,realTimeApproval:{allApprovers:e.filteredApprovers,allAccountingClass:e.allAccountingClasses,filteredAttributes:e.filteredAttributes,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:le,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue}})})]})]}),t.jsx(Vi,{})]}),Te||F===!0?null:t.jsxs(Ai,{children:[o!=="small"?t.jsx(Ge,{}):null,t.jsx(vi,{windowSize:o,"data-testid":y("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),Y===!0&&q(!1)},children:t.jsx(Kt,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||de,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||de,cancelBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.delete:i.buttons.deleteReport:o==="small"?i.buttons.reject:i.buttons.rejectReport,isLoading:Q==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||Q==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:St,style:{width:s.footerButtonWidth.value(o)},reverseSpinnerColor:!1},primaryBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.edit:i.buttons.editAndResubmit:o==="small"?i.buttons.approve:i.buttons.approveReport,isLoading:Q==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:jt,style:{width:s.footerButtonWidth.value(o)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx($i,{children:t.jsxs(zi,{windowSize:o,children:[!B&&Y?t.jsx(Ut,{onClickAway:()=>q(!1),children:t.jsxs(Ci,{windowSize:o,children:[ie!=="processing"?t.jsx(oe,{onClick:Ie,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,ie==="processing"?t.jsx(oe,{onClick:$t,"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ie==="processing"?t.jsx(oe,{onClick:vt,"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(Di,{windowSize:o,children:[!B&&Ce?t.jsx(Ii,{onClick:De,"data-testid":y("remi-edit-button"),children:t.jsx(Si,{})}):null,!B&&Ct===!0?t.jsx(ji,{windowSize:o,showEditIcon:Ce,children:t.jsx(Ti,{onClick:()=>q(!Y),"data-testid":y("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),u?t.jsx(ri,{id:h,children:t.jsx(Vt,{isDrawerOpen:pt,allowComposer:!0,drawerTitle:yt,threads:P,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:k?.companyId??$e,isGlobalComment:!1,tab:"reimbursement"},isLoading:D,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:gt,replyComposerPlaceholder:bt,threadResolve:wt,threadUnResolve:xt},onThreadClick:(l,n)=>At(l,n),onCloseAllThreadsDrawer:()=>L(!1),drawerSectionStyle:{width:"400px",backgroundColor:be.colors.background}})}):null]})},pi=e=>{const C=et.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:C.tabsById.deleted,color:re.deleted.color,bgColor:re.deleted.bgColor,borderColor:re.deleted.borderColor,code:"deleted"}},ui=r.div`
+import{aw as Mt,a8 as Rt,J as Pt,d as Bt,ce as Nt,y as m,F as et,gk as Lt,gm as _t,gn as Ot,V as t,cq as Ae,cr as Me,cs as Re,bD as Pe,aQ as y,bp as Wt,dw as Et,go as Ft,gz as Be,o as a,gp as Ne,fl as b,gs as w,fo as x,aO as Le,fk as _e,b as V,gu as Oe,aS as Kt,ao as Ut,gv as Vt,gw as re,by as Ht,gx as Gt,x as Yt,H as qt,a as Jt,al as tt,ba as it,p as H,am as Qt,bW as Xt,ai as Zt,gR as ei,gN as ti,u as c,cj as ii,c_ as ai}from"./index-DOsjGhSZ.js";import{a as p}from"./sentry-otjdlEta.js";import{n as r}from"./mui-B2MHg-Mu.js";import{a as ri}from"./liveblocks-KFxhhSr3.js";import{bL as oi,bP as ni,FR as li}from"./zeni-epic-state-DVinyIRY.js";import si from"./InvoiceUploadSection-C4K602QO-edDVc4Pa.js";import{r as di,h as f,u as ci}from"./types-DyvtCprH-NFPm5TaG.js";import"./core-BHxev_Cl.js";import"./lottie-DDoT_sT4.js";import"./recharts-B7o7FzH2.js";import"./analytics-Cz7GTPb4.js";import"./lexical-Dja08wvc.js";import"./utils-BbmM3Vsp.js";import"./AttachmentView-CdIA5zLk-Ccm-n9L1.js";import"./uploadReceipts-Dge0cNF1-BhANrZur.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},k=new e.Error().stack;k&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[k]="82e8087a-feff-4b4e-a732-ed1ee1edda60",e._sentryDebugIdIdentifier="sentry-dbid-82e8087a-feff-4b4e-a732-ed1ee1edda60")}catch{}})();const s={labelWidth:new m(120,160,160),largeLabelWidth:new m(150,235,235),rightMargin:new m(c[3],c[8]),leftMargin:new m(c[3],c[6]),invoiceRightMargin:new m(c[3],c[6]),invoiceLeftMargin:new m(c[3],c[8]),topMargin:new m(c[3],0),bottomMargin:new m(c[4],27),activityBottomMargin:new m(96,0),totalBottomMargin:new m(c[5],c[3]),formBottomMargin:new m(c[5],c[3]),navBarHeight:new m(44,62),closeMarginTop:new m(0,0),rightSectionWidth:new m(100,58),leftSectionWidth:new m(100,42),footerButtonWidth:new m(120,165),right:new m(c[3],c[0]),actionsContainerRight:new m(c[0],c[6]),otherActionsContainerBottom:new m(58,44),duplicateBannerWrapperMarginTop:new m(c[5],c[3]),duplicateBannerWrapperMarginRight:new m(c[3],c[8]),duplicateBannerWrapperMarginBottom:new m(c[5],c[3]),duplicateBannerWrapperMarginLeft:new m(c[3],c[6])},mi={formTitle:new qt("h6Regular","h5Regular")},sa=({remiDetails:e,uploadInvoiceEndPoint:k,authParams:ne,isAdmin:le,signedInUser:se,showApproveRejectBtns:de,isRealTimeApprovalEnabled:ce,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:me,isSignedInUserReimbursementCreator:at,updateEditRealTimeApproverClicked:pe,onSaveRealTimeApprovals:ue,redirectToReimbursementListScreen:G,redirectToEditableReimbursementScreen:rt,onDuplicateLineClick:ot,approveOrRejectRemi:he,deleteReimbursement:nt,cancelAndDeleteReport:ye,handleZeniLogoClick:lt,onAddNewRule:ge,initialOpenThreadRequest:z})=>{const d=Mt(),st=Rt().analytics,o=Pt(),be=Bt(),[dt,A]=p.useState(!1),[Y,q]=p.useState(!1),[ct,J]=p.useState(!1),[Q,X]=p.useState("approved"),N=p.useRef(null),[j,Z]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[C,mt]=p.useState(null),[pt,L]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,we=p.useRef({}),xe=l=>{const n=we.current[l];n!=null&&setTimeout(()=>ci(n,N.current),100)};p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&G()},[e,G]),p.useEffect(()=>{const l=window.location.hash;if(l&&l.startsWith("#L")){const n=l.substring(1);xe(n)}},[]);const ut=()=>{G()};Nt({componentName:"reimbursement.details"});const ht={onOkClick:()=>{A(!1),j.primaryButtonText===i.buttons.delete?nt?.():j.title===i.cancelReportTitle?ye?.():j.title===i.cancelAndDeleteReportTitle&&ye?.(!0)},onCancelClick:()=>{A(!1)}},I=s.labelWidth.value(o),M=s.largeLabelWidth.value(o),fe=et.getLocalizedStrings(),{common:{texts:{comments:yt},strings:{empty:$e}},collaboration:{threads:{placeholder:{addANewComment:gt,replyAComment:bt},tooltip:{resolveComment:wt,unResolveComment:xt}}},dateFormat:ve}=fe,{reimbursementDetail:i,bulkActions:_}=fe.spendManagement.reimbursement,ee=e.remiDetails?.reportTitle,S=e.remiDetails?.lines??[],O=e.remiDetails?.reimbursementInfo.stage,W=e.remiDetails?.reimbursementInfo.billStatus,E=e.remiDetails?.reimbursementInfo.billPaymentStatus,Te=O?.code==="paid",ft=Te?O:W?.code=="approved"&&E?.code?E:W,$=pi(e.remiDetails),R=W?.code=="approved"&&E?.code?E:W,F=e.remiDetails?.isDeleted??!1,Se=e.remiDetails?.amount,je=e.remiDetails?.amount.amount??0,Ie=()=>{Z({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),A(!0)},$t=()=>{Z({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),A(!0)},vt=()=>{Z({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),A(!0)},De=()=>{rt()},Tt={onOkClick:l=>{J(!1),he({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{J(!1)}},St=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?De():(X("approved"),he({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},jt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(X("delete"),Ie()):(X("rejected"),J(!0))},It=e.remiDetails?.reimbursementInfo.paymentDate!=null?oi(ni(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,te=e.remiDetails?.reimbursementInfo.expectedDepositDate??It,Dt=e.remiDetails?.lines?.some(l=>{const n=l.lineDetail;return n?.account?.isDeleted===!0&&n?.account?.isBillEditableCoaAccountType===!1})??!1,ke=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&at&&!Dt,kt=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",ie=ft?.code,Ct=di(e.duplicateLineByLineId),Ce=e.duplicateReimbursementStatus.fetchState==="Completed"&&Ct>0,{requestToOpenThread:ae,setRequestToOpenThread:K,setOpenThread:U}=p.useContext(Lt);p.useEffect(()=>{z?.threadId!=null&&z?.companyId!=null&&z?.entityType!=null&&K(z)},[z,K]);const{threads:P,isLoading:D}=_t({application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id,isGlobalComment:!1},"both",!1),zt=p.useMemo(()=>P.filter(l=>l.resolved===!1&&!l.id.includes(Ot)),[P]).length,At=p.useCallback((l,n)=>{U(n),L(!1)},[U,L]);p.useEffect(()=>{ae?.threadId!=null&&P.length>0&&!D&&(U(ae.threadId),K(null))},[ae,P,D,U,K]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},B=li(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Oi,{windowSize:o,ref:N,children:[dt?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:j.title}),descriptionComponent:t.jsx(Me,{children:j.description}),primaryButtonText:j.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:j.secondaryButtonText,action:ht}):null,ct?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(Me,{children:i.rejectRemiDescription}),primaryButtonText:i.buttons.send,secondaryButtonText:i.buttons.cancel,action:Tt,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Mi,{windowSize:o,"data-testid":y("reimbursement-detail-page-nav-bar-container"),children:[o!=="small"?t.jsx(Pe,{"data-testid":y("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(Ri,{onClick:()=>lt?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:be.colors.background,keepBackgroundOnScroll:!0,scrollableContent:N,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(Ci,{}):null,t.jsx(Pe,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:ee??$e,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:o!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Bi,{children:[u?t.jsxs(Ni,{isDisabled:D,onClick:D?()=>null:l=>{l.preventDefault(),l.stopPropagation(),mt({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),L(!0),st.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(n=>Et(n)),void 0,void 0,"page icon")},"data-testid":y("remi-comments-section"),children:[t.jsx(Wt,{count:D?void 0:zt,isLoading:D,style:{left:"12px"}}),t.jsx(Li,{})]}):null,t.jsx(_i,{size:o,onClick:()=>ut(),"data-testid":y("remi-detail-page-close"),children:t.jsx(Pi,{})})]}),scrollableContent:N,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(Hi,{children:[o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(qe,{windowSize:o,children:t.jsx(Je,{windowsSize:o,children:ee})}),e.createdBy?.userId!=null?t.jsx(Ve,{windowSize:o,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,me&&$!=null?t.jsx(He,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null,R?.code!=null?o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Ft,{progressSectionObj:R,createDate:e.remiDetails?.createTime,paymentDate:te,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F}),B?t.jsx(Be,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:_.duplicateWarning.title,description:_.duplicateWarning.description}):Ce?t.jsxs(We,{size:o,children:[t.jsx(Ue,{}),t.jsxs(Fe,{children:[t.jsx(Ee,{children:i.thereSeems}),t.jsx(Ke,{children:i.pleaseFind})]})]}):null]}):t.jsx(Ye,{windowSize:o,children:t.jsx(Ne,{progressSectionObj:R,createDate:e.remiDetails?.createTime,paymentDate:te,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F})}):null]}):null,S.map((l,n)=>{const v=e.duplicateLineByLineId[l.lineId];return t.jsxs(Ze,{windowSize:o,children:[t.jsx(Ki,{windowSize:o,children:t.jsx(Ui,{bottomSeperator:S.length!==1,windowSize:o,children:t.jsx(si,{showAutofill:!1,uploadInvoiceEndPoint:k,authParams:ne,entityId:e.remiDetails?.id,file:l.file,showTitlebar:!0,showTitlebarIcon:!1,pdfTitle:S.length>1?`#${n+1} Receipt`:"Receipt",style:{width:"auto",padding:0,height:S.length-1===n||n===0?760:451},onInvoiceUpload:()=>{console.log("onInvoiceUpload")},noAttachmentText:i.noReceiptAttached,type:"reimbursement"})})}),t.jsxs(Fi,{windowSize:o,children:[n===0&&o!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(qe,{windowSize:o,children:[t.jsx(Je,{windowsSize:o,children:ee}),me&&$!=null?t.jsx(He,{color:$.color,bgColor:$.bgColor,borderColor:$.borderColor,children:$.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ve,{windowSize:o,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,R?.code!=null?t.jsx(Ye,{windowSize:o,children:t.jsx(Ne,{progressSectionObj:R,createDate:e.remiDetails?.createTime,paymentDate:te,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F})}):null,B?t.jsx(Be,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:_.duplicateWarning.title,description:_.duplicateWarning.description}):Ce?t.jsxs(We,{size:o,children:[t.jsx(Ue,{}),t.jsxs(Fe,{children:[t.jsx(Ee,{children:i.thereSeems}),t.jsx(Ke,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(wi,{windowSize:o,ref:ze=>{ze!=null&&(we.current[`L${l.lineId}`]=ze)},children:[o!=="small"?t.jsx(bi,{children:t.jsx(xi,{children:S.length>1?`#${n+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs(fi,{windowSize:o,children:[v?.duplicateLineId!=null?t.jsxs(yi,{children:[i.thisExpenseReview," ",t.jsx(gi,{onClick:()=>{if(v.isDuplicateWithinTransaction&&v.duplicateLineId!=null)return xe(`L${v.duplicateLineId}`);v.duplicateTransactionId!=null&&v.duplicateLineId!=null&&ot(v.duplicateTransactionId,v.duplicateLineId)},"data-testid":y("remi-view-duplicate-expense"),children:i.viewOriginalExpense})]}):null,t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:l.type===i.mileageKey?`${n}.mileage.reimbursementType`:`${n}.out_of_pocket.reimbursementType`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("reimbursementType",n,l.type===i.mileageKey?"mileage":"out_of_pocket")}`},style:{borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(w,{label:{label:i.reimbursementType,width:M},text:l.type===i.mileageKey?i.mileage:i.outOfPocket,style:{width:"auto",borderRadius:v?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"}})}),t.jsx(T,{}),l.type===i.mileageKey?t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"mileage")}`},children:t.jsx(w,{label:{label:i.transactionDate,width:M},text:l.transactionDate?.format(ve.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.distanceInMiles`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("distanceInMiles",n,"mileage")}`},children:t.jsx(w,{label:{label:i.distanceInMiles,width:M},text:l.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"mileage")}`},children:t.jsx(w,{label:{label:i.amount,width:I},text:l.homeCurrencyConversions!=null?Le("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"mileage")}`},children:t.jsx(w,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.mileage.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"mileage")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(w,{label:{label:i.department,width:I},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]}):t.jsxs(t.Fragment,{children:[t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.merchant`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("merchant",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.merchant,width:M},text:l.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.transactionDate`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("transactionDate",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.transactionDate,width:M},text:l.transactionDate?.format(ve.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.amount`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("amount",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.amount,width:I},text:l.homeCurrencyConversions!=null?Le("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.memo`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("memo",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.memo,width:I},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.account`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("account",n,"out_of_pocket")}`},children:t.jsx(w,{label:{label:i.category,width:I},text:l.lineDetail.account?.accountName??i.emptyValue,style:{width:"auto"}})}),t.jsx(T,{}),t.jsx(b,{isThreadAllowed:u,dashboardTabKey:x({type:"details",key:`${n}.out_of_pocket.class`}),roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityId:e.remiDetails?.id??"",dashboardOptionType:"reimbursement",filterMetaData:{...g,entityType:`reimbursement.details.${f("class",n,"out_of_pocket")}`},style:{borderRadius:`0 0 ${a.sp2} ${a.sp2}`},children:t.jsx(w,{label:{label:i.department,width:I},text:l.lineDetail.class?.className??i.emptyValue,style:{width:"auto",borderRadius:`0 0 ${a.sp2} ${a.sp2}`}})})]})]})]}),S.length!==1&&S.length===n+1&&t.jsxs(Ei,{windowSize:o,children:[t.jsxs(Qe,{windowSize:o,children:[t.jsx(Xe,{children:i.total}),t.jsx(_e,{amount:Se,integerStyles:V.h6Regular.cssObject,decimalStyles:V.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(Oe,{amount:je,activities:e.remiActivities,stage:O?.code??"draft",onAddNewRule:ge,entity:"reimbursement",realTimeApproval:{allApprovers:e.filteredApprovers,filteredAttributes:e.filteredAttributes,allAccountingClass:e.allAccountingClasses,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:le,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue},historicActivities:e.remiHistory.activities})]})]})]},l.lineId)}),S.length===1&&t.jsxs(Ze,{windowSize:o,children:[t.jsx(Ge,{}),t.jsxs(ui,{windowSize:o,children:[t.jsx(Wi,{windowSize:o,children:t.jsxs(Qe,{windowSize:o,children:[t.jsx(Xe,{children:i.total}),t.jsx(_e,{amount:Se,integerStyles:V.h6Regular.cssObject,decimalStyles:V.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(hi,{windowSize:o,children:t.jsx(Oe,{amount:je,activities:e.remiActivities,stage:O?.code??"draft",onAddNewRule:ge,entity:"reimbursement",historicActivities:e.remiHistory.activities,realTimeApproval:{allApprovers:e.filteredApprovers,allAccountingClass:e.allAccountingClasses,filteredAttributes:e.filteredAttributes,isRealTimeApproverEditMode:e.realTimeApproval.isEditMode??!1,realTimeApprovalSaveStatus:{fetchState:e.realTimeApproval.fetchState,error:e.realTimeApproval.error},approvalListFetchState:e.approverListFetchState.fetchState,attributeSubTypeToUserIdMapping:e.attributeSubTypeToUserIdMapping,isAdmin:le,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue}})})]})]}),t.jsx(Vi,{})]}),Te||F===!0?null:t.jsxs(Ai,{children:[o!=="small"?t.jsx(Ge,{}):null,t.jsx(vi,{windowSize:o,"data-testid":y("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),Y===!0&&q(!1)},children:t.jsx(Kt,{separatorStyle:{marginRight:a.sp4},showPrimaryButton:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||de,showCancel:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"||de,cancelBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.delete:i.buttons.deleteReport:o==="small"?i.buttons.reject:i.buttons.rejectReport,isLoading:Q==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||Q==="delete"&&e.deleteStatus.fetchState==="In-Progress",onClick:jt,style:{width:s.footerButtonWidth.value(o)},reverseSpinnerColor:!1},primaryBtn:{label:e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?o==="small"?i.buttons.edit:i.buttons.editAndResubmit:o==="small"?i.buttons.approve:i.buttons.approveReport,isLoading:Q==="approved"&&e.approvalUpdateStatus.fetchState==="In-Progress",onClick:St,style:{width:s.footerButtonWidth.value(o)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx($i,{children:t.jsxs(zi,{windowSize:o,children:[!B&&Y?t.jsx(Ut,{onClickAway:()=>q(!1),children:t.jsxs(ki,{windowSize:o,children:[ie!=="processing"?t.jsx(oe,{onClick:Ie,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,ie==="processing"?t.jsx(oe,{onClick:$t,"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,ie==="processing"?t.jsx(oe,{onClick:vt,"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(Di,{windowSize:o,children:[!B&&ke?t.jsx(Ii,{onClick:De,"data-testid":y("remi-edit-button"),children:t.jsx(ji,{})}):null,!B&&kt===!0?t.jsx(Si,{windowSize:o,showEditIcon:ke,children:t.jsx(Ti,{onClick:()=>q(!Y),"data-testid":y("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),u?t.jsx(ri,{id:h,children:t.jsx(Vt,{isDrawerOpen:pt,allowComposer:!0,drawerTitle:yt,threads:P,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:C?.companyId??$e,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:(l,n)=>At(l,n),onCloseAllThreadsDrawer:()=>L(!1),drawerSectionStyle:{width:"400px",backgroundColor:be.colors.background}})}):null]})},pi=e=>{const k=et.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:k.tabsById.deleted,color:re.deleted.color,bgColor:re.deleted.bgColor,borderColor:re.deleted.borderColor,code:"deleted"}},ui=r.div`
   display: flex;
   flex-direction: column;
   width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
@@ -73,7 +73,7 @@ import{aw as Mt,a8 as Rt,J as Pt,e as Bt,ce as Nt,y as m,F as et,gi as Lt,gk as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ji=r.div`
+`,Si=r.div`
   display: flex;
   margin-left: ${e=>e.windowSize==="small"?e.showEditIcon===!0?a.sp3:a.sp4:a.sp5};
   cursor: pointer;
@@ -81,7 +81,7 @@ import{aw as Mt,a8 as Rt,J as Pt,e as Bt,ce as Nt,y as m,F as et,gi as Lt,gk as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Si=r(ei)`
+`,ji=r(ei)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${a.sp5};
@@ -112,7 +112,7 @@ import{aw as Mt,a8 as Rt,J as Pt,e as Bt,ce as Nt,y as m,F as et,gi as Lt,gk as
   display: flex;
   justify-content: center;
   align-items: center;
-`,Ci=r.div`
+`,ki=r.div`
   display: flex;
   width: max-content;
   align-items: center;
@@ -130,7 +130,7 @@ import{aw as Mt,a8 as Rt,J as Pt,e as Bt,ce as Nt,y as m,F as et,gi as Lt,gk as
   border-radius: ${a.sp1};
   right: ${e=>s.right.valuePx(e.windowSize)};
   box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.grey1} 3D`};
-`,ki=r.div`
+`,Ci=r.div`
   position: fixed;
   top: 0;
   left: 42vw;

package/dist/assets/{ReimbursementPromoPage-fptOAJna-kONXX9OV.js → ReimbursementPromoPage-D2kh5AHM-CtzDBBo_.js}

@@ -1,4 +1,4 @@
-import{aw as ne,e as S,J as k,aR as le,V as e,aQ as a,fu as ae,bD as de,i as u,ae as d,F,o as r,aq as ce,R as me,aU as V,am as pe,y as xe,p as z,cF as he,aV as ue,bb as ge,u as we}from"./index-B4SkrUUS.js";import{a as j}from"./sentry-BBFZ4Apy.js";import{n as s}from"./mui-DUBEtzg-.js";import{FK as je,bT as fe}from"./zeni-epic-state-CbQxc4HL.js";import{C as be}from"./VideoPopup-BF6lmB7l-CPNBV8xg.js";import{M as v}from"./usp-line-BBd1wKwW-Ob7uwwlJ.js";import"./liveblocks-Dh9EWLXD.js";import"./core-TLZ6PfaT.js";import"./recharts-ZbSULBPo.js";import"./lottie-osIcf0zV.js";import"./analytics-BFo1DlpM.js";import"./lexical-DGcsrY0x.js";import"./utils-DvDl_6hs.js";import"./VideoPlayer-BNBpjXJk-jZcx6J3u.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new i.Error().stack;o&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[o]="c4f16e9a-0232-41e0-bc54-2ec8ef6ce29f",i._sentryDebugIdIdentifier="sentry-dbid-c4f16e9a-0232-41e0-bc54-2ec8ef6ce29f")}catch{}})();const E="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",Z="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",ye={midContainerMarginBottom:new xe(we[5],44)},$e=s.div`
+import{aw as ne,d as S,J as k,aR as le,V as e,aQ as a,fw as ae,bD as de,i as u,ae as d,F,o as r,aq as me,R as ce,aU as V,am as pe,y as xe,p as z,cF as he,aV as ue,bb as ge,u as we}from"./index-DOsjGhSZ.js";import{a as j}from"./sentry-otjdlEta.js";import{n as s}from"./mui-B2MHg-Mu.js";import{FQ as je,bT as be}from"./zeni-epic-state-DVinyIRY.js";import{C as fe}from"./VideoPopup-SylQ4T6l-DUuwzYmi.js";import{M as v}from"./usp-line-BBd1wKwW-BmAEJQI7.js";import"./liveblocks-KFxhhSr3.js";import"./core-BHxev_Cl.js";import"./recharts-B7o7FzH2.js";import"./lottie-DDoT_sT4.js";import"./analytics-Cz7GTPb4.js";import"./lexical-Dja08wvc.js";import"./utils-BbmM3Vsp.js";import"./VideoPlayer-D6snpLby-D_sf9SSM.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new i.Error().stack;o&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[o]="50975baf-aa87-4488-a571-027304205d5b",i._sentryDebugIdIdentifier="sentry-dbid-50975baf-aa87-4488-a571-027304205d5b")}catch{}})();const E="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-light.png",Z="https://storage.googleapis.com/zeni-apis.appspot.com/images/reimbursement-promo-dark.png",ye={midContainerMarginBottom:new xe(we[5],44)},$e=s.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -7,12 +7,12 @@ import{aw as ne,e as S,J as k,aR as le,V as e,aQ as a,fu as ae,bD as de,i as u,a
 `,Se=s.div`
   padding: ${i=>i.windowSize==="small"?`${r.sp0} ${r.sp3}`:`${r.sp0} ${r.sp8}`};
   text-align: center;
-`,ke=s(me)`
+`,ke=s(ce)`
   max-width: 648px;
   margin: auto;
   padding: ${r.sp7} ${r.sp0};
   color: ${i=>i.theme.colors.primary};
-`,ze=s(ce)`
+`,ze=s(me)`
   max-width: 600px;
   margin: auto;
   padding: ${r.sp5} ${r.sp0};
@@ -28,11 +28,11 @@ import{aw as ne,e as S,J as k,aR as le,V as e,aQ as a,fu as ae,bD as de,i as u,a
   flex-direction: ${i=>i.windowSize==="small"?"column":"row"};
   align-items: center;
   justify-content: center;
-`,g=s.img``,H=s.div`
+`,g=s.img``,N=s.div`
   width: ${i=>i.windowSize==="small"?"auto":"376px"};
   display: flex;
   flex-direction: column;
-`,N=s.div`
+`,q=s.div`
   width: ${i=>i.windowSize==="small"?"100%":"calc(100% - 376px)"};
   overflow: hidden;
   max-width: 712px;
@@ -40,14 +40,14 @@ import{aw as ne,e as S,J as k,aR as le,V as e,aQ as a,fu as ae,bD as de,i as u,a
   align-content: center;
   justify-content: center;
   align-items: center;
-`,q=s.div`
+`,H=s.div`
   margin-left: ${i=>i.windowSize==="small"?r.sp0:r.sp6};
   margin-bottom: ${i=>i.windowSize==="small"?r.sp4:r.sp0};
   background: ${i=>i.theme.colors.grey3};
   border-radius: 12px;
   border: ${i=>`1px solid ${i.theme.colors.grey3}`};
   padding: 15px;
-`,c=s.div`
+`,m=s.div`
   border-radius: ${r.sp12};
   border: ${i=>`1px solid ${i.theme.colors.grey2}`};
   padding: ${i=>i.windowSize==="small"?`${r.sp2} ${r.sp4} ${r.sp2} ${r.sp0}`:`${r.sp3} ${r.sp5} ${r.sp3} ${r.sp0}`};
@@ -58,27 +58,27 @@ import{aw as ne,e as S,J as k,aR as le,V as e,aQ as a,fu as ae,bD as de,i as u,a
   align-items: center;
   text-align: start;
   box-sizing: border-box;
-`,f=s(ge)`
+`,b=s(ge)`
   color: ${i=>i.theme.colors.champion};
-`,b=s(ue)`
+`,f=s(ue)`
   color: ${i=>i.theme.colors.champion};
 `,y=s(V)`
   color: ${i=>i.theme.colors.champion};
 `,$=s(he)`
   color: ${i=>i.theme.colors.champion};
-`,m=s.div``,p=s.div`
+`,c=s.div``,p=s.div`
   padding-left: ${r.sp3};
 `,L=s(V)`
   margin: ${i=>i.windowSize==="small"?r.sp1:`auto ${r.sp5}`};
   color: ${i=>i.theme.colors.grey1};
 `,O=s(v)`
   color: ${z.graphColor16Dark};
-`,G=s(v)`
+`,Q=s(v)`
   color: ${z.graphColor09Dark};
-`,J=s(v)`
+`,W=s(v)`
   color: ${z.success};
 `,M=s(pe)`
   margin: ${r.sp3} auto;
   max-width: 772px;
   color: ${i=>i.theme.colors.hero};
-`,t=F.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=F.getLocalizedStrings().commonSetUp.businessVerification.terms,Te=()=>{const i=S(),o=k();return e.jsxs(_,{windowSize:o,children:[e.jsx(N,{windowSize:o,children:e.jsx(q,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(g,{src:E,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(H,{windowSize:o,children:[e.jsxs(c,{windowSize:o,children:[e.jsx(m,{children:e.jsx(O,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.simplestText.bold}),e.jsx(y,{children:t.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(m,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.aiPoweredText.bold}),e.jsx(y,{children:t.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,children:[e.jsx(m,{children:e.jsx(J,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.multiLevelApprovalText.bold}),e.jsx(y,{children:t.multiLevelApprovalText.regular})]})]})]})]})},Ce=()=>{const i=S(),o=k();return e.jsxs(_,{windowSize:o,children:[e.jsxs(H,{windowSize:o,children:[e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(m,{children:e.jsx(O,{})}),e.jsxs(p,{children:[e.jsx(b,{children:t.simplestText.bold}),e.jsx(f,{children:t.simplestText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(m,{children:e.jsx(G,{})}),e.jsxs(p,{children:[e.jsx(b,{children:t.aiPoweredText.bold}),e.jsx(f,{children:t.aiPoweredText.regular})]})]}),e.jsxs(c,{windowSize:o,style:{width:"376px"},children:[e.jsx(m,{children:e.jsx(J,{})}),e.jsxs(p,{children:[e.jsx(b,{children:t.multiLevelApprovalText.bold}),e.jsx(f,{children:t.multiLevelApprovalText.regular})]})]})]}),e.jsx(N,{windowSize:o,children:e.jsx(q,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(g,{src:E,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},He=({reimbursementSetupView:i,userReimbursementInfo:o,meetingUrl:T,videoUrl:K,analytics:x,onSetupButtonClick:Q,onCreateNewRemiButtonClick:W,onBackClick:X,onSetupReimbursementSuccess:C,onClickMenuIcon:Y})=>{const P=ne(),[ee,ie]=j.useState(!1),[te,R]=j.useState(!1),re=S(),l=k(),{remiTermsDetails:h}=i,I=le(h?.fetchStatus.fetchState),se=je(P.loggedInUserRoleMap),w=fe(P.loggedInUserRoleMap)&&!se,oe=!!o?.isReimbursementTOSAccepted,U=!!i.companyRemiInfo?.isReimbursementEnabled,A=w?U?t.employeeAcceptPromoText:t.employeePendingPromoText:t.promoText;j.useEffect(()=>{I==="In-Progress"&&h?.fetchStatus.fetchState==="Completed"&&C?.()},[I,C,h?.fetchStatus]);const B=()=>{x?.trackReimbursementPromoScheduleDemo(),R(!0)};return e.jsxs($e,{children:[ee===!0?e.jsx(be,{onCancelClick:()=>{ie(!1)},videoUrl:K,"data-testid":a("remi-promo-page-video-popup")}):null,te===!0?e.jsx(ae,{onCancelClick:()=>{R(!1)},meetingUrl:T,"data-testid":a("remi-promo-page-meeting-popup")}):null,e.jsx(de,{title:t.title,backgroundColor:re.colors.grey4,onBackClick:X,showBackButton:!w,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:Y,source:"ReimbursementPromoPage"}),e.jsxs(Se,{windowSize:l,children:[l==="small"?e.jsx(ze,{children:A}):e.jsx(ke,{children:A}),l==="small"?e.jsx(Te,{}):e.jsx(Ce,{}),e.jsx(ve,{children:w?e.jsx(e.Fragment,{children:U&&!oe?e.jsxs(e.Fragment,{children:[e.jsxs(D,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:t.scheduleDemoButton,onClick:B,"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(L,{windowSize:l,children:t.orText}),e.jsx(u,{variant:"primary",label:t.createNewReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:W,"data-testid":a("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(M,{children:[t.terms.createTerms1,e.jsx(d,{href:t.terms.tosUrl,linkText:t.terms.zeniAgreement,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),t.terms.terms2,e.jsx(d,{href:t.terms.privacyPolicyUrl,linkText:t.terms.privacyPolicy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),t.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(D,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:t.scheduleDemoButton,onClick:B,style:{width:216},"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(L,{windowSize:l,children:t.orText}),e.jsx(u,{variant:"primary",label:t.setupReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:Q,style:{width:216},"data-testid":a("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(M,{children:[t.terms.setupTerms1,e.jsx(d,{href:n.consentUrl,linkText:n.consent}),n.term2,e.jsx(d,{href:n.depositUrl,linkText:n.depositTerms}),n.term3,e.jsx(d,{href:n.privacyPolicyUrl,linkText:n.privacy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(d,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),n.term5,t.terms.terms3]})]})})]})]})};export{He as default};
+`,t=F.getLocalizedStrings().spendManagement.reimbursement.reimbursementPromo,n=F.getLocalizedStrings().commonSetUp.businessVerification.terms,Te=()=>{const i=S(),o=k();return e.jsxs(_,{windowSize:o,children:[e.jsx(q,{windowSize:o,children:e.jsx(H,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"}):e.jsx(g,{src:E,alt:"forecast-promo",style:{width:"100%",height:"auto"},loading:"lazy"})})}),e.jsxs(N,{windowSize:o,children:[e.jsxs(m,{windowSize:o,children:[e.jsx(c,{children:e.jsx(O,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.simplestText.bold}),e.jsx(y,{children:t.simplestText.regular})]})]}),e.jsxs(m,{windowSize:o,children:[e.jsx(c,{children:e.jsx(Q,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.aiPoweredText.bold}),e.jsx(y,{children:t.aiPoweredText.regular})]})]}),e.jsxs(m,{windowSize:o,children:[e.jsx(c,{children:e.jsx(W,{})}),e.jsxs(p,{children:[e.jsx($,{children:t.multiLevelApprovalText.bold}),e.jsx(y,{children:t.multiLevelApprovalText.regular})]})]})]})]})},Ce=()=>{const i=S(),o=k();return e.jsxs(_,{windowSize:o,children:[e.jsxs(N,{windowSize:o,children:[e.jsxs(m,{windowSize:o,style:{width:"376px"},children:[e.jsx(c,{children:e.jsx(O,{})}),e.jsxs(p,{children:[e.jsx(f,{children:t.simplestText.bold}),e.jsx(b,{children:t.simplestText.regular})]})]}),e.jsxs(m,{windowSize:o,style:{width:"376px"},children:[e.jsx(c,{children:e.jsx(Q,{})}),e.jsxs(p,{children:[e.jsx(f,{children:t.aiPoweredText.bold}),e.jsx(b,{children:t.aiPoweredText.regular})]})]}),e.jsxs(m,{windowSize:o,style:{width:"376px"},children:[e.jsx(c,{children:e.jsx(W,{})}),e.jsxs(p,{children:[e.jsx(f,{children:t.multiLevelApprovalText.bold}),e.jsx(b,{children:t.multiLevelApprovalText.regular})]})]})]}),e.jsx(q,{windowSize:o,children:e.jsx(H,{windowSize:o,children:i.mode==="dark"?e.jsx(g,{src:Z,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"}):e.jsx(g,{src:E,alt:"forecast-promo",style:{width:"615px",height:"402px"},loading:"lazy"})})})]})},Ne=({reimbursementSetupView:i,userReimbursementInfo:o,meetingUrl:T,videoUrl:G,analytics:x,onSetupButtonClick:J,onCreateNewRemiButtonClick:K,onBackClick:X,onSetupReimbursementSuccess:C,onClickMenuIcon:Y})=>{const P=ne(),[ee,ie]=j.useState(!1),[te,R]=j.useState(!1),re=S(),l=k(),{remiTermsDetails:h}=i,I=le(h?.fetchStatus.fetchState),se=je(P.loggedInUserRoleMap),w=be(P.loggedInUserRoleMap)&&!se,oe=!!o?.isReimbursementTOSAccepted,U=!!i.companyRemiInfo?.isReimbursementEnabled,A=w?U?t.employeeAcceptPromoText:t.employeePendingPromoText:t.promoText;j.useEffect(()=>{I==="In-Progress"&&h?.fetchStatus.fetchState==="Completed"&&C?.()},[I,C,h?.fetchStatus]);const B=()=>{x?.trackReimbursementPromoScheduleDemo(),R(!0)};return e.jsxs($e,{children:[ee===!0?e.jsx(fe,{onCancelClick:()=>{ie(!1)},videoUrl:G,"data-testid":a("remi-promo-page-video-popup")}):null,te===!0?e.jsx(ae,{onCancelClick:()=>{R(!1)},meetingUrl:T,"data-testid":a("remi-promo-page-meeting-popup")}):null,e.jsx(de,{title:t.title,backgroundColor:re.colors.grey4,onBackClick:X,showBackButton:!w,showMenuIcon:l==="small"||l==="medium-compact",onClickMenuIcon:Y,source:"ReimbursementPromoPage"}),e.jsxs(Se,{windowSize:l,children:[l==="small"?e.jsx(ze,{children:A}):e.jsx(ke,{children:A}),l==="small"?e.jsx(Te,{}):e.jsx(Ce,{}),e.jsx(ve,{children:w?e.jsx(e.Fragment,{children:U&&!oe?e.jsxs(e.Fragment,{children:[e.jsxs(D,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:t.scheduleDemoButton,onClick:B,"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(L,{windowSize:l,children:t.orText}),e.jsx(u,{variant:"primary",label:t.createNewReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:K,"data-testid":a("reimbursement-promo-page-create-new-reimbursement-button")})]}),e.jsxs(M,{children:[t.terms.createTerms1,e.jsx(d,{href:t.terms.tosUrl,linkText:t.terms.zeniAgreement,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),t.terms.terms2,e.jsx(d,{href:t.terms.privacyPolicyUrl,linkText:t.terms.privacyPolicy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),t.terms.terms3]})]}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(D,{windowSize:l,children:[e.jsx(u,{variant:"secondary",label:t.scheduleDemoButton,onClick:B,style:{width:216},"data-testid":a("reimbursement-promo-page-schedule-demo-button")}),e.jsx(L,{windowSize:l,children:t.orText}),e.jsx(u,{variant:"primary",label:t.setupReimbursementButton,loading:h?.fetchStatus.fetchState==="In-Progress",onClick:J,style:{width:216},"data-testid":a("reimbursement-promo-page-setup-reimbursement-button")})]}),e.jsxs(M,{children:[t.terms.setupTerms1,e.jsx(d,{href:n.consentUrl,linkText:n.consent}),n.term2,e.jsx(d,{href:n.depositUrl,linkText:n.depositTerms}),n.term3,e.jsx(d,{href:n.privacyPolicyUrl,linkText:n.privacy,onZeniLinkClick:()=>(x?.trackReimbursementPrivacyPolicy(),!0)}),n.term4,e.jsx(d,{href:n.tosUrl,linkText:n.tos,onZeniLinkClick:()=>(x?.trackReimbursementAgreement(),!0)}),n.term5,t.terms.terms3]})]})})]})]})};export{Ne as default};

package/dist/assets/{ReimbursementSetUpPage-CidrpT2g-BaHYOosV.js → ReimbursementSetUpPage-D2890NEZ-Dgq0MW27.js}

@@ -1,4 +1,4 @@
-import{e as Ee,J as Ie,aR as N,a9 as Ge,cG as qe,F as Te,aW as Ce,V as t,fc as Je,p as J,y as s,bD as Ze,T as Qe,ac as Ye,fv as ve,dS as Ke,fw as Xe,bx as et,dI as tt,aS as it,o as a,fy as nt,u as n,cj as ot,cT as at,c$ as lt,fH as ke,fI as $e,gh as st,i as rt,aQ as Pe,N as Ae,bN as ct,ai as dt,bu as ut}from"./index-B4SkrUUS.js";import{a as o}from"./sentry-BBFZ4Apy.js";import{n as i}from"./mui-DUBEtzg-.js";import{bJ as mt}from"./zeni-epic-state-CbQxc4HL.js";import{g as pt}from"./UploadAdditionalDocumentOverlay-BHpT2al--DXABnZU8.js";import"./liveblocks-Dh9EWLXD.js";import"./core-TLZ6PfaT.js";import"./recharts-ZbSULBPo.js";import"./lottie-osIcf0zV.js";import"./analytics-BFo1DlpM.js";import"./lexical-DGcsrY0x.js";import"./utils-DvDl_6hs.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},p=new e.Error().stack;p&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[p]="9738725f-836f-4a95-8a2e-b21632833b7a",e._sentryDebugIdIdentifier="sentry-dbid-9738725f-836f-4a95-8a2e-b21632833b7a")}catch{}})();const gt=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M12.7113 3H2.89261C2.39963 3 2 3.39963 2 3.89261V20.8522C2 21.3451 2.39963 21.7448 2.89261 21.7448H12.7113C13.2043 21.7448 13.6039 21.3451 13.6039 20.8522V3.89261C13.6039 3.39963 13.2043 3 12.7113 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M10.4798 13.7113H9.58719C9.3407 13.7113 9.14088 13.9111 9.14088 14.1576V16.8354C9.14088 17.0819 9.3407 17.2817 9.58719 17.2817H10.4798C10.7263 17.2817 10.9261 17.0819 10.9261 16.8354V14.1576C10.9261 13.9111 10.7263 13.7113 10.4798 13.7113Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M21.6374 16.1133C21.6374 16.1961 21.6143 16.2773 21.5708 16.3477C21.5273 16.4182 21.4651 16.4752 21.391 16.5123L19.8522 17.2817V14.6039H21.1911C21.3095 14.6039 21.423 14.6509 21.5067 14.7346C21.5904 14.8183 21.6374 14.9318 21.6374 15.0502V16.1133Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.8522 14.6039V13.265C19.8522 12.5268 22.53 10.1409 22.53 10.1409",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.8522 17.2817V19.9596C19.8522 20.433 19.6641 20.8871 19.3293 21.2219C18.9945 21.5567 18.5404 21.7448 18.067 21.7448C17.5935 21.7448 17.1394 21.5567 16.8046 21.2219C16.4698 20.8871 16.2817 20.433 16.2817 19.9596V7.90935C16.2817 7.55424 16.1407 7.21369 15.8896 6.96259C15.6385 6.7115 15.2979 6.57043 14.9428 6.57043H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M2 10.1409H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M11.3724 4.78528H4.23154C3.98505 4.78528 3.78523 4.9851 3.78523 5.23158V7.90941C3.78523 8.15589 3.98505 8.35571 4.23154 8.35571H11.3724C11.6189 8.35571 11.8187 8.15589 11.8187 7.90941V5.23158C11.8187 4.9851 11.6189 4.78528 11.3724 4.78528Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9.14088 19.0669H10.9261",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),h={sectionWidth:new s(343,580,726),iconContainerMaxWidthHeight:new s(n[6],n[7]),iconContainerMarginRight:new s(12,n[3]),infoLabelPaddingLeft:new s(n[0],n[3]),iconPadding:new s(10,12),iconWidthHeight:new s(20,n[4]),rowGap:new s(n[2],n[3]),containerPadding:new s(n[3],n[4])},ge={title:new Ae("standardSemiBold","largeSemiBold"),infoLabel:new Ae("extraSmallRegular","smallRegular")};function ft({companyMileageConfigInfo:e,mileageDetails:p,analytics:$,style:j,sectionId:P,isActive:d=!0,isDisabled:r,onSaveMileageClick:Z}){const l=Ie(),D=Ee(),{formState:{errors:Q},trigger:Y}=at(),E=ht(P,"mileageAmountInDenomination"),x=lt(Q,E),{localData:c,updateStatus:F,mileageStatus:b}=p,U=e?.denominationConversions.amount==null||e.denominationConversions.amount!==c?.mileageAmountInDenomination,{commonSetUp:K,spendManagement:X}=Te.getLocalizedStrings(),{reimbursement:ee}=X,[S,I]=o.useState(U),[te,W]=o.useState(!1);o.useEffect(()=>{x||Y(E)},[]),o.useEffect(()=>{e?.denominationConversions.amount!=null&&e.denominationConversions.amount===c?.mileageAmountInDenomination&&I(!1)},[e?.denominationConversions.amount]),o.useEffect(()=>{S||W(S)},[S]);const{reimbursementSetup:y}=ee,{setUp:ie}=K,ne=S===!1||F.fetchState==="In-Progress"?"readonly":r,oe=c&&c?.denominationSymbol?`${c?.denominationSymbol} `:"",ae=c&&c?.mileageUnit?c?.mileageUnit:"";return t.jsxs(xt,{windowSize:l,style:j,isActive:d&&r==null,children:[t.jsxs(Pt,{windowSize:l,children:[y.mileageHeader,d===!1?t.jsx(Dt,{children:ie.comingSoon}):null]}),t.jsxs(kt,{windowSize:l,children:[t.jsx(vt,{windowSize:l,isDarkMode:D.mode==="dark",children:t.jsx(gt,{width:h.iconWidthHeight.valuePx(l),height:h.iconWidthHeight.valuePx(l)})}),t.jsxs(yt,{children:[t.jsxs($t,{children:[t.jsxs(At,{children:[t.jsxs(jt,{children:[t.jsx(bt,{windowSize:l,children:e?.denominationConversions.amount==null?y.mileageAddTitle:y.mileageEditTitle}),t.jsx(St,{children:y.mileageSubTitle})]}),b!=null&&e?.denominationConversions.amount!=null&&l==="small"?t.jsx(ke,{style:{width:"max-content",padding:a.sp0,marginTop:a.sp2},tagTitle:b.name,textColor:$e(b.code)}):null]}),t.jsxs(wt,{children:[b!=null&&e?.denominationConversions.amount!=null&&l!=="small"?t.jsx(ke,{style:{width:"max-content"},tagTitle:b.name,textColor:$e(b.code)}):null,t.jsx(Ct,{})]})]}),t.jsxs(Et,{children:[t.jsxs(It,{children:[t.jsx(st,{style:{height:a.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:a.sp10,backgroundColor:x?void 0:D.colors.background,color:S||x?void 0:D.colors.grey1},isFieldError:x,type:"number",autoFocus:!1,focus:te,name:E,defaultValue:c?.mileageAmountInDenomination,returnValueType:"floatValue",allowEmptyFormatting:!0,prefix:oe,suffix:`  ${y.perText} ${ae}`,decimalScale:1,allowNegative:!1,isNumericString:!1,registerOptions:{min:1,validate:T=>T!=null||r!=null,required:r==null},isDisabled:ne}),t.jsx(Vt,{children:S?t.jsx(rt,{label:y.save,"data-testid":Pe("save-mileage"),onClick:()=>{c?.mileageAmountInDenomination!=null&&U&&!x&&Z?.(c.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:r!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:F.fetchState==="In-Progress"}):t.jsx(Lt,{isDisabled:r,"data-testid":Pe("edit-mileage"),onClick:T=>{T.stopPropagation(),I(!0),W(!0),$.trackReimbursementMileageRateEdit()}})})]}),c?.description!=null?t.jsx(Tt,{size:l,hasError:x,children:x&&e?.defaultMileageUnitAmount!=null?y.yourMileage.replace("__defaultMileageUnitAmount__",(e.defaultMileageUnitAmount*100).toString()):c.description}):null]})]})]})]})}const ht=(e,p)=>`${e}.${p}`,xt=i.div`
+import{d as Ee,J as Ie,aR as N,a9 as Ge,cG as Je,F as Te,aW as Ce,V as t,fe as qe,p as q,y as s,bD as Ze,T as Ye,ac as Ke,fx as ve,dR as Qe,fy as Xe,bx as et,dH as tt,aS as it,o as a,fA as nt,u as n,cj as ot,cK as at,ew as lt,fJ as ke,fK as $e,gj as st,i as rt,aQ as Pe,H as Ae,bN as ct,ai as dt,bu as ut}from"./index-DOsjGhSZ.js";import{a as o}from"./sentry-otjdlEta.js";import{n as i}from"./mui-B2MHg-Mu.js";import{bJ as mt}from"./zeni-epic-state-DVinyIRY.js";import{g as pt}from"./UploadAdditionalDocumentOverlay-DID6dcux-DPsjTLN9.js";import"./liveblocks-KFxhhSr3.js";import"./core-BHxev_Cl.js";import"./recharts-B7o7FzH2.js";import"./lottie-DDoT_sT4.js";import"./analytics-Cz7GTPb4.js";import"./lexical-Dja08wvc.js";import"./utils-BbmM3Vsp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},p=new e.Error().stack;p&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[p]="d4ca8e37-4429-4ff5-8cb8-1e9eba6b0c48",e._sentryDebugIdIdentifier="sentry-dbid-d4ca8e37-4429-4ff5-8cb8-1e9eba6b0c48")}catch{}})();const gt=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M12.7113 3H2.89261C2.39963 3 2 3.39963 2 3.89261V20.8522C2 21.3451 2.39963 21.7448 2.89261 21.7448H12.7113C13.2043 21.7448 13.6039 21.3451 13.6039 20.8522V3.89261C13.6039 3.39963 13.2043 3 12.7113 3Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M10.4798 13.7113H9.58719C9.3407 13.7113 9.14088 13.9111 9.14088 14.1576V16.8354C9.14088 17.0819 9.3407 17.2817 9.58719 17.2817H10.4798C10.7263 17.2817 10.9261 17.0819 10.9261 16.8354V14.1576C10.9261 13.9111 10.7263 13.7113 10.4798 13.7113Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M21.6374 16.1133C21.6374 16.1961 21.6143 16.2773 21.5708 16.3477C21.5273 16.4182 21.4651 16.4752 21.391 16.5123L19.8522 17.2817V14.6039H21.1911C21.3095 14.6039 21.423 14.6509 21.5067 14.7346C21.5904 14.8183 21.6374 14.9318 21.6374 15.0502V16.1133Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.8522 14.6039V13.265C19.8522 12.5268 22.53 10.1409 22.53 10.1409",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.8522 17.2817V19.9596C19.8522 20.433 19.6641 20.8871 19.3293 21.2219C18.9945 21.5567 18.5404 21.7448 18.067 21.7448C17.5935 21.7448 17.1394 21.5567 16.8046 21.2219C16.4698 20.8871 16.2817 20.433 16.2817 19.9596V7.90935C16.2817 7.55424 16.1407 7.21369 15.8896 6.96259C15.6385 6.7115 15.2979 6.57043 14.9428 6.57043H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M2 10.1409H13.6039",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M11.3724 4.78528H4.23154C3.98505 4.78528 3.78523 4.9851 3.78523 5.23158V7.90941C3.78523 8.15589 3.98505 8.35571 4.23154 8.35571H11.3724C11.6189 8.35571 11.8187 8.15589 11.8187 7.90941V5.23158C11.8187 4.9851 11.6189 4.78528 11.3724 4.78528Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M9.14088 19.0669H10.9261",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),h={sectionWidth:new s(343,580,726),iconContainerMaxWidthHeight:new s(n[6],n[7]),iconContainerMarginRight:new s(12,n[3]),infoLabelPaddingLeft:new s(n[0],n[3]),iconPadding:new s(10,12),iconWidthHeight:new s(20,n[4]),rowGap:new s(n[2],n[3]),containerPadding:new s(n[3],n[4])},ge={title:new Ae("standardSemiBold","largeSemiBold"),infoLabel:new Ae("extraSmallRegular","smallRegular")};function ft({companyMileageConfigInfo:e,mileageDetails:p,analytics:$,style:j,sectionId:P,isActive:d=!0,isDisabled:r,onSaveMileageClick:Z}){const l=Ie(),D=Ee(),{formState:{errors:Y},trigger:K}=at(),E=ht(P,"mileageAmountInDenomination"),x=lt(Y,E),{localData:c,updateStatus:F,mileageStatus:w}=p,U=e?.denominationConversions.amount==null||e.denominationConversions.amount!==c?.mileageAmountInDenomination,{commonSetUp:Q,spendManagement:X}=Te.getLocalizedStrings(),{reimbursement:ee}=X,[S,I]=o.useState(U),[te,H]=o.useState(!1);o.useEffect(()=>{x||K(E)},[]),o.useEffect(()=>{e?.denominationConversions.amount!=null&&e.denominationConversions.amount===c?.mileageAmountInDenomination&&I(!1)},[e?.denominationConversions.amount]),o.useEffect(()=>{S||H(S)},[S]);const{reimbursementSetup:y}=ee,{setUp:ie}=Q,ne=S===!1||F.fetchState==="In-Progress"?"readonly":r,oe=c&&c?.denominationSymbol?`${c?.denominationSymbol} `:"",ae=c&&c?.mileageUnit?c?.mileageUnit:"";return t.jsxs(xt,{windowSize:l,style:j,isActive:d&&r==null,children:[t.jsxs(Pt,{windowSize:l,children:[y.mileageHeader,d===!1?t.jsx(Dt,{children:ie.comingSoon}):null]}),t.jsxs(kt,{windowSize:l,children:[t.jsx(vt,{windowSize:l,isDarkMode:D.mode==="dark",children:t.jsx(gt,{width:h.iconWidthHeight.valuePx(l),height:h.iconWidthHeight.valuePx(l)})}),t.jsxs(yt,{children:[t.jsxs($t,{children:[t.jsxs(At,{children:[t.jsxs(jt,{children:[t.jsx(wt,{windowSize:l,children:e?.denominationConversions.amount==null?y.mileageAddTitle:y.mileageEditTitle}),t.jsx(St,{children:y.mileageSubTitle})]}),w!=null&&e?.denominationConversions.amount!=null&&l==="small"?t.jsx(ke,{style:{width:"max-content",padding:a.sp0,marginTop:a.sp2},tagTitle:w.name,textColor:$e(w.code)}):null]}),t.jsxs(bt,{children:[w!=null&&e?.denominationConversions.amount!=null&&l!=="small"?t.jsx(ke,{style:{width:"max-content"},tagTitle:w.name,textColor:$e(w.code)}):null,t.jsx(Ct,{})]})]}),t.jsxs(Et,{children:[t.jsxs(It,{children:[t.jsx(st,{style:{height:a.sp6,textAlign:"left"},inputStyle:{textAlign:"left",paddingRight:a.sp10,backgroundColor:x?void 0:D.colors.background,color:S||x?void 0:D.colors.grey1},isFieldError:x,type:"number",autoFocus:!1,focus:te,name:E,defaultValue:c?.mileageAmountInDenomination,returnValueType:"floatValue",allowEmptyFormatting:!0,prefix:oe,suffix:`  ${y.perText} ${ae}`,decimalScale:1,allowNegative:!1,isNumericString:!1,registerOptions:{min:1,validate:T=>T!=null||r!=null,required:r==null},isDisabled:ne}),t.jsx(Vt,{children:S?t.jsx(rt,{label:y.save,"data-testid":Pe("save-mileage"),onClick:()=>{c?.mileageAmountInDenomination!=null&&U&&!x&&Z?.(c.mileageAmountInDenomination)},style:{outline:"none"},size:"small",disabled:r!=null,variant:"light_transparent",reverseSpinnerColor:!1,loading:F.fetchState==="In-Progress"}):t.jsx(Lt,{isDisabled:r,"data-testid":Pe("edit-mileage"),onClick:T=>{T.stopPropagation(),I(!0),H(!0),$.trackReimbursementMileageRateEdit()}})})]}),c?.description!=null?t.jsx(Tt,{size:l,hasError:x,children:x&&e?.defaultMileageUnitAmount!=null?y.yourMileage.replace("__defaultMileageUnitAmount__",(e.defaultMileageUnitAmount*100).toString()):c.description}):null]})]})]})]})}const ht=(e,p)=>`${e}.${p}`,xt=i.div`
   display: flex;
   flex-direction: column;
   pointer-events: ${e=>e.isLoading===!0||e.isActive===!1?"none":"initial"};
@@ -9,11 +9,11 @@ import{e as Ee,J as Ie,aR as N,a9 as Ge,cG as qe,F as Te,aW as Ce,V as t,fc as J
   width: 100%;
   flex-direction: column;
   justify-content: flex-start;
-`,wt=i.div`
-  display: flex;
 `,bt=i.div`
+  display: flex;
+`,wt=i.div`
   ${e=>`${ge.title.style(e.windowSize)}`};
-  color: ${e=>e.isError===!0?J.important:e.theme.colors.primary};
+  color: ${e=>e.isError===!0?q.important:e.theme.colors.primary};
 `,St=i(dt)`
   display: flex;
   align-items: center;
@@ -33,7 +33,7 @@ import{e as Ee,J as Ie,aR as N,a9 as Ge,cG as qe,F as Te,aW as Ce,V as t,fc as J
   border-radius: ${a.sp11};
   width: fit-content;
   height: fit-content;
-  color: ${e=>e.isDarkMode?J.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
+  color: ${e=>e.isDarkMode?q.neutralGrey5Light:e.theme.colors.brandColorOnyx}; // As per design
   max-width: ${e=>h.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   max-height: ${e=>h.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   margin-right: ${e=>h.iconContainerMarginRight.valuePx(e.windowSize)};
@@ -85,7 +85,7 @@ import{e as Ee,J as Ie,aR as N,a9 as Ge,cG as qe,F as Te,aW as Ce,V as t,fc as J
 `,Tt=i.label`
   display: flex;
   padding-left: ${e=>h.infoLabelPaddingLeft.valuePx(e.size)};
-  color: ${e=>e.hasError===!0?J.important:e.additionalInfoTextColor??e.theme.colors.hero};
+  color: ${e=>e.hasError===!0?q.important:e.additionalInfoTextColor??e.theme.colors.hero};
   ${e=>`${ge.infoLabel.style(e.size)}`};
   margin-top: ${a.sp1};
 `,Vt=i.div`
@@ -103,7 +103,7 @@ import{e as Ee,J as Ie,aR as N,a9 as Ge,cG as qe,F as Te,aW as Ce,V as t,fc as J
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,g={titleWidth:new s(343,580,726,826),setupDetailsRowGap:new s(12,n[5],n[5]),sectionRowGap:new s(n[5],n[9],n[9]),lastSectionPaddingBottom:new s(n[7],n[10],n[10]),iconWidthHeight:new s(20,n[4]),subTitlePaddingTop:new s(12,n[3]),subTitlePaddingBottom:new s(n[3],n[3]),overlayWidth:new s(100,100,59)},je="remiSetupPage",G="remiAccount",q="remiMileage",Kt=({remiSetupView:e,isDisabled:p,remiApprovalView:$,connectedAccountProvider:j,isAccountsEnabled:P,filesEndPoint:d,authParams:r,meetingUrl:Z,analytics:l,accountsPromoConfig:D,onBackClick:Q,onBusinessVerificationSectionClick:Y,onSetupApprovalRulesSectionClick:E,onFetchLinkTokenClick:x,onEstablishConnectionClick:c,onEstablishConnectionSuccess:F,updateMileageDetails:b,onUpdateAccountClick:U,onUpdatePrimaryFundingAccount:K,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:ee,onEnableRemiClick:S,onEnableRemiSuccess:I,onSaveMileageClick:te,onClickMenuIcon:W,onEditFileName:y,onDeleteFile:ie,updateFilesEntity:ne,onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae,onSignUpClick:T})=>{const H=Ee(),u=Ie(),[B,V]=o.useState(!1),{fetchState:v,primaryFundingAccount:C,allFundingAccounts:fe,updateStatus:L,accountUpdateStatus:Ve,plaidConnectionDetails:le,allBankAccounts:Le,companyRemiInfo:ze,companyBillPayInfo:he,mileageRateConfig:Me,isRefreshingViewInBackground:Re,selectedCompanyOfficer:f}=e,{fetchState:xe,allApprovalRules:O,approvalRulesStatus:Fe}=$,se=le.link_account.updateStatus,re=le.update_account.updateStatus,_=N(v),ye=N(L.fetchState),we=N(se.fetchState),be=N(re.fetchState),z=Ge({mode:"all",reValidateMode:"onChange",defaultValues:o.useMemo(()=>pe(e),[e]),values:pe(e)});o.useEffect(()=>{!B&&f?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&f.areAdditionalDocumentsRequestedForVerification&&!f.areAdditionalDocumentsSubmittedForVerification&&f.userVerificationStatus?.code==="require_info"&&V(!0),B&&_==="In-Progress"&&v==="Completed"&&V(!1)},[f,v,_]),o.useEffect(()=>{(_==="In-Progress"&&v==="Completed"||we==="In-Progress"&&se.fetchState==="Completed"||be==="In-Progress"&&re.fetchState==="Completed")&&z.reset(pe(e))},[_,v,z,e,we,se.fetchState,be,re.fetchState]);const Ue=z.handleSubmit(A=>{l.trackEnableReimbursement(),S()}),We=async(A,R)=>{const m=R[G];if(A.includes(G)){if(A.includes("fundingAccount")){if(m.fundingAccount.selectedOption!=null&&C?.id!=m.fundingAccount.selectedOption){const w=fe.find(me=>me.id===m.fundingAccount.selectedOption);w!=null&&K(m.fundingAccount.selectedOption,w.accType)}}else if(m.account.selectedOption!=null&&C?.id!=null&&C?.zeniAccountId!=m.account.selectedOption){const w=m.account.allOptions.find(me=>me.value===m.account.selectedOption);w!=null&&typeof w.label=="string"&&l.trackConnectBankLink(w.value,w.label,"reimbursement"),U(m.account.selectedOption,C.id,C.accType)}}else if(A.includes(q)){const w=R[q];b(w)}};o.useEffect(()=>{const A=z.watch((R,{name:m})=>{m!=null&&R!=null&&qe(()=>We(m,R))});return()=>{A.unsubscribe()}}),o.useEffect(()=>{ye==="In-Progress"&&L.fetchState==="Completed"&&I()},[I,ye,L.fetchState]);const{commonSetUp:Se,spendManagement:He}=Te.getLocalizedStrings(),{reimbursement:Be}=He,{reimbursementSetup:M}=Be,{setUp:k}=Se,ce=he?.isBusinessVerified===!0&&(C?.accType==="depositAccount"||mt(C?.providerVerificationStatus?.code??""))&&Me?.denominationConversions.amount!=null,de=ze?.isReimbursementEnabled===!0,Oe=ce?Se.setUp.setupVerifiedSubTitle:M.setupSubTitle,_e=v==="In-Progress"||v==="Not-Started"||xe==="In-Progress"||xe==="Not-Started",ue=H.mode==="light"?new Ce(H.colors.brandColorJadeLight):new Ce(H.colors.brandColorJadeDark),Ne=()=>{!B&&f?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&f.areAdditionalDocumentsRequestedForVerification&&!f.areAdditionalDocumentsSubmittedForVerification&&f.userVerificationStatus?.code==="require_info"?V(!0):Y?.()};return t.jsxs(zt,{children:[t.jsx(Je,{anchor:"right",PaperProps:{style:{width:g.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:B,onClose:()=>V(!1),style:{backgroundColor:J.drawerBackground},transitionDuration:250,children:t.jsx(pt,{authParams:r,filesEndPoint:d,updateStatus:L,onEditFileName:y,onDeleteFile:ie,updateFilesEntity:ne,companyOfficer:f,onClose:()=>V(!1),onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae})}),t.jsx(Ze,{title:M.setupTitle,backgroundColor:H.colors.grey4,style:{zIndex:3},onBackClick:Q,showMenuIcon:!de&&(u==="medium-compact"||u==="small"),onClickMenuIcon:W,source:"ReimbursementSetUpPage"}),t.jsxs(Rt,{windowSize:u,children:[t.jsx(Mt,{windowSize:u,children:Oe}),_e?t.jsx(Ft,{children:t.jsx(Qe,{size:"ExtraLarge",start:!0})}):t.jsx(Ye,{...z,children:t.jsx("form",{id:De(je),onSubmit:Ue,children:t.jsxs(Ut,{windowSize:u,children:[t.jsx(ve,{onClick:Ne,title:k.businessVerificationTitle,subTitle:k.businessVerificationSubTitle,header:k.businessVerificationHeader,icon:{element:t.jsx(Ke,{width:g.iconWidthHeight.valuePx(u),height:g.iconWidthHeight.valuePx(u)}),color:ue},status:he?.businessVerificationStatus,isTagLoading:Re}),t.jsx(Xe,{connectedAccountProvider:j,primaryFundingAccount:C,plaidConnectionDetails:le,allBankAccounts:Le,allFundingAccounts:fe,sectionId:G,isDisabled:p,onFetchLinkTokenClick:x,onEstablishConnectionClick:c,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:ee,onEstablishConnectionSuccess:F,icon:{element:t.jsx(et,{width:g.iconWidthHeight.valuePx(u)}),color:ue},analytics:l,productType:"reimbursement",isAccountsEnabled:P,onSignUpClick:T,pageName:"Reimbursement Setup",accountsPromoConfig:D}),t.jsx(ft,{mileageDetails:e.mileageDetails,companyMileageConfigInfo:e.mileageRateConfig,sectionId:q,onSaveMileageClick:te,analytics:l}),t.jsx(ve,{title:O.length>0?k.approvalTitle:k.createApprovalTitle,subTitle:M.approvalSubTitle,header:O.length>0?k.approvalHeader:k.setupApprovalHeader,icon:{element:t.jsx(tt,{height:g.iconWidthHeight.valuePx(u)}),color:ue},style:{paddingBottom:g.lastSectionPaddingBottom.valuePx(u)},onClick:E,status:O.length>0?Fe:void 0})]})})})]}),ce&&!de&&O.length>0?t.jsx(it,{formId:De(je),primaryBtn:{label:M.enableReimbursements,style:{width:"auto",minWidth:u==="small"?"auto":"181px"},isLoading:L.fetchState==="In-Progress"||Ve.fetchState==="In-Progress",isDisabled:p!=null},showCancel:!1,helperText:M.terms,cancelBtn:{label:""},style:{padding:`12px ${a.sp3}`}}):null,t.jsx(nt,{isFooterRendered:ce&&!de,meetingUrl:Z,analytics:l,productType:"reimbursement"})]})},zt=i.div`
+`,g={titleWidth:new s(343,580,726,826),setupDetailsRowGap:new s(12,n[5],n[5]),sectionRowGap:new s(n[5],n[9],n[9]),lastSectionPaddingBottom:new s(n[7],n[10],n[10]),iconWidthHeight:new s(20,n[4]),subTitlePaddingTop:new s(12,n[3]),subTitlePaddingBottom:new s(n[3],n[3]),overlayWidth:new s(100,100,59)},je="remiSetupPage",G="remiAccount",J="remiMileage",Qt=({remiSetupView:e,isDisabled:p,remiApprovalView:$,connectedAccountProvider:j,isAccountsEnabled:P,filesEndPoint:d,authParams:r,meetingUrl:Z,analytics:l,accountsPromoConfig:D,onBackClick:Y,onBusinessVerificationSectionClick:K,onSetupApprovalRulesSectionClick:E,onFetchLinkTokenClick:x,onEstablishConnectionClick:c,onEstablishConnectionSuccess:F,updateMileageDetails:w,onUpdateAccountClick:U,onUpdatePrimaryFundingAccount:Q,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:ee,onEnableRemiClick:S,onEnableRemiSuccess:I,onSaveMileageClick:te,onClickMenuIcon:H,onEditFileName:y,onDeleteFile:ie,updateFilesEntity:ne,onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae,onSignUpClick:T})=>{const W=Ee(),u=Ie(),[B,V]=o.useState(!1),{fetchState:v,primaryFundingAccount:C,allFundingAccounts:fe,updateStatus:L,accountUpdateStatus:Ve,plaidConnectionDetails:le,allBankAccounts:Le,companyRemiInfo:ze,companyBillPayInfo:he,mileageRateConfig:Me,isRefreshingViewInBackground:Re,selectedCompanyOfficer:f}=e,{fetchState:xe,allApprovalRules:O,approvalRulesStatus:Fe}=$,se=le.link_account.updateStatus,re=le.update_account.updateStatus,_=N(v),ye=N(L.fetchState),be=N(se.fetchState),we=N(re.fetchState),z=Ge({mode:"all",reValidateMode:"onChange",defaultValues:o.useMemo(()=>pe(e),[e]),values:pe(e)});o.useEffect(()=>{!B&&f?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&f.areAdditionalDocumentsRequestedForVerification&&!f.areAdditionalDocumentsSubmittedForVerification&&f.userVerificationStatus?.code==="require_info"&&V(!0),B&&_==="In-Progress"&&v==="Completed"&&V(!1)},[f,v,_]),o.useEffect(()=>{(_==="In-Progress"&&v==="Completed"||be==="In-Progress"&&se.fetchState==="Completed"||we==="In-Progress"&&re.fetchState==="Completed")&&z.reset(pe(e))},[_,v,z,e,be,se.fetchState,we,re.fetchState]);const Ue=z.handleSubmit(A=>{l.trackEnableReimbursement(),S()}),He=async(A,R)=>{const m=R[G];if(A.includes(G)){if(A.includes("fundingAccount")){if(m.fundingAccount.selectedOption!=null&&C?.id!=m.fundingAccount.selectedOption){const b=fe.find(me=>me.id===m.fundingAccount.selectedOption);b!=null&&Q(m.fundingAccount.selectedOption,b.accType)}}else if(m.account.selectedOption!=null&&C?.id!=null&&C?.zeniAccountId!=m.account.selectedOption){const b=m.account.allOptions.find(me=>me.value===m.account.selectedOption);b!=null&&typeof b.label=="string"&&l.trackConnectBankLink(b.value,b.label,"reimbursement"),U(m.account.selectedOption,C.id,C.accType)}}else if(A.includes(J)){const b=R[J];w(b)}};o.useEffect(()=>{const A=z.watch((R,{name:m})=>{m!=null&&R!=null&&Je(()=>He(m,R))});return()=>{A.unsubscribe()}}),o.useEffect(()=>{ye==="In-Progress"&&L.fetchState==="Completed"&&I()},[I,ye,L.fetchState]);const{commonSetUp:Se,spendManagement:We}=Te.getLocalizedStrings(),{reimbursement:Be}=We,{reimbursementSetup:M}=Be,{setUp:k}=Se,ce=he?.isBusinessVerified===!0&&(C?.accType==="depositAccount"||mt(C?.providerVerificationStatus?.code??""))&&Me?.denominationConversions.amount!=null,de=ze?.isReimbursementEnabled===!0,Oe=ce?Se.setUp.setupVerifiedSubTitle:M.setupSubTitle,_e=v==="In-Progress"||v==="Not-Started"||xe==="In-Progress"||xe==="Not-Started",ue=W.mode==="light"?new Ce(W.colors.brandColorJadeLight):new Ce(W.colors.brandColorJadeDark),Ne=()=>{!B&&f?.additionalDocumentTypesRequestedForVerification.includes("social_security_card")===!0&&f.areAdditionalDocumentsRequestedForVerification&&!f.areAdditionalDocumentsSubmittedForVerification&&f.userVerificationStatus?.code==="require_info"?V(!0):K?.()};return t.jsxs(zt,{children:[t.jsx(qe,{anchor:"right",PaperProps:{style:{width:g.overlayWidth.valuePercentage(u),boxShadow:"none"}},open:B,onClose:()=>V(!1),style:{backgroundColor:q.drawerBackground},transitionDuration:250,children:t.jsx(pt,{authParams:r,filesEndPoint:d,updateStatus:L,onEditFileName:y,onDeleteFile:ie,updateFilesEntity:ne,companyOfficer:f,onClose:()=>V(!1),onCompanyOfficerUpdated:oe,onSendForVerificationClick:ae})}),t.jsx(Ze,{title:M.setupTitle,backgroundColor:W.colors.grey4,style:{zIndex:3},onBackClick:Y,showMenuIcon:!de&&(u==="medium-compact"||u==="small"),onClickMenuIcon:H,source:"ReimbursementSetUpPage"}),t.jsxs(Rt,{windowSize:u,children:[t.jsx(Mt,{windowSize:u,children:Oe}),_e?t.jsx(Ft,{children:t.jsx(Ye,{size:"ExtraLarge",start:!0})}):t.jsx(Ke,{...z,children:t.jsx("form",{id:De(je),onSubmit:Ue,children:t.jsxs(Ut,{windowSize:u,children:[t.jsx(ve,{onClick:Ne,title:k.businessVerificationTitle,subTitle:k.businessVerificationSubTitle,header:k.businessVerificationHeader,icon:{element:t.jsx(Qe,{width:g.iconWidthHeight.valuePx(u),height:g.iconWidthHeight.valuePx(u)}),color:ue},status:he?.businessVerificationStatus,isTagLoading:Re}),t.jsx(Xe,{connectedAccountProvider:j,primaryFundingAccount:C,plaidConnectionDetails:le,allBankAccounts:Le,allFundingAccounts:fe,sectionId:G,isDisabled:p,onFetchLinkTokenClick:x,onEstablishConnectionClick:c,onUpdatePaymentAccountStatus:X,onUpdatePaymentAccountLoginStatus:ee,onEstablishConnectionSuccess:F,icon:{element:t.jsx(et,{width:g.iconWidthHeight.valuePx(u)}),color:ue},analytics:l,productType:"reimbursement",isAccountsEnabled:P,onSignUpClick:T,pageName:"Reimbursement Setup",accountsPromoConfig:D}),t.jsx(ft,{mileageDetails:e.mileageDetails,companyMileageConfigInfo:e.mileageRateConfig,sectionId:J,onSaveMileageClick:te,analytics:l}),t.jsx(ve,{title:O.length>0?k.approvalTitle:k.createApprovalTitle,subTitle:M.approvalSubTitle,header:O.length>0?k.approvalHeader:k.setupApprovalHeader,icon:{element:t.jsx(tt,{height:g.iconWidthHeight.valuePx(u)}),color:ue},style:{paddingBottom:g.lastSectionPaddingBottom.valuePx(u)},onClick:E,status:O.length>0?Fe:void 0})]})})})]}),ce&&!de&&O.length>0?t.jsx(it,{formId:De(je),primaryBtn:{label:M.enableReimbursements,style:{width:"auto",minWidth:u==="small"?"auto":"181px"},isLoading:L.fetchState==="In-Progress"||Ve.fetchState==="In-Progress",isDisabled:p!=null},showCancel:!1,helperText:M.terms,cancelBtn:{label:""},style:{padding:`12px ${a.sp3}`}}):null,t.jsx(nt,{isFooterRendered:ce&&!de,meetingUrl:Z,analytics:l,productType:"reimbursement"})]})},zt=i.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -137,4 +137,4 @@ import{e as Ee,J as Ie,aR as N,a9 as Ge,cG as qe,F as Te,aW as Ce,V as t,fc as J
   display: flex;
   flex-direction: column;
   row-gap: ${e=>g.sectionRowGap.valuePx(e.windowSize)};
-`,pe=e=>{const{allBankAccounts:p,allFundingAccounts:$,mileageDetails:j,primaryFundingAccount:P}=e,{localData:d}=j;return{[G]:{fundingAccount:{selectedOption:P?.id,allOptions:$.map(r=>({label:r.label,value:r.id,isRecommended:r.accType==="depositAccount"}))},account:{selectedOption:P?.zeniAccountId,allOptions:p.map(r=>({label:r.accountName,value:r.accountId}))}},[q]:{mileageAmount:d?.mileageUnitAmount?.amount,mileageCurrencyCode:d?.mileageCurrencyCode??"USD",mileageCurrencySymbol:d?.mileageCurrencySymbol??"$",mileageUnit:d?.mileageUnit??"",description:d?.description??"",mileageAmountInDenomination:d?.mileageAmountInDenomination,denomination:d?.denomination??"dollars",denominationSymbol:d?.denominationSymbol??""}}},De=e=>`${e}_form`;export{Kt as default,De as uniqueName};
+`,pe=e=>{const{allBankAccounts:p,allFundingAccounts:$,mileageDetails:j,primaryFundingAccount:P}=e,{localData:d}=j;return{[G]:{fundingAccount:{selectedOption:P?.id,allOptions:$.map(r=>({label:r.label,value:r.id,isRecommended:r.accType==="depositAccount"}))},account:{selectedOption:P?.zeniAccountId,allOptions:p.map(r=>({label:r.accountName,value:r.accountId}))}},[J]:{mileageAmount:d?.mileageUnitAmount?.amount,mileageCurrencyCode:d?.mileageCurrencyCode??"USD",mileageCurrencySymbol:d?.mileageCurrencySymbol??"$",mileageUnit:d?.mileageUnit??"",description:d?.description??"",mileageAmountInDenomination:d?.mileageAmountInDenomination,denomination:d?.denomination??"dollars",denominationSymbol:d?.denominationSymbol??""}}},De=e=>`${e}_form`;export{Qt as default,De as uniqueName};