@zeniai/web-cockpit-ui 1.15.52-dev → 1.15.53-dev

package/dist/assets/{Preview-wOpHiBqR.js → Preview-DIhdxTnV.js}

@@ -1 +1 @@
-import{a as h,P as n}from"./sentry-D6_R-0PO.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-BfjekFHA.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-DecdL2J--CA_efZNI.js → ProductsCarousel-ufZlh7Rx-BhPoplzW.js}

@@ -1,4 +1,4 @@
-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-D0RCZvbR.js";import{a as $}from"./sentry-D6_R-0PO.js";import{n as i}from"./mui-CWpKo4a_.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`
+import{F as I,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 T,da as J,p as v}from"./index-ByXRm0Fj.js";import{a as y}from"./sentry-BfjekFHA.js";import{n as i}from"./mui-BtuxyOQU.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]="404fcd27-d4d8-47d1-8d45-3047ef360995",e._sentryDebugIdIdentifier="sentry-dbid-404fcd27-d4d8-47d1-8d45-3047ef360995")}catch{}})();const u=I.getLocalizedStrings(),w={large:{labelComp:G,title:H,subtitle:T,seeMoreLink:T}},Y={large:{width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16}},r=Y.large,q=i.div`
   width: ${e=>e.scale*r.width}px;
   height: ${e=>e.scale*r.height}px;
   overflow: hidden;
@@ -18,16 +18,16 @@ 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
     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)`
+`,Z=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 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
   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 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
   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(Z,{scale:e,children:h}):null,l!=null&&l.trim()!==u.common.strings.empty?t.jsxs(re,{scale:e,children:[t.jsx(W,{children:u.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(se,{scale:e})]}):null]}),d!=null&&d.trim()!==u.common.strings.empty?t.jsx(ae,{children:t.jsx(ne,{src:d,loading:"lazy"})}):null]})});return t.jsx(q,{scale:e,variant:o,children:o==="large"&&l!=null&&l.trim()!==u.common.strings.empty?t.jsx(te,{href:l,target:"_blank",rel:"noopener noreferrer",children:p}):p})},b=2,X=5,ce=496,de=V[5],j=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],pe=j[0].scale,ge=Math.abs(j[0].positionX),me=i.div`
   width: 100%;
   height: 100%;
   position: relative;
@@ -139,4 +139,4 @@ 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
       transform: translate(-50%, -50%) translateX(0px) translateZ(10px) scale(${o})
     }
   `}
-`,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};
+`,xe=({cards:e,showUpdatePaymentDetailButton:o,stopCarousel:n,scale:a=1})=>{const[h,l]=y.useState(2),[d,p]=y.useState(!1),[$,C]=y.useState(!1),f=e.length,L=B().analytics,M=ce*pe*a/2,S=ge*a+M+de/2,x=y.useCallback(s=>{$||(C(!0),l(g=>(g+s+f)%f),setTimeout(()=>C(!1),1e3))},[$,f]);y.useEffect(()=>{if(d||n||$)return;const s=setInterval(()=>{x(1)},3e3);return()=>clearInterval(s)},[d,n,$,x]);const _=s=>(h+s-b+f)%f,O=s=>{const g=Array.from({length:X},(m,k)=>_(k)).indexOf(s)-b;g!==0&&x(g),o?L.trackOnboardingLandingPageCardClick(e[s].cardTitle):L.trackOnboardingInterimCard(e[s].cardTitle)};return t.jsxs(me,{children:[t.jsx(D,{arrowOffset:S,position:"left",onClick:()=>x(-1),children:t.jsx(ue,{className:"btnsvg"})}),t.jsx(be,{children:e.map((s,g)=>{const m=Array.from({length:X},(ve,A)=>_(A)).indexOf(g);if(m===-1)return null;const{positionX:k,scale:E}=j[m],z=m===b,P=E*a,F=k*a,R=1.02*a;return t.jsx(fe,{isForeFront:z,positionX:F,scale:P,hoverScale:R,onClick:()=>O(g),onMouseEnter:()=>z&&p(!0),onMouseLeave:()=>z&&p(!1),style:{zIndex:m===b?5:5-Math.abs(m-b)},children:t.jsx(le,{label:s.cardTitle,title:s.sectionTitle,subtitle:s.sectionSubTitle,seeMoreLink:s.redirectLink,image:s.imageLink,variant:m===b?"large":m===b-1?"medium":"small"})},g)})}),t.jsx(D,{arrowOffset:S,position:"right",onClick:()=>x(1),children:t.jsx(he,{className:"btnsvg"})})]})},ye=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],$e=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],je=({scale:e=1,showUpdatePaymentDetailButton:o=!1,stopCarousel:n=!1})=>{const{customerOnboardingPage:a}=I.getLocalizedStrings(),{productSuite:h}=a,l=h.productCard.cards.map((d,p)=>({...d,imageLink:ye[p],redirectLink:$e[p]}));return t.jsx(xe,{cards:l,scale:e,showUpdatePaymentDetailButton:o,stopCarousel:n})};export{je as T};

