@zeniai/web-cockpit-ui 1.14.49-dev → 1.14.50-dev

package/dist/assets/{QBOConnectionDialog-MjldLygA-BHVMfA9u.js → QBOConnectionDialog-DYCNzDCW-XbK2K7lq.js}

@@ -1,9 +1,9 @@
-import{e as j,M as t,j as n,bp as w,X as l,C as s,o as i,J as y,s as P,z as b,aS as f,eN as S,r as a}from"./index-BkGkQn7J.js";import{n as o}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const r={containerPaddingTop:new s(a[5],a[7]),containerPaddingBottom:new s(a[5],a[5]),containerPaddingLeftRight:new s(a[6],a[11])},v=o.div`
+import{e as j,M as t,j as n,bq as w,X as l,C as s,o as i,J as y,s as P,z as b,aU as f,eN as v,r as a}from"./index-dX8TSOm6.js";import{n as o}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const r={containerPaddingTop:new s(a[5],a[7]),containerPaddingBottom:new s(a[5],a[5]),containerPaddingLeftRight:new s(a[6],a[11])},z=o.div`
   border-radius: inherit;
   max-width: 520px;
   text-align: center;
   background: ${e=>e.theme.colors.background};
-`,z=o.div`
+`,S=o.div`
   padding-top: ${e=>r.containerPaddingTop.valuePx(e.windowSize)};
   padding-bottom: ${e=>r.containerPaddingBottom.valuePx(e.windowSize)};
   padding-right: ${e=>r.containerPaddingLeftRight.valuePx(e.windowSize)};
