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

package/dist/assets/LabeledDocumentField-BT7CRAVI-Bu18IeBT.js

@@ -1,41 +0,0 @@
-import{e as I,cp as U,cx as g,j as o,Z as W,cv as N,C as l,eV as O,M as k,r as i,o as s,g as A,b as V}from"./index-RcMUg6rr.js";import{n as d}from"./vendor-rkTZJa59.js";const t={width:new l(343,580,726),height:new l(i[6],i[6]),paddingTopBottom:new l(i[2],i[2]),marginRight:new l(i[2],i[2]),labelMarginLeft:new l(i[3],i[4]),labelMarginRight:new l(i[3],i[4]),labelMarginTop:new l(i[2],i[2])},q={infoLabel:new V("extraSmallRegular","smallRegular")};function _({label:e,isDisabled:r,isOptional:u,style:b,file:p,name:n,registerOptions:c,additionalInfoLabel:f,acceptableTypes:x,sizeLimit:y,filemetadataPayload:w,deleteFileStatusById:$,updateFileStatusById:z,filesEndPoint:P,authParams:E,hasError:F=!1,placeholderText:S,showPhotoPicker:v,useMobileCam:T,showUploadSuccessAnimation:L,showWebCamPopUpCloseIcon:M,updateFilesEntity:R,onDeleteFile:B,onEditFileName:C,onFileSizeError:j}){const a=I(),{formState:{errors:m}}=U(),h=g(m,n),D=g(m,`${n}.fileName`);return o.jsxs(J,{size:a,style:b,isDisabled:r!=null,"data-testid":W("document-field",n),children:[o.jsx(N,{isDisabled:r,label:e.label,isOptional:u,style:{marginLeft:t.labelMarginLeft.value(a),marginRight:t.labelMarginRight.value(a),marginTop:t.labelMarginTop.value(a),width:e.width??"auto",...e.style}}),o.jsxs(K,{labelWidth:e.width,size:a,children:[o.jsx(O,{name:n,filesEndPoint:P,authParams:E,registerOptions:c,file:p,sizeLimit:y,acceptableTypes:x,isDisabled:r==="disabled"||r==="readonly",filemetadataPayload:w,deleteFileStatusById:$,updateFileStatusById:z,hasError:F,updateFilesEntity:R,onFileSizeError:j,onDeleteFile:B,onEditFileName:C,placeholderText:S,showPhotoPicker:v,useMobileCam:T,showWebCamPopUpCloseIcon:M,showUploadSuccessAnimation:L}),h&&o.jsx(Q,{size:a,isError:h,children:D&&p!=null?k.getLocalizedStrings().commonSetUp.businessVerification.fileNameRequired:f})]})]})}const J=d.div`
-  display: flex;
-  flex-direction: ${e=>e.size==="small"?"column":"row"};
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>t.width.valuePx(e.size)};
-  min-height: ${e=>t.height.valuePx(e.size)};
-  padding-right: ${e=>t.marginRight.valuePx(e.size)};
-  padding-top: ${e=>t.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${e=>t.paddingTopBottom.valuePx(e.size)};
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:hover {
-    z-index: 1;
-    outline: 1px solid
-      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
-  }
-`,K=d.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.size==="small"?"100%":e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
-  padding: ${e=>e.size==="small"?`${s.sp1} ${s.sp2} ${s.sp0} ${s.sp3}`:s.sp0};
-  box-sizing: ${e=>e.size==="small"?"border-box":"inherit"};
-  align-items: flex-end;
-  flex-grow: 1;
-`,Q=d.label`
-  display: flex;
-  color: ${e=>e.isError?A.important:e.theme.colors.grey1};
-  ${e=>`${q.infoLabel.style(e.size)}`};
-  padding-right: ${s.sp3};
-  text-align: right;
-`;export{_ as Y};

package/dist/assets/LockCardPage-Cv7cc2yv-Bgylw99f.js

@@ -1,558 +0,0 @@
-import{e as he,u as Oe,a as me,C as g,cx as ue,j as t,cR as _e,M as U,F as ge,bY as Ne,fC as Be,o as r,bq as Ee,a0 as K,cv as Me,ah as W,cJ as Ue,h as He,a4 as Ve,q as We,cf as hr,X as ce,k as mr,Q as ur,l as gr,gn as xr,Z as ne,fM as $r,a3 as Ye,b as qe,J as Xe,c9 as Je,s as b,am as xe,w as re,du as Qe,af as Ke,c8 as Ze,n as Ge,g as Z,bs as er,fo as oe,dv as Le,d6 as wr,eH as yr,r as Y}from"./index-RcMUg6rr.js";import{b as pe,n as i}from"./vendor-rkTZJa59.js";import{M as br,F as fr,_ as jr}from"./ChargeCardUtils-DaDe1sIq-NwQ1CJ2W.js";import{T as rr}from"./RoleWithToolTip-C--9WRHn-02oWnK_S.js";import{f as tr}from"./CardNumberSubText-B-HsVbRQ-BLIziZ0V.js";const ae="cardName",ye=U.getLocalizedStrings().spendManagement.chargeCard.renamePopup;function fi({currentCardName:e,renameFetchState:x,onCancelClick:c,onSubmitClick:l}){const d=he(),$="RenameCardForm",n=me({mode:"all",defaultValues:{[ae]:e},values:{[ae]:e}}),h=()=>{c()},A=n.handleSubmit(()=>{const f=n.getValues(ae);f!=null&&l(f)}),F=ue(n.formState.errors,ae),z=U.getLocalizedStrings().common,o=de.largeLabelWidth.value(d);return t.jsx(vr,{windowSize:d,role:"presentation",children:t.jsx(We,{onClickAway:()=>c(),children:t.jsxs(Cr,{windowSize:d,children:[t.jsx(ge,{...n,children:t.jsxs(Dr,{id:$,onSubmit:f=>{f.preventDefault(),A()},children:[t.jsx(Sr,{windowSize:d,children:ye.heading}),t.jsx(Tr,{hasError:F,children:t.jsx(hr,{label:{label:ye.newName,width:o},style:{width:"auto"},text:{type:"text",name:ae,defaultValue:e,placeholder:ye.placeholder,options:{required:!0,validate:f=>f!=null}}})})]})}),t.jsx(Lr,{children:t.jsxs(kr,{children:[t.jsx(ce,{label:z.cancel,onClick:h,style:{width:84}}),t.jsx(zr,{}),t.jsx(ce,{variant:"primary",label:z.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:x==="In-Progress",type:"submit",form:$})]})})]})})})}const de={width:new g(343,500,500),largeLabelWidth:new g(108,108,108),popupLeftRightPadding:new g(Y[5],Y[6]),popupTopBottomPadding:new g(Y[5],Y[5])},vr=i.div`
-  position: fixed;
-  top: ${r.sp0};
-  left: ${r.sp0};
-  width: 100%;
-  z-index: 100;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${Z.overlayDark};
-`,Cr=i.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  align-items: center;
-  text-align: center;
-  background: ${e=>e.theme.colors.grey4};
-  border-radius: ${r.sp2};
-  position: relative;
-  margin: auto;
-  width: ${e=>de.width.valuePx(e.windowSize)};
-  padding: ${e=>`${de.popupTopBottomPadding.valuePx(e.windowSize)} ${de.popupLeftRightPadding.valuePx(e.windowSize)}`};
-  box-sizing: border-box;
-`,Sr=i(er)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${r.sp3};
-`,kr=i.div`
-  display: flex;
-  justify-content: center;
-  padding-top: ${r.sp4};
-`,zr=i.div`
-  width: ${r.sp3};
-`,Lr=i.div`
-  display: flex;
-  flex-direction: column;
-`,Tr=i.div`
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>`${r.sp0} 1px 2px ${r.sp0} ${e.theme.colors.issueChargeCardBackgroundShadow}`};
-  border-radius: ${r.sp2};
-  background-color: ${e=>e.theme.colors.grey5};
-  width: 100%;
-  :hover {
-    border: ${e=>`1px solid ${e.theme.colors.primary}`};
-    input {
-      background-color: ${e=>e.hasError?Z.importantLight:e.theme.colors.background} !important;
-    }
-  }
-`,Dr=i.form`
-  display: contents;
-`,Q="spendLimit",J=U.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup,{dateFormat:be}=U.getLocalizedStrings();function ji({controllerEmails:e,isChargeCardFeatureEnabled:x,isDebitCardFeatureEnabled:c,isDebitCardSetupEnabled:l,isChargeCardSetupEnabled:d,cardDetail:$,transactionStatistics:n,depositAccountLimitFetchState:h,creditAccount:A,creditAccountRepayment:F,signedInUser:z,isDebitCard:o,classListFetchState:f,currentLimitAmount:P,currentSpentAmount:E,productInformation:M,creditAccountInformation:w,debitAccountInformation:H,maxLimitAmount:O,isDisabled:q,updateLimitFetchState:X,recommendations:V,cardIssuedByRoles:L,cardHolderRoles:_,loggedInUserRole:y,cardIssuedByDepartmentName:T,cardHolderDepartmentName:D,onCancelClick:a,onSubmitClick:s}){const m=mr().analytics,p=he(),k="SpendLimitForm",$e=ur();gr.hasChargeCardAdminLevelAccess($e.loggedInUserRoleMap);const te=me({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[Q]:void 0}}),{control:ir,formState:{errors:or}}=te,[ar,sr]=pe.useState(void 0),se=xr({control:ir,name:Q}),Se=$?.type.code.includes("physical")===!0?$.cardActivationAttemptHistory[0]?.timestamp:$?.createTime,ke=($?.recommendations??[]).map(u=>u.creditLimit.amount),nr=()=>{$!=null&&Te({analytics:m,controllerEmails:e,isChargeCardFeatureEnabled:x,cardDetail:$,transactionStatistics:n,depositAccountLimitFetchState:h,creditAccount:A,creditAccountRepayment:F,signedInUser:z,isDebitCard:o,classListFetchState:f,currentLimitAmount:P,recommendedLimitAmounts:ke,cardActivationDate:Se,cardIssuedByRoles:L,cardHolderRoles:_,cardIssuedByDepartmentName:T,cardHolderDepartmentName:D,loggedInUserRole:y,clickItem:"Cancel",newSpendLimitAmount:se,productInformation:M,creditAccountInformation:w,debitAccountInformation:H}),a()},dr=te.handleSubmit(()=>{const u=te.getValues(Q);u!=null&&(Te({analytics:m,controllerEmails:e,isChargeCardFeatureEnabled:x,cardDetail:$,transactionStatistics:n,depositAccountLimitFetchState:h,creditAccount:A,creditAccountRepayment:F,signedInUser:z,isDebitCard:o,classListFetchState:f,currentLimitAmount:P,recommendedLimitAmounts:ke,cardActivationDate:Se,cardIssuedByRoles:L,cardHolderRoles:_,cardIssuedByDepartmentName:T,cardHolderDepartmentName:D,loggedInUserRole:y,productInformation:M,creditAccountInformation:w,debitAccountInformation:H,clickItem:"Update",newSpendLimitAmount:u}),s(u))}),lr=u=>{te.setValue(Q,u,{shouldValidate:!0})},ze=ue(or,Q),we=U.getLocalizedStrings().common,cr=le.largeLabelWidth.value(p);pe.useEffect(()=>{sr(Pr(E,O,se))},[se,E,O]);const pr=(u,ie)=>t.jsxs(Mr,{isSelected:se===u.amount,onClick:()=>lr(u.amount),"data-testid":ne("quick-amount-button",ie.toString()),children:[ie===1&&t.jsx(Ur,{}),K("0,0.[00]",u)]},ie);return t.jsx(Ir,{windowSize:p,role:"presentation","data-testid":ne("update-spend-limit-popup"),children:t.jsx(We,{onClickAway:()=>a(),children:t.jsxs(Rr,{windowSize:p,children:[t.jsx(ge,{...te,children:t.jsxs(Hr,{id:k,onSubmit:u=>{u.preventDefault(),dr()},children:[t.jsx(Ar,{windowSize:p,children:J.heading}),t.jsxs(Fr,{windowSize:p,children:[J.currentLimit,we.strings.space," ",K("0,0.[00]",P),J.slashMonth]}),t.jsxs(Br,{hasError:ze,children:[t.jsx($r,{label:{label:J.newLimit,width:cr},showAdditionalInfoLabel:ze,additionalInfoLabel:ar,formattedTextField:{type:"number",name:Q,defaultValue:void 0,placeholder:J.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:u=>!!u&&u>0&&u>E.amount&&(O!=null?u<=O.amount:!0)},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1}),V?.length?t.jsx(Er,{windowSize:p,children:V?.map((u,ie)=>pr(u.creditLimit,ie))}):null]})]})}),t.jsx(Nr,{children:t.jsxs(Or,{children:[t.jsx(ce,{label:we.cancel,onClick:nr,style:{width:84},"data-testid":ne("update-spend-limit-cancel-button")}),t.jsx(_r,{}),t.jsx(ce,{variant:"primary",label:we.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:X==="In-Progress",type:"submit",form:k,"data-testid":ne("update-spend-limit-submit-button"),disabled:q})]})})]})})})}const Pr=(e,x,c)=>{if(c!=null){if(c<=e.amount)return J.amountBelowError.replace("_amount_",K("0,0.[00]",e));if(x!=null&&c>x.amount)return J.amountExceedError.replace("_amount_",K("0,0.[00]",x))}},Te=({analytics:e,controllerEmails:x,isChargeCardFeatureEnabled:c,productInformation:l,creditAccountInformation:d,debitAccountInformation:$,cardDetail:n,transactionStatistics:h,depositAccountLimitFetchState:A,creditAccount:F,creditAccountRepayment:z,signedInUser:o,isDebitCard:f,classListFetchState:P,currentLimitAmount:E,recommendedLimitAmounts:M,cardActivationDate:w,cardIssuedByRoles:H,cardHolderRoles:O,cardIssuedByDepartmentName:q,cardHolderDepartmentName:X,loggedInUserRole:V,clickItem:L,newSpendLimitAmount:_})=>{n!=null&&P==="Completed"&&h!=null&&h.fetchState==="Completed"&&(!c||F.fetchState==="Completed"&&z.fetchState==="Completed")&&(!f||A==="Completed")&&e.trackCardsUpdateSpendLimitClick(x,l,{cardId:n.id,cardName:n.cardName,cardType:fr(n.type.code),cardCategory:n.type.code.includes("physical")?"physical":"virtual",cardLimit:oe(n.limit.amount),cardLastFourDigits:n.accountLast4,cardStatus:n.status.code,cardAssignedDate:n.createTime?.format(be.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:n.providerCardCreateTime?.format(be.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:w?.format(be.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:n.creditLimitFrequency.name,cardSpentAmount:oe(n.balance.amount),cardAvailableLimit:oe(n.available.amount),cardUtilizationPercent:br(n.limit.amount,n.available.amount),cardUtilizationAmount:oe(jr(n)),totalNumberOfDeclinedTransactions:h.statistics.totalNumberOfDeclinedTransactions,numberOfDeclinedTransactionsCurrentMonth:h.statistics.numberOfDeclinedTransactionsCurrentMonth,totalNumberOfPaidTransactions:h.statistics.totalNumberOfPaidTransactions,numberOfPaidTransactionsCurrentMonth:h.statistics.numberOfPaidTransactionsCurrentMonth,totalNumberOfCanceledTransactions:h.statistics.totalNumberOfCanceledTransactions,numberOfCanceledTransactionsCurrentMonth:h.statistics.numberOfCanceledTransactionsCurrentMonth,totalNumberOfAuthorizedTransactions:h.statistics.totalNumberOfAuthorizedTransactions,numberOfAuthorizedTransactionsCurrentMonth:h.statistics.numberOfAuthorizedTransactionsCurrentMonth,totalNumberOfTransactionsWithReceipts:h.statistics.totalNumberOfTransactionsWithReceipts,numberOfTransactionsWithReceiptsCurrentMonth:h.statistics.numberOfTransactionsWithReceiptsCurrentMonth},{cardIssuedByName:Le(n.cardCreatedByUser,!1),cardIssuedByEmail:n.cardCreatedByUser?.email,cardIssuedByUserId:n.cardCreatedByUser?.userId,cardIssuedByRole:H,cardIssuedByDepartment:q},{cardholderName:Le(n.cardHolderUser,!1),cardholderEmail:n.cardHolderUser?.email,cardholderRole:O,cardholderUserId:n.cardHolderUser?.userId,cardholderDepartment:X},{cardLimitUpdatedByName:wr(o),cardLimitUpdatedByEmail:o.userEmail,cardLimitUpdatedByRole:V,cardLimitUpdatedByUserId:o.userId},L,oe(E.amount),M,_!=null?M.includes(_):!1,_,d,$)},le={width:new g(343,500,500),largeLabelWidth:new g(108,108,108),popupLeftRightPadding:new g(Y[5],Y[6]),popupTopBottomPadding:new g(Y[5],Y[5])},Ir=i.div`
-  position: fixed;
-  top: ${r.sp0};
-  left: ${r.sp0};
-  width: 100%;
-  z-index: 100;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: ${Z.overlayDark};
-`,Rr=i.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  align-items: center;
-  text-align: center;
-  background: ${e=>e.theme.colors.grey4};
-  border-radius: ${r.sp2};
-  position: relative;
-  margin: auto;
-  width: ${e=>le.width.valuePx(e.windowSize)};
-  padding: ${e=>`${le.popupTopBottomPadding.valuePx(e.windowSize)} ${le.popupLeftRightPadding.valuePx(e.windowSize)}`};
-  box-sizing: border-box;
-`,Ar=i(er)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${r.sp2};
-`,Fr=i(b)`
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${r.sp3};
-`,Or=i.div`
-  display: flex;
-  justify-content: center;
-  padding-top: ${r.sp4};
-`,_r=i.div`
-  width: ${r.sp3};
-`,Nr=i.div`
-  display: flex;
-  flex-direction: column;
-`,Br=i.div`
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>`${r.sp0} 1px 2px ${r.sp0} ${e.theme.colors.issueChargeCardBackgroundShadow}`};
-  border-radius: ${r.sp2};
-  background-color: ${e=>e.theme.colors.grey5};
-  width: 100%;
-  :hover {
-    border: ${e=>`1px solid ${e.theme.colors.primary}`};
-    input {
-      background-color: ${e=>e.hasError?Z.importantLight:e.theme.colors.background} !important;
-    }
-  }
-`,Er=i.div`
-  display: flex;
-  justify-content: flex-end;
-  gap: ${r.sp2};
-  margin: ${r.sp0} ${r.sp4} ${r.sp3} ${r.sp4};
-`,Mr=i(b)`
-  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
-  border: 1px solid
-    ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.grey2};
-  border-radius: ${r.sp1};
-  padding: 2px ${r.sp2};
-  background-color: ${e=>e.theme.colors.grey5};
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  :hover {
-    color: ${e=>e.theme.colors.primary};
-    border: ${e=>`1px solid ${e.theme.colors.primary}`};
-  }
-`,Ur=i(yr)`
-  color: ${Z.brandColorJade};
-  fill: ${Z.brandColorJade};
-  width: ${r.sp3};
-  height: ${r.sp3};
-`,Hr=i.form`
-  display: contents;
-`,G={navBarContainerPaddingXaxis:new g(10,19),containerPaddingLeft:new g(16,40,56),containerPaddingRight:new g(16,40,56),largeLabelWidth:new g(120,120,200),webkitLineClamp:new g(2,1,1,1,1),overlayWidth:new g(100,100,58)},Vr={sectionTitle:new qe("h6Regular","h5Regular")},{common:j,closeCard:N}=U.getLocalizedStrings().spendManagement.chargeCard,v="reasonSection",De="closeCardPage",I=(e,x)=>`${e}.${x}`,Pe=e=>`${e}_form`,{common:fe,dateFormat:Wr,cockpit:Yr}=U.getLocalizedStrings(),vi=({showCloseCardDrawer:e,onCloseCloseCardDrawer:x,isChargeCardAdmin:c,chargeCardsByCardId:l,cardRecurringExpensesByCardId:d,cardRecurringExpenseFetchState:$,closeCardFetchState:n,cardHolderRoles:h,onRemoveCardClick:A,onConfirmClick:F,onDismissClick:z})=>{const o=he(),f=Oe(),[P,E]=pe.useState(Object.fromEntries(Object.keys(d).map((a,s)=>[a,s===0]))),M=a=>{E(s=>s[a]?{...s,[a]:!1}:{...Object.fromEntries(Object.keys(s).map(m=>[m,!1])),[a]:!0})},w=me({mode:"all",reValidateMode:"onBlur",defaultValues:{[v]:{reason:void 0,reasonType:void 0}},values:{[v]:{reason:void 0,reasonType:void 0}}}),H=G.largeLabelWidth.value(o),{isValid:O,errors:q}=w.formState,X=a=>`${l[a].cardHolderUser?.firstName??""} ${l[a].cardHolderUser?.lastName??""}`,V=ue(q,I(v,"reasonType")),L=w.watch("reasonSection.reasonType"),_=w.handleSubmit(()=>{if(O){const a=w.getValues(),s={reason:a[v].reason,reasonType:a[v].reasonType};F(s)}}),y=Object.keys(d).length>1,T=Object.keys(d).length,D=Object.values(d).reduce((a,s)=>a+s.length,0);return t.jsx(_e,{anchor:"right",open:e,onClose:x,PaperProps:{style:{width:G.overlayWidth.valuePercentage(o),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:f.colors.black,opacity:.75,cursor:"pointer"}}},transitionDuration:250,children:t.jsxs(qr,{windowSize:o,children:[t.jsxs(Xr,{windowSize:o,children:[t.jsx(Jr,{windowSize:o,children:t.jsx(Kr,{onClick:()=>{z()}})}),o==="small"?t.jsx(at,{windowSize:o,children:y?N.closeCards:N.closeCard}):t.jsx(st,{children:y?N.closeCards:N.closeCard}),$==="Completed"?t.jsx(ge,{...w,children:t.jsxs("form",{id:Pe(De),onSubmit:_,children:[t.jsxs(nt,{children:[t.jsx(dt,{windowSize:o,children:y?D>0?`${N.multipleCardsHasRecurringExpenses.replace("_number_of_cards_",T.toString()).replace("_number_of_recurring_expenses_",D.toString())} ${D===1?j.expense:j.expenses} ${N.multipleCardsHasRecurringExpensesSuffix}`:N.multipleCardsNoRecurringExpenses.replace("_number_of_cards_",T.toString()):N.firstCardHasRecurringExpenses.replace("_number_of_recurring_expenses_",D.toString())}),y&&t.jsx(Ct,{children:`${T} ${T===1?j.card:j.cards} ${j.selected}`}),Object.keys(d).map((a,s)=>{const m=d[a].length>0;return t.jsxs(lt,{onClick:()=>m?M(a):void 0,isMoreThanOneCard:y,isLastCard:s===Object.keys(d).length-1,children:[t.jsxs(pt,{windowSize:o,children:[t.jsxs(ht,{windowSize:o,children:[l[a].cardHolderUser?.photo!==void 0?t.jsx(Zr,{src:l[a].cardHolderUser?.photo.href,alt:Yr.userProfileAltText,onError:({currentTarget:p})=>{p.onerror=null,p.src=Ne},loading:"lazy"}):t.jsx(Be,{firstName:l[a].cardHolderUser?.firstName??"",lastName:l[a].cardHolderUser?.lastName??"",size:r.sp6}),t.jsxs("div",{children:[t.jsx(ct,{children:X(a)}),t.jsx(mt,{children:t.jsx(rr,{roles:h??[]})})]})]}),t.jsxs(ut,{windowSize:o,children:[l[a].cardName,t.jsx(tr,{cardDetail:l[a],forDetailPage:!0})]}),t.jsxs(gt,{windowSize:o,children:[t.jsxs(ft,{children:[t.jsx(jt,{children:d[a].length}),j.recurringExpenses]}),m&&(P[a]?t.jsx(St,{}):t.jsx(kt,{}))]})]}),y&&t.jsx(rt,{children:t.jsx(Ee,{variant:"standard",title:fe.remove,children:t.jsx(et,{onClick:()=>A(a)})})}),P[a]&&m&&t.jsxs(t.Fragment,{children:[t.jsx(Ie,{}),t.jsxs(xt,{children:[t.jsxs(vt,{children:[t.jsx(ve,{width:240,children:j.merchant}),t.jsx(ve,{width:104,children:j.nextPaymentDate}),t.jsx(zt,{width:312,children:j.amount})]}),d[a].map((p,k)=>t.jsxs("div",{children:[k>0&&t.jsx(Ie,{}),t.jsxs($t,{children:[t.jsxs(wt,{windowSize:o,children:[t.jsx(tt,{src:l[a].cardHolderUser?.photo?.href}),t.jsx(Gr,{windowSize:o,children:p.merchant.brandName??p.merchant.name})]}),t.jsx(yt,{windowSize:o,children:p.nextPaymentDate.format(Wr.visual.MMMDCommaYYYYformat)}),t.jsx(bt,{windowSize:o,children:K("0,0.00",p.amount)})]},p.merchant.name)]},p.merchant.name))]})]})]},a)})]}),t.jsx(Tt,{windowSize:o,children:j.letUsKnowWhy}),t.jsxs(Lt,{isReasonTextFieldVisible:L==="other",children:[t.jsxs(it,{size:o,children:[t.jsx(Me,{label:j.reasonLabel,htmlFor:I(v,"reasonType"),style:{padding:`${r.sp2} ${r.sp0}`,width:"fit-content"}}),t.jsxs(ot,{labelWidth:H,children:[t.jsx(W,{label:{label:j.reason.lost},style:{width:"auto"},radioField:{name:I(v,"reasonType"),id:`${I(v,"reasonType")}.lost`,value:"lost",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}}),t.jsx(W,{label:{label:j.reason.fraud},style:{width:"auto"},radioField:{name:I(v,"reasonType"),id:`${I(v,"reasonType")}.fraud`,value:"fraud",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}}),t.jsx(W,{label:{label:j.reason.not_needed},style:{width:"auto"},radioField:{name:I(v,"reasonType"),id:`${I(v,"reasonType")}.not_needed`,value:"not_needed",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}}),t.jsx(W,{label:{label:j.reason.other},style:{width:"auto"},radioField:{name:I(v,"reasonType"),id:`${I(v,"reasonType")}.other`,value:"other",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}})]})]}),L==="other"?t.jsx(Ue,{style:{height:r.sp6,width:"100%"},type:"text",name:I(v,"reason"),placeholder:N.reasonPlaceholder,className:"reason-text-field",registerOptions:{required:!c,validate:a=>c?!0:!!a}}):L==null&&!c&&V?t.jsx(Qr,{children:N.youNeedToProvideReasonToCloseCard}):null]})]})}):t.jsx(He,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),t.jsx(Ve,{style:{zIndex:4,paddingTop:r.sp3,paddingBottom:r.sp3},formId:Pe(De),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:fe.confirm,isLoading:n==="In-Progress",variant:"danger"},cancelBtn:{label:fe.cancel,style:{width:"90px"},onClick:()=>{z?.()}}})]})})},qr=i.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100vh;
-  width: 100%;
-`,Xr=i.div`
-  height: auto;
-  padding-left: ${e=>`${G.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${G.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,Jr=i.div`
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  top: ${r.sp0};
-  padding: ${e=>`${G.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${r.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Qr=i(re)`
-  color: ${e=>e.theme.colors.important};
-  text-align: end;
-`,Kr=i(Ye)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${r.sp4};
-  height: ${r.sp4};
-  min-height: ${r.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Zr=i.img`
-  height: ${r.sp6};
-  width: ${r.sp6};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Gr=i(b)`
-  margin-right: ${r.sp3};
-  color: inherit;
-  -webkit-line-clamp: ${e=>G.webkitLineClamp.value(e.windowSize)};
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-transform: capitalize;
-`,et=i(Ze)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${r.sp3};
-  height: ${r.sp3};
-  min-height: ${r.sp3};
-  background-color: ${e=>e.theme.colors.grey5};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,rt=i.div`
-  position: absolute;
-  right: -${r.sp2};
-  top: -${r.sp2};
-`,tt=i.img`
-  display: flex;
-  width: ${r.sp4};
-  height: ${r.sp4};
-`,it=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  min-height: ${r.sp6};
-  padding-top: ${r.sp2};
-  align-items: center;
-`,ot=i.div`
-  display: flex;
-  flex-direction: row;
-  width: ${e=>`calc(100% - ${e.labelWidth}px)`};
-  align-items: flex-end;
-  justify-content: flex-end;
-  flex-grow: 1;
-  height: ${r.sp6};
-  align-items: center;
-  gap: ${r.sp5};
-`,at=i(Xe)`
-  ${e=>`${Vr.sectionTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${r.sp3};
-  margin-bottom: ${r.sp0};
-  margin-right: ${r.sp3};
-`,st=i(Je)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${r.sp3};
-  margin-bottom: ${r.sp2};
-`,nt=i.div``,dt=i(b)`
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${r.sp3};
-`,lt=i.div`
-  cursor: pointer;
-  background-color: ${e=>e.theme.colors.grey5};
-  border-radius: ${r.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  position: relative;
-  margin-bottom: ${e=>e.isLastCard?r.sp0:r.sp3};
-  color: ${e=>e.theme.colors.hero};
-  box-shadow: 0px 1px 2px 0px ${e=>e.theme.colors.dropShadowHover};
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    .cardName {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,ct=i(b)`
-  color: inherit;
-`,pt=i.div`
-  display: flex;
-  justify-content: space-between;
-  padding: ${r.sp3} ${r.sp4};
-`,ht=i.div`
-  width: 200px;
-  color: inherit;
-  display: flex;
-  gap: ${r.sp2};
-`,mt=i(re)`
-  color: inherit;
-`,ut=i.div`
-  width: 216px;
-  color: inherit;
-`,gt=i.div`
-  width: 163px;
-  color: inherit;
-  display: flex;
-  align-items: center;
-  gap: ${r.sp3};
-`,xt=i.div`
-  margin: ${r.sp3} ${r.sp4} ${r.sp0} ${r.sp4};
-  padding-bottom: ${r.sp2};
-`,$t=i.div`
-  display: flex;
-  justify-content: space-between;
-  margin: ${r.sp2} ${r.sp0};
-`,Ie=i.div`
-  background-color: ${e=>e.theme.colors.background};
-  min-height: 1px;
-  max-height: 1px;
-  width: 100%;
-`,wt=i(b)`
-  width: 240px;
-  text-align: left;
-  color: inherit;
-  display: flex;
-  gap: ${r.sp2};
-`,yt=i(b)`
-  width: 104px;
-  text-align: left;
-  color: inherit;
-`,bt=i(b)`
-  width: 312px;
-  text-align: right;
-  color: inherit;
-`,ft=i(re)`
-  color: inherit;
-`,jt=i(b)`
-  color: inherit;
-`,vt=i.div`
-  display: flex;
-  justify-content: space-between;
-  margin: ${r.sp1} ${r.sp0};
-`,Ct=i(xe)`
-  color: ${e=>e.theme.colors.primary};
-  padding: ${r.sp3} ${r.sp0};
-`,St=i(Qe)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  min-width: ${r.sp4};
-  min-height: ${r.sp4};
-  color: inherit;
-`,kt=i(Ke)`
-  cursor: pointer;
-  width: ${r.sp4};
-  height: ${r.sp4};
-  min-width: ${r.sp4};
-  min-height: ${r.sp4};
-  color: inherit;
-`,ve=i(Ge)`
-  width: ${e=>e.width}px;
-  color: inherit;
-`,zt=i(ve)`
-  text-align: right;
-`,Lt=i.div`
-  border-radius: ${r.sp2};
-  padding-left: ${r.sp4};
-  padding-right: ${r.sp4};
-  padding-bottom: ${e=>e.isReasonTextFieldVisible?r.sp3:r.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: 0px 1px 2px 0px ${e=>e.theme.colors.dropShadowHover};
-  background: ${e=>e.theme.colors.grey5};
-  margin-bottom: ${r.sp6};
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .reason-text-field > input {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-`,Tt=i(xe)`
-  margin-bottom: ${r.sp3};
-  margin-top: ${r.sp7};
-  color: ${e=>e.theme.colors.primary};
-`,ee={navBarContainerPaddingXaxis:new g(10,19),containerPaddingLeft:new g(16,40,56),containerPaddingRight:new g(16,40,56),largeLabelWidth:new g(120,120,200),webkitLineClamp:new g(2,1,1,1,1),overlayWidth:new g(100,100,58)},Dt={sectionTitle:new qe("h6Regular","h5Regular")},{lockCard:B,common:C}=U.getLocalizedStrings().spendManagement.chargeCard,S="reasonSection",Re="lockCardPage",R=(e,x)=>`${e}.${x}`,Ae=e=>`${e}_form`,{common:je,dateFormat:Pt,cockpit:It}=U.getLocalizedStrings(),Ci=({showLockCardDrawer:e,onCloseLockCardDrawer:x,isChargeCardAdmin:c,chargeCardsByCardId:l,cardRecurringExpensesByCardId:d,cardRecurringExpenseFetchState:$,lockCardFetchState:n,cardHolderRoles:h,onRemoveCardClick:A,onConfirmClick:F,onDismissClick:z})=>{const o=he(),f=Oe(),[P,E]=pe.useState(Object.fromEntries(Object.keys(d).map((s,m)=>[s,m===0]))),M=s=>{E(m=>m[s]?{...m,[s]:!1}:{...Object.fromEntries(Object.keys(m).map(p=>[p,!1])),[s]:!0})},w=me({mode:"all",reValidateMode:"onBlur",defaultValues:{[S]:{reason:void 0,reasonType:void 0}},values:{[S]:{reason:void 0,reasonType:void 0}}}),H=ee.largeLabelWidth.value(o),{isValid:O,errors:q}=w.formState,X=s=>`${l[s].cardHolderUser?.firstName??""} ${l[s].cardHolderUser?.lastName??""}`,V=ue(q,R(S,"reasonType")),L=w.watch("reasonSection.reasonType"),_=w.handleSubmit(()=>{if(O){const s=w.getValues(),m={reason:s[S].reason,reasonType:s[S].reasonType};F(m)}}),y=Object.keys(d).length>1,T=Object.keys(d).length,D=Object.values(d).reduce((s,m)=>s+m.length,0),a=d[Object.keys(d)[0]].length>0;return t.jsx(_e,{anchor:"right",open:e,onClose:x,PaperProps:{style:{width:ee.overlayWidth.valuePercentage(o),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:f.colors.black,opacity:.75,cursor:"pointer"}}},transitionDuration:250,children:t.jsxs(Rt,{windowSize:o,children:[t.jsxs(At,{windowSize:o,children:[t.jsx(Ot,{windowSize:o,children:t.jsx(Nt,{onClick:()=>{z()}})}),o==="small"?t.jsx(Wt,{windowSize:o,children:y?B.lockCards:B.lockCard}):t.jsx(Yt,{children:y?B.lockCards:B.lockCard}),$==="Completed"?t.jsx(ge,{...w,children:t.jsxs("form",{id:Ae(Re),onSubmit:_,children:[t.jsxs(qt,{children:[t.jsx(Xt,{windowSize:o,children:y?D>0?`${B.multipleCardsHasRecurringExpenses.replace("_number_of_cards_",T.toString()).replace("_number_of_recurring_expenses_",D.toString())} ${D===1?C.expense:C.expenses}.`:B.multipleCardsNoRecurringExpenses.replace("_number_of_cards_",T.toString()):a?B.firstCardHasRecurringExpenses.replace("_number_of_recurring_expenses_",D.toString()):B.firstCardNoRecurringExpenses}),y&&t.jsx(ci,{children:`${T} ${T===1?C.card:C.cards} ${C.selected}`}),Object.keys(d).map((s,m)=>{const p=d[s].length>0;return t.jsxs(Jt,{onClick:()=>p?M(s):void 0,isMoreThanOneCard:y,isLastCard:m===Object.keys(d).length-1,children:[t.jsxs(Kt,{windowSize:o,children:[t.jsxs(Zt,{windowSize:o,children:[l[s].cardHolderUser?.photo!==void 0?t.jsx(Bt,{src:l[s].cardHolderUser?.photo.href,alt:It.userProfileAltText,onError:({currentTarget:k})=>{k.onerror=null,k.src=Ne},loading:"lazy"}):t.jsx(Be,{firstName:l[s].cardHolderUser?.firstName??"",lastName:l[s].cardHolderUser?.lastName??"",size:r.sp6}),t.jsxs("div",{children:[t.jsx(Qt,{children:X(s)}),t.jsx(Gt,{children:t.jsx(rr,{roles:h??[]})})]})]}),t.jsxs(ei,{windowSize:o,children:[l[s].cardName,t.jsx(tr,{cardDetail:l[s],forDetailPage:!0})]}),t.jsxs(ri,{windowSize:o,children:[t.jsxs(ni,{children:[t.jsx(di,{children:d[s].length}),C.recurringExpenses]}),p&&(P[s]?t.jsx(pi,{}):t.jsx(hi,{}))]})]}),y&&t.jsx(Ft,{children:t.jsx(Ee,{variant:"standard",title:je.remove,children:t.jsx(Mt,{onClick:()=>A(s)})})}),P[s]&&p&&t.jsxs(t.Fragment,{children:[t.jsx(Fe,{}),t.jsxs(ti,{children:[t.jsxs(li,{children:[t.jsx(Ce,{width:240,children:C.merchant}),t.jsx(Ce,{width:104,children:C.nextPaymentDate}),t.jsx(mi,{width:312,children:C.amount})]}),d[s].map((k,$e)=>t.jsxs("div",{children:[$e>0&&t.jsx(Fe,{}),t.jsxs(ii,{children:[t.jsxs(oi,{windowSize:o,children:[t.jsx(Ut,{src:l[s].cardHolderUser?.photo?.href}),t.jsx(Et,{windowSize:o,children:k.merchant.brandName??k.merchant.name})]}),t.jsx(ai,{windowSize:o,children:k.nextPaymentDate.format(Pt.visual.MMMDCommaYYYYformat)}),t.jsx(si,{windowSize:o,children:K("0,0.00",k.amount)})]},k.merchant.name)]},k.merchant.name))]})]})]},s)})]}),t.jsx(gi,{windowSize:o,children:C.letUsKnowWhy}),t.jsxs(ui,{isReasonTextFieldVisible:L==="other",children:[t.jsxs(Ht,{size:o,children:[t.jsx(Me,{label:C.reasonLabel,htmlFor:R(S,"reasonType"),style:{padding:`${r.sp2} ${r.sp0}`,width:"fit-content"}}),t.jsxs(Vt,{labelWidth:H,children:[t.jsx(W,{label:{label:C.reason.lost},style:{width:"auto"},radioField:{name:R(S,"reasonType"),id:`${R(S,"reasonType")}.lost`,value:"lost",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(W,{label:{label:C.reason.fraud},style:{width:"auto"},radioField:{name:R(S,"reasonType"),id:`${R(S,"reasonType")}.fraud`,value:"fraud",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(W,{label:{label:C.reason.not_needed},style:{width:"auto"},radioField:{name:R(S,"reasonType"),id:`${R(S,"reasonType")}.not_needed`,value:"not_needed",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(W,{label:{label:C.reason.other},style:{width:"auto"},radioField:{name:R(S,"reasonType"),id:`${R(S,"reasonType")}.other`,value:"other",style:{height:r.sp3,width:r.sp3},radioSize:"small"}})]})]}),L==="other"?t.jsx(Ue,{style:{height:r.sp6,width:"100%"},type:"text",name:R(S,"reason"),placeholder:B.reasonPlaceholder,className:"reason-text-field"}):L==null&&!c&&V?t.jsx(_t,{children:B.youNeedToProvideReasonToLockCard}):null]})]})}):t.jsx(He,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),t.jsx(Ve,{style:{zIndex:4,paddingTop:r.sp3,paddingBottom:r.sp3},formId:Ae(Re),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:je.confirm,isLoading:n==="In-Progress"},cancelBtn:{label:je.cancel,style:{width:"90px"},onClick:()=>{z?.()}}})]})})},Rt=i.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100vh;
-  width: 100%;
-`,At=i.div`
-  height: auto;
-  padding-left: ${e=>`${ee.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${ee.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,Ft=i.div`
-  position: absolute;
-  right: -${r.sp2};
-  top: -${r.sp2};
-`,Ot=i.div`
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  top: ${r.sp0};
-  padding: ${e=>`${ee.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${r.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,_t=i(re)`
-  color: ${e=>e.theme.colors.important};
-  text-align: end;
-`,Nt=i(Ye)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${r.sp4};
-  height: ${r.sp4};
-  min-height: ${r.sp4};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Bt=i.img`
-  height: ${r.sp6};
-  width: ${r.sp6};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Et=i(b)`
-  margin-right: ${r.sp3};
-  color: inherit;
-  -webkit-line-clamp: ${e=>ee.webkitLineClamp.value(e.windowSize)};
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-transform: capitalize;
-`,Mt=i(Ze)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${r.sp3};
-  height: ${r.sp3};
-  min-height: ${r.sp3};
-  background-color: ${e=>e.theme.colors.grey5};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ut=i.img`
-  display: flex;
-  width: ${r.sp4};
-  height: ${r.sp4};
-`,Ht=i.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  min-height: ${r.sp6};
-  padding-top: ${r.sp2};
-  align-items: center;
-`,Vt=i.div`
-  display: flex;
-  flex-direction: row;
-  width: ${e=>`calc(100% - ${e.labelWidth}px)`};
-  align-items: flex-end;
-  justify-content: flex-end;
-  flex-grow: 1;
-  height: ${r.sp6};
-  align-items: center;
-  gap: ${r.sp5};
-`,Wt=i(Xe)`
-  ${e=>`${Dt.sectionTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${r.sp3};
-  margin-bottom: ${r.sp0};
-  margin-right: ${r.sp3};
-`,Yt=i(Je)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${r.sp3};
-  margin-bottom: ${r.sp2};
-`,qt=i.div``,Xt=i(b)`
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${r.sp3};
-`,Jt=i.div`
-  cursor: pointer;
-  background-color: ${e=>e.theme.colors.grey5};
-  border-radius: ${r.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  position: relative;
-  margin-bottom: ${e=>e.isLastCard?r.sp0:r.sp3};
-  color: ${e=>e.theme.colors.hero};
-  box-shadow: 0px 1px 2px 0px ${e=>e.theme.colors.dropShadowHover};
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    .cardName {
-      color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,Qt=i(b)`
-  color: inherit;
-`,Kt=i.div`
-  display: flex;
-  justify-content: space-between;
-  padding: ${r.sp3} ${r.sp4};
-`,Zt=i.div`
-  width: 200px;
-  color: inherit;
-  display: flex;
-  gap: ${r.sp2};
-`,Gt=i(re)`
-  color: inherit;
-`,ei=i.div`
-  width: 216px;
-  color: inherit;
-`,ri=i.div`
-  width: 163px;
-  color: inherit;
-  display: flex;
-  align-items: center;
-  gap: ${r.sp3};
-`,ti=i.div`
-  margin: ${r.sp3} ${r.sp4} ${r.sp0} ${r.sp4};
-  padding-bottom: ${r.sp2};
-`,ii=i.div`
-  display: flex;
-  justify-content: space-between;
-  margin: ${r.sp2} ${r.sp0};
-`,Fe=i.div`
-  background-color: ${e=>e.theme.colors.background};
-  min-height: 1px;
-  max-height: 1px;
-  width: 100%;
-`,oi=i(b)`
-  width: 240px;
-  text-align: left;
-  color: inherit;
-  display: flex;
-  gap: ${r.sp2};
-`,ai=i(b)`
-  width: 104px;
-  text-align: left;
-  color: inherit;
-`,si=i(b)`
-  width: 312px;
-  text-align: right;
-  color: inherit;
-`,ni=i(re)`
-  color: inherit;
-`,di=i(b)`
-  color: inherit;
-`,li=i.div`
-  display: flex;
-  justify-content: space-between;
-  margin: ${r.sp1} ${r.sp0};
-`,ci=i(xe)`
-  color: ${e=>e.theme.colors.primary};
-  padding: ${r.sp3} ${r.sp0};
-`,pi=i(Qe)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  min-width: ${r.sp4};
-  min-height: ${r.sp4};
-  color: inherit;
-`,hi=i(Ke)`
-  cursor: pointer;
-  width: ${r.sp4};
-  height: ${r.sp4};
-  min-width: ${r.sp4};
-  min-height: ${r.sp4};
-  color: inherit;
-`,Ce=i(Ge)`
-  width: ${e=>e.width}px;
-  color: inherit;
-`,mi=i(Ce)`
-  text-align: right;
-`,ui=i.div`
-  border-radius: ${r.sp2};
-  padding-left: ${r.sp4};
-  padding-right: ${r.sp4};
-  padding-bottom: ${e=>e.isReasonTextFieldVisible?r.sp3:r.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: 0px 1px 2px 0px ${e=>e.theme.colors.dropShadowHover};
-  background: ${e=>e.theme.colors.grey5};
-  margin-bottom: ${r.sp6};
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .reason-text-field > input {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-`,gi=i(xe)`
-  margin-bottom: ${r.sp3};
-  margin-top: ${r.sp7};
-  color: ${e=>e.theme.colors.primary};
-`;export{Ci as L,vi as P,ji as R,fi as k};

package/dist/assets/ReimbursementApprovalRuleDetailPage-DH75g3pT-CXqiP4jT.js

@@ -1,26 +0,0 @@
-import{C as q,r as U,u as M,e as W,M as D,a as G,a2 as X,j as s,V as Y,cc as H,aY as J,F as K,a4 as Q,o as f}from"./index-RcMUg6rr.js";import{b as L,n as h}from"./vendor-rkTZJa59.js";import{b as Z,f as ee,l as j,o as B}from"./FollowStepsSection-B6uVl1dT-B1dWDhOp.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",k="lowerBound",T="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=Y(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(Z,{label:{label:o?I.amountPerRemiGreaterLabel:I.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:i=>t?!0:i!=null&&i>v},isDisabled:t,additionalInfoLabel:a.firstRuleLowerBoundInfoLabel,additionalErrorLabel:a.firstRuleErrorInfoLabel},secondText:{type:"number",name:T,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??[])??[],[k]:r?void 0:t!=null?t.range.min.amount??0:0,[T]:t!=null?t.range.max==null?1/0:t.range.max.amount:1/0}},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};