@zeniai/web-cockpit-ui 1.15.41-qa → 1.15.42-dev

package/dist/assets/{ProductsCarousel-BR9igDN--4qcjyVm7.js → ProductsCarousel-DtmKoNz3-BSbpVJVt.js}

@@ -1,4 +1,4 @@
-import{F as M,V as t,a9 as B,o as c,c4 as N,b1 as U,u as G,da as H,as as J,an as T,db as V,p as v}from"./index-B7eWgQzZ.js";import{a as y}from"./sentry-BUYEiWD8.js";import{n as i}from"./mui-Ba0_ROTv.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]="c6de0f0f-1776-4128-98ed-92ecbe7ffabd",e._sentryDebugIdIdentifier="sentry-dbid-c6de0f0f-1776-4128-98ed-92ecbe7ffabd")}catch{}})();const u=M.getLocalizedStrings(),w={large:{labelComp:H,title:J,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,Z=i.div`
+import{b as O,V as t,a9 as B,o as c,c4 as N,b1 as U,u as G,da as H,as as J,an as T,db as V,p as v}from"./index-DGGt5RDJ.js";import{a as $}from"./sentry-C7LQiKF9.js";import{n as i}from"./mui-BXc79n0P.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]="f5f7f8e6-365e-487c-a1b9-6dc513987e6f",e._sentryDebugIdIdentifier="sentry-dbid-f5f7f8e6-365e-487c-a1b9-6dc513987e6f")}catch{}})();const u=O.getLocalizedStrings(),w={large:{labelComp:H,title:J,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,Z=i.div`
   width: ${e=>e.scale*r.width}px;
   height: ${e=>e.scale*r.height}px;
   overflow: hidden;
@@ -139,4 +139,4 @@ import{F as M,V as t,a9 as B,o as c,c4 as N,b1 as U,u as G,da as H,as as J,an as
       transform: translate(-50%, -50%) translateX(0px) translateZ(10px) scale(${o})
     }
   `}
-`,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,O=ce*pe*a/2,S=ge*a+O+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,I=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:()=>I(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}=M.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};
+`,xe=({cards:e,showUpdatePaymentDetailButton:o,stopCarousel:n,scale:a=1})=>{const[h,l]=$.useState(2),[d,p]=$.useState(!1),[y,C]=$.useState(!1),f=e.length,L=B().analytics,M=ce*pe*a/2,_=ge*a+M+de/2,x=$.useCallback(s=>{y||(C(!0),l(g=>(g+s+f)%f),setTimeout(()=>C(!1),1e3))},[y,f]);$.useEffect(()=>{if(d||n||y)return;const s=setInterval(()=>{x(1)},3e3);return()=>clearInterval(s)},[d,n,y,x]);const S=s=>(h+s-b+f)%f,I=s=>{const g=Array.from({length:X},(m,k)=>S(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:_,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)=>S(A)).indexOf(g);if(m===-1)return null;const{positionX:k,scale:E}=j[m],z=m===b,P=E*a,R=k*a,F=1.02*a;return t.jsx(fe,{isForeFront:z,positionX:R,scale:P,hoverScale:F,onClick:()=>I(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:_,position:"right",onClick:()=>x(1),children:t.jsx(he,{className:"btnsvg"})})]})},$e=["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"],ye=["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}=O.getLocalizedStrings(),{productSuite:h}=a,l=h.productCard.cards.map((d,p)=>({...d,imageLink:$e[p],redirectLink:ye[p]}));return t.jsx(xe,{cards:l,scale:e,showUpdatePaymentDetailButton:o,stopCarousel:n})};export{je as T};

package/dist/assets/{PromoBaseCards-B-dCLfsi-omMrAFa4.js → PromoBaseCards-g6j_z80f-C2Bai70y.js}

@@ -1,4 +1,4 @@
-import{J as b,V as r,df as m,dg as z,dh as y,bz as v,o as e,p as d,x as a,z as c,u as p}from"./index-B7eWgQzZ.js";import{c as i,n as g,k as f}from"./mui-Ba0_ROTv.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]="9cff8b96-a468-4cd5-ba9e-ccdb61d8b94f",o._sentryDebugIdIdentifier="sentry-dbid-9cff8b96-a468-4cd5-ba9e-ccdb61d8b94f")}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 n=b();return r.jsxs(B,{cardPromoType:$,windowSize:n,shouldAnimate:l,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(m,{})}),r.jsx(j,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(L,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(P,{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=b();return r.jsxs(W,{cardPromoType:$,windowSize:n,shouldAnimate:l,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(m,{})}),r.jsx(k,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(L,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(y,{})})]})},C=f`
+import{J as m,V as r,df as b,dg as v,dh as y,bz as z,o as e,p as d,x as a,c,u as p}from"./index-DGGt5RDJ.js";import{c as i,n as g,k as f}from"./mui-BXc79n0P.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]="5389ebec-8a4c-45ff-b20d-3163d858570f",o._sentryDebugIdIdentifier="sentry-dbid-5389ebec-8a4c-45ff-b20d-3163d858570f")}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 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(W,{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=f`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -109,7 +109,7 @@ import{J as b,V as r,df as m,dg as z,dh as y,bz as v,o as e,p as d,x as a,z as c
           left: 95px;
           ${u.promoBusinessText.style(o.windowSize)};
         `:null}
-`,S=g.div`
+`,P=g.div`
   position: absolute;
   left: 11%;
   bottom: 50%;
@@ -119,7 +119,7 @@ import{J as b,V as r,df as m,dg as z,dh as y,bz as v,o as e,p as d,x as a,z as c
           width: 20px;
           height: ${e.sp3};
         `:null}
-`,P=g.div`
+`,S=g.div`
   width: ${o=>t.visaLogoWidth.valuePx(o.windowSize)};
   height: ${o=>t.visaLogoHeight.valuePx(o.windowSize)};
   position: absolute;

package/dist/assets/{QBOConnectionDialog-Dc2r7Qhk-9XcCUrWN.js → QBOConnectionDialog-BwKmOICb-D3Jo-Vlf.js}