@@ -45,7 +45,7 @@ import{e as j,M as t,j as n,bp as w,X as l,C as s,o as i,J as y,s as P,z as b,aS
   color: ${e=>e.theme.colors.hero};
   height: ${i.sp4};
   width: ${i.sp4};
-`,O=o(S)`
+`,O=o(v)`
   height: ${i.sp4};
   color: ${e=>e.theme.colors.primary};
-`;function q({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=j(),u=t.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),$=t.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(w,{open:g,children:n.jsxs(v,{windowSize:x,children:[n.jsxs(z,{children:[n.jsx(L,{children:t.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?u:$}),n.jsxs(R,{children:[n.jsx(T,{}),n.jsx(I,{}),n.jsx(O,{})]})]}),d||c?n.jsxs(n.Fragment,{children:[n.jsx(C,{}),n.jsxs(B,{children:[c===!0?n.jsx(_,{children:n.jsx(l,{variant:"secondary",label:t.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(A,{children:n.jsx(l,{variant:"primary",label:t.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{q as default};
+`;function U({companyName:e="",isGoBackAllowed:c,isAdmin:d,saveConnectionState:p,isQBOPopupOpen:g=!0,handleOnConnectClick:m,handleGoBack:h}){const x=j(),u=t.getLocalizedStrings().dashboardAccountingPage.adminInfoText.replace(e?"_company-name_":"‘_company-name_’",e),$=t.getLocalizedStrings().dashboardAccountingPage.nonAdminInfoText.replace(e?"_company-name_":"‘_company-name_’",e);return n.jsx(w,{open:g,children:n.jsxs(z,{windowSize:x,children:[n.jsxs(S,{children:[n.jsx(L,{children:t.getLocalizedStrings().dashboardAccountingPage.title}),n.jsx(k,{children:d?u:$}),n.jsxs(R,{children:[n.jsx(T,{}),n.jsx(I,{}),n.jsx(O,{})]})]}),d||c?n.jsxs(n.Fragment,{children:[n.jsx(C,{}),n.jsxs(B,{children:[c===!0?n.jsx(_,{children:n.jsx(l,{variant:"secondary",label:t.getLocalizedStrings().dashboardAccountingPage.goBack,onClick:h})}):null,d?n.jsx(A,{children:n.jsx(l,{variant:"primary",label:t.getLocalizedStrings().dashboardAccountingPage.connect,onClick:m,loading:p==="In-Progress"})}):null]})]}):null]})})}export{U as default};

package/dist/assets/{QBOSetupSection-BknE7gT4-B1wY7X0G.js → QBOSetupSection-DtzlFUKs-CMurUb08.js}

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

package/dist/assets/ReimbursementApprovalRuleDetailPage-DoWiv_tN-DEovISqR.js

@@ -0,0 +1,26 @@
+import{C as q,r as U,u as M,e as W,M as D,a as G,a5 as X,j as s,Z,cc as H,a_ as J,F as K,a7 as Q,o as f}from"./index-dX8TSOm6.js";import{b as L,n as h}from"./vendor-rkTZJa59.js";import{b as Y,f as ee,l as j,o as B}from"./FollowStepsSection-s4utHS95--Y07h10n.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.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:E,onSaveRuleClick:N,onSaveRuleSuccess:A}){const _=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:F,remiSetupApproverViewUpdateData:c}=e;let m=n.length>1?n.length-1:0,v=n.length>0?n[m].criteria[0].range.min.amount:0;if(c!=null&&c.type==="approval_update"&&c.data!=null){const{approvalRuleId:i}=c.data;m=n.findIndex(p=>p.approvalRuleId===i),v=m>0?n[m-1].criteria[0].range.min.amount:0}const V=g.handleSubmit(()=>{N()}),z=async(i,p)=>{b(p)};return L.useEffect(()=>{const i=g.watch((p,{name:R})=>{if(R!=null&&p!=null){const O=Z(p);H(()=>z(R,O))}});return()=>{i.unsubscribe()}}),L.useEffect(()=>{w==="In-Progress"&&u?.fetchState==="Completed"&&A()},[w,u?.fetchState,A]),s.jsxs(se,{children:[s.jsx(J,{title:r==="approval_create"?a.newApproval:a.editApproval,backgroundColor:_.colors.grey4,style:{zIndex:4},onBackClick:()=>{d()},source:"ReimbursementApprovalRuleDetailPage"}),s.jsx(ne,{children:s.jsx(K,{...g,children:s.jsx("form",{id:C($),onSubmit:V,children:s.jsxs(ie,{children:[s.jsx(Y,{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:F,stepsInfo:x[y],userSelectPlaceholder:a.userSelectPlaceholder,approveNotifyPlaceholder:a.approveNotifyPlaceholder,productType:"zeni_reimbursements"})]})})})}),s.jsx(Q,{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;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey4};
+`,ie=h.div`
+  display: flex;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  box-shadow: ${e=>`${f.sp0} 2px ${f.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${f.sp2};
+`,ne=h.div`
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  overflow-y: auto;
+  flex-direction: column;
+  align-items: center;
+`,pe=h.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`;export{te as D,ye as default,C as uniqueFormName,Ae as uniqueName};

package/dist/assets/{ReimbursementApprovalRulesPage-C0Plqj93-FjbcelWF.js → ReimbursementApprovalRulesPage-Drav6sw6-CwgLZUAr.js}

@@ -1,4 +1,4 @@
-import{u as D,e as B,M as y,j as o,aY as H,h as E,Z as S,o as t,C as r,s as L,a0 as z,bX as U,bZ as V,b_ as G,cz as Q,r as l,ao as Z,b as P,an as _,g as j,cw as q,aQ as F,$ as X}from"./index-BkGkQn7J.js";import{n as i,b as Y}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.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")},O=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:x,onEditRuleClick:v,onDeleteRuleClick:b})=>{const[g,d]=Y.useState(!1),n=B(),{range:c}=x.criteria[0],{steps:w,approvalRuleId:m}=x,a=y.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},A={onOkClick:()=>{d(!1),b?.(m)},onCancelClick:()=>{d(!1)}};return o.jsxs(J,{windowSize:n,isLastSection:f,"data-testid":S("approval-rule-section",m),children:[o.jsxs(K,{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:w.length===1,windowSize:n,children:w.map((h,N)=>o.jsxs(re,{isSingleStep:w.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))]},N))})}),g?o.jsx(U,{titleComponent:o.jsx(G,{children:a.deleteApprovalRuleTitle}),descriptionComponent:o.jsx(V,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:A}):null]})},J=i.div`
+import{u as D,e as B,M as y,j as t,a_ as H,h as E,a2 as S,o,C as r,s as L,a3 as z,bY as U,bZ as V,b_ as G,cz as _,r as l,ar as q,b as P,aq as F,g as j,cw as Q,aS as Y,$ as Z}from"./index-dX8TSOm6.js";import{n as i,b as O}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-CH3KJxCW.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.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")},X=({showDeleteBtn:e=!1,isLastSection:f=!1,approvalRule:u,onEditRuleClick:v,onDeleteRuleClick:b})=>{const[g,d]=O.useState(!1),n=B(),{range:c}=u.criteria[0],{steps:w,approvalRuleId:m}=u,a=y.getLocalizedStrings().commonSetUp.approval,$=()=>{d(!0)},A={onOkClick:()=>{d(!1),b?.(m)},onCancelClick:()=>{d(!1)}};return t.jsxs(J,{windowSize:n,isLastSection:f,"data-testid":S("approval-rule-section",m),children:[t.jsxs(K,{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(U,{titleComponent:t.jsx(G,{children:a.deleteApprovalRuleTitle}),descriptionComponent:t.jsx(V,{children:a.deleteApprovalRuleDesc}),primaryButtonText:a.deleteTxt,proceedButtonVariant:"danger",secondaryButtonText:a.cancelBtnText,action:A}):null]})},J=i.div`
   display: flex;
   flex-direction: column;
   gap: ${e=>s.wrapperGap.valuePx(e.windowSize)};
@@ -14,20 +14,20 @@ import{u as D,e as B,M as y,j as o,aY as H,h as E,Z as S,o as t,C as r,s as L,a0
       border-color: ${e=>e.theme.colors.primary};
     }
   }
-`,K=i(Z)`
+`,K=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,e as B,M as y,j as o,aY as H,h as E,Z as S,o as t,C as r,s as L,a0
   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,e as B,M as y,j as o,aY as H,h as E,Z as S,o as t,C as r,s as L,a0
 
   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;
@@ -59,7 +59,7 @@ import{u as D,e as B,M as y,j as o,aY as H,h as E,Z as S,o as t,C as r,s as L,a0
 `,ie=i.ul`
   ${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,e as B,M as y,j as o,aY as H,h as E,Z as S,o as t,C as r,s as L,a0
   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,e as B,M as y,j as o,aY as H,h as E,Z as S,o as t,C as r,s as L,a0
       width: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
       height: ${e=>s.stepperWidthHeight.valuePx(e.windowSize)};
       top: ${e=>s.stepperContentTop.valuePx(e.windowSize)};
-      left: -${t.sp6};
-      ${X.standardMedium.css};
+      left: -${o.sp6};
+      ${Z.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,e as B,M as y,j as o,aY as H,h as E,Z as S,o as t,C as r,s as L,a0
 `,ae=i.div`
   display: flex;
   align-items: center;
-  gap: ${t.sp2};
+  gap: ${o.sp2};
 `,ne=i.div`
   display: flex;
-  gap: ${t.sp5};
-`,pe=i(q)`
-  width: ${t.sp3};
-  height: ${t.sp3};
+  gap: ${o.sp5};
+`,pe=i(Q)`
+  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(Y)`
+  width: ${o.sp3};
+  height: ${o.sp3};
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ce=i(_)`
-  width: ${t.sp4};
-  height: ${t.sp4};
+`,ce=i(F)`
+  width: ${o.sp4};
+  height: ${o.sp4};
   color: ${e=>e.theme.colors.hero};
 `,C=i.span`
   color: ${e=>e.theme.colors.hero};
@@ -170,13 +170,13 @@ import{u as D,e as B,M as y,j as o,aY as H,h as E,Z as S,o as t,C as r,s as L,a0
   ${e=>`${W.amount.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   word-break: break-word;
-`,u={width:new r(343,580,726),titleWidth:new r(343,580,780),addApprovalGap:new r(6,l[2]),subTitlePaddingTop:new r(12,l[3]),subTitlePaddingBottom:new r(28,l[7])},Te=({approvalView:e,onBackClick:f,onEditRuleClick:x,onDeleteRuleClick:v})=>{const b=D(),g=B(),{fetchState:d,deleteStatus:n}=e,c=y.getLocalizedStrings().commonSetUp.approval,w=y.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=n.fetchState;return o.jsxs(he,{children:[o.jsx(H,{title:c.approvalPageHeader,backgroundColor:b.colors.grey4,style:{zIndex:4},onBackClick:()=>{f()},source:"ReimbursementApprovalRulesPage"}),o.jsxs(me,{children:[o.jsx(we,{windowSize:g,children:w.approvalPageSubTitle}),d==="In-Progress"||d==="Not-Started"||m==="In-Progress"?o.jsx(xe,{children:o.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?o.jsxs(o.Fragment,{children:[e.allApprovalRules.map((a,$)=>o.jsx(O,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:x,onDeleteRuleClick:v},a.approvalRuleId)),o.jsxs(ue,{windowSize:g,onClick:()=>{x()},"data-testid":S("add-approval-rule"),children:[o.jsx(ge,{}),o.jsx($e,{children:c.addApprovalText})]})]}):null]})]})},he=i.div`
+`,x={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 b=D(),g=B(),{fetchState:d,deleteStatus:n}=e,c=y.getLocalizedStrings().commonSetUp.approval,w=y.getLocalizedStrings().spendManagement.reimbursement.reimbursementApproval,m=n.fetchState;return t.jsxs(he,{children:[t.jsx(H,{title:c.approvalPageHeader,backgroundColor:b.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(ue,{children:t.jsx(E,{size:"ExtraLarge",start:!0})}):d==="Completed"?t.jsxs(t.Fragment,{children:[e.allApprovalRules.map((a,$)=>t.jsx(X,{showDeleteBtn:$!==0,approvalRule:a,isLastSection:$===e.allApprovalRules.length-1,onEditRuleClick:u,onDeleteRuleClick:v},a.approvalRuleId)),t.jsxs(xe,{windowSize:g,onClick:()=>{u()},"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,e as B,M as y,j as o,aY as H,h as E,Z as S,o as t,C as r,s as L,a0
   overflow-y: auto;
   flex-direction: column;
   align-items: center;
-`,xe=i.div`
+`,ue=i.div`
   display: flex;
   width: 100%;
   height: calc(100vh - 110px);
@@ -197,28 +197,28 @@ import{u as D,e as B,M as y,j as o,aY as H,h as E,Z as S,o as t,C as r,s as L,a0
   color: ${e=>e.theme.colors.hero};
   display: flex;
   justify-content: center;
-  width: ${e=>u.titleWidth.valuePx(e.windowSize)};
-  padding-top: ${e=>u.subTitlePaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>u.subTitlePaddingBottom.valuePx(e.windowSize)};
-`,ue=i(L)`
+  width: ${e=>x.titleWidth.valuePx(e.windowSize)};
+  padding-top: ${e=>x.subTitlePaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>x.subTitlePaddingBottom.valuePx(e.windowSize)};
+`,xe=i(L)`
   cursor: pointer;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  padding: ${t.sp3} ${t.sp4};
-  gap: ${e=>u.addApprovalGap.valuePx(e.windowSize)};
+  padding: ${o.sp3} ${o.sp4};
+  gap: ${e=>x.addApprovalGap.valuePx(e.windowSize)};
 
-  width: ${e=>u.width.valuePx(e.windowSize)};
-  height: ${t.sp8};
+  width: ${e=>x.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,e as B,M as y,j as o,aY as H,h as E,Z as S,o as t,C as r,s as L,a0
     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(_)`
+  width: ${o.sp3};
+  height: ${o.sp3};
 `,$e=i.div`
   color: ${e=>e.theme.colors.hero};
 `;export{Te as default};