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

package/dist/assets/LockCardPage-CfupCyYS-DqBQdk1I.js

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

@@ -1,4 +1,4 @@
-import{M as F,e as z,a as R,l as s,j as a,F as T,bX as S,ci as A,C as m,cl as W,o as e,b_ as E,r as u,ap as U,a7 as N,bs as Y}from"./index-RcMUg6rr.js";import{n as r}from"./vendor-rkTZJa59.js";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])},V=r.div`
+import{M as F,e as z,a as R,l as s,j as a,F as T,bY as S,ci as A,C as m,cl as W,o as e,b_ as E,r as u,as as U,aa as Y,bt as N}from"./index-dX8TSOm6.js";import{n as r}from"./vendor-rkTZJa59.js";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])},V=r.div`
   display: flex;
   flex-direction: column;
   background-color: ${t=>t.theme.colors.grey5};
@@ -12,7 +12,7 @@ import{M as F,e as z,a as R,l as s,j as a,F as T,bX as S,ci as A,C as m,cl as W,
   background-color: ${t=>t.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`;function K({saveDetailsFetchState:t,paymentData:i,onProceedForMarkAsPaid:h,onCancel:y}){const{spendManagement:{billPay:{billDetails:{paymentOutsideZeni:g,paymentDate:f,cancel:n}}},dateFormat:{visual:x,analytics:b}}=F.getLocalizedStrings(),{popUpTitle:w,paymentModeLabel:v,markAsPaid:M,defaultDateInfo:B,paymentModeOptions:$,selectDate:j,selectMethod:P}=g,l=z(),D="payment-outside-zeni-form",p="paymentMode",c="paymentDate",k=R({mode:"all",values:{[p]:{selectedOption:i?.paymentMode,allOptions:$.map(o=>o.value)},[c]:i?.paymentDate?.toDate()}}),O=k.handleSubmit(o=>{h({paymentDate:o[c]!=null?s.zeniDate(o[c].toString()):s.zeniDate(s.dateNow().startOf("month").format(b.YYYYDashMMDashDDFormat).toString()),paymentMode:o[p]?.selectedOption!=null?s.toOutsideZeniPaymentModeType(o[p]?.selectedOption):"other"})}),I=o=>$.find(L=>L.value===o)?.label??"";return a.jsx(T,{...k,children:a.jsx("form",{id:D,onSubmit:O,children:a.jsx(S,{formId:D,titleComponent:a.jsx(E,{children:w}),primaryButtonText:M,primaryButtonWidth:128,secondaryButtonWidth:128,secondaryButtonText:n,isLoading:t==="In-Progress",isDisabled:t==="In-Progress",isEditPopup:!0,shouldClickAway:t!=="In-Progress",action:{onOkClick:()=>null,onCancelClick:y},children:a.jsxs(V,{windowSize:l,children:[a.jsx(A,{label:{label:v,width:d.labelWidth.value(l)},style:{width:d.width.valuePx(l)},singleSelectField:{singleSelect:{getLabelForId:I,showTickMark:!1,alwaysShowEyeTooltip:!1,name:p,placeholder:P,showValueEyeIcon:!1,showEyeIconOnSelect:!1},defaultValue:{selectedOption:i?.paymentMode,allOptions:$?.map(o=>o.value)??[]}},isFunctional:!0}),a.jsx(J,{}),a.jsx(W,{label:{label:f,width:d.labelWidth.value(l)},style:{paddingBottom:d.paddingBottom.valuePx(l),width:d.width.valuePx(l),borderRadius:e.sp0},additionalPaymentInfoLabel:B,additionalPaymentInfoLabelStyle:{borderBottomRightRadius:e.sp2,borderBottomLeftRadius:e.sp2,paddingTop:e.sp1,paddingBottom:e.sp1,paddingLeft:e.sp3,paddingRight:d.paddingRight.valuePx(l),textAlign:"left"},dateField:{name:c,placeholder:j,defaultValue:i?.paymentDate,dateFormat:x.defaultInput,maxDate:s.dateNow(),minDate:s.zeniDate("01 Jan 1900"),autoComplete:"off"}})]})})})})}const q=({withdrawFrom:t,paymentDate:i,onOkClick:h,onCancelClick:y,onClickAway:g})=>{const{dateFormat:f,spendManagement:{billPay:n},common:{strings:x}}=F.getLocalizedStrings();if(t!=null&&i!=null){const b=`${t?.label} ${t?.maskedAccountNumber}`,w=a.jsx(X,{children:a.jsxs(Z,{children:[a.jsx(C,{children:b}),n.insufficientFunds.popUp.hasLowBalance,x.space,n.insufficientFunds.popUp.addMoney,a.jsx(C,{children:i?.format(f.visual.MMMDFormat)}),n.insufficientFunds.popUp.avoidFailure]})});return a.jsx(S,{titleComponent:a.jsx(_,{children:n.insufficientFunds.popUp.title}),primaryButtonText:n.billDetails.buttons.approveAnyways,secondaryButtonText:n.billDetails.editBill,containerStyle:{maxWidth:474},descriptionComponent:w,action:{onOkClick:h,onCancelClick:y,onClickAway:g},secondaryButtonWidth:166,primaryButtonWidth:"auto",showLine:!1,buttonSeparatorStyle:{width:e.sp3},buttonContainerStyle:{paddingBottom:e.sp6}})}},X=r.div`
+`;function X({saveDetailsFetchState:t,paymentData:i,onProceedForMarkAsPaid:h,onCancel:y}){const{spendManagement:{billPay:{billDetails:{paymentOutsideZeni:g,paymentDate:f,cancel:n}}},dateFormat:{visual:x,analytics:b}}=F.getLocalizedStrings(),{popUpTitle:w,paymentModeLabel:v,markAsPaid:M,defaultDateInfo:B,paymentModeOptions:$,selectDate:j,selectMethod:P}=g,l=z(),D="payment-outside-zeni-form",p="paymentMode",c="paymentDate",k=R({mode:"all",values:{[p]:{selectedOption:i?.paymentMode,allOptions:$.map(o=>o.value)},[c]:i?.paymentDate?.toDate()}}),O=k.handleSubmit(o=>{h({paymentDate:o[c]!=null?s.zeniDate(o[c].toString()):s.zeniDate(s.dateNow().startOf("month").format(b.YYYYDashMMDashDDFormat).toString()),paymentMode:o[p]?.selectedOption!=null?s.toOutsideZeniPaymentModeType(o[p]?.selectedOption):"other"})}),I=o=>$.find(L=>L.value===o)?.label??"";return a.jsx(T,{...k,children:a.jsx("form",{id:D,onSubmit:O,children:a.jsx(S,{formId:D,titleComponent:a.jsx(E,{children:w}),primaryButtonText:M,primaryButtonWidth:128,secondaryButtonWidth:128,secondaryButtonText:n,isLoading:t==="In-Progress",isDisabled:t==="In-Progress",isEditPopup:!0,shouldClickAway:t!=="In-Progress",action:{onOkClick:()=>null,onCancelClick:y},children:a.jsxs(V,{windowSize:l,children:[a.jsx(A,{label:{label:v,width:d.labelWidth.value(l)},style:{width:d.width.valuePx(l)},singleSelectField:{singleSelect:{getLabelForId:I,showTickMark:!1,alwaysShowEyeTooltip:!1,name:p,placeholder:P,showValueEyeIcon:!1,showEyeIconOnSelect:!1},defaultValue:{selectedOption:i?.paymentMode,allOptions:$?.map(o=>o.value)??[]}},isFunctional:!0}),a.jsx(J,{}),a.jsx(W,{label:{label:f,width:d.labelWidth.value(l)},style:{paddingBottom:d.paddingBottom.valuePx(l),width:d.width.valuePx(l),borderRadius:e.sp0},additionalPaymentInfoLabel:B,additionalPaymentInfoLabelStyle:{borderBottomRightRadius:e.sp2,borderBottomLeftRadius:e.sp2,paddingTop:e.sp1,paddingBottom:e.sp1,paddingLeft:e.sp3,paddingRight:d.paddingRight.valuePx(l),textAlign:"left"},dateField:{name:c,placeholder:j,defaultValue:i?.paymentDate,dateFormat:x.defaultInput,maxDate:s.dateNow(),minDate:s.zeniDate("01 Jan 1900"),autoComplete:"off"}})]})})})})}const G=({withdrawFrom:t,paymentDate:i,onOkClick:h,onCancelClick:y,onClickAway:g})=>{const{dateFormat:f,spendManagement:{billPay:n},common:{strings:x}}=F.getLocalizedStrings();if(t!=null&&i!=null){const b=`${t?.label} ${t?.maskedAccountNumber}`,w=a.jsx(Z,{children:a.jsxs(_,{children:[a.jsx(C,{children:b}),n.insufficientFunds.popUp.hasLowBalance,x.space,n.insufficientFunds.popUp.addMoney,a.jsx(C,{children:i?.format(f.visual.MMMDFormat)}),n.insufficientFunds.popUp.avoidFailure]})});return a.jsx(S,{titleComponent:a.jsx(q,{children:n.insufficientFunds.popUp.title}),primaryButtonText:n.billDetails.buttons.approveAnyways,secondaryButtonText:n.billDetails.editBill,containerStyle:{maxWidth:474},descriptionComponent:w,action:{onOkClick:h,onCancelClick:y,onClickAway:g},secondaryButtonWidth:166,primaryButtonWidth:"auto",showLine:!1,buttonSeparatorStyle:{width:e.sp3},buttonContainerStyle:{paddingBottom:e.sp6}})}},Z=r.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -21,14 +21,14 @@ import{M as F,e as z,a as R,l as s,j as a,F as T,bX as S,ci as A,C as m,cl as W,
   padding-right: ${e.sp7};
   margin-top: ${e.sp3};
   white-space: pre-line;
-`,Z=r(U)`
+`,_=r(U)`
   color: ${t=>t.theme.colors.hero};
-`,C=r(N)`
+`,C=r(Y)`
   color: ${t=>t.theme.colors.primary};
-`,_=r(Y)`
+`,q=r(N)`
   margin-top: ${e.sp6};
   padding-left: ${e.sp8};
   padding-right: ${e.sp8};
   color: ${t=>t.theme.colors.primary};
   word-break: break-word;
-`;export{q as o,K as t};
+`;export{G as o,X as t};

package/dist/assets/{MagicLinkACHDetailsPage-BUGK2W6m-iQ0u98AT.js → MagicLinkACHDetailsPage-TJ1c4k1c-e1ecoiPU.js}

@@ -1 +1 @@
-import{j as l}from"./index-RcMUg6rr.js";import{f as y}from"./ACHDetailsPage-Sg7hdGqd-CCXprbhT.js";import"./mui-C42whWwM.js";import"./vendor-rkTZJa59.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";import"./BankAccountWarningSection-DPIyvB6i-pfBOIjCV.js";import"./MagicLinkTitleSection-C0nl5UrB-fbBcM0M6.js";import"./BankAccountSection-CwYIBEbQ-S9Np9Ygv.js";const j=({magicLinkViewState:t,magicLinkBankAccountDetails:a,onSaveHandler:e,onACHDetailsUpdated:o,onFetchBankName:n,isDisabled:i,companyName:r})=>{const{fetchState:m,error:c,bankNameByRouting:p,bankAccountToCreate:s,fetchBankNameByRoutingStatus:u}=a,{currencySymbol:k,amount:f}=t;return l.jsx(y,{bankAccountToCreate:s,bankAccountCreationState:{fetchState:m,error:c},bankNameByRouting:p,fetchBankNameByRoutingStatus:u,onSaveHandler:e,onACHDetailsUpdated:o,onFetchBankName:n,isDisabled:i,companyName:r,isMagicLink:!0,currencySymbol:k,amount:f})};export{j as default};
+import{j as l}from"./index-dX8TSOm6.js";import{f as y}from"./ACHDetailsPage-Bk-T9zeA-CfJ6MKab.js";import"./mui-C42whWwM.js";import"./vendor-rkTZJa59.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";import"./BankAccountWarningSection-Dl7DA-Xf-Bk2O3H_M.js";import"./MagicLinkTitleSection-B3CVACcv-CraOpOkK.js";import"./BankAccountSection-CFnXlTaa-wnOEAJae.js";const j=({magicLinkViewState:t,magicLinkBankAccountDetails:a,onSaveHandler:e,onACHDetailsUpdated:o,onFetchBankName:n,isDisabled:i,companyName:r})=>{const{fetchState:m,error:c,bankNameByRouting:p,bankAccountToCreate:s,fetchBankNameByRoutingStatus:u}=a,{currencySymbol:k,amount:f}=t;return l.jsx(y,{bankAccountToCreate:s,bankAccountCreationState:{fetchState:m,error:c},bankNameByRouting:p,fetchBankNameByRoutingStatus:u,onSaveHandler:e,onACHDetailsUpdated:o,onFetchBankName:n,isDisabled:i,companyName:r,isMagicLink:!0,currencySymbol:k,amount:f})};export{j as default};

package/dist/assets/{MagicLinkDomesticWireDetailsPage-CdGw-8SL-BZNxp9-P.js → MagicLinkDomesticWireDetailsPage-Dp4F_O6C-BLuK26i4.js}

@@ -1 +1 @@
-import{j as S}from"./index-RcMUg6rr.js";import{y as b}from"./DomesticWireDetailsPage-4Dh_YZ8--DtHM1pr6.js";import"./mui-C42whWwM.js";import"./vendor-rkTZJa59.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";import"./BankAccountSection-CwYIBEbQ-S9Np9Ygv.js";import"./MagicLinkTitleSection-C0nl5UrB-fbBcM0M6.js";import"./BankAccountWarningSection-DPIyvB6i-pfBOIjCV.js";import"./MailingDetailsSection-DeaanyVd-has6jQC4.js";import"./LabeledAddressValueField-Dg0TLzPn-CRUbVJT9.js";const F=({magicLinkViewState:t,magicLinkBankAccountDetails:e,mailingAddressDetails:a,isDisabled:o,companyName:r,onSaveHandler:i,onWireDetailsUpdated:n,onFetchBankName:m,onAddressClick:s})=>{const{fetchState:c,error:d,bankNameByRouting:p,bankAccountToCreate:u,fetchBankNameByRoutingStatus:k}=e,{currencySymbol:l,amount:y}=t;return S.jsx(b,{bankAccountToCreate:u,bankAccountCreationState:{fetchState:c,error:d},bankNameByRouting:p,addressToEdit:a,addressType:"vendor_address",fetchBankNameByRoutingStatus:k,isDisabled:o,onSaveHandler:i,onWireDetailsUpdated:n,onAddressClick:s,onFetchBankName:m,companyName:r,isMagicLink:!0,currencySymbol:l,amount:y})};export{F as default};
+import{j as S}from"./index-dX8TSOm6.js";import{y as b}from"./DomesticWireDetailsPage-BdmpuYqv-CI5W3KSh.js";import"./mui-C42whWwM.js";import"./vendor-rkTZJa59.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";import"./BankAccountSection-CFnXlTaa-wnOEAJae.js";import"./MagicLinkTitleSection-B3CVACcv-CraOpOkK.js";import"./BankAccountWarningSection-Dl7DA-Xf-Bk2O3H_M.js";import"./MailingDetailsSection-CFBmvYV_-DKWh8ntV.js";import"./LabeledAddressValueField-BplBue9M-DBaZ2tp6.js";const F=({magicLinkViewState:t,magicLinkBankAccountDetails:e,mailingAddressDetails:a,isDisabled:o,companyName:r,onSaveHandler:i,onWireDetailsUpdated:n,onFetchBankName:m,onAddressClick:s})=>{const{fetchState:c,error:d,bankNameByRouting:p,bankAccountToCreate:u,fetchBankNameByRoutingStatus:k}=e,{currencySymbol:l,amount:y}=t;return S.jsx(b,{bankAccountToCreate:u,bankAccountCreationState:{fetchState:c,error:d},bankNameByRouting:p,addressToEdit:a,addressType:"vendor_address",fetchBankNameByRoutingStatus:k,isDisabled:o,onSaveHandler:i,onWireDetailsUpdated:n,onAddressClick:s,onFetchBankName:m,companyName:r,isMagicLink:!0,currencySymbol:l,amount:y})};export{F as default};

package/dist/assets/{MagicLinkInternationalWireDetailsPage-ioBaDPw3-BRjF2y7B.js → MagicLinkInternationalWireDetailsPage-B5TMFBsw-DE5eebOC.js}

@@ -1 +1 @@
-import{j as B}from"./index-RcMUg6rr.js";import{f as S}from"./InternationalWireSwiftDetailsPage-DkEpnlVz-DWJE6x6p.js";import"./mui-C42whWwM.js";import"./vendor-rkTZJa59.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";import"./BankAccountWarningSection-DPIyvB6i-pfBOIjCV.js";import"./MailingDetailsSection-DeaanyVd-has6jQC4.js";import"./LabeledAddressValueField-Dg0TLzPn-CRUbVJT9.js";import"./MagicLinkTitleSection-C0nl5UrB-fbBcM0M6.js";const L=({magicLinkViewState:t,magicLinkBankAccountDetails:a,mailingAddressDetails:e,isDisabled:n,companyName:i,onSaveHandler:o,onBankDetailsUpdated:r,onFetchBankNameBySwift:m,onAddressClick:s})=>{const{internationalBankAccountCreateStatus:c,internationalBankAccountToCreate:d,fetchBankNameBySwiftStatus:p,bankNameBySwift:k}=a,{currencySymbol:l,amount:u}=t;return B.jsx(S,{bankAccountToCreate:d,bankAccountCreationState:c,bankNameBySwift:k,addressToEdit:e,addressType:"vendor_address",fetchBankNameBySwiftStatus:p,isDisabled:n,onSaveHandler:o,onBankDetailsUpdated:r,onAddressClick:s,onFetchBankNameBySwift:m,companyName:i,isMagicLink:!0,currencySymbol:l,amount:u})};export{L as default};
+import{j as B}from"./index-dX8TSOm6.js";import{f as S}from"./InternationalWireSwiftDetailsPage-DXQCRbA4-jvd32UXh.js";import"./mui-C42whWwM.js";import"./vendor-rkTZJa59.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";import"./BankAccountWarningSection-Dl7DA-Xf-Bk2O3H_M.js";import"./MailingDetailsSection-CFBmvYV_-DKWh8ntV.js";import"./LabeledAddressValueField-BplBue9M-DBaZ2tp6.js";import"./MagicLinkTitleSection-B3CVACcv-CraOpOkK.js";const L=({magicLinkViewState:t,magicLinkBankAccountDetails:a,mailingAddressDetails:e,isDisabled:n,companyName:i,onSaveHandler:o,onBankDetailsUpdated:r,onFetchBankNameBySwift:m,onAddressClick:s})=>{const{internationalBankAccountCreateStatus:c,internationalBankAccountToCreate:d,fetchBankNameBySwiftStatus:p,bankNameBySwift:k}=a,{currencySymbol:l,amount:u}=t;return B.jsx(S,{bankAccountToCreate:d,bankAccountCreationState:c,bankNameBySwift:k,addressToEdit:e,addressType:"vendor_address",fetchBankNameBySwiftStatus:p,isDisabled:n,onSaveHandler:o,onBankDetailsUpdated:r,onAddressClick:s,onFetchBankNameBySwift:m,companyName:i,isMagicLink:!0,currencySymbol:l,amount:u})};export{L as default};