@zeniai/web-cockpit-ui 1.15.37-qa → 1.15.38-dev

package/dist/assets/LinkJETransactionPage-BhV2MnCY-X20SxNQt.js

@@ -0,0 +1,98 @@
+import{J as G,aR as ue,a9 as pe,cG as me,iM as E,ix as P,cH as he,V as n,ac as ge,g9 as fe,aS as xe,F as H,o as t,y as m,c as be,x as ye,cL as F,iN as we,p as je,b as I,bi as Ce,u as r}from"./index-RSYdG57D.js";import{a as M}from"./sentry-D087_5zX.js";import{n as i}from"./mui-Bi6zxcZy.js";import{Gb as Q,G8 as Se,G9 as De}from"./zeni-epic-state-DnYFo_hK.js";import $e from"./TransactionDetailPage-CuxqQd8U-BRhGr870.js";import"./liveblocks-BR4rmGyf.js";import"./core-CTDonMeQ.js";import"./recharts-B4xbIQqu.js";import"./lottie-CZNmnTyG.js";import"./analytics-BLsUySon.js";import"./lexical-CMaEqdkY.js";import"./utils-bkVcg2I6.js";import"./LabeledControlledCheckBoxField-BsFqjCpn-idZ4OPKP.js";import"./TrendWithTransactions-Bp3vhaPa-JockHNv7.js";import"./TrendChart-C6B61CAm-B_B-BplL.js";import"./chartTypes-Ddw_3-6f-DkCZUllf.js";import"./toCOABalancesWithID-AzKAZ-Cv-B8yD1irx.js";import"./toChartData-BEjMhb7--B1GasRGV.js";import"./NoDataChart-CyYJ6icu-C4lbaNyZ.js";import"./InsightsSection-D-oCmrir-CPKrgvm8.js";import"./NavigationDots-BQb_Fodq-C9mSjIjx.js";import"./TransactionList-80KjM8Kg-nmpf3GsN.js";import"./ConstrainedInnerElement-BeIpAPjB-bG4eDk9o.js";import"./BoxItem-CACRFWG2-DTCzjEaX.js";import"./commonDimensions-ClmbdehE-DR4Uvnd8.js";import"./panelSelectedMixin-CzfD5-Zs-C5IVh2u2.js";import"./uploadAttachment-DUpHzqMe-Cc_EdWBC.js";import"./radio-default-CiSgisfh-eXI1n3TG.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="5630e501-f3c3-4920-8566-e8e72f5ee67d",e._sentryDebugIdIdentifier="sentry-dbid-5630e501-f3c3-4920-8566-e8e72f5ee67d")}catch{}})();const V={labelWidth:new m(120,145,160)},ve=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,ke=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background: ${e=>e.theme.colors.grey5};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  border-radius: ${t.sp3};
+`,Ee=i.div`
+  color: ${e=>e.theme.colors.primary};
+  margin: ${t.sp3} ${t.sp1};
+  ${I.largeMedium.css};
+`,Pe=i.div`
+  display: flex;
+  flex: 1;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,J=(e,l)=>`${e}.${l}`;function Ie({sectionId:e,jePostingDate:l,qboURL:a,isJELoading:s}){const u=H.getLocalizedStrings(),{dateFormat:j,jeSchedules:{scheduleDetails:{linkJE:o,scheduleDetailsSection:C}}}=u,h=l.format(j.visual.MMMDCommaYYYYformat),g=G();return n.jsxs(ve,{children:[n.jsx(Ee,{windowSize:g,children:C.header}),n.jsxs(ke,{children:[n.jsx(F,{label:{label:o.jePostingDate,width:V.labelWidth.value(g)},style:{width:"auto"},text:{type:"text",name:J(e,"jePostingDate"),placeholder:o.jeLinkURLPlaceholder,defaultValue:h,autoComplete:"new-password"},isDisabled:"disabled"}),n.jsx(Pe,{}),n.jsx(F,{label:{label:o.jeLink,width:V.labelWidth.value(g)},style:{width:"auto"},text:{type:"url",name:J(e,"qboURL"),placeholder:o.jeLinkURLPlaceholder,defaultValue:a?.toString()??"",autoComplete:"new-password",style:{color:je.link},options:{pattern:we}},isDisabled:s?"disabled":void 0})]})]})}const b={containerPaddingLeft:new m(r[3],r[3],r[6]),containerPaddingRight:new m(r[3],r[3],r[8]),navbarContainerPaddingTop:new m(r[2],r[3]),navbarContainerPaddingBottom:new m(r[4],r[5]),emptyScheduleHeight:new m(88,88)},O="linkJETransactionPage",W="linkJETransaction",Z=H.getLocalizedStrings(),{common:{footer:B},dateFormat:Le}=Z,xt=({analytics:e,scheduleTab:l,jeScheduledTransaction:a,localData:s,saveStatus:u,isCOTEnabled:j,transactionDetail:o,firstMonthOfFY:C,qboAppUrl:h,authParams:g,isDisabled:K,controllerUserDetails:L,isVendorBulkUpdateOnTransactionEnabled:X,onUpdateLocalData:ee,onBackClick:A,onCancelClick:te,onSaveClick:ne,onFetchTransactionClick:ae})=>{const p=G(),T=ue(u),y=Q(h.toString(),s.jeLink),S=Se(L.controllers),D=De(L.controllerUserIds),N=()=>{const d=a.vendor,c=a.baseTransaction;e.trackScheduleDetailsJournalEntryLinkCanceled({scheduleType:l,transaction:{...P(c)},scheduleExpenseCategoryAndClass:{expenseCategory:a.jeDebit.account?.accountName??null,expenseClass:a.jeDebit.accountingClass?.className??null},journalEntryDetails:{...E(s,y?.toString())},vendorName:d.name,fixedAssetsDetails:l==="fixed_assets"?{accumulatedDepreciationCategory:a.jeCredit.account?.accountName??null,assetId:a.otherAttributes.assetId??null}:void 0,controllerEmails:S,controllerUserIds:D}),te()},f=pe({mode:"all",reValidateMode:"onChange",resetOptions:{keepDirtyValues:!0,keepErrors:!0},defaultValues:_(s,h),values:_(s,h)}),oe=()=>{ne()},ie=async d=>{ee(d)};M.useEffect(()=>{const d=f.watch((c,{name:ce})=>{ce!=null&&c!=null&&me(()=>ie(c))});return()=>{d.unsubscribe()}}),M.useEffect(()=>{if(u==="Completed"&&T==="In-Progress"){const d=a.vendor,c=a.baseTransaction;e.trackScheduleDetailsJournalEntryLinkedSaved({scheduleType:l,transaction:{...P(c)},scheduleExpenseCategoryAndClass:{expenseCategory:a.jeDebit.account?.accountName??null,expenseClass:a.jeDebit.accountingClass?.className??null},journalEntryDetails:{...E(s,y?.toString())},vendorName:d.name,fixedAssetsDetails:l==="fixed_assets"?{accumulatedDepreciationCategory:a.jeCredit.account?.accountName??null,assetId:a.otherAttributes.assetId??null}:void 0,controllerEmails:S,controllerUserIds:D}),A()}},[u,T,A]);const{common:{strings:{empty:U}},jeSchedules:{scheduleDetails:{linkJE:x}}}=Z,le=()=>{if(s.jeLink?.transactionDetailID!=null){const d=a.vendor,c=a.baseTransaction;e.trackScheduleDetailsJournalEntryQBOFetched({scheduleType:l,transaction:{...P(c)},scheduleExpenseCategoryAndClass:{expenseCategory:a.jeDebit.account?.accountName??null,expenseClass:a.jeDebit.accountingClass?.className??null},journalEntryDetails:{...E(s,y?.toString())},vendorName:d.name,fixedAssetsDetails:l==="fixed_assets"?{accumulatedDepreciationCategory:a.jeCredit.account?.accountName??null,assetId:a.otherAttributes.assetId??null}:void 0,controllerEmails:S,controllerUserIds:D}),ae(s.jeLink.transactionDetailID)}},se=o!=null&&o.fetchState==="In-Progress",re=o!=null&&o.fetchState==="Error",$=o!=null&&o.fetchState==="Completed",de=o==null||o.fetchState==="Not-Started",z=s.jeLink.type==="recommended",R=he(f.formState.dirtyFields),v=f.formState.isValid,w=$&&R&&v||$&&z&&v,k=R&&v;return n.jsxs(Ae,{children:[n.jsxs(Ne,{windowSize:p,children:[n.jsx(Me,{windowSize:p,children:x.linkJE}),n.jsx(Re,{children:n.jsx(Fe,{onClick:N})})]}),n.jsxs(Te,{children:[n.jsx(Ue,{windowSize:p,children:n.jsx(ge,{...f,children:n.jsx("form",{id:Y(O),onSubmit:f.handleSubmit(oe),children:n.jsx(Ie,{jePostingDate:s.postingDate,sectionId:W,qboURL:y,isJELoading:o?.fetchState==="In-Progress"})})})}),z?n.jsxs(Je,{windowSize:p,children:[n.jsx(Oe,{})," ",x.zeniRecommendation]}):null,$?n.jsx(ze,{children:n.jsx($e,{isCOTEnabled:j,transactionDetail:o,firstMonthOfFY:C,transactionAttachmentEndpointToDownload:U,transactionAttachmentsEndpointToFetch:U,attachmentUploadEndpoint:"",authParams:g,isDisabled:K??"readonly",isNavBarVisible:!1,containerStyles:{boxShadow:"none",backgroundColor:"inherit"},headerStyles:{boxShadow:"none",backgroundColor:"inherit"},autoCompleteData:{entityAutoCompleteView:{customer:[],vendor:[],fetchState:"Not-Started"}},isVendorBulkUpdateOnTransactionEnabled:X,onDeleteAttachment:()=>{},autoCompleteActions:{onAutoCompleteInputChange:()=>null,onCancelAutoComplete:()=>null,onAutoCompleteEntity:()=>null,onLoadOptions:()=>null},onUploadAttachmentAttachment:()=>null,enableBackClickOnSave:!0,saveLatestSelectedEntity:()=>null,updateVendorBulkRecommendationsFetchStatus:()=>null,setIsVendorUpdateAllChecked:()=>null})}):null,n.jsxs(Ve,{children:[re?n.jsx(q,{windowSize:p,children:x.transactionFetchError}):null,de?n.jsx(q,{windowSize:p,children:x.jeDetails}):null]}),se?n.jsx(fe,{fetchState:o?.fetchState}):null]}),w||k?n.jsx(xe,{formId:w?Y(O):void 0,primaryBtn:{onClick:k&&!w?le:void 0,label:k&&!w?x.fetchJE:B.save,isLoading:u==="In-Progress",isDisabled:u==="In-Progress"||o?.fetchState==="In-Progress"||o?.fetchState==="Error"},cancelBtn:{label:B.cancel,shouldResetOnCancel:!0,onClick:N}}):null]})},Y=e=>`${e}_form`,_=(e,l)=>({[W]:{qboURL:Q(l.toString(),e.jeLink),jePostingDate:e.postingDate.format(Le.visual.MMMDCommaYYYYformat)}}),Ae=i.div`
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+  height: fit-content;
+  flex-direction: column;
+  justify-content: flex-start;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,Te=i.div`
+  padding: ${t.sp0} ${t.sp8};
+  flex-grow: 1;
+`,Ne=i.div`
+  display: flex;
+  align-items: center;
+  top: ${t.sp0};
+  z-index: 2;
+  padding-left: ${e=>b.containerPaddingLeft.valuePx(e.windowSize)};
+  padding-right: ${e=>b.containerPaddingRight.valuePx(e.windowSize)};
+  padding-top: ${e=>b.navbarContainerPaddingTop.valuePx(e.windowSize)};
+  padding-bottom: ${e=>b.navbarContainerPaddingBottom.valuePx(e.windowSize)};
+`,Ue=i.div`
+  max-width: 100%;
+  margin-bottom: ${t.sp5};
+`,ze=i.div`
+  width: 100%;
+  flex: 1;
+  margin-bottom: ${t.sp12};
+  background-color: inherit;
+`,Re=i.div`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  padding: ${t.sp3} ${t.sp0};
+`,Fe=i(ye)`
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.sp4};
+  height: ${t.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Me=i(be)`
+  display: flex;
+  width: 100%;
+  flex-grow: 1;
+  color: ${e=>e.theme.colors.primary};
+  margin: auto;
+  justify-content: center;
+`,q=i.div`
+  height: ${e=>b.emptyScheduleHeight.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: ${t.sp2};
+  padding: ${t.sp5} ${t.sp2};
+  background-color: ${e=>e.theme.colors.background};
+  color: ${e=>e.theme.colors.hero};
+  margin: ${t.sp3} ${t.sp1};
+  ${I.standardRegular.css};
+`,Ve=i.div`
+  flex-grow: 1;
+  width: 100%;
+`,Je=i.div`
+  display: flex;
+  align-items: center;
+  gap: ${t.sp1};
+  border-radius: ${t.sp2};
+  padding: ${t.sp3} ${t.sp2};
+  color: ${e=>e.theme.colors.hero};
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  margin: ${t.sp3} ${t.sp1};
+  ${I.standardRegular.css};
+`,Oe=i(Ce)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+`;export{xt as default,Y as uniqueFormName};

package/dist/assets/{LockCardPage-BVpW2BeO-B9iy3ydG.js → LockCardPage-CHv1xi2J-DwYrblSV.js}

@@ -1,4 +1,4 @@
-import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as He,g5 as Ue,o as r,w as We,bU as Ve,aP as re,cQ as Ye,b2 as X,es as Xe,T as qe,aS as Ge,F as U,ap as Ke,cM as gr,r as pe,a8 as xr,ax as wr,gW as $r,gg as fr,ab as de,u as y,a as Ze,bW as xe,b as Je,am as j,b8 as we,aj as G,dv as Qe,b0 as er,cE as rr,p as q,an as tr,iR as oe,j0 as br,j5 as yr,j6 as jr,dw as Pe,fw as vr,eN as Sr}from"./index-DXmO9OXv.js";import{a as ae}from"./sentry-BcveJeIj.js";import{n as i}from"./mui-Cp4jYS1p.js";import{Fw as Cr}from"./zeni-epic-state-CDDu2l-a.js";import{T as ir}from"./RoleWithToolTip-DpaXFRka-mYLvLxeO.js";import{j as or}from"./CardNumberSubText-r5Tf-P5n-zJZU58FJ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},h=new e.Error().stack;h&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[h]="84e4cb16-227a-457d-aea5-78b4469a9125",e._sentryDebugIdIdentifier="sentry-dbid-84e4cb16-227a-457d-aea5-78b4469a9125")}catch{}})();const Q="cardName",fe=U.getLocalizedStrings().spendManagement.chargeCard.renamePopup;function vi({currentCardName:e,renameFetchState:h,onCancelClick:c,onSubmitClick:p}){const l=he(),b="RenameCardForm",n=me({mode:"all",defaultValues:{[Q]:e},values:{[Q]:e}});ae.useEffect(()=>{n.setFocus(Q)},[]);const m=()=>{c()},R=n.handleSubmit(()=>{const $=n.getValues(Q);$!=null&&p($)}),N=ue(n.formState.errors,Q),o=U.getLocalizedStrings().common,T=le.largeLabelWidth.value(l);return t.jsx(zr,{windowSize:l,role:"presentation",children:t.jsx(Ke,{onClickAway:()=>c(),children:t.jsxs(kr,{windowSize:l,children:[t.jsx(ge,{...n,children:t.jsxs(Ir,{id:b,onSubmit:$=>{$.preventDefault(),R()},children:[t.jsx(Pr,{windowSize:l,children:fe.heading}),t.jsx(Nr,{hasError:N,children:t.jsx(gr,{label:{label:fe.newName,width:T},style:{width:"auto"},text:{type:"text",name:Q,defaultValue:e,placeholder:fe.placeholder,options:{required:!0,validate:$=>$!=null}}})})]})}),t.jsx(Dr,{children:t.jsxs(Lr,{children:[t.jsx(pe,{label:o.cancel,onClick:m,style:{width:84}}),t.jsx(Tr,{}),t.jsx(pe,{variant:"primary",label:o.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:h==="In-Progress",type:"submit",form:b})]})})]})})})}const le={width:new d(343,500,500),largeLabelWidth:new d(108,108,108),popupLeftRightPadding:new d(y[5],y[6]),popupTopBottomPadding:new d(y[5],y[5])},zr=i.div`
+import{J as he,d as _e,a9 as me,y as d,ew as ue,V as t,fe as Be,ac as ge,ap as He,g4 as Ue,o as r,b as We,bU as Ve,aO as re,cP as Ye,b2 as q,er as qe,T as Xe,aS as Ge,F as U,ao as Ke,cL as gr,i as pe,a8 as xr,aw as wr,gV as $r,gf as fr,aQ as de,u as b,x as Je,bW as xe,R as Ze,al as v,b8 as we,ai as G,dv as Qe,b0 as er,cD as rr,p as X,am as tr,iR as oe,j0 as yr,j5 as br,j6 as vr,dw as Pe,fv as jr,eM as Sr}from"./index-RSYdG57D.js";import{a as ae}from"./sentry-D087_5zX.js";import{n as i}from"./mui-Bi6zxcZy.js";import{EP as Cr}from"./zeni-epic-state-DnYFo_hK.js";import{T as ir}from"./RoleWithToolTip-DhBFvJea-D5V_Zl_5.js";import{j as or}from"./CardNumberSubText-C-oVdziK-BTlLGD-l.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},h=new e.Error().stack;h&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[h]="f6d44335-2dcd-4e9d-94ae-bc773d7573cb",e._sentryDebugIdIdentifier="sentry-dbid-f6d44335-2dcd-4e9d-94ae-bc773d7573cb")}catch{}})();const Q="cardName",fe=U.getLocalizedStrings().spendManagement.chargeCard.renamePopup;function ji({currentCardName:e,renameFetchState:h,onCancelClick:c,onSubmitClick:p}){const l=he(),y="RenameCardForm",n=me({mode:"all",defaultValues:{[Q]:e},values:{[Q]:e}});ae.useEffect(()=>{n.setFocus(Q)},[]);const m=()=>{c()},R=n.handleSubmit(()=>{const $=n.getValues(Q);$!=null&&p($)}),N=ue(n.formState.errors,Q),o=U.getLocalizedStrings().common,T=le.largeLabelWidth.value(l);return t.jsx(zr,{windowSize:l,role:"presentation",children:t.jsx(Ke,{onClickAway:()=>c(),children:t.jsxs(kr,{windowSize:l,children:[t.jsx(ge,{...n,children:t.jsxs(Ir,{id:y,onSubmit:$=>{$.preventDefault(),R()},children:[t.jsx(Pr,{windowSize:l,children:fe.heading}),t.jsx(Nr,{hasError:N,children:t.jsx(gr,{label:{label:fe.newName,width:T},style:{width:"auto"},text:{type:"text",name:Q,defaultValue:e,placeholder:fe.placeholder,options:{required:!0,validate:$=>$!=null}}})})]})}),t.jsx(Dr,{children:t.jsxs(Lr,{children:[t.jsx(pe,{label:o.cancel,onClick:m,style:{width:84}}),t.jsx(Tr,{}),t.jsx(pe,{variant:"primary",label:o.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:h==="In-Progress",type:"submit",form:y})]})})]})})})}const le={width:new d(343,500,500),largeLabelWidth:new d(108,108,108),popupLeftRightPadding:new d(b[5],b[6]),popupTopBottomPadding:new d(b[5],b[5])},zr=i.div`
   position: fixed;
   top: ${r.sp0};
   left: ${r.sp0};
@@ -8,7 +8,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   display: flex;
   flex-direction: column;
   align-items: center;
-  background: ${q.overlayDark};
+  background: ${X.overlayDark};
 `,kr=i.div`
   display: flex;
   flex-direction: column;
@@ -44,12 +44,12 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   :hover {
     border: ${e=>`1px solid ${e.theme.colors.primary}`};
     input {
-      background-color: ${e=>e.hasError?q.importantLight:e.theme.colors.background} !important;
+      background-color: ${e=>e.hasError?X.importantLight:e.theme.colors.background} !important;
     }
   }
 `,Ir=i.form`
   display: contents;
-`,ee="spendLimit",J=U.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup,{dateFormat:be}=U.getLocalizedStrings();function Si({controllerEmails:e,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:c,isDebitCardSetupEnabled:p,isChargeCardSetupEnabled:l,cardDetail:b,transactionStatistics:n,depositAccountLimitFetchState:m,creditAccount:R,creditAccountRepayment:N,signedInUser:o,isDebitCard:T,classListFetchState:$,currentLimitAmount:B,currentSpentAmount:H,productInformation:v,creditAccountInformation:W,debitAccountInformation:V,maxLimitAmount:O,isDisabled:K,updateLimitFetchState:Z,recommendations:I,cardIssuedByRoles:Y,cardHolderRoles:u,loggedInUserRole:F,cardIssuedByDepartmentName:D,cardHolderDepartmentName:a,onCancelClick:s,onSubmitClick:g}){const x=xr().analytics,f=he(),se="SpendLimitForm",ar=wr();Cr(ar.loggedInUserRoleMap);const te=me({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[ee]:void 0}}),{control:sr,formState:{errors:nr}}=te,[dr,lr]=ae.useState(void 0),ne=$r({control:sr,name:ee}),Ce=b?.type.code.includes("physical")===!0?b.cardActivationAttemptHistory[0]?.timestamp:b?.createTime,ze=(b?.recommendations??[]).map(w=>w.creditLimit.amount),cr=()=>{b!=null&&Le({analytics:x,controllerEmails:e,isChargeCardFeatureEnabled:h,cardDetail:b,transactionStatistics:n,depositAccountLimitFetchState:m,creditAccount:R,creditAccountRepayment:N,signedInUser:o,isDebitCard:T,classListFetchState:$,currentLimitAmount:B,recommendedLimitAmounts:ze,cardActivationDate:Ce,cardIssuedByRoles:Y,cardHolderRoles:u,cardIssuedByDepartmentName:D,cardHolderDepartmentName:a,loggedInUserRole:F,clickItem:"Cancel",newSpendLimitAmount:ne,productInformation:v,creditAccountInformation:W,debitAccountInformation:V}),s()},pr=te.handleSubmit(()=>{const w=te.getValues(ee);w!=null&&(Le({analytics:x,controllerEmails:e,isChargeCardFeatureEnabled:h,cardDetail:b,transactionStatistics:n,depositAccountLimitFetchState:m,creditAccount:R,creditAccountRepayment:N,signedInUser:o,isDebitCard:T,classListFetchState:$,currentLimitAmount:B,recommendedLimitAmounts:ze,cardActivationDate:Ce,cardIssuedByRoles:Y,cardHolderRoles:u,cardIssuedByDepartmentName:D,cardHolderDepartmentName:a,loggedInUserRole:F,productInformation:v,creditAccountInformation:W,debitAccountInformation:V,clickItem:"Update",newSpendLimitAmount:w}),g(w))}),hr=w=>{te.setValue(ee,w,{shouldValidate:!0})},ke=ue(nr,ee),$e=U.getLocalizedStrings().common,mr=ce.largeLabelWidth.value(f);ae.useEffect(()=>{lr(Fr(H,O,ne))},[ne,H,O]);const ur=(w,ie)=>t.jsxs(Wr,{isSelected:ne===w.amount,onClick:()=>hr(w.amount),"data-testid":de("quick-amount-button",ie.toString()),children:[ie===1&&t.jsx(Vr,{}),re("0,0.[00]",w)]},ie);return t.jsx(Ar,{windowSize:f,role:"presentation","data-testid":de("update-spend-limit-popup"),children:t.jsx(Ke,{onClickAway:()=>s(),children:t.jsxs(Er,{windowSize:f,children:[t.jsx(ge,{...te,children:t.jsxs(Yr,{id:se,onSubmit:w=>{w.preventDefault(),pr()},children:[t.jsx(Rr,{windowSize:f,children:J.heading}),t.jsxs(Or,{windowSize:f,children:[J.currentLimit,$e.strings.space," ",re("0,0.[00]",B),J.slashMonth]}),t.jsxs(Hr,{hasError:ke,children:[t.jsx(fr,{label:{label:J.newLimit,width:mr},showAdditionalInfoLabel:ke,additionalInfoLabel:dr,formattedTextField:{type:"number",name:ee,defaultValue:void 0,placeholder:J.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:w=>!!w&&w>0&&w>H.amount&&(O!=null?w<=O.amount:!0)},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1}),I?.length?t.jsx(Ur,{windowSize:f,children:I?.map((w,ie)=>ur(w.creditLimit,ie))}):null]})]})}),t.jsx(Br,{children:t.jsxs(Mr,{children:[t.jsx(pe,{label:$e.cancel,onClick:cr,style:{width:84},"data-testid":de("update-spend-limit-cancel-button")}),t.jsx(_r,{}),t.jsx(pe,{variant:"primary",label:$e.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:Z==="In-Progress",type:"submit",form:se,"data-testid":de("update-spend-limit-submit-button"),disabled:K})]})})]})})})}const Fr=(e,h,c)=>{if(c!=null){if(c<=e.amount)return J.amountBelowError.replace("_amount_",re("0,0.[00]",e));if(h!=null&&c>h.amount)return J.amountExceedError.replace("_amount_",re("0,0.[00]",h))}},Le=({analytics:e,controllerEmails:h,isChargeCardFeatureEnabled:c,productInformation:p,creditAccountInformation:l,debitAccountInformation:b,cardDetail:n,transactionStatistics:m,depositAccountLimitFetchState:R,creditAccount:N,creditAccountRepayment:o,signedInUser:T,isDebitCard:$,classListFetchState:B,currentLimitAmount:H,recommendedLimitAmounts:v,cardActivationDate:W,cardIssuedByRoles:V,cardHolderRoles:O,cardIssuedByDepartmentName:K,cardHolderDepartmentName:Z,loggedInUserRole:I,clickItem:Y,newSpendLimitAmount:u})=>{n!=null&&B==="Completed"&&m!=null&&m.fetchState==="Completed"&&(!c||N.fetchState==="Completed"&&o.fetchState==="Completed")&&(!$||R==="Completed")&&e.trackCardsUpdateSpendLimitClick(h,p,{cardId:n.id,cardName:n.cardName,cardType:jr(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:yr(n.limit.amount,n.available.amount),cardUtilizationAmount:oe(br(n)),totalNumberOfDeclinedTransactions:m.statistics.totalNumberOfDeclinedTransactions,numberOfDeclinedTransactionsCurrentMonth:m.statistics.numberOfDeclinedTransactionsCurrentMonth,totalNumberOfPaidTransactions:m.statistics.totalNumberOfPaidTransactions,numberOfPaidTransactionsCurrentMonth:m.statistics.numberOfPaidTransactionsCurrentMonth,totalNumberOfCanceledTransactions:m.statistics.totalNumberOfCanceledTransactions,numberOfCanceledTransactionsCurrentMonth:m.statistics.numberOfCanceledTransactionsCurrentMonth,totalNumberOfAuthorizedTransactions:m.statistics.totalNumberOfAuthorizedTransactions,numberOfAuthorizedTransactionsCurrentMonth:m.statistics.numberOfAuthorizedTransactionsCurrentMonth,totalNumberOfTransactionsWithReceipts:m.statistics.totalNumberOfTransactionsWithReceipts,numberOfTransactionsWithReceiptsCurrentMonth:m.statistics.numberOfTransactionsWithReceiptsCurrentMonth},{cardIssuedByName:Pe(n.cardCreatedByUser,!1),cardIssuedByEmail:n.cardCreatedByUser?.email,cardIssuedByUserId:n.cardCreatedByUser?.userId,cardIssuedByRole:V,cardIssuedByDepartment:K},{cardholderName:Pe(n.cardHolderUser,!1),cardholderEmail:n.cardHolderUser?.email,cardholderRole:O,cardholderUserId:n.cardHolderUser?.userId,cardholderDepartment:Z},{cardLimitUpdatedByName:vr(T),cardLimitUpdatedByEmail:T.userEmail,cardLimitUpdatedByRole:I,cardLimitUpdatedByUserId:T.userId},Y,oe(H.amount),v,u!=null?v.includes(u):!1,u,l,b)},ce={width:new d(343,500,500),largeLabelWidth:new d(108,108,108),popupLeftRightPadding:new d(y[5],y[6]),popupTopBottomPadding:new d(y[5],y[5])},Ar=i.div`
+`,ee="spendLimit",Z=U.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup,{dateFormat:ye}=U.getLocalizedStrings();function Si({controllerEmails:e,isChargeCardFeatureEnabled:h,isDebitCardFeatureEnabled:c,isDebitCardSetupEnabled:p,isChargeCardSetupEnabled:l,cardDetail:y,transactionStatistics:n,depositAccountLimitFetchState:m,creditAccount:R,creditAccountRepayment:N,signedInUser:o,isDebitCard:T,classListFetchState:$,currentLimitAmount:B,currentSpentAmount:H,productInformation:j,creditAccountInformation:W,debitAccountInformation:V,maxLimitAmount:O,isDisabled:K,updateLimitFetchState:J,recommendations:I,cardIssuedByRoles:Y,cardHolderRoles:u,loggedInUserRole:F,cardIssuedByDepartmentName:D,cardHolderDepartmentName:a,onCancelClick:s,onSubmitClick:g}){const x=xr().analytics,f=he(),se="SpendLimitForm",ar=wr();Cr(ar.loggedInUserRoleMap);const te=me({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[ee]:void 0}}),{control:sr,formState:{errors:nr}}=te,[dr,lr]=ae.useState(void 0),ne=$r({control:sr,name:ee}),Ce=y?.type.code.includes("physical")===!0?y.cardActivationAttemptHistory[0]?.timestamp:y?.createTime,ze=(y?.recommendations??[]).map(w=>w.creditLimit.amount),cr=()=>{y!=null&&Le({analytics:x,controllerEmails:e,isChargeCardFeatureEnabled:h,cardDetail:y,transactionStatistics:n,depositAccountLimitFetchState:m,creditAccount:R,creditAccountRepayment:N,signedInUser:o,isDebitCard:T,classListFetchState:$,currentLimitAmount:B,recommendedLimitAmounts:ze,cardActivationDate:Ce,cardIssuedByRoles:Y,cardHolderRoles:u,cardIssuedByDepartmentName:D,cardHolderDepartmentName:a,loggedInUserRole:F,clickItem:"Cancel",newSpendLimitAmount:ne,productInformation:j,creditAccountInformation:W,debitAccountInformation:V}),s()},pr=te.handleSubmit(()=>{const w=te.getValues(ee);w!=null&&(Le({analytics:x,controllerEmails:e,isChargeCardFeatureEnabled:h,cardDetail:y,transactionStatistics:n,depositAccountLimitFetchState:m,creditAccount:R,creditAccountRepayment:N,signedInUser:o,isDebitCard:T,classListFetchState:$,currentLimitAmount:B,recommendedLimitAmounts:ze,cardActivationDate:Ce,cardIssuedByRoles:Y,cardHolderRoles:u,cardIssuedByDepartmentName:D,cardHolderDepartmentName:a,loggedInUserRole:F,productInformation:j,creditAccountInformation:W,debitAccountInformation:V,clickItem:"Update",newSpendLimitAmount:w}),g(w))}),hr=w=>{te.setValue(ee,w,{shouldValidate:!0})},ke=ue(nr,ee),$e=U.getLocalizedStrings().common,mr=ce.largeLabelWidth.value(f);ae.useEffect(()=>{lr(Fr(H,O,ne))},[ne,H,O]);const ur=(w,ie)=>t.jsxs(Wr,{isSelected:ne===w.amount,onClick:()=>hr(w.amount),"data-testid":de("quick-amount-button",ie.toString()),children:[ie===1&&t.jsx(Vr,{}),re("0,0.[00]",w)]},ie);return t.jsx(Ar,{windowSize:f,role:"presentation","data-testid":de("update-spend-limit-popup"),children:t.jsx(Ke,{onClickAway:()=>s(),children:t.jsxs(Er,{windowSize:f,children:[t.jsx(ge,{...te,children:t.jsxs(Yr,{id:se,onSubmit:w=>{w.preventDefault(),pr()},children:[t.jsx(Rr,{windowSize:f,children:Z.heading}),t.jsxs(Or,{windowSize:f,children:[Z.currentLimit,$e.strings.space," ",re("0,0.[00]",B),Z.slashMonth]}),t.jsxs(Hr,{hasError:ke,children:[t.jsx(fr,{label:{label:Z.newLimit,width:mr},showAdditionalInfoLabel:ke,additionalInfoLabel:dr,formattedTextField:{type:"number",name:ee,defaultValue:void 0,placeholder:Z.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:w=>!!w&&w>0&&w>H.amount&&(O!=null?w<=O.amount:!0)},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1}),I?.length?t.jsx(Ur,{windowSize:f,children:I?.map((w,ie)=>ur(w.creditLimit,ie))}):null]})]})}),t.jsx(Br,{children:t.jsxs(Mr,{children:[t.jsx(pe,{label:$e.cancel,onClick:cr,style:{width:84},"data-testid":de("update-spend-limit-cancel-button")}),t.jsx(_r,{}),t.jsx(pe,{variant:"primary",label:$e.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:J==="In-Progress",type:"submit",form:se,"data-testid":de("update-spend-limit-submit-button"),disabled:K})]})})]})})})}const Fr=(e,h,c)=>{if(c!=null){if(c<=e.amount)return Z.amountBelowError.replace("_amount_",re("0,0.[00]",e));if(h!=null&&c>h.amount)return Z.amountExceedError.replace("_amount_",re("0,0.[00]",h))}},Le=({analytics:e,controllerEmails:h,isChargeCardFeatureEnabled:c,productInformation:p,creditAccountInformation:l,debitAccountInformation:y,cardDetail:n,transactionStatistics:m,depositAccountLimitFetchState:R,creditAccount:N,creditAccountRepayment:o,signedInUser:T,isDebitCard:$,classListFetchState:B,currentLimitAmount:H,recommendedLimitAmounts:j,cardActivationDate:W,cardIssuedByRoles:V,cardHolderRoles:O,cardIssuedByDepartmentName:K,cardHolderDepartmentName:J,loggedInUserRole:I,clickItem:Y,newSpendLimitAmount:u})=>{n!=null&&B==="Completed"&&m!=null&&m.fetchState==="Completed"&&(!c||N.fetchState==="Completed"&&o.fetchState==="Completed")&&(!$||R==="Completed")&&e.trackCardsUpdateSpendLimitClick(h,p,{cardId:n.id,cardName:n.cardName,cardType:vr(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(ye.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:n.providerCardCreateTime?.format(ye.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:W?.format(ye.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(yr(n)),totalNumberOfDeclinedTransactions:m.statistics.totalNumberOfDeclinedTransactions,numberOfDeclinedTransactionsCurrentMonth:m.statistics.numberOfDeclinedTransactionsCurrentMonth,totalNumberOfPaidTransactions:m.statistics.totalNumberOfPaidTransactions,numberOfPaidTransactionsCurrentMonth:m.statistics.numberOfPaidTransactionsCurrentMonth,totalNumberOfCanceledTransactions:m.statistics.totalNumberOfCanceledTransactions,numberOfCanceledTransactionsCurrentMonth:m.statistics.numberOfCanceledTransactionsCurrentMonth,totalNumberOfAuthorizedTransactions:m.statistics.totalNumberOfAuthorizedTransactions,numberOfAuthorizedTransactionsCurrentMonth:m.statistics.numberOfAuthorizedTransactionsCurrentMonth,totalNumberOfTransactionsWithReceipts:m.statistics.totalNumberOfTransactionsWithReceipts,numberOfTransactionsWithReceiptsCurrentMonth:m.statistics.numberOfTransactionsWithReceiptsCurrentMonth},{cardIssuedByName:Pe(n.cardCreatedByUser,!1),cardIssuedByEmail:n.cardCreatedByUser?.email,cardIssuedByUserId:n.cardCreatedByUser?.userId,cardIssuedByRole:V,cardIssuedByDepartment:K},{cardholderName:Pe(n.cardHolderUser,!1),cardholderEmail:n.cardHolderUser?.email,cardholderRole:O,cardholderUserId:n.cardHolderUser?.userId,cardholderDepartment:J},{cardLimitUpdatedByName:jr(T),cardLimitUpdatedByEmail:T.userEmail,cardLimitUpdatedByRole:I,cardLimitUpdatedByUserId:T.userId},Y,oe(H.amount),j,u!=null?j.includes(u):!1,u,l,y)},ce={width:new d(343,500,500),largeLabelWidth:new d(108,108,108),popupLeftRightPadding:new d(b[5],b[6]),popupTopBottomPadding:new d(b[5],b[5])},Ar=i.div`
   position: fixed;
   top: ${r.sp0};
   left: ${r.sp0};
@@ -59,7 +59,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   display: flex;
   flex-direction: column;
   align-items: center;
-  background: ${q.overlayDark};
+  background: ${X.overlayDark};
 `,Er=i.div`
   display: flex;
   flex-direction: column;
@@ -77,7 +77,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
 `,Rr=i(xe)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${r.sp2};
-`,Or=i(j)`
+`,Or=i(v)`
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${r.sp3};
 `,Mr=i.div`
@@ -98,7 +98,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   :hover {
     border: ${e=>`1px solid ${e.theme.colors.primary}`};
     input {
-      background-color: ${e=>e.hasError?q.importantLight:e.theme.colors.background} !important;
+      background-color: ${e=>e.hasError?X.importantLight:e.theme.colors.background} !important;
     }
   }
 `,Ur=i.div`
@@ -106,7 +106,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   justify-content: flex-end;
   gap: ${r.sp2};
   margin: ${r.sp0} ${r.sp4} ${r.sp3} ${r.sp4};
-`,Wr=i(j)`
+`,Wr=i(v)`
   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};
@@ -121,13 +121,13 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
     border: ${e=>`1px solid ${e.theme.colors.primary}`};
   }
 `,Vr=i(Sr)`
-  color: ${q.brandColorJade};
-  fill: ${q.brandColorJade};
+  color: ${X.brandColorJade};
+  fill: ${X.brandColorJade};
   width: ${r.sp3};
   height: ${r.sp3};
 `,Yr=i.form`
   display: contents;
-`,P={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),largeLabelWidth:new d(120,120,200),webkitLineClamp:new d(2,1,1,1,1),overlayWidth:new d(100,100,58),cardHolderDetailsPaddingX:new d(y[3],y[4]),cardNameSectionMarginLeft:new d(y[7],0),cardHolderDetailsGap:new d(y[1],0),recurringExpenseMerchantWidth:new d(112,240),recurringExpenseNextPaymentDateWidth:new d(112,104),recurringExpenseAmountWidth:new d(100,312),reasonTextFieldMarginTop:new d(y[3],0)},{common:S,closeCard:M}=U.getLocalizedStrings().spendManagement.chargeCard,z="reasonSection",Te="closeCardPage",A=(e,h)=>`${e}.${h}`,De=e=>`${e}_form`,{common:ye,dateFormat:Xr,cockpit:qr}=U.getLocalizedStrings(),Ci=({showCloseCardDrawer:e,onCloseCloseCardDrawer:h,isChargeCardAdmin:c,chargeCardsByCardId:p,cardRecurringExpensesByCardId:l,cardRecurringExpenseFetchState:b,closeCardFetchState:n,onRemoveCardClick:m,onConfirmClick:R,onDismissClick:N})=>{const o=he(),T=_e(),[$,B]=ae.useState(Object.fromEntries(Object.keys(l).map((a,s)=>[a,s===0]))),H=a=>{B(s=>s[a]?{...s,[a]:!1}:{...Object.fromEntries(Object.keys(s).map(g=>[g,!1])),[a]:!0})},v=me({mode:"all",reValidateMode:"onBlur",defaultValues:{[z]:{reason:void 0,reasonType:void 0}},values:{[z]:{reason:void 0,reasonType:void 0}}}),W=P.largeLabelWidth.value(o),{isValid:V,errors:O}=v.formState,K=a=>`${p[a].cardHolderUser?.firstName??""} ${p[a].cardHolderUser?.lastName??""}`,Z=ue(O,A(z,"reasonType")),I=v.watch("reasonSection.reasonType"),Y=v.handleSubmit(()=>{if(V){const a=v.getValues(),s={reason:a[z].reason,reasonType:a[z].reasonType};R(s)}}),u=Object.keys(l).length>1,F=Object.keys(l).length,D=Object.values(l).reduce((a,s)=>a+s.length,0);return t.jsx(Be,{anchor:"right",open:e,onClose:h,PaperProps:{style:{width:P.overlayWidth.valuePercentage(o),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:T.colors.black,opacity:.75,cursor:"pointer"}}},transitionDuration:250,children:t.jsxs(Gr,{windowSize:o,children:[t.jsxs(Kr,{windowSize:o,children:[t.jsx(Zr,{windowSize:o,children:t.jsx(Qr,{onClick:()=>{N()}})}),o==="small"?t.jsx(nt,{windowSize:o,children:u?M.closeCards:M.closeCard}):t.jsx(dt,{children:u?M.closeCards:M.closeCard}),b==="Completed"?t.jsx(ge,{...v,children:t.jsxs("form",{id:De(Te),onSubmit:Y,children:[t.jsxs(lt,{children:[t.jsx(ct,{windowSize:o,children:u?D>0?`${M.multipleCardsHasRecurringExpenses.replace("_number_of_cards_",F.toString()).replace("_number_of_recurring_expenses_",D.toString())} ${D===1?S.expense:S.expenses} ${M.multipleCardsHasRecurringExpensesSuffix}`:M.multipleCardsNoRecurringExpenses.replace("_number_of_cards_",F.toString()):M.firstCardHasRecurringExpenses.replace("_number_of_recurring_expenses_",D.toString()).replace("_expense_",D===1?S.expense:S.expenses)}),u&&t.jsx(Pt,{children:`${F} ${F===1?S.card:S.cards} ${S.selected}`}),Object.keys(l).map((a,s)=>{const g=l[a].length>0;return t.jsxs(pt,{onClick:()=>g?H(a):void 0,isMoreThanOneCard:u,isLastCard:s===Object.keys(l).length-1,children:[t.jsxs(mt,{windowSize:o,children:[t.jsxs(ut,{windowSize:o,children:[t.jsxs(gt,{windowSize:o,children:[p[a].cardHolderUser?.photo!==void 0?t.jsx(et,{src:p[a].cardHolderUser?.photo.href,alt:qr.userProfileAltText,onError:({currentTarget:x})=>{x.onerror=null,x.src=He},loading:"lazy"}):t.jsx(Ue,{firstName:p[a].cardHolderUser?.firstName??"",lastName:p[a].cardHolderUser?.lastName??"",size:r.sp6}),t.jsxs("div",{children:[t.jsx(ht,{children:K(a)}),t.jsx(xt,{children:t.jsx(ir,{roles:p[a].cardHolderRoles.userRoles})})]})]}),o==="small"&&g&&($[a]?t.jsx(Ie,{}):t.jsx(Fe,{}))]}),t.jsxs(wt,{windowSize:o,children:[p[a].cardName,t.jsx(or,{cardDetail:p[a],forDetailPage:!0,styles:{...We.smallRegular.cssObject,position:"relative",top:"-5px"}})]}),t.jsxs($t,{windowSize:o,children:[t.jsxs(Ct,{children:[t.jsx(zt,{children:l[a].length}),t.jsx(St,{children:S.recurringExpenses})]}),o!=="small"&&g&&($[a]?t.jsx(Ie,{}):t.jsx(Fe,{}))]})]}),u&&t.jsx(it,{children:t.jsx(Ve,{variant:"standard",title:ye.remove,children:t.jsx(tt,{onClick:()=>m(a)})})}),$[a]&&g&&t.jsxs(t.Fragment,{children:[t.jsx(Ne,{}),t.jsxs(ft,{children:[t.jsxs(kt,{children:[t.jsx(ve,{width:o==="small"?112:240,children:S.merchant}),t.jsx(ve,{width:o==="small"?112:104,children:S.nextPaymentDate}),t.jsx(Lt,{width:o==="small"?100:312,children:S.amount})]}),l[a].map((x,f)=>t.jsxs("div",{children:[f>0&&t.jsx(Ne,{}),t.jsxs(bt,{children:[t.jsxs(yt,{windowSize:o,children:[t.jsx(ot,{src:x.merchant.logo?.url?.href}),t.jsx(rt,{windowSize:o,children:x.merchant.brandName??x.merchant.name})]}),t.jsx(jt,{windowSize:o,children:x.nextPaymentDate.format(Xr.visual.MMMDCommaYYYYformat)}),t.jsx(vt,{windowSize:o,children:re("0,0.00",x.amount)})]},x.merchant.name)]},x.merchant.name))]})]})]},a)})]}),t.jsx(Dt,{windowSize:o,children:S.letUsKnowWhy}),t.jsxs(Tt,{isReasonTextFieldVisible:I==="other",children:[t.jsxs(at,{size:o,children:[t.jsx(Ye,{label:S.reasonLabel,htmlFor:A(z,"reasonType"),style:{padding:`${r.sp2} ${r.sp0}`,width:"fit-content"}}),t.jsxs(st,{labelWidth:W,size:o,children:[t.jsx(X,{label:{label:S.reason.lost},style:{width:"auto"},radioField:{name:A(z,"reasonType"),id:`${A(z,"reasonType")}.Lost or stolen`,value:"Lost or stolen",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}}),t.jsx(X,{label:{label:S.reason.fraud},style:{width:"auto"},radioField:{name:A(z,"reasonType"),id:`${A(z,"reasonType")}.Fraud detected`,value:"Fraud detected",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}}),t.jsx(X,{label:{label:S.reason.not_needed},style:{width:"auto"},radioField:{name:A(z,"reasonType"),id:`${A(z,"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(X,{label:{label:S.reason.other},style:{width:"auto"},radioField:{name:A(z,"reasonType"),id:`${A(z,"reasonType")}.other`,value:"other",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}})]})]}),I==="other"?t.jsx(Xe,{style:{height:r.sp6,width:"100%",backgroundColor:T.colors.background,marginTop:`${P.reasonTextFieldMarginTop.valuePx(o)}`},type:"text",name:A(z,"reason"),placeholder:M.reasonPlaceholder,className:"reason-text-field",registerOptions:{required:!c,validate:a=>c?!0:!!a}}):I==null&&!c&&Z?t.jsx(Jr,{children:M.youNeedToProvideReasonToCloseCard}):null]})]})}):t.jsx(qe,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),b==="Completed"&&t.jsx(Ge,{style:{zIndex:4,paddingTop:r.sp3,paddingBottom:r.sp3},formId:De(Te),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:ye.confirm,isLoading:n==="In-Progress",variant:"danger"},cancelBtn:{label:ye.cancel,style:{width:"90px"},onClick:()=>{N?.()}}})]})})},Gr=i.div`
+`,P={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),largeLabelWidth:new d(120,120,200),webkitLineClamp:new d(2,1,1,1,1),overlayWidth:new d(100,100,58),cardHolderDetailsPaddingX:new d(b[3],b[4]),cardNameSectionMarginLeft:new d(b[7],0),cardHolderDetailsGap:new d(b[1],0),recurringExpenseMerchantWidth:new d(112,240),recurringExpenseNextPaymentDateWidth:new d(112,104),recurringExpenseAmountWidth:new d(100,312),reasonTextFieldMarginTop:new d(b[3],0)},{common:S,closeCard:M}=U.getLocalizedStrings().spendManagement.chargeCard,z="reasonSection",Te="closeCardPage",A=(e,h)=>`${e}.${h}`,De=e=>`${e}_form`,{common:be,dateFormat:qr,cockpit:Xr}=U.getLocalizedStrings(),Ci=({showCloseCardDrawer:e,onCloseCloseCardDrawer:h,isChargeCardAdmin:c,chargeCardsByCardId:p,cardRecurringExpensesByCardId:l,cardRecurringExpenseFetchState:y,closeCardFetchState:n,onRemoveCardClick:m,onConfirmClick:R,onDismissClick:N})=>{const o=he(),T=_e(),[$,B]=ae.useState(Object.fromEntries(Object.keys(l).map((a,s)=>[a,s===0]))),H=a=>{B(s=>s[a]?{...s,[a]:!1}:{...Object.fromEntries(Object.keys(s).map(g=>[g,!1])),[a]:!0})},j=me({mode:"all",reValidateMode:"onBlur",defaultValues:{[z]:{reason:void 0,reasonType:void 0}},values:{[z]:{reason:void 0,reasonType:void 0}}}),W=P.largeLabelWidth.value(o),{isValid:V,errors:O}=j.formState,K=a=>`${p[a].cardHolderUser?.firstName??""} ${p[a].cardHolderUser?.lastName??""}`,J=ue(O,A(z,"reasonType")),I=j.watch("reasonSection.reasonType"),Y=j.handleSubmit(()=>{if(V){const a=j.getValues(),s={reason:a[z].reason,reasonType:a[z].reasonType};R(s)}}),u=Object.keys(l).length>1,F=Object.keys(l).length,D=Object.values(l).reduce((a,s)=>a+s.length,0);return t.jsx(Be,{anchor:"right",open:e,onClose:h,PaperProps:{style:{width:P.overlayWidth.valuePercentage(o),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:T.colors.black,opacity:.75,cursor:"pointer"}}},transitionDuration:250,children:t.jsxs(Gr,{windowSize:o,children:[t.jsxs(Kr,{windowSize:o,children:[t.jsx(Jr,{windowSize:o,children:t.jsx(Qr,{onClick:()=>{N()}})}),o==="small"?t.jsx(nt,{windowSize:o,children:u?M.closeCards:M.closeCard}):t.jsx(dt,{children:u?M.closeCards:M.closeCard}),y==="Completed"?t.jsx(ge,{...j,children:t.jsxs("form",{id:De(Te),onSubmit:Y,children:[t.jsxs(lt,{children:[t.jsx(ct,{windowSize:o,children:u?D>0?`${M.multipleCardsHasRecurringExpenses.replace("_number_of_cards_",F.toString()).replace("_number_of_recurring_expenses_",D.toString())} ${D===1?S.expense:S.expenses} ${M.multipleCardsHasRecurringExpensesSuffix}`:M.multipleCardsNoRecurringExpenses.replace("_number_of_cards_",F.toString()):M.firstCardHasRecurringExpenses.replace("_number_of_recurring_expenses_",D.toString()).replace("_expense_",D===1?S.expense:S.expenses)}),u&&t.jsx(Pt,{children:`${F} ${F===1?S.card:S.cards} ${S.selected}`}),Object.keys(l).map((a,s)=>{const g=l[a].length>0;return t.jsxs(pt,{onClick:()=>g?H(a):void 0,isMoreThanOneCard:u,isLastCard:s===Object.keys(l).length-1,children:[t.jsxs(mt,{windowSize:o,children:[t.jsxs(ut,{windowSize:o,children:[t.jsxs(gt,{windowSize:o,children:[p[a].cardHolderUser?.photo!==void 0?t.jsx(et,{src:p[a].cardHolderUser?.photo.href,alt:Xr.userProfileAltText,onError:({currentTarget:x})=>{x.onerror=null,x.src=He},loading:"lazy"}):t.jsx(Ue,{firstName:p[a].cardHolderUser?.firstName??"",lastName:p[a].cardHolderUser?.lastName??"",size:r.sp6}),t.jsxs("div",{children:[t.jsx(ht,{children:K(a)}),t.jsx(xt,{children:t.jsx(ir,{roles:p[a].cardHolderRoles.userRoles})})]})]}),o==="small"&&g&&($[a]?t.jsx(Ie,{}):t.jsx(Fe,{}))]}),t.jsxs(wt,{windowSize:o,children:[p[a].cardName,t.jsx(or,{cardDetail:p[a],forDetailPage:!0,styles:{...We.smallRegular.cssObject,position:"relative",top:"-5px"}})]}),t.jsxs($t,{windowSize:o,children:[t.jsxs(Ct,{children:[t.jsx(zt,{children:l[a].length}),t.jsx(St,{children:S.recurringExpenses})]}),o!=="small"&&g&&($[a]?t.jsx(Ie,{}):t.jsx(Fe,{}))]})]}),u&&t.jsx(it,{children:t.jsx(Ve,{variant:"standard",title:be.remove,children:t.jsx(tt,{onClick:()=>m(a)})})}),$[a]&&g&&t.jsxs(t.Fragment,{children:[t.jsx(Ne,{}),t.jsxs(ft,{children:[t.jsxs(kt,{children:[t.jsx(je,{width:o==="small"?112:240,children:S.merchant}),t.jsx(je,{width:o==="small"?112:104,children:S.nextPaymentDate}),t.jsx(Lt,{width:o==="small"?100:312,children:S.amount})]}),l[a].map((x,f)=>t.jsxs("div",{children:[f>0&&t.jsx(Ne,{}),t.jsxs(yt,{children:[t.jsxs(bt,{windowSize:o,children:[t.jsx(ot,{src:x.merchant.logo?.url?.href}),t.jsx(rt,{windowSize:o,children:x.merchant.brandName??x.merchant.name})]}),t.jsx(vt,{windowSize:o,children:x.nextPaymentDate.format(qr.visual.MMMDCommaYYYYformat)}),t.jsx(jt,{windowSize:o,children:re("0,0.00",x.amount)})]},x.merchant.name)]},x.merchant.name))]})]})]},a)})]}),t.jsx(Dt,{windowSize:o,children:S.letUsKnowWhy}),t.jsxs(Tt,{isReasonTextFieldVisible:I==="other",children:[t.jsxs(at,{size:o,children:[t.jsx(Ye,{label:S.reasonLabel,htmlFor:A(z,"reasonType"),style:{padding:`${r.sp2} ${r.sp0}`,width:"fit-content"}}),t.jsxs(st,{labelWidth:W,size:o,children:[t.jsx(q,{label:{label:S.reason.lost},style:{width:"auto"},radioField:{name:A(z,"reasonType"),id:`${A(z,"reasonType")}.Lost or stolen`,value:"Lost or stolen",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}}),t.jsx(q,{label:{label:S.reason.fraud},style:{width:"auto"},radioField:{name:A(z,"reasonType"),id:`${A(z,"reasonType")}.Fraud detected`,value:"Fraud detected",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}}),t.jsx(q,{label:{label:S.reason.not_needed},style:{width:"auto"},radioField:{name:A(z,"reasonType"),id:`${A(z,"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(q,{label:{label:S.reason.other},style:{width:"auto"},radioField:{name:A(z,"reasonType"),id:`${A(z,"reasonType")}.other`,value:"other",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}})]})]}),I==="other"?t.jsx(qe,{style:{height:r.sp6,width:"100%",backgroundColor:T.colors.background,marginTop:`${P.reasonTextFieldMarginTop.valuePx(o)}`},type:"text",name:A(z,"reason"),placeholder:M.reasonPlaceholder,className:"reason-text-field",registerOptions:{required:!c,validate:a=>c?!0:!!a}}):I==null&&!c&&J?t.jsx(Zr,{children:M.youNeedToProvideReasonToCloseCard}):null]})]})}):t.jsx(Xe,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),y==="Completed"&&t.jsx(Ge,{style:{zIndex:4,paddingTop:r.sp3,paddingBottom:r.sp3},formId:De(Te),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:be.confirm,isLoading:n==="In-Progress",variant:"danger"},cancelBtn:{label:be.cancel,style:{width:"90px"},onClick:()=>{N?.()}}})]})})},Gr=i.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -139,7 +139,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   padding-left: ${e=>`${P.containerPaddingLeft.valuePx(e.windowSize)}`};
   padding-right: ${e=>`${P.containerPaddingRight.valuePx(e.windowSize)}`};
   margin-bottom: auto;
-`,Zr=i.div`
+`,Jr=i.div`
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
@@ -149,10 +149,10 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   padding: ${e=>`${P.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${r.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Jr=i(G)`
+`,Zr=i(G)`
   color: ${e=>e.theme.colors.important};
   text-align: end;
-`,Qr=i(Ze)`
+`,Qr=i(Je)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${r.sp4};
@@ -167,7 +167,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   border-radius: 50%;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
-`,rt=i(j)`
+`,rt=i(v)`
   margin-right: ${r.sp3};
   color: inherit;
   -webkit-line-clamp: ${e=>P.webkitLineClamp.value(e.windowSize)};
@@ -231,11 +231,11 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   margin-top: ${r.sp3};
   margin-bottom: ${r.sp0};
   margin-right: ${r.sp3};
-`,dt=i(Je)`
+`,dt=i(Ze)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${r.sp3};
   margin-bottom: ${r.sp2};
-`,lt=i.div``,ct=i(j)`
+`,lt=i.div``,ct=i(v)`
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${r.sp3};
 `,pt=i.div`
@@ -255,7 +255,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,ht=i(j)`
+`,ht=i(v)`
   color: inherit;
 `,mt=i.div`
   display: flex;
@@ -281,7 +281,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   color: inherit;
   position: relative;
   top: -5px;
-`,wt=i(j)`
+`,wt=i(v)`
   width: 216px;
   color: inherit;
   overflow: hidden;
@@ -298,26 +298,26 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
 `,ft=i.div`
   margin: ${r.sp3} ${r.sp4} ${r.sp0} ${r.sp4};
   padding-bottom: ${r.sp2};
-`,bt=i.div`
+`,yt=i.div`
   display: flex;
   justify-content: space-between;
   margin: ${r.sp2} ${r.sp0};
 `,Ne=i.div`
-  background-color: ${e=>e.theme.mode==="light"?e.theme.colors.background:q.neutralGrey3Dark};
+  background-color: ${e=>e.theme.mode==="light"?e.theme.colors.background:X.neutralGrey3Dark};
   min-height: 1px;
   max-height: 1px;
   width: 100%;
-`,yt=i(j)`
+`,bt=i(v)`
   width: ${e=>`${P.recurringExpenseMerchantWidth.valuePx(e.windowSize)}`};
   text-align: left;
   color: inherit;
   display: flex;
   gap: ${r.sp2};
-`,jt=i(j)`
+`,vt=i(v)`
   width: ${e=>`${P.recurringExpenseNextPaymentDateWidth.valuePx(e.windowSize)}`};
   text-align: left;
   color: inherit;
-`,vt=i(j)`
+`,jt=i(v)`
   width: ${e=>`${P.recurringExpenseAmountWidth.valuePx(e.windowSize)}`};
   text-align: right;
   color: inherit;
@@ -327,7 +327,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   top: -5px;
 `,Ct=i(G)`
   color: inherit;
-`,zt=i(j)`
+`,zt=i(v)`
   color: inherit;
 `,kt=i.div`
   display: flex;
@@ -349,10 +349,10 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   min-width: ${r.sp4};
   min-height: ${r.sp4};
   color: inherit;
-`,ve=i(tr)`
+`,je=i(tr)`
   width: ${e=>e.width}px;
   color: ${e=>e.theme.colors.hero};
-`,Lt=i(ve)`
+`,Lt=i(je)`
   text-align: right;
 `,Tt=i.div`
   border-radius: ${r.sp2};
@@ -374,7 +374,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   margin-bottom: ${r.sp3};
   margin-top: ${r.sp7};
   color: ${e=>e.theme.colors.primary};
-`,L={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),largeLabelWidth:new d(120,120,200),webkitLineClamp:new d(2,1,1,1,1),overlayWidth:new d(100,100,58),cardHolderDetailsPaddingX:new d(y[3],y[4]),cardNameSectionMarginLeft:new d(y[7],0),cardHolderDetailsGap:new d(y[1],0),recurringExpenseMerchantWidth:new d(112,240),recurringExpenseNextPaymentDateWidth:new d(112,104),recurringExpenseAmountWidth:new d(100,312),reasonTextFieldMarginTop:new d(y[3],0)},{lockCard:_,common:C}=U.getLocalizedStrings().spendManagement.chargeCard,k="reasonSection",Ae="lockCardPage",E=(e,h)=>`${e}.${h}`,Ee=e=>`${e}_form`,{common:je,dateFormat:Nt,cockpit:It}=U.getLocalizedStrings(),zi=({showLockCardDrawer:e,onCloseLockCardDrawer:h,isChargeCardAdmin:c,chargeCardsByCardId:p,cardRecurringExpensesByCardId:l,cardRecurringExpenseFetchState:b,lockCardFetchState:n,onRemoveCardClick:m,onConfirmClick:R,onDismissClick:N})=>{const o=he(),T=_e(),[$,B]=ae.useState(Object.fromEntries(Object.keys(l).map((s,g)=>[s,g===0]))),H=s=>{B(g=>g[s]?{...g,[s]:!1}:{...Object.fromEntries(Object.keys(g).map(x=>[x,!1])),[s]:!0})},v=me({mode:"all",reValidateMode:"onBlur",defaultValues:{[k]:{reason:void 0,reasonType:void 0}},values:{[k]:{reason:void 0,reasonType:void 0}}}),W=L.largeLabelWidth.value(o),{isValid:V,errors:O}=v.formState,K=s=>`${p[s].cardHolderUser?.firstName??""} ${p[s].cardHolderUser?.lastName??""}`,Z=ue(O,E(k,"reasonType")),I=v.watch("reasonSection.reasonType"),Y=v.handleSubmit(()=>{if(V){const s=v.getValues(),g={reason:s[k].reason,reasonType:s[k].reasonType};R(g)}}),u=Object.keys(l).length>1,F=Object.keys(l).length,D=Object.values(l).reduce((s,g)=>s+g.length,0),a=l[Object.keys(l)[0]].length>0;return t.jsx(Be,{anchor:"right",open:e,onClose:h,PaperProps:{style:{width:L.overlayWidth.valuePercentage(o),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:T.colors.black,opacity:.75,cursor:"pointer"}}},transitionDuration:250,children:t.jsxs(Ft,{windowSize:o,children:[t.jsxs(At,{windowSize:o,children:[t.jsx(Ot,{windowSize:o,children:t.jsx(_t,{onClick:()=>{N()}})}),o==="small"?t.jsx(Xt,{windowSize:o,children:u?_.lockCards:_.lockCard}):t.jsx(qt,{children:u?_.lockCards:_.lockCard}),b==="Completed"?t.jsx(ge,{...v,children:t.jsxs("form",{id:Ee(Ae),onSubmit:Y,children:[t.jsxs(Gt,{children:[t.jsx(Kt,{windowSize:o,children:u?D>0?`${_.multipleCardsHasRecurringExpenses.replace("_number_of_cards_",F.toString()).replace("_number_of_recurring_expenses_",D.toString())} ${D===1?C.expense:C.expenses}.`:_.multipleCardsNoRecurringExpenses.replace("_number_of_cards_",F.toString()):a?_.firstCardHasRecurringExpenses.replace("_number_of_recurring_expenses_",D.toString()).replace("_expense_",D===1?C.expense:C.expenses):_.firstCardNoRecurringExpenses}),u&&t.jsx(mi,{children:`${F} ${F===1?C.card:C.cards} ${C.selected}`}),Object.keys(l).map((s,g)=>{const x=l[s].length>0;return t.jsxs(Zt,{onClick:()=>x?H(s):void 0,isMoreThanOneCard:u,isLastCard:g===Object.keys(l).length-1,children:[t.jsxs(Qt,{windowSize:o,children:[t.jsxs(Rt,{windowSize:o,children:[t.jsxs(ei,{windowSize:o,children:[p[s].cardHolderUser?.photo!==void 0?t.jsx(Bt,{src:p[s].cardHolderUser?.photo.href,alt:It.userProfileAltText,onError:({currentTarget:f})=>{f.onerror=null,f.src=He},loading:"lazy"}):t.jsx(Ue,{firstName:p[s].cardHolderUser?.firstName??"",lastName:p[s].cardHolderUser?.lastName??"",size:r.sp6}),t.jsxs("div",{children:[t.jsx(Jt,{children:K(s)}),t.jsx(ri,{children:t.jsx(ir,{roles:p[s].cardHolderRoles.userRoles})})]})]}),o==="small"&&x&&($[s]?t.jsx(Oe,{}):t.jsx(Me,{}))]}),t.jsxs(ti,{windowSize:o,children:[p[s].cardName,t.jsx(or,{cardDetail:p[s],forDetailPage:!0,styles:{...We.smallRegular.cssObject,position:"relative",top:"-5px"}})]}),t.jsxs(ii,{windowSize:o,children:[t.jsxs(li,{children:[t.jsx(pi,{children:l[s].length}),t.jsx(ci,{children:C.recurringExpenses})]}),o!=="small"&&x&&($[s]?t.jsx(Oe,{}):t.jsx(Me,{}))]})]}),u&&t.jsx(Et,{children:t.jsx(Ve,{variant:"standard",title:je.remove,children:t.jsx(Ut,{onClick:()=>m(s)})})}),$[s]&&x&&t.jsxs(t.Fragment,{children:[t.jsx(Re,{}),t.jsxs(oi,{children:[t.jsxs(hi,{children:[t.jsx(Se,{width:o==="small"?112:240,children:C.merchant}),t.jsx(Se,{width:o==="small"?112:104,children:C.nextPaymentDate}),t.jsx(ui,{width:o==="small"?100:312,children:C.amount})]}),l[s].map((f,se)=>t.jsxs("div",{children:[se>0&&t.jsx(Re,{}),t.jsxs(ai,{children:[t.jsxs(si,{windowSize:o,children:[t.jsx(Wt,{src:f.merchant.logo?.url?.href}),t.jsx(Ht,{windowSize:o,children:f.merchant.brandName??f.merchant.name})]}),t.jsx(ni,{windowSize:o,children:f.nextPaymentDate.format(Nt.visual.MMMDCommaYYYYformat)}),t.jsx(di,{windowSize:o,children:re("0,0.00",f.amount)})]},f.merchant.name)]},f.merchant.name))]})]})]},s)})]}),t.jsx(xi,{windowSize:o,children:C.letUsKnowWhy}),t.jsxs(gi,{isReasonTextFieldVisible:I==="other",children:[t.jsxs(Vt,{size:o,children:[t.jsx(Ye,{label:C.reasonLabel,htmlFor:E(k,"reasonType"),style:{padding:`${r.sp2} ${r.sp0}`,width:"fit-content"}}),t.jsxs(Yt,{labelWidth:W,size:o,children:[t.jsx(X,{label:{label:C.reason.lost},style:{width:"auto"},radioField:{name:E(k,"reasonType"),id:`${E(k,"reasonType")}.Lost or stolen`,value:"Lost or stolen",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(X,{label:{label:C.reason.fraud},style:{width:"auto"},radioField:{name:E(k,"reasonType"),id:`${E(k,"reasonType")}.Fraud detected`,value:"Fraud detected",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(X,{label:{label:C.reason.not_needed},style:{width:"auto"},radioField:{name:E(k,"reasonType"),id:`${E(k,"reasonType")}.Not needed`,value:"Not needed",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(X,{label:{label:C.reason.other},style:{width:"auto"},radioField:{name:E(k,"reasonType"),id:`${E(k,"reasonType")}.other`,value:"other",style:{height:r.sp3,width:r.sp3},radioSize:"small"}})]})]}),I==="other"?t.jsx(Xe,{style:{height:r.sp6,width:"100%",backgroundColor:T.colors.background,marginTop:`${L.reasonTextFieldMarginTop.valuePx(o)}`},type:"text",name:E(k,"reason"),placeholder:_.reasonPlaceholder,className:"reason-text-field"}):I==null&&!c&&Z?t.jsx(Mt,{children:_.youNeedToProvideReasonToLockCard}):null]})]})}):t.jsx(qe,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),b==="Completed"&&t.jsx(Ge,{style:{zIndex:4,paddingTop:r.sp3,paddingBottom:r.sp3},formId:Ee(Ae),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:je.confirm,isLoading:n==="In-Progress"},cancelBtn:{label:je.cancel,style:{width:"90px"},onClick:()=>{N?.()}}})]})})},Ft=i.div`
+`,L={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),largeLabelWidth:new d(120,120,200),webkitLineClamp:new d(2,1,1,1,1),overlayWidth:new d(100,100,58),cardHolderDetailsPaddingX:new d(b[3],b[4]),cardNameSectionMarginLeft:new d(b[7],0),cardHolderDetailsGap:new d(b[1],0),recurringExpenseMerchantWidth:new d(112,240),recurringExpenseNextPaymentDateWidth:new d(112,104),recurringExpenseAmountWidth:new d(100,312),reasonTextFieldMarginTop:new d(b[3],0)},{lockCard:_,common:C}=U.getLocalizedStrings().spendManagement.chargeCard,k="reasonSection",Ae="lockCardPage",E=(e,h)=>`${e}.${h}`,Ee=e=>`${e}_form`,{common:ve,dateFormat:Nt,cockpit:It}=U.getLocalizedStrings(),zi=({showLockCardDrawer:e,onCloseLockCardDrawer:h,isChargeCardAdmin:c,chargeCardsByCardId:p,cardRecurringExpensesByCardId:l,cardRecurringExpenseFetchState:y,lockCardFetchState:n,onRemoveCardClick:m,onConfirmClick:R,onDismissClick:N})=>{const o=he(),T=_e(),[$,B]=ae.useState(Object.fromEntries(Object.keys(l).map((s,g)=>[s,g===0]))),H=s=>{B(g=>g[s]?{...g,[s]:!1}:{...Object.fromEntries(Object.keys(g).map(x=>[x,!1])),[s]:!0})},j=me({mode:"all",reValidateMode:"onBlur",defaultValues:{[k]:{reason:void 0,reasonType:void 0}},values:{[k]:{reason:void 0,reasonType:void 0}}}),W=L.largeLabelWidth.value(o),{isValid:V,errors:O}=j.formState,K=s=>`${p[s].cardHolderUser?.firstName??""} ${p[s].cardHolderUser?.lastName??""}`,J=ue(O,E(k,"reasonType")),I=j.watch("reasonSection.reasonType"),Y=j.handleSubmit(()=>{if(V){const s=j.getValues(),g={reason:s[k].reason,reasonType:s[k].reasonType};R(g)}}),u=Object.keys(l).length>1,F=Object.keys(l).length,D=Object.values(l).reduce((s,g)=>s+g.length,0),a=l[Object.keys(l)[0]].length>0;return t.jsx(Be,{anchor:"right",open:e,onClose:h,PaperProps:{style:{width:L.overlayWidth.valuePercentage(o),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:T.colors.black,opacity:.75,cursor:"pointer"}}},transitionDuration:250,children:t.jsxs(Ft,{windowSize:o,children:[t.jsxs(At,{windowSize:o,children:[t.jsx(Ot,{windowSize:o,children:t.jsx(_t,{onClick:()=>{N()}})}),o==="small"?t.jsx(qt,{windowSize:o,children:u?_.lockCards:_.lockCard}):t.jsx(Xt,{children:u?_.lockCards:_.lockCard}),y==="Completed"?t.jsx(ge,{...j,children:t.jsxs("form",{id:Ee(Ae),onSubmit:Y,children:[t.jsxs(Gt,{children:[t.jsx(Kt,{windowSize:o,children:u?D>0?`${_.multipleCardsHasRecurringExpenses.replace("_number_of_cards_",F.toString()).replace("_number_of_recurring_expenses_",D.toString())} ${D===1?C.expense:C.expenses}.`:_.multipleCardsNoRecurringExpenses.replace("_number_of_cards_",F.toString()):a?_.firstCardHasRecurringExpenses.replace("_number_of_recurring_expenses_",D.toString()).replace("_expense_",D===1?C.expense:C.expenses):_.firstCardNoRecurringExpenses}),u&&t.jsx(mi,{children:`${F} ${F===1?C.card:C.cards} ${C.selected}`}),Object.keys(l).map((s,g)=>{const x=l[s].length>0;return t.jsxs(Jt,{onClick:()=>x?H(s):void 0,isMoreThanOneCard:u,isLastCard:g===Object.keys(l).length-1,children:[t.jsxs(Qt,{windowSize:o,children:[t.jsxs(Rt,{windowSize:o,children:[t.jsxs(ei,{windowSize:o,children:[p[s].cardHolderUser?.photo!==void 0?t.jsx(Bt,{src:p[s].cardHolderUser?.photo.href,alt:It.userProfileAltText,onError:({currentTarget:f})=>{f.onerror=null,f.src=He},loading:"lazy"}):t.jsx(Ue,{firstName:p[s].cardHolderUser?.firstName??"",lastName:p[s].cardHolderUser?.lastName??"",size:r.sp6}),t.jsxs("div",{children:[t.jsx(Zt,{children:K(s)}),t.jsx(ri,{children:t.jsx(ir,{roles:p[s].cardHolderRoles.userRoles})})]})]}),o==="small"&&x&&($[s]?t.jsx(Oe,{}):t.jsx(Me,{}))]}),t.jsxs(ti,{windowSize:o,children:[p[s].cardName,t.jsx(or,{cardDetail:p[s],forDetailPage:!0,styles:{...We.smallRegular.cssObject,position:"relative",top:"-5px"}})]}),t.jsxs(ii,{windowSize:o,children:[t.jsxs(li,{children:[t.jsx(pi,{children:l[s].length}),t.jsx(ci,{children:C.recurringExpenses})]}),o!=="small"&&x&&($[s]?t.jsx(Oe,{}):t.jsx(Me,{}))]})]}),u&&t.jsx(Et,{children:t.jsx(Ve,{variant:"standard",title:ve.remove,children:t.jsx(Ut,{onClick:()=>m(s)})})}),$[s]&&x&&t.jsxs(t.Fragment,{children:[t.jsx(Re,{}),t.jsxs(oi,{children:[t.jsxs(hi,{children:[t.jsx(Se,{width:o==="small"?112:240,children:C.merchant}),t.jsx(Se,{width:o==="small"?112:104,children:C.nextPaymentDate}),t.jsx(ui,{width:o==="small"?100:312,children:C.amount})]}),l[s].map((f,se)=>t.jsxs("div",{children:[se>0&&t.jsx(Re,{}),t.jsxs(ai,{children:[t.jsxs(si,{windowSize:o,children:[t.jsx(Wt,{src:f.merchant.logo?.url?.href}),t.jsx(Ht,{windowSize:o,children:f.merchant.brandName??f.merchant.name})]}),t.jsx(ni,{windowSize:o,children:f.nextPaymentDate.format(Nt.visual.MMMDCommaYYYYformat)}),t.jsx(di,{windowSize:o,children:re("0,0.00",f.amount)})]},f.merchant.name)]},f.merchant.name))]})]})]},s)})]}),t.jsx(xi,{windowSize:o,children:C.letUsKnowWhy}),t.jsxs(gi,{isReasonTextFieldVisible:I==="other",children:[t.jsxs(Vt,{size:o,children:[t.jsx(Ye,{label:C.reasonLabel,htmlFor:E(k,"reasonType"),style:{padding:`${r.sp2} ${r.sp0}`,width:"fit-content"}}),t.jsxs(Yt,{labelWidth:W,size:o,children:[t.jsx(q,{label:{label:C.reason.lost},style:{width:"auto"},radioField:{name:E(k,"reasonType"),id:`${E(k,"reasonType")}.Lost or stolen`,value:"Lost or stolen",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(q,{label:{label:C.reason.fraud},style:{width:"auto"},radioField:{name:E(k,"reasonType"),id:`${E(k,"reasonType")}.Fraud detected`,value:"Fraud detected",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(q,{label:{label:C.reason.not_needed},style:{width:"auto"},radioField:{name:E(k,"reasonType"),id:`${E(k,"reasonType")}.Not needed`,value:"Not needed",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(q,{label:{label:C.reason.other},style:{width:"auto"},radioField:{name:E(k,"reasonType"),id:`${E(k,"reasonType")}.other`,value:"other",style:{height:r.sp3,width:r.sp3},radioSize:"small"}})]})]}),I==="other"?t.jsx(qe,{style:{height:r.sp6,width:"100%",backgroundColor:T.colors.background,marginTop:`${L.reasonTextFieldMarginTop.valuePx(o)}`},type:"text",name:E(k,"reason"),placeholder:_.reasonPlaceholder,className:"reason-text-field"}):I==null&&!c&&J?t.jsx(Mt,{children:_.youNeedToProvideReasonToLockCard}):null]})]})}):t.jsx(Xe,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),y==="Completed"&&t.jsx(Ge,{style:{zIndex:4,paddingTop:r.sp3,paddingBottom:r.sp3},formId:Ee(Ae),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:ve.confirm,isLoading:n==="In-Progress"},cancelBtn:{label:ve.cancel,style:{width:"90px"},onClick:()=>{N?.()}}})]})})},Ft=i.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -406,7 +406,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
 `,Mt=i(G)`
   color: ${e=>e.theme.colors.important};
   text-align: end;
-`,_t=i(Ze)`
+`,_t=i(Je)`
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
   width: ${r.sp4};
@@ -421,7 +421,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   border-radius: 50%;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
-`,Ht=i(j)`
+`,Ht=i(v)`
   margin-right: ${r.sp3};
   color: inherit;
   -webkit-line-clamp: ${e=>L.webkitLineClamp.value(e.windowSize)};
@@ -475,19 +475,19 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
     height: ${r.sp11};
     align-items: start;
     `}
-`,Xt=i(xe)`
+`,qt=i(xe)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${r.sp3};
   margin-bottom: ${r.sp0};
   margin-right: ${r.sp3};
-`,qt=i(Je)`
+`,Xt=i(Ze)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${r.sp3};
   margin-bottom: ${r.sp2};
-`,Gt=i.div``,Kt=i(j)`
+`,Gt=i.div``,Kt=i(v)`
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${r.sp3};
-`,Zt=i.div`
+`,Jt=i.div`
   cursor: pointer;
   background-color: ${e=>e.theme.colors.grey5};
   border-radius: ${r.sp2};
@@ -504,7 +504,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Jt=i(j)`
+`,Zt=i(v)`
   color: inherit;
 `,Qt=i.div`
   display: flex;
@@ -527,7 +527,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   color: inherit;
   position: relative;
   top: -5px;
-`,ti=i(j)`
+`,ti=i(v)`
   width: 216px;
   color: inherit;
   overflow: hidden;
@@ -549,21 +549,21 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   justify-content: space-between;
   margin: ${r.sp2} ${r.sp0};
 `,Re=i.div`
-  background-color: ${e=>e.theme.mode==="light"?e.theme.colors.background:q.neutralGrey3Dark};
+  background-color: ${e=>e.theme.mode==="light"?e.theme.colors.background:X.neutralGrey3Dark};
   min-height: 1px;
   max-height: 1px;
   width: 100%;
-`,si=i(j)`
+`,si=i(v)`
   width: ${e=>`${L.recurringExpenseMerchantWidth.valuePx(e.windowSize)}`};
   text-align: left;
   color: inherit;
   display: flex;
   gap: ${r.sp2};
-`,ni=i(j)`
+`,ni=i(v)`
   width: ${e=>`${L.recurringExpenseNextPaymentDateWidth.valuePx(e.windowSize)}`};
   text-align: left;
   color: inherit;
-`,di=i(j)`
+`,di=i(v)`
   width: ${e=>`${L.recurringExpenseAmountWidth.valuePx(e.windowSize)}`};
   text-align: right;
   color: inherit;
@@ -573,7 +573,7 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   color: inherit;
   position: relative;
   top: -5px;
-`,pi=i(j)`
+`,pi=i(v)`
   color: inherit;
 `,hi=i.div`
   display: flex;
@@ -620,4 +620,4 @@ import{J as he,y as _e,a9 as me,x as d,ex as ue,V as t,ff as Be,ad as ge,aq as H
   margin-bottom: ${r.sp3};
   margin-top: ${r.sp7};
   color: ${e=>e.theme.colors.primary};
-`;export{zi as N,Si as P,vi as k,Ci as z};
+`;export{zi as L,Si as P,ji as k,Ci as z};

package/dist/assets/{LowBalancePopup-DTUaytjD-CvreHpXe.js → LowBalancePopup-Cb55PGLc-8xdVWK14.js}

@@ -1,4 +1,4 @@
-import{F as C,J as A,a9 as W,V as a,ad as R,cr as F,cP as V,x as m,cT as z,o as t,ct as E,u,bb as U,aV as J,bW as Y}from"./index-DXmO9OXv.js";import{n as s}from"./mui-Cp4jYS1p.js";import{uu as _,bL as $,bh as S}from"./zeni-epic-state-CDDu2l-a.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="c2b05ed2-46f6-4478-bc90-53c78dd371b4",e._sentryDebugIdIdentifier="sentry-dbid-c2b05ed2-46f6-4478-bc90-53c78dd371b4")}catch{}})();const d={labelWidth:new m(152,176,176),paddingBottom:new m(u[3],u[2]),width:new m(300,420,420),paddingRight:new m(u[4],u[3])},N=s.div`
+import{F as v,J as A,a9 as W,V as a,ac as R,cq as F,cO as V,y as m,cS as z,o as t,cs as E,u,bb as U,aV as J,bW as Y}from"./index-RSYdG57D.js";import{n as d}from"./mui-Bi6zxcZy.js";import{tM as _,bL as $,bh as S}from"./zeni-epic-state-DnYFo_hK.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="2790b0cc-8858-4d65-9c6f-f4811a51cb60",e._sentryDebugIdIdentifier="sentry-dbid-2790b0cc-8858-4d65-9c6f-f4811a51cb60")}catch{}})();const s={labelWidth:new m(152,176,176),paddingBottom:new m(u[3],u[2]),width:new m(300,420,420),paddingRight:new m(u[4],u[3])},N=d.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey5};
@@ -6,13 +6,13 @@ import{F as C,J as A,a9 as W,V as a,ad as R,cr as F,cP as V,x as m,cT as z,o as
   box-shadow: ${e=>`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${t.sp2};
   margin: ${e=>e.windowSize==="small"?`${t.sp5} ${t.sp3} ${t.sp6} ${t.sp3}`:`${t.sp5} ${t.sp8} ${t.sp6} ${t.sp8}`};
-`,Z=s.div`
+`,q=d.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`;function ee({saveDetailsFetchState:e,paymentData:o,onProceedForMarkAsPaid:r,onCancel:h}){const{spendManagement:{billPay:{billDetails:{paymentOutsideZeni:y,paymentDate:f,cancel:l}}},dateFormat:{visual:b,analytics:g}}=C.getLocalizedStrings(),{popUpTitle:w,paymentModeLabel:M,markAsPaid:B,defaultDateInfo:I,paymentModeOptions:x,selectDate:P,selectMethod:j}=y,i=A(),D="payment-outside-zeni-form",p="paymentMode",c="paymentDate",k=W({mode:"all",values:{[p]:{selectedOption:o?.paymentMode,allOptions:x.map(n=>n.value)},[c]:o?.paymentDate?.toDate()}}),O=k.handleSubmit(n=>{r({paymentDate:n[c]!=null?$(n[c].toString()):$(S().startOf("month").format(g.YYYYDashMMDashDDFormat).toString()),paymentMode:n[p]?.selectedOption!=null?_(n[p]?.selectedOption):"other"})}),T=n=>x.find(L=>L.value===n)?.label??"";return a.jsx(R,{...k,children:a.jsx("form",{id:D,onSubmit:O,children:a.jsx(F,{formId:D,titleComponent:a.jsx(E,{children:w}),primaryButtonText:B,primaryButtonWidth:128,secondaryButtonWidth:128,secondaryButtonText:l,isLoading:e==="In-Progress",isDisabled:e==="In-Progress",isEditPopup:!0,shouldClickAway:e!=="In-Progress",action:{onOkClick:()=>null,onCancelClick:h},children:a.jsxs(N,{windowSize:i,children:[a.jsx(V,{label:{label:M,width:d.labelWidth.value(i)},style:{width:d.width.valuePx(i)},singleSelectField:{singleSelect:{getLabelForId:T,showTickMark:!1,alwaysShowEyeTooltip:!1,name:p,placeholder:j,showValueEyeIcon:!1,showEyeIconOnSelect:!1},defaultValue:{selectedOption:o?.paymentMode,allOptions:x?.map(n=>n.value)??[]}},isFunctional:!0}),a.jsx(Z,{}),a.jsx(z,{label:{label:f,width:d.labelWidth.value(i)},style:{paddingBottom:d.paddingBottom.valuePx(i),width:d.width.valuePx(i),borderRadius:t.sp0},additionalPaymentInfoLabel:I,additionalPaymentInfoLabelStyle:{borderBottomRightRadius:t.sp2,borderBottomLeftRadius:t.sp2,paddingTop:t.sp1,paddingBottom:t.sp1,paddingLeft:t.sp3,paddingRight:d.paddingRight.valuePx(i),textAlign:"left"},dateField:{name:c,placeholder:P,defaultValue:o?.paymentDate,dateFormat:b.defaultInput,maxDate:S(),minDate:$("01 Jan 1900"),autoComplete:"off"}})]})})})})}const te=({withdrawFrom:e,paymentDate:o,onOkClick:r,onCancelClick:h,onClickAway:y})=>{const{dateFormat:f,spendManagement:{billPay:l},common:{strings:b}}=C.getLocalizedStrings();if(e!=null&&o!=null){const g=`${e?.label} ${e?.maskedAccountNumber}`,w=a.jsx(q,{children:a.jsxs(G,{children:[a.jsx(v,{children:g}),l.insufficientFunds.popUp.hasLowBalance,b.space,l.insufficientFunds.popUp.addMoney,a.jsx(v,{children:o?.format(f.visual.MMMDFormat)}),l.insufficientFunds.popUp.avoidFailure]})});return a.jsx(F,{titleComponent:a.jsx(H,{children:l.insufficientFunds.popUp.title}),primaryButtonText:l.billDetails.buttons.approveAnyways,secondaryButtonText:l.billDetails.editBill,containerStyle:{maxWidth:474},descriptionComponent:w,action:{onOkClick:r,onCancelClick:h,onClickAway:y},secondaryButtonWidth:166,primaryButtonWidth:"auto",showLine:!1,buttonSeparatorStyle:{width:t.sp3},buttonContainerStyle:{paddingBottom:t.sp6}})}},q=s.div`
+`;function ee({saveDetailsFetchState:e,paymentData:o,onProceedForMarkAsPaid:r,onCancel:h}){const{spendManagement:{billPay:{billDetails:{paymentOutsideZeni:y,paymentDate:f,cancel:i}}},dateFormat:{visual:b,analytics:g}}=v.getLocalizedStrings(),{popUpTitle:w,paymentModeLabel:M,markAsPaid:B,defaultDateInfo:I,paymentModeOptions:x,selectDate:O,selectMethod:P}=y,l=A(),D="payment-outside-zeni-form",p="paymentMode",c="paymentDate",k=W({mode:"all",values:{[p]:{selectedOption:o?.paymentMode,allOptions:x.map(n=>n.value)},[c]:o?.paymentDate?.toDate()}}),j=k.handleSubmit(n=>{r({paymentDate:n[c]!=null?$(n[c].toString()):$(S().startOf("month").format(g.YYYYDashMMDashDDFormat).toString()),paymentMode:n[p]?.selectedOption!=null?_(n[p]?.selectedOption):"other"})}),L=n=>x.find(T=>T.value===n)?.label??"";return a.jsx(R,{...k,children:a.jsx("form",{id:D,onSubmit:j,children:a.jsx(F,{formId:D,titleComponent:a.jsx(E,{children:w}),primaryButtonText:B,primaryButtonWidth:128,secondaryButtonWidth:128,secondaryButtonText:i,isLoading:e==="In-Progress",isDisabled:e==="In-Progress",isEditPopup:!0,shouldClickAway:e!=="In-Progress",action:{onOkClick:()=>null,onCancelClick:h},children:a.jsxs(N,{windowSize:l,children:[a.jsx(V,{label:{label:M,width:s.labelWidth.value(l)},style:{width:s.width.valuePx(l)},singleSelectField:{singleSelect:{getLabelForId:L,showTickMark:!1,alwaysShowEyeTooltip:!1,name:p,placeholder:P,showValueEyeIcon:!1,showEyeIconOnSelect:!1},defaultValue:{selectedOption:o?.paymentMode,allOptions:x?.map(n=>n.value)??[]}},isFunctional:!0}),a.jsx(q,{}),a.jsx(z,{label:{label:f,width:s.labelWidth.value(l)},style:{paddingBottom:s.paddingBottom.valuePx(l),width:s.width.valuePx(l),borderRadius:t.sp0},additionalPaymentInfoLabel:I,additionalPaymentInfoLabelStyle:{borderBottomRightRadius:t.sp2,borderBottomLeftRadius:t.sp2,paddingTop:t.sp1,paddingBottom:t.sp1,paddingLeft:t.sp3,paddingRight:s.paddingRight.valuePx(l),textAlign:"left"},dateField:{name:c,placeholder:O,defaultValue:o?.paymentDate,dateFormat:b.defaultInput,maxDate:S(),minDate:$("01 Jan 1900"),autoComplete:"off"}})]})})})})}const te=({withdrawFrom:e,paymentDate:o,onOkClick:r,onCancelClick:h,onClickAway:y})=>{const{dateFormat:f,spendManagement:{billPay:i},common:{strings:b}}=v.getLocalizedStrings();if(e!=null&&o!=null){const g=`${e?.label} ${e?.maskedAccountNumber}`,w=a.jsx(H,{children:a.jsxs(K,{children:[a.jsx(C,{children:g}),i.insufficientFunds.popUp.hasLowBalance,b.space,i.insufficientFunds.popUp.addMoney,a.jsx(C,{children:o?.format(f.visual.MMMDFormat)}),i.insufficientFunds.popUp.avoidFailure]})});return a.jsx(F,{titleComponent:a.jsx(Z,{children:i.insufficientFunds.popUp.title}),primaryButtonText:i.billDetails.buttons.approveAnyways,secondaryButtonText:i.billDetails.editBill,containerStyle:{maxWidth:474},descriptionComponent:w,action:{onOkClick:r,onCancelClick:h,onClickAway:y},secondaryButtonWidth:166,primaryButtonWidth:"auto",showLine:!1,buttonSeparatorStyle:{width:t.sp3},buttonContainerStyle:{paddingBottom:t.sp6}})}},H=d.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -21,11 +21,11 @@ import{F as C,J as A,a9 as W,V as a,ad as R,cr as F,cP as V,x as m,cT as z,o as
   padding-right: ${t.sp7};
   margin-top: ${t.sp3};
   white-space: pre-line;
-`,G=s(U)`
+`,K=d(U)`
   color: ${e=>e.theme.colors.hero};
-`,v=s(J)`
+`,C=d(J)`
   color: ${e=>e.theme.colors.primary};
-`,H=s(Y)`
+`,Z=d(Y)`
   margin-top: ${t.sp6};
   padding-left: ${t.sp8};
   padding-right: ${t.sp8};

package/dist/assets/MagicLinkACHDetailsPage-Dnp01hnF-DHCMKKMo.js

@@ -0,0 +1 @@
+import{V as b}from"./index-RSYdG57D.js";import{f as l}from"./ACHDetailsPage-D2Xav-UW-gmz3eqze.js";import"./sentry-D087_5zX.js";import"./liveblocks-BR4rmGyf.js";import"./core-CTDonMeQ.js";import"./recharts-B4xbIQqu.js";import"./zeni-epic-state-DnYFo_hK.js";import"./mui-Bi6zxcZy.js";import"./lottie-CZNmnTyG.js";import"./analytics-BLsUySon.js";import"./lexical-CMaEqdkY.js";import"./utils-bkVcg2I6.js";import"./BankAccountWarningSection-CpxVDMSZ-BNQxexaw.js";import"./MagicLinkTitleSection-BA-i6vzA-BnqIfeCZ.js";import"./BankAccountSection-hcKEMs80-ujPW3TnU.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="52257875-7151-4991-82e8-d8de6bde2d09",e._sentryDebugIdIdentifier="sentry-dbid-52257875-7151-4991-82e8-d8de6bde2d09")}catch{}})();const _=({magicLinkViewState:e,magicLinkBankAccountDetails:t,onSaveHandler:n,onACHDetailsUpdated:o,onFetchBankName:a,isDisabled:i,companyName:r})=>{const{fetchState:d,error:m,bankNameByRouting:s,bankAccountToCreate:c,fetchBankNameByRoutingStatus:u}=t,{currencySymbol:p,amount:f}=e;return b.jsx(l,{bankAccountToCreate:c,bankAccountCreationState:{fetchState:d,error:m},bankNameByRouting:s,fetchBankNameByRoutingStatus:u,onSaveHandler:n,onACHDetailsUpdated:o,onFetchBankName:a,isDisabled:i,companyName:r,isMagicLink:!0,currencySymbol:p,amount:f})};export{_ as default};

package/dist/assets/MagicLinkDomesticWireDetailsPage-B36rsikS-DTcLhMoN.js

@@ -0,0 +1 @@
+import{V as y}from"./index-RSYdG57D.js";import{D as g}from"./DomesticWireDetailsPage-C--eZ-UG-aeN-j2-T.js";import"./sentry-D087_5zX.js";import"./liveblocks-BR4rmGyf.js";import"./core-CTDonMeQ.js";import"./recharts-B4xbIQqu.js";import"./zeni-epic-state-DnYFo_hK.js";import"./mui-Bi6zxcZy.js";import"./lottie-CZNmnTyG.js";import"./analytics-BLsUySon.js";import"./lexical-CMaEqdkY.js";import"./utils-bkVcg2I6.js";import"./BankAccountSection-hcKEMs80-ujPW3TnU.js";import"./MagicLinkTitleSection-BA-i6vzA-BnqIfeCZ.js";import"./BankAccountWarningSection-CpxVDMSZ-BNQxexaw.js";import"./MailingDetailsSection-EwtoQ2TZ-uOWaBvAh.js";import"./LabeledAddressValueField-BoHS44YO-2snjxiG6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="bd5bb9bf-1acf-4c4c-aecc-7c49cf4b5f6d",e._sentryDebugIdIdentifier="sentry-dbid-bd5bb9bf-1acf-4c4c-aecc-7c49cf4b5f6d")}catch{}})();const E=({magicLinkViewState:e,magicLinkBankAccountDetails:t,mailingAddressDetails:a,isDisabled:o,companyName:n,onSaveHandler:r,onWireDetailsUpdated:i,onFetchBankName:c,onAddressClick:d})=>{const{fetchState:s,error:m,bankNameByRouting:b,bankAccountToCreate:f,fetchBankNameByRoutingStatus:p}=t,{currencySymbol:u,amount:l}=e;return y.jsx(g,{bankAccountToCreate:f,bankAccountCreationState:{fetchState:s,error:m},bankNameByRouting:b,addressToEdit:a,addressType:"vendor_address",fetchBankNameByRoutingStatus:p,isDisabled:o,onSaveHandler:r,onWireDetailsUpdated:i,onAddressClick:d,onFetchBankName:c,companyName:n,isMagicLink:!0,currencySymbol:u,amount:l})};export{E as default};

package/dist/assets/MagicLinkInternationalWireDetailsPage-Zo4oNZez-DPORyIsv.js

@@ -0,0 +1 @@
+import{V as y}from"./index-RSYdG57D.js";import{f as b}from"./InternationalWireSwiftDetailsPage-DxdKE300-ChF2f0EA.js";import"./sentry-D087_5zX.js";import"./liveblocks-BR4rmGyf.js";import"./core-CTDonMeQ.js";import"./recharts-B4xbIQqu.js";import"./zeni-epic-state-DnYFo_hK.js";import"./mui-Bi6zxcZy.js";import"./lottie-CZNmnTyG.js";import"./analytics-BLsUySon.js";import"./lexical-CMaEqdkY.js";import"./utils-bkVcg2I6.js";import"./BankAccountWarningSection-CpxVDMSZ-BNQxexaw.js";import"./MailingDetailsSection-EwtoQ2TZ-uOWaBvAh.js";import"./LabeledAddressValueField-BoHS44YO-2snjxiG6.js";import"./MagicLinkTitleSection-BA-i6vzA-BnqIfeCZ.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new t.Error().stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="aa87f735-3624-4e8c-a562-bc98fd416197",t._sentryDebugIdIdentifier="sentry-dbid-aa87f735-3624-4e8c-a562-bc98fd416197")}catch{}})();const x=({magicLinkViewState:t,magicLinkBankAccountDetails:e,mailingAddressDetails:a,isDisabled:n,companyName:i,onSaveHandler:o,onBankDetailsUpdated:r,onFetchBankNameBySwift:d,onAddressClick:s})=>{const{internationalBankAccountCreateStatus:m,internationalBankAccountToCreate:c,fetchBankNameBySwiftStatus:f,bankNameBySwift:l}=e,{currencySymbol:p,amount:u}=t;return y.jsx(b,{bankAccountToCreate:c,bankAccountCreationState:m,bankNameBySwift:l,addressToEdit:a,addressType:"vendor_address",fetchBankNameBySwiftStatus:f,isDisabled:n,onSaveHandler:o,onBankDetailsUpdated:r,onAddressClick:s,onFetchBankNameBySwift:d,companyName:i,isMagicLink:!0,currencySymbol:p,amount:u})};export{x as default};

package/dist/assets/MagicLinkSuccessPage-09NLbjFG-DDk2ZACW.js

@@ -0,0 +1,31 @@
+import{av as s,F as n,V as t,b6 as l,o as r,af as a,R as c,c as d}from"./index-RSYdG57D.js";import{n as o}from"./mui-Bi6zxcZy.js";import"./sentry-D087_5zX.js";import"./liveblocks-BR4rmGyf.js";import"./core-CTDonMeQ.js";import"./recharts-B4xbIQqu.js";import"./zeni-epic-state-DnYFo_hK.js";import"./lottie-CZNmnTyG.js";import"./analytics-BLsUySon.js";import"./lexical-CMaEqdkY.js";import"./utils-bkVcg2I6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="5038aca6-c991-4952-a9ee-42d5e7d703ca",e._sentryDebugIdIdentifier="sentry-dbid-5038aca6-c991-4952-a9ee-42d5e7d703ca")}catch{}})();const _=()=>{const[e]=s("Confetti"),i=n.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen;return e!=null?t.jsxs(p,{children:[t.jsx(l,{loop:!1,play:!0,segments:[100,299],animationData:e,style:{position:"absolute"},rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}),t.jsx(f,{children:t.jsx(h,{})}),t.jsxs(m,{children:[t.jsx(g,{children:i.successTitle}),t.jsx(u,{children:i.successNote})]})]}):null},p=o.div`
+  z-index: 999;
+  height: 100vh;
+  width: 100%;
+  background-color: ${e=>e.theme.colors.background};
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,m=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  opacity: 80%;
+  margin: 0 ${r.sp4};
+`,g=o(c)`
+  color: ${e=>e.theme.colors.primary};
+  text-align: center;
+`,u=o(d)`
+  color: ${e=>e.theme.colors.hero};
+  text-align: center;
+`,f=o.div`
+  position: absolute;
+  top: ${r.sp5};
+  left: ${r.sp5};
+  background-color: ${e=>e.theme.colors.background};
+`,h=o(a)`
+  color: ${e=>e.theme.colors.primary};
+  height: ${r.sp4};
+`;export{_ as default};