@zeniai/web-cockpit-ui 1.15.55-dev → 1.15.56-dev

package/dist/assets/{Preview-CJ42XXYk.js → Preview-Wpvi69S8.js}

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

package/dist/assets/{ProductsCarousel-Bp3BA6jn-Dq3g70sD.js → ProductsCarousel-Bq0uDCW7-BchAY2K0.js}

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

package/dist/assets/{PromoBaseCards-BJngCLC1-D1D3BuDF.js → PromoBaseCards-Bs1TPBeA-C7sFMDVT.js}

@@ -1,4 +1,4 @@
-import{Q as b,V as r,dg as m,dh as v,di as y,bz as z,o as e,p as d,x as a,O as c,u as p}from"./index-DceSoL0X.js";import{c as i,n as g,k as f}from"./mui-B9ZZxqGv.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new o.Error().stack;l&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[l]="ac550257-7d88-424b-ba56-c2f2ef0d8b51",o._sentryDebugIdIdentifier="sentry-dbid-ac550257-7d88-424b-ba56-c2f2ef0d8b51")}catch{}})();const t={plasticCardMarginLeft:new a(p[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(p[2],13),businessTextBottom:new a(p[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(p[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(p[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(p[2],13),visaLogoBottom:new a(p[2],13)},u={businessText:new c("extraSmallRegular","largeRegular"),promoBusinessText:new c("tinyLight","tinyLight")},R=({cardText:o,shouldAnimate:l,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=b();return r.jsxs(B,{cardPromoType:$,windowSize:n,shouldAnimate:l,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:n,forDashboard:s,children:r.jsx(m,{})}),r.jsx(j,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(L,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(S,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(y,{})})]})},A=({cardText:o,shouldAnimate:l,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=b();return r.jsxs(W,{cardPromoType:$,windowSize:n,shouldAnimate:l,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:n,forDashboard:s,children:r.jsx(m,{})}),r.jsx(k,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(L,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(S,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(y,{})})]})},C=f`
+import{J as m,V as r,de as b,df as v,dg as y,bz as z,o as e,p as d,y as a,H as c,u as p}from"./index-sotzB3Mx.js";import{c as i,n as g,k as f}from"./mui-CWqpJBOf.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},h=new o.Error().stack;h&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[h]="367fd04b-60da-4673-ac62-8ab1270ee665",o._sentryDebugIdIdentifier="sentry-dbid-367fd04b-60da-4673-ac62-8ab1270ee665")}catch{}})();const t={plasticCardMarginLeft:new a(p[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(p[2],13),businessTextBottom:new a(p[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(p[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(p[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(p[2],13),visaLogoBottom:new a(p[2],13)},u={businessText:new c("extraSmallRegular","largeRegular"),promoBusinessText:new c("tinyLight","tinyLight")},R=({cardText:o,shouldAnimate:h,showChip:w,forDashboard:s,forListPage:l,cardPromoType:$,style:x})=>{const n=m();return r.jsxs(B,{cardPromoType:$,windowSize:n,shouldAnimate:h,forListPage:l,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(j,{windowSize:n,forDashboard:s,forListPage:l,children:r.jsx(z,{})}),r.jsx(L,{windowSize:n,forDashboard:s,forListPage:l,children:o}),r.jsx(S,{windowSize:n,forDashboard:s,forListPage:l,children:r.jsx(y,{})})]})},A=({cardText:o,shouldAnimate:h,showChip:w,forDashboard:s,forListPage:l,cardPromoType:$,style:x})=>{const n=m();return r.jsxs(H,{cardPromoType:$,windowSize:n,shouldAnimate:h,forListPage:l,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(k,{windowSize:n,forDashboard:s,forListPage:l,children:r.jsx(v,{})}),r.jsx(L,{windowSize:n,forDashboard:s,forListPage:l,children:o}),r.jsx(S,{windowSize:n,forDashboard:s,forListPage:l,children:r.jsx(y,{})})]})},C=f`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -183,7 +183,7 @@ import{Q as b,V as r,dg as m,dh as v,di as y,bz as z,o as e,p as d,x as a,O as c
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`,W=g.div`
+`,H=g.div`
   width: ${o=>t.chargeCardWidth.valuePx(o.windowSize)};
   height: ${o=>t.chargeCardHeight.valuePx(o.windowSize)};
   background: ${o=>o.cardPromoType==="debit"?o.theme.colors.brandColorJadeDark:o.theme.colors.brandColorJade};
