@zeniai/web-cockpit-ui 1.14.61-qa → 1.14.62-dev

package/dist/assets/CustomerOnboardingContainerPage-BYR2xHSk-CuA7byjZ.js

@@ -1 +0,0 @@
-import{j as r}from"./index-Btt8DFD9.js";import o from"./CustomerOnboardingNoStepsPage-CXtEfJVc-D2hTUKOU.js";import i from"./CustomerOnboardingPage-BzBZ9Qpg-BeODdQOB.js";import"./mui-Ty75qFQF.js";import"./vendor-Bs1fkIUX.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./HelpButton-D15CWyoU-vMcbrgst.js";import"./MeetingCalenderPopup-B2BtdHWQ-CjyiuWm-.js";import"./PaymentAccountSetupBillingAddressSection-Cr96MmoG-DowOAK_o.js";import"./SetUpAccountSection-B5SNk0uE-CbO3wbEW.js";import"./SetUpDefaultSection-CEdPofhe-CFpYXUTC.js";import"./ChaseOverlay-CxZiC1U_-Cx1SpKQ3.js";import"./CustomerOnboardingDetailPageSkeleton-CE_5Hnb9-DMp4lAhP.js";import"./CompanyOfficerDetailsSection-DlrJ7APF-J8zpEySb.js";import"./LabeledAddressValueField-IiXXbZHV-lu6XH6Xe.js";import"./LabeledCreatableSingleSelectField-DSYo_hqM-GhBLdrto.js";import"./LabeledDocumentField-BL3SiwZn-xZTjQZMc.js";import"./QBOSetupSection-rgJXipJM-DEM5wZcb.js";import"./QBOConnectionDialog-9YDCkzlw-Dqd8TdR1.js";const v=t=>t.currentTenant?.productSettings.isOtherProductsEnabled===!0?r.jsx(o,{...t}):r.jsx(i,{...t});export{v as default};

package/dist/assets/LockCardPage-Cxo2om5_-Cy_OSy9n.js