package/dist/assets/{PromoBaseCards-CN21NM41-DhBLPQmY.js → PromoBaseCards-D2UbhBhT-DISJBAGU.js}

@@ -1,4 +1,4 @@
-import{K as c,V as a,df as m,dg as v,dh as y,bz as z,o as e,p as d,x as r,c as b,u as p}from"./index-D0RCZvbR.js";import{c as i,n as g,k as f}from"./mui-CWpKo4a_.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]="278f400f-89df-4bbf-b2e6-2b53a8b80cfe",o._sentryDebugIdIdentifier="sentry-dbid-278f400f-89df-4bbf-b2e6-2b53a8b80cfe")}catch{}})();const t={plasticCardMarginLeft:new r(p[6],120),plasticCardMarginTop:new r(12,-9),businessTextRight:new r(p[2],13),businessTextBottom:new r(p[8],81),chargeCardWidth:new r(240,384),chargeCardHeight:new r(153,243),styledLogoWidth:new r(47,76),styledLogoHeight:new r(46,74),styledFullLogoTop:new r(12,28),styledFullLogoRight:new r(p[2],13),styledFullLogoHeight:new r(20,34),styledFullLogoWidth:new r(88,142),chipLogoWidth:new r(31,50),chipLogoHeight:new r(p[4],39),visaLogoWidth:new r(52,84),visaLogoHeight:new r(17,27),visaLogoRight:new r(p[2],13),visaLogoBottom:new r(p[2],13)},u={businessText:new b("extraSmallRegular","largeRegular"),promoBusinessText:new b("tinyLight","tinyLight")},R=({cardText:o,shouldAnimate:l,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=c();return a.jsxs(B,{cardPromoType:$,windowSize:n,shouldAnimate:l,forListPage:h,forDashboard:s,style:x,children:[w&&a.jsx(P,{windowSize:n,forDashboard:s,children:a.jsx(m,{})}),a.jsx(j,{windowSize:n,forDashboard:s,forListPage:h,children:a.jsx(z,{})}),a.jsx(L,{windowSize:n,forDashboard:s,forListPage:h,children:o}),a.jsx(S,{windowSize:n,forDashboard:s,forListPage:h,children:a.jsx(y,{})})]})},A=({cardText:o,shouldAnimate:l,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=c();return a.jsxs(W,{cardPromoType:$,windowSize:n,shouldAnimate:l,forListPage:h,forDashboard:s,style:x,children:[w&&a.jsx(P,{windowSize:n,forDashboard:s,children:a.jsx(m,{})}),a.jsx(k,{windowSize:n,forDashboard:s,forListPage:h,children:a.jsx(v,{})}),a.jsx(L,{windowSize:n,forDashboard:s,forListPage:h,children:o}),a.jsx(S,{windowSize:n,forDashboard:s,forListPage:h,children:a.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-ByXRm0Fj.js";import{c as i,n as g,k as f}from"./mui-BtuxyOQU.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]="8cf62577-8488-4faf-9867-e53f30b1b542",o._sentryDebugIdIdentifier="sentry-dbid-8cf62577-8488-4faf-9867-e53f30b1b542")}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{K as c,V as a,df as m,dg as v,dh as y,bz as z,o as e,p as d,x as r,c as b
           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{K as c,V as a,df as m,dg as v,dh as y,bz as z,o as e,p as d,x as r,c as b
   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-BZsRQAbh-D2VVdab9.js → QBOConnectionDialog-BrQ71F06-CE8JPZ4E.js}

