@zeniai/web-cockpit-ui 1.15.28-qa → 1.15.29-dev

package/dist/assets/{Preview-DKSvOyvY.js → Preview-TD25geE8.js}

@@ -1 +1 @@
-import{a as h,P as n}from"./sentry-DI6LfXHO.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new t.Error().stack;a&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[a]="1e21bcae-92bc-4f72-b3b7-b9f34ad2806c",t._sentryDebugIdIdentifier="sentry-dbid-1e21bcae-92bc-4f72-b3b7-b9f34ad2806c")}catch{}})();const c="64px",u={},k=({src:t,light:a,oEmbedUrl:r,onClickPreview:s,playIcon:m,previewTabIndex:I,previewAriaLabel:f})=>{const[b,o]=h.useState(null);h.useEffect(()=>{!t||!a||!r||_({src:t,light:a,oEmbedUrl:r})},[t,a,r]);const _=async({src:e,light:i,oEmbedUrl:E})=>{if(n.isValidElement(i))return;if(typeof i=="string"){o(i);return}if(u[e]){o(u[e]);return}o(null);const y=await(await fetch(E.replace("{url}",e))).json();if(y.thumbnail_url){const g=y.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");o(g),u[e]=g}},w=e=>{(e.key==="Enter"||e.key===" ")&&s?.(e)},v=e=>{s?.(e)},l=n.isValidElement(a),p={display:"flex",alignItems:"center",justifyContent:"center"},d={preview:{width:"100%",height:"100%",backgroundImage:b&&!l?`url(${b})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...p},shadow:{background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:c,width:c,height:c,position:l?"absolute":void 0,...p},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},x=n.createElement("div",{style:d.shadow,className:"react-player__shadow"},n.createElement("div",{style:d.playIcon,className:"react-player__play-icon"}));return n.createElement("div",{style:d.preview,className:"react-player__preview",tabIndex:I,onClick:v,onKeyDown:w,...f?{"aria-label":f}:{}},l?a:null,m||x)};var P=k;export{P as default};
+import{a as h,P as n}from"./sentry-C9gjpXHu.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new t.Error().stack;a&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[a]="1e21bcae-92bc-4f72-b3b7-b9f34ad2806c",t._sentryDebugIdIdentifier="sentry-dbid-1e21bcae-92bc-4f72-b3b7-b9f34ad2806c")}catch{}})();const c="64px",u={},k=({src:t,light:a,oEmbedUrl:r,onClickPreview:s,playIcon:m,previewTabIndex:I,previewAriaLabel:f})=>{const[b,o]=h.useState(null);h.useEffect(()=>{!t||!a||!r||_({src:t,light:a,oEmbedUrl:r})},[t,a,r]);const _=async({src:e,light:i,oEmbedUrl:E})=>{if(n.isValidElement(i))return;if(typeof i=="string"){o(i);return}if(u[e]){o(u[e]);return}o(null);const y=await(await fetch(E.replace("{url}",e))).json();if(y.thumbnail_url){const g=y.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");o(g),u[e]=g}},w=e=>{(e.key==="Enter"||e.key===" ")&&s?.(e)},v=e=>{s?.(e)},l=n.isValidElement(a),p={display:"flex",alignItems:"center",justifyContent:"center"},d={preview:{width:"100%",height:"100%",backgroundImage:b&&!l?`url(${b})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer",...p},shadow:{background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:c,width:c,height:c,position:l?"absolute":void 0,...p},playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},x=n.createElement("div",{style:d.shadow,className:"react-player__shadow"},n.createElement("div",{style:d.playIcon,className:"react-player__play-icon"}));return n.createElement("div",{style:d.preview,className:"react-player__preview",tabIndex:I,onClick:v,onKeyDown:w,...f?{"aria-label":f}:{}},l?a:null,m||x)};var P=k;export{P as default};

package/dist/assets/{ProductsCarousel-CJlGSrBH-Cq2qkRd_.js → ProductsCarousel-CpPUyzF7-CbseGDls.js}

@@ -1,4 +1,4 @@
-import{F as I,V as t,a8 as B,o as c,c3 as N,b0 as U,u as V,d9 as q,aq as G,al as T,da as H,p as v}from"./index-C35YWwTr.js";import{a as y}from"./sentry-DI6LfXHO.js";import{n as i}from"./mui-COCSnD7r.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="e29bed4d-0320-4805-b471-d6c897e0a302",e._sentryDebugIdIdentifier="sentry-dbid-e29bed4d-0320-4805-b471-d6c897e0a302")}catch{}})();const u=I.getLocalizedStrings(),w={large:{labelComp:q,title:G,subtitle:T,seeMoreLink:T}},J={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},r=J.large,Y=i.div`
+import{F as I,V as t,a8 as B,o as c,c3 as N,b0 as U,u as V,d9 as G,ar as H,am as T,da as J,p as v}from"./index-ruFrDgOE.js";import{a as y}from"./sentry-C9gjpXHu.js";import{n as i}from"./mui-CcAbIvqz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="7cb2fb0e-7fd1-4e9f-9559-c7e61eec8ef2",e._sentryDebugIdIdentifier="sentry-dbid-7cb2fb0e-7fd1-4e9f-9559-c7e61eec8ef2")}catch{}})();const u=I.getLocalizedStrings(),w={large:{labelComp:G,title:H,subtitle:T,seeMoreLink:T}},Y={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},r=Y.large,q=i.div`
   width: ${e=>e.scale*r.width}px;
   height: ${e=>e.scale*r.height}px;
   overflow: hidden;
@@ -58,7 +58,7 @@ import{F as I,V as t,a8 as B,o as c,c3 as N,b0 as U,u as V,d9 as q,aq as G,al as
   align-items: center;
   height: ${e=>e.scale*r.svgContainerHeight}px;
   margin-bottom: ${e=>e.scale*r.imageGap}px;
-`,se=i(H)`
+`,se=i(J)`
   width: ${e=>e.scale*r.svgSize}px;
   min-width: ${e=>e.scale*r.svgSize}px;
   height: ${e=>e.scale*r.svgSize}px;
@@ -76,7 +76,7 @@ import{F as I,V as t,a8 as B,o as c,c3 as N,b0 as U,u as V,d9 as q,aq as G,al as
   height: 100%;
   object-fit: fill;
   object-position: center;
-`,le=({scale:e=1,variant:o="large",label:n,title:a,subtitle:h,seeMoreLink:l,image:d})=>{const p=t.jsx(ee,{scale:e,variant:o,padding:r.padding*e,children:t.jsxs(ie,{children:[t.jsxs(oe,{children:[n!=null&&n.trim()!==u.common.strings.empty?t.jsx(K,{scale:e,children:n}):null,a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Q,{scale:e,children:a}):null,h!=null&&h.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:h}):null,l!=null&&l.trim()!==u.common.strings.empty?t.jsxs(re,{scale:e,children:[t.jsx(W,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(se,{scale:e})]}):null]}),d!=null&&d.trim()!==u.common.strings.empty?t.jsx(ae,{children:t.jsx(ne,{src:d,loading:"lazy"})}):null]})});return t.jsx(Y,{scale:e,variant:o,children:o==="large"&&l!=null&&l.trim()!==u.common.strings.empty?t.jsx(te,{href:l,target:"_blank",rel:"noopener noreferrer",children:p}):p})},b=2,X=5,ce=496,de=V[5],z=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],pe=z[0].scale,ge=Math.abs(z[0].positionX),me=i.div`
+`,le=({scale:e=1,variant:o="large",label:n,title:a,subtitle:h,seeMoreLink:l,image:d})=>{const p=t.jsx(ee,{scale:e,variant:o,padding:r.padding*e,children:t.jsxs(ie,{children:[t.jsxs(oe,{children:[n!=null&&n.trim()!==u.common.strings.empty?t.jsx(K,{scale:e,children:n}):null,a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Q,{scale:e,children:a}):null,h!=null&&h.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:h}):null,l!=null&&l.trim()!==u.common.strings.empty?t.jsxs(re,{scale:e,children:[t.jsx(W,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(se,{scale:e})]}):null]}),d!=null&&d.trim()!==u.common.strings.empty?t.jsx(ae,{children:t.jsx(ne,{src:d,loading:"lazy"})}):null]})});return t.jsx(q,{scale:e,variant:o,children:o==="large"&&l!=null&&l.trim()!==u.common.strings.empty?t.jsx(te,{href:l,target:"_blank",rel:"noopener noreferrer",children:p}):p})},b=2,X=5,ce=496,de=V[5],j=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],pe=j[0].scale,ge=Math.abs(j[0].positionX),me=i.div`
   width: 100%;
   height: 100%;
   position: relative;
@@ -124,7 +124,7 @@ import{F as I,V as t,a8 as B,o as c,c3 as N,b0 as U,u as V,d9 as q,aq as G,al as
   justify-content: center;
   overflow: visible;
   perspective: 2000px;
-`,xe=i.div`
+`,fe=i.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -139,4 +139,4 @@ import{F as I,V as t,a8 as B,o as c,c3 as N,b0 as U,u as V,d9 as q,aq as G,al as
       transform: translate(-50%, -50%) translateX(0px) translateZ(10px) scale(${o})
     }
   `}
-`,fe=({cards:e,showUpdatePaymentDetailButton:o,stopCarousel:n,scale:a=1})=>{const[h,l]=y.useState(2),[d,p]=y.useState(!1),[$,C]=y.useState(!1),x=e.length,L=B().analytics,M=ce*pe*a/2,S=ge*a+M+de/2,f=y.useCallback(s=>{$||(C(!0),l(g=>(g+s+x)%x),setTimeout(()=>C(!1),1e3))},[$,x]);y.useEffect(()=>{if(d||n||$)return;const s=setInterval(()=>{f(1)},3e3);return()=>clearInterval(s)},[d,n,$,f]);const _=s=>(h+s-b+x)%x,O=s=>{const g=Array.from({length:X},(m,k)=>_(k)).indexOf(s)-b;g!==0&&f(g),o?L.trackOnboardingLandingPageCardClick(e[s].cardTitle):L.trackOnboardingInterimCard(e[s].cardTitle)};return t.jsxs(me,{children:[t.jsx(D,{arrowOffset:S,position:"left",onClick:()=>f(-1),children:t.jsx(ue,{className:"btnsvg"})}),t.jsx(be,{children:e.map((s,g)=>{const m=Array.from({length:X},(ve,A)=>_(A)).indexOf(g);if(m===-1)return null;const{positionX:k,scale:E}=z[m],j=m===b,P=E*a,F=k*a,R=1.02*a;return t.jsx(xe,{isForeFront:j,positionX:F,scale:P,hoverScale:R,onClick:()=>O(g),onMouseEnter:()=>j&&p(!0),onMouseLeave:()=>j&&p(!1),style:{zIndex:m===b?5:5-Math.abs(m-b)},children:t.jsx(le,{label:s.cardTitle,title:s.sectionTitle,subtitle:s.sectionSubTitle,seeMoreLink:s.redirectLink,image:s.imageLink,variant:m===b?"large":m===b-1?"medium":"small"})},g)})}),t.jsx(D,{arrowOffset:S,position:"right",onClick:()=>f(1),children:t.jsx(he,{className:"btnsvg"})})]})},ye=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],$e=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],ze=({scale:e=1,showUpdatePaymentDetailButton:o=!1,stopCarousel:n=!1})=>{const{customerOnboardingPage:a}=I.getLocalizedStrings(),{productSuite:h}=a,l=h.productCard.cards.map((d,p)=>({...d,imageLink:ye[p],redirectLink:$e[p]}));return t.jsx(fe,{cards:l,scale:e,showUpdatePaymentDetailButton:o,stopCarousel:n})};export{ze as T};
+`,xe=({cards:e,showUpdatePaymentDetailButton:o,stopCarousel:n,scale:a=1})=>{const[h,l]=y.useState(2),[d,p]=y.useState(!1),[$,C]=y.useState(!1),f=e.length,L=B().analytics,M=ce*pe*a/2,S=ge*a+M+de/2,x=y.useCallback(s=>{$||(C(!0),l(g=>(g+s+f)%f),setTimeout(()=>C(!1),1e3))},[$,f]);y.useEffect(()=>{if(d||n||$)return;const s=setInterval(()=>{x(1)},3e3);return()=>clearInterval(s)},[d,n,$,x]);const _=s=>(h+s-b+f)%f,O=s=>{const g=Array.from({length:X},(m,k)=>_(k)).indexOf(s)-b;g!==0&&x(g),o?L.trackOnboardingLandingPageCardClick(e[s].cardTitle):L.trackOnboardingInterimCard(e[s].cardTitle)};return t.jsxs(me,{children:[t.jsx(D,{arrowOffset:S,position:"left",onClick:()=>x(-1),children:t.jsx(ue,{className:"btnsvg"})}),t.jsx(be,{children:e.map((s,g)=>{const m=Array.from({length:X},(ve,A)=>_(A)).indexOf(g);if(m===-1)return null;const{positionX:k,scale:E}=j[m],z=m===b,P=E*a,F=k*a,R=1.02*a;return t.jsx(fe,{isForeFront:z,positionX:F,scale:P,hoverScale:R,onClick:()=>O(g),onMouseEnter:()=>z&&p(!0),onMouseLeave:()=>z&&p(!1),style:{zIndex:m===b?5:5-Math.abs(m-b)},children:t.jsx(le,{label:s.cardTitle,title:s.sectionTitle,subtitle:s.sectionSubTitle,seeMoreLink:s.redirectLink,image:s.imageLink,variant:m===b?"large":m===b-1?"medium":"small"})},g)})}),t.jsx(D,{arrowOffset:S,position:"right",onClick:()=>x(1),children:t.jsx(he,{className:"btnsvg"})})]})},ye=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],$e=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],je=({scale:e=1,showUpdatePaymentDetailButton:o=!1,stopCarousel:n=!1})=>{const{customerOnboardingPage:a}=I.getLocalizedStrings(),{productSuite:h}=a,l=h.productCard.cards.map((d,p)=>({...d,imageLink:ye[p],redirectLink:$e[p]}));return t.jsx(xe,{cards:l,scale:e,showUpdatePaymentDetailButton:o,stopCarousel:n})};export{je as T};

package/dist/assets/{PromoBaseCards-fx9bhHkF-Cr6A5ukU.js → PromoBaseCards-Dl_042jf-Bxd3YCV0.js}

@@ -1,4 +1,4 @@
-import{J as b,V as r,de as m,df as v,dg as y,by as z,o as e,p as n,y as a,N as c,u as p}from"./index-C35YWwTr.js";import{c as i,n as g,k as f}from"./mui-COCSnD7r.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new o.Error().stack;l&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[l]="bd0c5e82-eb1c-4031-a6b9-bded5d2f0519",o._sentryDebugIdIdentifier="sentry-dbid-bd0c5e82-eb1c-4031-a6b9-bded5d2f0519")}catch{}})();const t={plasticCardMarginLeft:new a(p[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(p[2],13),businessTextBottom:new a(p[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(p[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(p[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(p[2],13),visaLogoBottom:new a(p[2],13)},u={businessText:new c("extraSmallRegular","largeRegular"),promoBusinessText:new c("tinyLight","tinyLight")},R=({cardText:o,shouldAnimate:l,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const d=b();return r.jsxs(B,{cardPromoType:$,windowSize:d,shouldAnimate:l,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:d,forDashboard:s,children:r.jsx(m,{})}),r.jsx(j,{windowSize:d,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(L,{windowSize:d,forDashboard:s,forListPage:h,children:o}),r.jsx(S,{windowSize:d,forDashboard:s,forListPage:h,children:r.jsx(y,{})})]})},A=({cardText:o,shouldAnimate:l,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const d=b();return r.jsxs(W,{cardPromoType:$,windowSize:d,shouldAnimate:l,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:d,forDashboard:s,children:r.jsx(m,{})}),r.jsx(k,{windowSize:d,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(L,{windowSize:d,forDashboard:s,forListPage:h,children:o}),r.jsx(S,{windowSize:d,forDashboard:s,forListPage:h,children:r.jsx(y,{})})]})},C=f`
+import{J as m,V as r,de as b,df as v,dg as y,by as z,o as e,p as d,y as a,H as c,u as p}from"./index-ruFrDgOE.js";import{c as i,n as g,k as u}from"./mui-CcAbIvqz.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new o.Error().stack;l&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[l]="3b9af52e-9f0b-4ca7-9429-ef0d97e4af2f",o._sentryDebugIdIdentifier="sentry-dbid-3b9af52e-9f0b-4ca7-9429-ef0d97e4af2f")}catch{}})();const t={plasticCardMarginLeft:new a(p[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(p[2],13),businessTextBottom:new a(p[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(p[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(p[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(p[2],13),visaLogoBottom:new a(p[2],13)},f={businessText:new c("extraSmallRegular","largeRegular"),promoBusinessText:new c("tinyLight","tinyLight")},R=({cardText:o,shouldAnimate:l,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=m();return r.jsxs(B,{cardPromoType:$,windowSize:n,shouldAnimate:l,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(j,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(L,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(S,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(y,{})})]})},A=({cardText:o,shouldAnimate:l,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=m();return r.jsxs(H,{cardPromoType:$,windowSize:n,shouldAnimate:l,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(k,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(L,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(S,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(y,{})})]})},C=u`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -23,7 +23,7 @@ import{J as b,V as r,de as m,df as v,dg as y,by as z,o as e,p as n,y as a,N as c
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
   }
-`,D=f`
+`,D=u`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -48,36 +48,36 @@ import{J as b,V as r,de as m,df as v,dg as y,by as z,o as e,p as n,y as a,N as c
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
   }
-`,T=f`
+`,T=u`
   0%{
     transform: rotate(0);
     transform-origin: top left;
-    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${n.chargeCardBoxShadow2};
+    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
   14.25%{
     transform: rotate(0);
     transform-origin: top left;
-    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${n.chargeCardBoxShadow2};
+    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
   35.75%{
     transform: rotate(-5.31deg);
     transform-origin: top left;
-    box-shadow: 12px 12px ${e.sp5} ${e.sp0} ${n.chargeCardBoxShadow2};
+    box-shadow: 12px 12px ${e.sp5} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
   64.25%{
     transform: rotate(-5.31deg);
     transform-origin: top left;
-    box-shadow: 12px 12px ${e.sp5} ${e.sp0} ${n.chargeCardBoxShadow2};
+    box-shadow: 12px 12px ${e.sp5} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
   85.75%{
     transform: rotate(0);
     transform-origin: top left;
-    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${n.chargeCardBoxShadow2};
+    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
   100%{
     transform: rotate(0);
     transform-origin: top left;
-    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${n.chargeCardBoxShadow2};
+    box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
 `,j=g.div`
   color: ${o=>o.theme.colors.brandColorJade};
@@ -92,22 +92,22 @@ import{J as b,V as r,de as m,df as v,dg as y,by as z,o as e,p as n,y as a,N as c
           height: 28px;
         `:null}
 `,L=g.div`
-  color: ${n.neutralGrey5Light};
+  color: ${d.neutralGrey5Light};
   text-align: right;
-  ${o=>`${u.businessText.style(o.windowSize)}`};
+  ${o=>`${f.businessText.style(o.windowSize)}`};
   text-transform: capitalize;
   position: absolute;
   right: ${o=>t.businessTextRight.valuePx(o.windowSize)};
   bottom: ${o=>t.businessTextBottom.valuePx(o.windowSize)};
   ${o=>o.forDashboard?i`
           top: 61px;
-          ${u.promoBusinessText.style(o.windowSize)};
+          ${f.promoBusinessText.style(o.windowSize)};
           right: 6px;
         `:null}
   ${o=>o.forListPage?i`
           top: 53px;
           left: 95px;
-          ${u.promoBusinessText.style(o.windowSize)};
+          ${f.promoBusinessText.style(o.windowSize)};
         `:null}
 `,P=g.div`
   position: absolute;
@@ -142,7 +142,7 @@ import{J as b,V as r,de as m,df as v,dg as y,by as z,o as e,p as n,y as a,N as c
   top: ${o=>t.styledFullLogoTop.valuePx(o.windowSize)};
   height: ${o=>t.styledFullLogoHeight.valuePx(o.windowSize)};
   width: ${o=>t.styledFullLogoWidth.valuePx(o.windowSize)};
-  color: ${n.neutralGrey5Light};
+  color: ${d.neutralGrey5Light};
   ${o=>o.forDashboard?i`
           width: 70px;
           height: ${e.sp3};
@@ -165,7 +165,7 @@ import{J as b,V as r,de as m,df as v,dg as y,by as z,o as e,p as n,y as a,N as c
   background-repeat: no-repeat;
   background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/MetalCardPattern.svg);
   transition-timing-function: ease-in-out;
-  border: 1px solid ${n.neutralGrey5Light};
+  border: 1px solid ${d.neutralGrey5Light};
   background-position: center;
   background-size: cover;
   box-shadow: ${o=>` ${e.sp0} ${e.sp0} ${e.sp6} ${e.sp0} ${o.theme.colors.dropShadowNormal}`};
@@ -183,7 +183,7 @@ import{J as b,V as r,de as m,df as v,dg as y,by as z,o as e,p as n,y as a,N as c
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`,W=g.div`
+`,H=g.div`
   width: ${o=>t.chargeCardWidth.valuePx(o.windowSize)};
   height: ${o=>t.chargeCardHeight.valuePx(o.windowSize)};
   background: ${o=>o.cardPromoType==="debit"?o.theme.colors.brandColorJadeDark:o.theme.colors.brandColorJade};
@@ -195,7 +195,7 @@ import{J as b,V as r,de as m,df as v,dg as y,by as z,o as e,p as n,y as a,N as c
   background-position-y: bottom;
   box-shadow: ${o=>` ${e.sp0} ${e.sp0} ${e.sp6} ${e.sp0} ${o.theme.colors.dropShadowNormal}`};
   transition-timing-function: ease-in-out;
-  border: 1px solid ${n.neutralGrey5Light};
+  border: 1px solid ${d.neutralGrey5Light};
   background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/PhysicalCardFrontBGPattern.svg);
   background-size: cover;
   ${o=>{if(o.shouldAnimate){const l=o.windowSize==="small"?C:D;return i`

package/dist/assets/{QBOConnectionDialog-CGAr0mXC-gCAB8TZV.js → QBOConnectionDialog-CuGzMWxh-CUYgOSB_.js}

@@ -1,9 +1,9 @@
-import{J as f,F as r,V as n,bT as y,i as l,y as c,o as i,aq as w,al as $,af as j,bw as P,eQ as v,u as t}from"./index-C35YWwTr.js";import{n as o}from"./mui-COCSnD7r.js";import"./sentry-DI6LfXHO.js";import"./liveblocks-C4z_hTA8.js";import"./core-CYUkP-6E.js";import"./recharts-CvCWgW5g.js";import"./zeni-epic-state-5EJXUnYj.js";import"./lottie-BbrvkSIN.js";import"./analytics-CKsekDx8.js";import"./lexical-Du5Y0rMT.js";import"./utils-Ded-pC6v.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]="aac4613e-c9ec-40cb-8bf4-015e6875f4b6",e._sentryDebugIdIdentifier="sentry-dbid-aac4613e-c9ec-40cb-8bf4-015e6875f4b6")}catch{}})();const s={containerPaddingTop:new c(t[5],t[7]),containerPaddingBottom:new c(t[5],t[5]),containerPaddingLeftRight:new c(t[6],t[11])},_=o.div`
+import{J as y,F as r,V as n,bT as b,i as l,y as c,o as i,ar as w,am as $,ag as j,bw as P,eS as v,u as t}from"./index-ruFrDgOE.js";import{n as o}from"./mui-CcAbIvqz.js";import"./sentry-C9gjpXHu.js";import"./liveblocks-BojMpfZr.js";import"./core-BfdQ3W3i.js";import"./recharts-CH4lD6YZ.js";import"./zeni-epic-state-yTwK6eAd.js";import"./lottie-C8ug7xYl.js";import"./analytics-deCUYv6O.js";import"./lexical-C3B1wTQQ.js";import"./utils-1UbrxmNv.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]="cc135f4e-b390-44cf-8938-4104f0697408",e._sentryDebugIdIdentifier="sentry-dbid-cc135f4e-b390-44cf-8938-4104f0697408")}catch{}})();const s={containerPaddingTop:new c(t[5],t[7]),containerPaddingBottom:new c(t[5],t[5]),containerPaddingLeftRight:new c(t[6],t[11])},S=o.div`
   border-radius: inherit;
   max-width: 520px;
   text-align: center;
   background: ${e=>e.theme.colors.background};
-`,S=o.div`
+`,_=o.div`
   padding-top: ${e=>s.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>s.containerPaddingBottom.valuePx(e.windowSize)};
   padding-right: ${e=>s.containerPaddingLeftRight.valuePx(e.windowSize)};
@@ -48,4 +48,4 @@ import{J as f,F as r,V as n,bT as y,i as l,y as c,o as i,aq as w,al as $,af as j
 `,R=o(v)`
   height: ${i.sp4};
   color: ${e=>e.theme.colors.primary};
-`;function M({companyName:e="",isGoBackAllowed:a,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const u=f(),x=r.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),b=r.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(y,{open:g,children:n.jsxs(_,{windowSize:u,children:[n.jsxs(S,{children:[n.jsx(z,{children:r.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?x:b}),n.jsxs(B,{children:[n.jsx(C,{}),n.jsx(D,{}),n.jsx(R,{})]})]}),d||a?n.jsxs(n.Fragment,{children:[n.jsx(L,{}),n.jsxs(T,{children:[a===!0?n.jsx(A,{children:n.jsx(l,{variant:"secondary",label:r.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(I,{children:n.jsx(l,{variant:"primary",label:r.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{M as default};
+`;function M({companyName:e="",isGoBackAllowed:a,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const u=y(),x=r.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),f=r.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(b,{open:g,children:n.jsxs(S,{windowSize:u,children:[n.jsxs(_,{children:[n.jsx(z,{children:r.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?x:f}),n.jsxs(B,{children:[n.jsx(C,{}),n.jsx(D,{}),n.jsx(R,{})]})]}),d||a?n.jsxs(n.Fragment,{children:[n.jsx(L,{}),n.jsxs(T,{children:[a===!0?n.jsx(A,{children:n.jsx(l,{variant:"secondary",label:r.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(I,{children:n.jsx(l,{variant:"primary",label:r.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{M as default};

package/dist/assets/{QBOSetupSection-D-fnn99E-Z2bEiJ2B.js → QBOSetupSection-PANAGPOA-BMX2y2pY.js}

@@ -1,20 +1,20 @@
-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-C35YWwTr.js";import{n}from"./mui-COCSnD7r.js";import Q from"./QBOConnectionDialog-CGAr0mXC-gCAB8TZV.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]="85420474-52ac-48ad-a072-aaf6c6209125",e._sentryDebugIdIdentifier="sentry-dbid-85420474-52ac-48ad-a072-aaf6c6209125")}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])},_={title:new D("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:t=!1,isValid:d,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:d?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,{})]}),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(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&&!d?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,fT as I,H as T,ag as D,bw as W,eS as B,fK as H,aW as h,aj as f,u as r}from"./index-ruFrDgOE.js";import{n}from"./mui-CcAbIvqz.js";import _ from"./QBOConnectionDialog-CuGzMWxh-CUYgOSB_.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]="3cff1a0c-1937-4c1a-9b09-f3e4001cffd8",e._sentryDebugIdIdentifier="sentry-dbid-3cff1a0c-1937-4c1a-9b09-f3e4001cffd8")}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 T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:t=!1,isValid:d,saveConnectionState:p,isQBOPopupOpen:$,companyName:y,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(R,{}):i.jsx(U,{})}):null,i.jsx(G,{windowSize:s,children:S})]}),i.jsxs(N,{windowSize:s,children:[i.jsxs(Q,{windowSize:s,children:[i.jsxs(q,{children:[i.jsx(J,{}),i.jsx(M,{windowSize:s}),i.jsx(K,{})]}),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(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&&!d?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:C})}):null]}),i.jsx(_,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:$,companyName:y,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=>l.sectionWidth.valuePx(e.windowSize)};
-`,A=n.div`
+`,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)}`};
+`,N=n.div`
   display: flex;
   flex-direction: column;
   width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
@@ -37,7 +37,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
 `,g=n(f)`
   display: flex;
   color: ${c.important};
-`,G=n.div`
+`,Q=n.div`
   width: 100%;
   display: flex;
   justify-content: space-between;
@@ -53,7 +53,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
   gap: ${o.sp4};
   justify-content: left;
   color: ${e=>e.theme.colors.primary};
-`,J=n(T)`
+`,J=n(D)`
   height: 20px;
   width: auto;
   color: ${e=>e.theme.colors.primary};
@@ -62,12 +62,12 @@ 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
   height: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
   width: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
-`,L=n(B)`
+`,K=n(B)`
   height: ${o.sp4};
   color: ${e=>e.theme.colors.primary};
-`,R=n.div`
+`,L=n.div`
   margin-right: ${o.sp2};
-`,K=n(I)`
+`,R=n(I)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${c.success};

package/dist/assets/ReimbursementApprovalRuleDetailPage-BN9aWFrw-C2lN68IA.js

@@ -0,0 +1,32 @@
+import{y as W,u as L,d as M,J as G,F as U,a9 as H,aR as J,aL as X,cH as K,V as r,bD as Q,ad as Y,aS as Z,o as b,gb as ee}from"./index-ruFrDgOE.js";import{a as B}from"./sentry-C9gjpXHu.js";import{n as c}from"./mui-CcAbIvqz.js";import{b as te,f as ae,o as T,l as _}from"./FollowStepsSection-Din7sNsE-DZ-lAocX.js";import"./liveblocks-BojMpfZr.js";import"./core-BfdQ3W3i.js";import"./recharts-CH4lD6YZ.js";import"./zeni-epic-state-yTwK6eAd.js";import"./lottie-C8ug7xYl.js";import"./analytics-deCUYv6O.js";import"./lexical-C3B1wTQQ.js";import"./utils-1UbrxmNv.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]="f3800bec-10b1-468f-a66a-a0db99300ce1",e._sentryDebugIdIdentifier="sentry-dbid-f3800bec-10b1-468f-a66a-a0db99300ce1")}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=M(),A=G(),l=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,a==="approval_create"&&!t),y=H({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,R=J(u?.fetchState),{upperBound:D}=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:P})=>{if(P!=null&&p!=null){const O=X(p);K(()=>z(P,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:D===1/0?Number.MAX_SAFE_INTEGER-1:D-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`,De=e=>`${e}`,ie=c.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,de=c.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+`,pe=c.div`
+  display: flex;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${b.sp0} 2px ${b.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${b.sp2};
+`,ue=c.div`
+  display: flex;
+  justify-content: flex-start;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,ce=c.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`;export{le as D,Re as default,k as uniqueFormName,De as uniqueName};

package/dist/assets/{ReimbursementApprovalRulesPage-BB4c1_YZ-B4lCeTA_.js → ReimbursementApprovalRulesPage-C8EnDVZP-CsGEUBPm.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-C35YWwTr.js";import{n as i}from"./mui-COCSnD7r.js";import{a as te}from"./sentry-DI6LfXHO.js";import"./liveblocks-C4z_hTA8.js";import"./core-CYUkP-6E.js";import"./recharts-CvCWgW5g.js";import"./zeni-epic-state-5EJXUnYj.js";import"./lottie-BbrvkSIN.js";import"./analytics-CKsekDx8.js";import"./lexical-Du5Y0rMT.js";import"./utils-Ded-pC6v.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,m as V,ab as m,o,y as r,am as H,aP as P,bU as k,cr as q,cs as J,ct as O,d1 as K,u as l,ba as Q,H as T,b9 as X,p as z,d0 as Y,bu as Z,b as ee}from"./index-ruFrDgOE.js";import{n as i}from"./mui-CcAbIvqz.js";import{a as te}from"./sentry-C9gjpXHu.js";import"./liveblocks-BojMpfZr.js";import"./core-BfdQ3W3i.js";import"./recharts-CH4lD6YZ.js";import"./zeni-epic-state-yTwK6eAd.js";import"./lottie-C8ug7xYl.js";import"./analytics-deCUYv6O.js";import"./lexical-C3B1wTQQ.js";import"./utils-1UbrxmNv.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]="2f5358b6-727d-460a-8687-8b198e2b264c",e._sentryDebugIdIdentifier="sentry-dbid-2f5358b6-727d-460a-8687-8b198e2b264c")}catch{}})();const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},M={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},oe=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection: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(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(I,{isDisabled:!0,"data-testid":m("delete-approval-rule",p)})})}):t.jsx(I,{onClick:v,"data-testid":m("delete-approval-rule",p)}):null,c?t.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(B,{isDisabled:!0,"data-testid":m("edit-approval-rule",p)})})}):t.jsx(B,{onClick:()=>{S(p)},"data-testid":m("edit-approval-rule",p)})]})]}),t.jsx(ae,{windowSize:n,children:t.jsx(ne,{isSingleStep:$.length===1,windowSize:n,children:$.map((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(O,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(J,{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;
@@ -235,7 +235,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
     border-color: ${e=>e.theme.colors.primary};
   }
   margin-bottom: ${o.sp6};
-`,fe=i(J)`
+`,fe=i(K)`
   width: ${o.sp3};
   height: ${o.sp3};
 `,ye=i.div`

package/dist/assets/{ReimbursementDetailPage-DpWhzOF9-BGNBQ8fw.js → ReimbursementDetailPage-DsD9fJEP-Dv7tP_q3.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-C35YWwTr.js";import{a as p}from"./sentry-DI6LfXHO.js";import{n as r}from"./mui-COCSnD7r.js";import{a as ri}from"./liveblocks-C4z_hTA8.js";import{bL as oi,bP as ni,FL as li}from"./zeni-epic-state-5EJXUnYj.js";import si from"./InvoiceUploadSection-BEp8eQB4-B7Nsi5eQ.js";import{r as di,h as f,u as ci}from"./types-DyvtCprH-NFPm5TaG.js";import"./core-CYUkP-6E.js";import"./lottie-BbrvkSIN.js";import"./recharts-CvCWgW5g.js";import"./analytics-CKsekDx8.js";import"./lexical-Du5Y0rMT.js";import"./utils-Ded-pC6v.js";import"./AttachmentView-Cxyodtel-CHXRSWp0.js";import"./uploadReceipts-Dge0cNF1-DQGJiLnC.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]="11c5e630-4d66-4576-b9d5-548d4d9cebf5",e._sentryDebugIdIdentifier="sentry-dbid-11c5e630-4d66-4576-b9d5-548d4d9cebf5")}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{ax as Mt,a8 as Rt,J as Pt,d as Bt,ce as Nt,y as m,F as et,gl as Lt,gn as _t,go as Ot,V as t,cr as Ae,cs as Me,ct as Re,bD as Pe,ab as y,bp as Wt,dw as Et,gp as Ft,gA as Be,o as a,gq as Ne,fm as b,gt as w,fp as x,aP as Le,fl as _e,b as V,gv as Oe,aS as Kt,ap as Ut,gw as Vt,gx as re,by as Ht,gy as Gt,x as Yt,H as qt,a as Jt,am as tt,ba as it,p as H,an as Zt,bW as Qt,aj as Xt,gS as ei,gO as ti,u as c,cj as ii,c$ as ai}from"./index-ruFrDgOE.js";import{a as p}from"./sentry-C9gjpXHu.js";import{n as r}from"./mui-CcAbIvqz.js";import{a as ri}from"./liveblocks-BojMpfZr.js";import{bL as oi,bP as ni,FT as li}from"./zeni-epic-state-yTwK6eAd.js";import si from"./InvoiceUploadSection-Cy_eY3C3-BvOhggtx.js";import{r as di,h as f,u as ci}from"./types-DyvtCprH-NFPm5TaG.js";import"./core-BfdQ3W3i.js";import"./lottie-C8ug7xYl.js";import"./recharts-CH4lD6YZ.js";import"./analytics-deCUYv6O.js";import"./lexical-C3B1wTQQ.js";import"./utils-1UbrxmNv.js";import"./AttachmentView-D8FFMCan-Bx8SM48F.js";import"./uploadReceipts-Dge0cNF1-B8hOzDLM.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]="29a91ede-7ded-40a7-9cd1-a8b57e6d32ee",e._sentryDebugIdIdentifier="sentry-dbid-29a91ede-7ded-40a7-9cd1-a8b57e6d32ee")}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),[Z,Q]=p.useState("approved"),N=p.useRef(null),[j,X]=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),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=()=>{X({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=()=>{X({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),A(!0)},vt=()=>{X({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():(Q("approved"),he({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},jt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(Q("delete"),Ie()):(Q("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: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(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,S.map((l,n)=>{const v=e.duplicateLineByLineId[l.lineId];return t.jsxs(Xe,{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:C,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}):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: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(Ze,{windowSize:o,children:[t.jsx(Qe,{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(Xe,{windowSize:o,children:[t.jsx(Ge,{}),t.jsxs(ui,{windowSize:o,children:[t.jsx(Wi,{windowSize:o,children:t.jsxs(Ze,{windowSize:o,children:[t.jsx(Qe,{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:Z==="rejected"&&e.approvalUpdateStatus.fetchState==="In-Progress"||Z==="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:Z==="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(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(ji,{})}):null,!B&&Ct===!0?t.jsx(Si,{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`
   display: flex;
   flex-direction: column;
   width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
@@ -6,7 +6,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
   margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
   margin-bottom: ${e=>s.activityBottomMargin.valuePx(e.windowSize)};
-`,yi=r(Qt)`
+`,yi=r(Zt)`
   padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
   background-color: ${H.alertLight};
   color: ${H.brandColorGoldDark};
@@ -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};
@@ -147,7 +147,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
   right: ${e=>s.actionsContainerRight.valuePx(e.windowSize)};
   height: 100%;
   display: flex;
-`,oe=r(Zt)`
+`,oe=r(Xt)`
   display: flex;
   align-items: center;
   width: 100%;
@@ -272,7 +272,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
   flex-direction: column;
   margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
   margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
-`,Qe=r.div`
+`,Ze=r.div`
   padding: ${a.sp3};
   display: flex;
   align-items: center;
@@ -283,7 +283,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
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${e=>s.totalBottomMargin.valuePx(e.windowSize)};
   justify-content: space-between;
-`,Xe=r(Xt)`
+`,Qe=r(Qt)`
   display: flex;
   width: 176px;
   color: ${e=>e.theme.colors.primary};
@@ -291,7 +291,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;
   flex-direction: column;
   width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
-`,Ze=r.div`
+`,Xe=r.div`
   display: flex;
   width: 100%;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};