@zeniai/web-cockpit-ui 1.15.7-qa → 1.15.8-dev

package/dist/assets/QBOSetupSection-QpfgbXqT-DZhl1eaB.js

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

@@ -1,4 +1,4 @@
-import{y as W,d as L,e as M,q as G,F as U,a9 as H,aO as X,aH as J,cC as K,V as r,bA as Q,ac as Y,aP as Z,o as b,g3 as ee}from"./index-DQZa93pl.js";import{a as T}from"./sentry-BNP8a0zR.js";import{n as c}from"./mui-CmeRX-VQ.js";import{b as ae,f as te,o as k,l as B}from"./FollowStepsSection-DhiGIylh-szXLMCmb.js";import"./liveblocks-5qJQL8gF.js";import"./core-Do2fm07V.js";import"./recharts-CJ6qqxTN.js";import"./zeni-epic-state-Dg9gbL0X.js";import"./lottie--QmfecC7.js";import"./analytics-BBRM4OiD.js";import"./lexical-DSAIO3Yn.js";import"./utils-e2QIiaj6.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]="dccdb394-f6a2-4056-a9fa-975aaefc49e8",e._sentryDebugIdIdentifier="sentry-dbid-dccdb394-f6a2-4056-a9fa-975aaefc49e8")}catch{}})();const C="reimbursementApprovalRuleDetailPage",$="lowerBound",j="upperBound",A="steps",h="applyToExistingReimbursements",le={footerPadding:new W(L[2],L[3])};function Pe({localData:e,approvalUpdateActionType:t,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:s=!1,onBackClick:p,onApprovalRuleDataUpdated:g,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:I}){const F=M(),w=G(),l=U.getLocalizedStrings().commonSetUp.approval,S=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,t==="approval_create"&&!a),y=H({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,P=X(u?.fetchState),{upperBound:R}=x,{allApprovalRules:i,allAccountingClasses:V,remiSetupApproverViewUpdateData:m}=e;let f=i.length>1?i.length-1:0,v=i.length>0?i[f].criteria[0].range.min.amount:0;if(m!=null&&m.type==="approval_update"&&m.data!=null){const{approvalRuleId:n}=m.data;f=i.findIndex(d=>d.approvalRuleId===n),v=f>0?i[f-1].criteria[0].range.min.amount:0}const q=y.handleSubmit(()=>{N()}),z=async(n,d)=>{g(d)};return T.useEffect(()=>{const n=y.watch((d,{name:D})=>{if(D!=null&&d!=null){const O=J(d);K(()=>z(D,O))}});return()=>{n.unsubscribe()}}),T.useEffect(()=>{P==="In-Progress"&&u?.fetchState==="Completed"&&I()},[P,u?.fetchState,I]),r.jsxs(ie,{children:[r.jsx(Q,{title:t==="approval_create"?l.newApproval:l.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{p()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:_(C),onSubmit:q,children:r.jsxs(pe,{children:[r.jsx(ae,{label:{label:s?S.amountPerRemiGreaterLabel:S.amountPerRemiLabel},firstText:{type:"number",name:$,placeholder:"$0",options:{required:!0,max:R===1/0?Number.MAX_SAFE_INTEGER-1:R-1,min:v,validate:n=>a?!0:n!=null&&n>v},isDisabled:a,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:s,additionalInfoLabel:l.upperBoundInfoLabel}}),r.jsx(ce,{}),r.jsx(te,{sectionId:A,label:{label:l.followStepsLabel},approversPlaceholder:l.approversPlaceholder,notifiersPlaceholder:l.notifiersPlaceholder,allUserWithRoles:e.allApprovers,filteredApprovers:e.filteredApprovers.map(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:V,stepsInfo:x[A],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:_(C),primaryBtn:{label:l.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:t==="approval_create"?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:l.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent: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??{};return{[h]:[h],[A]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),k(e.allAttributes),k(e.filteredAttributes),o??[])??[],[$]:t?void 0:a!=null?a.range.min.amount??0:0,[j]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},oe=(e,t,a,o,s)=>s&&s.length>0?s.map((p,g)=>({stepIndex:g,stepType:{selectedOption:p.action,allOptions:B},actors:{allUsers:t,selectedUsers:se(e,p.actors),allNonUsers:o,selectedNonUsers:ne(a,p.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),_=e=>`${e}_form`,Re=e=>`${e}`,ie=c.div`
+import{y as W,c as L,e as M,J as G,O as U,a9 as J,aR as K,aK as X,cF as H,V as r,bC as Q,ac as Y,aS as Z,o as b,g6 as ee}from"./index-CRNmezJu.js";import{a as T}from"./sentry-Dla7mstv.js";import{n as c}from"./mui-mhzAEcDs.js";import{b as ae,f as te,o as B,l as C}from"./FollowStepsSection-BGZ3rzSO-DAxx1unm.js";import"./liveblocks-BKvkleJ3.js";import"./core-hVMF2uNa.js";import"./recharts-BErFcng5.js";import"./zeni-epic-state-CSmiPBaP.js";import"./lottie-N_bekW9H.js";import"./analytics-g5EpLRud.js";import"./lexical-DYQnWL1V.js";import"./utils-D6NmQd1Q.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]="37969a27-c0a2-4077-a19f-3ca264e2562d",e._sentryDebugIdIdentifier="sentry-dbid-37969a27-c0a2-4077-a19f-3ca264e2562d")}catch{}})();const _="reimbursementApprovalRuleDetailPage",k="lowerBound",j="upperBound",I="steps",h="applyToExistingReimbursements",le={footerPadding:new W(L[2],L[3])};function Re({localData:e,approvalUpdateActionType:t,isLowerBoundDisabled:a=!1,isUpperBoundDisabled:o=!0,hideUpperBoundField:s=!1,onBackClick:p,onApprovalRuleDataUpdated:g,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:A}){const V=M(),S=G(),l=U.getLocalizedStrings().commonSetUp.approval,w=U.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=re(e,t==="approval_create"&&!a),y=J({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,R=K(u?.fetchState),{upperBound:P}=x,{allApprovalRules:i,allAccountingClasses:F,remiSetupApproverViewUpdateData:m}=e;let f=i.length>1?i.length-1:0,v=i.length>0?i[f].criteria[0].range.min.amount:0;if(m!=null&&m.type==="approval_update"&&m.data!=null){const{approvalRuleId:n}=m.data;f=i.findIndex(d=>d.approvalRuleId===n),v=f>0?i[f-1].criteria[0].range.min.amount:0}const O=y.handleSubmit(()=>{N()}),q=async(n,d)=>{g(d)};return T.useEffect(()=>{const n=y.watch((d,{name:D})=>{if(D!=null&&d!=null){const z=X(d);H(()=>q(D,z))}});return()=>{n.unsubscribe()}}),T.useEffect(()=>{R==="In-Progress"&&u?.fetchState==="Completed"&&A()},[R,u?.fetchState,A]),r.jsxs(ie,{children:[r.jsx(Q,{title:t==="approval_create"?l.newApproval:l.editApproval,backgroundColor:V.colors.grey4,style:{zIndex:4},onBackClick:()=>{p()},source:"ReimbursementApprovalRuleDetailPage"}),r.jsx(de,{children:r.jsxs(Y,{...y,children:[r.jsx(ue,{children:r.jsx("form",{id:$(_),onSubmit:O,children:r.jsxs(pe,{children:[r.jsx(ae,{label:{label:s?w.amountPerRemiGreaterLabel:w.amountPerRemiLabel},firstText:{type:"number",name:k,placeholder:"$0",options:{required:!0,max:P===1/0?Number.MAX_SAFE_INTEGER-1:P-1,min:v,validate:n=>a?!0:n!=null&&n>v},isDisabled:a,additionalInfoLabel:l.firstRuleLowerBoundInfoLabel,additionalErrorLabel:l.firstRuleErrorInfoLabel},secondText:{type:"number",name:j,placeholder:"Infinity",isDisabled:o,hideField:s,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(n=>n.user),allAttributes:e.allAttributes,filteredAttributes:e.filteredAttributes,allAccountingClasses:F,stepsInfo:x[I],userSelectPlaceholder:l.userSelectPlaceholder,approveNotifyPlaceholder:l.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})}),r.jsx(Z,{formId:$(_),primaryBtn:{label:l.saveBtnText,isLoading:u?.fetchState==="In-Progress",isDisabled:u?.fetchState==="In-Progress",style:{width:"85px",minWidth:"auto"}},topComponent:t==="approval_create"?null:r.jsx(ee,{name:h,mode:"always_on",checkBoxes:[{value:h,label:l.applyToExistingReimbursements,defaultChecked:!0,groupLabel:!1}],style:{width:"100%"}}),showCancel:!0,cancelBtn:{label:l.cancelBtnText,isLoading:!1,style:{width:"85px",minWidth:"auto"},onClick:E},containerStyle:{justifyContent:S==="small"?"space-between":"center"},style:{padding:le.footerPadding.valuePx(S)},separatorStyle:{marginRight:b.sp4}})]})})]})}const re=(e,t)=>{const{criteria:a,steps:o}=e.remiSetupApproverViewUpdateData?.data??{};return{[h]:[h],[I]:oe(e.allApprovers.map(s=>s.user),e.filteredApprovers.map(s=>s.user),B(e.allAttributes),B(e.filteredAttributes),o??[])??[],[k]:t?void 0:a!=null?a.range.min.amount??0:0,[j]:a!=null?a.range.max==null?1/0:a.range.max.amount:1/0}},oe=(e,t,a,o,s)=>s&&s.length>0?s.map((p,g)=>({stepIndex:g,stepType:{selectedOption:p.action,allOptions:C},actors:{allUsers:t,selectedUsers:se(e,p.actors),allNonUsers:o,selectedNonUsers:ne(a,p.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:C},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),$=e=>`${e}_form`,Pe=e=>`${e}`,ie=c.div`
   display: flex;
   height: 100%;
   flex-direction: column;