@@ -1,9 +1,9 @@
-import{K as b,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-D0RCZvbR.js";import{n as o}from"./mui-CWpKo4a_.js";import"./sentry-D6_R-0PO.js";import"./liveblocks-CKHUw5rb.js";import"./core-BzTCCyMo.js";import"./recharts-DgmMLsfg.js";import"./zeni-epic-state-CQm7BABf.js";import"./lottie-DGC6TFh6.js";import"./analytics-CFLF9sCc.js";import"./lexical-BFSfLoHw.js";import"./utils-B8cH97sz.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]="c8791789-d166-4c10-97dc-3e28f23bfa02",e._sentryDebugIdIdentifier="sentry-dbid-c8791789-d166-4c10-97dc-3e28f23bfa02")}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 b,F 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-ByXRm0Fj.js";import{n as o}from"./mui-BtuxyOQU.js";import"./sentry-BfjekFHA.js";import"./liveblocks-DWegUhIu.js";import"./core-Cfmldnhs.js";import"./recharts-B1UpAC2z.js";import"./zeni-epic-state-x1SruN8b.js";import"./lottie-BGI-L4nL.js";import"./analytics-D_c73QMR.js";import"./lexical-C8q9B2Uw.js";import"./utils-BhAlbbTk.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]="211e7af8-613b-4414-89af-d4c7f40d57b6",e._sentryDebugIdIdentifier="sentry-dbid-211e7af8-613b-4414-89af-d4c7f40d57b6")}catch{}})();const s={containerPaddingTop:new c(t[5],t[7]),containerPaddingBottom:new c(t[5],t[5]),containerPaddingLeftRight:new c(t[6],t[11])},S=o.div`
   border-radius: inherit;
   max-width: 520px;
   text-align: center;
   background: ${e=>e.theme.colors.background};
-`,S=o.div`
+`,_=o.div`
   padding-top: ${e=>s.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>s.containerPaddingBottom.valuePx(e.windowSize)};
   padding-right: ${e=>s.containerPaddingLeftRight.valuePx(e.windowSize)};
@@ -15,21 +15,21 @@ import{K as b,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
 `,k=o($)`
   color: ${e=>e.theme.colors.hero};
   max-width: 360px;
-`,A=o.div`
-  margin: 20px ${i.sp0};
 `,I=o.div`
   margin: 20px ${i.sp0};
+`,A=o.div`
+  margin: 20px ${i.sp0};
 `,L=o.hr`
   width: 100%;
   border: 0.2px solid ${e=>e.theme.colors.grey3};
   margin-top: auto;
   margin-bottom: 0;
-`,T=o.div`
+`,B=o.div`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: ${i.sp4};
-`,B=o.div`
+`,C=o.div`
   display: flex;
   align-items: center;
   gap: ${i.sp4};
@@ -37,7 +37,7 @@ import{K as b,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
   justify-content: center;
   padding-top: ${i.sp3};
   color: ${e=>e.theme.colors.primary};
-`,C=o(j)`
+`,T=o(j)`
   color: ${e=>e.theme.colors.primary};
   height: 20px;
   width: auto;
@@ -45,7 +45,7 @@ import{K as b,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
   color: ${e=>e.theme.colors.hero};
   height: ${i.sp4};
   width: ${i.sp4};
-`,O=o(v)`
+`,R=o(v)`
   height: ${i.sp4};
   color: ${e=>e.theme.colors.primary};
-`;function J({companyName:e="",isGoBackAllowed:a,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(_,{windowSize:x,children:[n.jsxs(S,{children:[n.jsx(z,{children:r.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?u:f}),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{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(C,{children:[n.jsx(T,{}),n.jsx(D,{}),n.jsx(R,{})]})]}),d||a?n.jsxs(n.Fragment,{children:[n.jsx(L,{}),n.jsxs(B,{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:g==="In-Progress"})}):null]})]}):null]})})}export{K as default};

