@zeniai/web-app-ui 4.14.36-qa → 4.14.38-dev

package/dist/assets/{QBOSetupSection-CzBfIVqR-CbTARgMf.js → QBOSetupSection-C_fqHza_-B72ZoKWs.js}

@@ -1,4 +1,4 @@
-import{J as k,O as u,V as i,i as C,o,b as a,e as c,f7 as I,H as T,d as D,aT as W,e_ as B,ad as w,x as f,u as t}from"./index-k1doZNFg.js";import{n as s}from"./mui-Bi07oTwe.js";import{D as E,V as _}from"./QBOConnectionDialog-Ca36jKz2-DAMkmB7c.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="70321822-c94c-410d-a549-ff907fc2a2f6",e._sentryDebugIdIdentifier="sentry-dbid-70321822-c94c-410d-a549-ff907fc2a2f6")}catch{}})();const l={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])},G={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:r=!1,isValid:d,saveConnectionState:p,isQBOPopupOpen:$,companyName:y,updateQBOPopupState:h,handleOnConnectClick:b})=>{const n=k(),{qbo_connection:j}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:S,sucessText:v,button:z,errorText:P,requiredText:O}=j;return i.jsxs(H,{windowSize:n,children:[i.jsxs(A,{windowSize:n,children:[n==="small"?i.jsx(J,{children:d?i.jsx(K,{}):i.jsx(U,{})}):null,i.jsx(N,{windowSize:n,children:S})]}),i.jsxs(Q,{windowSize:n,children:[i.jsxs(V,{windowSize:n,children:[i.jsxs(L,{children:[i.jsx(M,{}),i.jsx(R,{windowSize:n}),i.jsx(F,{})]}),d?n!=="small"?i.jsx(m,{}):null:i.jsx(C,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:z.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),d?i.jsxs(i.Fragment,{children:[i.jsx(q,{children:v}),n==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:P})}):null,r&&!d?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:O})}):null]}),i.jsx(E,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:$,companyName:y,saveConnectionState:p,handleOnConnectClick:b,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:r}=e;return i.jsx(B,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:r,textColor:{color:new w(c.successDark),borderColor:new w(c.successDark)}})},H=s.div`
+import{X as O,O as u,V as i,a as k,o,x as d,e as c,fr as I,N as T,r as D,aT as W,fi as B,ad as w,C as $,j as t}from"./index-BocbTmE1.js";import{n as s}from"./mui-C_CXevf3.js";import{D as E,V as G}from"./QBOConnectionDialog-CJsIrEZq-CgfqE4WV.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="e2e04ab0-7e1c-4854-84f6-552670120aa5",e._sentryDebugIdIdentifier="sentry-dbid-e2e04ab0-7e1c-4854-84f6-552670120aa5")}catch{}})();const l={containerPadding:new d(t[3],t[4]),sectionWidth:new d(343,580,726),topElementsRowGap:new d(t[3],t[0]),arrowIconWidthHeight:new d(t[3],t[4])},_={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:r=!1,isValid:a,saveConnectionState:p,isQBOPopupOpen:f,companyName:y,updateQBOPopupState:h,handleOnConnectClick:b})=>{const n=O(),{qbo_connection:j}=u.getLocalizedStrings().customerOnboardingPage.sections,{title:S,sucessText:v,button:z,errorText:P,requiredText:C}=j;return i.jsxs(N,{windowSize:n,children:[i.jsxs(A,{windowSize:n,children:[n==="small"?i.jsx(X,{children:a?i.jsx(J,{}):i.jsx(K,{})}):null,i.jsx(H,{windowSize:n,children:S})]}),i.jsxs(Q,{windowSize:n,children:[i.jsxs(V,{windowSize:n,children:[i.jsxs(L,{children:[i.jsx(M,{}),i.jsx(R,{windowSize:n}),i.jsx(F,{})]}),a?n!=="small"?i.jsx(m,{}):null:i.jsx(k,{variant:"primary",size:n!=="small"?"standard":"xs-small",label:z.connect,style:{width:"fit-content"},onClick:()=>h(!0),loading:p==="In-Progress"})]}),a?i.jsxs(i.Fragment,{children:[i.jsx(q,{children:v}),n==="small"?i.jsx(m,{}):null]}):null,p==="Error"?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:P})}):null,r&&!a?i.jsx(x,{children:i.jsx(g,{windowSize:n,children:C})}):null]}),i.jsx(E,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:f,companyName:y,saveConnectionState:p,handleOnConnectClick:b,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=u.getLocalizedStrings().customerOnboardingPage,{connected:r}=e;return i.jsx(B,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:r,textColor:{color:new w(c.successDark),borderColor:new w(c.successDark)}})},N=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -9,11 +9,11 @@ import{J as k,O as u,V as i,i as C,o,b as a,e as c,f7 as I,H as T,d as D,aT as W
   padding-top: ${o.sp3};
   padding-bottom: ${o.sp3};
   width: ${e=>l.sectionWidth.valuePx(e.windowSize)};
-`,N=s.div`
+`,H=s.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${G.title.style(e.windowSize)}`};
+  ${e=>`${_.title.style(e.windowSize)}`};
 `,Q=s.div`
   display: flex;
   flex-direction: column;
