@zeniai/web-cockpit-ui 1.14.19-dev → 1.14.19-dev-betaSK01

package/dist/assets/{ProductsCarousel-vPy7zk53-DjiVBmpl.js → ProductsCarousel-CzJnAk3w-MortVhyi.js}

@@ -1,4 +1,4 @@
-import{M,j as t,d6 as B,o as l,bt as N,af as U,d7 as q,s as G,n as _,d8 as H,c as y}from"./index-CyJdCOlu.js";import{b as w,n as i}from"./vendor-CnQcJ2Lu.js";const u=M.getLocalizedStrings(),j={large:{labelComp:q,title:G,subtitle:_,seeMoreLink:_}},J={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=J.large,Y=i.div`
+import{F as O,j as t,cT as R,o as l,bt as N,af as B,cU as G,p as H,k as P,cV as J,h as y}from"./index-D9zAXs3-.js";import{b as w,n as i}from"./vendor-Bs1fkIUX.js";const u=O.getLocalizedStrings(),j={large:{labelComp:G,title:H,subtitle:P,seeMoreLink:P}},q={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},o=q.large,K=i.div`
   width: ${e=>e.scale*o.width}px;
   height: ${e=>e.scale*o.height}px;
   overflow: hidden;
@@ -18,20 +18,20 @@ import{M,j as t,d6 as B,o as l,bt as N,af as U,d7 as q,s as G,n as _,d8 as H,c a
     box-shadow: ${e=>`${e.variant==="large"?y.Elevation2Light:y.Elevation1Light}`};
     border-radius: ${e=>e.scale*o.borderRadius}px;
   }
-`,Z=i(j.large.labelComp)`
+`,Q=i(j.large.labelComp)`
   color: ${e=>e.theme.colors.brandColorRuby};
   text-transform: uppercase;
   margin-bottom: ${e=>e.scale*o.gap}px;
   text-align: left;
-`,K=i(j.large.title)`
+`,V=i(j.large.title)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${e=>e.scale*o.gap}px;
   text-align: left;
-`,Q=i(j.large.subtitle)`
+`,Y=i(j.large.subtitle)`
   color: ${e=>e.theme.colors.champion};
   margin-bottom: ${e=>e.scale*o.gap}px;
   text-align: left;
-`,V=i(j.large.seeMoreLink)`
+`,Z=i(j.large.seeMoreLink)`
   color: ${e=>e.theme.colors.brandColorJadeDark};
 `,W=i.div`
   width: ${e=>e.scale*o.width}px;
@@ -58,7 +58,7 @@ import{M,j as t,d6 as B,o as l,bt as N,af as U,d7 as q,s as G,n as _,d8 as H,c a
   align-items: center;
   height: ${e=>e.scale*o.svgContainerHeight}px;
   margin-bottom: ${e=>e.scale*o.imageGap}px;
-`,re=i(H)`
+`,re=i(J)`
   width: ${e=>e.scale*o.svgSize}px;
   min-width: ${e=>e.scale*o.svgSize}px;
   height: ${e=>e.scale*o.svgSize}px;
@@ -76,18 +76,18 @@ import{M,j as t,d6 as B,o as l,bt as N,af as U,d7 as q,s as G,n as _,d8 as H,c a
   height: 100%;
   object-fit: fill;
   object-position: center;
-`,ne=({scale:e=1,variant:s="large",label:a,title:n,subtitle:c,seeMoreLink:p,image:m})=>{const h=t.jsx(W,{scale:e,variant:s,padding:o.padding*e,children:t.jsxs(te,{children:[t.jsxs(ie,{children:[a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:a}):null,n!=null&&n.trim()!==u.common.strings.empty?t.jsx(K,{scale:e,children:n}):null,c!=null&&c.trim()!==u.common.strings.empty?t.jsx(Q,{scale:e,children:c}):null,p!=null&&p.trim()!==u.common.strings.empty?t.jsxs(oe,{scale:e,children:[t.jsx(V,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(re,{scale:e})]}):null]}),m!=null&&m.trim()!==u.common.strings.empty?t.jsx(se,{children:t.jsx(ae,{src:m,loading:"lazy"})}):null]})});return t.jsx(Y,{scale:e,variant:s,children:s==="large"&&p!=null&&p.trim()!==u.common.strings.empty?t.jsx(ee,{href:p,target:"_blank",rel:"noopener noreferrer",children:h}):h})},x=2,F=5,X=1328,le=i.div`
+`,ne=({scale:e=1,variant:s="large",label:a,title:n,subtitle:c,seeMoreLink:p,image:m})=>{const h=t.jsx(W,{scale:e,variant:s,padding:o.padding*e,children:t.jsxs(te,{children:[t.jsxs(ie,{children:[a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Q,{scale:e,children:a}):null,n!=null&&n.trim()!==u.common.strings.empty?t.jsx(V,{scale:e,children:n}):null,c!=null&&c.trim()!==u.common.strings.empty?t.jsx(Y,{scale:e,children:c}):null,p!=null&&p.trim()!==u.common.strings.empty?t.jsxs(oe,{scale:e,children:[t.jsx(Z,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(re,{scale:e})]}):null]}),m!=null&&m.trim()!==u.common.strings.empty?t.jsx(se,{children:t.jsx(ae,{src:m,loading:"lazy"})}):null]})});return t.jsx(K,{scale:e,variant:s,children:s==="large"&&p!=null&&p.trim()!==u.common.strings.empty?t.jsx(ee,{href:p,target:"_blank",rel:"noopener noreferrer",children:h}):h})},x=2,_=5,A=1328,le=i.div`
   width: 100%;
   height: 100%;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
-`,ce=i(U)`
+`,ce=i(B)`
   width: ${l.sp3};
   height: ${l.sp3};
   color: ${e=>e.theme.colors.hero};
-`,A=i.div`
+`,X=i.div`
   ${({useFixedArrowPosition:e,position:s,arrowOffset:a})=>e?`
     position: absolute;
     top: 50%;