package/dist/assets/QBOSetupSection-EOFscEW--D0QcMDeq.js

@@ -0,0 +1,79 @@
+import{J as O,F as u,V as i,i as k,o,y as a,p as c,fT as I,H as T,ag as D,bx as B,eS as H,fK as W,aX as w,aj as f,u as r}from"./index-ByXRm0Fj.js";import{n}from"./mui-BtuxyOQU.js";import _ from"./QBOConnectionDialog-BrQ71F06-CE8JPZ4E.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]="9cea55f6-1532-4152-b36b-8d8618a6d672",e._sentryDebugIdIdentifier="sentry-dbid-9cea55f6-1532-4152-b36b-8d8618a6d672")}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:y,companyName:$,updateQBOPopupState:h,handleOnConnectClick:b})=>{const s=O(),{qbo_connection:j}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:S,sucessText:v,button:z,errorText:P,requiredText:C}=j;return i.jsxs(A,{windowSize:s,children:[i.jsxs(F,{windowSize:s,children:[s==="small"?i.jsx(L,{children:d?i.jsx(R,{}):i.jsx(U,{})}):null,i.jsx(G,{windowSize:s,children:S})]}),i.jsxs(N,{windowSize:s,children:[i.jsxs(Q,{windowSize:s,children:[i.jsxs(q,{children:[i.jsx(J,{}),i.jsx(M,{windowSize:s}),i.jsx(K,{})]}),d?s!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:s!=="small"?"standard":"xs-small",label:z.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),d?i.jsxs(i.Fragment,{children:[i.jsx(V,{children:v}),s==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:P})}):null,t&&!d?i.jsx(x,{children:i.jsx(g,{windowSize:s,children:C})}):null]}),i.jsx(_,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:y,companyName:$,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;
+`,F=n.div`
+  display: flex;
+  align-items: center;
+  padding-top: ${o.sp3};
+  padding-bottom: ${o.sp3};
+  width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
+`,G=n.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primary};
+  ${e=>`${E.title.style(e.windowSize)}`};
+`,N=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};
+`,Q=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"};
+`,V=n(f)`
+  display: flex;
+  margin-top: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,q=n.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp4};
+  justify-content: left;
+  color: ${e=>e.theme.colors.primary};
+`,J=n(D)`
+  height: 20px;
+  width: auto;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+`,M=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-B4fcDJjA-I7W9UCB5.js → ReimbursementApprovalRuleDetailPage-C-HPI4Ng-1hqq3vgZ.js}

