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

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

@@ -1 +0,0 @@
-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-CnpQ0WOo.js

@@ -1,142 +0,0 @@
-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-OJbFNHch.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/QBOConnectionDialog-Bn425Vnl-BbJL04ac.js

@@ -1,51 +0,0 @@
-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-OJbFNHch.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-32r8g9xi.js

@@ -1,79 +0,0 @@
-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-OJbFNHch.js";import{n as s}from"./mui-kiGMfX4-.js";import I from"./QBOConnectionDialog-Bn425Vnl-BbJL04ac.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-D9mrhM9N.js

@@ -1,26 +0,0 @@
-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-OJbFNHch.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-C9-DQpEq.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};

package/dist/assets/ReimbursementApprovalRulesPage-DwaZeT8t-Dv8_jFtg.js

@@ -1,237 +0,0 @@
-import{i as N,u as L,a as y,j as t,cf as M,A as E,bm as b,b as o,R as r,ah as B,bn as z,dc as H,dd as U,de as G,dP as q,s,bJ as V,d as P,bI as _,C as j,dM as F,c6 as J,t as O}from"./index-OJbFNHch.js";import{n as i}from"./mui-kiGMfX4-.js";import{a as K}from"./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 l={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(s[3],s[4]),wrapperGap:new r(s[4],s[3]),wrapperMarginBottom:new r(s[6],s[8]),lastWrapperMarginBottom:new r(s[5],s[9]),stepperWidthHeight:new r(20,s[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,s[0]),stepperItemPaddingLeft:new r(s[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,s[0]),stepperContentTop:new r(s[0],-4)},A={stepper:new P("smallRegular","standardRegular"),amount:new P("standardRegular","largeRegular")},Q=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:x,onEditRuleClick:v,onDeleteRuleClick:S})=>{const[g,d]=K.useState(!1),n=L(),{range:c}=x.criteria[0],{steps:u,approvalRuleId:m}=x,a=y.getLocalizedStrings().commonSetUp.approval,$={onOkClick:()=>{d(!1),S?.(m)},onCancelClick:()=>{d(!1)}};return t.jsxs(X,{windowSize:n,isLastSection:f,"data-testid":b("approval-rule-section",m),children:[t.jsxs(Y,{windowSize:n,children:[t.jsxs(le,{children:[t.jsxs(I,{windowSize:n,children:[a.from," ",z("0,0",c.min)]}),t.jsxs(Z,{children:[t.jsx(k,{}),t.jsx(ee,{}),t.jsx(k,{})]}),c.max==null?t.jsx(de,{}):t.jsx(I,{windowSize:n,children:z("0,0",{...c.min,amount:c.max.amount})})]}),t.jsxs(ae,{className:"icons",children:[e?t.jsx(ne,{onClick:()=>{d(!0)}}):null,t.jsx(pe,{onClick:()=>{v(m)},"data-testid":b("edit-approval-rule",m)})]})]}),t.jsx(te,{windowSize:n,children:t.jsx(oe,{isSingleStep:u.length===1,windowSize:n,children:u.map((h,W)=>t.jsxs(ie,{isSingleStep:u.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?t.jsx(re,{children:a.requireText}):t.jsx(se,{children:a.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,D)=>t.jsxs(R,{children:[t.jsx(T,{children:p.subType!=null?a.nonUsers[p.subType].label:null}),h.operator!="is"?t.jsx(C,{className:"operator",children:h.operator}):null]},`${p.subType}_${D}`)),h.actors.map(p=>t.jsxs(R,{children:[t.jsxs(T,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?t.jsx(C,{className:"operator",children:h.operator}):null]},p.userId))]},W))})}),g?t.jsx(H,{titleComponent:t.jsx(G,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(U,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:$}):null]})},X=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${e=>l.wrapperGap.valuePx(e.windowSize)};
-  margin-bottom: ${e=>e.isLastSection?l.lastWrapperMarginBottom.valuePx(e.windowSize):l.wrapperMarginBottom.valuePx(e.windowSize)};
-  .icons {
-    display: none;
-  }
-  &:hover {
-    .icons {
-      display: flex;
-    }
-    > div:last-of-type {
-      border-color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Y=i(V)`
-  display: flex;
-  position: relative;
-  align-items: center;
-  justify-content: space-between;
-  text-align: center;
-  width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
-  gap: ${o.sp2};
-`,Z=i.div`
-  align-items: center;
-  display: flex;
-  justify-content: center;
-`,ee=i.div`
-  width: ${o.sp8};
-  height: 2px;
-  background-color: ${e=>e.theme.colors.primary};
-`,k=i.div`
-  width: 6px;
-  height: 6px;
-  border-radius: 3px;
-  background-color: ${e=>e.theme.colors.primary};
-`,te=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding: ${e=>l.ruleWrapperPadding.valuePx(e.windowSize)};
-  gap: 10px;
-
-  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};
-
-  flex: none;
-  order: 1;
-  flex-grow: 0;
-  justify-content: center;
-  box-sizing: border-box;
-  position: relative;
-`,oe=i.ul`
-  ${e=>`${A.stepper.style(e.windowSize)}`};
-  position: relative;
-  padding-left: ${o.sp6};
-  list-style: none;
-  box-sizing: initial;
-  margin: 0;
-  &::before {
-    display: inline-block;
-    content: "";
-    position: absolute;
-    top: ${e=>l.stepperTop.valuePx(e.windowSize)};
-    left: ${e=>l.stepperLeft.valuePx(e.windowSize)};
-    width: 10px;
-    height: ${e=>e.isSingleStep?"0%":"100%"};
-    border-left: 2px solid ${e=>e.theme.colors.grey1};
-  }
-`,ie=i.li`
-  position: relative;
-  counter-increment: list;
-  min-height: ${e=>l.stepperItemMinHeight.valuePx(e.windowSize)};
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: ${e=>l.stepperItemPaddingLeft.valuePx(e.windowSize)};
-  gap: ${o.sp1};
-
-  > div:last-of-type > span.operator:last-of-type {
-    visibility: hidden;
-  }
-
-  &:not(:last-child) {
-    padding-bottom: 20px;
-  }
-
-  &::before {
-    display: inline-block;
-    content: "";
-    position: absolute;
-    top: ${e=>l.stepperItemTop.valuePx(e.windowSize)};
-    left: ${e=>l.stepperItemLeft.valuePx(e.windowSize)};
-    height: ${e=>e.isSingleStep?"0%":"100%"};
-    width: 10px;
-  }
-
-  &.stepperItem {
-    flex-wrap: wrap;
-    &::before {
-      border-left: 2px solid ${e=>e.theme.colors.grey1};
-    }
-    &:last-child::before {
-      border-left: 2px solid ${e=>e.theme.colors.grey5};
-    }
-
-    &::after {
-      content: counter(list);
-      position: absolute;
-      width: ${e=>l.stepperWidthHeight.valuePx(e.windowSize)};
-      height: ${e=>l.stepperWidthHeight.valuePx(e.windowSize)};
-      top: ${e=>l.stepperContentTop.valuePx(e.windowSize)};
-      left: -${o.sp6};
-      ${O.standardMedium.css};
-      text-align: center;
-      color: ${e=>e.theme.colors.grey1};
-      border: 2px solid ${e=>e.theme.colors.grey1};
-      background-color: ${e=>e.theme.colors.grey5};
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      border-radius: 50%;
-    }
-  }
-`,re=i.span`
-  color: ${j.alertDark};
-`,se=i.span`
-  color: ${j.successDark};
-`,T=i.span`
-  color: ${e=>e.theme.colors.primary};
-`,le=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${o.sp2};
-`,ae=i.div`
-  display: flex;
-  gap: ${o.sp5};
-`,ne=i(F)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${j.important};
-  }
-`,pe=i(J)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,de=i(_)`
-  width: ${o.sp4};
-  height: ${o.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,C=i.span`
-  color: ${e=>e.theme.colors.hero};
-`,R=i.div`
-  display: inherit;
-  gap: inherit;
-`,I=i.span`
-  ${e=>`${A.amount.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-word;
-`,w={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,s[2]),subTitlePaddingTop:new r(12,s[3]),subTitlePaddingBottom:new r(28,s[7])},Pe=({approvalView:e,onBackClick:f,onEditRuleClick:x,onDeleteRuleClick:v})=>{const S=N(),g=L(),{fetchState:d,deleteStatus:n}=e,c=y.getLocalizedStrings().commonSetUp.approval,u=y.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=n.fetchState;return t.jsxs(ce,{children:[t.jsx(M,{title:c.approvalPageHeader,backgroundColor:S.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(he,{children:[t.jsx(xe,{windowSize:g,children:u.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?t.jsx(me,{children:t.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,$)=>t.jsx(Q,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:v},a.approvalRuleId)),t.jsxs(ue,{windowSize:g,onClick:()=>{x()},"data-testid":b("add-approval-rule"),children:[t.jsx(we,{}),t.jsx(ge,{children:c.addApprovalText})]})]}):null]})]})},ce=i.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
-    ${e.theme.colors.dropShadowNormal}`};
-`,he=i.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,me=i.div`
-  display: flex;
-  width: 100%;
-  height: calc(100vh - 110px);
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.grey4};
-`,xe=i(B)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>w.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>w.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>w.subTitlePaddingBottom.valuePx(e.windowSize)};
-`,ue=i(B)`
-  cursor: pointer;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: ${o.sp3} ${o.sp4};
-  gap: ${e=>w.addApprovalGap.valuePx(e.windowSize)};
-
-  width: ${e=>w.width.valuePx(e.windowSize)};
-  height: ${o.sp8};
-
-  background: ${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};
-  color: ${e=>e.theme.colors.hero};
-  box-sizing: border-box;
-  &:hover {
-    div {
-      color: ${e=>e.theme.colors.primary};
-    }
-    color: ${e=>e.theme.colors.primary};
-    border-color: ${e=>e.theme.colors.primary};
-  }
-  margin-bottom: ${o.sp6};
-`,we=i(q)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-`,ge=i.div`
-  color: ${e=>e.theme.colors.hero};
-`;export{Pe as default};