@zeniai/web-cockpit-ui 1.14.82-qa → 1.14.83-dev

package/dist/assets/Preview-Ciq7dXYi-CJfe3XpZ.js

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

package/dist/assets/ProductsCarousel-B7wcRg4N-MgqN7eQE.js

@@ -0,0 +1,142 @@
+import{a as O,j as t,a7 as F,b as l,cS as I,bz as B,s as H,dW as N,as as U,ah as _,dX as G,C as y}from"./index-2CdI-B2B.js";import{a as f}from"./core-tlHkQPPu.js";import{n as i}from"./mui-kiGMfX4-.js";const h=O.getLocalizedStrings(),k={large:{labelComp:N,title:U,subtitle:_,seeMoreLink:_}},o={width:496,height:512,padding:32,svgSize:12,svgContainerHeight:24,gap:8,imageGap:16,borderRadius:16},J=i.div`
+  width: ${e=>e.scale*o.width}px;
+  height: ${e=>e.scale*o.height}px;
+  overflow: hidden;
+  background-color: ${e=>e.variant==="large"?e.theme.colors.grey5:e.theme.colors.grey3};
+  box-shadow: ${e=>`${e.variant==="large"?y.Elevation2Light:y.Elevation1Light}`};
+  outline: 1px solid
+    ${e=>e.variant==="large"?e.theme.colors.grey3:e.theme.colors.grey2};
+  border-radius: ${e=>e.scale*o.borderRadius}px;
+
+  & > * {
+    width: ${e=>e.scale*o.width}px;
+    height: ${e=>e.scale*o.height}px;
+    transform-origin: top left;
+    background-color: ${e=>e.variant==="large"?e.theme.colors.grey5:e.theme.colors.grey3};
+    outline: 1px solid
+      ${e=>e.variant==="large"?e.theme.colors.grey3:e.theme.colors.grey2};
+    box-shadow: ${e=>`${e.variant==="large"?y.Elevation2Light:y.Elevation1Light}`};
+    border-radius: ${e=>e.scale*o.borderRadius}px;
+  }
+`,W=i(k.large.labelComp)`
+  color: ${e=>e.theme.colors.brandColorRuby};
+  text-transform: uppercase;
+  margin-bottom: ${e=>e.scale*o.gap}px;
+  text-align: left;
+`,Y=i(k.large.title)`
+  color: ${e=>e.theme.colors.primary};
+  margin-bottom: ${e=>e.scale*o.gap}px;
+  text-align: left;
+`,Z=i(k.large.subtitle)`
+  color: ${e=>e.theme.colors.champion};
+  margin-bottom: ${e=>e.scale*o.gap}px;
+  text-align: left;
+`,q=i(k.large.seeMoreLink)`
+  color: ${e=>e.theme.colors.brandColorJadeDark};
+`,K=i.div`
+  width: ${e=>e.scale*o.width}px;
+  height: ${e=>e.scale*o.height}px;
+  padding: ${e=>e.scale*e.padding}px;
+  background-color: ${e=>e.variant==="large"?e.theme.colors.grey5:e.theme.colors.grey3};
+
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  z-index: 20;
+`,Q=i.a`
+  text-decoration: none;
+  display: inline-block;
+`,V=i.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden;
+`,ee=i.div`
+  flex-shrink: 0;
+`,te=i.div`
+  display: flex;
+  align-items: center;
+  height: ${e=>e.scale*o.svgContainerHeight}px;
+  margin-bottom: ${e=>e.scale*o.imageGap}px;
+`,ie=i(G)`
+  width: ${e=>e.scale*o.svgSize}px;
+  min-width: ${e=>e.scale*o.svgSize}px;
+  height: ${e=>e.scale*o.svgSize}px;
+  margin-left: ${l.sp1};
+  color: ${e=>e.theme.colors.brandColorJadeDark};
+`,oe=i.div`
+  width: 100%;
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+`,re=i.img`
+  width: 100%;
+  height: 100%;
+  object-fit: fill;
+  object-position: center;
+`,se=({scale:e=1,variant:r="large",label:c,title:s,subtitle:d,seeMoreLink:n,image:p})=>{const g=t.jsx(K,{scale:e,variant:r,padding:o.padding*e,children:t.jsxs(V,{children:[t.jsxs(ee,{children:[c!=null&&c.trim()!==h.common.strings.empty?t.jsx(W,{scale:e,children:c}):null,s!=null&&s.trim()!==h.common.strings.empty?t.jsx(Y,{scale:e,children:s}):null,d!=null&&d.trim()!==h.common.strings.empty?t.jsx(Z,{scale:e,children:d}):null,n!=null&&n.trim()!==h.common.strings.empty?t.jsxs(te,{scale:e,children:[t.jsx(q,{children:h.customerOnboardingPage.productSuite.productCard.seeMore}),t.jsx(ie,{scale:e})]}):null]}),p!=null&&p.trim()!==h.common.strings.empty?t.jsx(oe,{children:t.jsx(re,{src:p,loading:"lazy"})}):null]})});return t.jsx(J,{scale:e,variant:r,children:r==="large"&&n!=null&&n.trim()!==h.common.strings.empty?t.jsx(Q,{href:n,target:"_blank",rel:"noopener noreferrer",children:g}):g})},ae=H[5],z=[{positionX:-480,scale:.67},{positionX:-226,scale:.83},{positionX:0,scale:1},{positionX:226,scale:.83},{positionX:480,scale:.67}],ne=z[0].scale,le=Math.abs(z[0].positionX),ce=i.div`
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,pe=i(B)`
+  width: ${l.sp3};
+  height: ${l.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,M=i.div`
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  ${({position:e,arrowOffset:r})=>e==="left"?`left: calc(50% - ${r}px);`:`right: calc(50% - ${r}px);`}
+  display: flex;
+  width: ${l.sp5};
+  height: ${l.sp5};
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+
+  background-color: ${e=>e.theme.colors.grey5};
+  border-radius: 50%;
+  box-shadow: ${e=>`${l.sp0} 2px ${l.sp1} ${e.theme.colors.dropShadowNormal}`};
+  outline: 1px solid ${e=>e.theme.colors.grey3};
+  z-index: 3;
+  cursor: pointer;
+  &:hover {
+    .btnsvg {
+      color: ${e=>e.theme.colors.primary};
+    }
+    outline-color: ${e=>e.theme.colors.primary};
+  }
+`,ge=i(I)`
+  width: ${l.sp3};
+  height: ${l.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,de=i.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: visible;
+  perspective: 2000px;
+`,me=i.div`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: ${({positionX:e,scale:r})=>`translate(-50%, -50%) translateX(${e}px) scale(${r})`};
+  transition: transform 1000ms cubic-bezier(0.5, 1.3, 0.39, 1);
+  transform-style: preserve-3d;
+  cursor: pointer;
+  box-sizing: border-box;
+
+  ${({isForeFront:e,hoverScale:r})=>e&&`
+    &:hover {
+      transform: translate(-50%, -50%) translateX(0px) translateZ(10px) scale(${r})
+    }
+  `}
+`,he=({cards:e,showUpdatePaymentDetailButton:r,stopCarousel:c,scale:s=1})=>{const[d,n]=f.useState(2),[p,g]=f.useState(!1),[$,S]=f.useState(!1),u=e.length,C=F().analytics,L=le*s+496*ne*s/2+ae/2,x=f.useCallback(a=>{$||(S(!0),n(b=>(b+a+u)%u),setTimeout(()=>S(!1),1e3))},[$,u]);f.useEffect(()=>{if(p||c||$)return;const a=setInterval(()=>{x(1)},3e3);return()=>clearInterval(a)},[p,c,$,x]);const X=a=>(d+a-2+u)%u;return t.jsxs(ce,{children:[t.jsx(M,{arrowOffset:L,position:"left",onClick:()=>x(-1),children:t.jsx(ge,{className:"btnsvg"})}),t.jsx(de,{children:e.map((a,b)=>{const m=Array.from({length:5},(v,w)=>X(w)).indexOf(b);if(m===-1)return null;const{positionX:E,scale:R}=z[m],j=m===2,T=R*s,P=E*s,D=1.02*s;return t.jsx(me,{isForeFront:j,positionX:P,scale:T,hoverScale:D,onClick:()=>(v=>{const w=Array.from({length:5},(be,A)=>X(A)).indexOf(v)-2;w!==0&&x(w),r?C.trackOnboardingLandingPageCardClick(e[v].cardTitle):C.trackOnboardingInterimCard(e[v].cardTitle)})(b),onMouseEnter:()=>j&&g(!0),onMouseLeave:()=>j&&g(!1),style:{zIndex:m===2?5:5-Math.abs(m-2)},children:t.jsx(se,{label:a.cardTitle,title:a.sectionTitle,subtitle:a.sectionSubTitle,seeMoreLink:a.redirectLink,image:a.imageLink,variant:m===2?"large":m===1?"medium":"small"})},b)})}),t.jsx(M,{arrowOffset:L,position:"right",onClick:()=>x(1),children:t.jsx(pe,{className:"btnsvg"})})]})},ue=["https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-reimbursements.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-bill-payments.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-ai-bookkeeping.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-checking-accounts.png","https://storage.googleapis.com/zeni-apis.appspot.com/images/zeni-business-credit-cards.png"],xe=["https://www.zeni.ai/product/employee-reimbursements?utm_source=onboarding_interim","https://www.zeni.ai/product/bill-pay?utm_source=onboarding_interim","https://www.zeni.ai/product/ai-bookkeeping?utm_source=onboarding_interim","https://www.zeni.ai/product/business-checking-accounts?utm_source=onboarding_interim","https://www.zeni.ai/product/business-credit-card?utm_source=onboarding_interim"],we=({scale:e=1,showUpdatePaymentDetailButton:r=!1,stopCarousel:c=!1})=>{const{customerOnboardingPage:s}=O.getLocalizedStrings(),{productSuite:d}=s,n=d.productCard.cards.map((p,g)=>({...p,imageLink:ue[g],redirectLink:xe[g]}));return t.jsx(he,{cards:n,scale:e,showUpdatePaymentDetailButton:r,stopCarousel:c})};export{we as J};

package/dist/assets/{PromoBaseCards-Dq3GfNdL-CiYyqMPd.js → PromoBaseCards-38oPeuBR-DNrev2WE.js}

@@ -1,4 +1,4 @@
-import{q as c,V as r,dd as b,de as v,df as L,bv as z,y as a,o as e,p as d,B as f,u as l}from"./index-BsBAi_Kg.js";import{b as i,n as p,k as m}from"./mui-bYXq4XMS.js";const t={plasticCardMarginLeft:new a(l[6],120),plasticCardMarginTop:new a(12,-9),businessTextRight:new a(l[2],13),businessTextBottom:new a(l[8],81),chargeCardWidth:new a(240,384),chargeCardHeight:new a(153,243),styledLogoWidth:new a(47,76),styledLogoHeight:new a(46,74),styledFullLogoTop:new a(12,28),styledFullLogoRight:new a(l[2],13),styledFullLogoHeight:new a(20,34),styledFullLogoWidth:new a(88,142),chipLogoWidth:new a(31,50),chipLogoHeight:new a(l[4],39),visaLogoWidth:new a(52,84),visaLogoHeight:new a(17,27),visaLogoRight:new a(l[2],13),visaLogoBottom:new a(l[2],13)},u={businessText:new f("extraSmallRegular","largeRegular"),promoBusinessText:new f("tinyLight","tinyLight")},R=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=c();return r.jsxs(k,{cardPromoType:$,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(j,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(z,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},A=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:h,cardPromoType:$,style:x})=>{const n=c();return r.jsxs(W,{cardPromoType:$,windowSize:n,shouldAnimate:g,forListPage:h,forDashboard:s,style:x,children:[w&&r.jsx(S,{windowSize:n,forDashboard:s,children:r.jsx(b,{})}),r.jsx(B,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(v,{})}),r.jsx(P,{windowSize:n,forDashboard:s,forListPage:h,children:o}),r.jsx(y,{windowSize:n,forDashboard:s,forListPage:h,children:r.jsx(L,{})})]})},C=m`
+import{u as f,j as i,en as b,eo as z,ep as S,cb as y,R as r,b as e,C as d,d as c,s as h}from"./index-2CdI-B2B.js";import{c as a,n as p,k as m}from"./mui-kiGMfX4-.js";const t={plasticCardMarginLeft:new r(h[6],120),plasticCardMarginTop:new r(12,-9),businessTextRight:new r(h[2],13),businessTextBottom:new r(h[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(h[2],13),styledFullLogoHeight:new r(20,34),styledFullLogoWidth:new r(88,142),chipLogoWidth:new r(31,50),chipLogoHeight:new r(h[4],39),visaLogoWidth:new r(52,84),visaLogoHeight:new r(17,27),visaLogoRight:new r(h[2],13),visaLogoBottom:new r(h[2],13)},u={businessText:new c("extraSmallRegular","largeRegular"),promoBusinessText:new c("tinyLight","tinyLight")},F=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:l,cardPromoType:x,style:$})=>{const n=f();return i.jsxs(k,{cardPromoType:x,windowSize:n,shouldAnimate:g,forListPage:l,forDashboard:s,style:$,children:[w&&i.jsx(v,{windowSize:n,forDashboard:s,children:i.jsx(b,{})}),i.jsx(D,{windowSize:n,forDashboard:s,forListPage:l,children:i.jsx(y,{})}),i.jsx(L,{windowSize:n,forDashboard:s,forListPage:l,children:o}),i.jsx(P,{windowSize:n,forDashboard:s,forListPage:l,children:i.jsx(S,{})})]})},A=({cardText:o,shouldAnimate:g,showChip:w,forDashboard:s,forListPage:l,cardPromoType:x,style:$})=>{const n=f();return i.jsxs(R,{cardPromoType:x,windowSize:n,shouldAnimate:g,forListPage:l,forDashboard:s,style:$,children:[w&&i.jsx(v,{windowSize:n,forDashboard:s,children:i.jsx(b,{})}),i.jsx(B,{windowSize:n,forDashboard:s,forListPage:l,children:i.jsx(z,{})}),i.jsx(L,{windowSize:n,forDashboard:s,forListPage:l,children:o}),i.jsx(P,{windowSize:n,forDashboard:s,forListPage:l,children:i.jsx(S,{})})]})},C=m`
    0%{
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
@@ -48,7 +48,7 @@ import{q as c,V as r,dd as b,de as v,df as L,bv as z,y as a,o as e,p as d,B as f
     transform: rotate(12.4deg);
     translate: ${e.sp0} ${e.sp0};
   }
-`,D=m`
+`,j=m`
   0%{
     transform: rotate(0);
     transform-origin: top left;
@@ -79,19 +79,19 @@ import{q as c,V as r,dd as b,de as v,df as L,bv as z,y as a,o as e,p as d,B as f
     transform-origin: top left;
     box-shadow: 2px ${e.sp1} ${e.sp3} ${e.sp0} ${d.chargeCardBoxShadow2};
   }
-`,j=p.div`
+`,D=p.div`
   color: ${o=>o.theme.colors.brandColorJade};
   width: ${o=>t.styledLogoWidth.valuePx(o.windowSize)};
   height: ${o=>t.styledLogoHeight.valuePx(o.windowSize)};
-  ${o=>o.forDashboard?i`
+  ${o=>o.forDashboard?a`
           width: 38px;
           height: 38px;
         `:null}
-  ${o=>o.forListPage?i`
+  ${o=>o.forListPage?a`
           width: 28px;
           height: 28px;
         `:null}
-`,P=p.div`
+`,L=p.div`
   color: ${d.neutralGrey5Light};
   text-align: right;
   ${o=>`${u.businessText.style(o.windowSize)}`};
@@ -99,39 +99,39 @@ import{q as c,V as r,dd as b,de as v,df as L,bv as z,y as a,o as e,p as d,B as f
   position: absolute;
   right: ${o=>t.businessTextRight.valuePx(o.windowSize)};
   bottom: ${o=>t.businessTextBottom.valuePx(o.windowSize)};
-  ${o=>o.forDashboard?i`
+  ${o=>o.forDashboard?a`
           top: 61px;
           ${u.promoBusinessText.style(o.windowSize)};
           right: 6px;
         `:null}
-  ${o=>o.forListPage?i`
+  ${o=>o.forListPage?a`
           top: 53px;
           left: 95px;
           ${u.promoBusinessText.style(o.windowSize)};
         `:null}
-`,S=p.div`
+`,v=p.div`
   position: absolute;
   left: 11%;
   bottom: 50%;
   width: ${o=>t.chipLogoWidth.valuePx(o.windowSize)};
   height: ${o=>t.chipLogoHeight.valuePx(o.windowSize)};
-  ${o=>o.forDashboard?i`
+  ${o=>o.forDashboard?a`
           width: 20px;
           height: ${e.sp3};
         `:null}
-`,y=p.div`
+`,P=p.div`
   width: ${o=>t.visaLogoWidth.valuePx(o.windowSize)};
   height: ${o=>t.visaLogoHeight.valuePx(o.windowSize)};
   position: absolute;
   right: ${o=>t.visaLogoRight.valuePx(o.windowSize)};
   bottom: ${o=>t.visaLogoBottom.valuePx(o.windowSize)};
-  ${o=>o.forDashboard?i`
+  ${o=>o.forDashboard?a`
           width: 41px;
           height: 14px;
           bottom: ${e.sp2};
           right: 6px;
         `:null}
-  ${o=>o.forListPage?i`
+  ${o=>o.forListPage?a`
           width: ${e.sp5};
           height: 10px;
           bottom: ${e.sp1};
@@ -143,13 +143,13 @@ import{q as c,V as r,dd as b,de as v,df as L,bv as z,y as a,o as e,p as d,B as f
   height: ${o=>t.styledFullLogoHeight.valuePx(o.windowSize)};
   width: ${o=>t.styledFullLogoWidth.valuePx(o.windowSize)};
   color: ${d.neutralGrey5Light};
-  ${o=>o.forDashboard?i`
+  ${o=>o.forDashboard?a`
           width: 70px;
           height: ${e.sp3};
           top: 14px;
           right: 6px;
         `:null}
-  ${o=>o.forListPage?i`
+  ${o=>o.forListPage?a`
           width: ${e.sp7};
           height: 12px;
           top: 11px;
@@ -169,21 +169,21 @@ import{q as c,V as r,dd as b,de as v,df as L,bv as z,y as a,o as e,p as d,B as f
   background-position: center;
   background-size: cover;
   box-shadow: ${o=>` ${e.sp0} ${e.sp0} ${e.sp6} ${e.sp0} ${o.theme.colors.dropShadowNormal}`};
-  ${o=>o.shouldAnimate?i`
-          animation: ${D} 2800ms infinite;
+  ${o=>o.shouldAnimate?a`
+          animation: ${j} 2800ms infinite;
           z-index: 1;
         `:null}
-  ${o=>o.forDashboard?i`
+  ${o=>o.forDashboard?a`
           width: 190px;
           height: 121px;
         `:null}
-    ${o=>o.forListPage?i`
+    ${o=>o.forListPage?a`
           width: 144px;
           height: 91px;
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`,W=p.div`
+`,R=p.div`
   width: ${o=>t.chargeCardWidth.valuePx(o.windowSize)};
   height: ${o=>t.chargeCardHeight.valuePx(o.windowSize)};
   background: ${o=>o.cardPromoType==="debit"?o.theme.colors.brandColorJadeDark:o.theme.colors.brandColorJade};
@@ -198,21 +198,21 @@ import{q as c,V as r,dd as b,de as v,df as L,bv as z,y as a,o as e,p as d,B as f
   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 g=o.windowSize==="small"?C:T;return i`
+  ${o=>{if(o.shouldAnimate){const g=o.windowSize==="small"?C:T;return a`
         position: absolute;
         margin-left: ${t.plasticCardMarginLeft.valuePx(o.windowSize)};
         margin-top: ${t.plasticCardMarginTop.valuePx(o.windowSize)};
         transform: rotate(10.4deg);
         animation: ${g} 2800ms infinite;
       `}return null}}
-  ${o=>o.forDashboard?i`
+  ${o=>o.forDashboard?a`
           width: 190px;
           height: 121px;
         `:null}
-  ${o=>o.forListPage?i`
+  ${o=>o.forListPage?a`
           width: 144px;
           height: 91px;
           border-radius: 3px;
           border-width: 0.1px;
         `:null}
-`;export{R as J,A as N};
+`;export{A as m,F as u};

package/dist/assets/QBOConnectionDialog-Bn425Vnl-D7-SW8Tv.js

@@ -0,0 +1,51 @@
+import{u as w,a as t,j as n,cG as j,B as l,R as d,b as o,as as P,ah as S,ad as y,c9 as v,g2 as f,s as a}from"./index-2CdI-B2B.js";import{n as i}from"./mui-kiGMfX4-.js";import"./core-tlHkQPPu.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const r={containerPaddingTop:new d(a[5],a[7]),containerPaddingBottom:new d(a[5],a[5]),containerPaddingLeftRight:new d(a[6],a[11])},b=i.div`
+  border-radius: inherit;
+  max-width: 520px;
+  text-align: center;
+  background: ${e=>e.theme.colors.background};
+`,z=i.div`
+  padding-top: ${e=>r.containerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>r.containerPaddingBottom.valuePx(e.windowSize)};
+  padding-right: ${e=>r.containerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-left: ${e=>r.containerPaddingLeftRight.valuePx(e.windowSize)};
+`,B=i(P)`
+  color: ${e=>e.theme.colors.primary};
+  padding: ${o.sp0} ${o.sp0} ${o.sp4};
+  min-width: 260px;
+`,L=i(S)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: 360px;
+`,k=i.div`
+  margin: 20px ${o.sp0};
+`,A=i.div`
+  margin: 20px ${o.sp0};
+`,R=i.hr`
+  width: 100%;
+  border: 0.2px solid ${e=>e.theme.colors.grey3};
+  margin-top: auto;
+  margin-bottom: 0;
+`,_=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${o.sp4};
+`,C=i.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp4};
+  margin-left: ${o.sp4};
+  justify-content: center;
+  padding-top: ${o.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,T=i(y)`
+  color: ${e=>e.theme.colors.primary};
+  height: 20px;
+  width: auto;
+`,G=i(v)`
+  color: ${e=>e.theme.colors.hero};
+  height: ${o.sp4};
+  width: ${o.sp4};
+`,I=i(f)`
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.primary};
+`;function Z({companyName:e="",isGoBackAllowed:c,isAdmin:s,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=w(),u=t.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),$=t.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(j,{open:g,children:n.jsxs(b,{windowSize:x,children:[n.jsxs(z,{children:[n.jsx(B,{children:t.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(L,{children:s?u:$}),n.jsxs(C,{children:[n.jsx(T,{}),n.jsx(G,{}),n.jsx(I,{})]})]}),s||c?n.jsxs(n.Fragment,{children:[n.jsx(R,{}),n.jsxs(_,{children:[c===!0?n.jsx(A,{children:n.jsx(l,{variant:"secondary",label:t.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,s?n.jsx(k,{children:n.jsx(l,{variant:"primary",label:t.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{Z as default};

package/dist/assets/QBOSetupSection-BqbiJ_dk-CZU6Pjgx.js

@@ -0,0 +1,79 @@
+import{u as O,a as u,j as i,B as k,b as o,R as a,C as d,h9 as R,d as W,ad as B,c9 as T,g2 as E,g$ as G,bs as m,af as $,s as t}from"./index-2CdI-B2B.js";import{n as s}from"./mui-kiGMfX4-.js";import I from"./QBOConnectionDialog-Bn425Vnl-D7-SW8Tv.js";const r={containerPadding:new a(t[3],t[4]),sectionWidth:new a(343,580,726),topElementsRowGap:new a(t[3],t[0]),arrowIconWidthHeight:new a(t[3],t[4])},A={title:new W("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:S,companyName:y,updateQBOPopupState:h,handleOnConnectClick:j})=>{const n=O(),{qbo_connection:f}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:v,sucessText:z,button:b,errorText:P,requiredText:C}=f;return i.jsxs(H,{windowSize:n,children:[i.jsxs(L,{windowSize:n,children:[n==="small"?i.jsx(_,{children:l?i.jsx(J,{}):i.jsx(K,{})}):null,i.jsx(N,{windowSize:n,children:v})]}),i.jsxs(Q,{windowSize:n,children:[i.jsxs(D,{windowSize:n,children:[i.jsxs(F,{children:[i.jsx(M,{}),i.jsx(V,{windowSize:n}),i.jsx(Z,{})]}),l?n!=="small"?i.jsx(w,{}):null:i.jsx(k,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:b.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(q,{children:z}),n==="small"?i.jsx(w,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:P})}):null,c&&!l?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:C})}):null]}),i.jsx(I,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:S,companyName:y,saveConnectionState:p,handleOnConnectClick:j,handleGoBack:()=>h(!1)})]})},w=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(G,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:c,textColor:{color:new m(d.successDark),borderColor:new m(d.successDark)}})},H=s.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,L=s.div`
+  display: flex;
+  align-items: center;
+  padding-top: ${o.sp3};
+  padding-bottom: ${o.sp3};
+  width: ${e=>r.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=>r.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=>r.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($)`
+  display: flex;
+  color: ${d.important};
+`,D=s.div`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  row-gap: ${e=>r.topElementsRowGap.valuePx(e.windowSize)};
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+`,q=s($)`
+  display: flex;
+  margin-top: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+`,F=s.div`
+  display: flex;
+  align-items: center;
+  gap: ${o.sp4};
+  justify-content: left;
+  color: ${e=>e.theme.colors.primary};
+`,M=s(B)`
+  height: 20px;
+  width: auto;
+  color: ${e=>e.theme.colors.primary};
+  cursor: pointer;
+`,V=s(T)`
+  height: ${e=>r.arrowIconWidthHeight.valuePx(e.windowSize)};
+  width: ${e=>r.arrowIconWidthHeight.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+`,Z=s(E)`
+  height: ${o.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,_=s.div`
+  margin-right: ${o.sp2};
+`,J=s(R)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${d.success};
+`,K=s.div`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  border: 1px solid ${e=>e.theme.colors.primary};
+  border-radius: 50%;
+`;export{ee as y};

package/dist/assets/ReimbursementApprovalRuleDetailPage-DmhPPX4d-DMO5czP7.js

@@ -0,0 +1,26 @@
+import{R as O,s as R,i as W,u as M,a as U,a8 as G,bB as K,j as s,bj as X,dt as H,cf as J,aa as Q,bC as Y,b as f}from"./index-2CdI-B2B.js";import{a as B}from"./core-tlHkQPPu.js";import{n as h}from"./mui-kiGMfX4-.js";import{K as Z,D as ee,u as D,h as L}from"./FollowStepsSection-Dhf67oqf-CptFWIJS.js";import"./sentry-Dhk5jNhq.js";import"./zeni-epic-state-Bo1aGezX.js";import"./liveblocks-BrzOBACZ.js";import"./utils-BLUF9kAp.js";import"./analytics-CeQu-r45.js";const j="reimbursementApprovalRuleDetailPage",C="lowerBound",N="upperBound",y="steps",ae={footerPadding:new O(R[2],R[3])};function ye({localData:e,approvalUpdateActionType:r,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:l=!0,hideUpperBoundField:o=!1,onBackClick:p,onApprovalRuleDataUpdated:b,onResetClick:T,onSaveRuleClick:k,onSaveRuleSuccess:S}){const E=W(),A=M(),t=U.getLocalizedStrings().commonSetUp.approval,I=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=te(e,r==="approval_create"&&!a),v=G({mode:"all",reValidateMode:"onChange",defaultValues:x}),d=e.remiSetupApproverViewUpdateData?.updateStatus,w=K(d?.fetchState),{upperBound:P}=x,{allApprovalRules:n,allAccountingClasses:_,remiSetupApproverViewUpdateData:u}=e;let c=n.length>1?n.length-1:0,g=n.length>0?n[c].criteria[0].range.min.amount:0;if(u!=null&&u.type==="approval_update"&&u.data!=null){const{approvalRuleId:i}=u.data;c=n.findIndex(m=>m.approvalRuleId===i),g=c>0?n[c-1].criteria[0].range.min.amount:0}const F=v.handleSubmit(()=>{k()});return B.useEffect(()=>{const i=v.watch((m,{name:z})=>{if(z!=null&&m!=null){const V=X(m);H(()=>(async(de,q)=>{b(q)})(0,V))}});return()=>{i.unsubscribe()}}),B.useEffect(()=>{w==="In-Progress"&&d?.fetchState==="Completed"&&S()},[w,d?.fetchState,S]),s.jsxs(se,{children:[s.jsx(J,{title:r==="approval_create"?t.newApproval:t.editApproval,backgroundColor:E.colors.grey4,style:{zIndex:4},onBackClick:()=>{p()},source:"ReimbursementApprovalRuleDetailPage"}),s.jsx(ne,{children:s.jsx(Q,{...v,children:s.jsx("form",{id:$(j),onSubmit:F,children:s.jsxs(ie,{children:[s.jsx(Z,{label:{label:o?I.amountPerRemiGreaterLabel:I.amountPerRemiLabel},firstText:{type:"number",name:C,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:g,validate:i=>!!a||i!=null&&i>g},isDisabled:a,additionalInfoLabel:t.firstRuleLowerBoundInfoLabel,additionalErrorLabel:t.firstRuleErrorInfoLabel},secondText:{type:"number",name:N,placeholder:"Infinity",isDisabled:l,hideField:o,additionalInfoLabel:t.upperBoundInfoLabel}}),s.jsx(pe,{}),s.jsx(ee,{sectionId:y,label:{label:t.followStepsLabel},approversPlaceholder:t.approversPlaceholder,notifiersPlaceholder:t.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:_,stepsInfo:x[y],userSelectPlaceholder:t.userSelectPlaceholder,approveNotifyPlaceholder:t.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:$(j),primaryBtn:{label:t.saveBtnText,isLoading:d?.fetchState==="In-Progress",isDisabled:d?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},showCancel:!0,cancelBtn:{label:t.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:T},containerStyle:{justifyContent:A==="small"?"space-between":"center"},style:{padding:ae.footerPadding.valuePx(A)},separatorStyle:{marginRight:f.sp4}})]})}const te=(e,r)=>{const{criteria:a,steps:l}=e.remiSetupApproverViewUpdateData?.data??{};return{[y]:re(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),D(e.allAttributes),D(e.filteredAttributes),l??[])??[],[C]:r?void 0:a!=null?a.range.min.amount??0:0,[N]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},re=(e,r,a,l,o)=>o&&o.length>0?o.map((p,b)=>({stepIndex:b,stepType:{selectedOption:p.action,allOptions:L},actors:{allUsers:r,selectedUsers:le(e,p.actors),allNonUsers:l,selectedNonUsers:oe(a,p.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:L},actors:{allUsers:r,selectedUsers:[],allNonUsers:l,selectedNonUsers:[]}}],le=(e,r)=>e.filter(a=>a.userId!=null&&r.findIndex(l=>l.userId===a.userId)>-1),oe=(e,r)=>e.filter(a=>r.findIndex(l=>l.subType===a.value)>-1),$=e=>`${e}_form`,Se=e=>`${e}`,se=h.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ie=h.div`
+  display: flex;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${f.sp0} 2px ${f.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${f.sp2};
+`,ne=h.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,pe=h.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`;export{ae as D,ye as default,$ as uniqueFormName,Se as uniqueName};