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

package/dist/assets/Preview-Bnbo8Nq1.js

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

package/dist/assets/ProductsCarousel-Bz_PnE7C-BoGI8CRR.js

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

package/dist/assets/QBOConnectionDialog-DwZPS4A--CuAty-gU.js

@@ -1,51 +0,0 @@
-import{q as w,F as a,V as n,bP as P,n as l,y as s,o as i,ap as j,ak as y,ae as b,bt as f,eL as v,u as t}from"./index-ePPQ9tNX.js";import{n as o}from"./mui-bYXq4XMS.js";import"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const r={containerPaddingTop:new s(t[5],t[7]),containerPaddingBottom:new s(t[5],t[5]),containerPaddingLeftRight:new s(t[6],t[11])},S=o.div`
-  border-radius: inherit;
-  max-width: 520px;
-  text-align: center;
-  background: ${e=>e.theme.colors.background};
-`,z=o.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)};
-`,k=o(j)`
-  color: ${e=>e.theme.colors.primary};
-  padding: ${i.sp0} ${i.sp0} ${i.sp4};
-  min-width: 260px;
-`,L=o(y)`
-  color: ${e=>e.theme.colors.hero};
-  max-width: 360px;
-`,A=o.div`
-  margin: 20px ${i.sp0};
-`,_=o.div`
-  margin: 20px ${i.sp0};
-`,B=o.hr`
-  width: 100%;
-  border: 0.2px solid ${e=>e.theme.colors.grey3};
-  margin-top: auto;
-  margin-bottom: 0;
-`,C=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: ${i.sp4};
-`,T=o.div`
-  display: flex;
-  align-items: center;
-  gap: ${i.sp4};
-  margin-left: ${i.sp4};
-  justify-content: center;
-  padding-top: ${i.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,I=o(b)`
-  color: ${e=>e.theme.colors.primary};
-  height: 20px;
-  width: auto;
-`,R=o(f)`
-  color: ${e=>e.theme.colors.hero};
-  height: ${i.sp4};
-  width: ${i.sp4};
-`,O=o(v)`
-  height: ${i.sp4};
-  color: ${e=>e.theme.colors.primary};
-`;function K({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=w(),u=a.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),$=a.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(P,{open:g,children:n.jsxs(S,{windowSize:x,children:[n.jsxs(z,{children:[n.jsx(k,{children:a.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(L,{children:d?u:$}),n.jsxs(T,{children:[n.jsx(I,{}),n.jsx(R,{}),n.jsx(O,{})]})]}),d||c?n.jsxs(n.Fragment,{children:[n.jsx(B,{}),n.jsxs(C,{children:[c===!0?n.jsx(_,{children:n.jsx(l,{variant:"secondary",label:a.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(A,{children:n.jsx(l,{variant:"primary",label:a.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{K as default};

package/dist/assets/QBOSetupSection-CJh_5ZRY-DIDRxjCw.js

@@ -1,79 +0,0 @@
-import{q as O,F as u,V as i,n as k,o,y as a,p as d,fJ as B,B as q,ae as T,bt as W,eL as A,fA as E,aS as w,ag as $,u as t}from"./index-ePPQ9tNX.js";import{n as s}from"./mui-bYXq4XMS.js";import G from"./QBOConnectionDialog-DwZPS4A--CuAty-gU.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])},F={title:new q("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:y,companyName:f,updateQBOPopupState:h,handleOnConnectClick:j})=>{const n=O(),{qbo_connection:S}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:b,sucessText:z,button:v,errorText:P,requiredText:C}=S;return i.jsxs(H,{windowSize:n,children:[i.jsxs(I,{windowSize:n,children:[n==="small"?i.jsx(_,{children:l?i.jsx(K,{}):i.jsx(U,{})}):null,i.jsx(N,{windowSize:n,children:b})]}),i.jsxs(Q,{windowSize:n,children:[i.jsxs(V,{windowSize:n,children:[i.jsxs(L,{children:[i.jsx(M,{}),i.jsx(D,{windowSize:n}),i.jsx(R,{})]}),l?n!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:v.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(J,{children:z}),n==="small"?i.jsx(m,{}):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(G,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:y,companyName:f,saveConnectionState:p,handleOnConnectClick:j,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(E,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:c,textColor:{color:new w(d.successDark),borderColor:new w(d.successDark)}})},H=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,I=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=>`${F.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};
-`,V=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"};
-`,J=s($)`
-  display: flex;
-  margin-top: ${o.sp2};
-  color: ${e=>e.theme.colors.hero};
-`,L=s.div`
-  display: flex;
-  align-items: center;
-  gap: ${o.sp4};
-  justify-content: left;
-  color: ${e=>e.theme.colors.primary};
-`,M=s(T)`
-  height: 20px;
-  width: auto;
-  color: ${e=>e.theme.colors.primary};
-  cursor: pointer;
-`,D=s(W)`
-  height: ${e=>r.arrowIconWidthHeight.valuePx(e.windowSize)};
-  width: ${e=>r.arrowIconWidthHeight.valuePx(e.windowSize)};
-  color: ${e=>e.theme.colors.hero};
-`,R=s(A)`
-  height: ${o.sp4};
-  color: ${e=>e.theme.colors.primary};
-`,_=s.div`
-  margin-right: ${o.sp2};
-`,K=s(B)`
-  width: ${o.sp3};
-  height: ${o.sp3};
-  color: ${d.success};
-`,U=s.div`
-  height: ${o.sp3};
-  width: ${o.sp3};
-  border: 1px solid ${e=>e.theme.colors.primary};
-  border-radius: 50%;
-`;export{ee as t};

package/dist/assets/ReimbursementApprovalRuleDetailPage-BXDkKqzx-COAmJRq9.js

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

package/dist/assets/ReimbursementApprovalRulesPage-CE6Qa9rc-B0Oei2l8.js

@@ -1,237 +0,0 @@
-import{e as M,q as I,F as b,V as o,bz as H,l as V,aK as S,o as t,y as r,ak as L,aL as z,cm as E,cn as G,co as U,cY as q,u as l,b7 as Y,B as P,b6 as _,p as j,cV as F,br as J,b as K}from"./index-ePPQ9tNX.js";import{n as i}from"./mui-bYXq4XMS.js";import{a as O}from"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";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)},W={stepper:new P("smallRegular","standardRegular"),amount:new P("standardRegular","largeRegular")},Z=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:x,onEditRuleClick:y,onDeleteRuleClick:v})=>{const[g,d]=O.useState(!1),a=I(),{range:c}=x.criteria[0],{steps:w,approvalRuleId:m}=x,n=b.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},A={onOkClick:()=>{d(!1),v?.(m)},onCancelClick:()=>{d(!1)}};return o.jsxs(Q,{windowSize:a,isLastSection:f,"data-testid":S("approval-rule-section",m),children:[o.jsxs(X,{windowSize:a,children:[o.jsxs(ne,{children:[o.jsxs(B,{windowSize:a,children:[n.from," ",z("0,0",c.min)]}),o.jsxs(ee,{children:[o.jsx(k,{}),o.jsx(oe,{}),o.jsx(k,{})]}),c.max==null?o.jsx(ce,{}):o.jsx(B,{windowSize:a,children:z("0,0",{...c.min,amount:c.max.amount})})]}),o.jsxs(ae,{className:"icons",children:[e?o.jsx(pe,{onClick:$}):null,o.jsx(de,{onClick:()=>{y(m)},"data-testid":S("edit-approval-rule",m)})]})]}),o.jsx(te,{windowSize:a,children:o.jsx(ie,{isSingleStep:w.length===1,windowSize:a,children:w.map((h,N)=>o.jsxs(re,{isSingleStep:w.length===1,className:"stepperItem",windowSize:a,children:[h.action==="require_approval"?o.jsx(le,{children:n.requireText}):o.jsx(se,{children:n.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,D)=>o.jsxs(R,{children:[o.jsx(T,{children:p.subType!=null?n.nonUsers[p.subType].label:null}),h.operator!="is"?o.jsx(C,{className:"operator",children:h.operator}):null]},`${p.subType}_${D}`)),h.actors.map(p=>o.jsxs(R,{children:[o.jsxs(T,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?o.jsx(C,{className:"operator",children:h.operator}):null]},p.userId))]},N))})}),g?o.jsx(E,{titleComponent:o.jsx(U,{children:n.deleteApprovalRuleTitle}),descriptionComponent:o.jsx(G,{children:n.deleteApprovalRuleDesc}),primaryButtonText:n.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:n.cancelBtnText,action:A}):null]})},Q=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
-  margin-bottom: ${e=>e.isLastSection?s.lastWrapperMarginBottom.valuePx(e.windowSize):s.wrapperMarginBottom.valuePx(e.windowSize)};
-  .icons {
-    display: none;
-  }
-  &:hover {
-    .icons {
-      display: flex;
-    }
-    > div:last-of-type {
-      border-color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,X=i(Y)`
-  display: flex;
-  position: relative;
-  align-items: center;
-  justify-content: space-between;
-  text-align: center;
-  width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
-  gap: ${t.sp2};
-`,ee=i.div`
-  align-items: center;
-  display: flex;
-  justify-content: center;
-`,oe=i.div`
-  width: ${t.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=>s.ruleWrapperPadding.valuePx(e.windowSize)};
-  gap: 10px;
-
-  width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
-  background-color: ${e=>e.theme.colors.grey5};
-
-  border: 1px solid ${e=>e.theme.colors.grey3};
-
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
-
-  flex: none;
-  order: 1;
-  flex-grow: 0;
-  justify-content: center;
-  box-sizing: border-box;
-  position: relative;
-`,ie=i.ul`
-  ${e=>`${W.stepper.style(e.windowSize)}`};
-  position: relative;
-  padding-left: ${t.sp6};
-  list-style: none;
-  box-sizing: initial;
-  margin: 0;
-  &::before {
-    display: inline-block;
-    content: "";
-    position: absolute;
-    top: ${e=>s.stepperTop.valuePx(e.windowSize)};
-    left: ${e=>s.stepperLeft.valuePx(e.windowSize)};
-    width: 10px;
-    height: ${e=>e.isSingleStep?"0%":"100%"};
-    border-left: 2px solid ${e=>e.theme.colors.grey1};
-  }
-`,re=i.li`
-  position: relative;
-  counter-increment: list;
-  min-height: ${e=>s.stepperItemMinHeight.valuePx(e.windowSize)};
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: ${e=>s.stepperItemPaddingLeft.valuePx(e.windowSize)};
-  gap: ${t.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=>s.stepperItemTop.valuePx(e.windowSize)};
-    left: ${e=>s.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=>s.stepperWidthHeight.valuePx(e.windowSize)};
-      height: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
-      top: ${e=>s.stepperContentTop.valuePx(e.windowSize)};
-      left: -${t.sp6};
-      ${K.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%;
-    }
-  }
-`,le=i.span`
-  color: ${j.alertDark};
-`,se=i.span`
-  color: ${j.successDark};
-`,T=i.span`
-  color: ${e=>e.theme.colors.primary};
-`,ne=i.div`
-  display: flex;
-  align-items: center;
-  gap: ${t.sp2};
-`,ae=i.div`
-  display: flex;
-  gap: ${t.sp5};
-`,pe=i(F)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${j.important};
-  }
-`,de=i(J)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ce=i(_)`
-  width: ${t.sp4};
-  height: ${t.sp4};
-  color: ${e=>e.theme.colors.hero};
-`,C=i.span`
-  color: ${e=>e.theme.colors.hero};
-`,R=i.div`
-  display: inherit;
-  gap: inherit;
-`,B=i.span`
-  ${e=>`${W.amount.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  word-break: break-word;
-`,u={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])},Re=({approvalView:e,onBackClick:f,onEditRuleClick:x,onDeleteRuleClick:y})=>{const v=M(),g=I(),{fetchState:d,deleteStatus:a}=e,c=b.getLocalizedStrings().commonSetUp.approval,w=b.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=a.fetchState;return o.jsxs(he,{children:[o.jsx(H,{title:c.approvalPageHeader,backgroundColor:v.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),o.jsxs(me,{children:[o.jsx(we,{windowSize:g,children:w.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?o.jsx(xe,{children:o.jsx(V,{size:"ExtraLarge",start:!0})}):d==="Completed"?o.jsxs(o.Fragment,{children:[e.allApprovalRules.map((n,$)=>o.jsx(Z,{showDeleteBtn:$!==0,approvalRule:n,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:y},n.approvalRuleId)),o.jsxs(ue,{windowSize:g,onClick:()=>{x()},"data-testid":S("add-approval-rule"),children:[o.jsx(ge,{}),o.jsx($e,{children:c.addApprovalText})]})]}):null]})]})},he=i.div`
-  display: flex;
-  min-height: 100%;
-  flex-direction: column;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey4};
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1}
-    ${e.theme.colors.dropShadowNormal}`};
-`,me=i.div`
-  display: flex;
-  justify-content: flex-start;
-  height: 100%;
-  overflow-y: auto;
-  flex-direction: column;
-  align-items: center;
-`,xe=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};
-`,we=i(L)`
-  color: ${e=>e.theme.colors.hero};
-  display: flex;
-  justify-content: center;
-  width: ${e=>u.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>u.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>u.subTitlePaddingBottom.valuePx(e.windowSize)};
-`,ue=i(L)`
-  cursor: pointer;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: ${t.sp3} ${t.sp4};
-  gap: ${e=>u.addApprovalGap.valuePx(e.windowSize)};
-
-  width: ${e=>u.width.valuePx(e.windowSize)};
-  height: ${t.sp8};
-
-  background: ${e=>e.theme.colors.grey5};
-
-  border: 1px solid ${e=>e.theme.colors.grey3};
-
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1}
-    ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.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: ${t.sp6};
-`,ge=i(q)`
-  width: ${t.sp3};
-  height: ${t.sp3};
-`,$e=i.div`
-  color: ${e=>e.theme.colors.hero};
-`;export{Re as default};