@@ -141,4 +141,4 @@ import{M,j as t,d6 as B,o as l,bt as N,af as U,d7 as q,s as G,n as _,d8 as H,c a
       transform: translate(-50%, -50%) translateX(0px) translateZ(10px) scale(${s})
     }
   `}
-`,me=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],he=({cards:e,showUpdatePaymentDetailButton:s,stopCarousel:a,scale:n=1,useFixedArrowPosition:c=!1})=>{const[p,m]=w.useState(2),[h,b]=w.useState(!1),[v,C]=w.useState(!1),f=e.length,S=B().analytics,L=(X-X*n)/2*-1,$=w.useCallback(r=>{v||(C(!0),m(d=>(d+r+f)%f),setTimeout(()=>C(!1),1e3))},[v,f]);w.useEffect(()=>{if(h||a||v)return;const r=setInterval(()=>{$(1)},3e3);return()=>clearInterval(r)},[h,a,v,$]);const P=r=>(p+r-x+f)%f,O=r=>{const d=Array.from({length:F},(g,k)=>P(k)).indexOf(r)-x;d!==0&&$(d),s?S.trackOnboardingLandingPageCardClick(e[r].cardTitle):S.trackOnboardingInterimCard(e[r].cardTitle)};return t.jsxs(le,{children:[t.jsx(A,{arrowOffset:L,position:"left",useFixedArrowPosition:c,onClick:()=>$(-1),children:t.jsx(pe,{className:"btnsvg"})}),t.jsx(de,{useFixedArrowPosition:c,children:e.map((r,d)=>{const g=Array.from({length:F},(be,R)=>P(R)).indexOf(d);if(g===-1)return null;const{positionX:k,scale:E}=me[g],z=g===x,T=E*n,D=k*n,I=1.02*n;return t.jsx(ge,{isForeFront:z,positionX:D,scale:T,hoverScale:I,onClick:()=>O(d),onMouseEnter:()=>z&&b(!0),onMouseLeave:()=>z&&b(!1),style:{zIndex:g===x?5:5-Math.abs(g-x)},children:t.jsx(ne,{label:r.cardTitle,title:r.sectionTitle,subtitle:r.sectionSubTitle,seeMoreLink:r.redirectLink,image:r.imageLink,variant:g===x?"large":g===x-1?"medium":"small"})},d)})}),t.jsx(A,{arrowOffset:L,position:"right",useFixedArrowPosition:c,onClick:()=>$(1),children:t.jsx(ce,{className:"btnsvg"})})]})},ue=["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"],xe=["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"],we=({scale:e=1,showUpdatePaymentDetailButton:s=!1,stopCarousel:a=!1,useFixedArrowPosition:n=!1})=>{const{customerOnboardingPage:c}=M.getLocalizedStrings(),{productSuite:p}=c,m=p.productCard.cards.map((h,b)=>({...h,imageLink:ue[b],redirectLink:xe[b]}));return t.jsx(he,{cards:m,scale:e,showUpdatePaymentDetailButton:s,stopCarousel:a,useFixedArrowPosition:n})};export{we as S};
+`,me=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],he=({cards:e,showUpdatePaymentDetailButton:s,stopCarousel:a,scale:n=1,useFixedArrowPosition:c=!1})=>{const[p,m]=w.useState(2),[h,b]=w.useState(!1),[v,C]=w.useState(!1),f=e.length,S=R().analytics,L=(A-A*n)/2*-1,$=w.useCallback(r=>{v||(C(!0),m(d=>(d+r+f)%f),setTimeout(()=>C(!1),1e3))},[v,f]);w.useEffect(()=>{if(h||a||v)return;const r=setInterval(()=>{$(1)},3e3);return()=>clearInterval(r)},[h,a,v,$]);const F=r=>(p+r-x+f)%f,E=r=>{const d=Array.from({length:_},(g,k)=>F(k)).indexOf(r)-x;d!==0&&$(d),s?S.trackOnboardingLandingPageCardClick(e[r].cardTitle):S.trackOnboardingInterimCard(e[r].cardTitle)};return t.jsxs(le,{children:[t.jsx(X,{arrowOffset:L,position:"left",useFixedArrowPosition:c,onClick:()=>$(-1),children:t.jsx(pe,{className:"btnsvg"})}),t.jsx(de,{useFixedArrowPosition:c,children:e.map((r,d)=>{const g=Array.from({length:_},(be,I)=>F(I)).indexOf(d);if(g===-1)return null;const{positionX:k,scale:M}=me[g],z=g===x,T=M*n,D=k*n,U=1.02*n;return t.jsx(ge,{isForeFront:z,positionX:D,scale:T,hoverScale:U,onClick:()=>E(d),onMouseEnter:()=>z&&b(!0),onMouseLeave:()=>z&&b(!1),style:{zIndex:g===x?5:5-Math.abs(g-x)},children:t.jsx(ne,{label:r.cardTitle,title:r.sectionTitle,subtitle:r.sectionSubTitle,seeMoreLink:r.redirectLink,image:r.imageLink,variant:g===x?"large":g===x-1?"medium":"small"})},d)})}),t.jsx(X,{arrowOffset:L,position:"right",useFixedArrowPosition:c,onClick:()=>$(1),children:t.jsx(ce,{className:"btnsvg"})})]})},ue=["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"],xe=["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"],we=({scale:e=1,showUpdatePaymentDetailButton:s=!1,stopCarousel:a=!1,useFixedArrowPosition:n=!1})=>{const{customerOnboardingPage:c}=O.getLocalizedStrings(),{productSuite:p}=c,m=p.productCard.cards.map((h,b)=>({...h,imageLink:ue[b],redirectLink:xe[b]}));return t.jsx(he,{cards:m,scale:e,showUpdatePaymentDetailButton:s,stopCarousel:a,useFixedArrowPosition:n})};export{we as S};

package/dist/assets/{PromoBaseCards-CWGpTa57-Bj-bRm1l.js → PromoBaseCards-CLKhsYfl-BEkL1oHo.js}

@@ -1,4 +1,4 @@
-import{e as c,j as r,dc as b,dd as z,de as L,aT as v,C as a,o as e,c as d,b as f,q as l}from"./index-CyJdCOlu.js";import{j as i,n as p,k as m}from"./vendor-CnQcJ2Lu.js";const t={plasticCardMarginLeft:new a(l[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(l[2],13),businessTextBottom:new a(l[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(l[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(l[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(l[2],13),visaLogoBottom:new a(l[2],13)},u={businessText:new f("extraSmallRegular","largeRegular"),promoBusinessText:new f("tinyLight","tinyLight")},F=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:x,style:$})=>{const n=c();return r.jsxs(B,{cardPromoType:x,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:$,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(D,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},A=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:x,style:$})=>{const n=c();return r.jsxs(W,{cardPromoType:x,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:$,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(k,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},C=m`
+import{K as c,j as r,cZ as b,c_ as v,c$ as L,aT as z,x as a,o as e,h as d,V as f,n as l}from"./index-D9zAXs3-.js";import{i,n as p,k as m}from"./vendor-Bs1fkIUX.js";const t={plasticCardMarginLeft:new a(l[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(l[2],13),businessTextBottom:new a(l[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(l[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(l[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(l[2],13),visaLogoBottom:new a(l[2],13)},u={businessText:new f("extraSmallRegular","largeRegular"),promoBusinessText:new f("tinyLight","tinyLight")},F=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:x,style:$})=>{const n=c();return r.jsxs(k,{cardPromoType:x,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:$,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(D,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},A=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:x,style:$})=>{const n=c();return r.jsxs(H,{cardPromoType:x,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:$,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(B,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},C=m`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -136,7 +136,7 @@ import{e as c,j as r,dc as b,dd as z,de as L,aT as v,C as a,o as e,c as d,b as f
           height: 10px;
           bottom: ${e.sp1};
         `:null}
-`,k=p.div`
+`,B=p.div`
   position: absolute;
   right: ${o=>t.styledFullLogoRight.valuePx(o.windowSize)};
   top: ${o=>t.styledFullLogoTop.valuePx(o.windowSize)};
@@ -154,7 +154,7 @@ import{e as c,j as r,dc as b,dd as z,de as L,aT as v,C as a,o as e,c as d,b as f
           height: 12px;
           top: 11px;
         `:null}
-`,B=p.div`
+`,k=p.div`
   width: ${o=>t.chargeCardWidth.valuePx(o.windowSize)};
   height: ${o=>t.chargeCardHeight.valuePx(o.windowSize)};
   background: ${o=>o.cardPromoType==="debit"?o.theme.colors.brandColorOnyx:o.theme.colors.brandColorSapphire};
@@ -183,7 +183,7 @@ import{e as c,j as r,dc as b,dd as z,de as L,aT as v,C as a,o as e,c as d,b as f
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`,W=p.div`
+`,H=p.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};

package/dist/assets/{QBOConnectionDialog-66XnPKaW-8EXYy72U.js → QBOConnectionDialog-CiAUTeD2-D061mOJX.js}

@@ -1,4 +1,4 @@
-import{e as j,M as t,j as n,bn as w,k as l,C as s,o as i,s as P,n as y,O as b,aR as f,eJ as v,q as a}from"./index-CyJdCOlu.js";import{n as o}from"./vendor-CnQcJ2Lu.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";const r={containerPaddingTop:new s(a[5],a[7]),containerPaddingBottom:new s(a[5],a[5]),containerPaddingLeftRight:new s(a[6],a[11])},S=o.div`
+import{K as w,F as a,j as n,bn as j,r as l,x as s,o as i,p as f,k as P,e as y,aR as b,n as t}from"./index-D9zAXs3-.js";import{n as o}from"./vendor-Bs1fkIUX.js";import{V as v}from"./intuit-quick-books-logo-qyL3_3cm-Cj0LgD2I.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";const r={containerPaddingTop:new s(t[5],t[7]),containerPaddingBottom:new s(t[5],t[5]),containerPaddingLeftRight:new s(t[6],t[11])},S=o.div`
   border-radius: inherit;
   max-width: 520px;
   text-align: center;
@@ -8,23 +8,23 @@ import{e as j,M as t,j as n,bn as w,k as l,C as s,o as i,s as P,n as y,O as b,aR
   padding-bottom: ${e=>r.containerPaddingBottom.valuePx(e.windowSize)};
   padding-right: ${e=>r.containerPaddingLeftRight.valuePx(e.windowSize)};
   padding-left: ${e=>r.containerPaddingLeftRight.valuePx(e.windowSize)};
-`,k=o(P)`
+`,k=o(f)`
   color: ${e=>e.theme.colors.primary};
   padding: ${i.sp0} ${i.sp0} ${i.sp4};
   min-width: 260px;
-`,A=o(y)`
+`,_=o(P)`
   color: ${e=>e.theme.colors.hero};
   max-width: 360px;
-`,C=o.div`
+`,A=o.div`
   margin: 20px ${i.sp0};
 `,L=o.div`
   margin: 20px ${i.sp0};
-`,_=o.hr`
+`,B=o.hr`
   width: 100%;
   border: 0.2px solid ${e=>e.theme.colors.grey3};
   margin-top: auto;
   margin-bottom: 0;
-`,B=o.div`
+`,C=o.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -37,15 +37,15 @@ import{e as j,M as t,j as n,bn as w,k as l,C as s,o as i,s as P,n as y,O as b,aR
   justify-content: center;
   padding-top: ${i.sp3};
   color: ${e=>e.theme.colors.primary};
-`,O=o(b)`
+`,T=o(y)`
   color: ${e=>e.theme.colors.primary};
   height: 20px;
   width: auto;
-`,T=o(f)`
+`,I=o(b)`
   color: ${e=>e.theme.colors.hero};
   height: ${i.sp4};
   width: ${i.sp4};
-`,I=o(v)`
+`,O=o(v)`
   height: ${i.sp4};
   color: ${e=>e.theme.colors.primary};
-`;function X({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=j(),u=t.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),$=t.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(w,{open:g,children:n.jsxs(S,{windowSize:x,children:[n.jsxs(z,{children:[n.jsx(k,{children:t.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(A,{children:d?u:$}),n.jsxs(R,{children:[n.jsx(O,{}),n.jsx(T,{}),n.jsx(I,{})]})]}),d||c?n.jsxs(n.Fragment,{children:[n.jsx(_,{}),n.jsxs(B,{children:[c===!0?n.jsx(L,{children:n.jsx(l,{variant:"secondary",label:t.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(C,{children:n.jsx(l,{variant:"primary",label:t.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{X as default};
+`;function q({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=w(),u=a.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),$=a.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(j,{open:g,children:n.jsxs(S,{windowSize:x,children:[n.jsxs(z,{children:[n.jsx(k,{children:a.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(_,{children:d?u:$}),n.jsxs(R,{children:[n.jsx(T,{}),n.jsx(I,{}),n.jsx(O,{})]})]}),d||c?n.jsxs(n.Fragment,{children:[n.jsx(B,{}),n.jsxs(C,{children:[c===!0?n.jsx(L,{children:n.jsx(l,{variant:"secondary",label:a.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(A,{children:n.jsx(l,{variant:"primary",label:a.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{q as default};

package/dist/assets/QBOSetupSection-D-Q_DVva-q5JlqA-2.js

@@ -0,0 +1,79 @@
+import{K as O,F as $,j as i,r as k,o,x as a,h as d,fH as T,V as W,e as B,aR as E,f4 as H,a8 as m,$ as u,n as t}from"./index-D9zAXs3-.js";import{n as s}from"./vendor-Bs1fkIUX.js";import R from"./QBOConnectionDialog-CiAUTeD2-D061mOJX.js";import{V as A}from"./intuit-quick-books-logo-qyL3_3cm-Cj0LgD2I.js";const n={containerPadding:new a(t[3],t[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(t[3],t[0]),arrowIconWidthHeight:new a(t[3],t[4])},D={title:new W("standardMedium","largeMedium")},ie=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:y,companyName:f,updateQBOPopupState:h,handleOnConnectClick:j})=>{const r=O(),{qbo_connection:S}=$.getLocalizedStrings().customerOnboardingPage.sections,{title:z,sucessText:b,button:v,errorText:P,requiredText:C}=S;return i.jsxs(F,{windowSize:r,children:[i.jsxs(G,{windowSize:r,children:[r==="small"?i.jsx(L,{children:l?i.jsx(_,{}):i.jsx(U,{})}):null,i.jsx(I,{windowSize:r,children:z})]}),i.jsxs(N,{windowSize:r,children:[i.jsxs(Q,{windowSize:r,children:[i.jsxs(q,{children:[i.jsx(K,{}),i.jsx(M,{windowSize:r}),i.jsx(J,{})]}),l?r!=="small"?i.jsx(w,{}):null:i.jsx(k,{variant:"primary",size:r!=="small"?"standard":"xs-small",label:v.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(V,{children:b}),r==="small"?i.jsx(w,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:r,children:P})}):null,c&&!l?i.jsx(x,{children:i.jsx(g,{windowSize:r,children:C})}):null]}),i.jsx(R,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:y,companyName:f,saveConnectionState:p,handleOnConnectClick:j,handleGoBack:()=>h(!1)})]})},w=()=>{const{tags:e}=$.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(H,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:c,textColor:{color:new m(d.successDark),borderColor:new m(d.successDark)}})},F=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,G=s.div`
+  display: flex;
+  align-items: center;
+  padding-top: ${o.sp3};
+  padding-bottom: ${o.sp3};
+  width: ${e=>n.sectionWidth.valuePx(e.windowSize)};
+`,I=s.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${D.title.style(e.windowSize)}`};
+`,N=s.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>n.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  fill: ${e=>e.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: ${e=>n.containerPadding.valuePx(e.windowSize)};
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    fill: ${e=>e.theme.colors.primary};
+  }
+`,x=s.div`
+  width: 100%;
+  display: flex;
+  margin-top: ${o.sp4};
+`,g=s(u)`
+  display: flex;
+  color: ${d.important};
+`,Q=s.div`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  row-gap: ${e=>n.topElementsRowGap.valuePx(e.windowSize)};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+`,V=s(u)`
+  display: flex;
+  margin-top: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,q=s.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp4};
+  justify-content: left;
+  color: ${e=>e.theme.colors.primary};
+`,K=s(B)`
+  height: 20px;
+  width: auto;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+`,M=s(E)`
+  height: ${e=>n.arrowIconWidthHeight.valuePx(e.windowSize)};
+  width: ${e=>n.arrowIconWidthHeight.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+`,J=s(A)`
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,L=s.div`
+  margin-right: ${o.sp2};
+`,_=s(T)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${d.success};
+`,U=s.div`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: 50%;
+`;export{ie as t};

package/dist/assets/{ReimbursementApprovalRuleDetailPage-BSI9Lg6a-wX6i8H_B.js → ReimbursementApprovalRuleDetailPage-DCzX_1-a-BNW7pXC_.js}

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

package/dist/assets/{ReimbursementApprovalRulesPage-XxC6pXqt-Bzz5uq1t.js → ReimbursementApprovalRulesPage-DfHVzdAB-hV-2mfna.js}

@@ -1,4 +1,4 @@
-import{u as D,e as B,M as b,j as t,aW as H,m as E,_ as S,o,C as r,n as L,a0 as z,bS as G,bU as U,bV as V,cu as q,q as l,ao as F,b as P,an as _,c as j,cr as J,aP as O,v as Q}from"./index-CyJdCOlu.js";import{n as i,b as Y}from"./vendor-CnQcJ2Lu.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";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)},W={stepper:new P("smallRegular","standardRegular"),amount:new P("standardRegular","largeRegular")},Z=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:x,onEditRuleClick:v,onDeleteRuleClick:y})=>{const[g,d]=Y.useState(!1),n=B(),{range:c}=x.criteria[0],{steps:w,approvalRuleId:m}=x,a=b.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},A={onOkClick:()=>{d(!1),y?.(m)},onCancelClick:()=>{d(!1)}};return t.jsxs(K,{windowSize:n,isLastSection:f,"data-testid":S("approval-rule-section",m),children:[t.jsxs(X,{windowSize:n,children:[t.jsxs(ae,{children:[t.jsxs(I,{windowSize:n,children:[a.from," ",z("0,0",c.min)]}),t.jsxs(ee,{children:[t.jsx(k,{}),t.jsx(te,{}),t.jsx(k,{})]}),c.max==null?t.jsx(ce,{}):t.jsx(I,{windowSize:n,children:z("0,0",{...c.min,amount:c.max.amount})})]}),t.jsxs(ne,{className:"icons",children:[e?t.jsx(pe,{onClick:$}):null,t.jsx(de,{onClick:()=>{v(m)},"data-testid":S("edit-approval-rule",m)})]})]}),t.jsx(oe,{windowSize:n,children:t.jsx(ie,{isSingleStep:w.length===1,windowSize:n,children:w.map((h,N)=>t.jsxs(re,{isSingleStep:w.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?t.jsx(le,{children:a.requireText}):t.jsx(se,{children:a.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,M)=>t.jsxs(R,{children:[t.jsx(T,{children:p.subType!=null?a.nonUsers[p.subType].label:null}),h.operator!="is"?t.jsx(C,{className:"operator",children:h.operator}):null]},`${p.subType}_${M}`)),h.actors.map(p=>t.jsxs(R,{children:[t.jsxs(T,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?t.jsx(C,{className:"operator",children:h.operator}):null]},p.userId))]},N))})}),g?t.jsx(G,{titleComponent:t.jsx(V,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(U,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:A}):null]})},K=i.div`
+import{u as M,K as B,F as b,j as t,aW as H,i as E,Z as S,o,x as r,k as L,a0 as z,bP as V,bR as G,bS as U,cl as q,n as l,ao as Z,V as P,an as F,h as j,ci as _,aP as J,y as K}from"./index-D9zAXs3-.js";import{n as i,b as O}from"./vendor-Bs1fkIUX.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";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)},W={stepper:new P("smallRegular","standardRegular"),amount:new P("standardRegular","largeRegular")},Y=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:x,onEditRuleClick:v,onDeleteRuleClick:y})=>{const[g,d]=O.useState(!1),n=B(),{range:c}=x.criteria[0],{steps:w,approvalRuleId:m}=x,a=b.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},A={onOkClick:()=>{d(!1),y?.(m)},onCancelClick:()=>{d(!1)}};return t.jsxs(Q,{windowSize:n,isLastSection:f,"data-testid":S("approval-rule-section",m),children:[t.jsxs(X,{windowSize:n,children:[t.jsxs(ae,{children:[t.jsxs(I,{windowSize:n,children:[a.from," ",z("0,0",c.min)]}),t.jsxs(ee,{children:[t.jsx(k,{}),t.jsx(te,{}),t.jsx(k,{})]}),c.max==null?t.jsx(ce,{}):t.jsx(I,{windowSize:n,children:z("0,0",{...c.min,amount:c.max.amount})})]}),t.jsxs(ne,{className:"icons",children:[e?t.jsx(pe,{onClick:$}):null,t.jsx(de,{onClick:()=>{v(m)},"data-testid":S("edit-approval-rule",m)})]})]}),t.jsx(oe,{windowSize:n,children:t.jsx(ie,{isSingleStep:w.length===1,windowSize:n,children:w.map((h,N)=>t.jsxs(re,{isSingleStep:w.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?t.jsx(le,{children:a.requireText}):t.jsx(se,{children:a.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,D)=>t.jsxs(C,{children:[t.jsx(T,{children:p.subType!=null?a.nonUsers[p.subType].label:null}),h.operator!="is"?t.jsx(R,{className:"operator",children:h.operator}):null]},`${p.subType}_${D}`)),h.actors.map(p=>t.jsxs(C,{children:[t.jsxs(T,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?t.jsx(R,{className:"operator",children:h.operator}):null]},p.userId))]},N))})}),g?t.jsx(V,{titleComponent:t.jsx(U,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(G,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:A}):null]})},Q=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -14,7 +14,7 @@ import{u as D,e as B,M as b,j as t,aW as H,m as E,_ as S,o,C as r,n as L,a0 as z
       border-color: ${e=>e.theme.colors.primary};
     }
   }
-`,X=i(F)`
+`,X=i(Z)`
   display: flex;
   position: relative;
   align-items: center;
@@ -117,7 +117,7 @@ import{u as D,e as B,M as b,j as t,aW as H,m as E,_ as S,o,C as r,n as L,a0 as z
       height: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
       top: ${e=>s.stepperContentTop.valuePx(e.windowSize)};
       left: -${o.sp6};
-      ${Q.standardMedium.css};
+      ${K.standardMedium.css};
       text-align: center;
       color: ${e=>e.theme.colors.grey1};
       border: 2px solid ${e=>e.theme.colors.grey1};
@@ -141,7 +141,7 @@ import{u as D,e as B,M as b,j as t,aW as H,m as E,_ as S,o,C as r,n as L,a0 as z
 `,ne=i.div`
   display: flex;
   gap: ${o.sp5};
-`,pe=i(J)`
+`,pe=i(_)`
   width: ${o.sp3};
   height: ${o.sp3};
   cursor: pointer;
@@ -149,7 +149,7 @@ import{u as D,e as B,M as b,j as t,aW as H,m as E,_ as S,o,C as r,n as L,a0 as z
   &:hover {
     color: ${j.important};
   }
-`,de=i(O)`
+`,de=i(J)`
   width: ${o.sp3};
   height: ${o.sp3};
   cursor: pointer;
@@ -157,20 +157,20 @@ import{u as D,e as B,M as b,j as t,aW as H,m as E,_ as S,o,C as r,n as L,a0 as z
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ce=i(_)`
+`,ce=i(F)`
   width: ${o.sp4};
   height: ${o.sp4};
   color: ${e=>e.theme.colors.hero};
-`,C=i.span`
+`,R=i.span`
   color: ${e=>e.theme.colors.hero};
-`,R=i.div`
+`,C=i.div`
   display: inherit;
   gap: inherit;
 `,I=i.span`
   ${e=>`${W.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,u={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])},Te=({approvalView:e,onBackClick:f,onEditRuleClick:x,onDeleteRuleClick:v})=>{const y=D(),g=B(),{fetchState:d,deleteStatus:n}=e,c=b.getLocalizedStrings().commonSetUp.approval,w=b.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=n.fetchState;return t.jsxs(he,{children:[t.jsx(H,{title:c.approvalPageHeader,backgroundColor:y.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(me,{children:[t.jsx(we,{windowSize:g,children:w.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?t.jsx(xe,{children:t.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,$)=>t.jsx(Z,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:v},a.approvalRuleId)),t.jsxs(ue,{windowSize:g,onClick:()=>{x()},"data-testid":S("add-approval-rule"),children:[t.jsx(ge,{}),t.jsx($e,{children:c.addApprovalText})]})]}):null]})]})},he=i.div`
+`,u={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])},Te=({approvalView:e,onBackClick:f,onEditRuleClick:x,onDeleteRuleClick:v})=>{const y=M(),g=B(),{fetchState:d,deleteStatus:n}=e,c=b.getLocalizedStrings().commonSetUp.approval,w=b.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=n.fetchState;return t.jsxs(he,{children:[t.jsx(H,{title:c.approvalPageHeader,backgroundColor:y.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(me,{children:[t.jsx(we,{windowSize:g,children:w.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?t.jsx(xe,{children:t.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,$)=>t.jsx(Y,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:v},a.approvalRuleId)),t.jsxs(ue,{windowSize:g,onClick:()=>{x()},"data-testid":S("add-approval-rule"),children:[t.jsx(ge,{}),t.jsx($e,{children:c.addApprovalText})]})]}):null]})]})},he=i.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;

package/dist/assets/{ReimbursementDetailPage-BwtY21D5-BOkbylET.js → ReimbursementDetailPage-Di8XpCvg-B7b0ZH64.js}

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