@@ -1,4 +1,4 @@
-import{x as M,u as L,y as W,K as G,b as U,aa as K,aS as X,aM as H,cI as J,V as r,bE as Q,ae as Y,aT as Z,o as b,gc as ee}from"./index-D0RCZvbR.js";import{a as T}from"./sentry-D6_R-0PO.js";import{n as c}from"./mui-CWpKo4a_.js";import{b as te,f as le,o as B,l as _}from"./FollowStepsSection-lbStDJrW-xgtm7xaE.js";import"./liveblocks-CKHUw5rb.js";import"./core-BzTCCyMo.js";import"./recharts-DgmMLsfg.js";import"./zeni-epic-state-CQm7BABf.js";import"./lottie-DGC6TFh6.js";import"./analytics-CFLF9sCc.js";import"./lexical-BFSfLoHw.js";import"./utils-B8cH97sz.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]="5c02cc1f-bd2c-4044-9d6d-613dbeb6e610",e._sentryDebugIdIdentifier="sentry-dbid-5c02cc1f-bd2c-4044-9d6d-613dbeb6e610")}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=K({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);J(()=>z(D,F))}});return()=>{n.unsubscribe()}}),T.useEffect(()=>{R==="In-Progress"&&u?.fetchState==="Completed"&&w()},[R,u?.fetchState,w]),r.jsxs(ie,{children:[r.jsx(Q,{title:l==="approval_create"?a.newApproval:a.editApproval,backgroundColor:V.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:k($),onSubmit:q,children:r.jsxs(pe,{children:[r.jsx(te,{label:{label:i?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:C,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:n=>t?!0:n!=null&&n>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:i,additionalInfoLabel:a.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(le,{sectionId:I,label:{label:a.followStepsLabel},approversPlaceholder:a.approversPlaceholder,notifiersPlaceholder:a.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:O,stepsInfo:x[I],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:k($),primaryBtn:{label:a.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:l==="approval_create"&&d.length===0?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:a.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:a.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:ae.footerPadding.valuePx(A)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,l)=>{const{criteria:t,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},i=e.allApprovalRules.length===0;return{[h]:i?[]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),B(e.allAttributes),B(e.filteredAttributes),o??[])??[],[C]:l?void 0:t!=null?t.range.min.amount??0:0,[j]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},oe=(e,l,t,o,i)=>i&&i.length>0?i.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:_},actors:{allUsers:l,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(t,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:_},actors:{allUsers:l,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,l)=>e.filter(t=>t.userId!=null&&l.findIndex(o=>o.userId===t.userId)>-1),ne=(e,l)=>e.filter(t=>l.findIndex(o=>o.subType===t.value)>-1),k=e=>`${e}_form`,Pe=e=>`${e}`,ie=c.div`
+import{y as W,u as L,d as M,J as G,F as U,aa as H,aS as J,aL as X,cH as K,V as r,bE as Q,ad as Y,aT as Z,o as b,gb as ee}from"./index-ByXRm0Fj.js";import{a as T}from"./sentry-BfjekFHA.js";import{n as c}from"./mui-BtuxyOQU.js";import{b as te,f as ae,o as B,l as _}from"./FollowStepsSection-GaWu1kt9-DPxSdgo3.js";import"./liveblocks-DWegUhIu.js";import"./core-Cfmldnhs.js";import"./recharts-B1UpAC2z.js";import"./zeni-epic-state-x1SruN8b.js";import"./lottie-BGI-L4nL.js";import"./analytics-D_c73QMR.js";import"./lexical-C8q9B2Uw.js";import"./utils-BhAlbbTk.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]="ddf5c15d-d3b0-46e7-b5e0-b0a938214a24",e._sentryDebugIdIdentifier="sentry-dbid-ddf5c15d-d3b0-46e7-b5e0-b0a938214a24")}catch{}})();const $="reimbursementApprovalRuleDetailPage",C="lowerBound",j="upperBound",I="steps",h="applyToExistingReimbursements",le={footerPadding:new W(L[2],L[3])};function Re({localData:e,approvalUpdateActionType:a,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:i=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:w}){const F=M(),A=G(),l=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,a==="approval_create"&&!t),y=H({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,R=J(u?.fetchState),{upperBound: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 T.useEffect(()=>{const n=y.watch((p,{name:D})=>{if(D!=null&&p!=null){const O=X(p);K(()=>z(D,O))}});return()=>{n.unsubscribe()}}),T.useEffect(()=>{R==="In-Progress"&&u?.fetchState==="Completed"&&w()},[R,u?.fetchState,w]),r.jsxs(ie,{children:[r.jsx(Q,{title:a==="approval_create"?l.newApproval:l.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:k($),onSubmit:q,children:r.jsxs(pe,{children:[r.jsx(te,{label:{label:i?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:C,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:n=>t?!0:n!=null&&n>v},isDisabled:t,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:i,additionalInfoLabel:l.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(ae,{sectionId:I,label:{label:l.followStepsLabel},approversPlaceholder:l.approversPlaceholder,notifiersPlaceholder:l.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:V,stepsInfo:x[I],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:k($),primaryBtn:{label:l.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:a==="approval_create"&&d.length===0?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:l.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:le.footerPadding.valuePx(A)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,a)=>{const{criteria:t,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},i=e.allApprovalRules.length===0;return{[h]:i?[]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),B(e.allAttributes),B(e.filteredAttributes),o??[])??[],[C]:a?void 0:t!=null?t.range.min.amount??0:0,[j]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},oe=(e,a,t,o,i)=>i&&i.length>0?i.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:_},actors:{allUsers:a,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(t,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:_},actors:{allUsers:a,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,a)=>e.filter(t=>t.userId!=null&&a.findIndex(o=>o.userId===t.userId)>-1),ne=(e,a)=>e.filter(t=>a.findIndex(o=>o.subType===t.value)>-1),k=e=>`${e}_form`,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,K as G,b as U,aa as K,aS as X,aM as H,cI as J,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{le as D,Re as default,k as uniqueFormName,Pe as uniqueName};