@@ -29,4 +29,4 @@ import{y as W,d as L,e as M,q as G,F as U,a9 as H,aO as X,aH as J,cC as K,V as r
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`;export{le as D,Pe as default,_ as uniqueFormName,Re as uniqueName};
+`;export{le as D,Re as default,$ as uniqueFormName,Pe as uniqueName};

package/dist/assets/{ReimbursementApprovalRulesPage-tnc2z3Es-DOwbo35O.js → ReimbursementApprovalRulesPage-C22bGg4Y-DujacG7V.js}

@@ -1,4 +1,4 @@
-import{e as M,q as A,F as S,V as t,bA as _,A as E,aN as j,o,y as r,al as z,aL as k,cn as H,co as V,cp as G,cZ as U,d as l,b8 as q,M as T,b7 as F,p as P,cW as Z,bs as J,b as K}from"./index-DQZa93pl.js";import{n as i}from"./mui-CmeRX-VQ.js";import{a as O}from"./sentry-BNP8a0zR.js";import"./liveblocks-5qJQL8gF.js";import"./core-Do2fm07V.js";import"./recharts-CJ6qqxTN.js";import"./zeni-epic-state-Dg9gbL0X.js";import"./lottie--QmfecC7.js";import"./analytics-BBRM4OiD.js";import"./lexical-DSAIO3Yn.js";import"./utils-e2QIiaj6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},m=new e.Error().stack;m&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[m]="6f713766-a0f6-4356-b4e1-b9d28b603a60",e._sentryDebugIdIdentifier="sentry-dbid-6f713766-a0f6-4356-b4e1-b9d28b603a60")}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)},W={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},Q=({showDeleteBtn:e=!1,isLastSection:m=!1,approvalRule:u,onEditRuleClick:b,onDeleteRuleClick:v})=>{const[w,c]=O.useState(!1),a=A(),{range:d}=u.criteria[0],{steps:g,approvalRuleId:x}=u,n=S.getLocalizedStrings().commonSetUp.approval,f=()=>{c(!0)},y={onOkClick:()=>{c(!1),v?.(x)},onCancelClick:()=>{c(!1)}};return t.jsxs(Y,{windowSize:a,isLastSection:m,"data-testid":j("approval-rule-section",x),children:[t.jsxs(X,{windowSize:a,children:[t.jsxs(ne,{children:[t.jsxs(L,{windowSize:a,children:[n.from," ",k("0,0",d.min)]}),t.jsxs(ee,{children:[t.jsx(I,{}),t.jsx(te,{}),t.jsx(I,{})]}),d.max==null?t.jsx(ce,{}):t.jsx(L,{windowSize:a,children:k("0,0",{...d.min,amount:d.max.amount})})]}),t.jsxs(ae,{className:"icons",children:[e?t.jsx(pe,{onClick:f}):null,t.jsx(de,{onClick:()=>{b(x)},"data-testid":j("edit-approval-rule",x)})]})]}),t.jsx(oe,{windowSize:a,children:t.jsx(ie,{isSingleStep:g.length===1,windowSize:a,children:g.map((h,D)=>t.jsxs(re,{isSingleStep:g.length===1,className:"stepperItem",windowSize:a,children:[h.action==="require_approval"?t.jsx(le,{children:n.requireText}):t.jsx(se,{children:n.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,N)=>t.jsxs(B,{children:[t.jsx(C,{children:p.subType!=null?n.nonUsers[p.subType].label:null}),h.operator!="is"?t.jsx(R,{className:"operator",children:h.operator}):null]},`${p.subType}_${N}`)),h.actors.map(p=>t.jsxs(B,{children:[t.jsxs(C,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?t.jsx(R,{className:"operator",children:h.operator}):null]},p.userId))]},D))})}),w?t.jsx(H,{titleComponent:t.jsx(G,{children:n.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(V,{children:n.deleteApprovalRuleDesc}),primaryButtonText:n.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:n.cancelBtnText,action:y}):null]})},Y=i.div`
+import{e as N,J as A,O as S,V as t,bC as M,T as E,aQ as j,o,y as i,al as z,aO as k,cp as H,cq as V,cr as F,c$ as G,c as l,ba as U,F as T,b9 as q,p as P,c_ as J,bu as O,b as K}from"./index-CRNmezJu.js";import{n as r}from"./mui-mhzAEcDs.js";import{a as Q}from"./sentry-Dla7mstv.js";import"./liveblocks-BKvkleJ3.js";import"./core-hVMF2uNa.js";import"./recharts-BErFcng5.js";import"./zeni-epic-state-CSmiPBaP.js";import"./lottie-N_bekW9H.js";import"./analytics-g5EpLRud.js";import"./lexical-DYQnWL1V.js";import"./utils-D6NmQd1Q.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},m=new e.Error().stack;m&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[m]="c6814c0c-83a3-4333-ad92-f9732812b22f",e._sentryDebugIdIdentifier="sentry-dbid-c6814c0c-83a3-4333-ad92-f9732812b22f")}catch{}})();const s={sectionWidth:new i(343,580,726),ruleWrapperPadding:new i(l[3],l[4]),wrapperGap:new i(l[4],l[3]),wrapperMarginBottom:new i(l[6],l[8]),lastWrapperMarginBottom:new i(l[5],l[9]),stepperWidthHeight:new i(20,l[5]),stepperItemLeft:new i(-29,-23),stepperItemTop:new i(2,l[0]),stepperItemPaddingLeft:new i(l[0],10),stepperItemMinHeight:new i(22,28),stepperLeft:new i(11,17),stepperTop:new i(2,l[0]),stepperContentTop:new i(l[0],-4)},W={stepper:new T("smallRegular","standardRegular"),amount:new T("standardRegular","largeRegular")},Y=({showDeleteBtn:e=!1,isLastSection:m=!1,approvalRule:u,onEditRuleClick:b,onDeleteRuleClick:v})=>{const[w,c]=Q.useState(!1),a=A(),{range:d}=u.criteria[0],{steps:g,approvalRuleId:x}=u,n=S.getLocalizedStrings().commonSetUp.approval,f=()=>{c(!0)},y={onOkClick:()=>{c(!1),v?.(x)},onCancelClick:()=>{c(!1)}};return t.jsxs(Z,{windowSize:a,isLastSection:m,"data-testid":j("approval-rule-section",x),children:[t.jsxs(X,{windowSize:a,children:[t.jsxs(ne,{children:[t.jsxs(L,{windowSize:a,children:[n.from," ",k("0,0",d.min)]}),t.jsxs(ee,{children:[t.jsx(C,{}),t.jsx(te,{}),t.jsx(C,{})]}),d.max==null?t.jsx(ce,{}):t.jsx(L,{windowSize:a,children:k("0,0",{...d.min,amount:d.max.amount})})]}),t.jsxs(ae,{className:"icons",children:[e?t.jsx(pe,{onClick:f}):null,t.jsx(de,{onClick:()=>{b(x)},"data-testid":j("edit-approval-rule",x)})]})]}),t.jsx(oe,{windowSize:a,children:t.jsx(re,{isSingleStep:g.length===1,windowSize:a,children:g.map((h,D)=>t.jsxs(ie,{isSingleStep:g.length===1,className:"stepperItem",windowSize:a,children:[h.action==="require_approval"?t.jsx(le,{children:n.requireText}):t.jsx(se,{children:n.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,_)=>t.jsxs(B,{children:[t.jsx(I,{children:p.subType!=null?n.nonUsers[p.subType].label:null}),h.operator!="is"?t.jsx(R,{className:"operator",children:h.operator}):null]},`${p.subType}_${_}`)),h.actors.map(p=>t.jsxs(B,{children:[t.jsxs(I,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?t.jsx(R,{className:"operator",children:h.operator}):null]},p.userId))]},D))})}),w?t.jsx(H,{titleComponent:t.jsx(F,{children:n.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(V,{children:n.deleteApprovalRuleDesc}),primaryButtonText:n.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:n.cancelBtnText,action:y}):null]})},Z=r.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -14,7 +14,7 @@ import{e as M,q as A,F as S,V as t,bA as _,A as E,aN as j,o,y as r,al as z,aL as
       border-color: ${e=>e.theme.colors.primary};
     }
   }