@@ -198,12 +198,12 @@ import{Q as b,V as r,dg as m,dh as v,di as y,bz as z,o as e,p as d,x as a,O as c
   border: 1px solid ${d.neutralGrey5Light};
   background-image: url(https://storage.googleapis.com/zeni-apis.appspot.com/images/PhysicalCardFrontBGPattern.svg);
   background-size: cover;
-  ${o=>{if(o.shouldAnimate){const l=o.windowSize==="small"?C:D;return i`
+  ${o=>{if(o.shouldAnimate){const h=o.windowSize==="small"?C:D;return i`
         position: absolute;
         margin-left: ${t.plasticCardMarginLeft.valuePx(o.windowSize)};
         margin-top: ${t.plasticCardMarginTop.valuePx(o.windowSize)};
         transform: rotate(10.4deg);
-        animation: ${l} 2800ms infinite;
+        animation: ${h} 2800ms infinite;
       `}return null}}
   ${o=>o.forDashboard?i`
           width: 190px;

package/dist/assets/{QBOConnectionDialog-DkBwI8ar-CHNOORcZ.js → QBOConnectionDialog-CGH6M1BO-BTEhQpDo.js}

@@ -1,4 +1,4 @@
-import{Q as b,b as r,V as n,bW as y,a as l,x as c,o as i,as as w,an as $,ah as j,bx as P,eU as v,u as a}from"./index-DceSoL0X.js";import{n as o}from"./mui-B9ZZxqGv.js";import"./sentry-DSwgNZrO.js";import"./liveblocks-C3olwiFW.js";import"./core-CddRDKK5.js";import"./recharts-Df6P8LTk.js";import"./zeni-epic-state-BKQAT3eK.js";import"./lottie-DHSNlrty.js";import"./analytics-BBPxpXjb.js";import"./lexical-CRAxrDKi.js";import"./utils-bhjg_GlW.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="8adc1489-f16c-4210-bd5e-2ebd451979ff",e._sentryDebugIdIdentifier="sentry-dbid-8adc1489-f16c-4210-bd5e-2ebd451979ff")}catch{}})();const s={containerPaddingTop:new c(a[5],a[7]),containerPaddingBottom:new c(a[5],a[5]),containerPaddingLeftRight:new c(a[6],a[11])},S=o.div`
+import{J as b,O as r,V as n,bU as y,i as l,y as c,o as i,ar as w,am as $,ag as j,bx as P,eS as v,u as t}from"./index-sotzB3Mx.js";import{n as o}from"./mui-CWqpJBOf.js";import"./sentry-2bqpslFP.js";import"./liveblocks-DezulwOD.js";import"./core-D2KcXy_y.js";import"./recharts-H7gIkfSf.js";import"./zeni-epic-state-DM-Ak8Gv.js";import"./lottie-D7_uSTtS.js";import"./analytics-DRVsD-is.js";import"./lexical-Dj2KAtCD.js";import"./utils-Bfvb8rvn.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="f0256a43-64fc-4d9e-92f2-bc65c2b58606",e._sentryDebugIdIdentifier="sentry-dbid-f0256a43-64fc-4d9e-92f2-bc65c2b58606")}catch{}})();const s={containerPaddingTop:new c(t[5],t[7]),containerPaddingBottom:new c(t[5],t[5]),containerPaddingLeftRight:new c(t[6],t[11])},S=o.div`
   border-radius: inherit;
   max-width: 520px;
   text-align: center;
@@ -24,12 +24,12 @@ import{Q as b,b as r,V as n,bW as y,a as l,x as c,o as i,as as w,an as $,ah as j
   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;
   gap: ${i.sp4};
-`,C=o.div`
+`,B=o.div`
   display: flex;
   align-items: center;
   gap: ${i.sp4};
@@ -45,7 +45,7 @@ import{Q as b,b as r,V as n,bW as y,a as l,x as c,o as i,as as w,an as $,ah as j
   color: ${e=>e.theme.colors.hero};
   height: ${i.sp4};
   width: ${i.sp4};
-`,Q=o(v)`
+`,O=o(v)`
   height: ${i.sp4};
   color: ${e=>e.theme.colors.primary};
-`;function J({companyName:e="",isGoBackAllowed:t,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=b(),u=r.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),f=r.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(y,{open:g,children:n.jsxs(S,{windowSize:x,children:[n.jsxs(_,{children:[n.jsx(z,{children:r.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?u:f}),n.jsxs(C,{children:[n.jsx(T,{}),n.jsx(D,{}),n.jsx(Q,{})]})]}),d||t?n.jsxs(n.Fragment,{children:[n.jsx(L,{}),n.jsxs(B,{children:[t===!0?n.jsx(I,{children:n.jsx(l,{variant:"secondary",label:r.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(A,{children:n.jsx(l,{variant:"primary",label:r.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{J as default};
+`;function K({companyName:e="",isGoBackAllowed:a,isAdmin:d,saveConnectionState:g,isQBOPopupOpen:p=!0,handleOnConnectClick:m,handleGoBack:h}){const x=b(),u=r.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),f=r.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(y,{open:p,children:n.jsxs(S,{windowSize:x,children:[n.jsxs(_,{children:[n.jsx(z,{children:r.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?u:f}),n.jsxs(B,{children:[n.jsx(T,{}),n.jsx(D,{}),n.jsx(O,{})]})]}),d||a?n.jsxs(n.Fragment,{children:[n.jsx(L,{}),n.jsxs(C,{children:[a===!0?n.jsx(I,{children:n.jsx(l,{variant:"secondary",label:r.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(A,{children:n.jsx(l,{variant:"primary",label:r.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:g==="In-Progress"})}):null]})]}):null]})})}export{K as default};

package/dist/assets/QBOSetupSection-BsFbgysY-CxagA6VQ.js

@@ -0,0 +1,79 @@
+import{J as C,O as u,V as i,i as k,o,y as a,p as c,fT as I,H as T,ag as D,bx as B,eS as H,fK as W,aX as w,aj as f,u as r}from"./index-sotzB3Mx.js";import{n}from"./mui-CWqpJBOf.js";import _ from"./QBOConnectionDialog-CGH6M1BO-BTEhQpDo.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="9fbfa1e5-8947-49db-aec8-c0095975c0ae",e._sentryDebugIdIdentifier="sentry-dbid-9fbfa1e5-8947-49db-aec8-c0095975c0ae")}catch{}})();const l={containerPadding:new a(r[3],r[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(r[3],r[0]),arrowIconWidthHeight:new a(r[3],r[4])},E={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:t=!1,isValid:d,saveConnectionState:p,isQBOPopupOpen:$,companyName:y,updateQBOPopupState:h,handleOnConnectClick:b})=>{const s=C(),{qbo_connection:j}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:S,sucessText:v,button:z,errorText:P,requiredText:O}=j;return i.jsxs(A,{windowSize:s,children:[i.jsxs(G,{windowSize:s,children:[s==="small"?i.jsx(L,{children:d?i.jsx(R,{}):i.jsx(U,{})}):null,i.jsx(N,{windowSize:s,children:S})]}),i.jsxs(Q,{windowSize:s,children:[i.jsxs(V,{windowSize:s,children:[i.jsxs(J,{children:[i.jsx(M,{}),i.jsx(F,{windowSize:s}),i.jsx(K,{})]}),d?s!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:s!=="small"?"standard":"xs-small",label:z.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),d?i.jsxs(i.Fragment,{children:[i.jsx(q,{children:v}),s==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:P})}):null,t&&!d?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:O})}):null]}),i.jsx(_,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:$,companyName:y,saveConnectionState:p,handleOnConnectClick:b,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:t}=e;return i.jsx(W,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:t,textColor:{color:new w(c.successDark),borderColor:new w(c.successDark)}})},A=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,G=n.div`
+  display: flex;
+  align-items: center;
+  padding-top: ${o.sp3};
+  padding-bottom: ${o.sp3};
+  width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
+`,N=n.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${E.title.style(e.windowSize)}`};
+`,Q=n.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
+  fill: ${e=>e.theme.colors.grey1};
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: ${e=>l.containerPadding.valuePx(e.windowSize)};
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.primary};
+    fill: ${e=>e.theme.colors.primary};
+  }
+`,x=n.div`
+  width: 100%;
+  display: flex;
+  margin-top: ${o.sp4};
+`,g=n(f)`
+  display: flex;
+  color: ${c.important};
+`,V=n.div`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  row-gap: ${e=>l.topElementsRowGap.valuePx(e.windowSize)};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+`,q=n(f)`
+  display: flex;
+  margin-top: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,J=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp4};
+  justify-content: left;
+  color: ${e=>e.theme.colors.primary};
+`,M=n(D)`
+  height: 20px;
+  width: auto;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+`,F=n(B)`
+  height: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
+  width: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+`,K=n(H)`
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,L=n.div`
+  margin-right: ${o.sp2};
+`,R=n(I)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${c.success};
+`,U=n.div`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: 50%;
+`;export{ee as t};

package/dist/assets/{ReimbursementApprovalRuleDetailPage-Q5ynG2vJ-D1YIG_oC.js → ReimbursementApprovalRuleDetailPage-CUf8BGfB-21mnbTVV.js}

@@ -1,4 +1,4 @@
-import{x as M,u as L,y as W,Q as G,b as U,aa as J,aS as Q,aM as X,cJ as H,V as r,bE as K,ae as Y,aT as Z,o as b,gd as ee}from"./index-DceSoL0X.js";import{a as T}from"./sentry-DSwgNZrO.js";import{n as c}from"./mui-B9ZZxqGv.js";import{b as te,f as le,o as $,l as B}from"./FollowStepsSection-DF7igv9E-BXwQRKtK.js";import"./liveblocks-C3olwiFW.js";import"./core-CddRDKK5.js";import"./recharts-Df6P8LTk.js";import"./zeni-epic-state-BKQAT3eK.js";import"./lottie-DHSNlrty.js";import"./analytics-BBPxpXjb.js";import"./lexical-CRAxrDKi.js";import"./utils-bhjg_GlW.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="74828180-0163-45c7-95b6-22acf5d9d500",e._sentryDebugIdIdentifier="sentry-dbid-74828180-0163-45c7-95b6-22acf5d9d500")}catch{}})();const _="reimbursementApprovalRuleDetailPage",C="lowerBound",j="upperBound",I="steps",h="applyToExistingReimbursements",ae={footerPadding:new M(L[2],L[3])};function Re({localData:e,approvalUpdateActionType:l,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:i=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:w}){const V=W(),A=G(),a=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,l==="approval_create"&&!t),y=J({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,R=Q(u?.fetchState),{upperBound:P}=x,{allApprovalRules:d,allAccountingClasses:z,remiSetupApproverViewUpdateData:m}=e;let f=d.length>1?d.length-1:0,v=d.length>0?d[f].criteria[0].range.min.amount:0;if(m!=null&&m.type==="approval_update"&&m.data!=null){const{approvalRuleId:n}=m.data;f=d.findIndex(p=>p.approvalRuleId===n),v=f>0?d[f-1].criteria[0].range.min.amount:0}const q=y.handleSubmit(()=>{N()}),F=async(n,p)=>{g(p)};return T.useEffect(()=>{const n=y.watch((p,{name:D})=>{if(D!=null&&p!=null){const O=X(p);H(()=>F(D,O))}});return()=>{n.unsubscribe()}}),T.useEffect(()=>{R==="In-Progress"&&u?.fetchState==="Completed"&&w()},[R,u?.fetchState,w]),r.jsxs(ie,{children:[r.jsx(K,{title:l==="approval_create"?a.newApproval:a.editApproval,backgroundColor:V.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:k(_),onSubmit:q,children:r.jsxs(pe,{children:[r.jsx(te,{label:{label:i?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:C,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:n=>t?!0:n!=null&&n>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:i,additionalInfoLabel:a.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(le,{sectionId:I,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:z,stepsInfo:x[I],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:k(_),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:l==="approval_create"&&d.length===0?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:a.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:ae.footerPadding.valuePx(A)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,l)=>{const{criteria:t,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},i=e.allApprovalRules.length===0;return{[h]:i?[]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),$(e.allAttributes),$(e.filteredAttributes),o??[])??[],[C]:l?void 0:t!=null?t.range.min.amount??0:0,[j]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},oe=(e,l,t,o,i)=>i&&i.length>0?i.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:B},actors:{allUsers:l,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(t,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:B},actors:{allUsers:l,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,l)=>e.filter(t=>t.userId!=null&&l.findIndex(o=>o.userId===t.userId)>-1),ne=(e,l)=>e.filter(t=>l.findIndex(o=>o.subType===t.value)>-1),k=e=>`${e}_form`,Pe=e=>`${e}`,ie=c.div`
+import{y as W,u as L,d as M,J as G,O as U,aa as H,aS as J,aL as X,cH as Y,V as r,bE as K,ad as Q,aT as Z,o as b,gb as ee}from"./index-sotzB3Mx.js";import{a as T}from"./sentry-2bqpslFP.js";import{n as c}from"./mui-CWqpJBOf.js";import{b as te,f as le,o as B,l as _}from"./FollowStepsSection-D5ln-mii-C0ucHGsw.js";import"./liveblocks-DezulwOD.js";import"./core-D2KcXy_y.js";import"./recharts-H7gIkfSf.js";import"./zeni-epic-state-DM-Ak8Gv.js";import"./lottie-D7_uSTtS.js";import"./analytics-DRVsD-is.js";import"./lexical-Dj2KAtCD.js";import"./utils-Bfvb8rvn.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="1078bca3-3439-4ebd-ac48-64b29318e79f",e._sentryDebugIdIdentifier="sentry-dbid-1078bca3-3439-4ebd-ac48-64b29318e79f")}catch{}})();const k="reimbursementApprovalRuleDetailPage",$="lowerBound",j="upperBound",I="steps",h="applyToExistingReimbursements",ae={footerPadding:new W(L[2],L[3])};function Re({localData:e,approvalUpdateActionType:l,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:i=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:w}){const V=M(),A=G(),a=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,l==="approval_create"&&!t),y=H({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,R=J(u?.fetchState),{upperBound:P}=x,{allApprovalRules:d,allAccountingClasses:O,remiSetupApproverViewUpdateData:m}=e;let f=d.length>1?d.length-1:0,v=d.length>0?d[f].criteria[0].range.min.amount:0;if(m!=null&&m.type==="approval_update"&&m.data!=null){const{approvalRuleId:n}=m.data;f=d.findIndex(p=>p.approvalRuleId===n),v=f>0?d[f-1].criteria[0].range.min.amount:0}const q=y.handleSubmit(()=>{N()}),z=async(n,p)=>{g(p)};return T.useEffect(()=>{const n=y.watch((p,{name:D})=>{if(D!=null&&p!=null){const F=X(p);Y(()=>z(D,F))}});return()=>{n.unsubscribe()}}),T.useEffect(()=>{R==="In-Progress"&&u?.fetchState==="Completed"&&w()},[R,u?.fetchState,w]),r.jsxs(ie,{children:[r.jsx(K,{title:l==="approval_create"?a.newApproval:a.editApproval,backgroundColor:V.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Q,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:C(k),onSubmit:q,children:r.jsxs(pe,{children:[r.jsx(te,{label:{label:i?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:$,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:n=>t?!0:n!=null&&n>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:i,additionalInfoLabel:a.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(le,{sectionId:I,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:O,stepsInfo:x[I],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:C(k),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:l==="approval_create"&&d.length===0?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:a.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:ae.footerPadding.valuePx(A)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,l)=>{const{criteria:t,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},i=e.allApprovalRules.length===0;return{[h]:i?[]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),B(e.allAttributes),B(e.filteredAttributes),o??[])??[],[$]:l?void 0:t!=null?t.range.min.amount??0:0,[j]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},oe=(e,l,t,o,i)=>i&&i.length>0?i.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:_},actors:{allUsers:l,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(t,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:_},actors:{allUsers:l,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,l)=>e.filter(t=>t.userId!=null&&l.findIndex(o=>o.userId===t.userId)>-1),ne=(e,l)=>e.filter(t=>l.findIndex(o=>o.subType===t.value)>-1),C=e=>`${e}_form`,Pe=e=>`${e}`,ie=c.div`
   display: flex;
   height: 100%;
   flex-direction: column;
@@ -29,4 +29,4 @@ import{x as M,u as L,y as W,Q as G,b as U,aa as J,aS as Q,aM as X,cJ as H,V as r
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`;export{ae as D,Re as default,k as uniqueFormName,Pe as uniqueName};
+`;export{ae as D,Re as default,C as uniqueFormName,Pe as uniqueName};

package/dist/assets/{ReimbursementApprovalRulesPage-bXsxoJ-h--lf8D9ac.js → ReimbursementApprovalRulesPage-SKRjcth4-C1ni0caN.js}

@@ -1,4 +1,4 @@
-import{y as F,Q as N,b as j,V as t,bE as G,L as V,ac as m,o,x as r,an as M,aQ as P,bX as k,ct as O,cu as q,cv as Q,d3 as J,u as l,bb as K,O as T,ba as X,p as z,d2 as Y,bv as Z,w as ee}from"./index-DceSoL0X.js";import{n as i}from"./mui-B9ZZxqGv.js";import{a as te}from"./sentry-DSwgNZrO.js";import"./liveblocks-C3olwiFW.js";import"./core-CddRDKK5.js";import"./recharts-Df6P8LTk.js";import"./zeni-epic-state-BKQAT3eK.js";import"./lottie-DHSNlrty.js";import"./analytics-BBPxpXjb.js";import"./lexical-CRAxrDKi.js";import"./utils-bhjg_GlW.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="55c56a3e-7ab1-4bdf-9e30-01c86b7bf4ca",e._sentryDebugIdIdentifier="sentry-dbid-55c56a3e-7ab1-4bdf-9e30-01c86b7bf4ca")}catch{}})();const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},E={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},oe=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection:w=!1,approvalRule:f,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[x,g]=te.useState(!1),n=N(),{range:h}=f.criteria[0],{steps:$,approvalRuleId:p}=f,a=j.getLocalizedStrings().commonSetUp.approval,v=()=>{g(!0)},U={onOkClick:()=>{g(!1),y?.(p)},onCancelClick:()=>{g(!1)}};return t.jsxs(ie,{windowSize:n,isLastSection:w,isUpdatingApprovalRules:c,"data-testid":m("approval-rule-section",p),children:[t.jsxs(re,{windowSize:n,children:[t.jsxs(ue,{children:[t.jsxs(W,{windowSize:n,children:[a.from," ",P("0,0",h.min)]}),t.jsxs(le,{children:[t.jsx(R,{}),t.jsx(se,{}),t.jsx(R,{})]}),h.max==null?t.jsx(me,{}):t.jsx(W,{windowSize:n,children:P("0,0",{...h.min,amount:h.max.amount})})]}),t.jsxs(he,{className:"icons",children:[e?c?t.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(I,{isDisabled:!0,"data-testid":m("delete-approval-rule",p)})})}):t.jsx(I,{onClick:v,"data-testid":m("delete-approval-rule",p)}):null,c?t.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(B,{isDisabled:!0,"data-testid":m("edit-approval-rule",p)})})}):t.jsx(B,{onClick:()=>{S(p)},"data-testid":m("edit-approval-rule",p)})]})]}),t.jsx(ae,{windowSize:n,children:t.jsx(ne,{isSingleStep:$.length===1,windowSize:n,children:$.map((u,H)=>t.jsxs(pe,{isSingleStep:$.length===1,className:"stepperItem",windowSize:n,children:[u.action==="require_approval"?t.jsx(de,{children:a.requireText}):t.jsx(ce,{children:a.notifyText}),u.nonUserActors.filter(d=>d.subType!=null).map((d,_)=>t.jsxs(A,{children:[t.jsx(D,{children:d.subType!=null?a.nonUsers[d.subType].label:null}),u.operator!="is"?t.jsx(L,{className:"operator",children:u.operator}):null]},`${d.subType}_${_}`)),u.actors.map(d=>t.jsxs(A,{children:[t.jsxs(D,{children:[d.firstName," ",d.lastName]}),u.operator!="is"?t.jsx(L,{className:"operator",children:u.operator}):null]},d.userId))]},H))})}),x?t.jsx(O,{titleComponent:t.jsx(Q,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(q,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:U}):null]})},ie=i.div`
+import{d as V,J as N,O as j,V as t,bE as G,T as F,aR as m,o,y as r,am as E,aP as P,bV as T,cr as O,cs as q,ct as K,d1 as J,u as l,bb as Q,H as k,ba as X,p as z,d0 as Y,bv as Z,b as ee}from"./index-sotzB3Mx.js";import{n as i}from"./mui-CWqpJBOf.js";import{a as te}from"./sentry-2bqpslFP.js";import"./liveblocks-DezulwOD.js";import"./core-D2KcXy_y.js";import"./recharts-H7gIkfSf.js";import"./zeni-epic-state-DM-Ak8Gv.js";import"./lottie-D7_uSTtS.js";import"./analytics-DRVsD-is.js";import"./lexical-Dj2KAtCD.js";import"./utils-Bfvb8rvn.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="4fbb6f89-610f-42af-a270-6690c8a10872",e._sentryDebugIdIdentifier="sentry-dbid-4fbb6f89-610f-42af-a270-6690c8a10872")}catch{}})();const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},H={stepper:new k("smallRegular","standardRegular"),amount:new k("standardRegular","largeRegular")},oe=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection:x=!1,approvalRule:b,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[g,w]=te.useState(!1),n=N(),{range:h}=b.criteria[0],{steps:$,approvalRuleId:p}=b,a=j.getLocalizedStrings().commonSetUp.approval,v=()=>{w(!0)},M={onOkClick:()=>{w(!1),y?.(p)},onCancelClick:()=>{w(!1)}};return t.jsxs(ie,{windowSize:n,isLastSection:x,isUpdatingApprovalRules:c,"data-testid":m("approval-rule-section",p),children:[t.jsxs(re,{windowSize:n,children:[t.jsxs(ue,{children:[t.jsxs(W,{windowSize:n,children:[a.from," ",P("0,0",h.min)]}),t.jsxs(le,{children:[t.jsx(R,{}),t.jsx(se,{}),t.jsx(R,{})]}),h.max==null?t.jsx(me,{}):t.jsx(W,{windowSize:n,children:P("0,0",{...h.min,amount:h.max.amount})})]}),t.jsxs(he,{className:"icons",children:[e?c?t.jsx(T,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(I,{isDisabled:!0,"data-testid":m("delete-approval-rule",p)})})}):t.jsx(I,{onClick:v,"data-testid":m("delete-approval-rule",p)}):null,c?t.jsx(T,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(B,{isDisabled:!0,"data-testid":m("edit-approval-rule",p)})})}):t.jsx(B,{onClick:()=>{S(p)},"data-testid":m("edit-approval-rule",p)})]})]}),t.jsx(ae,{windowSize:n,children:t.jsx(ne,{isSingleStep:$.length===1,windowSize:n,children:$.map((u,U)=>t.jsxs(pe,{isSingleStep:$.length===1,className:"stepperItem",windowSize:n,children:[u.action==="require_approval"?t.jsx(de,{children:a.requireText}):t.jsx(ce,{children:a.notifyText}),u.nonUserActors.filter(d=>d.subType!=null).map((d,_)=>t.jsxs(L,{children:[t.jsx(D,{children:d.subType!=null?a.nonUsers[d.subType].label:null}),u.operator!="is"?t.jsx(A,{className:"operator",children:u.operator}):null]},`${d.subType}_${_}`)),u.actors.map(d=>t.jsxs(L,{children:[t.jsxs(D,{children:[d.firstName," ",d.lastName]}),u.operator!="is"?t.jsx(A,{className:"operator",children:u.operator}):null]},d.userId))]},U))})}),g?t.jsx(O,{titleComponent:t.jsx(K,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(q,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:M}):null]})},ie=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -14,7 +14,7 @@ import{y as F,Q as N,b as j,V as t,bE as G,L as V,ac as m,o,x as r,an as M,aQ as
       border-color: ${e=>e.isUpdatingApprovalRules===!0?e.theme.colors.grey3:e.theme.colors.primary};
     }
   }
-`,re=i(K)`
+`,re=i(Q)`
   display: flex;
   position: relative;
   align-items: center;
@@ -57,7 +57,7 @@ import{y as F,Q as N,b as j,V as t,bE as G,L as V,ac as m,o,x as r,an as M,aQ as
   box-sizing: border-box;
   position: relative;
 `,ne=i.ul`
-  ${e=>`${E.stepper.style(e.windowSize)}`};
+  ${e=>`${H.stepper.style(e.windowSize)}`};
   position: relative;
   padding-left: ${o.sp6};
   list-style: none;
@@ -166,16 +166,16 @@ import{y as F,Q as N,b as j,V as t,bE as G,L as V,ac as m,o,x as r,an as M,aQ as
   width: ${o.sp4};
   height: ${o.sp4};
   color: ${e=>e.theme.colors.hero};
-`,L=i.span`
+`,A=i.span`
   color: ${e=>e.theme.colors.hero};
-`,A=i.div`
+`,L=i.div`
   display: inherit;
   gap: inherit;
 `,W=i.span`
-  ${e=>`${E.amount.style(e.windowSize)}`};
+  ${e=>`${H.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,b={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Be=({approvalView:e,onBackClick:c,onEditRuleClick:w,onDeleteRuleClick:f})=>{const S=F(),y=N(),{fetchState:x,deleteStatus:g}=e,n=j.getLocalizedStrings().commonSetUp.approval,h=j.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,$=g.fetchState,p=e.listeningToPusherEvent;return t.jsxs(we,{children:[t.jsx(G,{title:n.approvalPageHeader,backgroundColor:S.colors.grey4,style:{zIndex:4},onBackClick:()=>{c()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(xe,{children:[t.jsx($e,{windowSize:y,children:h.approvalPageSubTitle}),x==="In-Progress"||x==="Not-Started"||$==="In-Progress"?t.jsx(ge,{children:t.jsx(V,{size:"ExtraLarge",start:!0})}):x==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,v)=>t.jsx(oe,{showDeleteBtn:v!==0,disableButtons:p===!0&&a.approvalRuleId===e.newApprovalRuleId,approvalRule:a,isLastSection:v===e.allApprovalRules.length-1,onEditRuleClick:w,onDeleteRuleClick:f},a.approvalRuleId)),t.jsxs(be,{windowSize:y,onClick:()=>{w()},"data-testid":m("add-approval-rule"),children:[t.jsx(fe,{}),t.jsx(ye,{children:n.addApprovalText})]})]}):null]})]})},we=i.div`
+`,f={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Be=({approvalView:e,onBackClick:c,onEditRuleClick:x,onDeleteRuleClick:b})=>{const S=V(),y=N(),{fetchState:g,deleteStatus:w}=e,n=j.getLocalizedStrings().commonSetUp.approval,h=j.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,$=w.fetchState,p=e.listeningToPusherEvent;return t.jsxs(xe,{children:[t.jsx(G,{title:n.approvalPageHeader,backgroundColor:S.colors.grey4,style:{zIndex:4},onBackClick:()=>{c()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(ge,{children:[t.jsx($e,{windowSize:y,children:h.approvalPageSubTitle}),g==="In-Progress"||g==="Not-Started"||$==="In-Progress"?t.jsx(we,{children:t.jsx(F,{size:"ExtraLarge",start:!0})}):g==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,v)=>t.jsx(oe,{showDeleteBtn:v!==0,disableButtons:p===!0&&a.approvalRuleId===e.newApprovalRuleId,approvalRule:a,isLastSection:v===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:b},a.approvalRuleId)),t.jsxs(fe,{windowSize:y,onClick:()=>{x()},"data-testid":m("add-approval-rule"),children:[t.jsx(be,{}),t.jsx(ye,{children:n.addApprovalText})]})]}):null]})]})},xe=i.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -183,14 +183,14 @@ import{y as F,Q as N,b as j,V as t,bE as G,L as V,ac as m,o,x as r,an as M,aQ as
   background-color: ${e=>e.theme.colors.grey4};
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
     ${e.theme.colors.dropShadowNormal}`};
-`,xe=i.div`
+`,ge=i.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
   overflow-y: auto;
   flex-direction: column;
   align-items: center;
-`,ge=i.div`
+`,we=i.div`
   display: flex;
   width: 100%;
   min-height: calc(100vh - 150px);
@@ -199,23 +199,23 @@ import{y as F,Q as N,b as j,V as t,bE as G,L as V,ac as m,o,x as r,an as M,aQ as
   align-items: center;
   gap: ${o.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,$e=i(M)`
+`,$e=i(E)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
-  width: ${e=>b.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>b.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>b.subTitlePaddingBottom.valuePx(e.windowSize)};
-`,be=i(M)`
+  width: ${e=>f.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>f.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>f.subTitlePaddingBottom.valuePx(e.windowSize)};
+`,fe=i(E)`
   cursor: pointer;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: ${o.sp3} ${o.sp4};
-  gap: ${e=>b.addApprovalGap.valuePx(e.windowSize)};
+  gap: ${e=>f.addApprovalGap.valuePx(e.windowSize)};
 
-  width: ${e=>b.width.valuePx(e.windowSize)};
+  width: ${e=>f.width.valuePx(e.windowSize)};
   height: ${o.sp8};
 
   background: ${e=>e.theme.colors.grey5};
@@ -235,7 +235,7 @@ import{y as F,Q as N,b as j,V as t,bE as G,L as V,ac as m,o,x as r,an as M,aQ as
     border-color: ${e=>e.theme.colors.primary};
   }
   margin-bottom: ${o.sp6};
-`,fe=i(J)`
+`,be=i(J)`
   width: ${o.sp3};
   height: ${o.sp3};
 `,ye=i.div`