package/dist/assets/{ReimbursementApprovalRulesPage-ZBgAwbiy-aZ1DJzW_.js → ReimbursementApprovalRulesPage-CMpYn5y_-PKr02NgU.js}

@@ -1,4 +1,4 @@
-import{y as V,K 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 K,d2 as J,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-D0RCZvbR.js";import{n as i}from"./mui-CWpKo4a_.js";import{a as te}from"./sentry-D6_R-0PO.js";import"./liveblocks-CKHUw5rb.js";import"./core-BzTCCyMo.js";import"./recharts-DgmMLsfg.js";import"./zeni-epic-state-CQm7BABf.js";import"./lottie-DGC6TFh6.js";import"./analytics-CFLF9sCc.js";import"./lexical-BFSfLoHw.js";import"./utils-B8cH97sz.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]="d8f2e4fd-d2a9-4103-8f2a-9efe380072a3",e._sentryDebugIdIdentifier="sentry-dbid-d8f2e4fd-d2a9-4103-8f2a-9efe380072a3")}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(K,{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,F as j,V as t,bE as F,T as G,aR as m,o,y as r,am as H,aP as P,bV as T,cr as q,cs as K,ct as O,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-ByXRm0Fj.js";import{n as i}from"./mui-BtuxyOQU.js";import{a as te}from"./sentry-BfjekFHA.js";import"./liveblocks-DWegUhIu.js";import"./core-Cfmldnhs.js";import"./recharts-B1UpAC2z.js";import"./zeni-epic-state-x1SruN8b.js";import"./lottie-BGI-L4nL.js";import"./analytics-D_c73QMR.js";import"./lexical-C8q9B2Uw.js";import"./utils-BhAlbbTk.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]="0745c9cb-2ccd-463f-99ec-46b3737fd796",e._sentryDebugIdIdentifier="sentry-dbid-0745c9cb-2ccd-463f-99ec-46b3737fd796")}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)},E={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(q,{titleComponent:t.jsx(O,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(K,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:E}):null]})},ie=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -57,7 +57,7 @@ import{y as V,K 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
   box-sizing: border-box;
   position: relative;
 `,ne=i.ul`
-  ${e=>`${E.stepper.style(e.windowSize)}`};
+  ${e=>`${M.stepper.style(e.windowSize)}`};
   position: relative;
   padding-left: ${o.sp6};
   list-style: none;
@@ -166,16 +166,16 @@ import{y as V,K 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
   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=>`${M.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,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`
+`,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=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(F,{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(G,{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`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -183,14 +183,14 @@ import{y as V,K 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
   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 V,K 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
   align-items: center;
   gap: ${o.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,$e=i(M)`
+`,$e=i(H)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
-  width: ${e=>f.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>f.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>f.subTitlePaddingBottom.valuePx(e.windowSize)};
-`,fe=i(M)`
+  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)`
   cursor: pointer;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: ${o.sp3} ${o.sp4};
-  gap: ${e=>f.addApprovalGap.valuePx(e.windowSize)};
+  gap: ${e=>b.addApprovalGap.valuePx(e.windowSize)};
 
-  width: ${e=>f.width.valuePx(e.windowSize)};
+  width: ${e=>b.width.valuePx(e.windowSize)};
   height: ${o.sp8};
 
   background: ${e=>e.theme.colors.grey5};
@@ -235,7 +235,7 @@ import{y as V,K 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
     border-color: ${e=>e.theme.colors.primary};
   }
   margin-bottom: ${o.sp6};
-`,be=i(J)`
+`,fe=i(J)`
   width: ${o.sp3};
   height: ${o.sp3};
 `,ye=i.div`