@@ -34,7 +34,7 @@ import{J as k,O as u,V as i,i as C,o,b as a,e as c,f7 as I,H as T,d as D,aT as W
   width: 100%;
   display: flex;
   margin-top: ${o.sp4};
-`,g=s(f)`
+`,g=s($)`
   display: flex;
   color: ${c.important};
 `,V=s.div`
@@ -43,7 +43,7 @@ import{J as k,O as u,V as i,i as C,o,b as a,e as c,f7 as I,H as T,d as D,aT as W
   justify-content: space-between;
   row-gap: ${e=>l.topElementsRowGap.valuePx(e.windowSize)};
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,q=s(f)`
+`,q=s($)`
   display: flex;
   margin-top: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
@@ -62,16 +62,16 @@ import{J as k,O as u,V as i,i as C,o,b as a,e as c,f7 as I,H as T,d as D,aT as W
   height: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
   width: ${e=>l.arrowIconWidthHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
-`,F=s(_)`
+`,F=s(G)`
   height: ${o.sp4};
   color: ${e=>e.theme.colors.primary};
-`,J=s.div`
+`,X=s.div`
   margin-right: ${o.sp2};
-`,K=s(I)`
+`,J=s(I)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${c.success};
-`,U=s.div`
+`,K=s.div`
   height: ${o.sp3};
   width: ${o.sp3};
   border: 1px solid ${e=>e.theme.colors.primary};

package/dist/assets/ReferralListScreen-DJHg0qdR.js

@@ -0,0 +1,5 @@
+import{j as t}from"./liveblocks-BsQBjN-0.js";import{a as o}from"./sentry-DINNQYpi.js";import{u,j as L,i as q,h as M,k as V}from"./core-5sxMy3sZ.js";import{y as W,X as _,ju as b,l2 as A,x as F,k4 as N,jS as U,bk as $,jB as l,K as G,kb as z,l3 as X}from"./index-BocbTmE1.js";import{cE as J,ct as Q,Kt as R,Ku as Y,Kv as Z,qA as ee,qq as h,cG as ae,qv as re,Kw as ne}from"./zeni-epic-state-a7Sj5mjO.js";import{D as te,e as se,n as oe,S as ie}from"./mui-C_CXevf3.js";import{M as le}from"./MobileAppDrawer-DXy0Oi_h.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="81cbc8d0-72e1-45ad-93a1-f27e7aef3af3",e._sentryDebugIdIdentifier="sentry-dbid-81cbc8d0-72e1-45ad-93a1-f27e7aef3af3")}catch{}})();const de={overlayWidth:new F(100,100,30)},ce=({isReferralDrawerOpen:e,closeDrawerHandler:a})=>{const r=W(),s=_();if(b.getSignedInUser()==null)throw Error("Can't access How Referral works without signing in...");const i=()=>{a(!0)},w=u(d=>J(d));return t.jsx(te,{anchor:"right",open:e,PaperProps:{style:{width:de.overlayWidth.valuePercentage(s),boxShadow:"none"}},slotProps:{backdrop:{style:{opacity:.75,backgroundColor:r.colors.black,cursor:"pointer"}}},onClose:()=>i(),children:t.jsx(se,{in:e,direction:"left",children:t.jsx(fe,{onClick:d=>d.stopPropagation(),children:t.jsx(A,{onDismissClick:i,rewardsPlan:w.rewardsPlan})})})})},fe=oe(ie)`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+`,I="refer-and-earn-status-update",ue=V(function(e){const a=R(e);return{inviteList:a.invitations,uiState:a.uiState,pendingBonus:a.pendingBonus,earnedBonus:a.earnedBonus,pendingReferrals:a.pendingReferrals,fetchState:a.fetchState,rewardsPlan:a.rewardsPlan}},function(e,a){const{navigate:r}=a;return{onColumnSortConfigChanged:(s,i)=>{e(ne({sortOrder:i,sortkey:s}))},onInviteClick:()=>{l.trackRewardsPageClicked("invite via email"),r("../refer")},onHowItWorksClick:()=>{l.trackRewardsPageClicked("know more"),r("../how-it-works")},onResendInviteClick:s=>{l.trackRewardsPageClicked("resend invite"),e(re(s))},onBackClick:()=>{r("../",{relative:"path"})},onReloadInvitees:()=>{e(h(!0))},onCopyReferralLink:()=>{l.trackRewardsPageClicked("copy referral link")},onClickRefer:()=>{l.trackRewardsPageClicked("refer")},onEventReceived:s=>{s===I&&e(h(!0,!0))}}})(z(X));function Se({isReferralDrawerOpen:e}){const a=L(),r=q(),s=M(),[i,w]=o.useState(!1),[d,P]=o.useState(!1),[j,x]=o.useState(!1),[v,m]=o.useState(!1),g=b.getSignedInUser(),S=u(n=>Q(n)),p=u(n=>R(n)),k=p.fetchState,c=u(n=>n.referralViewState.rewardsPlanFetchState),D=()=>{m(!1),a("..")},E=Y([p,c]),B=Z([p,c]),{areTenantIdsInSync:f}=N();o.useEffect(()=>{S?.rewardsLastViewedTime==null&&j===!1&&(r(ee()),x(!0))},[]),o.useEffect(()=>{!i&&k==="Not-Started"&&f&&(w(!0),r(h(!0)))},[k,r,f]),o.useEffect(()=>{!d&&c.fetchState==="Not-Started"&&f&&(P(!0),r(ae(!0)))},[c,r,f]),o.useEffect(()=>{m(e!=null&&e===!0)},[e]);const[K,O]=o.useState(!1),y=n=>{O(n)},T={events:g?.userId!=null?[`private-${g.userId}.${I}`]:[],eventCallback:(n,C,H)=>{H.onEventReceived(n)}};return B===!0?t.jsx(U,{fetchState:k}):E===!0?t.jsxs(t.Fragment,{children:[t.jsx($,{analytics:l,onLoad:n=>(C=>{g!=null&&C.trackPageLoaded(G.Event.rewardsPageViewed)})(n)}),t.jsx(le,{isAppContentDrawerOpen:K,handleDrawerToggle:y}),v===!0?t.jsx(ce,{closeDrawerHandler:D,isReferralDrawerOpen:v}):null,t.jsx(ue,{location:s,navigate:a,currentTenant:S,onClickMenuIcon:()=>{y(!0)},...T})]}):null}export{Se as R};

package/dist/assets/ReimbursementApprovalRoutes-5hvNi1ri.js

@@ -0,0 +1 @@
+import{j as t}from"./liveblocks-BsQBjN-0.js";import x from"./NotFoundScreen-MU1vvTl3.js";import{a as p}from"./sentry-DINNQYpi.js";import{j as I,h as k,i as E,u as c,N as A,k as C,R as D,m as u}from"./core-5sxMy3sZ.js";import{ct as T,Lo as g,LE as S,zg as V,yp as U,zf as m,z6 as _,LT as z}from"./zeni-epic-state-a7Sj5mjO.js";import{y as L,ju as $,jS as B,kb as N,lB as O,kk as W}from"./index-BocbTmE1.js";import"./mui-C_CXevf3.js";import{R as v}from"./ReimbursementApprovalRuleDetailScreen-CE15OHBL.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="2a17c2a8-532b-4c2b-b26b-04aca2e654fc",e._sentryDebugIdIdentifier="sentry-dbid-2a17c2a8-532b-4c2b-b26b-04aca2e654fc")}catch{}})();const f="reimbursement-approval-rule-update",P=C(function(e){return{approvalView:g(e),remiSetupApproverViewUpdateData:S(e).remiSetupApproverViewUpdateData}},function(e,r){const{navigate:a,location:l}=r;return{onApprovalRulesEventReceived:n=>{n.endsWith(f)&&e(z(!1))},onBackClick:()=>{W(l)?a("../../"):a("../../../reimbursements/setup")},onDeleteRuleClick:n=>{e(_(n))},onEditRuleClick:n=>{n!=null?(e(m(n)),a(`./${n}/edit`)):(e(m()),a("./new"))}}})(N(O)),q=()=>{const e=I(),r=k(),a=E(),[l,n]=p.useState(!1),[d,y]=p.useState(!1),b=c(s=>s.remiSetupApproverViewState.fetchState),o=c(s=>T(s)),j=L(),i=c(s=>g(s)),h=c(s=>S(s).remiSetupApproverViewUpdateData);if(p.useEffect(()=>{h?.updateStatus.fetchState==="Completed"&&a(V())},[h]),p.useEffect(()=>{l||b!=="Not-Started"||(n(!0),a(U(!0)))},[l,b,a]),$.getSignedInUser()==null)throw Error("Can't access reimbursement approval without signing in...");p.useEffect(()=>{i.allApprovalRules.length===0&&i.fetchState==="Completed"&&(d||(y(!0),a(m())),e("./new"))},[d,i,a]);const w={events:o.companyId!=null?[`private-${o.companyId}.${f}`]:[],eventCallback:(s,F,R)=>{s.endsWith(f)&&R.onApprovalRulesEventReceived(s)}};return o.companyReimbursementInfo?.info?.isReimbursementTOSAccepted===!1?t.jsx(A,{to:"../../promo"}):o.companyReimbursementInfo?.info?.isReimbursementTOSAccepted!==!0||i.fetchState!=="Completed"&&i.fetchState!=="Error"?t.jsx(B,{fetchState:"In-Progress",style:{backgroundColor:j.colors.grey5}}):t.jsx(P,{currentTenant:o,location:r,navigate:e,...w})};function Z(){return t.jsxs(D,{children:[t.jsx(u,{path:"/",element:t.jsx(q,{})}),t.jsx(u,{path:"/new",element:t.jsx(v,{})}),t.jsx(u,{path:"/:approvalRuleId/edit",element:t.jsx(v,{})}),t.jsx(u,{path:"*",element:t.jsx(x,{})})]})}export{Z as R};

package/dist/assets/{ReimbursementApprovalRuleDetailPage-DUVSGQJ6-DvpCvtrE.js → ReimbursementApprovalRuleDetailPage-BMZnKpsk-C22qLIuK.js}

@@ -1,4 +1,4 @@
-import{b as M,u as U,y as W,J as G,O as D,T as J,a7 as X,a0 as H,b$ as K,V as r,a_ as Q,A as Y,a9 as Z,o as b,fo as ee}from"./index-k1doZNFg.js";import{a as L}from"./sentry-CytkDQe2.js";import{n as u}from"./mui-Bi07oTwe.js";import{b as ae,f as te,o as B,l as T}from"./FollowStepsSection-0eFMS0c5-BaucUfRt.js";import"./pdf-emb33J2I.js";import"./zeni-epic-state-DyRbb6Q5.js";import"./core-twTS7Cne.js";import"./lottie-Bdr-9mLw.js";import"./liveblocks-CM0QMS_I.js";import"./recharts-CS0s98U8.js";import"./dnd-BWijMgNi.js";import"./analytics-BuacLKrs.js";import"./plaid-Dw_qIY4R.js";import"./utils-CSjogEj5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="616f21f7-4342-4861-96d4-946b6e0b737a",e._sentryDebugIdIdentifier="sentry-dbid-616f21f7-4342-4861-96d4-946b6e0b737a")}catch{}})();const _="reimbursementApprovalRuleDetailPage",C="lowerBound",k="upperBound",I="steps",h="applyToExistingReimbursements",le={footerPadding:new M(U[2],U[3])};function De({localData:e,approvalUpdateActionType:t,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:n=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:$,onSaveRuleClick:N,onSaveRuleSuccess:A}){const E=W(),w=G(),l=D.getLocalizedStrings().commonSetUp.approval,S=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,t==="approval_create"&&!a),y=J({mode:"all",reValidateMode:"onChange",defaultValues:x}),p=e.remiSetupApproverViewUpdateData?.updateStatus,R=X(p?.fetchState),{upperBound:P}=x,{allApprovalRules:d,allAccountingClasses:V,remiSetupApproverViewUpdateData:c}=e;let m=d.length>1?d.length-1:0,v=d.length>0?d[m].criteria[0].range.min.amount:0;if(c!=null&&c.type==="approval_update"&&c.data!=null){const{approvalRuleId:i}=c.data;m=d.findIndex(f=>f.approvalRuleId===i),v=m>0?d[m-1].criteria[0].range.min.amount:0}const O=y.handleSubmit(()=>{N()});return L.useEffect(()=>{const i=y.watch((f,{name:q})=>{if(q!=null&&f!=null){const z=H(f);K(()=>(async(me,F)=>{g(F)})(0,z))}});return()=>{i.unsubscribe()}}),L.useEffect(()=>{R==="In-Progress"&&p?.fetchState==="Completed"&&A()},[R,p?.fetchState,A]),r.jsxs(ie,{children:[r.jsx(Q,{title:t==="approval_create"?l.newApproval:l.editApproval,backgroundColor:E.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:j(_),onSubmit:O,children:r.jsxs(pe,{children:[r.jsx(ae,{label:{label:n?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:C,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:i=>!!a||i!=null&&i>v},isDisabled:a,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:o,hideField:n,additionalInfoLabel:l.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(te,{sectionId:I,label:{label:l.followStepsLabel},approversPlaceholder:l.approversPlaceholder,notifiersPlaceholder:l.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:V,stepsInfo:x[I],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:j(_),primaryBtn:{label:l.saveBtnText,isLoading:p?.fetchState==="In-Progress",isDisabled:p?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:t==="approval_create"&&d.length===0?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:l.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:$},containerStyle:{justifyContent:w==="small"?"space-between":"center"},style:{padding:le.footerPadding.valuePx(w)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,t)=>{const{criteria:a,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},n=e.allApprovalRules.length===0;return{[h]:n?[]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),B(e.allAttributes),B(e.filteredAttributes),o??[])??[],[C]:t?void 0:a!=null?a.range.min.amount??0:0,[k]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},oe=(e,t,a,o,n)=>n&&n.length>0?n.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:T},actors:{allUsers:t,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(a,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:T},actors:{allUsers:t,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,t)=>e.filter(a=>a.userId!=null&&t.findIndex(o=>o.userId===a.userId)>-1),ne=(e,t)=>e.filter(a=>t.findIndex(o=>o.subType===a.value)>-1),j=e=>`${e}_form`,Le=e=>`${e}`,ie=u.div`
+import{x as M,j as U,y as W,X as G,O as D,P as X,a7 as H,a1 as J,c8 as K,V as r,a_ as Q,M as Y,a9 as Z,o as h,fI as ee}from"./index-BocbTmE1.js";import{a as L}from"./sentry-DINNQYpi.js";import{n as u}from"./mui-C_CXevf3.js";import{b as ae,f as te,o as j,l as B}from"./FollowStepsSection-Bgy9MpO4-CvIWpdyW.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./zeni-epic-state-a7Sj5mjO.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="dd682110-89c2-467a-af33-dca613c2f2d5",e._sentryDebugIdIdentifier="sentry-dbid-dd682110-89c2-467a-af33-dca613c2f2d5")}catch{}})();const _="reimbursementApprovalRuleDetailPage",T="lowerBound",k="upperBound",I="steps",b="applyToExistingReimbursements",le={footerPadding:new M(U[2],U[3])};function De({localData:e,approvalUpdateActionType:t,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:n=!1,onBackClick:s,onApprovalRuleDataUpdated:g,onResetClick:N,onSaveRuleClick:$,onSaveRuleSuccess:A}){const E=W(),w=G(),l=D.getLocalizedStrings().commonSetUp.approval,S=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,t==="approval_create"&&!a),y=X({mode:"all",reValidateMode:"onChange",defaultValues:x}),p=e.remiSetupApproverViewUpdateData?.updateStatus,R=H(p?.fetchState),{upperBound:P}=x,{allApprovalRules:d,allAccountingClasses:V,remiSetupApproverViewUpdateData:c}=e;let m=d.length>1?d.length-1:0,v=d.length>0?d[m].criteria[0].range.min.amount:0;if(c!=null&&c.type==="approval_update"&&c.data!=null){const{approvalRuleId:i}=c.data;m=d.findIndex(f=>f.approvalRuleId===i),v=m>0?d[m-1].criteria[0].range.min.amount:0}const O=y.handleSubmit(()=>{$()});return L.useEffect(()=>{const i=y.watch((f,{name:q})=>{if(q!=null&&f!=null){const z=J(f);K(()=>(async(me,F)=>{g(F)})(0,z))}});return()=>{i.unsubscribe()}}),L.useEffect(()=>{R==="In-Progress"&&p?.fetchState==="Completed"&&A()},[R,p?.fetchState,A]),r.jsxs(ie,{children:[r.jsx(Q,{title:t==="approval_create"?l.newApproval:l.editApproval,backgroundColor:E.colors.grey4,style:{zIndex:4},onBackClick:()=>{s()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:C(_),onSubmit:O,children:r.jsxs(pe,{children:[r.jsx(ae,{label:{label:n?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:T,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:i=>!!a||i!=null&&i>v},isDisabled:a,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:o,hideField:n,additionalInfoLabel:l.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(te,{sectionId:I,label:{label:l.followStepsLabel},approversPlaceholder:l.approversPlaceholder,notifiersPlaceholder:l.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(i=>i.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:V,stepsInfo:x[I],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:C(_),primaryBtn:{label:l.saveBtnText,isLoading:p?.fetchState==="In-Progress",isDisabled:p?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:t==="approval_create"&&d.length===0?null:r.jsx(ee,{name:b,mode:"always_on",checkBoxes:[{value:b,label:l.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:N},containerStyle:{justifyContent:w==="small"?"space-between":"center"},style:{padding:le.footerPadding.valuePx(w)},separatorStyle:{marginRight:h.sp4}})]})})]})}const re=(e,t)=>{const{criteria:a,steps:o}=e.remiSetupApproverViewUpdateData?.data??{},n=e.allApprovalRules.length===0;return{[b]:n?[]:[b],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),j(e.allAttributes),j(e.filteredAttributes),o??[])??[],[T]:t?void 0:a!=null?a.range.min.amount??0:0,[k]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},oe=(e,t,a,o,n)=>n&&n.length>0?n.map((s,g)=>({stepIndex:g,stepType:{selectedOption:s.action,allOptions:B},actors:{allUsers:t,selectedUsers:se(e,s.actors),allNonUsers:o,selectedNonUsers:ne(a,s.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:B},actors:{allUsers:t,selectedUsers:[],allNonUsers:o,selectedNonUsers:[]}}],se=(e,t)=>e.filter(a=>a.userId!=null&&t.findIndex(o=>o.userId===a.userId)>-1),ne=(e,t)=>e.filter(a=>t.findIndex(o=>o.subType===a.value)>-1),C=e=>`${e}_form`,Le=e=>`${e}`,ie=u.div`
   display: flex;
   height: 100%;
   flex-direction: column;
@@ -13,8 +13,8 @@ import{b as M,u as U,y as W,J as G,O as D,T as J,a7 as X,a0 as H,b$ as K,V as r,
   display: flex;
   flex-direction: column;
   border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${b.sp0} 2px ${b.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${b.sp2};
+  box-shadow: ${e=>`${h.sp0} 2px ${h.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${h.sp2};
 `,ue=u.div`
   display: flex;
   justify-content: flex-start;
@@ -29,4 +29,4 @@ import{b as M,u as U,y as W,J as G,O as D,T as J,a7 as X,a0 as H,b$ as K,V as r,
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`;export{le as D,De as default,j as uniqueFormName,Le as uniqueName};
+`;export{le as D,De as default,C as uniqueFormName,Le as uniqueName};

package/dist/assets/ReimbursementApprovalRuleDetailScreen-CE15OHBL.js

@@ -0,0 +1 @@
+import{j as b}from"./liveblocks-BsQBjN-0.js";import{a as y}from"./sentry-DINNQYpi.js";import{j as w,i as A,h as T,l as E,u as g,k as U}from"./core-5sxMy3sZ.js";import{LE as R,Lo as C,z9 as x,zi as _,zg as S,zh as h,LF as k}from"./zeni-epic-state-a7Sj5mjO.js";import{ju as B,y as j,jS as V,ls as F,kk as z}from"./index-BocbTmE1.js";import"./mui-C_CXevf3.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="fadabb42-5b61-4b8f-8abf-89ea29c5bb67",e._sentryDebugIdIdentifier="sentry-dbid-fadabb42-5b61-4b8f-8abf-89ea29c5bb67")}catch{}})();function L(e){return k(e)==null}const O=U(function(e,a){const t=R(e),s=t.remiSetupApproverViewUpdateData?.type??"approval_create",n=s==="approval_create"&&t.allApprovalRules.length!==0;let l=t.allApprovalRules.length===0;return a.approvalRuleId&&(l=t.allApprovalRules.findIndex(r=>r.approvalRuleId===a.approvalRuleId)===0),{localData:t,hideUpperBoundField:n,isLowerBoundDisabled:l,approvalUpdateActionType:s}},function(e,a){const{navigate:t,approvalUpdateDataView:s,approverViewData:n,approvalRuleId:l}=a,r=s.remiSetupApproverViewUpdateData?.type,i=z(a.location);return{onApprovalRuleDataUpdated:o=>{const u=p=>{const f=[];return p.forEach(c=>{const D=c.actors.selectedUsers.map(d=>({type:"user",subType:void 0,userId:d.userId,idType:"user",isImplicitActor:!1})),I=c.actors.selectedNonUsers.map(d=>{const m=!!L(d.value);return{type:m?"attribute":"role",subType:d.value,userId:void 0,idType:void 0,isImplicitActor:!m}}),v=D.concat(I);f.push({action:c.stepType.selectedOption,actors:v,operator:v.length>1?c.stepType.selectedOption==="require_approval"?"or":"and":"is"})}),f};if(r==="approval_create"){const p={criteria:{rangeType:"range",rangeEntity:"currency",range:{min:{amount:o.lowerBound,currencyCode:"USD",currencySymbol:"$"},max:{amount:o.upperBound,currencyCode:"USD",currencySymbol:"$"}}},steps:u(o.steps),isApplicableOnPendingApprovalEntity:o.applyToExistingReimbursements.includes("applyToExistingReimbursements")};e(h(p))}else{const p={approvalRuleId:l,criteria:{rangeType:"range",rangeEntity:"currency",range:{min:{amount:o.lowerBound,currencyCode:"USD",currencySymbol:"$"},max:{amount:o.upperBound,currencyCode:"USD",currencySymbol:"$"}}},steps:u(o.steps),isApplicableOnPendingApprovalEntity:o.applyToExistingReimbursements.includes("applyToExistingReimbursements")};e(h(p))}},onResetClick:()=>{e(S()),r==="approval_update"||i?t("../"):n.allApprovalRules.length===0&&n.fetchState==="Completed"?t("../../setup"):t("../")},onBackClick:()=>{e(S()),r==="approval_update"||i?t("../"):n.allApprovalRules.length===0&&n.fetchState==="Completed"?t("../../setup"):t("../")},onSaveRuleClick:()=>{e(_())},onSaveRuleSuccess:()=>{t("../")}}})(F);function J(){const e=w(),a=A(),t=T(),{approvalRuleId:s}=E(),n=B.getSignedInUser(),l=j(),r=g(p=>R(p)),i=g(p=>C(p)),[o,u]=y.useState(!1);if(y.useEffect(()=>{o||(u(!0),a(x(!0)))}),y.useEffect(()=>{i.fetchState==="Not-Started"&&e(s!=null?"../../":"../")},[i,s]),n==null)throw Error("Can't access address page without signing in...");return r.approversDetailsFetchStatus.fetchState=="Not-Started"||r.approversDetailsFetchStatus.fetchState==="In-Progress"?b.jsx(V,{fetchState:r.approversDetailsFetchStatus.fetchState,style:{backgroundColor:l.colors.grey5}}):b.jsx(O,{navigate:e,approvalUpdateDataView:r,approvalRuleId:s,approverViewData:i,location:t})}export{J as R,L as i};

package/dist/assets/{ReimbursementApprovalRulesPage-B48x1gPM-DxxLWTnS.js → ReimbursementApprovalRulesPage-C2zNa8dT-D_08-i4Q.js}

@@ -1,4 +1,4 @@
-import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as P,bg as k,bK as V,bL as q,bM as O,ch as J,u as l,at as K,H as T,as as Q,e as z,cg as X,aR as Y,j as Z}from"./index-k1doZNFg.js";import{n as i}from"./mui-Bi07oTwe.js";import{a as ee}from"./sentry-CytkDQe2.js";import"./pdf-emb33J2I.js";import"./zeni-epic-state-DyRbb6Q5.js";import"./core-twTS7Cne.js";import"./lottie-Bdr-9mLw.js";import"./liveblocks-CM0QMS_I.js";import"./recharts-CS0s98U8.js";import"./dnd-BWijMgNi.js";import"./analytics-BuacLKrs.js";import"./plaid-Dw_qIY4R.js";import"./utils-CSjogEj5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="e5bb42f7-1d63-4ed5-9444-45d4c8d6137c",e._sentryDebugIdIdentifier="sentry-dbid-e5bb42f7-1d63-4ed5-9444-45d4c8d6137c")}catch{}})();const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},U={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},te=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection:g=!1,approvalRule:f,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[w,x]=ee.useState(!1),n=N(),{range:u}=f.criteria[0],{steps:$,approvalRuleId:p}=f,a=j.getLocalizedStrings().commonSetUp.approval,v={onOkClick:()=>{x(!1),y?.(p)},onCancelClick:()=>{x(!1)}};return t.jsxs(oe,{windowSize:n,isLastSection:g,isUpdatingApprovalRules:c,"data-testid":m("approval-rule-section",p),children:[t.jsxs(ie,{windowSize:n,children:[t.jsxs(ce,{children:[t.jsxs(W,{windowSize:n,children:[a.from," ",P("0,0",u.min)]}),t.jsxs(re,{children:[t.jsx(R,{}),t.jsx(le,{}),t.jsx(R,{})]}),u.max==null?t.jsx(ue,{}):t.jsx(W,{windowSize:n,children:P("0,0",{...u.min,amount:u.max.amount})})]}),t.jsxs(he,{className:"icons",children:[e?c?t.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(I,{isDisabled:!0,"data-testid":m("delete-approval-rule",p)})})}):t.jsx(I,{onClick:()=>{x(!0)},"data-testid":m("delete-approval-rule",p)}):null,c?t.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:t.jsx(C,{children:t.jsx(B,{isDisabled:!0,"data-testid":m("edit-approval-rule",p)})})}):t.jsx(B,{onClick:()=>{S(p)},"data-testid":m("edit-approval-rule",p)})]})]}),t.jsx(se,{windowSize:n,children:t.jsx(ae,{isSingleStep:$.length===1,windowSize:n,children:$.map((h,H)=>t.jsxs(ne,{isSingleStep:$.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?t.jsx(pe,{children:a.requireText}):t.jsx(de,{children:a.notifyText}),h.nonUserActors.filter(d=>d.subType!=null).map((d,_)=>t.jsxs(A,{children:[t.jsx(D,{children:d.subType!=null?a.nonUsers[d.subType].label:null}),h.operator!="is"?t.jsx(L,{className:"operator",children:h.operator}):null]},`${d.subType}_${_}`)),h.actors.map(d=>t.jsxs(A,{children:[t.jsxs(D,{children:[d.firstName," ",d.lastName]}),h.operator!="is"?t.jsx(L,{className:"operator",children:h.operator}):null]},d.userId))]},H))})}),w?t.jsx(V,{titleComponent:t.jsx(O,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(q,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:v}):null]})},oe=i.div`
+import{y as H,X as N,O as j,V as o,a_ as G,L as q,E as u,o as t,x as r,l as M,a5 as P,bo as k,bR as F,bS as V,bT as O,cq as X,j as l,at as J,N as T,as as K,e as z,cp as Q,aR as Y,w as Z}from"./index-BocbTmE1.js";import{n as i}from"./mui-C_CXevf3.js";import{a as ee}from"./sentry-DINNQYpi.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./zeni-epic-state-a7Sj5mjO.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new e.Error().stack;c&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[c]="4b829a81-d148-4db5-a5db-70d03880f76a",e._sentryDebugIdIdentifier="sentry-dbid-4b829a81-d148-4db5-a5db-70d03880f76a")}catch{}})();const s={sectionWidth:new r(343,580,726),ruleWrapperPadding:new r(l[3],l[4]),wrapperGap:new r(l[4],l[3]),wrapperMarginBottom:new r(l[6],l[8]),lastWrapperMarginBottom:new r(l[5],l[9]),stepperWidthHeight:new r(20,l[5]),stepperItemLeft:new r(-29,-23),stepperItemTop:new r(2,l[0]),stepperItemPaddingLeft:new r(l[0],10),stepperItemMinHeight:new r(22,28),stepperLeft:new r(11,17),stepperTop:new r(2,l[0]),stepperContentTop:new r(l[0],-4)},U={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},oe=({showDeleteBtn:e=!1,disableButtons:c=!1,isLastSection:g=!1,approvalRule:f,onEditRuleClick:S,onDeleteRuleClick:y})=>{const[w,x]=ee.useState(!1),n=N(),{range:m}=f.criteria[0],{steps:$,approvalRuleId:p}=f,a=j.getLocalizedStrings().commonSetUp.approval,v={onOkClick:()=>{x(!1),y?.(p)},onCancelClick:()=>{x(!1)}};return o.jsxs(te,{windowSize:n,isLastSection:g,isUpdatingApprovalRules:c,"data-testid":u("approval-rule-section",p),children:[o.jsxs(ie,{windowSize:n,children:[o.jsxs(ce,{children:[o.jsxs(W,{windowSize:n,children:[a.from," ",P("0,0",m.min)]}),o.jsxs(re,{children:[o.jsx(R,{}),o.jsx(le,{}),o.jsx(R,{})]}),m.max==null?o.jsx(me,{}):o.jsx(W,{windowSize:n,children:P("0,0",{...m.min,amount:m.max.amount})})]}),o.jsxs(he,{className:"icons",children:[e?c?o.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:o.jsx(C,{children:o.jsx(I,{isDisabled:!0,"data-testid":u("delete-approval-rule",p)})})}):o.jsx(I,{onClick:()=>{x(!0)},"data-testid":u("delete-approval-rule",p)}):null,c?o.jsx(k,{title:a.approvalRulesUpdatingTooltip,placement:"top",children:o.jsx(C,{children:o.jsx(B,{isDisabled:!0,"data-testid":u("edit-approval-rule",p)})})}):o.jsx(B,{onClick:()=>{S(p)},"data-testid":u("edit-approval-rule",p)})]})]}),o.jsx(se,{windowSize:n,children:o.jsx(ae,{isSingleStep:$.length===1,windowSize:n,children:$.map((h,E)=>o.jsxs(ne,{isSingleStep:$.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?o.jsx(pe,{children:a.requireText}):o.jsx(de,{children:a.notifyText}),h.nonUserActors.filter(d=>d.subType!=null).map((d,_)=>o.jsxs(A,{children:[o.jsx(D,{children:d.subType!=null?a.nonUsers[d.subType].label:null}),h.operator!="is"?o.jsx(L,{className:"operator",children:h.operator}):null]},`${d.subType}_${_}`)),h.actors.map(d=>o.jsxs(A,{children:[o.jsxs(D,{children:[d.firstName," ",d.lastName]}),h.operator!="is"?o.jsx(L,{className:"operator",children:h.operator}):null]},d.userId))]},E))})}),w?o.jsx(F,{titleComponent:o.jsx(O,{children:a.deleteApprovalRuleTitle}),descriptionComponent:o.jsx(V,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:v}):null]})},te=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -14,20 +14,20 @@ import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as
       border-color: ${e=>e.isUpdatingApprovalRules===!0?e.theme.colors.grey3:e.theme.colors.primary};
     }
   }
-`,ie=i(K)`
+`,ie=i(J)`
   display: flex;
   position: relative;
   align-items: center;
   justify-content: space-between;
   text-align: center;
   width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
-  gap: ${o.sp2};
+  gap: ${t.sp2};
 `,re=i.div`
   align-items: center;
   display: flex;
   justify-content: center;
 `,le=i.div`
-  width: ${o.sp8};
+  width: ${t.sp8};
   height: 2px;
   background-color: ${e=>e.theme.colors.primary};
 `,R=i.div`
@@ -47,8 +47,8 @@ import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as
 
   border: 1px solid ${e=>e.theme.colors.grey3};
 
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${t.sp2};
 
   flex: none;
   order: 1;
@@ -59,7 +59,7 @@ import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as
 `,ae=i.ul`
   ${e=>`${U.stepper.style(e.windowSize)}`};
   position: relative;
-  padding-left: ${o.sp6};
+  padding-left: ${t.sp6};
   list-style: none;
   box-sizing: initial;
   margin: 0;
@@ -81,7 +81,7 @@ import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as
   justify-content: flex-start;
   align-items: center;
   padding-left: ${e=>s.stepperItemPaddingLeft.valuePx(e.windowSize)};
-  gap: ${o.sp1};
+  gap: ${t.sp1};
 
   > div:last-of-type > span.operator:last-of-type {
     visibility: hidden;
@@ -116,7 +116,7 @@ import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as
       width: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
       height: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
       top: ${e=>s.stepperContentTop.valuePx(e.windowSize)};
-      left: -${o.sp6};
+      left: -${t.sp6};
       ${Z.standardMedium.css};
       text-align: center;
       color: ${e=>e.theme.colors.grey1};
@@ -137,13 +137,13 @@ import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as
 `,ce=i.div`
   display: flex;
   align-items: center;
-  gap: ${o.sp2};
+  gap: ${t.sp2};
 `,he=i.div`
   display: flex;
-  gap: ${o.sp5};
-`,I=i(X,{shouldForwardProp:e=>e!=="isDisabled"})`
-  width: ${o.sp3};
-  height: ${o.sp3};
+  gap: ${t.sp5};
+`,I=i(Q,{shouldForwardProp:e=>e!=="isDisabled"})`
+  width: ${t.sp3};
+  height: ${t.sp3};
   cursor: ${e=>e.isDisabled===!0?"not-allowed":"pointer"};
   color: ${e=>e.isDisabled===!0?e.theme.colors.grey2:e.theme.colors.hero};
   pointer-events: ${e=>e.isDisabled===!0?"none":"auto"};
@@ -154,17 +154,17 @@ import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as
   display: inline-flex;
   cursor: not-allowed;
 `,B=i(Y,{shouldForwardProp:e=>e!=="isDisabled"})`
-  width: ${o.sp3};
-  height: ${o.sp3};
+  width: ${t.sp3};
+  height: ${t.sp3};
   cursor: ${e=>e.isDisabled===!0?"not-allowed":"pointer"};
   color: ${e=>e.isDisabled===!0?e.theme.colors.grey2:e.theme.colors.hero};
   pointer-events: ${e=>e.isDisabled===!0?"none":"auto"};
   &:hover {
     color: ${e=>e.isDisabled===!0?e.theme.colors.grey2:e.theme.colors.primary};
   }
-`,ue=i(Q)`
-  width: ${o.sp4};
-  height: ${o.sp4};
+`,me=i(K)`
+  width: ${t.sp4};
+  height: ${t.sp4};
   color: ${e=>e.theme.colors.hero};
 `,L=i.span`
   color: ${e=>e.theme.colors.hero};
@@ -175,13 +175,13 @@ import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as
   ${e=>`${U.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,b={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Le=({approvalView:e,onBackClick:c,onEditRuleClick:g,onDeleteRuleClick:f})=>{const S=E(),y=N(),{fetchState:w,deleteStatus:x}=e,n=j.getLocalizedStrings().commonSetUp.approval,u=j.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,$=x.fetchState,p=e.listeningToPusherEvent;return t.jsxs(me,{children:[t.jsx(G,{title:n.approvalPageHeader,backgroundColor:S.colors.grey4,style:{zIndex:4},onBackClick:()=>{c()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(ge,{children:[t.jsx(xe,{windowSize:y,children:u.approvalPageSubTitle}),w==="In-Progress"||w==="Not-Started"||$==="In-Progress"?t.jsx(we,{children:t.jsx(F,{size:"ExtraLarge",start:!0})}):w==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,v)=>t.jsx(te,{showDeleteBtn:v!==0,disableButtons:p===!0&&a.approvalRuleId===e.newApprovalRuleId,approvalRule:a,isLastSection:v===e.allApprovalRules.length-1,onEditRuleClick:g,onDeleteRuleClick:f},a.approvalRuleId)),t.jsxs($e,{windowSize:y,onClick:()=>{g()},"data-testid":m("add-approval-rule"),children:[t.jsx(be,{}),t.jsx(fe,{children:n.addApprovalText})]})]}):null]})]})},me=i.div`
+`,b={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Le=({approvalView:e,onBackClick:c,onEditRuleClick:g,onDeleteRuleClick:f})=>{const S=H(),y=N(),{fetchState:w,deleteStatus:x}=e,n=j.getLocalizedStrings().commonSetUp.approval,m=j.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,$=x.fetchState,p=e.listeningToPusherEvent;return o.jsxs(ue,{children:[o.jsx(G,{title:n.approvalPageHeader,backgroundColor:S.colors.grey4,style:{zIndex:4},onBackClick:()=>{c()},source:"ReimbursementApprovalRulesPage"}),o.jsxs(ge,{children:[o.jsx(xe,{windowSize:y,children:m.approvalPageSubTitle}),w==="In-Progress"||w==="Not-Started"||$==="In-Progress"?o.jsx(we,{children:o.jsx(q,{size:"ExtraLarge",start:!0})}):w==="Completed"?o.jsxs(o.Fragment,{children:[e.allApprovalRules.map((a,v)=>o.jsx(oe,{showDeleteBtn:v!==0,disableButtons:p===!0&&a.approvalRuleId===e.newApprovalRuleId,approvalRule:a,isLastSection:v===e.allApprovalRules.length-1,onEditRuleClick:g,onDeleteRuleClick:f},a.approvalRuleId)),o.jsxs($e,{windowSize:y,onClick:()=>{g()},"data-testid":u("add-approval-rule"),children:[o.jsx(be,{}),o.jsx(fe,{children:n.addApprovalText})]})]}):null]})]})},ue=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}
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1}
     ${e.theme.colors.dropShadowNormal}`};
 `,ge=i.div`
   display: flex;
@@ -197,7 +197,7 @@ import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  gap: ${o.sp3};
+  gap: ${t.sp3};
   background-color: ${e=>e.theme.colors.grey4};
 `,xe=i(M)`
   color: ${e=>e.theme.colors.hero};
@@ -212,19 +212,19 @@ import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  padding: ${o.sp3} ${o.sp4};
+  padding: ${t.sp3} ${t.sp4};
   gap: ${e=>b.addApprovalGap.valuePx(e.windowSize)};
 
   width: ${e=>b.width.valuePx(e.windowSize)};
-  height: ${o.sp8};
+  height: ${t.sp8};
 
   background: ${e=>e.theme.colors.grey5};
 
   border: 1px solid ${e=>e.theme.colors.grey3};
 
-  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1}
     ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${o.sp2};
+  border-radius: ${t.sp2};
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   &:hover {
@@ -234,10 +234,10 @@ import{y as E,J as N,O as j,V as t,a_ as G,f as F,a6 as m,o,b as r,s as M,a4 as
     color: ${e=>e.theme.colors.primary};
     border-color: ${e=>e.theme.colors.primary};
   }
-  margin-bottom: ${o.sp6};
-`,be=i(J)`
-  width: ${o.sp3};
-  height: ${o.sp3};
+  margin-bottom: ${t.sp6};
+`,be=i(X)`
+  width: ${t.sp3};
+  height: ${t.sp3};
 `,fe=i.div`
   color: ${e=>e.theme.colors.hero};
 `;export{Le as default};