@@ -1,4 +1,4 @@
-import{J as y,F as r,V as n,bU as w,r as l,x as c,o as i,as as b,an as $,ah as j,bx as P,eT as v,u as t}from"./index-B7eWgQzZ.js";import{n as o}from"./mui-Ba0_ROTv.js";import"./sentry-BUYEiWD8.js";import"./liveblocks-DyVXfa5b.js";import"./core-CslRcwFE.js";import"./recharts-Dpk71F6G.js";import"./zeni-epic-state-DsDV18R1.js";import"./lottie-DR7Z1uj_.js";import"./analytics-EOspDoDF.js";import"./lexical-DEAOqFKR.js";import"./utils-van4hLXd.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]="8873fc53-f4f8-4149-a960-9ea1c5f789f2",e._sentryDebugIdIdentifier="sentry-dbid-8873fc53-f4f8-4149-a960-9ea1c5f789f2")}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 f,b as r,V as n,bU as y,a as l,x as c,o as i,as as w,an as $,ah as j,bx as P,eT as v,u as t}from"./index-DGGt5RDJ.js";import{n as o}from"./mui-BXc79n0P.js";import"./sentry-C7LQiKF9.js";import"./liveblocks-Dda0tF-O.js";import"./core-BFf3IFj6.js";import"./recharts-vbuE4Jum.js";import"./zeni-epic-state-Cvu6NpVe.js";import"./lottie-mwve--vc.js";import"./analytics-BFqwqBQR.js";import"./lexical-BeXs36Y0.js";import"./utils-CW6UW7VZ.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]="0cd7030b-1397-440c-a8b9-20dc88f771ce",e._sentryDebugIdIdentifier="sentry-dbid-0cd7030b-1397-440c-a8b9-20dc88f771ce")}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`
   border-radius: inherit;
   max-width: 520px;
   text-align: center;
@@ -8,7 +8,7 @@ import{J as y,F as r,V as n,bU as w,r as l,x as c,o as i,as as b,an as $,ah as j
   padding-bottom: ${e=>s.containerPaddingBottom.valuePx(e.windowSize)};
   padding-right: ${e=>s.containerPaddingLeftRight.valuePx(e.windowSize)};
   padding-left: ${e=>s.containerPaddingLeftRight.valuePx(e.windowSize)};
-`,z=o(b)`
+`,z=o(w)`
   color: ${e=>e.theme.colors.primary};
   padding: ${i.sp0} ${i.sp0} ${i.sp4};
   min-width: 260px;
@@ -45,7 +45,7 @@ import{J as y,F as r,V as n,bU as w,r as l,x as c,o as i,as as b,an as $,ah as j
   color: ${e=>e.theme.colors.hero};
   height: ${i.sp4};
   width: ${i.sp4};
-`,R=o(v)`
+`,O=o(v)`
   height: ${i.sp4};
   color: ${e=>e.theme.colors.primary};
-`;function K({companyName:e="",isGoBackAllowed:a,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=y(),f=r.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),u=r.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(w,{open:g,children:n.jsxs(_,{windowSize:x,children:[n.jsxs(S,{children:[n.jsx(z,{children:r.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?f:u}),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(I,{children:n.jsx(l,{variant:"secondary",label:r.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(A,{children:n.jsx(l,{variant:"primary",label:r.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{K as default};
+`;function K({companyName:e="",isGoBackAllowed:a,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=f(),u=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:x,children:[n.jsxs(S,{children:[n.jsx(z,{children:r.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?u:b}),n.jsxs(B,{children:[n.jsx(C,{}),n.jsx(D,{}),n.jsx(O,{})]})]}),d||a?n.jsxs(n.Fragment,{children:[n.jsx(L,{}),n.jsxs(T,{children:[a===!0?n.jsx(I,{children:n.jsx(l,{variant:"secondary",label:r.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(A,{children:n.jsx(l,{variant:"primary",label:r.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{K as default};

package/dist/assets/{QBOSetupSection-Bhvg13n4-BS4MZWmI.js → QBOSetupSection-BN8o3dwu-DHQTxOlT.js}

@@ -1,20 +1,20 @@
-import{J as C,F as g,V as i,r as O,o,x as a,p as c,fU as I,z as T,ah as D,bx as W,eT as _,fL as B,aX as h,ak as f,u as r}from"./index-B7eWgQzZ.js";import{n as s}from"./mui-Ba0_ROTv.js";import E from"./QBOConnectionDialog-Dc2r7Qhk-9XcCUrWN.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]="21c0806e-b0fd-4d95-b275-c2edebf7c207",e._sentryDebugIdIdentifier="sentry-dbid-21c0806e-b0fd-4d95-b275-c2edebf7c207")}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])},A={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:t=!1,isValid:d,saveConnectionState:p,isQBOPopupOpen:$,companyName:y,updateQBOPopupState:w,handleOnConnectClick:b})=>{const n=C(),{qbo_connection:j}=g.getLocalizedStrings().customerOnboardingPage.sections,{title:z,sucessText:S,button:v,errorText:P,requiredText:k}=j;return i.jsxs(F,{windowSize:n,children:[i.jsxs(G,{windowSize:n,children:[n==="small"?i.jsx(R,{children:d?i.jsx(U,{}):i.jsx(K,{})}):null,i.jsx(H,{windowSize:n,children:z})]}),i.jsxs(M,{windowSize:n,children:[i.jsxs(N,{windowSize:n,children:[i.jsxs(V,{children:[i.jsx(q,{}),i.jsx(J,{windowSize:n}),i.jsx(L,{})]}),d?n!=="small"?i.jsx(m,{}):null:i.jsx(O,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:v.connect,style:{width:"fit-content"},onClick:()=>w(!0),loading:p==="In-Progress"})]}),d?i.jsxs(i.Fragment,{children:[i.jsx(Q,{children:S}),n==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(u,{windowSize:n,children:P})}):null,t&&!d?i.jsx(x,{children:i.jsx(u,{windowSize:n,children:k})}):null]}),i.jsx(E,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:$,companyName:y,saveConnectionState:p,handleOnConnectClick:b,handleGoBack:()=>w(!1)})]})},m=()=>{const{tags:e}=g.getLocalizedStrings().customerOnboardingPage,{connected:t}=e;return i.jsx(B,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:t,textColor:{color:new h(c.successDark),borderColor:new h(c.successDark)}})},F=s.div`
+import{J as k,b as u,V as i,a as C,o,x as a,p as c,fU as D,c as I,ah as T,bx as W,eT as _,fL as B,aX as w,ak as f,u as r}from"./index-DGGt5RDJ.js";import{n as s}from"./mui-BXc79n0P.js";import E from"./QBOConnectionDialog-BwKmOICb-D3Jo-Vlf.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]="b333cd55-e1fe-4470-8077-b0113127550a",e._sentryDebugIdIdentifier="sentry-dbid-b333cd55-e1fe-4470-8077-b0113127550a")}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])},A={title:new I("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:t=!1,isValid:d,saveConnectionState:p,isQBOPopupOpen:$,companyName:y,updateQBOPopupState:h,handleOnConnectClick:b})=>{const n=k(),{qbo_connection:j}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:S,sucessText:v,button:z,errorText:P,requiredText:O}=j;return i.jsxs(G,{windowSize:n,children:[i.jsxs(H,{windowSize:n,children:[n==="small"?i.jsx(R,{children:d?i.jsx(U,{}):i.jsx(K,{})}):null,i.jsx(N,{windowSize:n,children:S})]}),i.jsxs(Q,{windowSize:n,children:[i.jsxs(V,{windowSize:n,children:[i.jsxs(J,{children:[i.jsx(L,{}),i.jsx(M,{windowSize:n}),i.jsx(F,{})]}),d?n!=="small"?i.jsx(m,{}):null:i.jsx(C,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:z.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),d?i.jsxs(i.Fragment,{children:[i.jsx(q,{children:v}),n==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:P})}):null,t&&!d?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:O})}):null]}),i.jsx(E,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:$,companyName:y,saveConnectionState:p,handleOnConnectClick:b,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:t}=e;return i.jsx(B,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:t,textColor:{color:new w(c.successDark),borderColor:new w(c.successDark)}})},G=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,G=s.div`
+`,H=s.div`
   display: flex;
   align-items: center;
   padding-top: ${o.sp3};
   padding-bottom: ${o.sp3};
   width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
-`,H=s.div`
+`,N=s.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primary};
   ${e=>`${A.title.style(e.windowSize)}`};
-`,M=s.div`
+`,Q=s.div`
   display: flex;
   flex-direction: column;
   width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
@@ -34,40 +34,40 @@ import{J as C,F as g,V as i,r as O,o,x as a,p as c,fU as I,z as T,ah as D,bx as
   width: 100%;
   display: flex;
   margin-top: ${o.sp4};
-`,u=s(f)`
+`,g=s(f)`
   display: flex;
   color: ${c.important};
-`,N=s.div`
+`,V=s.div`
   width: 100%;
   display: flex;
   justify-content: space-between;
   row-gap: ${e=>l.topElementsRowGap.valuePx(e.windowSize)};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,Q=s(f)`
+`,q=s(f)`
   display: flex;
   margin-top: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
-`,V=s.div`
+`,J=s.div`
   display: flex;
   align-items: center;
   gap: ${o.sp4};
   justify-content: left;
   color: ${e=>e.theme.colors.primary};
-`,q=s(D)`
+`,L=s(T)`
   height: 20px;
   width: auto;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,J=s(W)`
+`,M=s(W)`
   height: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
   width: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
-`,L=s(_)`
+`,F=s(_)`
   height: ${o.sp4};
   color: ${e=>e.theme.colors.primary};
 `,R=s.div`
   margin-right: ${o.sp2};
-`,U=s(I)`
+`,U=s(D)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${c.success};

package/dist/assets/ReimbursementApprovalRuleDetailPage-C5s_8IJ8-CPJIVNh1.js

@@ -0,0 +1,32 @@
+import{x as M,u as L,y as W,J as G,b as U,aa as J,aS as X,aM as H,cI as K,V as r,bE as Q,ae as Y,aT as Z,o as b,gc as ee}from"./index-DGGt5RDJ.js";import{a as T}from"./sentry-C7LQiKF9.js";import{n as c}from"./mui-BXc79n0P.js";import{b as te,f as le,o as B,l as _}from"./FollowStepsSection-zLVY0Bxj-CS04bdSf.js";import"./liveblocks-Dda0tF-O.js";import"./core-BFf3IFj6.js";import"./recharts-vbuE4Jum.js";import"./zeni-epic-state-Cvu6NpVe.js";import"./lottie-mwve--vc.js";import"./analytics-BFqwqBQR.js";import"./lexical-BeXs36Y0.js";import"./utils-CW6UW7VZ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="5c01d083-8ed7-4574-8f64-c89000936220",e._sentryDebugIdIdentifier="sentry-dbid-5c01d083-8ed7-4574-8f64-c89000936220")}catch{}})();const $="reimbursementApprovalRuleDetailPage",C="lowerBound",j="upperBound",I="steps",h="applyToExistingReimbursements",ae={footerPadding:new M(L[2],L[3])};function Re({localData:e,approvalUpdateActionType:l,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:i=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:w}){const V=W(),A=G(),a=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,l==="approval_create"&&!t),y=J({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,R=X(u?.fetchState),{upperBound:P}=x,{allApprovalRules:d,allAccountingClasses:O,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 T.useEffect(()=>{const n=y.watch((p,{name:D})=>{if(D!=null&&p!=null){const F=H(p);K(()=>z(D,F))}});return()=>{n.unsubscribe()}}),T.useEffect(()=>{R==="In-Progress"&&u?.fetchState==="Completed"&&w()},[R,u?.fetchState,w]),r.jsxs(ie,{children:[r.jsx(Q,{title:l==="approval_create"?a.newApproval:a.editApproval,backgroundColor:V.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:k($),onSubmit:q,children:r.jsxs(pe,{children:[r.jsx(te,{label:{label:i?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:C,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:n=>t?!0:n!=null&&n>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:i,additionalInfoLabel:a.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(le,{sectionId:I,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:O,stepsInfo:x[I],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:k($),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:l==="approval_create"&&d.length===0?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:a.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:ae.footerPadding.valuePx(A)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,l)=>{const{criteria:t,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},i=e.allApprovalRules.length===0;return{[h]:i?[]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),B(e.allAttributes),B(e.filteredAttributes),o??[])??[],[C]:l?void 0:t!=null?t.range.min.amount??0:0,[j]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},oe=(e,l,t,o,i)=>i&&i.length>0?i.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:_},actors:{allUsers:l,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(t,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:_},actors:{allUsers:l,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,l)=>e.filter(t=>t.userId!=null&&l.findIndex(o=>o.userId===t.userId)>-1),ne=(e,l)=>e.filter(t=>l.findIndex(o=>o.subType===t.value)>-1),k=e=>`${e}_form`,Pe=e=>`${e}`,ie=c.div`
+  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{ae as D,Re as default,k as uniqueFormName,Pe as uniqueName};

package/dist/assets/{ReimbursementApprovalRulesPage-BtaFR_-R-DT_IS0Mc.js → ReimbursementApprovalRulesPage-BvvOob8U-DEiVU8X7.js}

@@ -1,4 +1,4 @@
-import{y as V,J as N,F as j,V as t,bE as F,T as G,ac as m,o,x as r,an as M,aQ as P,bV as T,cs as q,ct as J,cu as K,d2 as O,u as l,bb as Q,z as k,ba as X,p as z,d1 as Y,bv as Z,w as ee}from"./index-B7eWgQzZ.js";import{n as i}from"./mui-Ba0_ROTv.js";import{a as te}from"./sentry-BUYEiWD8.js";import"./liveblocks-DyVXfa5b.js";import"./core-CslRcwFE.js";import"./recharts-Dpk71F6G.js";import"./zeni-epic-state-DsDV18R1.js";import"./lottie-DR7Z1uj_.js";import"./analytics-EOspDoDF.js";import"./lexical-DEAOqFKR.js";import"./utils-van4hLXd.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]="e6f52032-e33a-4b34-98fc-58e23522b119",e._sentryDebugIdIdentifier="sentry-dbid-e6f52032-e33a-4b34-98fc-58e23522b119")}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)},E={stepper:new k("smallRegular","standardRegular"),amount:new k("standardRegular","largeRegular")},oe=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection:w=!1,approvalRule:f,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[x,g]=te.useState(!1),n=N(),{range:h}=f.criteria[0],{steps:$,approvalRuleId:p}=f,a=j.getLocalizedStrings().commonSetUp.approval,v=()=>{g(!0)},U={onOkClick:()=>{g(!1),y?.(p)},onCancelClick:()=>{g(!1)}};return t.jsxs(ie,{windowSize:n,isLastSection:w,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,H)=>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(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}_${_}`)),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))]},H))})}),x?t.jsx(q,{titleComponent:t.jsx(K,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(J,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:U}):null]})},ie=i.div`
+import{y as V,J as N,b as j,V as t,bE as F,L as G,ac as m,o,x as r,an as M,aQ as P,bV as k,cs as O,ct as q,cu as J,d2 as K,u as l,bb as Q,c as T,ba as X,p as z,d1 as Y,bv as Z,w as ee}from"./index-DGGt5RDJ.js";import{n as i}from"./mui-BXc79n0P.js";import{a as te}from"./sentry-C7LQiKF9.js";import"./liveblocks-Dda0tF-O.js";import"./core-BFf3IFj6.js";import"./recharts-vbuE4Jum.js";import"./zeni-epic-state-Cvu6NpVe.js";import"./lottie-mwve--vc.js";import"./analytics-BFqwqBQR.js";import"./lexical-BeXs36Y0.js";import"./utils-CW6UW7VZ.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]="3fc2b528-af6c-4ce9-89bf-50b1607fbfde",e._sentryDebugIdIdentifier="sentry-dbid-3fc2b528-af6c-4ce9-89bf-50b1607fbfde")}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)},E={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},oe=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection:w=!1,approvalRule:f,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[x,g]=te.useState(!1),n=N(),{range:h}=f.criteria[0],{steps:$,approvalRuleId:p}=f,a=j.getLocalizedStrings().commonSetUp.approval,v=()=>{g(!0)},U={onOkClick:()=>{g(!1),y?.(p)},onCancelClick:()=>{g(!1)}};return t.jsxs(ie,{windowSize:n,isLastSection:w,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,H)=>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(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}_${_}`)),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))]},H))})}),x?t.jsx(O,{titleComponent:t.jsx(J,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(q,{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)};
@@ -235,7 +235,7 @@ import{y as V,J as N,F as j,V as t,bE as F,T as G,ac as m,o,x as r,an as M,aQ as
     border-color: ${e=>e.theme.colors.primary};
   }
   margin-bottom: ${o.sp6};
-`,fe=i(O)`
+`,fe=i(K)`
   width: ${o.sp3};
   height: ${o.sp3};
 `,ye=i.div`

package/dist/assets/ReimbursementDetailPage-BVFGrEhN-B7_bgdSj.js

@@ -0,0 +1,314 @@
+import{ay as tt,V as t,gm as Bt,a9 as Pt,J as Nt,y as Lt,cf as Ot,x as m,b as it,gn as _t,gp as Et,gq as Wt,cs as Ae,ct as Me,cu as Re,bE as Be,ac as y,bq as Ut,dx as Kt,gr as Ft,gC as Pe,o as a,gs as Ne,fn as b,gv as w,fq as x,aQ as Le,fm as Oe,w as q,gx as _e,aT as Vt,aq as Gt,gy as qt,gz as ne,bz as Yt,gA as Ht,d as Jt,c as Xt,M as Zt,an as at,bb as rt,p as Y,ao as Qt,bX as ei,ak as ti,gU as ii,gQ as ai,u as c,ck as ri,d0 as oi}from"./index-DGGt5RDJ.js";import{a as p}from"./sentry-C7LQiKF9.js";import{n as r}from"./mui-BXc79n0P.js";import{bL as ni,bZ as li,Gy as si}from"./zeni-epic-state-Cvu6NpVe.js";import di from"./InvoiceUploadSection-BV69g_45-C0jQPqw-.js";import{r as ci,h as f,u as mi}from"./types-DyvtCprH-NFPm5TaG.js";import"./liveblocks-Dda0tF-O.js";import"./core-BFf3IFj6.js";import"./recharts-vbuE4Jum.js";import"./lottie-mwve--vc.js";import"./analytics-BFqwqBQR.js";import"./lexical-BeXs36Y0.js";import"./utils-CW6UW7VZ.js";import"./AttachmentView-DTHxVIEf-OlbTumHp.js";import"./uploadReceipts-Dge0cNF1-BighYweo.js";import"./upload-reimbursement-receipt-O2N8vcO7-C4eeJM6-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},$=new e.Error().stack;$&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[$]="ed72882a-ca0f-44e6-9318-cc6be9cf2711",e._sentryDebugIdIdentifier="sentry-dbid-ed72882a-ca0f-44e6-9318-cc6be9cf2711")}catch{}})();const s={labelWidth:new m(120,160,160),largeLabelWidth:new m(150,235,235),rightMargin:new m(c[3],c[8]),leftMargin:new m(c[3],c[6]),invoiceRightMargin:new m(c[3],c[6]),invoiceLeftMargin:new m(c[3],c[8]),topMargin:new m(c[3],0),bottomMargin:new m(c[4],27),activityBottomMargin:new m(96,0),totalBottomMargin:new m(c[5],c[3]),formBottomMargin:new m(c[5],c[3]),navBarHeight:new m(44,62),closeMarginTop:new m(0,0),rightSectionWidth:new m(100,58),leftSectionWidth:new m(100,42),footerButtonWidth:new m(120,165),right:new m(c[3],c[0]),actionsContainerRight:new m(c[0],c[6]),otherActionsContainerBottom:new m(58,44),duplicateBannerWrapperMarginTop:new m(c[5],c[3]),duplicateBannerWrapperMarginRight:new m(c[3],c[8]),duplicateBannerWrapperMarginBottom:new m(c[5],c[3]),duplicateBannerWrapperMarginLeft:new m(c[3],c[6])},pi={formTitle:new Xt("h6Regular","h5Regular")},Ee=({remiDetails:e,uploadInvoiceEndPoint:$,authParams:z,isAdmin:L,signedInUser:se,showApproveRejectBtns:de,isRealTimeApprovalEnabled:ce,isReimbursementCommentingEnabled:u,isShowDeletedReimbursementEnabled:me,isSignedInUserReimbursementCreator:ot,updateEditRealTimeApproverClicked:pe,onSaveRealTimeApprovals:ue,redirectToReimbursementListScreen:H,redirectToEditableReimbursementScreen:nt,onDuplicateLineClick:lt,approveOrRejectRemi:he,deleteReimbursement:st,cancelAndDeleteReport:ye,handleZeniLogoClick:dt,onAddNewRule:ge,initialOpenThreadRequest:A})=>{const d=tt(),ct=Pt().analytics,o=Nt(),be=Lt(),[mt,M]=p.useState(!1),[J,X]=p.useState(!1),[pt,Z]=p.useState(!1),[Q,ee]=p.useState("approved"),O=p.useRef(null),[I,te]=p.useState({title:"",description:"",primaryButtonText:"",secondaryButtonText:""}),[k,ut]=p.useState(null),[ht,_]=p.useState(!1),h=`dashboard_${d.currentTenant?.companyId}`,we=p.useRef({}),xe=l=>{const n=we.current[l];n!=null&&setTimeout(()=>mi(n,O.current),100)};p.useEffect(()=>{(e.deleteStatus.fetchState==="Completed"||e.approvalUpdateStatus.fetchState==="Completed"||e.cancelAndDeleteStatus.fetchState==="Completed")&&H()},[e,H]),p.useEffect(()=>{const l=window.location.hash;if(l&&l.startsWith("#L")){const n=l.substring(1);xe(n)}},[]);const yt=()=>{H()};Ot({componentName:"reimbursement.details"});const gt={onOkClick:()=>{M(!1),I.primaryButtonText===i.buttons.delete?st?.():I.title===i.cancelReportTitle?ye?.():I.title===i.cancelAndDeleteReportTitle&&ye?.(!0)},onCancelClick:()=>{M(!1)}},D=s.labelWidth.value(o),R=s.largeLabelWidth.value(o),fe=it.getLocalizedStrings(),{common:{texts:{comments:bt},strings:{empty:$e}},collaboration:{threads:{placeholder:{addANewComment:wt,replyAComment:xt},tooltip:{resolveComment:ft,unResolveComment:$t}}},dateFormat:ve}=fe,{reimbursementDetail:i,bulkActions:E}=fe.spendManagement.reimbursement,ie=e.remiDetails?.reportTitle,S=e.remiDetails?.lines??[],W=e.remiDetails?.reimbursementInfo.stage,U=e.remiDetails?.reimbursementInfo.billStatus,K=e.remiDetails?.reimbursementInfo.billPaymentStatus,Te=W?.code==="paid",vt=Te?W:U?.code=="approved"&&K?.code?K:U,v=ui(e.remiDetails),B=U?.code=="approved"&&K?.code?K:U,F=e.remiDetails?.isDeleted??!1,je=e.remiDetails?.amount,Se=e.remiDetails?.amount.amount??0,Ie=()=>{te({title:e.remiDetails?.reimbursementInfo.stage.code==="draft"?i.deleteDraftTitle:i.deleteReportTitle,description:i.deleteAlertDescription,primaryButtonText:i.buttons.delete,secondaryButtonText:i.buttons.cancel}),M(!0)},Tt=()=>{te({title:i.cancelReportTitle,description:i.cancelAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),M(!0)},jt=()=>{te({title:i.cancelAndDeleteReportTitle,description:i.cancelAndDeleteAlertDescription,primaryButtonText:i.buttons.yes,secondaryButtonText:i.buttons.no}),M(!0)},De=()=>{nt()},St={onOkClick:l=>{Z(!1),he({reimbursementId:e.remiDetails?.id??"",type:"rejected",description:l})},onCancelClick:()=>{Z(!1)}},It=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?De():(ee("approved"),he({reimbursementId:e.remiDetails?.id??"",type:"approved"}))},Dt=()=>{e.remiDetails?.reimbursementInfo.billStatus.code==="rejected"?(ee("delete"),Ie()):(ee("rejected"),Z(!0))},Ct=e.remiDetails?.reimbursementInfo.paymentDate!=null?ni(li(e.remiDetails.reimbursementInfo.paymentDate.toDate(),[0,6],e.achSameDayMaxDays).toDateString()):void 0,ae=e.remiDetails?.reimbursementInfo.expectedDepositDate??Ct,kt=e.remiDetails?.lines?.some(l=>{const n=l.lineDetail;return n?.account?.isDeleted===!0&&n?.account?.isBillEditableCoaAccountType===!1})??!1,Ce=e.remiDetails?.reimbursementInfo.billStatus.code==="pending_approval"&&ot&&!kt,zt=e.remiDetails?.reimbursementInfo.billStatus.code!=="rejected"&&e.remiDetails?.reimbursementInfo.billPaymentStatus.code!=="paid",re=vt?.code,At=ci(e.duplicateLineByLineId),ke=e.duplicateReimbursementStatus.fetchState==="Completed"&&At>0,{requestToOpenThread:oe,setRequestToOpenThread:V,setOpenThread:G}=p.useContext(_t);p.useEffect(()=>{A?.threadId!=null&&A?.companyId!=null&&A?.entityType!=null&&V(A)},[A,V]);const{threads:P,isLoading:C}=Et(),Mt=p.useMemo(()=>P.filter(l=>l.resolved===!1&&!l.id.includes(Wt)),[P]).length,Rt=p.useCallback((l,n)=>{G(n),_(!1)},[G,_]);p.useEffect(()=>{oe?.threadId!=null&&P.length>0&&!C&&(G(oe.threadId),V(null))},[oe,P,C,G,V]);const g={application:"dashboard",companyId:d.currentTenant?.companyId,tab:"reimbursement",entityId:e.remiDetails?.id},N=si(e.remiDetails?.bulkProcessingDetail?.type);return t.jsxs(Ei,{windowSize:o,ref:O,children:[mt?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:I.title}),descriptionComponent:t.jsx(Me,{children:I.description}),primaryButtonText:I.primaryButtonText,proceedButtonVariant:"danger",secondaryButtonText:I.secondaryButtonText,action:gt}):null,pt?t.jsx(Ae,{titleComponent:t.jsx(Re,{children:`${i.rejectRemiTitlePrefix} ${e.remiDetails?.reportTitle??""} by ${e.createdBy?.firstName??""} ${e.createdBy?.lastName??""}`}),descriptionComponent:t.jsx(Me,{children:i.rejectRemiDescription}),primaryButtonText:i.buttons.send,secondaryButtonText:i.buttons.cancel,action:St,isEditPopup:!0,isNotesIncluded:!0,notesPlaceholder:i.rejectRejectReasonPlaceholder}):null,t.jsxs(Ri,{windowSize:o,"data-testid":y("reimbursement-detail-page-nav-bar-container"),children:[o!=="small"?t.jsx(Be,{"data-testid":y("reimbursement-detail-page-nav-bar-left"),style:{width:"42%"},title:"",leftSideComponent:t.jsx(Bi,{onClick:()=>dt?.(),"data-testid":y("remi-detail-page-nav-bar-zeni-logo")}),enableTitleOnScroll:!1,backgroundColor:be.colors.background,keepBackgroundOnScroll:!0,scrollableContent:O,source:"ReimbursementDetailPage"}):null,o!=="small"?t.jsx(zi,{}):null,t.jsx(Be,{"data-testid":y("reimbursement-detail-page-nav-bar-right"),title:ie??$e,leftSideComponent:t.jsx(t.Fragment,{}),style:{width:o!=="small"?"58%":"100%"},rightSideComponent:t.jsxs(Ni,{children:[u?t.jsxs(Li,{isDisabled:C,onClick:C?()=>null:l=>{l.preventDefault(),l.stopPropagation(),ut({roomId:h,companyId:d.currentTenant?.companyId??"",companyName:d.currentTenant?.companyName??"",entityType:"reimbursement.details",entityId:e.remiDetails?.id??""}),_(!0),ct.trackCommentActivity("reimbursement","clicked",d.currentTenant?.companyName??"",d.controllersList.controllers.map(n=>Kt(n)),void 0,void 0,"page icon")},"data-testid":y("remi-comments-section"),children:[t.jsx(Ut,{count:C?void 0:Mt,isLoading:C,style:{left:"12px"}}),t.jsx(Oi,{})]}):null,t.jsx(_i,{size:o,onClick:()=>yt(),"data-testid":y("remi-detail-page-close"),children:t.jsx(Pi,{})})]}),scrollableContent:O,enableTitleOnScroll:o!=="small",scrollThreshold:64,source:"ReimbursementDetailPage"})]}),t.jsxs(qi,{children:[o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Je,{windowSize:o,children:t.jsx(Xe,{windowsSize:o,children:ie})}),e.createdBy?.userId!=null?t.jsx(Ge,{windowSize:o,children:`${i.by} ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,me&&v!=null?t.jsx(qe,{color:v.color,bgColor:v.bgColor,borderColor:v.borderColor,children:v.value}):null,B?.code!=null?o==="small"?t.jsxs(t.Fragment,{children:[t.jsx(Ft,{progressSectionObj:B,createDate:e.remiDetails?.createTime,paymentDate:ae,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F}),N?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp5} ${a.sp3}`},title:E.duplicateWarning.title,description:E.duplicateWarning.description}):ke?t.jsxs(We,{size:o,children:[t.jsx(Ve,{}),t.jsxs(Ke,{children:[t.jsx(Ue,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):t.jsx(He,{windowSize:o,children:t.jsx(Ne,{progressSectionObj:B,createDate:e.remiDetails?.createTime,paymentDate:ae,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F})}):null]}):null,S.map((l,n)=>{const T=e.duplicateLineByLineId[l.lineId];return t.jsxs(et,{windowSize:o,children:[t.jsx(Fi,{windowSize:o,children:t.jsx(Vi,{bottomSeperator:S.length!==1,windowSize:o,children:t.jsx(di,{showAutofill:!1,uploadInvoiceEndPoint:$,authParams:z,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(Ki,{windowSize:o,children:[n===0&&o!=="small"?t.jsxs(t.Fragment,{children:[t.jsxs(Je,{windowSize:o,children:[t.jsx(Xe,{windowsSize:o,children:ie}),me&&v!=null?t.jsx(qe,{color:v.color,bgColor:v.bgColor,borderColor:v.borderColor,children:v.value}):null]}),e.createdBy?.userId!=null?t.jsx(Ge,{windowSize:o,children:`By ${e.createdBy.firstName} ${e.createdBy.lastName}`}):null,B?.code!=null?t.jsx(He,{windowSize:o,children:t.jsx(Ne,{progressSectionObj:B,createDate:e.remiDetails?.createTime,paymentDate:ae,scheduleDate:e.remiDetails?.reimbursementInfo.paymentDate,approvedDate:e.latestApprovedDate,isFrozen:F})}):null,N?t.jsx(Pe,{variant:"warning",style:{margin:`${a.sp3} ${a.sp8} ${a.sp3} ${a.sp6}`},title:E.duplicateWarning.title,description:E.duplicateWarning.description}):ke?t.jsxs(We,{size:o,children:[t.jsx(Ve,{}),t.jsxs(Ke,{children:[t.jsx(Ue,{children:i.thereSeems}),t.jsx(Fe,{children:i.pleaseFind})]})]}):null]}):null,t.jsxs(xi,{windowSize:o,ref:ze=>{ze!=null&&(we.current[`L${l.lineId}`]=ze)},children:[o!=="small"?t.jsx(wi,{children:t.jsx(fi,{children:S.length>1?`#${n+1} ${i.reimbursement}`:i.reimbursement})}):null,t.jsxs($i,{windowSize:o,children:[T?.duplicateLineId!=null?t.jsxs(gi,{children:[i.thisExpenseReview," ",t.jsx(bi,{onClick:()=>{if(T.isDuplicateWithinTransaction&&T.duplicateLineId!=null)return xe(`L${T.duplicateLineId}`);T.duplicateTransactionId!=null&&T.duplicateLineId!=null&&lt(T.duplicateTransactionId,T.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:T?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"},children:t.jsx(w,{label:{label:i.reimbursementType,width:R},text:l.type===i.mileageKey?i.mileage:i.outOfPocket,style:{width:"auto",borderRadius:T?.duplicateLineId==null?`${a.sp2} ${a.sp2} 0 0`:"0 0 0 0"}})}),t.jsx(j,{}),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:R},text:l.transactionDate?.format(ve.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(j,{}),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:R},text:l.distanceMileage.value.toString()??i.emptyValue,style:{width:"auto"}})}),t.jsx(j,{}),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:D},text:l.homeCurrencyConversions!=null?Le("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(j,{}),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:D},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(j,{}),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:D},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:R},text:l.merchant?.name??i.emptyValue,style:{width:"auto"}})}),t.jsx(j,{}),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:R},text:l.transactionDate?.format(ve.visual.MMMDCommaYYYYformat)??i.emptyValue,style:{width:"auto"}})}),t.jsx(j,{}),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:D},text:l.homeCurrencyConversions!=null?Le("0,0[.]00",l.homeCurrencyConversions):i.emptyValue,style:{width:"auto"}})}),t.jsx(j,{}),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:D},text:l.description??i.emptyValue,style:{width:"auto"}})}),t.jsx(j,{}),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:D},text:l.lineDetail.account?.accountName??i.emptyValue,style:{width:"auto"}})}),t.jsx(j,{}),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:D},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(Ui,{windowSize:o,children:[t.jsxs(Ze,{windowSize:o,children:[t.jsx(Qe,{children:i.total}),t.jsx(Oe,{amount:je,integerStyles:q.h6Regular.cssObject,decimalStyles:q.standardRegular.cssObject})]}),e.remiDetails&&t.jsx(_e,{amount:Se,activities:e.remiActivities,stage:W?.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:L,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(et,{windowSize:o,children:[t.jsx(Ye,{}),t.jsxs(hi,{windowSize:o,children:[t.jsx(Wi,{windowSize:o,children:t.jsxs(Ze,{windowSize:o,children:[t.jsx(Qe,{children:i.total}),t.jsx(Oe,{amount:je,integerStyles:q.h6Regular.cssObject,decimalStyles:q.standardRegular.cssObject})]})}),e.remiDetails&&t.jsx(yi,{windowSize:o,children:t.jsx(_e,{amount:Se,activities:e.remiActivities,stage:W?.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:L,signedInUserId:se?.userId,showRealTimeApproval:ce,entityApprovalId:e.remiActivities[0]?.entityApprovalId??e.remiDetails.entityApprovalId,updateEditMode:pe,onSaveRealTimeApprovals:ue}})})]})]}),t.jsx(Gi,{})]}),Te||F===!0?null:t.jsxs(Mi,{children:[o!=="small"?t.jsx(Ye,{}):null,t.jsx(Ti,{windowSize:o,"data-testid":y("remi-detail-page-footer"),onClick:l=>{l.stopPropagation(),J===!0&&X(!1)},children:t.jsx(Vt,{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:Dt,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:It,style:{width:s.footerButtonWidth.value(o)},isDisabled:e.approvalUpdateStatus.fetchState==="In-Progress"||e.realTimeApproval.isEditMode===!0},rightSideComponent:t.jsx(vi,{children:t.jsxs(Ai,{windowSize:o,children:[!N&&J?t.jsx(Gt,{onClickAway:()=>X(!1),children:t.jsxs(ki,{windowSize:o,children:[re!=="processing"?t.jsx(le,{onClick:Ie,"data-testid":y("remi-delete-action"),children:i.buttons.deleteReport}):null,re==="processing"?t.jsx(le,{onClick:Tt,"data-testid":y("remi-cancel-action"),children:i.buttons.cancel}):null,re==="processing"?t.jsx(le,{onClick:jt,"data-testid":y("remi-cancel-and-delete-action"),children:i.buttons.cancelAndDelete}):null]})}):null,t.jsxs(Ci,{windowSize:o,children:[!N&&Ce?t.jsx(Di,{onClick:De,"data-testid":y("remi-edit-button"),children:t.jsx(Ii,{})}):null,!N&&zt===!0?t.jsx(Si,{windowSize:o,showEditIcon:Ce,children:t.jsx(ji,{onClick:()=>X(!J),"data-testid":y("remi-more-actions-button")})}):null]})]})}),style:{minHeight:62}})})]}),u?t.jsx(qt,{isDrawerOpen:ht,allowComposer:!0,drawerTitle:bt,threads:P,autoExpand:!0,autoFocus:!1,filter:{application:"dashboard",companyId:k?.companyId??$e,isGlobalComment:!1,tab:"reimbursement"},isLoading:C,threadMetadata:k?{companyName:k.companyName,companyId:k.companyId,entityId:k.entityId,entityType:k.entityType,isGlobalComment:!1,application:"dashboard",tab:"reimbursement",url:window.location.href}:void 0,textOverrides:{composerPlaceholder:wt,replyComposerPlaceholder:xt,threadResolve:ft,threadUnResolve:$t},onThreadClick:(l,n)=>Rt(l,n),onCloseAllThreadsDrawer:()=>_(!1),drawerSectionStyle:{width:"400px",backgroundColor:be.colors.background}}):null]})},ca=e=>{const $=tt().currentTenant?.companyId,z=e.remiDetails.remiDetails?.id;if(!(e.isReimbursementCommentingEnabled&&z!=null&&$!=null))return t.jsx(Ee,{...e});const L=`dashboard_${$}`;return t.jsx(Bt,{roomId:L,filter:{application:"dashboard",companyId:$,entityId:z,tab:"reimbursement",isGlobalComment:!1},children:t.jsx(Ee,{...e})})},ui=e=>{const $=it.getLocalizedStrings().spendManagement.billPay.billsByTabs;if(e?.isDeleted===!0)return{value:$.tabsById.deleted,color:ne.deleted.color,bgColor:ne.deleted.bgColor,borderColor:ne.deleted.borderColor,code:"deleted"}},hi=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,yi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>s.activityBottomMargin.valuePx(e.windowSize)};
+`,gi=r(Qt)`
+  padding: ${a.sp2} ${a.sp0} ${a.sp2} ${a.sp4};
+  background-color: ${Y.alertLight};
+  color: ${Y.brandColorGoldDark};
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+`,bi=r.span`
+  border-bottom: 1px solid currentColor;
+  cursor: pointer;
+`,We=r.div`
+  display: flex;
+  gap: ${a.sp2};
+  padding: ${a.sp3};
+  border-radius: ${a.sp2};
+  align-items: start;
+  margin-top: ${e=>s.duplicateBannerWrapperMarginTop.valuePx(e.size)};
+  margin-right: ${e=>s.duplicateBannerWrapperMarginRight.valuePx(e.size)};
+  margin-bottom: ${e=>s.duplicateBannerWrapperMarginBottom.valuePx(e.size)};
+  margin-left: ${e=>s.duplicateBannerWrapperMarginLeft.valuePx(e.size)};
+  background-color: ${Y.alertLight};
+  border: 1px solid ${e=>e.theme.colors.brandColorGoldDark};
+`,Ue=r(ri)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Ke=r.div`
+  width: 100%;
+`,Fe=r(at)`
+  color: ${e=>e.theme.colors.brandColorGoldDark};
+`,Ve=r(oi)`
+  width: ${a.sp4};
+  height: ${a.sp4};
+  color: ${Y.brandColorGoldDark};
+`,Ge=r(at)`
+  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.primary};
+`,wi=r.div`
+  display: flex;
+  justify-content: space-between;
+`,xi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,fi=r(rt)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${a.sp3};
+`,$i=r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+  margin-bottom: ${e=>s.formBottomMargin.valuePx(e.windowSize)};
+  z-index: 3;
+`,vi=r.div`
+  display: flex;
+  justify-content: flex-end;
+`,Ti=r.div`
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,ji=r(ai)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp5};
+  height: ${a.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Si=r.div`
+  display: flex;
+  margin-left: ${e=>e.windowSize==="small"?e.showEditIcon===!0?a.sp3:a.sp4:a.sp5};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ii=r(ii)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${a.sp5};
+  height: ${a.sp5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Di=r.div`
+  display: flex;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.grey1};
+  margin-left: ${a.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,qe=r(rt)`
+  display: flex;
+  color: ${e=>e.borderColor};
+  align-items: center;
+  justify-content: flex-end;
+  margin-left: ${a.sp3};
+  padding: 1px 6px 1px 6px;
+  border: ${e=>`1px solid ${e.borderColor}`};
+  border-radius: ${a.sp1};
+  min-width: fit-content;
+  max-width: fit-content;
+`,Ci=r.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,ki=r.div`
+  display: flex;
+  width: max-content;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey5};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  padding-top: ${a.sp1};
+  padding-bottom: ${a.sp1};
+  position: absolute;
+  bottom: ${e=>s.otherActionsContainerBottom.valuePx(e.windowSize)};
+  z-index: 3;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${a.sp1};
+  right: ${e=>s.right.valuePx(e.windowSize)};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.grey1} 3D`};
+`,zi=r.div`
+  position: fixed;
+  top: 0;
+  left: 42vw;
+  width: 100%;
+  height: 100vh;
+  background: transparent;
+  box-shadow: 0 2px ${a.sp1} ${({theme:e})=>e.colors.dropShadowNormal};
+  pointer-events: none;
+  z-index: 1;
+`,Ai=r.div`
+  width: auto;
+  justify-content: flex-end;
+  position: ${e=>e.windowSize==="small"?"static":"relative"};
+  right: ${e=>s.actionsContainerRight.valuePx(e.windowSize)};
+  height: 100%;
+  display: flex;
+`,le=r(ti)`
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding-left: ${a.sp3};
+  padding-right: ${a.sp3};
+  height: ${a.sp6};
+  box-sizing: border-box;
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,Mi=r.div`
+  display: flex;
+  width: 100%;
+  position: sticky;
+  bottom: 0;
+  z-index: 2;
+`,Ri=r.div`
+  min-height: ${e=>s.navBarHeight.valuePx(e.windowSize)};
+  height: ${e=>s.navBarHeight.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-between;
+  position: fixed;
+  z-index: 4;
+`,Bi=r(Yt)`
+  color: ${e=>e.theme.colors.brandColorJade};
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+`,j=r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Pi=r(Jt)`
+  cursor: pointer;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  float: right;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ni=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.windowSize)};
+  display: flex;
+  float: right;
+`,Li=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Oi=r(Ht)`
+  display: flex;
+  width: ${a.sp4};
+  height: ${a.sp4};
+  align-items: center;
+  justify-content: center;
+`,_i=r.div`
+  margin-top: ${e=>s.closeMarginTop.valuePx(e.size)};
+  margin-left: ${a.sp5};
+`,Ei=r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100vw;
+  background: -webkit-linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  background: -moz-linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  background: -o-linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  background: linear-gradient(
+    to right,
+    ${e=>e.theme.colors.background} 42%,
+    ${e=>e.theme.colors.grey4} 42%
+  );
+  ${e=>e.windowSize==="small"&&`
+    background: ${e.theme.colors.grey4};
+  `}
+  height: 100vh;
+  overflow: scroll;
+`,Ye=r.div`
+  width: 42%;
+`,Wi=r.div`
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,He=r.div`
+  margin-bottom: ${e=>s.bottomMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,Je=r.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"unset":"center"};
+  margin-top: ${e=>s.topMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+  width: ${e=>e.windowSize==="small"?"fit-content":"unset"};
+`,Xe=r(Zt)`
+  flex-grow: 1;
+  ${e=>`${pi.formTitle.style(e.windowsSize)}`};
+  color: ${e=>e.theme.colors.primary};
+  word-break: break-all;
+`,Ui=r.div`
+  display: flex;
+  flex-direction: column;
+  margin-left: ${e=>s.leftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.rightMargin.valuePx(e.windowSize)};
+`,Ze=r.div`
+  padding: ${a.sp3};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${e=>e.theme.colors.grey3};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${a.sp2};
+  color: ${e=>e.theme.colors.hero};
+  margin-bottom: ${e=>s.totalBottomMargin.valuePx(e.windowSize)};
+  justify-content: space-between;
+`,Qe=r(ei)`
+  display: flex;
+  width: 176px;
+  color: ${e=>e.theme.colors.primary};
+`,Ki=r.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>s.rightSectionWidth.valuePercentage(e.windowSize)};
+`,et=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-items: ${e=>e.windowSize==="small"?"center":"flex-start"};
+`,Fi=r.div`
+  width: ${e=>s.leftSectionWidth.valuePercentage(e.windowSize)};
+`,Vi=r.div`
+  background: ${e=>e.theme.colors.grey3};
+  border-radius: ${a.sp2};
+  margin-top: ${e=>s.topMargin.valuePx(e.windowSize)};
+  margin-left: ${e=>s.invoiceLeftMargin.valuePx(e.windowSize)};
+  margin-right: ${e=>s.invoiceRightMargin.valuePx(e.windowSize)};
+  margin-bottom: ${e=>e.bottomSeperator===!0&&e.windowSize!=="small"?"107px":a.sp5};
+`,Gi=r.div`
+  display: flex;
+  flex-direction: column;
+  height: ${a.sp11};
+`,qi=r.div`
+  margin-top: 78px;
+`;export{ca as default};