@zeniai/web-cockpit-ui 1.14.89-prod → 1.14.90-dev

package/dist/assets/InsightsSection-B3xD0SZ9-D-qnLmvb.js

@@ -1,27 +0,0 @@
-import{Q as $,V as i,aK as S,o as c,y as a,ag as v,B as z,ap as k,u as n,ak as M,b8 as H}from"./index-DcV3YN51.js";import{a as h}from"./core-3dlyNYRL.js";import{n as t}from"./mui-bYXq4XMS.js";import{k as P}from"./NavigationDots-DyMqwpgy-JfxKvmss.js";const m={imageHeight:new a(n[4],n[10]),imageWidth:new a(n[4],n[10]),imageMarginRight:new a(n[2],n[3])},T={title:new z("largeMedium","h6Medium")},b=t.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`,D=t.div`
-  display: flex;
-  flex-direction: row;
-`,E=t.div`
-  margin-top: ${c.sp1};
-  margin-right: ${e=>m.imageMarginRight.valuePx(e.windowSize)};
-  line-height: normal;
-`,R=t.img`
-  width: ${e=>m.imageWidth.valuePx(e.windowSize)};
-  height: ${e=>m.imageHeight.valuePx(e.windowSize)};
-`,W=t.div`
-  cursor: ${e=>e.showHand?"pointer":"default"};
-`,B=t(v)`
-  color: ${e=>e.theme.colors.hero};
-`,C=t(k)`
-  color: ${e=>e.theme.colors.champion};
-  ${e=>`${T.title.style(e.windowSize)}`};
-`,p=t(M)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-`,f=t(H)`
-  color: ${e=>e.theme.colors.hero};
-`;let d;function K({insights:e,summaryTextStyles:y}){const o=$(),[r,g]=h.useState(0),u=h.useRef(!0);h.useEffect(()=>(u.current&&e.length>1&&(d=setInterval(()=>{g(l=>(l+1)%e.length)},1e4)),u.current=!1,()=>{clearTimeout(d)}),[e.length]);const w=l=>{g(l%e.length),clearTimeout(d)},s=e[r],j=()=>{const{details:l}=s;return l.length===1?i.jsx(p,{children:l[0]}):l.map(x=>i.jsxs(p,{children:[i.jsx(f,{children:"-"}),i.jsx(f,{style:{paddingLeft:c.sp1},children:x})]},x))};return e?.length>0&&e[0].summary?i.jsxs(b,{children:[i.jsxs(D,{children:[i.jsx(E,{windowSize:o,children:i.jsx(R,{src:s?.icon?.toString(),windowSize:o,alt:"",loading:"lazy"})}),i.jsxs(W,{showHand:e.length>1,onClick:()=>w(r+1),"data-testid":S("insight-clicked",e[r].title),children:[i.jsx(B,{children:s.title}),i.jsx(C,{windowSize:o,style:y,children:s.summary}),j()]})]}),i.jsx(P,{numberOfDots:e.length,activeIndex:r,style:{marginTop:c.sp3},handleClick:w})]}):null}export{K as q};

package/dist/assets/InvitePeoplePage-BqzJOjVI-jVQ9WiMY.js

