@zeniai/web-cockpit-ui 1.13.91-qa → 1.13.92-dev

package/dist/assets/{QBOSetupSection-Bj_y0Lo2-BwyEXg6_.js → QBOSetupSection-DJBfLeXn-CaDVg5Hs.js}

@@ -1,20 +1,20 @@
-import{X as O,M as $,j as i,K as k,o,C as a,g as d,f1 as Q,Q as T,$ as W,aP as B,eI as E,e$ as G,ab as w,v as u,p as r}from"./index-BRPl2wF0.js";import{n as s}from"./vendor-CnQcJ2Lu.js";import I from"./QBOConnectionDialog-B1b1wGeq-B4g-RMHZ.js";const t={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])},M={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:j,companyName:y,updateQBOPopupState:h,handleOnConnectClick:f})=>{const n=O(),{qbo_connection:S}=$.getLocalizedStrings().customerOnboardingPage.sections,{title:v,sucessText:b,button:z,errorText:P,requiredText:C}=S;return i.jsxs(A,{windowSize:n,children:[i.jsxs(H,{windowSize:n,children:[n==="small"?i.jsx(V,{children:l?i.jsx(Z,{}):i.jsx(_,{})}):null,i.jsx(N,{windowSize:n,children:v})]}),i.jsxs(q,{windowSize:n,children:[i.jsxs(D,{windowSize:n,children:[i.jsxs(R,{children:[i.jsx(F,{}),i.jsx(L,{windowSize:n}),i.jsx(U,{})]}),l?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"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(K,{children:b}),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(I,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:j,companyName:y,saveConnectionState:p,handleOnConnectClick:f,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=$.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(G,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:c,textColor:{color:new w(d.successDark),borderColor:new w(d.successDark)}})},A=s.div`
+import{X as O,M as $,j as i,K as k,o,C as a,g as d,f0 as Q,Q as T,$ as W,aP as B,eH as E,e_ as G,ab as w,v as u,q as r}from"./index-DEtloYMb.js";import{n as s}from"./vendor-CnQcJ2Lu.js";import H from"./QBOConnectionDialog-CzuH4c1o-CmxBeQPY.js";const t={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])},M={title:new T("standardMedium","largeMedium")},ee=({isAdmin:e,hasError:c=!1,isValid:l,saveConnectionState:p,isQBOPopupOpen:j,companyName:y,updateQBOPopupState:h,handleOnConnectClick:f})=>{const n=O(),{qbo_connection:S}=$.getLocalizedStrings().customerOnboardingPage.sections,{title:v,sucessText:b,button:z,errorText:P,requiredText:C}=S;return i.jsxs(q,{windowSize:n,children:[i.jsxs(A,{windowSize:n,children:[n==="small"?i.jsx(U,{children:l?i.jsx(Z,{}):i.jsx(J,{})}):null,i.jsx(I,{windowSize:n,children:v})]}),i.jsxs(N,{windowSize:n,children:[i.jsxs(D,{windowSize:n,children:[i.jsxs(R,{children:[i.jsx(_,{}),i.jsx(F,{windowSize:n}),i.jsx(L,{})]}),l?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"})]}),l?i.jsxs(i.Fragment,{children:[i.jsx(K,{children:b}),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(H,{isAdmin:e,isGoBackAllowed:!0,isQBOPopupOpen:j,companyName:y,saveConnectionState:p,handleOnConnectClick:f,handleGoBack:()=>h(!1)})]})},m=()=>{const{tags:e}=$.getLocalizedStrings().customerOnboardingPage,{connected:c}=e;return i.jsx(G,{style:{width:"max-content",padding:0,marginTop:o.sp2},tagTitle:c,textColor:{color:new w(d.successDark),borderColor:new w(d.successDark)}})},q=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,H=s.div`
+`,A=s.div`
   display: flex;
   align-items: center;
   padding-top: ${o.sp3};
   padding-bottom: ${o.sp3};
   width: ${e=>t.sectionWidth.valuePx(e.windowSize)};
-`,N=s.div`
+`,I=s.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primary};
   ${e=>`${M.title.style(e.windowSize)}`};
-`,q=s.div`
+`,N=s.div`
   display: flex;
   flex-direction: column;
   width: ${e=>t.sectionWidth.valuePx(e.windowSize)};
@@ -53,25 +53,25 @@ import{X as O,M as $,j as i,K as k,o,C as a,g as d,f1 as Q,Q as T,$ as W,aP as B
   gap: ${o.sp4};
   justify-content: left;
   color: ${e=>e.theme.colors.primary};
-`,F=s(W)`
+`,_=s(W)`
   height: 20px;
   width: auto;
   color: ${e=>e.theme.colors.primary};
   cursor: pointer;
-`,L=s(B)`
+`,F=s(B)`
   height: ${e=>t.arrowIconWidthHeight.valuePx(e.windowSize)};
   width: ${e=>t.arrowIconWidthHeight.valuePx(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
-`,U=s(E)`
+`,L=s(E)`
   height: ${o.sp4};
   color: ${e=>e.theme.colors.primary};
-`,V=s.div`
+`,U=s.div`
   margin-right: ${o.sp2};
 `,Z=s(Q)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${d.success};
-`,_=s.div`
+`,J=s.div`
   height: ${o.sp3};
   width: ${o.sp3};
   border: 1px solid ${e=>e.theme.colors.primary};

package/dist/assets/{ReimbursementApprovalRuleDetailPage-Cz4RtqYb-CP2Ebcdr.js → ReimbursementApprovalRuleDetailPage-CAcLCt68-CHZOZjbd.js}

@@ -1,4 +1,4 @@
-import{C as q,p as U,u as M,X as W,M as D,a as G,a5 as X,j as s,U as H,c3 as J,aW as K,F as Q,a7 as Y,o as f}from"./index-BRPl2wF0.js";import{b as j,n as h}from"./vendor-CnQcJ2Lu.js";import{b as Z,f as ee,l as B,o as L}from"./FollowStepsSection-BAUXUzTr-Cl4ucwG7.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const $="reimbursementApprovalRuleDetailPage",T="lowerBound",k="upperBound",y="steps",te={footerPadding:new q(U[2],U[3])};function ye({localData:e,approvalUpdateActionType:r,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:l=!0,hideUpperBoundField:o=!1,onBackClick:d,onApprovalRuleDataUpdated:b,onResetClick:N,onSaveRuleClick:E,onSaveRuleSuccess:A}){const F=M(),S=W(),a=D.getLocalizedStrings().commonSetUp.approval,I=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=ae(e,r==="approval_create"&&!t),g=G({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,w=X(u?.fetchState),{upperBound:P}=x,{allApprovalRules:n,allAccountingClasses:_,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 O=g.handleSubmit(()=>{E()}),V=async(i,p)=>{b(p)};return j.useEffect(()=>{const i=g.watch((p,{name:R})=>{if(R!=null&&p!=null){const z=H(p);J(()=>V(R,z))}});return()=>{i.unsubscribe()}}),j.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),s.jsxs(se,{children:[s.jsx(K,{title:r==="approval_create"?a.newApproval:a.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{d()},source:"ReimbursementApprovalRuleDetailPage"}),s.jsx(ne,{children:s.jsx(Q,{...g,children:s.jsx("form",{id:C($),onSubmit:O,children:s.jsxs(ie,{children:[s.jsx(Z,{label:{label:o?I.amountPerRemiGreaterLabel:I.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=>t?!0:i!=null&&i>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:l,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:_,stepsInfo:x[y],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:C($),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:N},containerStyle:{justifyContent:S==="small"?"space-between":"center"},style:{padding:te.footerPadding.valuePx(S)},separatorStyle:{marginRight:f.sp4}})]})}const ae=(e,r)=>{const{criteria:t,steps:l}=e.remiSetupApproverViewUpdateData?.data??{};return{[y]:re(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),L(e.allAttributes),L(e.filteredAttributes),l??[])??[],[T]:r?void 0:t!=null?t.range.min.amount??0:0,[k]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},re=(e,r,t,l,o)=>o&&o.length>0?o.map((d,b)=>({stepIndex:b,stepType:{selectedOption:d.action,allOptions:B},actors:{allUsers:r,selectedUsers:le(e,d.actors),allNonUsers:l,selectedNonUsers:oe(t,d.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:B},actors:{allUsers:r,selectedUsers:[],allNonUsers:l,selectedNonUsers:[]}}],le=(e,r)=>e.filter(t=>t.userId!=null&&r.findIndex(l=>l.userId===t.userId)>-1),oe=(e,r)=>e.filter(t=>r.findIndex(l=>l.subType===t.value)>-1),C=e=>`${e}_form`,Ae=e=>`${e}`,se=h.div`
+import{C as z,q as U,u as M,X as W,M as D,a as G,a5 as X,j as s,R as H,c3 as J,aW as K,F as Q,a7 as Y,o as f}from"./index-DEtloYMb.js";import{b as L,n as h}from"./vendor-CnQcJ2Lu.js";import{b as Z,f as ee,l as j,o as B}from"./FollowStepsSection-CILr1_vc-DOHzLCEi.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const $="reimbursementApprovalRuleDetailPage",T="lowerBound",k="upperBound",y="steps",te={footerPadding:new z(U[2],U[3])};function ye({localData:e,approvalUpdateActionType:r,isLowerBoundDisabled:t=!1,isUpperBoundDisabled:l=!0,hideUpperBoundField:o=!1,onBackClick:d,onApprovalRuleDataUpdated:b,onResetClick:E,onSaveRuleClick:N,onSaveRuleSuccess:A}){const F=M(),S=W(),a=D.getLocalizedStrings().commonSetUp.approval,I=D.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,x=ae(e,r==="approval_create"&&!t),g=G({mode:"all",reValidateMode:"onChange",defaultValues:x}),u=e.remiSetupApproverViewUpdateData?.updateStatus,w=X(u?.fetchState),{upperBound:P}=x,{allApprovalRules:n,allAccountingClasses:_,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 O=g.handleSubmit(()=>{N()}),V=async(i,p)=>{b(p)};return L.useEffect(()=>{const i=g.watch((p,{name:R})=>{if(R!=null&&p!=null){const q=H(p);J(()=>V(R,q))}});return()=>{i.unsubscribe()}}),L.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),s.jsxs(se,{children:[s.jsx(K,{title:r==="approval_create"?a.newApproval:a.editApproval,backgroundColor:F.colors.grey4,style:{zIndex:4},onBackClick:()=>{d()},source:"ReimbursementApprovalRuleDetailPage"}),s.jsx(ne,{children:s.jsx(Q,{...g,children:s.jsx("form",{id:C($),onSubmit:O,children:s.jsxs(ie,{children:[s.jsx(Z,{label:{label:o?I.amountPerRemiGreaterLabel:I.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=>t?!0:i!=null&&i>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:k,placeholder:"Infinity",isDisabled:l,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:_,stepsInfo:x[y],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Y,{formId:C($),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:E},containerStyle:{justifyContent:S==="small"?"space-between":"center"},style:{padding:te.footerPadding.valuePx(S)},separatorStyle:{marginRight:f.sp4}})]})}const ae=(e,r)=>{const{criteria:t,steps:l}=e.remiSetupApproverViewUpdateData?.data??{};return{[y]:re(e.allApprovers.map(o=>o.user),e.filteredApprovers.map(o=>o.user),B(e.allAttributes),B(e.filteredAttributes),l??[])??[],[T]:r?void 0:t!=null?t.range.min.amount??0:0,[k]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},re=(e,r,t,l,o)=>o&&o.length>0?o.map((d,b)=>({stepIndex:b,stepType:{selectedOption:d.action,allOptions:j},actors:{allUsers:r,selectedUsers:le(e,d.actors),allNonUsers:l,selectedNonUsers:oe(t,d.actors)}})):[{stepIndex:0,stepType:{selectedOption:"require_approval",allOptions:j},actors:{allUsers:r,selectedUsers:[],allNonUsers:l,selectedNonUsers:[]}}],le=(e,r)=>e.filter(t=>t.userId!=null&&r.findIndex(l=>l.userId===t.userId)>-1),oe=(e,r)=>e.filter(t=>r.findIndex(l=>l.subType===t.value)>-1),C=e=>`${e}_form`,Ae=e=>`${e}`,se=h.div`
   display: flex;
   height: 100%;
   flex-direction: column;

package/dist/assets/{ReimbursementApprovalRulesPage-DJlNT4Ov-DI0wrt_m.js → ReimbursementApprovalRulesPage-edz_6MDX-C6mJ2DuI.js}

@@ -1,4 +1,4 @@
-import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_ as z,bN as q,bP as G,bQ as U,cq as Q,p as l,as as X,Q as P,ar as Y,g as j,cn as _,aN as F,q as O}from"./index-BRPl2wF0.js";import{n as i,b as V}from"./vendor-CnQcJ2Lu.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.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)},N={stepper:new P("smallRegular","standardRegular"),amount:new P("standardRegular","largeRegular")},J=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:u,onEditRuleClick:v,onDeleteRuleClick:y})=>{const[g,d]=V.useState(!1),n=B(),{range:c}=u.criteria[0],{steps:x,approvalRuleId:m}=u,a=b.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},W={onOkClick:()=>{d(!1),y?.(m)},onCancelClick:()=>{d(!1)}};return o.jsxs(K,{windowSize:n,isLastSection:f,"data-testid":S("approval-rule-section",m),children:[o.jsxs(Z,{windowSize:n,children:[o.jsxs(ae,{children:[o.jsxs(I,{windowSize:n,children:[a.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(I,{windowSize:n,children:z("0,0",{...c.min,amount:c.max.amount})})]}),o.jsxs(ne,{className:"icons",children:[e?o.jsx(pe,{onClick:$}):null,o.jsx(de,{onClick:()=>{v(m)},"data-testid":S("edit-approval-rule",m)})]})]}),o.jsx(te,{windowSize:n,children:o.jsx(ie,{isSingleStep:x.length===1,windowSize:n,children:x.map((h,A)=>o.jsxs(re,{isSingleStep:x.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?o.jsx(le,{children:a.requireText}):o.jsx(se,{children:a.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,M)=>o.jsxs(R,{children:[o.jsx(T,{children:p.subType!=null?a.nonUsers[p.subType].label:null}),h.operator!="is"?o.jsx(C,{className:"operator",children:h.operator}):null]},`${p.subType}_${M}`)),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))]},A))})}),g?o.jsx(q,{titleComponent:o.jsx(U,{children:a.deleteApprovalRuleTitle}),descriptionComponent:o.jsx(G,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:W}):null]})},K=i.div`
+import{u as D,X as B,M as b,j as t,aW as H,e as E,Y as S,o,C as r,t as L,_ as z,bO as q,bQ as G,bR as U,cq as O,q as l,as as Q,Q as P,ar as X,g as j,cn as Y,aN as _,r as F}from"./index-DEtloYMb.js";import{n as i,b as V}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.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")},J=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:x,onEditRuleClick:v,onDeleteRuleClick:y})=>{const[g,d]=V.useState(!1),n=B(),{range:c}=x.criteria[0],{steps:w,approvalRuleId:m}=x,a=b.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},A={onOkClick:()=>{d(!1),y?.(m)},onCancelClick:()=>{d(!1)}};return t.jsxs(K,{windowSize:n,isLastSection:f,"data-testid":S("approval-rule-section",m),children:[t.jsxs(Z,{windowSize:n,children:[t.jsxs(ae,{children:[t.jsxs(I,{windowSize:n,children:[a.from," ",z("0,0",c.min)]}),t.jsxs(ee,{children:[t.jsx(k,{}),t.jsx(te,{}),t.jsx(k,{})]}),c.max==null?t.jsx(ce,{}):t.jsx(I,{windowSize:n,children:z("0,0",{...c.min,amount:c.max.amount})})]}),t.jsxs(ne,{className:"icons",children:[e?t.jsx(pe,{onClick:$}):null,t.jsx(de,{onClick:()=>{v(m)},"data-testid":S("edit-approval-rule",m)})]})]}),t.jsx(oe,{windowSize:n,children:t.jsx(ie,{isSingleStep:w.length===1,windowSize:n,children:w.map((h,N)=>t.jsxs(re,{isSingleStep:w.length===1,className:"stepperItem",windowSize:n,children:[h.action==="require_approval"?t.jsx(le,{children:a.requireText}):t.jsx(se,{children:a.notifyText}),h.nonUserActors.filter(p=>p.subType!=null).map((p,M)=>t.jsxs(R,{children:[t.jsx(T,{children:p.subType!=null?a.nonUsers[p.subType].label:null}),h.operator!="is"?t.jsx(C,{className:"operator",children:h.operator}):null]},`${p.subType}_${M}`)),h.actors.map(p=>t.jsxs(R,{children:[t.jsxs(T,{children:[p.firstName," ",p.lastName]}),h.operator!="is"?t.jsx(C,{className:"operator",children:h.operator}):null]},p.userId))]},N))})}),g?t.jsx(q,{titleComponent:t.jsx(U,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(G,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:A}):null]})},K=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -14,20 +14,20 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
       border-color: ${e=>e.theme.colors.primary};
     }
   }
-`,Z=i(X)`
+`,Z=i(Q)`
   display: flex;
   position: relative;
   align-items: center;
   justify-content: space-between;
   text-align: center;
   width: ${e=>s.sectionWidth.valuePx(e.windowSize)};
-  gap: ${t.sp2};
+  gap: ${o.sp2};
 `,ee=i.div`
   align-items: center;
   display: flex;
   justify-content: center;
-`,oe=i.div`
-  width: ${t.sp8};
+`,te=i.div`
+  width: ${o.sp8};
   height: 2px;
   background-color: ${e=>e.theme.colors.primary};
 `,k=i.div`
@@ -35,7 +35,7 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
   height: 6px;
   border-radius: 3px;
   background-color: ${e=>e.theme.colors.primary};
-`,te=i.div`
+`,oe=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -47,8 +47,8 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
 
   border: 1px solid ${e=>e.theme.colors.grey3};
 
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${o.sp2};
 
   flex: none;
   order: 1;
@@ -57,9 +57,9 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
   box-sizing: border-box;
   position: relative;
 `,ie=i.ul`
-  ${e=>`${N.stepper.style(e.windowSize)}`};
+  ${e=>`${W.stepper.style(e.windowSize)}`};
   position: relative;
-  padding-left: ${t.sp6};
+  padding-left: ${o.sp6};
   list-style: none;
   box-sizing: initial;
   margin: 0;
@@ -81,7 +81,7 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
   justify-content: flex-start;
   align-items: center;
   padding-left: ${e=>s.stepperItemPaddingLeft.valuePx(e.windowSize)};
-  gap: ${t.sp1};
+  gap: ${o.sp1};
 
   > div:last-of-type > span.operator:last-of-type {
     visibility: hidden;
@@ -116,8 +116,8 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
       width: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
       height: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
       top: ${e=>s.stepperContentTop.valuePx(e.windowSize)};
-      left: -${t.sp6};
-      ${O.standardMedium.css};
+      left: -${o.sp6};
+      ${F.standardMedium.css};
       text-align: center;
       color: ${e=>e.theme.colors.grey1};
       border: 2px solid ${e=>e.theme.colors.grey1};
@@ -137,29 +137,29 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
 `,ae=i.div`
   display: flex;
   align-items: center;
-  gap: ${t.sp2};
+  gap: ${o.sp2};
 `,ne=i.div`
   display: flex;
-  gap: ${t.sp5};
-`,pe=i(_)`
-  width: ${t.sp3};
-  height: ${t.sp3};
+  gap: ${o.sp5};
+`,pe=i(Y)`
+  width: ${o.sp3};
+  height: ${o.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${j.important};
   }
-`,de=i(F)`
-  width: ${t.sp3};
-  height: ${t.sp3};
+`,de=i(_)`
+  width: ${o.sp3};
+  height: ${o.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ce=i(Y)`
-  width: ${t.sp4};
-  height: ${t.sp4};
+`,ce=i(X)`
+  width: ${o.sp4};
+  height: ${o.sp4};
   color: ${e=>e.theme.colors.hero};
 `,C=i.span`
   color: ${e=>e.theme.colors.hero};
@@ -167,16 +167,16 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
   display: inherit;
   gap: inherit;
 `,I=i.span`
-  ${e=>`${N.amount.style(e.windowSize)}`};
+  ${e=>`${W.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,w={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Te=({approvalView:e,onBackClick:f,onEditRuleClick:u,onDeleteRuleClick:v})=>{const y=D(),g=B(),{fetchState:d,deleteStatus:n}=e,c=b.getLocalizedStrings().commonSetUp.approval,x=b.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=n.fetchState;return o.jsxs(he,{children:[o.jsx(H,{title:c.approvalPageHeader,backgroundColor:y.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),o.jsxs(me,{children:[o.jsx(xe,{windowSize:g,children:x.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?o.jsx(ue,{children:o.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?o.jsxs(o.Fragment,{children:[e.allApprovalRules.map((a,$)=>o.jsx(J,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:u,onDeleteRuleClick:v},a.approvalRuleId)),o.jsxs(we,{windowSize:g,onClick:()=>{u()},"data-testid":S("add-approval-rule"),children:[o.jsx(ge,{}),o.jsx($e,{children:c.addApprovalText})]})]}):null]})]})},he=i.div`
+`,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])},Te=({approvalView:e,onBackClick:f,onEditRuleClick:x,onDeleteRuleClick:v})=>{const y=D(),g=B(),{fetchState:d,deleteStatus:n}=e,c=b.getLocalizedStrings().commonSetUp.approval,w=b.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=n.fetchState;return t.jsxs(he,{children:[t.jsx(H,{title:c.approvalPageHeader,backgroundColor:y.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),t.jsxs(me,{children:[t.jsx(we,{windowSize:g,children:w.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?t.jsx(xe,{children:t.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,$)=>t.jsx(J,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:v},a.approvalRuleId)),t.jsxs(ue,{windowSize:g,onClick:()=>{x()},"data-testid":S("add-approval-rule"),children:[t.jsx(ge,{}),t.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}
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
     ${e.theme.colors.dropShadowNormal}`};
 `,me=i.div`
   display: flex;
@@ -185,7 +185,7 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
   overflow-y: auto;
   flex-direction: column;
   align-items: center;
-`,ue=i.div`
+`,xe=i.div`
   display: flex;
   width: 100%;
   height: calc(100vh - 110px);
@@ -193,32 +193,32 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
   justify-content: center;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey4};
-`,xe=i(L)`
+`,we=i(L)`
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
-  width: ${e=>w.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>w.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>w.subTitlePaddingBottom.valuePx(e.windowSize)};
-`,we=i(L)`
+  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=>w.addApprovalGap.valuePx(e.windowSize)};
+  padding: ${o.sp3} ${o.sp4};
+  gap: ${e=>u.addApprovalGap.valuePx(e.windowSize)};
 
-  width: ${e=>w.width.valuePx(e.windowSize)};
-  height: ${t.sp8};
+  width: ${e=>u.width.valuePx(e.windowSize)};
+  height: ${o.sp8};
 
   background: ${e=>e.theme.colors.grey5};
 
   border: 1px solid ${e=>e.theme.colors.grey3};
 
-  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1}
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1}
     ${e.theme.colors.dropShadowNormal}`};
-  border-radius: ${t.sp2};
+  border-radius: ${o.sp2};
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   &:hover {
@@ -228,10 +228,10 @@ import{u as D,X as B,M as b,j as o,aW as H,d as E,Y as S,o as t,C as r,s as L,_
     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};
+  margin-bottom: ${o.sp6};
+`,ge=i(O)`
+  width: ${o.sp3};
+  height: ${o.sp3};
 `,$e=i.div`
   color: ${e=>e.theme.colors.hero};
 `;export{Te as default};