@zeniai/web-cockpit-ui 1.15.48-dev → 1.15.49-dev

package/dist/assets/{Preview-D0sjWWj-.js → Preview-qBYtkSAF.js}

@@ -1 +1 @@
-import{a as h,P as n}from"./sentry-ClS5bwGc.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-DQ_HstYV.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-ufZlh7Rx-CeYUIWta.js → ProductsCarousel-eVPl5t0I-BGcfqmV6.js}

@@ -1,4 +1,4 @@
-import{F as I,V as t,a8 as B,o as c,c3 as N,b0 as U,u as V,d8 as q,aq as G,al as T,d9 as H,p as v}from"./index-CbBDw148.js";import{a as y}from"./sentry-ClS5bwGc.js";import{n as i}from"./mui-BLUOobNq.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]="e4bce4be-d3e1-4bfc-9b03-cf6e6a842818",e._sentryDebugIdIdentifier="sentry-dbid-e4bce4be-d3e1-4bfc-9b03-cf6e6a842818")}catch{}})();const u=I.getLocalizedStrings(),w={large:{labelComp:q,title:G,subtitle:T,seeMoreLink:T}},J={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},r=J.large,Y=i.div`
+import{b as O,V as t,a9 as B,o as c,c4 as N,b1 as U,u as G,da as H,as as J,an as T,db as V,p as v}from"./index-Cq3X29cS.js";import{a as $}from"./sentry-DQ_HstYV.js";import{n as i}from"./mui-DzE-7sTl.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="f5f7f8e6-365e-487c-a1b9-6dc513987e6f",e._sentryDebugIdIdentifier="sentry-dbid-f5f7f8e6-365e-487c-a1b9-6dc513987e6f")}catch{}})();const u=O.getLocalizedStrings(),w={large:{labelComp:H,title:J,subtitle:T,seeMoreLink:T}},Y={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},r=Y.large,Z=i.div`
   width: ${e=>e.scale*r.width}px;
   height: ${e=>e.scale*r.height}px;
   overflow: hidden;
@@ -18,16 +18,16 @@ import{F as I,V as t,a8 as B,o as c,c3 as N,b0 as U,u as V,d8 as q,aq as G,al as
     box-shadow: ${e=>`${e.variant==="large"?v.Elevation2Light:v.Elevation1Light}`};
     border-radius: ${e=>e.scale*r.borderRadius}px;
   }
-`,K=i(w.large.labelComp)`
+`,q=i(w.large.labelComp)`
   color: ${e=>e.theme.colors.brandColorRuby};
   text-transform: uppercase;
   margin-bottom: ${e=>e.scale*r.gap}px;
   text-align: left;