@@ -1,574 +0,0 @@
-import{q as he,b as Fe,aa as me,y as u,db as ue,j as t,fn as Ne,F as B,ad as ge,aq as _e,gc as Oe,o as r,c5 as Ee,aN as G,d9 as Be,b1 as V,dn as Ue,P as Me,aQ as He,ap as Ve,cV as hr,n as pe,a9 as mr,ax as ur,l as gr,gZ as xr,aM as de,gm as wr,A as We,O as Ye,ar as qe,_ as Xe,am as C,b6 as xe,ai as re,dM as Je,a$ as Ke,cP as Ge,an as Qe,h as Q,c7 as Ze,f_ as ie,dN as ze,fE as $r,eY as yr,u as W}from"./index-Btt8DFD9.js";import{b as ae,n as o}from"./vendor-Bs1fkIUX.js";import{M as fr,F as br,_ as jr}from"./ChargeCardUtils-CuCE8WUR-sNi8iCV2.js";import{T as er}from"./RoleWithToolTip-CBBWeNSt-J9opJ9Dt.js";import{f as rr}from"./CardNumberSubText-CPjMRY-i-Y84SbiRb.js";const J="cardName",$e=B.getLocalizedStrings().spendManagement.chargeCard.renamePopup;function jo({currentCardName:e,renameFetchState:$,onCancelClick:c,onSubmitClick:l}){const d=he(),y="RenameCardForm",n=me({mode:"all",defaultValues:{[J]:e},values:{[J]:e}});ae.useEffect(()=>{n.setFocus(J)},[]);const p=()=>{c()},A=n.handleSubmit(()=>{const f=n.getValues(J);f!=null&&l(f)}),T=ue(n.formState.errors,J),i=B.getLocalizedStrings().common,z=le.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(Pr,{id:y,onSubmit:f=>{f.preventDefault(),A()},children:[t.jsx(Sr,{windowSize:d,children:$e.heading}),t.jsx(Tr,{hasError:T,children:t.jsx(hr,{label:{label:$e.newName,width:z},style:{width:"auto"},text:{type:"text",name:J,defaultValue:e,placeholder:$e.placeholder,options:{required:!0,validate:f=>f!=null}}})})]})}),t.jsx(Lr,{children:t.jsxs(kr,{children:[t.jsx(pe,{label:i.cancel,onClick:p,style:{width:84}}),t.jsx(zr,{}),t.jsx(pe,{variant:"primary",label:i.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:$==="In-Progress",type:"submit",form:y})]})})]})})})}const 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])},vr=o.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: ${Q.overlayDark};
-`,Cr=o.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;
-`,Sr=o(Ze)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${r.sp3};
-`,kr=o.div`
-  display: flex;
-  justify-content: center;
-  padding-top: ${r.sp4};
-`,zr=o.div`
-  width: ${r.sp3};
-`,Lr=o.div`
-  display: flex;
-  flex-direction: column;
-`,Tr=o.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?Q.importantLight:e.theme.colors.background} !important;
-    }
-  }
-`,Pr=o.form`
-  display: contents;
-`,K="spendLimit",X=B.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup,{dateFormat:ye}=B.getLocalizedStrings();function vo({controllerEmails:e,isChargeCardFeatureEnabled:$,isDebitCardFeatureEnabled:c,isDebitCardSetupEnabled:l,isChargeCardSetupEnabled:d,cardDetail:y,transactionStatistics:n,depositAccountLimitFetchState:p,creditAccount:A,creditAccountRepayment:T,signedInUser:i,isDebitCard:z,classListFetchState:f,currentLimitAmount:O,currentSpentAmount:E,productInformation:b,creditAccountInformation:U,debitAccountInformation:M,maxLimitAmount:F,isDisabled:Y,updateLimitFetchState:q,recommendations:P,cardIssuedByRoles:H,cardHolderRoles:h,loggedInUserRole:D,cardIssuedByDepartmentName:L,cardHolderDepartmentName:a,onCancelClick:s,onSubmitClick:g}){const x=mr().analytics,w=he(),se="SpendLimitForm",tr=ur();gr.hasChargeCardAdminLevelAccess(tr.loggedInUserRoleMap);const te=me({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[K]:void 0}}),{control:or,formState:{errors:ir}}=te,[ar,sr]=ae.useState(void 0),ne=xr({control:or,name:K}),Ce=y?.type.code.includes("physical")===!0?y.cardActivationAttemptHistory[0]?.timestamp:y?.createTime,Se=(y?.recommendations??[]).map(m=>m.creditLimit.amount),nr=()=>{y!=null&&Le({analytics:x,controllerEmails:e,isChargeCardFeatureEnabled:$,cardDetail:y,transactionStatistics:n,depositAccountLimitFetchState:p,creditAccount:A,creditAccountRepayment:T,signedInUser:i,isDebitCard:z,classListFetchState:f,currentLimitAmount:O,recommendedLimitAmounts:Se,cardActivationDate:Ce,cardIssuedByRoles:H,cardHolderRoles:h,cardIssuedByDepartmentName:L,cardHolderDepartmentName:a,loggedInUserRole:D,clickItem:"Cancel",newSpendLimitAmount:ne,productInformation:b,creditAccountInformation:U,debitAccountInformation:M}),s()},dr=te.handleSubmit(()=>{const m=te.getValues(K);m!=null&&(Le({analytics:x,controllerEmails:e,isChargeCardFeatureEnabled:$,cardDetail:y,transactionStatistics:n,depositAccountLimitFetchState:p,creditAccount:A,creditAccountRepayment:T,signedInUser:i,isDebitCard:z,classListFetchState:f,currentLimitAmount:O,recommendedLimitAmounts:Se,cardActivationDate:Ce,cardIssuedByRoles:H,cardHolderRoles:h,cardIssuedByDepartmentName:L,cardHolderDepartmentName:a,loggedInUserRole:D,productInformation:b,creditAccountInformation:U,debitAccountInformation:M,clickItem:"Update",newSpendLimitAmount:m}),g(m))}),lr=m=>{te.setValue(K,m,{shouldValidate:!0})},ke=ue(ir,K),we=B.getLocalizedStrings().common,cr=ce.largeLabelWidth.value(w);ae.useEffect(()=>{sr(Dr(E,F,ne))},[ne,E,F]);const pr=(m,oe)=>t.jsxs(Ur,{isSelected:ne===m.amount,onClick:()=>lr(m.amount),"data-testid":de("quick-amount-button",oe.toString()),children:[oe===1&&t.jsx(Mr,{}),G("0,0.[00]",m)]},oe);return t.jsx(Rr,{windowSize:w,role:"presentation","data-testid":de("update-spend-limit-popup"),children:t.jsx(Ve,{onClickAway:()=>s(),children:t.jsxs(Ir,{windowSize:w,children:[t.jsx(ge,{...te,children:t.jsxs(Hr,{id:se,onSubmit:m=>{m.preventDefault(),dr()},children:[t.jsx(Ar,{windowSize:w,children:X.heading}),t.jsxs(Fr,{windowSize:w,children:[X.currentLimit,we.strings.space," ",G("0,0.[00]",O),X.slashMonth]}),t.jsxs(Er,{hasError:ke,children:[t.jsx(wr,{label:{label:X.newLimit,width:cr},showAdditionalInfoLabel:ke,additionalInfoLabel:ar,formattedTextField:{type:"number",name:K,defaultValue:void 0,placeholder:X.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:m=>!!m&&m>0&&m>E.amount&&(F!=null?m<=F.amount:!0)},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1}),P?.length?t.jsx(Br,{windowSize:w,children:P?.map((m,oe)=>pr(m.creditLimit,oe))}):null]})]})}),t.jsx(Or,{children:t.jsxs(Nr,{children:[t.jsx(pe,{label:we.cancel,onClick:nr,style:{width:84},"data-testid":de("update-spend-limit-cancel-button")}),t.jsx(_r,{}),t.jsx(pe,{variant:"primary",label:we.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:q==="In-Progress",type:"submit",form:se,"data-testid":de("update-spend-limit-submit-button"),disabled:Y})]})})]})})})}const Dr=(e,$,c)=>{if(c!=null){if(c<=e.amount)return X.amountBelowError.replace("_amount_",G("0,0.[00]",e));if($!=null&&c>$.amount)return X.amountExceedError.replace("_amount_",G("0,0.[00]",$))}},Le=({analytics:e,controllerEmails:$,isChargeCardFeatureEnabled:c,productInformation:l,creditAccountInformation:d,debitAccountInformation:y,cardDetail:n,transactionStatistics:p,depositAccountLimitFetchState:A,creditAccount:T,creditAccountRepayment:i,signedInUser:z,isDebitCard:f,classListFetchState:O,currentLimitAmount:E,recommendedLimitAmounts:b,cardActivationDate:U,cardIssuedByRoles:M,cardHolderRoles:F,cardIssuedByDepartmentName:Y,cardHolderDepartmentName:q,loggedInUserRole:P,clickItem:H,newSpendLimitAmount:h})=>{n!=null&&O==="Completed"&&p!=null&&p.fetchState==="Completed"&&(!c||T.fetchState==="Completed"&&i.fetchState==="Completed")&&(!f||A==="Completed")&&e.trackCardsUpdateSpendLimitClick($,l,{cardId:n.id,cardName:n.cardName,cardType:br(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:U?.format(ye.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:n.creditLimitFrequency.name,cardSpentAmount:ie(n.balance.amount),cardAvailableLimit:ie(n.available.amount),cardUtilizationPercent:fr(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:M,cardIssuedByDepartment:Y},{cardholderName:ze(n.cardHolderUser,!1),cardholderEmail:n.cardHolderUser?.email,cardholderRole:F,cardholderUserId:n.cardHolderUser?.userId,cardholderDepartment:q},{cardLimitUpdatedByName:$r(z),cardLimitUpdatedByEmail:z.userEmail,cardLimitUpdatedByRole:P,cardLimitUpdatedByUserId:z.userId},H,ie(E.amount),b,h!=null?b.includes(h):!1,h,d,y)},ce={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])},Rr=o.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: ${Q.overlayDark};
-`,Ir=o.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=>ce.width.valuePx(e.windowSize)};
-  padding: ${e=>`${ce.popupTopBottomPadding.valuePx(e.windowSize)} ${ce.popupLeftRightPadding.valuePx(e.windowSize)}`};
-  box-sizing: border-box;
-`,Ar=o(Ze)`
-  color: ${e=>e.theme.colors.primary};
-  margin-bottom: ${r.sp2};
-`,Fr=o(C)`
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${r.sp3};
-`,Nr=o.div`
-  display: flex;
-  justify-content: center;
-  padding-top: ${r.sp4};
-`,_r=o.div`
-  width: ${r.sp3};
-`,Or=o.div`
-  display: flex;
-  flex-direction: column;
-`,Er=o.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?Q.importantLight:e.theme.colors.background} !important;
-    }
-  }
-`,Br=o.div`
-  display: flex;
-  justify-content: flex-end;
-  gap: ${r.sp2};
-  margin: ${r.sp0} ${r.sp4} ${r.sp3} ${r.sp4};
-`,Ur=o(C)`
-  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}`};
-  }
-`,Mr=o(yr)`
-  color: ${Q.brandColorJade};
-  fill: ${Q.brandColorJade};
-  width: ${r.sp3};
-  height: ${r.sp3};
-`,Hr=o.form`
-  display: contents;
-`,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)},Vr={sectionTitle:new Ye("h6Regular","h5Regular")},{common:j,closeCard:N}=B.getLocalizedStrings().spendManagement.chargeCard,S="reasonSection",Te="closeCardPage",R=(e,$)=>`${e}.${$}`,Pe=e=>`${e}_form`,{common:fe,dateFormat:Wr,cockpit:Yr}=B.getLocalizedStrings(),Co=({showCloseCardDrawer:e,onCloseCloseCardDrawer:$,isChargeCardAdmin:c,chargeCardsByCardId:l,cardRecurringExpensesByCardId:d,cardRecurringExpenseFetchState:y,closeCardFetchState:n,onRemoveCardClick:p,onConfirmClick:A,onDismissClick:T})=>{const i=he(),z=Fe(),[f,O]=ae.useState(Object.fromEntries(Object.keys(d).map((a,s)=>[a,s===0]))),E=a=>{O(s=>s[a]?{...s,[a]:!1}:{...Object.fromEntries(Object.keys(s).map(g=>[g,!1])),[a]:!0})},b=me({mode:"all",reValidateMode:"onBlur",defaultValues:{[S]:{reason:void 0,reasonType:void 0}},values:{[S]:{reason:void 0,reasonType:void 0}}}),U=Z.largeLabelWidth.value(i),{isValid:M,errors:F}=b.formState,Y=a=>`${l[a].cardHolderUser?.firstName??""} ${l[a].cardHolderUser?.lastName??""}`,q=ue(F,R(S,"reasonType")),P=b.watch("reasonSection.reasonType"),H=b.handleSubmit(()=>{if(M){const a=b.getValues(),s={reason:a[S].reason,reasonType:a[S].reasonType};A(s)}}),h=Object.keys(d).length>1,D=Object.keys(d).length,L=Object.values(d).reduce((a,s)=>a+s.length,0);return t.jsx(Ne,{anchor:"right",open:e,onClose:$,PaperProps:{style:{width:Z.overlayWidth.valuePercentage(i),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:z.colors.black,opacity:.75,cursor:"pointer"}}},transitionDuration:250,children:t.jsxs(qr,{windowSize:i,children:[t.jsxs(Xr,{windowSize:i,children:[t.jsx(Jr,{windowSize:i,children:t.jsx(Gr,{onClick:()=>{T()}})}),i==="small"?t.jsx(at,{windowSize:i,children:h?N.closeCards:N.closeCard}):t.jsx(st,{children:h?N.closeCards:N.closeCard}),y==="Completed"?t.jsx(ge,{...b,children:t.jsxs("form",{id:Pe(Te),onSubmit:H,children:[t.jsxs(nt,{children:[t.jsx(dt,{windowSize:i,children:h?L>0?`${N.multipleCardsHasRecurringExpenses.replace("_number_of_cards_",D.toString()).replace("_number_of_recurring_expenses_",L.toString())} ${L===1?j.expense:j.expenses} ${N.multipleCardsHasRecurringExpensesSuffix}`:N.multipleCardsNoRecurringExpenses.replace("_number_of_cards_",D.toString()):N.firstCardHasRecurringExpenses.replace("_number_of_recurring_expenses_",L.toString()).replace("_expense_",L===1?j.expense:j.expenses)}),h&&t.jsx(Ct,{children:`${D} ${D===1?j.card:j.cards} ${j.selected}`}),Object.keys(d).map((a,s)=>{const g=d[a].length>0;return t.jsxs(lt,{onClick:()=>g?E(a):void 0,isMoreThanOneCard:h,isLastCard:s===Object.keys(d).length-1,children:[t.jsxs(pt,{windowSize:i,children:[t.jsxs(ht,{windowSize:i,children:[l[a].cardHolderUser?.photo!==void 0?t.jsx(Qr,{src:l[a].cardHolderUser?.photo.href,alt:Yr.userProfileAltText,onError:({currentTarget:x})=>{x.onerror=null,x.src=_e},loading:"lazy"}):t.jsx(Oe,{firstName:l[a].cardHolderUser?.firstName??"",lastName:l[a].cardHolderUser?.lastName??"",size:r.sp6}),t.jsxs("div",{children:[t.jsx(ct,{children:Y(a)}),t.jsx(mt,{children:t.jsx(er,{roles:l[a].cardHolderRoles.userRoles})})]})]}),t.jsxs(ut,{windowSize:i,children:[l[a].cardName,t.jsx(rr,{cardDetail:l[a],forDetailPage:!0})]}),t.jsxs(gt,{windowSize:i,children:[t.jsxs(bt,{children:[t.jsx(jt,{children:d[a].length}),j.recurringExpenses]}),g&&(f[a]?t.jsx(St,{}):t.jsx(kt,{}))]})]}),h&&t.jsx(rt,{children:t.jsx(Ee,{variant:"standard",title:fe.remove,children:t.jsx(et,{onClick:()=>p(a)})})}),f[a]&&g&&t.jsxs(t.Fragment,{children:[t.jsx(De,{}),t.jsxs(xt,{children:[t.jsxs(vt,{children:[t.jsx(je,{width:240,children:j.merchant}),t.jsx(je,{width:104,children:j.nextPaymentDate}),t.jsx(zt,{width:312,children:j.amount})]}),d[a].map((x,w)=>t.jsxs("div",{children:[w>0&&t.jsx(De,{}),t.jsxs(wt,{children:[t.jsxs($t,{windowSize:i,children:[t.jsx(tt,{src:x.merchant.logo?.url?.href}),t.jsx(Zr,{windowSize:i,children:x.merchant.brandName??x.merchant.name})]}),t.jsx(yt,{windowSize:i,children:x.nextPaymentDate.format(Wr.visual.MMMDCommaYYYYformat)}),t.jsx(ft,{windowSize:i,children:G("0,0.00",x.amount)})]},x.merchant.name)]},x.merchant.name))]})]})]},a)})]}),t.jsx(Tt,{windowSize:i,children:j.letUsKnowWhy}),t.jsxs(Lt,{isReasonTextFieldVisible:P==="other",children:[t.jsxs(ot,{size:i,children:[t.jsx(Be,{label:j.reasonLabel,htmlFor:R(S,"reasonType"),style:{padding:`${r.sp2} ${r.sp0}`,width:"fit-content"}}),t.jsxs(it,{labelWidth:U,children:[t.jsx(V,{label:{label:j.reason.lost},style:{width:"auto"},radioField:{name:R(S,"reasonType"),id:`${R(S,"reasonType")}.lost`,value:"lost",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}}),t.jsx(V,{label:{label:j.reason.fraud},style:{width:"auto"},radioField:{name:R(S,"reasonType"),id:`${R(S,"reasonType")}.fraud`,value:"fraud",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}}),t.jsx(V,{label:{label:j.reason.not_needed},style:{width:"auto"},radioField:{name:R(S,"reasonType"),id:`${R(S,"reasonType")}.not_needed`,value:"not_needed",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}}),t.jsx(V,{label:{label:j.reason.other},style:{width:"auto"},radioField:{name:R(S,"reasonType"),id:`${R(S,"reasonType")}.other`,value:"other",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!c,validate:a=>c?!0:!!a},radioSize:"small"}})]})]}),P==="other"?t.jsx(Ue,{style:{height:r.sp6,width:"100%",backgroundColor:z.colors.background},type:"text",name:R(S,"reason"),placeholder:N.reasonPlaceholder,className:"reason-text-field",registerOptions:{required:!c,validate:a=>c?!0:!!a}}):P==null&&!c&&q?t.jsx(Kr,{children:N.youNeedToProvideReasonToCloseCard}):null]})]})}):t.jsx(Me,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),y==="Completed"&&t.jsx(He,{style:{zIndex:4,paddingTop:r.sp3,paddingBottom:r.sp3},formId:Pe(Te),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:fe.confirm,isLoading:n==="In-Progress",variant:"danger"},cancelBtn:{label:fe.cancel,style:{width:"90px"},onClick:()=>{T?.()}}})]})})},qr=o.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100vh;
-  width: 100%;
-`,Xr=o.div`
-  height: auto;
-  padding-left: ${e=>`${Z.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${Z.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,Jr=o.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};
-`,Kr=o(re)`
-  color: ${e=>e.theme.colors.important};
-  text-align: end;
-`,Gr=o(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};
-  }
-`,Qr=o.img`
-  height: ${r.sp6};
-  width: ${r.sp6};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Zr=o(C)`
-  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;
-`,et=o(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=o.div`
-  position: absolute;
-  right: -${r.sp2};
-  top: -${r.sp2};
-`,tt=o.img`
-  display: flex;
-  width: ${r.sp4};
-  height: ${r.sp4};
-`,ot=o.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;
-`,it=o.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=o(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=o(Xe)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${r.sp3};
-  margin-bottom: ${r.sp2};
-`,nt=o.div``,dt=o(C)`
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${r.sp3};
-`,lt=o.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=o(C)`
-  color: inherit;
-`,pt=o.div`
-  display: flex;
-  justify-content: space-between;
-  padding: ${r.sp3} ${r.sp4};
-`,ht=o.div`
-  width: 200px;
-  color: inherit;
-  display: flex;
-  gap: ${r.sp2};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,mt=o(re)`
-  color: inherit;
-  position: relative;
-  top: -5px;
-`,ut=o.div`
-  width: 216px;
-  color: inherit;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,gt=o.div`
-  width: 163px;
-  color: inherit;
-  display: flex;
-  align-items: center;
-  gap: ${r.sp3};
-`,xt=o.div`
-  margin: ${r.sp3} ${r.sp4} ${r.sp0} ${r.sp4};
-  padding-bottom: ${r.sp2};
-`,wt=o.div`
-  display: flex;
-  justify-content: space-between;
-  margin: ${r.sp2} ${r.sp0};
-`,De=o.div`
-  background-color: ${e=>e.theme.colors.background};
-  min-height: 1px;
-  max-height: 1px;
-  width: 100%;
-`,$t=o(C)`
-  width: 240px;
-  text-align: left;
-  color: inherit;
-  display: flex;
-  gap: ${r.sp2};
-`,yt=o(C)`
-  width: 104px;
-  text-align: left;
-  color: inherit;
-`,ft=o(C)`
-  width: 312px;
-  text-align: right;
-  color: inherit;
-`,bt=o(re)`
-  color: inherit;
-`,jt=o(C)`
-  color: inherit;
-`,vt=o.div`
-  display: flex;
-  justify-content: space-between;
-  margin: ${r.sp1} ${r.sp0};
-`,Ct=o(xe)`
-  color: ${e=>e.theme.colors.primary};
-  padding: ${r.sp3} ${r.sp0};
-`,St=o(Je)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  min-width: ${r.sp4};
-  min-height: ${r.sp4};
-  color: inherit;
-`,kt=o(Ke)`
-  cursor: pointer;
-  width: ${r.sp4};
-  height: ${r.sp4};
-  min-width: ${r.sp4};
-  min-height: ${r.sp4};
-  color: inherit;
-`,je=o(Qe)`
-  width: ${e=>e.width}px;
-  color: inherit;
-`,zt=o(je)`
-  text-align: right;
-`,Lt=o.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=o(xe)`
-  margin-bottom: ${r.sp3};
-  margin-top: ${r.sp7};
-  color: ${e=>e.theme.colors.primary};
-`,ee={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)},Pt={sectionTitle:new Ye("h6Regular","h5Regular")},{lockCard:_,common:v}=B.getLocalizedStrings().spendManagement.chargeCard,k="reasonSection",Re="lockCardPage",I=(e,$)=>`${e}.${$}`,Ie=e=>`${e}_form`,{common:be,dateFormat:Dt,cockpit:Rt}=B.getLocalizedStrings(),So=({showLockCardDrawer:e,onCloseLockCardDrawer:$,isChargeCardAdmin:c,chargeCardsByCardId:l,cardRecurringExpensesByCardId:d,cardRecurringExpenseFetchState:y,lockCardFetchState:n,onRemoveCardClick:p,onConfirmClick:A,onDismissClick:T})=>{const i=he(),z=Fe(),[f,O]=ae.useState(Object.fromEntries(Object.keys(d).map((s,g)=>[s,g===0]))),E=s=>{O(g=>g[s]?{...g,[s]:!1}:{...Object.fromEntries(Object.keys(g).map(x=>[x,!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}}}),U=ee.largeLabelWidth.value(i),{isValid:M,errors:F}=b.formState,Y=s=>`${l[s].cardHolderUser?.firstName??""} ${l[s].cardHolderUser?.lastName??""}`,q=ue(F,I(k,"reasonType")),P=b.watch("reasonSection.reasonType"),H=b.handleSubmit(()=>{if(M){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,L=Object.values(d).reduce((s,g)=>s+g.length,0),a=d[Object.keys(d)[0]].length>0;return t.jsx(Ne,{anchor:"right",open:e,onClose:$,PaperProps:{style:{width:ee.overlayWidth.valuePercentage(i),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:z.colors.black,opacity:.75,cursor:"pointer"}}},transitionDuration:250,children:t.jsxs(It,{windowSize:i,children:[t.jsxs(At,{windowSize:i,children:[t.jsx(Nt,{windowSize:i,children:t.jsx(Ot,{onClick:()=>{T()}})}),i==="small"?t.jsx(Wt,{windowSize:i,children:h?_.lockCards:_.lockCard}):t.jsx(Yt,{children:h?_.lockCards:_.lockCard}),y==="Completed"?t.jsx(ge,{...b,children:t.jsxs("form",{id:Ie(Re),onSubmit:H,children:[t.jsxs(qt,{children:[t.jsx(Xt,{windowSize:i,children:h?L>0?`${_.multipleCardsHasRecurringExpenses.replace("_number_of_cards_",D.toString()).replace("_number_of_recurring_expenses_",L.toString())} ${L===1?v.expense:v.expenses}.`:_.multipleCardsNoRecurringExpenses.replace("_number_of_cards_",D.toString()):a?_.firstCardHasRecurringExpenses.replace("_number_of_recurring_expenses_",L.toString()).replace("_expense_",L===1?v.expense:v.expenses):_.firstCardNoRecurringExpenses}),h&&t.jsx(po,{children:`${D} ${D===1?v.card:v.cards} ${v.selected}`}),Object.keys(d).map((s,g)=>{const x=d[s].length>0;return t.jsxs(Jt,{onClick:()=>x?E(s):void 0,isMoreThanOneCard:h,isLastCard:g===Object.keys(d).length-1,children:[t.jsxs(Gt,{windowSize:i,children:[t.jsxs(Qt,{windowSize:i,children:[l[s].cardHolderUser?.photo!==void 0?t.jsx(Et,{src:l[s].cardHolderUser?.photo.href,alt:Rt.userProfileAltText,onError:({currentTarget:w})=>{w.onerror=null,w.src=_e},loading:"lazy"}):t.jsx(Oe,{firstName:l[s].cardHolderUser?.firstName??"",lastName:l[s].cardHolderUser?.lastName??"",size:r.sp6}),t.jsxs("div",{children:[t.jsx(Kt,{children:Y(s)}),t.jsx(Zt,{children:t.jsx(er,{roles:l[s].cardHolderRoles.userRoles})})]})]}),t.jsxs(eo,{windowSize:i,children:[l[s].cardName,t.jsx(rr,{cardDetail:l[s],forDetailPage:!0})]}),t.jsxs(ro,{windowSize:i,children:[t.jsxs(no,{children:[t.jsx(lo,{children:d[s].length}),v.recurringExpenses]}),x&&(f[s]?t.jsx(ho,{}):t.jsx(mo,{}))]})]}),h&&t.jsx(Ft,{children:t.jsx(Ee,{variant:"standard",title:be.remove,children:t.jsx(Ut,{onClick:()=>p(s)})})}),f[s]&&x&&t.jsxs(t.Fragment,{children:[t.jsx(Ae,{}),t.jsxs(to,{children:[t.jsxs(co,{children:[t.jsx(ve,{width:240,children:v.merchant}),t.jsx(ve,{width:104,children:v.nextPaymentDate}),t.jsx(uo,{width:312,children:v.amount})]}),d[s].map((w,se)=>t.jsxs("div",{children:[se>0&&t.jsx(Ae,{}),t.jsxs(oo,{children:[t.jsxs(io,{windowSize:i,children:[t.jsx(Mt,{src:w.merchant.logo?.url?.href}),t.jsx(Bt,{windowSize:i,children:w.merchant.brandName??w.merchant.name})]}),t.jsx(ao,{windowSize:i,children:w.nextPaymentDate.format(Dt.visual.MMMDCommaYYYYformat)}),t.jsx(so,{windowSize:i,children:G("0,0.00",w.amount)})]},w.merchant.name)]},w.merchant.name))]})]})]},s)})]}),t.jsx(xo,{windowSize:i,children:v.letUsKnowWhy}),t.jsxs(go,{isReasonTextFieldVisible:P==="other",children:[t.jsxs(Ht,{size:i,children:[t.jsx(Be,{label:v.reasonLabel,htmlFor:I(k,"reasonType"),style:{padding:`${r.sp2} ${r.sp0}`,width:"fit-content"}}),t.jsxs(Vt,{labelWidth:U,children:[t.jsx(V,{label:{label:v.reason.lost},style:{width:"auto"},radioField:{name:I(k,"reasonType"),id:`${I(k,"reasonType")}.lost`,value:"lost",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(V,{label:{label:v.reason.fraud},style:{width:"auto"},radioField:{name:I(k,"reasonType"),id:`${I(k,"reasonType")}.fraud`,value:"fraud",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(V,{label:{label:v.reason.not_needed},style:{width:"auto"},radioField:{name:I(k,"reasonType"),id:`${I(k,"reasonType")}.not_needed`,value:"not_needed",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(V,{label:{label:v.reason.other},style:{width:"auto"},radioField:{name:I(k,"reasonType"),id:`${I(k,"reasonType")}.other`,value:"other",style:{height:r.sp3,width:r.sp3},radioSize:"small"}})]})]}),P==="other"?t.jsx(Ue,{style:{height:r.sp6,width:"100%",backgroundColor:z.colors.background},type:"text",name:I(k,"reason"),placeholder:_.reasonPlaceholder,className:"reason-text-field"}):P==null&&!c&&q?t.jsx(_t,{children:_.youNeedToProvideReasonToLockCard}):null]})]})}):t.jsx(Me,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),y==="Completed"&&t.jsx(He,{style:{zIndex:4,paddingTop:r.sp3,paddingBottom:r.sp3},formId:Ie(Re),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:be.confirm,isLoading:n==="In-Progress"},cancelBtn:{label:be.cancel,style:{width:"90px"},onClick:()=>{T?.()}}})]})})},It=o.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow-x: hidden;
-  height: 100vh;
-  width: 100%;
-`,At=o.div`
-  height: auto;
-  padding-left: ${e=>`${ee.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${ee.containerPaddingRight.valuePx(e.windowSize)}`};
-  margin-bottom: auto;
-`,Ft=o.div`
-  position: absolute;
-  right: -${r.sp2};
-  top: -${r.sp2};
-`,Nt=o.div`
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  top: ${r.sp0};
-  padding: ${e=>`${ee.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${r.sp0}`};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,_t=o(re)`
-  color: ${e=>e.theme.colors.important};
-  text-align: end;
-`,Ot=o(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=o.img`
-  height: ${r.sp6};
-  width: ${r.sp6};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Bt=o(C)`
-  margin-right: ${r.sp3};
-  color: inherit;
-  -webkit-line-clamp: ${e=>ee.webkitLineClamp.value(e.windowSize)};
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-transform: capitalize;
-`,Ut=o(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};
-  }
-`,Mt=o.img`
-  display: flex;
-  width: ${r.sp4};
-  height: ${r.sp4};
-`,Ht=o.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=o.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=o(qe)`
-  ${e=>`${Pt.sectionTitle.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${r.sp3};
-  margin-bottom: ${r.sp0};
-  margin-right: ${r.sp3};
-`,Yt=o(Xe)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${r.sp3};
-  margin-bottom: ${r.sp2};
-`,qt=o.div``,Xt=o(C)`
-  color: ${e=>e.theme.colors.hero};
-  margin-bottom: ${r.sp3};
-`,Jt=o.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};
-    }
-  }
-`,Kt=o(C)`
-  color: inherit;
-`,Gt=o.div`
-  display: flex;
-  justify-content: space-between;
-  padding: ${r.sp3} ${r.sp4};
-`,Qt=o.div`
-  width: 200px;
-  color: inherit;
-  display: flex;
-  gap: ${r.sp2};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,Zt=o(re)`
-  color: inherit;
-  position: relative;
-  top: -5px;
-`,eo=o.div`
-  width: 216px;
-  color: inherit;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,ro=o.div`
-  width: 163px;
-  color: inherit;
-  display: flex;
-  align-items: center;
-  gap: ${r.sp3};
-`,to=o.div`
-  margin: ${r.sp3} ${r.sp4} ${r.sp0} ${r.sp4};
-  padding-bottom: ${r.sp2};
-`,oo=o.div`
-  display: flex;
-  justify-content: space-between;
-  margin: ${r.sp2} ${r.sp0};
-`,Ae=o.div`
-  background-color: ${e=>e.theme.colors.background};
-  min-height: 1px;
-  max-height: 1px;
-  width: 100%;
-`,io=o(C)`
-  width: 240px;
-  text-align: left;
-  color: inherit;
-  display: flex;
-  gap: ${r.sp2};
-`,ao=o(C)`
-  width: 104px;
-  text-align: left;
-  color: inherit;
-`,so=o(C)`
-  width: 312px;
-  text-align: right;
-  color: inherit;
-`,no=o(re)`
-  color: inherit;
-`,lo=o(C)`
-  color: inherit;
-`,co=o.div`
-  display: flex;
-  justify-content: space-between;
-  margin: ${r.sp1} ${r.sp0};
-`,po=o(xe)`
-  color: ${e=>e.theme.colors.primary};
-  padding: ${r.sp3} ${r.sp0};
-`,ho=o(Je)`
-  width: ${r.sp4};
-  height: ${r.sp4};
-  min-width: ${r.sp4};
-  min-height: ${r.sp4};
-  color: inherit;
-`,mo=o(Ke)`
-  cursor: pointer;
-  width: ${r.sp4};
-  height: ${r.sp4};
-  min-width: ${r.sp4};
-  min-height: ${r.sp4};
-  color: inherit;
-`,ve=o(Qe)`
-  width: ${e=>e.width}px;
-  color: inherit;
-`,uo=o(ve)`
-  text-align: right;
-`,go=o.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};
-    }
-  }
-`,xo=o(xe)`
-  margin-bottom: ${r.sp3};
-  margin-top: ${r.sp7};
-  color: ${e=>e.theme.colors.primary};
-`;export{So as L,Co as P,vo as R,jo as k};