-`,X=i(q)`
+`,X=r(U)`
   display: flex;
   position: relative;
   align-items: center;
@@ -22,20 +22,20 @@ import{e as M,q as A,F as S,V as t,bA as _,A as E,aN as j,o,y as r,al as z,aL as
   text-align: center;
   width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
   gap: ${o.sp2};
-`,ee=i.div`
+`,ee=r.div`
   align-items: center;
   display: flex;
   justify-content: center;
-`,te=i.div`
+`,te=r.div`
   width: ${o.sp8};
   height: 2px;
   background-color: ${e=>e.theme.colors.primary};
-`,I=i.div`
+`,C=r.div`
   width: 6px;
   height: 6px;
   border-radius: 3px;
   background-color: ${e=>e.theme.colors.primary};
-`,oe=i.div`
+`,oe=r.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -56,7 +56,7 @@ import{e as M,q as A,F as S,V as t,bA as _,A as E,aN as j,o,y as r,al as z,aL as
   justify-content: center;
   box-sizing: border-box;
   position: relative;
-`,ie=i.ul`
+`,re=r.ul`
   ${e=>`${W.stepper.style(e.windowSize)}`};
   position: relative;
   padding-left: ${o.sp6};
@@ -73,7 +73,7 @@ import{e as M,q as A,F as S,V as t,bA as _,A as E,aN as j,o,y as r,al as z,aL as
     height: ${e=>e.isSingleStep?"0%":"100%"};
     border-left: 2px solid ${e=>e.theme.colors.grey1};
   }
-`,re=i.li`
+`,ie=r.li`
   position: relative;
   counter-increment: list;
   min-height: ${e=>s.stepperItemMinHeight.valuePx(e.windowSize)};
@@ -128,20 +128,20 @@ import{e as M,q as A,F as S,V as t,bA as _,A as E,aN as j,o,y as r,al as z,aL as
       border-radius: 50%;
     }
   }
-`,le=i.span`
+`,le=r.span`
   color: ${P.alertDark};
-`,se=i.span`
+`,se=r.span`
   color: ${P.successDark};
-`,C=i.span`
+`,I=r.span`
   color: ${e=>e.theme.colors.primary};
-`,ne=i.div`
+`,ne=r.div`
   display: flex;
   align-items: center;
   gap: ${o.sp2};
-`,ae=i.div`
+`,ae=r.div`
   display: flex;
   gap: ${o.sp5};
-`,pe=i(Z)`
+`,pe=r(J)`
   width: ${o.sp3};
   height: ${o.sp3};
   cursor: pointer;
@@ -149,7 +149,7 @@ import{e as M,q as A,F as S,V as t,bA as _,A as E,aN as j,o,y as r,al as z,aL as
   &:hover {
     color: ${P.important};
   }
-`,de=i(J)`
+`,de=r(O)`
   width: ${o.sp3};
   height: ${o.sp3};
   cursor: pointer;
@@ -157,20 +157,20 @@ import{e as M,q as A,F as S,V as t,bA as _,A as E,aN as j,o,y as r,al as z,aL as
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ce=i(F)`
+`,ce=r(q)`
   width: ${o.sp4};
   height: ${o.sp4};
   color: ${e=>e.theme.colors.hero};
-`,R=i.span`
+`,R=r.span`
   color: ${e=>e.theme.colors.hero};
-`,B=i.div`
+`,B=r.div`
   display: inherit;
   gap: inherit;
-`,L=i.span`
+`,L=r.span`
   ${e=>`${W.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,$={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:m,onEditRuleClick:u,onDeleteRuleClick:b})=>{const v=M(),w=A(),{fetchState:c,deleteStatus:a}=e,d=S.getLocalizedStrings().commonSetUp.approval,g=S.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=a.fetchState,n=e.listeningToPusherEvent;return t.jsxs(he,{children:[t.jsx(_,{title:d.approvalPageHeader,backgroundColor:v.colors.grey4,style:{zIndex:4},onBackClick:()=>{m()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(me,{children:[t.jsx(xe,{windowSize:w,children:g.approvalPageSubTitle}),c==="In-Progress"||c==="Not-Started"||x==="In-Progress"||n===!0?t.jsxs(ue,{children:[t.jsx(E,{size:n===!0?"Large":"ExtraLarge",start:!0}),n===!0&&t.jsx(we,{windowSize:w,children:d.updatingApprovalRules.replace("__entity__","reimbursements")})]}):c==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((f,y)=>t.jsx(Q,{showDeleteBtn:y!==0,approvalRule:f,isLastSection:y===e.allApprovalRules.length-1,onEditRuleClick:u,onDeleteRuleClick:b},f.approvalRuleId)),t.jsxs(ge,{windowSize:w,onClick:()=>{u()},"data-testid":j("add-approval-rule"),children:[t.jsx($e,{}),t.jsx(fe,{children:d.addApprovalText})]})]}):null]})]})},he=i.div`
+`,$={width:new i(343,580,726),titleWidth:new i(343,580,780),addApprovalGap:new i(6,l[2]),subTitlePaddingTop:new i(12,l[3]),subTitlePaddingBottom:new i(28,l[7])},Re=({approvalView:e,onBackClick:m,onEditRuleClick:u,onDeleteRuleClick:b})=>{const v=N(),w=A(),{fetchState:c,deleteStatus:a}=e,d=S.getLocalizedStrings().commonSetUp.approval,g=S.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=a.fetchState,n=e.listeningToPusherEvent;return t.jsxs(he,{children:[t.jsx(M,{title:d.approvalPageHeader,backgroundColor:v.colors.grey4,style:{zIndex:4},onBackClick:()=>{m()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(me,{children:[t.jsx(xe,{windowSize:w,children:g.approvalPageSubTitle}),c==="In-Progress"||c==="Not-Started"||x==="In-Progress"||n===!0?t.jsxs(ue,{children:[t.jsx(E,{size:n===!0?"Large":"ExtraLarge",start:!0}),n===!0&&t.jsx(we,{windowSize:w,children:d.updatingApprovalRules.replace("__entity__","reimbursements")})]}):c==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((f,y)=>t.jsx(Y,{showDeleteBtn:y!==0,approvalRule:f,isLastSection:y===e.allApprovalRules.length-1,onEditRuleClick:u,onDeleteRuleClick:b},f.approvalRuleId)),t.jsxs(ge,{windowSize:w,onClick:()=>{u()},"data-testid":j("add-approval-rule"),children:[t.jsx($e,{}),t.jsx(fe,{children:d.addApprovalText})]})]}):null]})]})},he=r.div`
   display: flex;
   min-height: 100%;
   flex-direction: column;
@@ -178,14 +178,14 @@ import{e as M,q as A,F as S,V as t,bA as _,A as E,aN as j,o,y as r,al as z,aL as
   background-color: ${e=>e.theme.colors.grey4};
   box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
     ${e.theme.colors.dropShadowNormal}`};
-`,me=i.div`
+`,me=r.div`
   display: flex;
   justify-content: flex-start;
   height: 100%;
   overflow-y: auto;
   flex-direction: column;
   align-items: center;
-`,ue=i.div`
+`,ue=r.div`
   display: flex;
   width: 100%;
   min-height: calc(100vh - 150px);
@@ -194,19 +194,19 @@ import{e as M,q as A,F as S,V as t,bA as _,A as E,aN as j,o,y as r,al as z,aL as
   align-items: center;
   gap: ${o.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,xe=i(z)`
+`,xe=r(z)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
   width: ${e=>$.titleWidth.valuePx(e.windowSize)};
   padding-top: ${e=>$.subTitlePaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>$.subTitlePaddingBottom.valuePx(e.windowSize)};
-`,we=i(z)`
+`,we=r(z)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
   margin-top: ${o.sp3};
-`,ge=i(z)`
+`,ge=r(z)`
   cursor: pointer;
   display: flex;
   flex-direction: row;
@@ -235,9 +235,9 @@ import{e as M,q as A,F as S,V as t,bA as _,A as E,aN as j,o,y as r,al as z,aL as
     border-color: ${e=>e.theme.colors.primary};
   }
   margin-bottom: ${o.sp6};
-`,$e=i(U)`
+`,$e=r(G)`
   width: ${o.sp3};
   height: ${o.sp3};
-`,fe=i.div`
+`,fe=r.div`
   color: ${e=>e.theme.colors.hero};
 `;export{Re as default};