-`,Q=i(w.large.title)`
+`,K=i(w.large.title)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${e=>e.scale*r.gap}px;
   text-align: left;
-`,Z=i(w.large.subtitle)`
+`,Q=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{F as I,V as t,a8 as B,o as c,c3 as N,b0 as U,u as V,d8 as q,aq as G,al as
   align-items: center;
   height: ${e=>e.scale*r.svgContainerHeight}px;
   margin-bottom: ${e=>e.scale*r.imageGap}px;
-`,se=i(H)`
+`,se=i(V)`
   width: ${e=>e.scale*r.svgSize}px;
   min-width: ${e=>e.scale*r.svgSize}px;
   height: ${e=>e.scale*r.svgSize}px;
@@ -76,7 +76,7 @@ import{F as I,V as t,a8 as B,o as c,c3 as N,b0 as U,u as V,d8 as q,aq as G,al as
   height: 100%;
   object-fit: fill;
   object-position: center;
-`,le=({scale:e=1,variant:o="large",label:n,title:a,subtitle:h,seeMoreLink:l,image:d})=>{const p=t.jsx(ee,{scale:e,variant:o,padding:r.padding*e,children:t.jsxs(ie,{children:[t.jsxs(oe,{children:[n!=null&&n.trim()!==u.common.strings.empty?t.jsx(K,{scale:e,children:n}):null,a!=null&&a.trim()!==u.common.strings.empty?t.jsx(Q,{scale:e,children:a}):null,h!=null&&h.trim()!==u.common.strings.empty?t.jsx(Z,{scale:e,children:h}):null,l!=null&&l.trim()!==u.common.strings.empty?t.jsxs(re,{scale:e,children:[t.jsx(W,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(se,{scale:e})]}):null]}),d!=null&&d.trim()!==u.common.strings.empty?t.jsx(ae,{children:t.jsx(ne,{src:d,loading:"lazy"})}):null]})});return t.jsx(Y,{scale:e,variant:o,children:o==="large"&&l!=null&&l.trim()!==u.common.strings.empty?t.jsx(te,{href:l,target:"_blank",rel:"noopener noreferrer",children:p}):p})},b=2,X=5,ce=496,de=V[5],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(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`
   width: 100%;
   height: 100%;
   position: relative;
@@ -139,4 +139,4 @@ import{F as I,V as t,a8 as B,o as c,c3 as N,b0 as U,u as V,d8 as q,aq as G,al 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,M=ce*pe*a/2,S=ge*a+M+de/2,x=y.useCallback(s=>{$||(C(!0),l(g=>(g+s+f)%f),setTimeout(()=>C(!1),1e3))},[$,f]);y.useEffect(()=>{if(d||n||$)return;const s=setInterval(()=>{x(1)},3e3);return()=>clearInterval(s)},[d,n,$,x]);const _=s=>(h+s-b+f)%f,O=s=>{const g=Array.from({length:X},(m,k)=>_(k)).indexOf(s)-b;g!==0&&x(g),o?L.trackOnboardingLandingPageCardClick(e[s].cardTitle):L.trackOnboardingInterimCard(e[s].cardTitle)};return t.jsxs(me,{children:[t.jsx(D,{arrowOffset:S,position:"left",onClick:()=>x(-1),children:t.jsx(ue,{className:"btnsvg"})}),t.jsx(be,{children:e.map((s,g)=>{const m=Array.from({length:X},(ve,A)=>_(A)).indexOf(g);if(m===-1)return null;const{positionX:k,scale:E}=j[m],z=m===b,P=E*a,F=k*a,R=1.02*a;return t.jsx(fe,{isForeFront:z,positionX:F,scale:P,hoverScale:R,onClick:()=>O(g),onMouseEnter:()=>z&&p(!0),onMouseLeave:()=>z&&p(!1),style:{zIndex:m===b?5:5-Math.abs(m-b)},children:t.jsx(le,{label:s.cardTitle,title:s.sectionTitle,subtitle:s.sectionSubTitle,seeMoreLink:s.redirectLink,image:s.imageLink,variant:m===b?"large":m===b-1?"medium":"small"})},g)})}),t.jsx(D,{arrowOffset:S,position:"right",onClick:()=>x(1),children:t.jsx(he,{className:"btnsvg"})})]})},ye=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],$e=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],je=({scale:e=1,showUpdatePaymentDetailButton:o=!1,stopCarousel:n=!1})=>{const{customerOnboardingPage:a}=I.getLocalizedStrings(),{productSuite:h}=a,l=h.productCard.cards.map((d,p)=>({...d,imageLink:ye[p],redirectLink:$e[p]}));return t.jsx(xe,{cards:l,scale:e,showUpdatePaymentDetailButton:o,stopCarousel:n})};export{je as T};
+`,xe=({cards:e,showUpdatePaymentDetailButton:o,stopCarousel:n,scale:a=1})=>{const[h,l]=$.useState(2),[d,p]=$.useState(!1),[y,C]=$.useState(!1),f=e.length,L=B().analytics,M=ce*pe*a/2,_=ge*a+M+de/2,x=$.useCallback(s=>{y||(C(!0),l(g=>(g+s+f)%f),setTimeout(()=>C(!1),1e3))},[y,f]);$.useEffect(()=>{if(d||n||y)return;const s=setInterval(()=>{x(1)},3e3);return()=>clearInterval(s)},[d,n,y,x]);const S=s=>(h+s-b+f)%f,I=s=>{const g=Array.from({length:X},(m,k)=>S(k)).indexOf(s)-b;g!==0&&x(g),o?L.trackOnboardingLandingPageCardClick(e[s].cardTitle):L.trackOnboardingInterimCard(e[s].cardTitle)};return t.jsxs(me,{children:[t.jsx(D,{arrowOffset:_,position:"left",onClick:()=>x(-1),children:t.jsx(ue,{className:"btnsvg"})}),t.jsx(be,{children:e.map((s,g)=>{const m=Array.from({length:X},(ve,A)=>S(A)).indexOf(g);if(m===-1)return null;const{positionX:k,scale:E}=j[m],z=m===b,P=E*a,R=k*a,F=1.02*a;return t.jsx(fe,{isForeFront:z,positionX:R,scale:P,hoverScale:F,onClick:()=>I(g),onMouseEnter:()=>z&&p(!0),onMouseLeave:()=>z&&p(!1),style:{zIndex:m===b?5:5-Math.abs(m-b)},children:t.jsx(le,{label:s.cardTitle,title:s.sectionTitle,subtitle:s.sectionSubTitle,seeMoreLink:s.redirectLink,image:s.imageLink,variant:m===b?"large":m===b-1?"medium":"small"})},g)})}),t.jsx(D,{arrowOffset:_,position:"right",onClick:()=>x(1),children:t.jsx(he,{className:"btnsvg"})})]})},$e=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],ye=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],je=({scale:e=1,showUpdatePaymentDetailButton:o=!1,stopCarousel:n=!1})=>{const{customerOnboardingPage:a}=O.getLocalizedStrings(),{productSuite:h}=a,l=h.productCard.cards.map((d,p)=>({...d,imageLink:$e[p],redirectLink:ye[p]}));return t.jsx(xe,{cards:l,scale:e,showUpdatePaymentDetailButton:o,stopCarousel:n})};export{je as T};

package/dist/assets/{PromoBaseCards-D2UbhBhT-Bd7EQvVS.js → PromoBaseCards-HrcAWM4W-BKT0vHPP.js}

@@ -1,4 +1,4 @@
-import{J as m,V as r,dd as b,de as v,df as y,by as z,o as e,p as d,y as a,H as c,u as p}from"./index-CbBDw148.js";import{c as i,n as g,k as f}from"./mui-BLUOobNq.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]="915a765b-c2ae-40df-82ad-2fbc703642cd",o._sentryDebugIdIdentifier="sentry-dbid-915a765b-c2ae-40df-82ad-2fbc703642cd")}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`
+import{J as m,V as r,df as b,dg as v,dh as y,bz as z,o as e,p as d,x as a,c,u as p}from"./index-Cq3X29cS.js";import{c as i,n as g,k as f}from"./mui-DzE-7sTl.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new o.Error().stack;l&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[l]="5389ebec-8a4c-45ff-b20d-3163d858570f",o._sentryDebugIdIdentifier="sentry-dbid-5389ebec-8a4c-45ff-b20d-3163d858570f")}catch{}})();const t={plasticCardMarginLeft:new a(p[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(p[2],13),businessTextBottom:new a(p[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(p[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(p[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(p[2],13),visaLogoBottom:new a(p[2],13)},u={businessText:new c("extraSmallRegular","largeRegular"),promoBusinessText:new c("tinyLight","tinyLight")},R=({cardText:o,shouldAnimate:l,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=m();return r.jsxs(B,{cardPromoType:$,windowSize:n,shouldAnimate:l,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(j,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(L,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(S,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(y,{})})]})},A=({cardText:o,shouldAnimate:l,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=m();return r.jsxs(W,{cardPromoType:$,windowSize:n,shouldAnimate:l,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(P,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(k,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(L,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(S,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(y,{})})]})},C=f`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -183,7 +183,7 @@ import{J as m,V as r,dd as b,de as v,df as y,by as z,o as e,p as d,y as a,H as c
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`,H=g.div`
+`,W=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{J as m,V as r,dd as b,de as v,df as y,by as z,o as e,p as d,y as a,H 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 h=o.windowSize==="small"?C:D;return i`
+  ${o=>{if(o.shouldAnimate){const l=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: ${h} 2800ms infinite;
+        animation: ${l} 2800ms infinite;
       `}return null}}
   ${o=>o.forDashboard?i`
           width: 190px;

package/dist/assets/{QBOConnectionDialog-BrQ71F06-SmKPuRPN.js → QBOConnectionDialog-DgyYkEYY-Cpn7NAss.js}

@@ -1,4 +1,4 @@
-import{J as w,F as r,V as n,bT as y,i as l,y as c,o as i,aq as b,al as $,af as j,bw as P,eR as v,u as t}from"./index-CbBDw148.js";import{n as o}from"./mui-BLUOobNq.js";import"./sentry-ClS5bwGc.js";import"./liveblocks-ivZsDCw2.js";import"./core-Ce1HnmCU.js";import"./recharts-J8hRG6fl.js";import"./zeni-epic-state-W0HMFHDj.js";import"./lottie-solWV_WO.js";import"./analytics-hCfYtzJT.js";import"./lexical-Dk2CPrxk.js";import"./utils-DG8PAOHO.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]="03a6e4c6-aeb5-4434-8590-840179942d33",e._sentryDebugIdIdentifier="sentry-dbid-03a6e4c6-aeb5-4434-8590-840179942d33")}catch{}})();const s={containerPaddingTop:new c(t[5],t[7]),containerPaddingBottom:new c(t[5],t[5]),containerPaddingLeftRight:new c(t[6],t[11])},_=o.div`
+import{J as f,b as r,V as n,bU as y,a as l,x as c,o as i,as as w,an as $,ah as j,bx as P,eT as v,u as t}from"./index-Cq3X29cS.js";import{n as o}from"./mui-DzE-7sTl.js";import"./sentry-DQ_HstYV.js";import"./liveblocks-hPir54fv.js";import"./core-CCdM5htn.js";import"./recharts-CiLmNGsl.js";import"./zeni-epic-state-B4gyGBI3.js";import"./lottie-B9oE3WTk.js";import"./analytics-BxsZVqMD.js";import"./lexical-BfjdJw9p.js";import"./utils-wDk5ojg7.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="0cd7030b-1397-440c-a8b9-20dc88f771ce",e._sentryDebugIdIdentifier="sentry-dbid-0cd7030b-1397-440c-a8b9-20dc88f771ce")}catch{}})();const s={containerPaddingTop:new c(t[5],t[7]),containerPaddingBottom:new c(t[5],t[5]),containerPaddingLeftRight:new c(t[6],t[11])},_=o.div`
   border-radius: inherit;
   max-width: 520px;
   text-align: center;
@@ -8,17 +8,17 @@ import{J as w,F as r,V as n,bT as y,i as l,y as c,o as i,aq as b,al as $,af as j
   padding-bottom: ${e=>s.containerPaddingBottom.valuePx(e.windowSize)};
   padding-right: ${e=>s.containerPaddingLeftRight.valuePx(e.windowSize)};
   padding-left: ${e=>s.containerPaddingLeftRight.valuePx(e.windowSize)};
-`,z=o(b)`
+`,z=o(w)`
   color: ${e=>e.theme.colors.primary};
   padding: ${i.sp0} ${i.sp0} ${i.sp4};
   min-width: 260px;
 `,k=o($)`
   color: ${e=>e.theme.colors.hero};
   max-width: 360px;
-`,I=o.div`
-  margin: 20px ${i.sp0};
 `,A=o.div`
   margin: 20px ${i.sp0};
+`,I=o.div`
+  margin: 20px ${i.sp0};
 `,L=o.hr`
   width: 100%;
   border: 0.2px solid ${e=>e.theme.colors.grey3};
@@ -45,7 +45,7 @@ import{J as w,F as r,V as n,bT as y,i as l,y as c,o as i,aq as b,al as $,af as j
   color: ${e=>e.theme.colors.hero};
   height: ${i.sp4};
   width: ${i.sp4};
-`,R=o(v)`
+`,O=o(v)`
   height: ${i.sp4};
   color: ${e=>e.theme.colors.primary};
-`;function M({companyName:e="",isGoBackAllowed:a,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const u=w(),x=r.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),f=r.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(y,{open:g,children:n.jsxs(_,{windowSize:u,children:[n.jsxs(S,{children:[n.jsx(z,{children:r.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?x:f}),n.jsxs(B,{children:[n.jsx(C,{}),n.jsx(D,{}),n.jsx(R,{})]})]}),d||a?n.jsxs(n.Fragment,{children:[n.jsx(L,{}),n.jsxs(T,{children:[a===!0?n.jsx(A,{children:n.jsx(l,{variant:"secondary",label:r.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(I,{children:n.jsx(l,{variant:"primary",label:r.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{M as default};
+`;function K({companyName:e="",isGoBackAllowed:a,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=f(),u=r.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),b=r.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(y,{open:g,children:n.jsxs(_,{windowSize:x,children:[n.jsxs(S,{children:[n.jsx(z,{children:r.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?u:b}),n.jsxs(B,{children:[n.jsx(C,{}),n.jsx(D,{}),n.jsx(O,{})]})]}),d||a?n.jsxs(n.Fragment,{children:[n.jsx(L,{}),n.jsxs(T,{children:[a===!0?n.jsx(I,{children:n.jsx(l,{variant:"secondary",label:r.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(A,{children:n.jsx(l,{variant:"primary",label:r.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{K as default};

package/dist/assets/QBOSetupSection-C4KJ5iyA-DQVhDTXa.js

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

@@ -1,4 +1,4 @@
-import{y as W,u as L,d as G,J as M,F as U,a9 as J,aR as K,aK as X,cG as H,V as r,bD as Q,ac as Y,aS as Z,o as b,ga as ee}from"./index-CbBDw148.js";import{a as B}from"./sentry-ClS5bwGc.js";import{n as c}from"./mui-BLUOobNq.js";import{b as ae,f as te,o as T,l as _}from"./FollowStepsSection-GaWu1kt9-BRvlMtUk.js";import"./liveblocks-ivZsDCw2.js";import"./core-Ce1HnmCU.js";import"./recharts-J8hRG6fl.js";import"./zeni-epic-state-W0HMFHDj.js";import"./lottie-solWV_WO.js";import"./analytics-hCfYtzJT.js";import"./lexical-Dk2CPrxk.js";import"./utils-DG8PAOHO.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]="3e97d838-1ac7-4443-aa4f-280693d030dc",e._sentryDebugIdIdentifier="sentry-dbid-3e97d838-1ac7-4443-aa4f-280693d030dc")}catch{}})();const $="reimbursementApprovalRuleDetailPage",C="lowerBound",j="upperBound",I="steps",h="applyToExistingReimbursements",le={footerPadding:new W(L[2],L[3])};function Re({localData:e,approvalUpdateActionType:t,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:i=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:w}){const F=G(),A=M(),l=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,t==="approval_create"&&!a),y=J({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,R=K(u?.fetchState),{upperBound:P}=x,{allApprovalRules:d,allAccountingClasses:V,remiSetupApproverViewUpdateData:m}=e;let f=d.length>1?d.length-1:0,v=d.length>0?d[f].criteria[0].range.min.amount:0;if(m!=null&&m.type==="approval_update"&&m.data!=null){const{approvalRuleId:n}=m.data;f=d.findIndex(p=>p.approvalRuleId===n),v=f>0?d[f-1].criteria[0].range.min.amount:0}const q=y.handleSubmit(()=>{N()}),z=async(n,p)=>{g(p)};return B.useEffect(()=>{const n=y.watch((p,{name:D})=>{if(D!=null&&p!=null){const O=X(p);H(()=>z(D,O))}});return()=>{n.unsubscribe()}}),B.useEffect(()=>{R==="In-Progress"&&u?.fetchState==="Completed"&&w()},[R,u?.fetchState,w]),r.jsxs(ie,{children:[r.jsx(Q,{title:t==="approval_create"?l.newApproval:l.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:k($),onSubmit:q,children:r.jsxs(pe,{children:[r.jsx(ae,{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=>a?!0:n!=null&&n>v},isDisabled:a,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:i,additionalInfoLabel:l.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(te,{sectionId:I,label:{label:l.followStepsLabel},approversPlaceholder:l.approversPlaceholder,notifiersPlaceholder:l.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:V,stepsInfo:x[I],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:k($),primaryBtn:{label:l.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:t==="approval_create"&&d.length===0?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:l.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:le.footerPadding.valuePx(A)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,t)=>{const{criteria:a,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},i=e.allApprovalRules.length===0;return{[h]:i?[]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),T(e.allAttributes),T(e.filteredAttributes),o??[])??[],[C]:t?void 0:a!=null?a.range.min.amount??0:0,[j]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},oe=(e,t,a,o,i)=>i&&i.length>0?i.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:_},actors:{allUsers:t,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(a,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:_},actors:{allUsers:t,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,t)=>e.filter(a=>a.userId!=null&&t.findIndex(o=>o.userId===a.userId)>-1),ne=(e,t)=>e.filter(a=>t.findIndex(o=>o.subType===a.value)>-1),k=e=>`${e}_form`,Pe=e=>`${e}`,ie=c.div`
+import{x as M,u as L,y as W,J as G,b as U,aa as J,aS as X,aM as H,cI as K,V as r,bE as Q,ae as Y,aT as Z,o as b,gc as ee}from"./index-Cq3X29cS.js";import{a as T}from"./sentry-DQ_HstYV.js";import{n as c}from"./mui-DzE-7sTl.js";import{b as ae,f as te,o as B,l as _}from"./FollowStepsSection-BlgHPyvL-BhwHykaB.js";import"./liveblocks-hPir54fv.js";import"./core-CCdM5htn.js";import"./recharts-CiLmNGsl.js";import"./zeni-epic-state-B4gyGBI3.js";import"./lottie-B9oE3WTk.js";import"./analytics-BxsZVqMD.js";import"./lexical-BfjdJw9p.js";import"./utils-wDk5ojg7.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]="da7943ae-5296-41ed-87ed-22aac4aade11",e._sentryDebugIdIdentifier="sentry-dbid-da7943ae-5296-41ed-87ed-22aac4aade11")}catch{}})();const $="reimbursementApprovalRuleDetailPage",C="lowerBound",j="upperBound",I="steps",h="applyToExistingReimbursements",le={footerPadding:new M(L[2],L[3])};function Re({localData:e,approvalUpdateActionType:t,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:i=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:w}){const V=W(),A=G(),l=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,t==="approval_create"&&!a),y=J({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,R=X(u?.fetchState),{upperBound:P}=x,{allApprovalRules:d,allAccountingClasses:O,remiSetupApproverViewUpdateData:m}=e;let f=d.length>1?d.length-1:0,v=d.length>0?d[f].criteria[0].range.min.amount:0;if(m!=null&&m.type==="approval_update"&&m.data!=null){const{approvalRuleId:n}=m.data;f=d.findIndex(p=>p.approvalRuleId===n),v=f>0?d[f-1].criteria[0].range.min.amount:0}const q=y.handleSubmit(()=>{N()}),z=async(n,p)=>{g(p)};return T.useEffect(()=>{const n=y.watch((p,{name:D})=>{if(D!=null&&p!=null){const F=H(p);K(()=>z(D,F))}});return()=>{n.unsubscribe()}}),T.useEffect(()=>{R==="In-Progress"&&u?.fetchState==="Completed"&&w()},[R,u?.fetchState,w]),r.jsxs(ie,{children:[r.jsx(Q,{title:t==="approval_create"?l.newApproval:l.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(ae,{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=>a?!0:n!=null&&n>v},isDisabled:a,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:i,additionalInfoLabel:l.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(te,{sectionId:I,label:{label:l.followStepsLabel},approversPlaceholder:l.approversPlaceholder,notifiersPlaceholder:l.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:O,stepsInfo:x[I],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:k($),primaryBtn:{label:l.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:t==="approval_create"&&d.length===0?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:l.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:le.footerPadding.valuePx(A)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,t)=>{const{criteria:a,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},i=e.allApprovalRules.length===0;return{[h]:i?[]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),B(e.allAttributes),B(e.filteredAttributes),o??[])??[],[C]:t?void 0:a!=null?a.range.min.amount??0:0,[j]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},oe=(e,t,a,o,i)=>i&&i.length>0?i.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:_},actors:{allUsers:t,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(a,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:_},actors:{allUsers:t,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,t)=>e.filter(a=>a.userId!=null&&t.findIndex(o=>o.userId===a.userId)>-1),ne=(e,t)=>e.filter(a=>t.findIndex(o=>o.subType===a.value)>-1),k=e=>`${e}_form`,Pe=e=>`${e}`,ie=c.div`
   display: flex;
   height: 100%;
   flex-direction: column;

package/dist/assets/{ReimbursementApprovalRulesPage-CMpYn5y_-DkCRmTkh.js → ReimbursementApprovalRulesPage-B_1m9CBx-CabMdysS.js}

@@ -1,4 +1,4 @@
-import{d as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as H,aO as P,bU as T,cq as q,cr as O,cs as K,d0 as J,u as l,ba as Q,H as k,b9 as X,p as z,c$ as Y,bu as Z,b as ee}from"./index-CbBDw148.js";import{n as i}from"./mui-BLUOobNq.js";import{a as te}from"./sentry-ClS5bwGc.js";import"./liveblocks-ivZsDCw2.js";import"./core-Ce1HnmCU.js";import"./recharts-J8hRG6fl.js";import"./zeni-epic-state-W0HMFHDj.js";import"./lottie-solWV_WO.js";import"./analytics-hCfYtzJT.js";import"./lexical-Dk2CPrxk.js";import"./utils-DG8PAOHO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="007f38e6-9fc3-4047-8bc5-7a73b203722e",e._sentryDebugIdIdentifier="sentry-dbid-007f38e6-9fc3-4047-8bc5-7a73b203722e")}catch{}})();const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},M={stepper:new k("smallRegular","standardRegular"),amount:new k("standardRegular","largeRegular")},oe=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection:x=!1,approvalRule:f,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[g,w]=te.useState(!1),n=N(),{range:h}=f.criteria[0],{steps:$,approvalRuleId:p}=f,a=j.getLocalizedStrings().commonSetUp.approval,v=()=>{w(!0)},U={onOkClick:()=>{w(!1),y?.(p)},onCancelClick:()=>{w(!1)}};return t.jsxs(ie,{windowSize:n,isLastSection:x,isUpdatingApprovalRules:c,"data-testid":m("approval-rule-section",p),children:[t.jsxs(re,{windowSize:n,children:[t.jsxs(ue,{children:[t.jsxs(W,{windowSize:n,children:[a.from," ",P("0,0",h.min)]}),t.jsxs(le,{children:[t.jsx(D,{}),t.jsx(se,{}),t.jsx(D,{})]}),h.max==null?t.jsx(me,{}):t.jsx(W,{windowSize:n,children:P("0,0",{...h.min,amount:h.max.amount})})]}),t.jsxs(he,{className:"icons",children:[e?c?t.jsx(T,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(I,{isDisabled:!0,"data-testid":m("delete-approval-rule",p)})})}):t.jsx(I,{onClick:v,"data-testid":m("delete-approval-rule",p)}):null,c?t.jsx(T,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(B,{isDisabled:!0,"data-testid":m("edit-approval-rule",p)})})}):t.jsx(B,{onClick:()=>{S(p)},"data-testid":m("edit-approval-rule",p)})]})]}),t.jsx(ae,{windowSize:n,children:t.jsx(ne,{isSingleStep:$.length===1,windowSize:n,children:$.map((u,E)=>t.jsxs(pe,{isSingleStep:$.length===1,className:"stepperItem",windowSize:n,children:[u.action==="require_approval"?t.jsx(de,{children:a.requireText}):t.jsx(ce,{children:a.notifyText}),u.nonUserActors.filter(d=>d.subType!=null).map((d,_)=>t.jsxs(L,{children:[t.jsx(R,{children:d.subType!=null?a.nonUsers[d.subType].label:null}),u.operator!="is"?t.jsx(A,{className:"operator",children:u.operator}):null]},`${d.subType}_${_}`)),u.actors.map(d=>t.jsxs(L,{children:[t.jsxs(R,{children:[d.firstName," ",d.lastName]}),u.operator!="is"?t.jsx(A,{className:"operator",children:u.operator}):null]},d.userId))]},E))})}),g?t.jsx(q,{titleComponent:t.jsx(K,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(O,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:U}):null]})},ie=i.div`
+import{y as V,J as N,b as j,V as t,bE as F,L as G,ac as m,o,x as r,an as M,aQ as P,bV as k,cs as O,ct as q,cu as J,d2 as K,u as l,bb as Q,c as T,ba as X,p as z,d1 as Y,bv as Z,w as ee}from"./index-Cq3X29cS.js";import{n as i}from"./mui-DzE-7sTl.js";import{a as te}from"./sentry-DQ_HstYV.js";import"./liveblocks-hPir54fv.js";import"./core-CCdM5htn.js";import"./recharts-CiLmNGsl.js";import"./zeni-epic-state-B4gyGBI3.js";import"./lottie-B9oE3WTk.js";import"./analytics-BxsZVqMD.js";import"./lexical-BfjdJw9p.js";import"./utils-wDk5ojg7.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]="571f1ef6-9ce8-4c76-93d2-ef61f82f065a",e._sentryDebugIdIdentifier="sentry-dbid-571f1ef6-9ce8-4c76-93d2-ef61f82f065a")}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:b,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[x,g]=te.useState(!1),n=N(),{range:h}=b.criteria[0],{steps:$,approvalRuleId:p}=b,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(J,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(q,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:U}):null]})},ie=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -30,7 +30,7 @@ import{d as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as H,aO as
   width: ${o.sp8};
   height: 2px;
   background-color: ${e=>e.theme.colors.primary};
-`,D=i.div`
+`,R=i.div`
   width: 6px;
   height: 6px;
   border-radius: 3px;
@@ -57,7 +57,7 @@ import{d as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as H,aO as
   box-sizing: border-box;
   position: relative;
 `,ne=i.ul`
-  ${e=>`${M.stepper.style(e.windowSize)}`};
+  ${e=>`${E.stepper.style(e.windowSize)}`};
   position: relative;
   padding-left: ${o.sp6};
   list-style: none;
@@ -132,7 +132,7 @@ import{d as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as H,aO as
   color: ${z.alertDark};
 `,ce=i.span`
   color: ${z.successDark};
-`,R=i.span`
+`,D=i.span`
   color: ${e=>e.theme.colors.primary};
 `,ue=i.div`
   display: flex;
@@ -166,16 +166,16 @@ import{d as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as H,aO as
   width: ${o.sp4};
   height: ${o.sp4};
   color: ${e=>e.theme.colors.hero};
-`,A=i.span`
+`,L=i.span`
   color: ${e=>e.theme.colors.hero};
-`,L=i.div`
+`,A=i.div`
   display: inherit;
   gap: inherit;
 `,W=i.span`
-  ${e=>`${M.amount.style(e.windowSize)}`};
+  ${e=>`${E.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,b={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Be=({approvalView:e,onBackClick:c,onEditRuleClick:x,onDeleteRuleClick:f})=>{const S=F(),y=N(),{fetchState:g,deleteStatus:w}=e,n=j.getLocalizedStrings().commonSetUp.approval,h=j.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,$=w.fetchState,p=e.listeningToPusherEvent;return t.jsxs(xe,{children:[t.jsx(G,{title:n.approvalPageHeader,backgroundColor:S.colors.grey4,style:{zIndex:4},onBackClick:()=>{c()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(ge,{children:[t.jsx($e,{windowSize:y,children:h.approvalPageSubTitle}),g==="In-Progress"||g==="Not-Started"||$==="In-Progress"?t.jsx(we,{children:t.jsx(V,{size:"ExtraLarge",start:!0})}):g==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,v)=>t.jsx(oe,{showDeleteBtn:v!==0,disableButtons:p===!0&&a.approvalRuleId===e.newApprovalRuleId,approvalRule:a,isLastSection:v===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:f},a.approvalRuleId)),t.jsxs(be,{windowSize:y,onClick:()=>{x()},"data-testid":m("add-approval-rule"),children:[t.jsx(fe,{}),t.jsx(ye,{children:n.addApprovalText})]})]}):null]})]})},xe=i.div`
+`,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:w,onDeleteRuleClick:b})=>{const S=V(),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(F,{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(G,{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:b},a.approvalRuleId)),t.jsxs(fe,{windowSize:y,onClick:()=>{w()},"data-testid":m("add-approval-rule"),children:[t.jsx(be,{}),t.jsx(ye,{children:n.addApprovalText})]})]}):null]})]})},we=i.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -183,14 +183,14 @@ import{d as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as H,aO as
   background-color: ${e=>e.theme.colors.grey4};
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
     ${e.theme.colors.dropShadowNormal}`};
-`,ge=i.div`
+`,xe=i.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
   overflow-y: auto;
   flex-direction: column;
   align-items: center;
-`,we=i.div`
+`,ge=i.div`
   display: flex;
   width: 100%;
   min-height: calc(100vh - 150px);
@@ -199,23 +199,23 @@ import{d as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as H,aO as
   align-items: center;
   gap: ${o.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,$e=i(H)`
+`,$e=i(M)`
   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(H)`
+  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(M)`
   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{d as F,J as N,F as j,V as t,bD as G,T as V,aQ as m,o,y as r,al as H,aO as
     border-color: ${e=>e.theme.colors.primary};
   }
   margin-bottom: ${o.sp6};
-`,fe=i(J)`
+`,be=i(K)`
   width: ${o.sp3};
   height: ${o.sp3};
 `,ye=i.div`