@@ -1,12 +0,0 @@
-import{Q as Y,fO as H,d as ee,a8 as te,V as d,F as le,u as g,gI as oe,aK as ne,ab as se,aO as re,o as ie,y as E,fR as j,fS as A,fT as q,cx as Q,E as ae}from"./index-DcV3YN51.js";import{a as $}from"./core-3dlyNYRL.js";import{n as N}from"./mui-bYXq4XMS.js";import{Fh as de,bh as ce}from"./zeni-epic-state-BwKvATgd.js";import{f as ue}from"./AllUserItems-BV22Ibpn-D4sEkFpc.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";import"./LabeledUserSingleSelectWithSubtitlesField-B9Xx3bxn-BVcg7w-8.js";import"./RoleWithToolTip-DSSGBzvw-LpQZuizj.js";import"./LabeledZeniRolesDropDownField-Docjgj8Y-C1lu43_h.js";const L={containerPaddingLeft:new E(g[3],g[6],g[8]),containerPaddingRight:new E(g[3],g[6],g[8]),buttonWidth:new E(85,85)},V="editPeoplePage",C="userItems",p=le.getLocalizedStrings().peoplePage,Ie=({peopleDetails:e,managersList:s,classList:R,controllersList:w,mode:o,isZeniTenant:P,onPeopleLocalDataUpdated:S,onCloseClick:T,onSaveClick:r,isReimbursementDisabled:_,isZeniAccountsDisabled:n,isChargeCardDisabled:k,isTreasuryDisabled:D,isBankingOnlyTenant:b,isCardsOnlyTenant:x,isLiteRoleDisabled:U})=>{const c=Y(),[W,F]=$.useState(-1),[B,I]=$.useState(""),Z=$.useRef(null),z=$.useMemo(()=>H(_,n,k,b,x,U,D),[_,n,k,b,x,U,D]),K=ee(),i=te({mode:"onBlur",reValidateMode:"onChange",defaultValues:G(e.people,o,z,s,R,b,x),values:G(e.people,o,z,s,R,b,x)}),M=i.handleSubmit(()=>{J()?r():console.warn("Invite People form error")}),J=()=>{const t=i.getValues();let l=!0;return t.userItems.forEach((f,O)=>{const{role:a,nonZeniRole:v,department:u,manager:m}=f;if(o==="zeni_only")a?.selectedOptions==null&&(i.setError(`${C}.${O}.role`,{type:"required"}),l=!1);else{const h=v?.userRole.selectedRole;(h!=null&&v!=null?v.productsByUserRole[h].map(y=>y.selectedOption).filter(y=>y!=null):[]).length<1&&(i.setError(`${C}.${O}.nonZeniRole.userRole.selectedRole`,{type:"required"}),l=!1),u?.selectedOption==null&&h!=="investor_or_banker"&&!b&&!x&&(i.setError(`${C}.${O}.department`,{type:"required"}),l=!1),m?.selectedUser==null&&h!=="investor_or_banker"&&(i.setError(`${C}.${O}.manager`,{type:"required"}),l=!1)}}),l},X=async(t,l)=>{const f=[],{userItems:O}=l;O.forEach(a=>{let v={};if(o==="zeni_only")v={email:a.email,role:[a.role?.selectedOptions]};else{const u=a.nonZeniRole?.userRole.selectedRole;let m=[];u==="admin"||u==="investor_or_banker"?m.push(u):m=u!=null?(a.nonZeniRole?.productsByUserRole[u]??[]).map(y=>de(y.selectedOption?.value)).filter(y=>y!=null):[],u==="employee"&&m.length===0&&(m=["reimbursements_user"]);const h=ce(m);v={email:a.email,role:m,departmentId:h?void 0:a.department?.selectedOption?.value,managerId:h?void 0:a.manager?.selectedUser}}f.push(v)}),S(f)};return $.useEffect(()=>{const t=i.watch((l,{name:f})=>{f!=null&&l!=null&&X(f,l)});return()=>{t.unsubscribe()}}),$.useEffect(()=>{const t=Z.current,l=()=>{c!=="small"&&(t&&t?.scrollTop>g[9]?I(o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):I(""))};return c==="small"?I(o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):t&&t?.scrollTop<=g[9]&&I(""),t&&t.addEventListener("scroll",l),()=>{t&&t.removeEventListener("scroll",l)}},[o,B,c]),d.jsxs(d.Fragment,{children:[d.jsx(oe,{title:B,backgroundColor:K.colors.grey4,style:{zIndex:4},onCloseClick:T,isTitleAlignLeft:c==="small"}),d.jsxs(me,{"data-testid":ne("invite-people-container"),windowSize:c,ref:Z,children:[c!=="small"?d.jsx(pe,{children:o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title}):null,d.jsx(se,{...i,children:d.jsx("form",{id:`${V}_form`,onSubmit:M,children:d.jsx(ue,{control:i.control,sectionId:C,deleteConfirmationIndex:W,updateDeleteConfirmationIndex:F,mode:o,isZeniTenant:P,classList:R,managersList:s,controllersList:w,isBankingOnlyTenant:b,isCardsOnlyTenant:x,customerRoleOptions:z,isEdit:!1})})})]}),d.jsx(re,{formId:`${V}_form`,primaryBtn:{label:p.invitePage.invite,style:{width:L.buttonWidth.value(c)},isLoading:e.invitePersonState.fetchState==="In-Progress",isDisabled:e.invitePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:p.invitePage.cancel,style:{width:L.buttonWidth.value(c)},shouldResetOnCancel:!1,onClick:T},separatorStyle:{marginRight:ie.sp4}})]})},G=(e,s,R,w,o,P,S)=>{const T=[{userIndex:0,email:[],role:s==="zeni_only"?{allOptions:Q.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:s==="off"?{userRole:{selectedRole:e[0]?.role.length>0?q(e[0].role):void 0,allRootRole:A(P,S)},productsByUserRole:j(e[0]?.role??[],R)}:void 0,department:void 0,manager:void 0}];return{[C]:e.length>0?e.map((r,_)=>({userIndex:_,email:r.email,role:s==="zeni_only"?{allOptions:Q.roles,selectedOptions:r.role}:void 0,nonZeniRole:s==="off"?{userRole:{selectedRole:r.role.length>0?q(r.role):void 0,allRootRole:A(P,S)},productsByUserRole:j(r.role,R)}:void 0,department:{allOptions:o.map(n=>({label:n.fullyQualifiedAccountingClassName??"",value:n.classId,hoverText:n.accountingClassNumber})),selectedOption:o.map(n=>({label:n.fullyQualifiedAccountingClassName??"",value:n.classId,hoverText:n.accountingClassNumber})).find(n=>n.value===r.departmentId)},manager:{allUsers:w,selectedUser:r.managerId}})):T}},Le=(e,s)=>`${e}.${s}`,me=N.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey4};
-
-  padding-left: ${e=>`${L.containerPaddingLeft.valuePx(e.windowSize)}`};
-  padding-right: ${e=>`${L.containerPaddingRight.valuePx(e.windowSize)}`};
-  overflow-x: hidden;
-  height: 100%;
-`,pe=N(ae)`
-  color: ${e=>e.theme.colors.primary};
-`;export{Ie as default,Le as uniqueName};

package/dist/assets/IssueChargeCardPage-CRtJDmrZ-BSgoE7Zm.js

@@ -1,532 +0,0 @@
-import{Q as oe,a8 as Aa,cB as Oa,F as de,V as r,aK as Pe,je as _a,bY as Ra,ab as za,aO as Da,o as a,y,bv as Ua,b5 as Fa,B as be,M as sa,_ as Na,E as Ma,p as re,U as Ea,cf as qa,cO as xe,eh as Ba,u as d,bQ as ka,a$ as Z,cU as me,cY as na,jf as Va,jg as Ha,cV as Wa,d as Te,jh as Ae,cE as Oe,g7 as _e,eX as ve,b as ie,eT as he,g3 as oa,ag as Re,aL as Ga,hm as Qa,al as Xa,ho as Za}from"./index-DcV3YN51.js";import{a as E}from"./core-3dlyNYRL.js";import{n as l}from"./mui-bYXq4XMS.js";import{Y as ca}from"./LabeledUserSingleSelectWithSubtitlesField-B9Xx3bxn-BVcg7w-8.js";import{bd as Ja}from"./zeni-epic-state-BwKvATgd.js";import{T as ua}from"./RoleWithToolTip-DSSGBzvw-LpQZuizj.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";const ge=e=>{const{common:i,spendManagement:{chargeCard:{issueCard:t}}}=de.getLocalizedStrings();switch(e){case"monthly":return t.frequencySubLabels.monthly;case"quarterly":return t.frequencySubLabels.quarterly;case"weekly":return t.frequencySubLabels.weekly;case"yearly":return t.frequencySubLabels.yearly;default:return i.strings.empty}},Ya=["creditCard","debitCard"],qe=e=>Ja(e,Ya),m=(e,i)=>`${e}.${i}`,{commonSetUp:{businessVerification:{addressPlaceholder:Be,customAddressPlaceholder:Ka}},spendManagement:{chargeCard:{issueCard:U}}}=de.getLocalizedStrings(),B={largeLabelWidth:new y(120,120,200),labelMarginRight:new y(d[3],d[4]),labelMarginBottom:new y(d[2],d[0]),infoLabelMarginTop:new y(d[1],d[0]),radioLabelPaddingLeftRight:new y(d[2],d[3]),radioLabelPaddingLeft:new y(d[0],d[3]),radioLabelPaddingRight:new y(10,d[3])},er={infoLabel:new be("smallRegular","smallRegular")},ar="creditCard.physicalCard.amount",rr="creditCard.physicalCard.cardName",ir="creditCard.physicalCard.user",dr="creditCard.physicalCard.frequency",te="creditCard.physicalCard.addressType",lr=({lineData:e,issueCardSectionId:i,limit:t,creditLimitFrequency:b,activeChargeCardCount:v,allRoles:f,allAccountingClasses:_,companyAddress:h,customAddress:I,userAddress:T,userList:o,maxPhysicalChargeCardPerUser:z,openAddAddressDrawerHandler:u})=>{const s=oe(),F=Te(),{getValues:N}=xe(),S=B.largeLabelWidth.value(s),k=()=>{u(e.lineId,"creditCard")},c=(g,C)=>r.jsx(sr,{isOptionSelected:C,children:ge(g)}),n=e.creditCard.physicalCard.addressType,x=e.creditCard.physicalCard.amount,R=Ae(t.amount),w=x!=null&&x>t.amount,A=w?U.amountExceedError.replace("_amount_",R):void 0,P=e.creditCard.physicalCard.user,M=P.allUsers.find(g=>g.userId===P.selectedUser),X=M?.userId,Y=X!=null?T[X]:void 0,p=g=>{let C=v[g]?.physicalCardCount??0;return N().lineInfo.forEach(L=>{L.creditCard.cardType==="business_physical_credit_card"&&L.creditCard.physicalCard.user.selectedUser===g&&(C+=1)}),C>=z};return r.jsxs(r.Fragment,{children:[r.jsx(ca,{label:{label:U.cardholderLabel,width:S},userSingleSelectWithSubTitlesField:{name:m(i,ir),placeholderLabel:U.usersPlaceholder,value:{allUsers:o,selectedUser:e.creditCard.physicalCard.user.selectedUser},registerOptions:{required:!0,validate:g=>g?.selectedUser?.length>0},valueToSubtitle:g=>{const C=f.find(V=>V.userId===g),L=[];return C?.accountingClassIDs.forEach(V=>{const le=_.find(Ce=>Ce.classId===V);le!=null&&le.className&&L.push(le.className)}),L},additionalLabelInfo:U.additionalInfoPhysical,showOnlyAvatar:!0,showAvatarAndSubtitles:!1,isOptionDisabled:p,disabledOptionHint:U.cardLimitWarning,bigMarginRightForSmallScreens:!0,optionStyles:{maxHeight:a.sp10,minHeight:a.sp6,height:"max-content"}},style:{width:"100%",paddingLeft:B.labelMarginBottom.value(s)}}),r.jsx($e,{}),r.jsx(Oe,{label:{label:U.cardNameLabel,width:S},style:{width:"auto",paddingLeft:B.labelMarginBottom.value(s)},text:{type:"text",name:m(i,rr),defaultValue:e.creditCard.physicalCard.cardName,placeholder:U.cardNamePlaceholder,options:{required:!0,validate:g=>g!=null}}}),r.jsx($e,{}),r.jsx(_e,{label:{label:U.amountLabel,width:S},showAdditionalInfoLabel:w,additionalInfoLabel:A,formattedTextField:{type:"number",name:m(i,ar),defaultValue:e.creditCard.physicalCard.amount,placeholder:U.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:g=>!!g&&g>0&&g<=t.amount},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},isFieldError:w,style:{width:"auto",paddingLeft:B.labelMarginBottom.value(s)}}),r.jsx($e,{}),r.jsx(ve,{isDisabled:"readonly",label:{label:U.frequencyLabel,width:S,style:{marginBottom:B.labelMarginBottom.valuePx(s),marginRight:B.labelMarginRight.valuePx(s)}},style:{width:"100%",paddingLeft:B.labelMarginBottom.valuePx(s)},infoLabelStyle:{...ie.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:B.infoLabelMarginTop.valuePx(s),color:F.colors.hero},valueToAdditionalLabel:g=>ge(g),singleSelectPickerField:{name:m(i,dr),placeholder:U.frequencyPlaceholder,style:{position:"relative"},capitalizeOptions:!0,showSubLabelsInSingleValue:!1,defaultValue:{selectedOption:e.creditCard.physicalCard.frequency.selectedOption,allOptions:b.map(g=>({label:g.name,value:g.code}))},valueToSubLabels:(g,C)=>c(g,C),textAlignment:"right",registerOptions:{required:!0,validate:g=>g!=null&&!!g.selectedOption}}}),r.jsx($e,{}),r.jsxs(nr,{windowSize:s,children:[r.jsxs(ur,{windowSize:s,children:[r.jsx(me,{label:U.address.shippingAddressLabel,htmlFor:m(i,te),style:{marginLeft:a.sp4,marginRight:B.labelMarginRight.valuePx(s),marginTop:a.sp2,width:s==="small"?"auto":S}}),r.jsx(or,{windowSize:s,children:r.jsxs(pr,{isDisabled:M==null,children:[Y!=null&&r.jsx(Z,{isContainerClickable:!0,label:{label:U.address.personal},isDisabled:M==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:B.radioLabelPaddingLeftRight.value(s),paddingRight:B.radioLabelPaddingRight.value(s),width:"fit-content"},radioField:{name:m(i,te),id:`${m(i,te)}.${U.address.personal}`,value:"card_holder_personal_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(Z,{isContainerClickable:!0,label:{label:U.address.company},isDisabled:M==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:B.radioLabelPaddingLeft.value(s),paddingRight:B.radioLabelPaddingRight.value(s),width:"fit-content"},radioField:{name:m(i,te),id:`${m(i,te)}.${U.address.company}`,value:"company_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(Z,{isContainerClickable:!0,label:{label:U.address.custom},isDisabled:M==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:B.radioLabelPaddingLeft.value(s),paddingRight:B.radioLabelPaddingLeftRight.value(s),width:"fit-content"},radioField:{name:m(i,te),id:`${m(i,te)}.${U.address.custom}`,value:"custom_address",radioSize:"small",registerOptions:{required:!0}}})]})})]}),r.jsx(cr,{windowSize:s,children:M?.user!=null&&n!=null&&r.jsx(tr,{children:n==="card_holder_personal_address"?r.jsxs(r.Fragment,{children:[r.jsx(he,{name:"personal_address_value_field",defaultValue:Y,isDisabled:"readonly",placeholder:Be,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1}}),r.jsx(ke,{windowSize:s,children:U.address.personalAddressText.replace("_name_",M.user.firstName)})]}):n==="company_address"?r.jsx(he,{name:"company_address_value_field",defaultValue:h,isDisabled:"readonly",placeholder:Be,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1}}):r.jsxs(r.Fragment,{children:[r.jsx(he,{name:"custom_address_value_field",defaultValue:I[e.lineId],placeholder:Ka,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1},onClick:k}),r.jsx(ke,{windowSize:s,children:U.address.customAddressText})]})})})]})]})},tr=l.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  align-items: flex-end;
-  flex-grow: 1;
-`,ke=l(Re)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  padding-right: 12px;
-  text-align: right;
-  ${e=>`${er.infoLabel.style(e.windowSize)}`};
-`,sr=l(Re)`
-  color: ${e=>e.isOptionSelected?e.theme.colors.primary:e.theme.colors.grey1};
-`,$e=l.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,nr=l.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  background-color: ${e=>e.theme.colors.grey5};
-  min-height: ${a.sp6};
-  padding-right: ${a.sp2};
-  padding-top: ${a.sp2};
-  padding-bottom: ${a.sp2};
-
-  &:focus-within {
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .user-multi-select-field__control {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-`,or=l.div`
-  flex-grow: 1;
-  display: flex;
-  width: ${e=>e.windowSize==="small"?"auto":`calc(100% - ${B.largeLabelWidth.valuePx(e.windowSize)})`};
-  align-items: center;
-  justify-content: flex-end;
-  padding-right: ${e=>B.labelMarginBottom.valuePx(e.windowSize)};
-`,cr=l.div`
-  display: flex;
-  flex-direction: column;
-  text-align: right;
-  color: ${e=>e.theme.colors.primary};
-  padding-left: ${a.sp4};
-  width: 100%;
-`,ur=l.div`
-  color: ${e=>e.theme.colors.primary};
-  width: 100%;
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,pr=l.div`
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-  &:hover {
-    fill: ${e=>e.theme.colors.primary};
-  }
-`,{spendManagement:{chargeCard:{issueCard:G}}}=de.getLocalizedStrings(),K={largeLabelWidth:new y(120,120,200),labelMarginRight:new y(d[3],d[4]),largeLabelMarginRight:new y(d[2],12),labelMarginBottom:new y(d[2],d[0]),infoLabelMarginTop:new y(d[1],d[0])},hr={infoLabel:new be("smallRegular","smallRegular")},mr="debitCard.virtualCard.amount",gr="debitCard.virtualCard.cardName",Ve="debitCard.virtualCard.users",br="debitCard.virtualCard.frequency",Cr="debitCard.virtualCard.connectedAccount",yr=({lineData:e,issueCardSectionId:i,cardHolderCandidates:t,creditLimitFrequency:b,allRoles:v,depositAccounts:f,allAccountingClasses:_,activeDebitCardCount:h,maxVirtualDebitCardPerUser:I})=>{const T=Te(),o=oe(),{getValues:z}=xe(),u=K.largeLabelWidth.value(o),s=e.debitCard.virtualCard.amount,F=f.find(c=>c.id===e.debitCard.virtualCard.connectedAccount.selectedOption)?.cardLimits.dailyCardTransactionLimit.amount,N=s!=null&&F!=null&&s>F,S=N?G.amountExceedDebitCardError.replace("_amount_",Ae(F)):void 0,k=c=>{let n=0;const x=e.debitCard.virtualCard.connectedAccount.selectedOption;return x!=null&&h?.[x]?.[c]!=null&&(n=h[x][c].virtualCardCount),z().lineInfo.forEach(R=>{R.debitCard.cardType==="business_virtual_debit_card"&&R.debitCard.virtualCard.users.selectedUsers.forEach(w=>{w.userId===c&&(n+=1)})}),n>=I};return r.jsxs(r.Fragment,{children:[r.jsx(We,{label:{label:G.connectedAccountLabel,width:u,style:{marginLeft:a.sp4,marginRight:K.largeLabelMarginRight.value(o),marginTop:a.sp2,width:u}},style:{width:"auto"},singleSelectPickerField:{name:m(i,Cr),placeholder:G.selectAccountPlaceholder,style:{position:"relative"},capitalizeOptions:!0,valueToLogo:(c,n)=>pa(f,c,n),valueToSubLabels:(c,n)=>Ie(f,c,n),defaultValue:{selectedOption:e.debitCard.virtualCard.connectedAccount.selectedOption,allOptions:f.map(c=>({label:c.accountName,value:c.id}))},isOptionRemovable:!1,textAlignment:"right",registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption}}}),r.jsx(Le,{}),r.jsxs(Ir,{windowSize:o,children:[r.jsx(me,{label:G.cardholdersLabel,htmlFor:m(i,Ve),style:{marginLeft:a.sp4,marginRight:K.labelMarginRight.value(o),marginTop:a.sp2,width:u}}),r.jsxs(Pr,{windowSize:o,children:[r.jsx(oa,{hideEmailTooltip:!0,shouldHaveBackgroundColor:!1,showBackgroundColorIfHasAnySelectedOption:!1,placeholderLabel:G.usersPlaceholder,name:m(i,Ve),value:{allUsers:t,selectedUsers:e.debitCard.virtualCard.users.selectedUsers,allNonUsers:[],selectedNonUsers:[]},registerOptions:{required:!0,validate:c=>c?.selectedUsers?.length>0},valueToSubtitle:c=>{const n=v.find(R=>R.userId===c),x=[];return n!=null&&(x.push(r.jsx(ua,{roles:n.userRoles})),n.accountingClassIDs.forEach(R=>{const w=_.find(A=>A.classId===R);w!=null&&w.className&&x.push(w.className)})),x},disableCurrentOption:k,disabledOptionHint:G.cardLimitWarning,customStyleConfig:{placeholder:()=>({margin:a.sp0}),input:(c,{selectProps:n})=>({display:n.menuIsOpen===!1&&e.debitCard.virtualCard.users.selectedUsers.length>0&&o!=="small"?"none":"unset",width:o==="small"&&e.debitCard.virtualCard.users.selectedUsers.length>0?"100%":`calc(100% - ${a.sp5})`,padding:e.debitCard.virtualCard.users.selectedUsers.length===0?`${a.sp0} ${a.sp3}`:a.sp0,...ie.standardRegular.cssObject,height:a.sp4,zIndex:0,position:e.debitCard.virtualCard.users.selectedUsers.length===0||o==="small"&&n.menuIsOpen===!1?"absolute":"unset",left:a.sp0,">input":{...ie.smallBold.cssObject,height:"100%",cursor:"pointer"}})}}),r.jsx(jr,{size:o,children:G.additionalInfoVirtual})]})]}),r.jsx(Le,{}),r.jsx(Oe,{label:{label:G.cardNameLabel,width:u},style:{width:"auto",paddingLeft:K.labelMarginBottom.value(o)},text:{type:"text",name:m(i,gr),defaultValue:e.debitCard.virtualCard.cardName,placeholder:G.cardNamePlaceholder,options:{required:!0,validate:c=>c!=null}}}),r.jsx(Le,{}),r.jsx(_e,{label:{label:G.amountLabel,width:u},showAdditionalInfoLabel:N,additionalInfoLabel:S,formattedTextField:{type:"number",name:m(i,mr),defaultValue:e.debitCard.virtualCard.amount,placeholder:G.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:c=>F!=null?!!c&&c>0&&c<=F:!!c&&c>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto",paddingLeft:K.labelMarginBottom.value(o)},isFieldError:N}),r.jsx(Le,{}),r.jsx(Lr,{size:o,children:r.jsx(We,{isDisabled:"readonly",label:{label:G.frequencyLabel,width:u,style:{marginLeft:a.sp0,marginBottom:K.labelMarginBottom.valuePx(o),marginRight:K.labelMarginRight.valuePx(o)}},style:{width:"100%",padding:a.sp0,display:o==="small"?"flex":"inherit"},infoLabelStyle:{...ie.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:K.infoLabelMarginTop.valuePx(o),color:T.colors.hero},valueToAdditionalLabel:c=>ge(c),singleSelectPickerField:{name:m(i,br),placeholder:G.frequencyPlaceholder,style:{position:"relative"},capitalizeOptions:!0,showSubLabelsInSingleValue:!1,defaultValue:{selectedOption:e.debitCard.virtualCard.frequency.selectedOption,allOptions:b.map(c=>({label:c.name,value:c.code}))},valueToSubLabels:(c,n)=>Ie(f,c,n),textAlignment:"right",registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption}}})})]})},pa=(e,i,t)=>{if(i==="")return r.jsx($r,{});const b=e.find(f=>f.id===i),v=e.findIndex(f=>f.id===i);return b!=null?r.jsx(vr,{isOptionSelected:t,children:r.jsx(wr,{color:Qa(v)})}):null},Ie=(e,i,t)=>{if(!i)return null;const b=e.find(v=>v.id===i);return t===!0?r.jsx(fr,{children:b?.maskedAccountNumber}):r.jsxs(Sr,{className:"option-sublabel",children:[r.jsx(He,{children:b?.maskedAccountNumber}),b?.accountBalance?.available?r.jsx(xr,{}):null,b?.accountBalance?.available?r.jsx(He,{children:Ga("0,0[.]00",b.accountBalance.available)}):null]})},fr=l.span`
-  margin-left: ${a.sp2};
-`,He=l.div``,xr=l.div`
-  width: ${a.sp1};
-  height: ${a.sp1};
-  min-width: ${a.sp1};
-  background-color: ${e=>e.theme.colors.grey1};
-  border-radius: 50%;
-`,vr=l.div`
-  min-width: ${e=>e.isOptionSelected?a.sp4:a.sp5};
-  width: ${e=>e.isOptionSelected?a.sp4:a.sp5};
-  height: ${e=>e.isOptionSelected?a.sp4:a.sp5};
-  margin-right: ${a.sp2};
-`,wr=l(Za)`
-  min-width: inherit;
-  width: inherit;
-  height: inherit;
-`,$r=l(na)`
-  min-width: ${a.sp4};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  margin-right: 12px;
-  margin-left: ${a.sp1};
-  color: ${e=>e.theme.colors.hero};
-`,Lr=l.div`
-  display: flex;
-  flex-direction: row;
-  padding: ${a.sp2};
-  padding-left: ${a.sp4};
-  justify-content: space-between;
-  color: ${e=>e.theme.colors.hero};
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-`,Sr=l(Xa)`
-  color: ${e=>e.theme.colors.grey1};
-  display: flex;
-  align-items: center;
-  gap: ${a.sp2};
-`,jr=l.label`
-  color: ${e=>e.theme.colors.hero};
-  width: 100%;
-  ${e=>`${hr.infoLabel.style(e.size)}`};
-  padding-right: ${a.sp3};
-  text-align: right;
-  white-space: pre-line;
-`,Le=l.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Pr=l.div`
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-  width: ${e=>`calc(100% - ${K.largeLabelWidth.valuePx(e.windowSize)})`};
-  align-items: flex-end;
-  flex-grow: 1;
-`,We=l(ve)`
-  border-radius: ${a.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-`,Ir=l.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  min-height: ${a.sp6};
-  padding-right: ${a.sp2};
-  padding-top: ${a.sp2};
-  padding-bottom: ${a.sp2};
-
-  &:focus-within {
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .user-multi-select-field__control {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-`,{commonSetUp:{businessVerification:{addressPlaceholder:Ge,customAddressPlaceholder:Tr}},spendManagement:{chargeCard:{issueCard:D}}}=de.getLocalizedStrings(),q={largeLabelWidth:new y(120,120,200),labelMarginRight:new y(d[3],d[4]),largeLabelMarginRight:new y(d[2],12),labelMarginBottom:new y(d[2],d[0]),infoLabelMarginTop:new y(d[1],d[0]),radioLabelPaddingLeftRight:new y(d[2],d[3]),radioLabelPaddingLeft:new y(d[0],d[3]),radioLabelPaddingRight:new y(10,d[3])},Ar={infoLabel:new be("smallRegular","smallRegular")},Or="debitCard.physicalCard.amount",_r="debitCard.physicalCard.cardName",Rr="debitCard.physicalCard.user",zr="debitCard.physicalCard.frequency",se="debitCard.physicalCard.addressType",Dr="debitCard.physicalCard.connectedAccount",Ur=({lineData:e,issueCardSectionId:i,creditLimitFrequency:t,activeDebitCardCount:b,allRoles:v,depositAccounts:f,allAccountingClasses:_,companyAddress:h,customAddress:I,userAddress:T,userList:o,maxPhysicalDebitCardPerUser:z,openAddAddressDrawerHandler:u})=>{const s=oe(),F=Te(),{getValues:N}=xe(),S=q.largeLabelWidth.value(s),k=()=>{u(e.lineId,"debitCard")},c=e.debitCard.physicalCard.amount,n=f.find(p=>p.id===e.debitCard.physicalCard.connectedAccount.selectedOption)?.cardLimits.dailyCardTransactionLimit.amount,x=c!=null&&n!=null&&c>n,R=x?D.amountExceedDebitCardError.replace("_amount_",Ae(n)):void 0,w=e.debitCard.physicalCard.addressType,A=e.debitCard.physicalCard.user,P=A.allUsers.find(p=>p.userId===A.selectedUser),M=P?.userId,X=M!=null?T[M]:void 0,Y=p=>{let g=0;const C=e.debitCard.physicalCard.connectedAccount.selectedOption;return C!=null&&b?.[C]?.[p]!=null&&(g=b[C][p].physicalCardCount),N().lineInfo.forEach(L=>{L.debitCard.cardType==="business_physical_debit_card"&&L.debitCard.physicalCard.user.selectedUser===p&&(g+=1)}),g>=z};return r.jsxs(r.Fragment,{children:[r.jsx(Nr,{label:{label:D.connectedAccountLabel,width:S,style:{marginLeft:a.sp4,marginRight:q.largeLabelMarginRight.value(s),marginTop:a.sp2,width:S}},style:{width:"auto"},singleSelectPickerField:{name:m(i,Dr),placeholder:D.selectAccountPlaceholder,style:{position:"relative"},capitalizeOptions:!0,valueToLogo:(p,g)=>pa(f,p,g),valueToSubLabels:(p,g)=>Ie(f,p,g),defaultValue:{selectedOption:e.debitCard.physicalCard.connectedAccount.selectedOption,allOptions:f.map(p=>({label:p.accountName,value:p.id}))},textAlignment:"right",isOptionRemovable:!1,registerOptions:{required:!0,validate:p=>p!=null&&!!p.selectedOption}}}),r.jsx(fe,{}),r.jsx(ca,{label:{label:D.cardholderLabel,width:S},userSingleSelectWithSubTitlesField:{name:m(i,Rr),placeholderLabel:D.usersPlaceholder,value:{allUsers:o,selectedUser:e.debitCard.physicalCard.user.selectedUser},registerOptions:{required:!0,validate:p=>p?.selectedUser?.length>0},valueToSubtitle:p=>{const g=v.find(L=>L.userId===p),C=[];return g?.accountingClassIDs.forEach(L=>{const V=_.find(le=>le.classId===L);V!=null&&V.className&&C.push(V.className)}),C},additionalLabelInfo:D.additionalInfoPhysical,showOnlyAvatar:!0,showAvatarAndSubtitles:!1,isOptionDisabled:Y,disabledOptionHint:D.cardLimitWarning,bigMarginRightForSmallScreens:!0,optionStyles:{maxHeight:a.sp10,minHeight:a.sp6,height:"max-content"}},style:{width:"auto",paddingLeft:q.labelMarginBottom.value(s)}}),r.jsx(fe,{}),r.jsx(Oe,{label:{label:D.cardNameLabel,width:S},style:{width:"auto",paddingLeft:q.labelMarginBottom.value(s)},text:{type:"text",name:m(i,_r),defaultValue:e.debitCard.physicalCard.cardName,placeholder:D.cardNamePlaceholder,options:{required:!0,validate:p=>p!=null}}}),r.jsx(fe,{}),r.jsx(_e,{label:{label:D.amountLabel,width:S},showAdditionalInfoLabel:x,additionalInfoLabel:R,formattedTextField:{type:"number",name:m(i,Or),defaultValue:e.debitCard.physicalCard.amount,placeholder:D.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:p=>n!=null?!!p&&p>0&&p<=n:!!p&&p>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto",paddingLeft:q.labelMarginBottom.value(s)},isFieldError:x}),r.jsx(fe,{}),r.jsx(ve,{isDisabled:"readonly",label:{label:D.frequencyLabel,width:S,style:{marginBottom:q.labelMarginBottom.valuePx(s),marginRight:q.labelMarginRight.valuePx(s)}},style:{width:"auto",paddingLeft:q.labelMarginBottom.valuePx(s)},infoLabelStyle:{...ie.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:q.infoLabelMarginTop.valuePx(s),color:F.colors.hero},valueToAdditionalLabel:p=>ge(p),singleSelectPickerField:{name:m(i,zr),placeholder:D.frequencyPlaceholder,style:{position:"relative"},capitalizeOptions:!0,showSubLabelsInSingleValue:!1,defaultValue:{selectedOption:e.debitCard.physicalCard.frequency.selectedOption,allOptions:t.map(p=>({label:p.name,value:p.code}))},valueToSubLabels:(p,g)=>Ie(f,p,g),textAlignment:"right",registerOptions:{required:!0,validate:p=>p!=null&&!!p.selectedOption}}}),r.jsx(fe,{}),r.jsxs(Mr,{windowSize:s,children:[r.jsxs(Br,{windowSize:s,children:[r.jsx(me,{label:D.address.shippingAddressLabel,htmlFor:m(i,se),style:{marginLeft:a.sp4,marginRight:q.labelMarginRight.valuePx(s),marginTop:a.sp2,width:s==="small"?"auto":S}}),r.jsx(Er,{windowSize:s,children:r.jsxs(kr,{isDisabled:P==null,children:[X!=null&&r.jsx(Z,{isContainerClickable:!0,label:{label:D.address.personal},isDisabled:P==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:q.radioLabelPaddingLeftRight.value(s),paddingRight:q.radioLabelPaddingRight.value(s),width:"fit-content"},radioField:{name:m(i,se),id:`${m(i,se)}.${D.address.personal}`,value:"card_holder_personal_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(Z,{isContainerClickable:!0,label:{label:D.address.company},isDisabled:P==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:q.radioLabelPaddingLeft.value(s),paddingRight:q.radioLabelPaddingRight.value(s),width:"fit-content"},radioField:{name:m(i,se),id:`${m(i,se)}.${D.address.company}`,value:"company_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(Z,{isContainerClickable:!0,label:{label:D.address.custom},isDisabled:P==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:q.radioLabelPaddingLeft.value(s),paddingRight:q.radioLabelPaddingLeftRight.value(s),width:"fit-content"},radioField:{name:m(i,se),id:`${m(i,se)}.${D.address.custom}`,value:"custom_address",radioSize:"small",registerOptions:{required:!0}}})]})})]}),r.jsx(qr,{windowSize:s,children:P?.user!=null&&w!=null&&r.jsx(Fr,{children:w==="card_holder_personal_address"?r.jsxs(r.Fragment,{children:[r.jsx(he,{name:"personal_address_value_field",defaultValue:X,isDisabled:"readonly",placeholder:Ge,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1}}),r.jsx(Qe,{windowSize:s,children:D.address.personalAddressText.replace("_name_",P.user.firstName)})]}):w==="company_address"?r.jsx(he,{name:"company_address_value_field",defaultValue:h,isDisabled:"readonly",placeholder:Ge,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1}}):r.jsxs(r.Fragment,{children:[r.jsx(he,{name:"custom_address_value_field",defaultValue:I[e.lineId],placeholder:Tr,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1},onClick:k}),r.jsx(Qe,{windowSize:s,children:D.address.customAddressText})]})})})]})]})},Fr=l.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  align-items: flex-end;
-  flex-grow: 1;
-`,Nr=l(ve)`
-  border-radius: ${a.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-`,Qe=l(Re)`
-  display: flex;
-  color: ${e=>e.theme.colors.hero};
-  padding-right: 12px;
-  text-align: right;
-  ${e=>`${Ar.infoLabel.style(e.windowSize)}`};
-`,fe=l.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Mr=l.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  background-color: ${e=>e.theme.colors.grey5};
-  min-height: ${a.sp6};
-  padding-right: ${a.sp2};
-  padding-top: ${a.sp2};
-  padding-bottom: ${a.sp2};
-
-  &:focus-within {
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .user-multi-select-field__control {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-`,Er=l.div`
-  flex-grow: 1;
-  display: flex;
-  width: ${e=>e.windowSize==="small"?"auto":`calc(100% - ${q.largeLabelWidth.valuePx(e.windowSize)})`};
-  align-items: center;
-  justify-content: flex-end;
-  padding-right: ${e=>q.labelMarginBottom.valuePx(e.windowSize)};
-`,qr=l.div`
-  display: flex;
-  flex-direction: column;
-  text-align: right;
-  color: ${e=>e.theme.colors.primary};
-  padding-left: ${a.sp4};
-  width: 100%;
-`,Br=l.div`
-  color: ${e=>e.theme.colors.primary};
-  width: 100%;
-  display: flex;
-  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,kr=l.div`
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-  &:hover {
-    fill: ${e=>e.theme.colors.primary};
-  }
-`,{spendManagement:{chargeCard:{issueCard:J}}}=de.getLocalizedStrings(),ee={largeLabelWidth:new y(120,120,200),labelMarginRight:new y(d[3],d[4]),labelMarginBottom:new y(d[2],d[0]),infoLabelMarginTop:new y(d[1],d[0])},Vr={infoLabel:new be("smallRegular","smallRegular")},Hr="creditCard.virtualCard.amount",Wr="creditCard.virtualCard.cardName",Xe="creditCard.virtualCard.users",Gr="creditCard.virtualCard.frequency",Qr=({lineData:e,issueCardSectionId:i,cardHolderCandidates:t,limit:b,creditLimitFrequency:v,allRoles:f,allAccountingClasses:_,activeChargeCardCount:h,maxVirtualChargeCardPerUser:I})=>{const T=Te(),o=oe(),{getValues:z}=xe(),u=ee.largeLabelWidth.value(o),s=(n,x)=>r.jsx(Zr,{isOptionSelected:x,children:ge(n)}),F=e.creditCard.virtualCard.amount,N=Ae(b.amount),S=F!=null&&F>b.amount,k=S?J.amountExceedError.replace("_amount_",N):void 0,c=n=>{let x=h[n]?.virtualCardCount??0;return z().lineInfo.forEach(R=>{R.creditCard.cardType==="business_virtual_credit_card"&&R.creditCard.virtualCard.users.selectedUsers.forEach(w=>{w.userId===n&&(x+=1)})}),x>=I};return r.jsxs(r.Fragment,{children:[r.jsxs(ei,{windowSize:o,children:[r.jsx(me,{label:J.cardholdersLabel,htmlFor:m(i,Xe),style:{marginLeft:a.sp4,marginRight:ee.labelMarginRight.value(o),marginTop:a.sp2,width:u}}),r.jsxs(Yr,{windowSize:o,children:[r.jsx(oa,{hideEmailTooltip:!0,shouldHaveBackgroundColor:!1,showBackgroundColorIfHasAnySelectedOption:!1,placeholderLabel:J.usersPlaceholder,name:m(i,Xe),value:{allUsers:t,selectedUsers:e.creditCard.virtualCard.users.selectedUsers,allNonUsers:[],selectedNonUsers:[]},registerOptions:{required:!0,validate:n=>n?.selectedUsers?.length>0},valueToSubtitle:n=>{const x=f.find(w=>w.userId===n),R=[];return x!=null&&(R.push(r.jsx(ua,{roles:x.userRoles})),x.accountingClassIDs.forEach(w=>{const A=_.find(P=>P.classId===w);A!=null&&A.className&&R.push(A.className)})),R},disableCurrentOption:c,disabledOptionHint:J.cardLimitWarning,customStyleConfig:{placeholder:()=>({margin:a.sp0}),input:(n,{selectProps:x})=>({display:x.menuIsOpen===!1&&e.creditCard.virtualCard.users.selectedUsers.length>0&&o!=="small"?"none":"unset",width:o==="small"&&e.creditCard.virtualCard.users.selectedUsers.length>0?"100%":`calc(100% - ${a.sp5})`,padding:e.creditCard.virtualCard.users.selectedUsers.length===0?`${a.sp0} ${a.sp3}`:a.sp0,...ie.standardRegular.cssObject,height:a.sp4,position:e.creditCard.virtualCard.users.selectedUsers.length===0||o==="small"&&x.menuIsOpen===!1?"absolute":"unset",left:a.sp0,">input":{...ie.smallBold.cssObject,height:"100%",cursor:"pointer"}})}}),r.jsx(Jr,{size:o,children:J.additionalInfoVirtual})]})]}),r.jsx(De,{}),r.jsx(Oe,{label:{label:J.cardNameLabel,width:u},style:{width:"auto",paddingLeft:ee.labelMarginBottom.value(o)},text:{type:"text",name:m(i,Wr),defaultValue:e.creditCard.virtualCard.cardName,placeholder:J.cardNamePlaceholder,options:{required:!0,validate:n=>n!=null}}}),r.jsx(De,{}),r.jsx(_e,{label:{label:J.amountLabel,width:u},showAdditionalInfoLabel:S,additionalInfoLabel:k,formattedTextField:{type:"number",name:m(i,Hr),defaultValue:e.creditCard.virtualCard.amount,placeholder:J.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:n=>!!n&&n>0&&n<=b.amount},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto",paddingLeft:ee.labelMarginBottom.value(o)},isFieldError:S}),r.jsx(De,{}),r.jsx(Xr,{size:o,children:r.jsx(Kr,{isDisabled:"readonly",label:{label:J.frequencyLabel,width:u,style:{marginLeft:a.sp0,marginBottom:ee.labelMarginBottom.valuePx(o),marginRight:ee.labelMarginRight.valuePx(o)}},style:{width:"100%",padding:a.sp0,display:o==="small"?"flex":"inherit"},infoLabelStyle:{...ie.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:ee.infoLabelMarginTop.valuePx(o),color:T.colors.hero},valueToAdditionalLabel:n=>ge(n),singleSelectPickerField:{name:m(i,Gr),placeholder:J.frequencyPlaceholder,style:{position:"relative"},capitalizeOptions:!0,showSubLabelsInSingleValue:!1,defaultValue:{selectedOption:e.creditCard.virtualCard.frequency.selectedOption,allOptions:v.map(n=>({label:n.name,value:n.code}))},valueToSubLabels:(n,x)=>s(n,x),textAlignment:"right",registerOptions:{required:!0,validate:n=>n!=null&&!!n.selectedOption}}})})]})},Xr=l.div`
-  display: flex;
-  flex-direction: row;
-  padding: ${a.sp2};
-  padding-left: ${a.sp4};
-  justify-content: space-between;
-  color: ${e=>e.theme.colors.hero};
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-`,Zr=l(Re)`
-  color: ${e=>e.isOptionSelected?e.theme.colors.primary:e.theme.colors.grey1};
-`,Jr=l.label`
-  color: ${e=>e.theme.colors.hero};
-  width: 100%;
-  ${e=>`${Vr.infoLabel.style(e.size)}`};
-  padding-right: ${a.sp3};
-  text-align: right;
-  white-space: pre-line;
-`,De=l.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Yr=l.div`
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-  width: ${e=>`calc(100% - ${ee.largeLabelWidth.valuePx(e.windowSize)})`};
-  align-items: flex-end;
-  flex-grow: 1;
-`,Kr=l(ve)`
-  border-radius: ${a.sp2};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-`,ei=l.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  min-height: ${a.sp6};
-  padding-right: ${a.sp2};
-  padding-top: ${a.sp2};
-  padding-bottom: ${a.sp2};
-
-  &:focus-within {
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    z-index: 2;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-
-  :first-of-type {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  :last-of-type {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-    .user-multi-select-field__control {
-      background-color: ${e=>e.theme.colors.background};
-    }
-  }
-`,Q={containerPaddingBottom:new y(d[3],d[4]),sectionTitleContainerPadding:new y(d[2],d[3]),largeLabelWidth:new y(120,120,200),labelPaddingLeft:new y(d[3],d[4]),radioLabelPaddingLeft:new y(d[4],d[4]),radioLabelPaddingRight:new y(d[2],d[3]),labelPaddingRight:new y(d[4],d[4]),firstItemMarginTop:new y(d[4],d[2]),paddingLeft:new y(d[3],d[5])},{spendManagement:{chargeCard:{issueCard:W}}}=de.getLocalizedStrings(),ai=e=>{const{lineData:i,issueCardSectionId:t,cardHolderCandidates:b,userList:v,limit:f,creditLimitFrequency:_,allRoles:h,allAccountingClasses:I,hasMultipleLineItems:T,depositAccounts:o,isIssuePhysicalCardEnabled:z,isDebitCardFeatureEnabled:u,isChargeCardFeatureEnabled:s,isChargeCardSetupEnabled:F,isDebitCardSetupEnabled:N,lineIndex:S,customAddress:k,userAddress:c,onRemoveIssueCardLine:n,companyAddress:x,maxPhysicalChargeCardPerUser:R,maxVirtualChargeCardPerUser:w,maxPhysicalDebitCardPerUser:A,maxVirtualDebitCardPerUser:P,cardsSectionRef:M,openAddAddressDrawerHandler:X,clearTentativeNameForLine:Y,activeChargeCardCount:p,activeDebitCardCount:g}=e,C=oe(),L=Q.largeLabelWidth.value(C);return r.jsxs(ii,{windowSize:C,ref:M,className:"cards-item",children:[T&&r.jsxs(ti,{windowSize:C,children:[r.jsx(si,{windowSize:C,children:`${W.card} ${S+1}`}),r.jsx(ni,{className:"deleteIconWrapper",windowSize:C,"data-testid":Pe("delete-icon",i.lineId),onClick:()=>{Y?.(i.lineId??"1"),n(S)},children:r.jsx(ka,{enterDelay:600,title:W.deleteCard,placement:"left",children:r.jsx(oi,{})})})]}),r.jsxs(di,{showTopMargin:!T,windowSize:C,children:[u&&N&&s&&F?r.jsxs(r.Fragment,{children:[r.jsxs(ri,{children:[r.jsx(Z,{isContainerClickable:!0,label:{label:W.creditCard},style:{padding:`${a.sp3} ${a.sp0}`,paddingLeft:Q.labelPaddingLeft.value(C),borderTopLeftRadius:"inherit"},showOutline:!0,radioField:{name:m(t,"chargeCardType"),id:`${m(t,"chargeCardType")}.creditCard`,value:"credit_card",radioSize:"small"}}),r.jsx(li,{}),r.jsx(Z,{isContainerClickable:!0,label:{label:W.debitCard},style:{padding:`${a.sp3} ${a.sp0}`,paddingLeft:Q.labelPaddingLeft.value(C),borderTopRightRadius:"inherit"},showOutline:!0,radioField:{name:m(t,"chargeCardType"),id:`${m(t,"chargeCardType")}.debitCard`,value:"debit_card",radioSize:"small"}})]}),r.jsx(Ue,{})]}):null,i.chargeCardType==="credit_card"?r.jsxs(r.Fragment,{children:[r.jsxs(Je,{size:C,isDebitCardSetupEnabled:N,isDebitCardFeatureEnabled:u,children:[r.jsx(me,{label:W.type,htmlFor:m(t,"creditCard.cardType"),style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:Q.radioLabelPaddingLeft.value(C),paddingRight:Q.radioLabelPaddingRight.value(C),width:"fit-content"}}),r.jsxs(Ze,{labelWidth:L,children:[r.jsx(Z,{label:{label:W.virtualCard},style:{width:"auto"},radioField:{name:m(t,"creditCard.cardType"),id:`${m(t,"creditCard.cardType")}.${W.virtualCard}`,value:"business_virtual_credit_card",style:{height:a.sp3,width:a.sp3,opacity:z?1:0},radioSize:"small"}}),z&&r.jsx(Z,{label:{label:W.physicalCard},style:{width:"auto",paddingLeft:Q.paddingLeft.valuePx(C)},radioField:{name:m(t,"creditCard.cardType"),id:`${m(t,"creditCard.cardType")}.${W.physicalCard}`,value:"business_physical_credit_card",style:{height:a.sp3,width:a.sp3},radioSize:"small"}})]})]}),r.jsx(Ue,{}),i.creditCard.cardType==="business_physical_credit_card"?r.jsx(lr,{lineData:i,issueCardSectionId:`${t}`,limit:f,creditLimitFrequency:_,companyAddress:x,openAddAddressDrawerHandler:X,customAddress:k,userAddress:c,activeChargeCardCount:p,userList:v,allRoles:h,allAccountingClasses:I,maxPhysicalChargeCardPerUser:R}):r.jsx(Qr,{lineData:i,issueCardSectionId:`${t}`,cardHolderCandidates:b,limit:f,creditLimitFrequency:_,allRoles:h,allAccountingClasses:I,activeChargeCardCount:p,maxVirtualChargeCardPerUser:w})]}):null,i.chargeCardType==="debit_card"?r.jsxs(r.Fragment,{children:[r.jsxs(Je,{size:C,isDebitCardSetupEnabled:N,isDebitCardFeatureEnabled:u,children:[r.jsx(me,{label:W.type,htmlFor:m(t,"debitCard.cardType"),style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:Q.radioLabelPaddingLeft.value(C),paddingRight:Q.radioLabelPaddingRight.value(C),width:"fit-content"}}),r.jsxs(Ze,{labelWidth:L,children:[r.jsx(Z,{label:{label:W.virtualCard},style:{width:"auto"},radioField:{name:m(t,"debitCard.cardType"),id:`${m(t,"debitCard.cardType")}.${W.virtualCard}`,value:"business_virtual_debit_card",style:{height:a.sp3,width:a.sp3,opacity:1},radioSize:"small"}}),r.jsx(Z,{label:{label:W.physicalCard},style:{width:"auto",paddingLeft:Q.paddingLeft.valuePx(C)},radioField:{name:m(t,"debitCard.cardType"),id:`${m(t,"debitCard.cardType")}.${W.physicalCard}`,value:"business_physical_debit_card",style:{height:a.sp3,width:a.sp3},radioSize:"small"}})]})]}),r.jsx(Ue,{}),i.debitCard.cardType==="business_physical_debit_card"?r.jsx(Ur,{lineData:i,issueCardSectionId:`${t}`,creditLimitFrequency:_,companyAddress:x,openAddAddressDrawerHandler:X,customAddress:k,userAddress:c,depositAccounts:o,activeDebitCardCount:g,userList:v,allRoles:h,allAccountingClasses:I,maxPhysicalDebitCardPerUser:A}):r.jsx(yr,{lineData:i,issueCardSectionId:`${t}`,cardHolderCandidates:b,depositAccounts:o,creditLimitFrequency:_,allRoles:h,allAccountingClasses:I,activeDebitCardCount:g,maxVirtualDebitCardPerUser:P})]}):null]})]})},ri=l.div`
-  display: flex;
-  flex-direction: row;
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
-`,Ze=l.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: ${a.sp6};
-  align-items: center;
-`,ii=l.div`
-  display: flex;
-  flex-direction: column;
-  padding-bottom: ${e=>Q.containerPaddingBottom.valuePx(e.windowSize)};
-  .deleteIconWrapper {
-    ${e=>e.windowSize==="small"&&" display: block; "}
-  }
-  &:hover {
-    .deleteIconWrapper {
-      display: block;
-    }
-  }
-`,di=l.div`
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: 1px solid ${e=>e.theme.colors.grey3};
-  box-shadow: ${e=>`${a.sp0} 1px 2px ${a.sp0} ${e.theme.colors.issueChargeCardBackgroundShadow}`};
-  border-radius: ${a.sp2};
-  margin-top: ${e=>e.showTopMargin?Q.firstItemMarginTop.valuePx(e.windowSize):a.sp0};
-`,li=l.div`
-  background-color: ${e=>e.theme.colors.grey3};
-  min-width: 1px;
-  max-width: 1px;
-`,Ue=l.div`
-  display: flex;
-  flex: 1;
-  background-color: ${e=>e.theme.colors.grey3};
-  min-height: 1px;
-  max-height: 1px;
-`,Je=l.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  min-height: ${a.sp6};
-  padding-right: ${e=>Q.labelPaddingRight.valuePx(e.size)};
-  padding-top: ${a.sp2};
-  padding-bottom: ${a.sp2};
-  align-items: center;
-  border-top-left-radius: ${e=>e.isDebitCardFeatureEnabled&&e.isDebitCardSetupEnabled?"unset":"inherit"};
-  border-top-right-radius: ${e=>e.isDebitCardFeatureEnabled&&e.isDebitCardSetupEnabled?"unset":"inherit"};
-  &:hover {
-    z-index: 1;
-    outline: 1px solid ${e=>e.theme.colors.primary};
-  }
-`,ti=l.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  padding: ${e=>`${Q.sectionTitleContainerPadding.valuePx(e.windowSize)} ${a.sp0}`};
-`,si=l(Ha)`
-  color: ${e=>e.theme.colors.primary};
-`,ni=l.div`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  cursor: pointer;
-  display: none;
-  color: ${e=>e.theme.colors.hero};
-  &:hover {
-    color: ${re.important};
-  }
-`,oi=l(Wa)`
-  width: ${a.sp3};
-  height: ${a.sp3};
-  cursor: pointer;
-`,Se={addCardButtonMarginBottom:new y(d[3],d[4]),addCardButtonMarginTop:new y(d[2],d[0]),addCardButtonPaddingTopBottom:new y(d[2],d[2]),addCardButtonPaddingLeftRight:new y(d[3],d[4])},ci={title:new be("standardMedium","standardMedium")},ui=({issueChargeCards:e,issueCardSectionId:i,cardHolderCandidates:t,userList:b,limit:v,creditLimitFrequency:f,allRoles:_,allAccountingClasses:h,isIssuePhysicalCardEnabled:I,isDebitCardFeatureEnabled:T,isChargeCardFeatureEnabled:o,isChargeCardSetupEnabled:z,isDebitCardSetupEnabled:u,defaultCardType:s,getInitialLineFormData:F,clearTentativeNameForLine:N,companyAddress:S,containerRef:k,cardsSectionRef:c,openAddAddressDrawerHandler:n})=>{const{control:x,watch:R,setValue:w}=xe(),{fields:A}=Ba({name:i,control:x}),P=R(i,A),M=Math.max(...Object.keys(e.localData??{}).map(C=>Number(C)),0),X=()=>{const C=P[P.length-1],L=F(P.length,Number(C.lineId)>M?String(Number(C.lineId)+1):String(M+1),t,f,b,e.depositAccounts,o,T,z,u,S,s);w(i,[...P,L]),setTimeout(()=>{Va(c.current,k.current)},50)},Y=C=>{w(i,P.filter((L,V)=>V!==C))},p=oe(),{spendManagement:{chargeCard:{issueCard:g}}}=de.getLocalizedStrings();return r.jsxs(pi,{ref:k,children:[P.map((C,L)=>r.jsx(ai,{lineIndex:L,lineData:C,issueCardSectionId:`${i}.${L}`,cardHolderCandidates:t,userList:b,limit:v,creditLimitFrequency:f,allRoles:_,allAccountingClasses:h,hasMultipleLineItems:P.length>1,clearTentativeNameForLine:N,onRemoveIssueCardLine:Y,companyAddress:S,cardsSectionRef:c,openAddAddressDrawerHandler:n,depositAccounts:e.depositAccounts,customAddress:e.customAddress,userAddress:e.userAddress,activeChargeCardCount:e.activeChargeCardCount,activeDebitCardCount:e.activeDebitCardCountByDepositAccountId,maxPhysicalChargeCardPerUser:e.chargeCardConfig.creditTerm.maxPhysicalChargeCardPerUser,maxVirtualChargeCardPerUser:e.chargeCardConfig.creditTerm.maxVirtualChargeCardPerUser,maxVirtualDebitCardPerUser:e.chargeCardConfig.creditTerm.maxVirtualDebitCardPerUser,maxPhysicalDebitCardPerUser:e.chargeCardConfig.creditTerm.maxPhysicalDebitCardPerUser,isIssuePhysicalCardEnabled:I,isDebitCardFeatureEnabled:T,isChargeCardFeatureEnabled:o,isChargeCardSetupEnabled:z,isDebitCardSetupEnabled:u},L)),r.jsxs(hi,{windowSize:p,onClick:()=>{X()},"data-testid":Pe("add-card-button"),children:[r.jsx(gi,{}),r.jsx(mi,{windowSize:p,children:g.addCard})]})]})},pi=l.div`
-  display: flex;
-  flex-direction: column;
-`,hi=l.div`
-  padding: ${e=>`${Se.addCardButtonPaddingTopBottom.valuePx(e.windowSize)} ${Se.addCardButtonPaddingLeftRight.valuePx(e.windowSize)}`};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid
-    ${e=>e.hasError===!0?re.important:e.theme.colors.grey1};
-  border-radius: ${a.sp2};
-  color: ${e=>e.hasError===!0?re.important:e.theme.colors.primary};
-  cursor: pointer;
-  &:hover {
-    border: 1px solid
-      ${e=>e.hasError===!0?re.important:e.theme.colors.primary};
-  }
-  margin-bottom: ${e=>Se.addCardButtonMarginBottom.valuePx(e.windowSize)};
-  margin-top: ${e=>Se.addCardButtonMarginTop.valuePx(e.windowSize)};
-`,mi=l(sa)`
-  ${e=>`${ci.title.style(e.windowSize)}`};
-  color: inherit;
-`,gi=l(na)`
-  margin-right: ${a.sp2};
-  width: ${a.sp3};
-  height: ${a.sp3};
-`,bi="user",Ye="addressType",Ke="physicalCard",ea="virtualCard",ha="lineInfo",aa="issueCardDetailPage",Ci=100,ra=e=>`${e}_form`,{common:ae,spendManagement:{chargeCard:{issueCard:je}}}=de.getLocalizedStrings(),ma=e=>e!=null?{amount:e,currencyCode:ae.currency.currencyCode,currencySymbol:ae.currency.currencySymbol}:void 0,ia=(e,i=!1)=>{const t={userIds:e.users.selectedUsers.map(b=>b.userId),cardName:e.cardName,amount:ma(e.amount),frequency:e.frequency.selectedOption};return i?{...t,connectedAccountId:e.connectedAccount.selectedOption}:t},da=(e,i=!1)=>{const t={userId:e.user.selectedUser,cardName:e.cardName,amount:ma(e.amount),frequency:e.frequency.selectedOption,addressType:e.addressType,addressId:e.addressId};return i?{...t,connectedAccountId:e.connectedAccount.selectedOption}:t},ne={containerPaddingLeft:new y(d[4],d[6],d[8]),containerPaddingRight:new y(d[4],d[6],d[8]),navbarHeight:new y(44,d[9]),closeIconMarginRight:new y(d[4],d[8]),rightSectionWidth:new y(d[12],58),footerTopPadding:new y(d[3],10)},yi={title:new be("standardMedium","largeSemiBold")},Xi=({issueChargeCards:e,cardHolderCandidates:i,userList:t,companyName:b,allRoles:v,allAccountingClasses:f,isIssuePhysicalCardEnabled:_,isDebitCardFeatureEnabled:h,isChargeCardFeatureEnabled:I,isDebitCardSetupEnabled:T,isChargeCardSetupEnabled:o,signedInUser:z,defaultCardType:u,onSaveChangesToLocalStore:s,onIssueCardClick:F,onDismissClick:N,resetCustomAddressByLineID:S,handleZeniLogoClick:k,openAddAddressDrawerHandler:c,clearTentativeNameForLine:n})=>{const{chargeCardConfig:{creditLimitFrequency:x},creditAccount:{limit:R},companyAddress:w}=e,A=oe(),P=E.useRef(null),M=E.useRef(null),[X,Y]=E.useState(!0),[p,g]=E.useState(!0),C=E.useRef(null),L=E.useRef(null),[V,le]=E.useState(0),[Ce,Ca]=E.useState(0),[we,ya]=E.useState(0),[fa,xa]=E.useState(0),[va,wa]=E.useState(e.localData);E.useEffect(()=>{const $=new IntersectionObserver(H=>{H.forEach(ce=>{ce.target===P.current&&Y(ce.isIntersecting),ce.target===M.current&&g(ce.isIntersecting)})},{threshold:.1}),j=P.current,O=M.current;return j&&$.observe(j),O&&$.observe(O),()=>{j&&$.unobserve(j),O&&$.unobserve(O)}},[]);const ye=Aa({mode:"all",reValidateMode:"onChange",defaultValues:E.useMemo(()=>ta(e.localData,i,x,t,e.depositAccounts,I,h,o,T,w,u),[e,i,x,t,I,h,o,T,w,u]),values:E.useMemo(()=>ta(e.localData,i,x,t,e.depositAccounts,I,h,o,T,w,u),[e.localData,e.depositAccounts,i,x,t,I,h,o,T,w,u])}),{isValid:$a}=ye.formState,Fe=$=>$.map(j=>({lineId:j.lineId,chargeCardType:j.chargeCardType,creditCard:{cardType:j.creditCard.cardType,virtualCard:ia(j.creditCard[ea]),physicalCard:da(j.creditCard[Ke])},debitCard:{cardType:j.debitCard.cardType,virtualCard:ia(j.debitCard[ea],!0),physicalCard:da(j.debitCard[Ke],!0)}})),La=async($,j)=>{if($!=null){const{lineInfo:O}=j,H=Number($.split(".")[1]);if($.includes("cardName")||$.includes("amount"))return;if($.includes("physicalCard.user")){const ue=qe($.split(".")[2]);O[H][ue].physicalCard.addressType=void 0,O[H].creditCard.physicalCard.addressId=void 0;const pe=O[H].lineId;e.customAddress[pe]?.addressId!=null&&S(pe,ue)}if($.includes("physicalCard.addressType")){const ue=qe($.split(".")[2]),pe=O[H][ue].physicalCard;if(pe[Ye]==="card_holder_personal_address"){const Ee=pe[bi].selectedUser;if(Ee!=null){const Ta=e.userAddress[Ee];O[H][ue].physicalCard.addressId=Ta.addressId}}else pe[Ye]==="company_address"&&(O[H][ue].physicalCard.addressId=w?.addressId)}const ce=Fe(O);s(ce)}};E.useEffect(()=>{const $=ye.watch((j,{name:O})=>{O!=null&&j!=null&&Oa(()=>La(O,j))});return()=>{$.unsubscribe()}});const Sa=ye.handleSubmit(()=>{if($a){const{lineInfo:$}=ye.getValues(),j=Fe($);s(j),F()}}),ja=e.issueCardStatus.error?.message??ae.strings.empty,Pa=e.issueCardStatus.error?.title??ae.strings.empty,ze=E.useCallback(()=>{le(L.current?.scrollTop??0),Math.abs(V-Ce)>Ci&&Ca(V),document.querySelectorAll(".cards-item").forEach(($,j)=>{const O=$.getBoundingClientRect();O.top>=0&&O.bottom<=window.innerHeight&&ya(j),O.top<window.innerHeight&&O.bottom>0&&xa(j)})},[V,Ce]);E.useEffect(()=>{const $=L.current;return $?.addEventListener("scroll",ze),()=>{$?.removeEventListener("scroll",ze)}},[ze,L]);const Ne=e.localData;E.useEffect(()=>{if(we!==null){const $=Math.max(0,we-2),j=we+1,O=Ne.slice($,j);wa(O)}},[we,fa,Ne]);const Ia=(($,j,O)=>$.length===0?[{cardId:"1",cardType:ba(I,j,o,T,O)==="debit_card"?"business_virtual_debit_card":"business_virtual_credit_card",cardUUID:"1",limit:{amount:0,currencyCode:ae.currency.currencyCode,currencySymbol:ae.currency.currencySymbol}}]:$.map(H=>({cardId:H.lineId,cardType:H.chargeCardType==="credit_card"?H.creditCard.cardType:H.debitCard.cardType,cardUUID:H.lineId,limit:{amount:0,currencyCode:ae.currency.currencyCode,currencySymbol:ae.currency.currencySymbol}})))(va,h,u),Me=!(X&&p)||A==="small";return r.jsxs(wi,{windowSize:A,children:[A!=="small"?r.jsxs(xi,{children:[r.jsxs(Ai,{children:[r.jsx(Oi,{onClick:k,"data-testid":Pe("issue-card-nav-bar-zeni-logo")}),r.jsxs(_i,{showContent:z?.userEmailDomain==="zeni.ai",children:[r.jsx(Ri,{}),r.jsx(zi,{children:b})]})]}),r.jsx(_a,{cardArrProp:Ia,insertFromTop:V<Ce,containerScale:1.2})]}):null,r.jsxs(vi,{windowSize:A,children:[r.jsxs(Li,{windowSize:A,shouldShowTitle:Me,children:[Me&&r.jsx($i,{windowSize:A,children:je.title}),r.jsx(Si,{windowSize:A,onClick:N,"data-testid":Pe("issue-card-nav-bar-close")})]}),r.jsxs(fi,{windowSize:A,ref:L,children:[A!=="small"?r.jsx(ji,{ref:P,children:je.title}):null,e.issueCardStatus.fetchState==="Error"?r.jsxs(Pi,{children:[r.jsx(Ti,{}),r.jsxs(Ii,{children:[r.jsx(la,{style:{fontWeight:Ra.medium},children:Pa}),r.jsx(la,{children:ja})]})]}):null,r.jsx(za,{...ye,children:r.jsx("form",{id:ra(aa),onSubmit:Sa,children:r.jsx(ui,{issueChargeCards:e,issueCardSectionId:ha,cardHolderCandidates:i,userList:t,limit:R,creditLimitFrequency:x,allRoles:v,allAccountingClasses:f,getInitialLineFormData:ga,clearTentativeNameForLine:n,companyAddress:w,containerRef:L,cardsSectionRef:C,openAddAddressDrawerHandler:c,isIssuePhysicalCardEnabled:_,isDebitCardFeatureEnabled:h,isChargeCardFeatureEnabled:I,isChargeCardSetupEnabled:o,isDebitCardSetupEnabled:T,defaultCardType:u})})})]}),r.jsx(Da,{style:{zIndex:1,padding:ne.footerTopPadding.valuePx(A)},formId:ra(aa),helperStyle:{paddingTop:a.sp0,paddingBottom:a.sp0},primaryBtn:{label:je.primaryBtnText,isLoading:e.issueCardStatus.fetchState==="In-Progress",style:{minWidth:110}},cancelBtn:{label:je.secondaryBtnText,onClick:N,style:{minWidth:110}},separatorStyle:{marginRight:a.sp4}})]})]})},fi=l.div`
-  padding-left: ${e=>ne.containerPaddingLeft.valuePx(e.windowSize)};
-  padding-right: ${e=>ne.containerPaddingRight.valuePx(e.windowSize)};
-  height: 100%;
-  overflow-y: auto;
-`,xi=l.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
-  width: 42%;
-  background-color: ${e=>e.theme.colors.background};
-  margin-top: unset;
-`,vi=l.div`
-  background-color: ${e=>e.theme.colors.grey4};
-  display: flex;
-  flex-direction: column;
-  width: ${e=>ne.rightSectionWidth.valuePercentage(e.windowSize)};
-  overflow: auto;
-  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,wi=l.div`
-  display: flex;
-  height: 100vh;
-  flex-direction: row;
-  width: 100vw;
-  overflow-y: scroll;
-`,$i=l(sa)`
-  ${e=>`${yi.title.style(e.windowSize)}`};
-  color: ${e=>e.theme.colors.primary};
-  padding-left: ${e=>ne.containerPaddingLeft.valuePx(e.windowSize)};
-`,Li=l.div`
-  position: sticky;
-  display: flex;
-  justify-content: ${e=>e.shouldShowTitle?"space-between":"flex-end"};
-  align-items: center;
-  width: 100%;
-  min-height: ${e=>ne.navbarHeight.valuePx(e.windowSize)};
-  top: ${a.sp0};
-  z-index: 2;
-  background-color: ${e=>e.theme.colors.grey4};
-`,Si=l(Na)`
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  min-height: ${a.sp4};
-  margin-right: ${e=>ne.closeIconMarginRight.valuePx(e.windowSize)};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-  padding: 0;
-`,ji=l(Ma)`
-  color: ${e=>e.theme.colors.primary};
-  margin-top: ${a.sp3};
-  margin-bottom: ${a.sp3};
-`,Pi=l.div`
-  background-color: ${re.alertLight};
-  border: 1px solid ${re.brandColorGoldDark};
-  border-radius: ${a.sp2};
-  display: flex;
-  gap: ${a.sp2};
-  padding: ${a.sp3} ${a.sp4};
-  margin-bottom: ${a.sp2};
-`,Ii=l.div`
-  display: flex;
-  flex-direction: column;
-`,la=l(qa)`
-  color: ${re.brandColorGoldDark};
-`,Ti=l(Ea)`
-  min-width: ${a.sp4};
-  min-height: ${a.sp4};
-  width: ${a.sp4};
-  height: ${a.sp4};
-  color: ${re.brandColorGoldDark};
-`,Ai=l.div`
-  margin-bottom: ${a.sp3};
-  margin-top: ${a.sp3};
-  margin-left: ${a.sp8};
-  position: relative;
-  display: flex;
-  align-items: center;
-`,Oi=l(Ua)`
-  width: ${a.sp4};
-  height: ${a.sp4};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.brandColorJade};
-`,_i=l.div`
-  display: ${e=>e.showContent?"flex":"none"};
-  align-items: center;
-`,Ri=l.div`
-  width: 1px;
-  height: ${a.sp3};
-  margin: ${a.sp0} ${a.sp3};
-  background-color: ${e=>e.theme.colors.hero};
-`,zi=l(Fa)`
-  color: ${e=>e.theme.colors.primary};
-`,Di=(e,i,t,b,v,f,_)=>({lineIndex:i,lineId:e.lineId??String(i+1),chargeCardType:e.chargeCardType,creditCard:{cardType:e.creditCard.cardType,virtualCard:{cardName:e.creditCard.virtualCard?.cardName??"",amount:e.creditCard.virtualCard?.amount?.amount??void 0,users:{allUsers:t,selectedUsers:t.filter(h=>e.creditCard.virtualCard?.userIds.includes(h.userId)),allNonUsers:[],selectedNonUsers:[]},frequency:{allOptions:b.map(h=>({label:h.name,value:h.code})),selectedOption:e.creditCard.virtualCard?.frequency}},physicalCard:{cardName:e.creditCard.physicalCard?.cardName??"",amount:e.creditCard.physicalCard?.amount?.amount??void 0,user:{allUsers:v,selectedUser:e.creditCard.physicalCard.userId},frequency:{allOptions:b.map(h=>({label:h.name,value:h.code})),selectedOption:e.creditCard.physicalCard?.frequency},addressType:e.creditCard.physicalCard?.addressType,addressId:e.creditCard.physicalCard?.addressId??_?.addressId}},debitCard:{cardType:e.debitCard.cardType,virtualCard:{cardName:e.debitCard.virtualCard?.cardName??"",amount:e.debitCard.virtualCard?.amount?.amount??void 0,users:{allUsers:t,selectedUsers:t.filter(h=>e.debitCard.virtualCard?.userIds.includes(h.userId)),allNonUsers:[],selectedNonUsers:[]},connectedAccount:{allOptions:f.map(h=>({label:h.accountName,value:h.id})),selectedOption:e.debitCard.virtualCard.connectedAccountId},frequency:{allOptions:b.map(h=>({label:h.name,value:h.code})),selectedOption:e.debitCard.virtualCard?.frequency}},physicalCard:{cardName:e.debitCard.physicalCard?.cardName??"",amount:e.debitCard.physicalCard?.amount?.amount??void 0,user:{allUsers:v,selectedUser:e.debitCard.physicalCard.userId},connectedAccount:{allOptions:f.map(h=>({label:h.accountName,value:h.id})),selectedOption:e.debitCard.physicalCard.connectedAccountId},frequency:{allOptions:b.map(h=>({label:h.name,value:h.code})),selectedOption:e.debitCard.physicalCard?.frequency},addressType:e.debitCard.physicalCard?.addressType,addressId:e.debitCard.physicalCard?.addressId??_?.addressId}}}),ga=(e,i,t,b,v,f,_,h,I,T,o,z)=>({lineIndex:e,lineId:i,chargeCardType:ba(_,h,I,T,z),creditCard:{cardType:"business_virtual_credit_card",physicalCard:{cardName:"",amount:void 0,user:{allUsers:v,selectedUser:void 0},frequency:{allOptions:b.map(u=>({label:u.name,value:u.code})),selectedOption:"monthly"},addressType:void 0,addressId:o?.addressId},virtualCard:{cardName:"",amount:void 0,users:{allUsers:t,selectedUsers:[],allNonUsers:[],selectedNonUsers:[]},frequency:{allOptions:b.map(u=>({label:u.name,value:u.code})),selectedOption:"monthly"}}},debitCard:{cardType:"business_virtual_debit_card",physicalCard:{cardName:"",amount:void 0,user:{allUsers:v,selectedUser:void 0},frequency:{allOptions:b.map(u=>({label:u.name,value:u.code})),selectedOption:"monthly"},addressType:void 0,addressId:o?.addressId,connectedAccount:{allOptions:f.map(u=>({label:u.accountName,value:u.id})),selectedOption:f.length===1?f[0].id:void 0}},virtualCard:{cardName:"",amount:void 0,users:{allUsers:t,selectedUsers:[],allNonUsers:[],selectedNonUsers:[]},frequency:{allOptions:b.map(u=>({label:u.name,value:u.code})),selectedOption:"monthly"},connectedAccount:{allOptions:f.map(u=>({label:u.accountName,value:u.id})),selectedOption:f.length===1?f[0].id:void 0}}}}),ba=(e,i,t,b,v)=>{if(v!=null){if(i&&b&&v==="debitCard")return"debit_card";if(e&&t&&v==="creditCard")return"credit_card"}return i&&b&&(!e||!t)?"debit_card":"credit_card"},ta=(e,i,t,b,v,f,_,h,I,T,o)=>{const z=[];return Object.values(e).forEach((u,s)=>{u?.lineId!=null&&z.push(Di(u,s,i,t,b,v,T))}),z.length===0&&z.push(ga(0,"1",i,t,b,v,f,_,h,I,T,o)),{[ha]:z}};export{Xi as default,ga as getInitialLineFormData,ra as uniqueFormName};