@zeniai/web-cockpit-ui 1.14.12-prod → 1.14.13-dev

package/dist/assets/{IssueChargeCardPage-CZU1qbHO-BdEtPimR.js → IssueChargeCardPage-C3esnkQg-Bt2ncw32.js}

@@ -1,10 +1,10 @@
-import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za,a4 as Da,o as a,C as y,l as Ua,aS as Fa,am as Na,Q as be,h as sa,a3 as qa,c0 as Ea,g as re,eQ as Ma,bH as Ba,cg as xe,ee as ka,q as d,bs as Va,ah as Z,cm as me,cq as na,iz as Ha,iA as Wa,cn as Ga,u as Te,iB as Ae,c6 as Oe,fD as Re,cz as ve,f as ie,eS as he,fA as oa,v as _e,a0 as Xa,f7 as Qa,m as Za,f9 as Ja}from"./index-CVo0uMzO.js";import{b as E,n as l}from"./vendor-CnQcJ2Lu.js";import{X as ca}from"./LabeledUserSingleSelectWithSubtitlesField-Dg1Lpwl0-D5r53n-D.js";import{T as ua}from"./RoleWithToolTip-Bst2IdUy-DaFvOxA_.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.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}},Ka=["creditCard","debitCard"],Me=e=>Ua.stringToUnion(e,Ka),m=(e,i)=>`${e}.${i}`,{commonSetUp:{businessVerification:{addressPlaceholder:Be,customAddressPlaceholder:Ya}},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:R,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,_=Ae(t.amount),w=x!=null&&x>t.amount,A=w?U.amountExceedError.replace("_amount_",_):void 0,P=e.creditCard.physicalCard.user,q=P.allUsers.find(g=>g.userId===P.selectedUser),Q=q?.userId,K=Q!=null?T[Q]: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=R.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(Re,{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:q==null,children:[K!=null&&r.jsx(Z,{isContainerClickable:!0,label:{label:U.address.personal},isDisabled:q==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:q==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:q==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:q?.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:K,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_",q.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:Ya,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`
+import{X as oe,a as Aa,c7 as Oa,B as de,j as r,$ as Pe,iC as Ra,bF as _a,F as Da,a4 as za,o as a,C as y,l as Fa,aT as Ua,am as Na,J as be,g as sa,a3 as qa,c4 as Ma,d as re,eU as Ea,bL as ka,ck as xe,ei as Ba,s as d,bx as Va,ah as Z,cq as me,cu as na,iD as Ha,iE as Wa,cr as Ga,u as Te,iF as Ae,ca as Oe,fG as Re,cD as ve,v as ie,eW as he,fD as oa,w as _e,a0 as Ja,fa as Xa,M as Za,fc as Ka}from"./index-DYVNUtTS.js";import{b as M,n as l}from"./vendor-CnQcJ2Lu.js";import{X as ca}from"./LabeledUserSingleSelectWithSubtitlesField-x87S_Azj-BPP3i4wb.js";import{T as ua}from"./RoleWithToolTip-CqeM8Bh0-BSEMOUZO.js";import"./mui-C5LQ0bMa.js";import"./analytics-CBL_L82S.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.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}},Qa=["creditCard","debitCard"],Ee=e=>Fa.stringToUnion(e,Qa),m=(e,i)=>`${e}.${i}`,{commonSetUp:{businessVerification:{addressPlaceholder:ke,customAddressPlaceholder:Ya}},spendManagement:{chargeCard:{issueCard:F}}}=de.getLocalizedStrings(),k={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:R,companyAddress:h,customAddress:I,userAddress:T,userList:o,maxPhysicalChargeCardPerUser:D,openAddAddressDrawerHandler:u})=>{const s=oe(),U=Te(),{getValues:N}=xe(),S=k.largeLabelWidth.value(s),B=()=>{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,_=Ae(t.amount),w=x!=null&&x>t.amount,A=w?F.amountExceedError.replace("_amount_",_):void 0,P=e.creditCard.physicalCard.user,q=P.allUsers.find(g=>g.userId===P.selectedUser),X=q?.userId,Q=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>=D};return r.jsxs(r.Fragment,{children:[r.jsx(ca,{label:{label:F.cardholderLabel,width:S},userSingleSelectWithSubTitlesField:{name:m(i,ir),placeholderLabel:F.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=R.find(Ce=>Ce.classId===V);le!=null&&le.className&&L.push(le.className)}),L},additionalLabelInfo:F.additionalInfoPhysical,showOnlyAvatar:!0,showAvatarAndSubtitles:!1,isOptionDisabled:p,disabledOptionHint:F.cardLimitWarning,bigMarginRightForSmallScreens:!0,optionStyles:{maxHeight:a.sp10,minHeight:a.sp6,height:"max-content"}},style:{width:"100%",paddingLeft:k.labelMarginBottom.value(s)}}),r.jsx($e,{}),r.jsx(Oe,{label:{label:F.cardNameLabel,width:S},style:{width:"auto",paddingLeft:k.labelMarginBottom.value(s)},text:{type:"text",name:m(i,rr),defaultValue:e.creditCard.physicalCard.cardName,placeholder:F.cardNamePlaceholder,options:{required:!0,validate:g=>g!=null}}}),r.jsx($e,{}),r.jsx(Re,{label:{label:F.amountLabel,width:S},showAdditionalInfoLabel:w,additionalInfoLabel:A,formattedTextField:{type:"number",name:m(i,ar),defaultValue:e.creditCard.physicalCard.amount,placeholder:F.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:k.labelMarginBottom.value(s)}}),r.jsx($e,{}),r.jsx(ve,{isDisabled:"readonly",label:{label:F.frequencyLabel,width:S,style:{marginBottom:k.labelMarginBottom.valuePx(s),marginRight:k.labelMarginRight.valuePx(s)}},style:{width:"100%",paddingLeft:k.labelMarginBottom.valuePx(s)},infoLabelStyle:{...ie.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:k.infoLabelMarginTop.valuePx(s),color:U.colors.hero},valueToAdditionalLabel:g=>ge(g),singleSelectPickerField:{name:m(i,dr),placeholder:F.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:F.address.shippingAddressLabel,htmlFor:m(i,te),style:{marginLeft:a.sp4,marginRight:k.labelMarginRight.valuePx(s),marginTop:a.sp2,width:s==="small"?"auto":S}}),r.jsx(or,{windowSize:s,children:r.jsxs(pr,{isDisabled:q==null,children:[Q!=null&&r.jsx(Z,{isContainerClickable:!0,label:{label:F.address.personal},isDisabled:q==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:k.radioLabelPaddingLeftRight.value(s),paddingRight:k.radioLabelPaddingRight.value(s),width:"fit-content"},radioField:{name:m(i,te),id:`${m(i,te)}.${F.address.personal}`,value:"card_holder_personal_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(Z,{isContainerClickable:!0,label:{label:F.address.company},isDisabled:q==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:k.radioLabelPaddingLeft.value(s),paddingRight:k.radioLabelPaddingRight.value(s),width:"fit-content"},radioField:{name:m(i,te),id:`${m(i,te)}.${F.address.company}`,value:"company_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(Z,{isContainerClickable:!0,label:{label:F.address.custom},isDisabled:q==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:k.radioLabelPaddingLeft.value(s),paddingRight:k.radioLabelPaddingLeftRight.value(s),width:"fit-content"},radioField:{name:m(i,te),id:`${m(i,te)}.${F.address.custom}`,value:"custom_address",radioSize:"small",registerOptions:{required:!0}}})]})})]}),r.jsx(cr,{windowSize:s,children:q?.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:Q,isDisabled:"readonly",placeholder:ke,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1}}),r.jsx(Be,{windowSize:s,children:F.address.personalAddressText.replace("_name_",q.user.firstName)})]}):n==="company_address"?r.jsx(he,{name:"company_address_value_field",defaultValue:h,isDisabled:"readonly",placeholder:ke,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:Ya,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1},onClick:B}),r.jsx(Be,{windowSize:s,children:F.address.customAddressText})]})})})]})]})},tr=l.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   align-items: flex-end;
   flex-grow: 1;
-`,ke=l(_e)`
+`,Be=l(_e)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   padding-right: 12px;
@@ -55,10 +55,10 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
 `,or=l.div`
   flex-grow: 1;
   display: flex;
-  width: ${e=>e.windowSize==="small"?"auto":`calc(100% - ${B.largeLabelWidth.valuePx(e.windowSize)})`};
+  width: ${e=>e.windowSize==="small"?"auto":`calc(100% - ${k.largeLabelWidth.valuePx(e.windowSize)})`};
   align-items: center;
   justify-content: flex-end;
-  padding-right: ${e=>B.labelMarginBottom.valuePx(e.windowSize)};
+  padding-right: ${e=>k.labelMarginBottom.valuePx(e.windowSize)};
 `,cr=l.div`
   display: flex;
   flex-direction: column;
@@ -78,7 +78,7 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
   &:hover {
     fill: ${e=>e.theme.colors.primary};
   }
-`,{spendManagement:{chargeCard:{issueCard:G}}}=de.getLocalizedStrings(),Y={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:R,activeDebitCardCount:h,maxVirtualDebitCardPerUser:I})=>{const T=Te(),o=oe(),{getValues:z}=xe(),u=Y.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(_=>{_.debitCard.cardType==="business_virtual_debit_card"&&_.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:Y.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:Y.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(_=>_.userId===c),x=[];return n!=null&&(x.push(r.jsx(ua,{roles:n.userRoles})),n.accountingClassIDs.forEach(_=>{const w=R.find(A=>A.classId===_);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:Y.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(Re,{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:Y.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:Y.labelMarginBottom.valuePx(o),marginRight:Y.labelMarginRight.valuePx(o)}},style:{width:"100%",padding:a.sp0,display:o==="small"?"flex":"inherit"},infoLabelStyle:{...ie.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:Y.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:Xa("0,0[.]00",b.accountBalance.available)}):null]})},fr=l.span`
+`,{spendManagement:{chargeCard:{issueCard:G}}}=de.getLocalizedStrings(),Y={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:R,activeDebitCardCount:h,maxVirtualDebitCardPerUser:I})=>{const T=Te(),o=oe(),{getValues:D}=xe(),u=Y.largeLabelWidth.value(o),s=e.debitCard.virtualCard.amount,U=f.find(c=>c.id===e.debitCard.virtualCard.connectedAccount.selectedOption)?.cardLimits.dailyCardTransactionLimit.amount,N=s!=null&&U!=null&&s>U,S=N?G.amountExceedDebitCardError.replace("_amount_",Ae(U)):void 0,B=c=>{let n=0;const x=e.debitCard.virtualCard.connectedAccount.selectedOption;return x!=null&&h?.[x]?.[c]!=null&&(n=h[x][c].virtualCardCount),D().lineInfo.forEach(_=>{_.debitCard.cardType==="business_virtual_debit_card"&&_.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:Y.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:Y.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(_=>_.userId===c),x=[];return n!=null&&(x.push(r.jsx(ua,{roles:n.userRoles})),n.accountingClassIDs.forEach(_=>{const w=R.find(A=>A.classId===_);w!=null&&w.className&&x.push(w.className)})),x},disableCurrentOption:B,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:Y.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(Re,{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=>U!=null?!!c&&c>0&&c<=U:!!c&&c>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto",paddingLeft:Y.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:Y.labelMarginBottom.valuePx(o),marginRight:Y.labelMarginRight.valuePx(o)}},style:{width:"100%",padding:a.sp0,display:o==="small"?"flex":"inherit"},infoLabelStyle:{...ie.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:Y.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:Xa(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:Ja("0,0[.]00",b.accountBalance.available)}):null]})},fr=l.span`
   margin-left: ${a.sp2};
 `,He=l.div``,xr=l.div`
   width: ${a.sp1};
@@ -91,7 +91,7 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
   width: ${e=>e.isOptionSelected?a.sp4:a.sp5};
   height: ${e=>e.isOptionSelected?a.sp4:a.sp5};
   margin-right: ${a.sp2};
-`,wr=l(Ja)`
+`,wr=l(Ka)`
   min-width: inherit;
   width: inherit;
   height: inherit;
@@ -175,7 +175,7 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
       background-color: ${e=>e.theme.colors.background};
     }
   }
-`,{commonSetUp:{businessVerification:{addressPlaceholder:Ge,customAddressPlaceholder:Tr}},spendManagement:{chargeCard:{issueCard:D}}}=de.getLocalizedStrings(),M={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",Rr="debitCard.physicalCard.cardName",_r="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:R,companyAddress:h,customAddress:I,userAddress:T,userList:o,maxPhysicalDebitCardPerUser:z,openAddAddressDrawerHandler:u})=>{const s=oe(),F=Te(),{getValues:N}=xe(),S=M.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,_=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),q=P?.userId,Q=q!=null?T[q]:void 0,K=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:M.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,_r),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=R.find(le=>le.classId===L);V!=null&&V.className&&C.push(V.className)}),C},additionalLabelInfo:D.additionalInfoPhysical,showOnlyAvatar:!0,showAvatarAndSubtitles:!1,isOptionDisabled:K,disabledOptionHint:D.cardLimitWarning,bigMarginRightForSmallScreens:!0,optionStyles:{maxHeight:a.sp10,minHeight:a.sp6,height:"max-content"}},style:{width:"auto",paddingLeft:M.labelMarginBottom.value(s)}}),r.jsx(fe,{}),r.jsx(Oe,{label:{label:D.cardNameLabel,width:S},style:{width:"auto",paddingLeft:M.labelMarginBottom.value(s)},text:{type:"text",name:m(i,Rr),defaultValue:e.debitCard.physicalCard.cardName,placeholder:D.cardNamePlaceholder,options:{required:!0,validate:p=>p!=null}}}),r.jsx(fe,{}),r.jsx(Re,{label:{label:D.amountLabel,width:S},showAdditionalInfoLabel:x,additionalInfoLabel:_,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:M.labelMarginBottom.value(s)},isFieldError:x}),r.jsx(fe,{}),r.jsx(ve,{isDisabled:"readonly",label:{label:D.frequencyLabel,width:S,style:{marginBottom:M.labelMarginBottom.valuePx(s),marginRight:M.labelMarginRight.valuePx(s)}},style:{width:"auto",paddingLeft:M.labelMarginBottom.valuePx(s)},infoLabelStyle:{...ie.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:M.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(qr,{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:M.labelMarginRight.valuePx(s),marginTop:a.sp2,width:s==="small"?"auto":S}}),r.jsx(Er,{windowSize:s,children:r.jsxs(kr,{isDisabled:P==null,children:[Q!=null&&r.jsx(Z,{isContainerClickable:!0,label:{label:D.address.personal},isDisabled:P==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:M.radioLabelPaddingLeftRight.value(s),paddingRight:M.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:M.radioLabelPaddingLeft.value(s),paddingRight:M.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:M.radioLabelPaddingLeft.value(s),paddingRight:M.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(Mr,{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:Q,isDisabled:"readonly",placeholder:Ge,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1}}),r.jsx(Xe,{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(Xe,{windowSize:s,children:D.address.customAddressText})]})})})]})]})},Fr=l.div`
+`,{commonSetUp:{businessVerification:{addressPlaceholder:Ge,customAddressPlaceholder:Tr}},spendManagement:{chargeCard:{issueCard:z}}}=de.getLocalizedStrings(),E={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",Rr="debitCard.physicalCard.cardName",_r="debitCard.physicalCard.user",Dr="debitCard.physicalCard.frequency",se="debitCard.physicalCard.addressType",zr="debitCard.physicalCard.connectedAccount",Fr=({lineData:e,issueCardSectionId:i,creditLimitFrequency:t,activeDebitCardCount:b,allRoles:v,depositAccounts:f,allAccountingClasses:R,companyAddress:h,customAddress:I,userAddress:T,userList:o,maxPhysicalDebitCardPerUser:D,openAddAddressDrawerHandler:u})=>{const s=oe(),U=Te(),{getValues:N}=xe(),S=E.largeLabelWidth.value(s),B=()=>{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,_=x?z.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),q=P?.userId,X=q!=null?T[q]:void 0,Q=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>=D};return r.jsxs(r.Fragment,{children:[r.jsx(Nr,{label:{label:z.connectedAccountLabel,width:S,style:{marginLeft:a.sp4,marginRight:E.largeLabelMarginRight.value(s),marginTop:a.sp2,width:S}},style:{width:"auto"},singleSelectPickerField:{name:m(i,zr),placeholder:z.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:z.cardholderLabel,width:S},userSingleSelectWithSubTitlesField:{name:m(i,_r),placeholderLabel:z.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=R.find(le=>le.classId===L);V!=null&&V.className&&C.push(V.className)}),C},additionalLabelInfo:z.additionalInfoPhysical,showOnlyAvatar:!0,showAvatarAndSubtitles:!1,isOptionDisabled:Q,disabledOptionHint:z.cardLimitWarning,bigMarginRightForSmallScreens:!0,optionStyles:{maxHeight:a.sp10,minHeight:a.sp6,height:"max-content"}},style:{width:"auto",paddingLeft:E.labelMarginBottom.value(s)}}),r.jsx(fe,{}),r.jsx(Oe,{label:{label:z.cardNameLabel,width:S},style:{width:"auto",paddingLeft:E.labelMarginBottom.value(s)},text:{type:"text",name:m(i,Rr),defaultValue:e.debitCard.physicalCard.cardName,placeholder:z.cardNamePlaceholder,options:{required:!0,validate:p=>p!=null}}}),r.jsx(fe,{}),r.jsx(Re,{label:{label:z.amountLabel,width:S},showAdditionalInfoLabel:x,additionalInfoLabel:_,formattedTextField:{type:"number",name:m(i,Or),defaultValue:e.debitCard.physicalCard.amount,placeholder:z.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:E.labelMarginBottom.value(s)},isFieldError:x}),r.jsx(fe,{}),r.jsx(ve,{isDisabled:"readonly",label:{label:z.frequencyLabel,width:S,style:{marginBottom:E.labelMarginBottom.valuePx(s),marginRight:E.labelMarginRight.valuePx(s)}},style:{width:"auto",paddingLeft:E.labelMarginBottom.valuePx(s)},infoLabelStyle:{...ie.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:E.infoLabelMarginTop.valuePx(s),color:U.colors.hero},valueToAdditionalLabel:p=>ge(p),singleSelectPickerField:{name:m(i,Dr),placeholder:z.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(qr,{windowSize:s,children:[r.jsxs(kr,{windowSize:s,children:[r.jsx(me,{label:z.address.shippingAddressLabel,htmlFor:m(i,se),style:{marginLeft:a.sp4,marginRight:E.labelMarginRight.valuePx(s),marginTop:a.sp2,width:s==="small"?"auto":S}}),r.jsx(Mr,{windowSize:s,children:r.jsxs(Br,{isDisabled:P==null,children:[X!=null&&r.jsx(Z,{isContainerClickable:!0,label:{label:z.address.personal},isDisabled:P==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:E.radioLabelPaddingLeftRight.value(s),paddingRight:E.radioLabelPaddingRight.value(s),width:"fit-content"},radioField:{name:m(i,se),id:`${m(i,se)}.${z.address.personal}`,value:"card_holder_personal_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(Z,{isContainerClickable:!0,label:{label:z.address.company},isDisabled:P==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:E.radioLabelPaddingLeft.value(s),paddingRight:E.radioLabelPaddingRight.value(s),width:"fit-content"},radioField:{name:m(i,se),id:`${m(i,se)}.${z.address.company}`,value:"company_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(Z,{isContainerClickable:!0,label:{label:z.address.custom},isDisabled:P==null?"disabled":void 0,style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:E.radioLabelPaddingLeft.value(s),paddingRight:E.radioLabelPaddingLeftRight.value(s),width:"fit-content"},radioField:{name:m(i,se),id:`${m(i,se)}.${z.address.custom}`,value:"custom_address",radioSize:"small",registerOptions:{required:!0}}})]})})]}),r.jsx(Er,{windowSize:s,children:P?.user!=null&&w!=null&&r.jsx(Ur,{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(Je,{windowSize:s,children:z.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:B}),r.jsx(Je,{windowSize:s,children:z.address.customAddressText})]})})})]})]})},Ur=l.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -184,7 +184,7 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
 `,Nr=l(ve)`
   border-radius: ${a.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
-`,Xe=l(_e)`
+`,Je=l(_e)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   padding-right: 12px;
@@ -230,33 +230,33 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
       background-color: ${e=>e.theme.colors.background};
     }
   }
-`,Er=l.div`
+`,Mr=l.div`
   flex-grow: 1;
   display: flex;
-  width: ${e=>e.windowSize==="small"?"auto":`calc(100% - ${M.largeLabelWidth.valuePx(e.windowSize)})`};
+  width: ${e=>e.windowSize==="small"?"auto":`calc(100% - ${E.largeLabelWidth.valuePx(e.windowSize)})`};
   align-items: center;
   justify-content: flex-end;
-  padding-right: ${e=>M.labelMarginBottom.valuePx(e.windowSize)};
-`,Mr=l.div`
+  padding-right: ${e=>E.labelMarginBottom.valuePx(e.windowSize)};
+`,Er=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`
+`,kr=l.div`
   color: ${e=>e.theme.colors.primary};
   width: 100%;
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
-`,kr=l.div`
+`,Br=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",Qe="creditCard.virtualCard.users",Gr="creditCard.virtualCard.frequency",Xr=({lineData:e,issueCardSectionId:i,cardHolderCandidates:t,limit:b,creditLimitFrequency:v,allRoles:f,allAccountingClasses:R,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(_=>{_.creditCard.cardType==="business_virtual_credit_card"&&_.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,Qe),style:{marginLeft:a.sp4,marginRight:ee.labelMarginRight.value(o),marginTop:a.sp2,width:u}}),r.jsxs(Kr,{windowSize:o,children:[r.jsx(oa,{hideEmailTooltip:!0,shouldHaveBackgroundColor:!1,showBackgroundColorIfHasAnySelectedOption:!1,placeholderLabel:J.usersPlaceholder,name:m(i,Qe),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),_=[];return x!=null&&(_.push(r.jsx(ua,{roles:x.userRoles})),x.accountingClassIDs.forEach(w=>{const A=R.find(P=>P.classId===w);A!=null&&A.className&&_.push(A.className)})),_},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(Re,{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(Qr,{size:o,children:r.jsx(Yr,{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}}})})]})},Qr=l.div`
+`,{spendManagement:{chargeCard:{issueCard:K}}}=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",Jr=({lineData:e,issueCardSectionId:i,cardHolderCandidates:t,limit:b,creditLimitFrequency:v,allRoles:f,allAccountingClasses:R,activeChargeCardCount:h,maxVirtualChargeCardPerUser:I})=>{const T=Te(),o=oe(),{getValues:D}=xe(),u=ee.largeLabelWidth.value(o),s=(n,x)=>r.jsx(Zr,{isOptionSelected:x,children:ge(n)}),U=e.creditCard.virtualCard.amount,N=Ae(b.amount),S=U!=null&&U>b.amount,B=S?K.amountExceedError.replace("_amount_",N):void 0,c=n=>{let x=h[n]?.virtualCardCount??0;return D().lineInfo.forEach(_=>{_.creditCard.cardType==="business_virtual_credit_card"&&_.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:K.cardholdersLabel,htmlFor:m(i,Xe),style:{marginLeft:a.sp4,marginRight:ee.labelMarginRight.value(o),marginTop:a.sp2,width:u}}),r.jsxs(Qr,{windowSize:o,children:[r.jsx(oa,{hideEmailTooltip:!0,shouldHaveBackgroundColor:!1,showBackgroundColorIfHasAnySelectedOption:!1,placeholderLabel:K.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),_=[];return x!=null&&(_.push(r.jsx(ua,{roles:x.userRoles})),x.accountingClassIDs.forEach(w=>{const A=R.find(P=>P.classId===w);A!=null&&A.className&&_.push(A.className)})),_},disableCurrentOption:c,disabledOptionHint:K.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(Kr,{size:o,children:K.additionalInfoVirtual})]})]}),r.jsx(ze,{}),r.jsx(Oe,{label:{label:K.cardNameLabel,width:u},style:{width:"auto",paddingLeft:ee.labelMarginBottom.value(o)},text:{type:"text",name:m(i,Wr),defaultValue:e.creditCard.virtualCard.cardName,placeholder:K.cardNamePlaceholder,options:{required:!0,validate:n=>n!=null}}}),r.jsx(ze,{}),r.jsx(Re,{label:{label:K.amountLabel,width:u},showAdditionalInfoLabel:S,additionalInfoLabel:B,formattedTextField:{type:"number",name:m(i,Hr),defaultValue:e.creditCard.virtualCard.amount,placeholder:K.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(ze,{}),r.jsx(Xr,{size:o,children:r.jsx(Yr,{isDisabled:"readonly",label:{label:K.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:K.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};
@@ -269,20 +269,20 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
   }
 `,Zr=l(_e)`
   color: ${e=>e.isOptionSelected?e.theme.colors.primary:e.theme.colors.grey1};
-`,Jr=l.label`
+`,Kr=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`
+`,ze=l.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Kr=l.div`
+`,Qr=l.div`
   flex-grow: 1;
   display: flex;
   flex-direction: column;
@@ -326,7 +326,7 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
       background-color: ${e=>e.theme.colors.background};
     }
   }
-`,X={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:R,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:_,maxVirtualChargeCardPerUser:w,maxPhysicalDebitCardPerUser:A,maxVirtualDebitCardPerUser:P,cardsSectionRef:q,openAddAddressDrawerHandler:Q,clearTentativeNameForLine:K,activeChargeCardCount:p,activeDebitCardCount:g}=e,C=oe(),L=X.largeLabelWidth.value(C);return r.jsxs(ii,{windowSize:C,ref:q,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:()=>{K?.(i.lineId??"1"),n(S)},children:r.jsx(Va,{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:X.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:X.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:X.radioLabelPaddingLeft.value(C),paddingRight:X.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:X.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:R,companyAddress:x,openAddAddressDrawerHandler:Q,customAddress:k,userAddress:c,activeChargeCardCount:p,userList:v,allRoles:h,allAccountingClasses:I,maxPhysicalChargeCardPerUser:_}):r.jsx(Xr,{lineData:i,issueCardSectionId:`${t}`,cardHolderCandidates:b,limit:f,creditLimitFrequency:R,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:X.radioLabelPaddingLeft.value(C),paddingRight:X.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:X.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:R,companyAddress:x,openAddAddressDrawerHandler:Q,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:R,allRoles:h,allAccountingClasses:I,activeDebitCardCount:g,maxVirtualDebitCardPerUser:P})]}):null]})]})},ri=l.div`
+`,J={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:R,allRoles:h,allAccountingClasses:I,hasMultipleLineItems:T,depositAccounts:o,isIssuePhysicalCardEnabled:D,isDebitCardFeatureEnabled:u,isChargeCardFeatureEnabled:s,isChargeCardSetupEnabled:U,isDebitCardSetupEnabled:N,lineIndex:S,customAddress:B,userAddress:c,onRemoveIssueCardLine:n,companyAddress:x,maxPhysicalChargeCardPerUser:_,maxVirtualChargeCardPerUser:w,maxPhysicalDebitCardPerUser:A,maxVirtualDebitCardPerUser:P,cardsSectionRef:q,openAddAddressDrawerHandler:X,clearTentativeNameForLine:Q,activeChargeCardCount:p,activeDebitCardCount:g}=e,C=oe(),L=J.largeLabelWidth.value(C);return r.jsxs(ii,{windowSize:C,ref:q,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:()=>{Q?.(i.lineId??"1"),n(S)},children:r.jsx(Va,{enterDelay:600,title:W.deleteCard,placement:"left",children:r.jsx(oi,{})})})]}),r.jsxs(di,{showTopMargin:!T,windowSize:C,children:[u&&N&&s&&U?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:J.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:J.labelPaddingLeft.value(C),borderTopRightRadius:"inherit"},showOutline:!0,radioField:{name:m(t,"chargeCardType"),id:`${m(t,"chargeCardType")}.debitCard`,value:"debit_card",radioSize:"small"}})]}),r.jsx(Fe,{})]}):null,i.chargeCardType==="credit_card"?r.jsxs(r.Fragment,{children:[r.jsxs(Ke,{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:J.radioLabelPaddingLeft.value(C),paddingRight:J.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:D?1:0},radioSize:"small"}}),D&&r.jsx(Z,{label:{label:W.physicalCard},style:{width:"auto",paddingLeft:J.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(Fe,{}),i.creditCard.cardType==="business_physical_credit_card"?r.jsx(lr,{lineData:i,issueCardSectionId:`${t}`,limit:f,creditLimitFrequency:R,companyAddress:x,openAddAddressDrawerHandler:X,customAddress:B,userAddress:c,activeChargeCardCount:p,userList:v,allRoles:h,allAccountingClasses:I,maxPhysicalChargeCardPerUser:_}):r.jsx(Jr,{lineData:i,issueCardSectionId:`${t}`,cardHolderCandidates:b,limit:f,creditLimitFrequency:R,allRoles:h,allAccountingClasses:I,activeChargeCardCount:p,maxVirtualChargeCardPerUser:w})]}):null,i.chargeCardType==="debit_card"?r.jsxs(r.Fragment,{children:[r.jsxs(Ke,{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:J.radioLabelPaddingLeft.value(C),paddingRight:J.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},isDisabled:"disabled",style:{width:"auto",paddingLeft:J.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(Fe,{}),i.debitCard.cardType==="business_physical_debit_card"?r.jsx(Fr,{lineData:i,issueCardSectionId:`${t}`,creditLimitFrequency:R,companyAddress:x,openAddAddressDrawerHandler:X,customAddress:B,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:R,allRoles:h,allAccountingClasses:I,activeDebitCardCount:g,maxVirtualDebitCardPerUser:P})]}):null]})]})},ri=l.div`
   display: flex;
   flex-direction: row;
   border-top-left-radius: inherit;
@@ -343,7 +343,7 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
 `,ii=l.div`
   display: flex;
   flex-direction: column;
-  padding-bottom: ${e=>X.containerPaddingBottom.valuePx(e.windowSize)};
+  padding-bottom: ${e=>J.containerPaddingBottom.valuePx(e.windowSize)};
   .deleteIconWrapper {
     ${e=>e.windowSize==="small"&&" display: block; "}
   }
@@ -359,24 +359,24 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
   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?X.firstItemMarginTop.valuePx(e.windowSize):a.sp0};
+  margin-top: ${e=>e.showTopMargin?J.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`
+`,Fe=l.div`
   display: flex;
   flex: 1;
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Je=l.div`
+`,Ke=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=>X.labelPaddingRight.valuePx(e.size)};
+  padding-right: ${e=>J.labelPaddingRight.valuePx(e.size)};
   padding-top: ${a.sp2};
   padding-bottom: ${a.sp2};
   align-items: center;
@@ -391,7 +391,7 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
-  padding: ${e=>`${X.sectionTitleContainerPadding.valuePx(e.windowSize)} ${a.sp0}`};
+  padding: ${e=>`${J.sectionTitleContainerPadding.valuePx(e.windowSize)} ${a.sp0}`};
 `,si=l(Wa)`
   color: ${e=>e.theme.colors.primary};
 `,ni=l.div`
@@ -407,7 +407,7 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
   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:R,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:_,setValue:w}=xe(),{fields:A}=ka({name:i,control:x}),P=_(i,A),q=Math.max(...Object.keys(e.localData??{}).map(C=>Number(C)),0),Q=()=>{const C=P[P.length-1],L=F(P.length,Number(C.lineId)>q?String(Number(C.lineId)+1):String(q+1),t,f,b,e.depositAccounts,o,T,z,u,S,s);w(i,[...P,L]),setTimeout(()=>{Ha(c.current,k.current)},50)},K=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:R,allAccountingClasses:h,hasMultipleLineItems:P.length>1,clearTentativeNameForLine:N,onRemoveIssueCardLine:K,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:()=>{Q()},"data-testid":Pe("add-card-button"),children:[r.jsx(gi,{}),r.jsx(mi,{windowSize:p,children:g.addCard})]})]})},pi=l.div`
+`,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:R,allAccountingClasses:h,isIssuePhysicalCardEnabled:I,isDebitCardFeatureEnabled:T,isChargeCardFeatureEnabled:o,isChargeCardSetupEnabled:D,isDebitCardSetupEnabled:u,defaultCardType:s,getInitialLineFormData:U,clearTentativeNameForLine:N,companyAddress:S,containerRef:B,cardsSectionRef:c,openAddAddressDrawerHandler:n})=>{const{control:x,watch:_,setValue:w}=xe(),{fields:A}=Ba({name:i,control:x}),P=_(i,A),q=Math.max(...Object.keys(e.localData??{}).map(C=>Number(C)),0),X=()=>{const C=P[P.length-1],L=U(P.length,Number(C.lineId)>q?String(Number(C.lineId)+1):String(q+1),t,f,b,e.depositAccounts,o,T,D,u,S,s);w(i,[...P,L]),setTimeout(()=>{Ha(c.current,B.current)},50)},Q=C=>{w(i,P.filter((L,V)=>V!==C))},p=oe(),{spendManagement:{chargeCard:{issueCard:g}}}=de.getLocalizedStrings();return r.jsxs(pi,{ref:B,children:[P.map((C,L)=>r.jsx(ai,{lineIndex:L,lineData:C,issueCardSectionId:`${i}.${L}`,cardHolderCandidates:t,userList:b,limit:v,creditLimitFrequency:f,allRoles:R,allAccountingClasses:h,hasMultipleLineItems:P.length>1,clearTentativeNameForLine:N,onRemoveIssueCardLine:Q,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:D,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`
@@ -433,7 +433,7 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
   margin-right: ${a.sp2};
   width: ${a.sp3};
   height: ${a.sp3};
-`,bi="user",Ke="addressType",Ye="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")},Gi=({issueChargeCards:e,cardHolderCandidates:i,userList:t,companyName:b,allRoles:v,allAccountingClasses:f,isIssuePhysicalCardEnabled:R,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:_},companyAddress:w}=e,A=oe(),P=E.useRef(null),q=E.useRef(null),[Q,K]=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&&K(ce.isIntersecting),ce.target===q.current&&g(ce.isIntersecting)})},{threshold:.1}),j=P.current,O=q.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[Ye])},debitCard:{cardType:j.debitCard.cardType,virtualCard:ia(j.debitCard[ea],!0),physicalCard:da(j.debitCard[Ye],!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=Me($.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=Me($.split(".")[2]),pe=O[H][ue].physicalCard;if(pe[Ke]==="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[Ke]==="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),qe=!(Q&&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(Ri,{showContent:z?.userEmailDomain==="zeni.ai",children:[r.jsx(_i,{}),r.jsx(zi,{children:b})]})]}),r.jsx(Ra,{cardArrProp:Ia,insertFromTop:V<Ce,containerScale:1.2})]}):null,r.jsxs(vi,{windowSize:A,children:[r.jsxs(Li,{windowSize:A,shouldShowTitle:qe,children:[qe&&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:_a.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:_,creditLimitFrequency:x,allRoles:v,allAccountingClasses:f,getInitialLineFormData:ga,clearTentativeNameForLine:n,companyAddress:w,containerRef:L,cardsSectionRef:C,openAddAddressDrawerHandler:c,isIssuePhysicalCardEnabled:R,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`
+`,bi="user",Qe="addressType",Ye="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")},Gi=({issueChargeCards:e,cardHolderCandidates:i,userList:t,companyName:b,allRoles:v,allAccountingClasses:f,isIssuePhysicalCardEnabled:R,isDebitCardFeatureEnabled:h,isChargeCardFeatureEnabled:I,isDebitCardSetupEnabled:T,isChargeCardSetupEnabled:o,signedInUser:D,defaultCardType:u,onSaveChangesToLocalStore:s,onIssueCardClick:U,onDismissClick:N,resetCustomAddressByLineID:S,handleZeniLogoClick:B,openAddAddressDrawerHandler:c,clearTentativeNameForLine:n})=>{const{chargeCardConfig:{creditLimitFrequency:x},creditAccount:{limit:_},companyAddress:w}=e,A=oe(),P=M.useRef(null),q=M.useRef(null),[X,Q]=M.useState(!0),[p,g]=M.useState(!0),C=M.useRef(null),L=M.useRef(null),[V,le]=M.useState(0),[Ce,Ca]=M.useState(0),[we,ya]=M.useState(0),[fa,xa]=M.useState(0),[va,wa]=M.useState(e.localData);M.useEffect(()=>{const $=new IntersectionObserver(H=>{H.forEach(ce=>{ce.target===P.current&&Q(ce.isIntersecting),ce.target===q.current&&g(ce.isIntersecting)})},{threshold:.1}),j=P.current,O=q.current;return j&&$.observe(j),O&&$.observe(O),()=>{j&&$.unobserve(j),O&&$.unobserve(O)}},[]);const ye=Aa({mode:"all",reValidateMode:"onChange",defaultValues:M.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:M.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,Ue=$=>$.map(j=>({lineId:j.lineId,chargeCardType:j.chargeCardType,creditCard:{cardType:j.creditCard.cardType,virtualCard:ia(j.creditCard[ea]),physicalCard:da(j.creditCard[Ye])},debitCard:{cardType:j.debitCard.cardType,virtualCard:ia(j.debitCard[ea],!0),physicalCard:da(j.debitCard[Ye],!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=Ee($.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=Ee($.split(".")[2]),pe=O[H][ue].physicalCard;if(pe[Qe]==="card_holder_personal_address"){const Me=pe[bi].selectedUser;if(Me!=null){const Ta=e.userAddress[Me];O[H][ue].physicalCard.addressId=Ta.addressId}}else pe[Qe]==="company_address"&&(O[H][ue].physicalCard.addressId=w?.addressId)}const ce=Ue(O);s(ce)}};M.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=Ue($);s(j),U()}}),ja=e.issueCardStatus.error?.message??ae.strings.empty,Pa=e.issueCardStatus.error?.title??ae.strings.empty,De=M.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]);M.useEffect(()=>{const $=L.current;return $?.addEventListener("scroll",De),()=>{$?.removeEventListener("scroll",De)}},[De,L]);const Ne=e.localData;M.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),qe=!(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:B,"data-testid":Pe("issue-card-nav-bar-zeni-logo")}),r.jsxs(Ri,{showContent:D?.userEmailDomain==="zeni.ai",children:[r.jsx(_i,{}),r.jsx(Di,{children:b})]})]}),r.jsx(Ra,{cardArrProp:Ia,insertFromTop:V<Ce,containerScale:1.2})]}):null,r.jsxs(vi,{windowSize:A,children:[r.jsxs(Li,{windowSize:A,shouldShowTitle:qe,children:[qe&&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:_a.medium},children:Pa}),r.jsx(la,{children:ja})]})]}):null,r.jsx(Da,{...ye,children:r.jsx("form",{id:ra(aa),onSubmit:Sa,children:r.jsx(ui,{issueChargeCards:e,issueCardSectionId:ha,cardHolderCandidates:i,userList:t,limit:_,creditLimitFrequency:x,allRoles:v,allAccountingClasses:f,getInitialLineFormData:ga,clearTentativeNameForLine:n,companyAddress:w,containerRef:L,cardsSectionRef:C,openAddAddressDrawerHandler:c,isIssuePhysicalCardEnabled:R,isDebitCardFeatureEnabled:h,isChargeCardFeatureEnabled:I,isChargeCardSetupEnabled:o,isDebitCardSetupEnabled:T,defaultCardType:u})})})]}),r.jsx(za,{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%;
@@ -484,7 +484,7 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
     color: ${e=>e.theme.colors.primary};
   }
   padding: 0;
-`,ji=l(Ea)`
+`,ji=l(Ma)`
   color: ${e=>e.theme.colors.primary};
   margin-top: ${a.sp3};
   margin-bottom: ${a.sp3};
@@ -499,9 +499,9 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
 `,Ii=l.div`
   display: flex;
   flex-direction: column;
-`,la=l(Ba)`
+`,la=l(ka)`
   color: ${re.brandColorGoldDark};
-`,Ti=l(Ma)`
+`,Ti=l(Ea)`
   min-width: ${a.sp4};
   min-height: ${a.sp4};
   width: ${a.sp4};
@@ -514,7 +514,7 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
   position: relative;
   display: flex;
   align-items: center;
-`,Oi=l(Fa)`
+`,Oi=l(Ua)`
   width: ${a.sp4};
   height: ${a.sp4};
   cursor: pointer;
@@ -527,6 +527,6 @@ import{X as oe,a as Aa,c3 as Oa,M as de,j as r,_ as Pe,iy as Ra,bB as _a,F as za
   height: ${a.sp3};
   margin: ${a.sp0} ${a.sp3};
   background-color: ${e=>e.theme.colors.hero};
-`,zi=l(Na)`
+`,Di=l(Na)`
   color: ${e=>e.theme.colors.primary};
-`,Di=(e,i,t,b,v,f,R)=>({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??R?.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??R?.addressId}}}),ga=(e,i,t,b,v,f,R,h,I,T,o,z)=>({lineIndex:e,lineId:i,chargeCardType:ba(R,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,R,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,R,h,I,T,o)),{[ha]:z}};export{Gi as default,ga as getInitialLineFormData,ra as uniqueFormName};
+`,zi=(e,i,t,b,v,f,R)=>({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??R?.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??R?.addressId}}}),ga=(e,i,t,b,v,f,R,h,I,T,o,D)=>({lineIndex:e,lineId:i,chargeCardType:ba(R,h,I,T,D),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,R,h,I,T,o)=>{const D=[];return Object.values(e).forEach((u,s)=>{u?.lineId!=null&&D.push(zi(u,s,i,t,b,v,T))}),D.length===0&&D.push(ga(0,"1",i,t,b,v,f,R,h,I,T,o)),{[ha]:D}};export{Gi as default,ga as getInitialLineFormData,ra as uniqueFormName};

package/dist/assets/{LabeledAddressValue-CCd3y8zQ-BJNbO-Fn.js → LabeledAddressValue-CeeoKoY4-C81fNRY2.js}

@@ -1,4 +1,4 @@
-import{X as p,j as a,cm as m,C as o,eO as u,q as t,Q as x}from"./index-CVo0uMzO.js";import{n as r}from"./vendor-CnQcJ2Lu.js";const e={width:new o(343,580,726),height:new o(t[6],t[6]),controlMinHeight:new o(t[4],t[4]),paddingTopBottom:new o(t[2],t[2]),marginRight:new o(t[2],t[2]),labelMarginLeft:new o(t[3],t[4]),labelMarginRight:new o(t[3],t[4]),labelMarginTop:new o(t[2],t[2])},c={infoLabel:new x("extraSmallRegular","smallRegular")};function $({isDisabled:i,label:n,additionalInfoLabel:d,addressValue:s,isOptional:g,style:h}){const l=p();return a.jsxs(w,{size:l,style:h,isDisabled:i!=null,children:[a.jsxs(f,{children:[a.jsx(m,{isOptional:g,isDisabled:i,label:n.label,style:{marginLeft:e.labelMarginLeft.value(l),marginRight:e.labelMarginRight.value(l),marginTop:e.labelMarginTop.value(l),width:n.width??"auto"}}),a.jsx(u,{...s,isDisabled:i,style:{minHeight:e.controlMinHeight.value(l),paddingTop:e.paddingTopBottom.valuePx(l),paddingBottom:e.paddingTopBottom.valuePx(l),maxWidth:n.width!=null?`calc(100% - ${n.width}px)`:"auto",display:"flex",flexGrow:1,...s.style}})]}),d?a.jsx(b,{size:l,children:d}):null]})}const b=r.label`
+import{X as p,j as a,cq as m,C as o,eS as u,s as t,J as x}from"./index-DYVNUtTS.js";import{n as r}from"./vendor-CnQcJ2Lu.js";const e={width:new o(343,580,726),height:new o(t[6],t[6]),controlMinHeight:new o(t[4],t[4]),paddingTopBottom:new o(t[2],t[2]),marginRight:new o(t[2],t[2]),labelMarginLeft:new o(t[3],t[4]),labelMarginRight:new o(t[3],t[4]),labelMarginTop:new o(t[2],t[2])},c={infoLabel:new x("extraSmallRegular","smallRegular")};function $({isDisabled:i,label:n,additionalInfoLabel:d,addressValue:s,isOptional:g,style:h}){const l=p();return a.jsxs(w,{size:l,style:h,isDisabled:i!=null,children:[a.jsxs(f,{children:[a.jsx(m,{isOptional:g,isDisabled:i,label:n.label,style:{marginLeft:e.labelMarginLeft.value(l),marginRight:e.labelMarginRight.value(l),marginTop:e.labelMarginTop.value(l),width:n.width??"auto"}}),a.jsx(u,{...s,isDisabled:i,style:{minHeight:e.controlMinHeight.value(l),paddingTop:e.paddingTopBottom.valuePx(l),paddingBottom:e.paddingTopBottom.valuePx(l),maxWidth:n.width!=null?`calc(100% - ${n.width}px)`:"auto",display:"flex",flexGrow:1,...s.style}})]}),d?a.jsx(b,{size:l,children:d}):null]})}const b=r.label`
   color: ${i=>i.theme.colors.grey1};
   display: flex;
   flex-direction: row;

package/dist/assets/{LabeledAddressValueField-XuFlx-oK-BMP_E_ys.js → LabeledAddressValueField-B6eeRCSM-BGM6iGCs.js}

@@ -1,4 +1,4 @@
-import{X as f,cg as w,co as v,M as y,j as r,_ as $,cm as z,C as l,eS as B,g,q as i,Q as L}from"./index-CVo0uMzO.js";import{n as d}from"./vendor-CnQcJ2Lu.js";const t={width:new l(343,580,726),height:new l(i[6],i[6]),controlMinHeight:new l(i[4],i[4]),paddingTopBottom:new l(i[2],i[2]),marginRight:new l(i[2],i[2]),labelMarginLeft:new l(i[3],i[4]),labelMarginRight:new l(i[3],i[4]),labelMarginTop:new l(i[2],i[2])},T={infoLabel:new L("extraSmallRegular","smallRegular")},M=y.getLocalizedStrings();function S({isDisabled:e,label:n,addressValueField:o,additionalInfoLabel:h,showAdditionalInfoLabel:m=!1,style:p,hasHoverBorder:u,isOptional:b}){const a=f(),{formState:{errors:x}}=w(),s=v(x,o.name),c=s?h:M.commonSetUp.businessVerification.addressAdditionInfo;return r.jsxs(R,{size:a,style:p,isDisabled:e!=null,isError:s,hasHoverBorder:u??!0,"data-testid":$("labeled-address-value-field",o.name),children:[r.jsx(z,{isDisabled:e,isOptional:b,label:n.label,htmlFor:o.name,style:{marginLeft:t.labelMarginLeft.value(a),marginRight:t.labelMarginRight.value(a),marginTop:t.labelMarginTop.value(a),width:n.width??"auto"}}),r.jsxs(j,{labelWidth:n.width,children:[r.jsx(B,{...o,isDisabled:e,style:{minHeight:t.controlMinHeight.value(a),paddingTop:t.paddingTopBottom.valuePx(a),paddingBottom:t.paddingTopBottom.valuePx(a),width:"-webkit-fill-available",display:"flex",flexGrow:1,...o.style}}),(m||s)&&r.jsx(H,{size:a,isError:s,children:c})]})]})}const R=d.div`
+import{X as f,ck as w,cs as v,B as y,j as r,$,cq as B,C as l,eW as z,d as g,s as i,J as L}from"./index-DYVNUtTS.js";import{n as d}from"./vendor-CnQcJ2Lu.js";const t={width:new l(343,580,726),height:new l(i[6],i[6]),controlMinHeight:new l(i[4],i[4]),paddingTopBottom:new l(i[2],i[2]),marginRight:new l(i[2],i[2]),labelMarginLeft:new l(i[3],i[4]),labelMarginRight:new l(i[3],i[4]),labelMarginTop:new l(i[2],i[2])},T={infoLabel:new L("extraSmallRegular","smallRegular")},M=y.getLocalizedStrings();function k({isDisabled:e,label:n,addressValueField:o,additionalInfoLabel:h,showAdditionalInfoLabel:m=!1,style:p,hasHoverBorder:u,isOptional:b}){const a=f(),{formState:{errors:x}}=w(),s=v(x,o.name),c=s?h:M.commonSetUp.businessVerification.addressAdditionInfo;return r.jsxs(R,{size:a,style:p,isDisabled:e!=null,isError:s,hasHoverBorder:u??!0,"data-testid":$("labeled-address-value-field",o.name),children:[r.jsx(B,{isDisabled:e,isOptional:b,label:n.label,htmlFor:o.name,style:{marginLeft:t.labelMarginLeft.value(a),marginRight:t.labelMarginRight.value(a),marginTop:t.labelMarginTop.value(a),width:n.width??"auto"}}),r.jsxs(j,{labelWidth:n.width,children:[r.jsx(z,{...o,isDisabled:e,style:{minHeight:t.controlMinHeight.value(a),paddingTop:t.paddingTopBottom.valuePx(a),paddingBottom:t.paddingTopBottom.valuePx(a),width:"-webkit-fill-available",display:"flex",flexGrow:1,...o.style}}),(m||s)&&r.jsx(P,{size:a,isError:s,children:c})]})]})}const R=d.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -36,10 +36,10 @@ import{X as f,cg as w,co as v,M as y,j as r,_ as $,cm as z,C as l,eS as B,g,q as
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
   align-items: flex-end;
   flex-grow: 1;
-`,H=d.label`
+`,P=d.label`
   display: flex;
   color: ${e=>e.isError?g.important:e.theme.colors.grey1};
   ${e=>`${T.infoLabel.style(e.size)}`};
   padding-right: 12px;
   text-align: right;
-`;export{S as W};
+`;export{k as W};

package/dist/assets/{LabeledControlledCheckBoxField-CCQn4-_S-C2xp_EVs.js → LabeledControlledCheckBoxField-CK8YBqJ7-dH7h4-c9.js}

@@ -1,4 +1,4 @@
-import{X as d,j as i,_ as o,eB as r,cm as n,o as s,C as c}from"./index-CVo0uMzO.js";import{j as b,n as h}from"./vendor-CnQcJ2Lu.js";const m={width:new c(343,580,726)};function f({label:e,checkBoxField:l,style:t}){const a=d();return i.jsxs(y,{size:a,style:t,isDisabled:l.isDisabled,"data-testid":o(l.name,"labeled-check-box-field"),isSelected:l.defaultChecked??!1,children:[i.jsx(r,{...l,style:{...l.style}}),i.jsx(n,{isDisabled:l.isDisabled,label:e.label,labelStyle:e.style,htmlFor:l.name,style:{display:"flex",flex:1,minHeight:s.sp4,marginLeft:s.sp2,width:e.width,backgroundColor:"inherit",...e.style}})]})}const y=h.div`
+import{X as d,j as i,$ as o,eF as r,cq as n,o as s,C as c}from"./index-DYVNUtTS.js";import{j as b,n as h}from"./vendor-CnQcJ2Lu.js";const m={width:new c(343,580,726)};function f({label:e,checkBoxField:l,style:t}){const a=d();return i.jsxs(x,{size:a,style:t,isDisabled:l.isDisabled,"data-testid":o(l.name,"labeled-check-box-field"),isSelected:l.defaultChecked??!1,children:[i.jsx(r,{...l,style:{...l.style}}),i.jsx(n,{isDisabled:l.isDisabled,label:e.label,labelStyle:e.style,htmlFor:l.name,style:{display:"flex",flex:1,minHeight:s.sp4,marginLeft:s.sp2,width:e.width,backgroundColor:"inherit",...e.style}})]})}const x=h.div`
   display: flex;
   align-items: center;
   flex-direction: row;

package/dist/assets/{LabeledCreatableSingleSelectField-uQKngCdt-DJ4lsiO3.js → LabeledCreatableSingleSelectField-BSKL8pA3-y22U9yzT.js}

@@ -1,4 +1,4 @@
-import{X as _,cg as F,co as z,j as t,_ as j,cm as B,C as f,g as u,q as s,cp as G,Q as q,o as i,u as Q,M as A,eL as K,eM as X,dg as Y,bT as J,b2 as C,cq as U,dG as Z,f as k,a$ as ee,a3 as le}from"./index-CVo0uMzO.js";import{n as a}from"./vendor-CnQcJ2Lu.js";const te=({allValues:e,selectedValue:r,name:o,onSelectedValueChanged:n,isDisabled:d,placeholder:h,isOptionRemovable:$=!0,addIconInCreateLabel:m,getLabelForId:b,tagProperties:x,hasError:S,style:c})=>{const w=Q(),y=Ce(e,b),I=A.getLocalizedStrings().dropDowns,L=y.sort((l,p)=>l.label.localeCompare(p.label)),v=r!=null&&r?R(r,b):void 0,P={container:l=>({...l,width:"100%",...c}),menu:l=>({...l,backgroundColor:w.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${w.colors.dropShadowHover}`,border:`1px solid ${w.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${i.sp0} ${i.sp0} ${i.sp0}`,overflow:"hidden"}),menuList:l=>({...l,borderRadius:i.sp1}),input:(l,{selectProps:p})=>({...l,":after":{width:p.inputValue.length>0?i.sp0:"unset"}})},E=l=>t.jsxs(xe,{children:[t.jsx(be,{children:t.jsx(U,{fill:"currentColor",height:i.sp3,width:i.sp3})}),t.jsx(fe,{children:`${I.createOption} "${l}"`})]}),M=l=>{const{menuIsOpen:p,isFocused:O,isDisabled:D,selectProps:H}=l,{value:W}=H;return t.jsx(se,{menuIsOpen:p,isFocused:O,isDisabled:D,selectedValue:W,hasError:S,"data-testid":j("creatable-single-select-control",o),children:t.jsx(C.Control,{...l,className:"select-control",children:l.children})})},T=l=>t.jsx(ye,{children:t.jsxs(C.SingleValue,{...l,children:[l.selectProps.menuIsOpen===!1&&x!=null&&x.isTagShownForOption(l.data.value)===!0&&t.jsx($e,{children:t.jsx(we,{style:x.style,children:x.tagName})}),l.children]})}),N=l=>{const{selectProps:p}=l,{placeholder:O,value:D}=p;return t.jsx(C.Input,{...l,autoComplete:"new-password",placeholder:D==null?O:void 0,"data-testid":j("creatable-single-select-input",o),children:l.children})};return t.jsx(K,{isMulti:!1,onCreateOption:l=>{const p=X(l);n(p)},onChange:l=>{$!==!1&&l?.value!=null&&v?.value===l.value?n(void 0):n(l?.value)},formatCreateLabel:l=>m===!0?E(l):`${I.otherOption} ${l}`,tabSelectsValue:!1,openMenuOnFocus:!0,"data-testid":j("creatable-single-select",o),classNamePrefix:"creatable-single-select-field",createOptionPosition:"last",allowCreateWhileLoading:!0,controlShouldRenderValue:!0,placeholder:h,menuPlacement:"auto",maxMenuHeight:288,defaultValue:v,value:v,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:M,Option:ae,Input:N,SingleValue:T,ValueContainer:ie,DropdownIndicator:ve,IndicatorSeparator:je,ClearIndicator:Se,Placeholder:oe,MenuList:re},hideSelectedOptions:!1,styles:P,options:L,isClearable:!0,isSearchable:!0,isDisabled:d!=null},Y())},ie=e=>t.jsx(C.ValueContainer,{...e,className:"select-value-container",children:e.children}),re=e=>{const{options:r,children:o,maxHeight:n,getValue:d}=e,[h]=d(),$=r.indexOf(h)*40;return t.jsx(J,{height:o.length>7?n:o.length*40,width:"100%",itemCount:o.length,itemSize:()=>40,initialScrollOffset:$,children:({index:m,style:b})=>t.jsx(pe,{style:b,children:o[m]})})},oe=()=>null,ae=e=>{const{isSelected:r,isDisabled:o,isFocused:n,data:d}=e,h=typeof d.label=="string"?d.label:d.value;return t.jsx(ne,{isFocused:n,isSelected:r,isDisabled:o,children:t.jsx(C.Option,{...e,className:"select-option",children:t.jsxs(de,{"data-testid":j("creatable-single-select-option",h),children:[t.jsx(he,{children:t.jsx(ce,{isSelected:r,isDisabled:o,children:e.label})}),r?t.jsxs(ue,{children:[t.jsx(ge,{className:"right-tick-icon"}),t.jsx(me,{className:"close-tick-icon"})]}):null]})})})},se=a.div`
+import{X as B,ck as F,cs as z,j as t,$ as j,cq as _,C as f,d as u,s,ct as G,J,o as i,u as X,B as q,eP as K,eQ as Q,dk as A,bX as U,b3 as C,cu as Y,dK as Z,v as D,b0 as ee,a3 as le}from"./index-DYVNUtTS.js";import{n as a}from"./vendor-CnQcJ2Lu.js";const te=({allValues:e,selectedValue:r,name:o,onSelectedValueChanged:n,isDisabled:d,placeholder:h,isOptionRemovable:$=!0,addIconInCreateLabel:m,getLabelForId:b,tagProperties:x,hasError:S,style:c})=>{const w=X(),y=Ce(e,b),I=q.getLocalizedStrings().dropDowns,L=y.sort((l,p)=>l.label.localeCompare(p.label)),v=r!=null&&r?P(r,b):void 0,R={container:l=>({...l,width:"100%",...c}),menu:l=>({...l,backgroundColor:w.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${w.colors.dropShadowHover}`,border:`1px solid ${w.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${i.sp0} ${i.sp0} ${i.sp0}`,overflow:"hidden"}),menuList:l=>({...l,borderRadius:i.sp1}),input:(l,{selectProps:p})=>({...l,":after":{width:p.inputValue.length>0?i.sp0:"unset"}})},E=l=>t.jsxs(xe,{children:[t.jsx(be,{children:t.jsx(Y,{fill:"currentColor",height:i.sp3,width:i.sp3})}),t.jsx(fe,{children:`${I.createOption} "${l}"`})]}),M=l=>{const{menuIsOpen:p,isFocused:O,isDisabled:k,selectProps:H}=l,{value:W}=H;return t.jsx(se,{menuIsOpen:p,isFocused:O,isDisabled:k,selectedValue:W,hasError:S,"data-testid":j("creatable-single-select-control",o),children:t.jsx(C.Control,{...l,className:"select-control",children:l.children})})},T=l=>t.jsx(ye,{children:t.jsxs(C.SingleValue,{...l,children:[l.selectProps.menuIsOpen===!1&&x!=null&&x.isTagShownForOption(l.data.value)===!0&&t.jsx($e,{children:t.jsx(we,{style:x.style,children:x.tagName})}),l.children]})}),N=l=>{const{selectProps:p}=l,{placeholder:O,value:k}=p;return t.jsx(C.Input,{...l,autoComplete:"new-password",placeholder:k==null?O:void 0,"data-testid":j("creatable-single-select-input",o),children:l.children})};return t.jsx(K,{isMulti:!1,onCreateOption:l=>{const p=Q(l);n(p)},onChange:l=>{$!==!1&&l?.value!=null&&v?.value===l.value?n(void 0):n(l?.value)},formatCreateLabel:l=>m===!0?E(l):`${I.otherOption} ${l}`,tabSelectsValue:!1,openMenuOnFocus:!0,"data-testid":j("creatable-single-select",o),classNamePrefix:"creatable-single-select-field",createOptionPosition:"last",allowCreateWhileLoading:!0,controlShouldRenderValue:!0,placeholder:h,menuPlacement:"auto",maxMenuHeight:288,defaultValue:v,value:v,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:M,Option:ae,Input:N,SingleValue:T,ValueContainer:ie,DropdownIndicator:ve,IndicatorSeparator:je,ClearIndicator:Se,Placeholder:oe,MenuList:re},hideSelectedOptions:!1,styles:R,options:L,isClearable:!0,isSearchable:!0,isDisabled:d!=null},A())},ie=e=>t.jsx(C.ValueContainer,{...e,className:"select-value-container",children:e.children}),re=e=>{const{options:r,children:o,maxHeight:n,getValue:d}=e,[h]=d(),$=r.indexOf(h)*40;return t.jsx(U,{height:o.length>7?n:o.length*40,width:"100%",itemCount:o.length,itemSize:()=>40,initialScrollOffset:$,children:({index:m,style:b})=>t.jsx(pe,{style:b,children:o[m]})})},oe=()=>null,ae=e=>{const{isSelected:r,isDisabled:o,isFocused:n,data:d}=e,h=typeof d.label=="string"?d.label:d.value;return t.jsx(ne,{isFocused:n,isSelected:r,isDisabled:o,children:t.jsx(C.Option,{...e,className:"select-option",children:t.jsxs(de,{"data-testid":j("creatable-single-select-option",h),children:[t.jsx(he,{children:t.jsx(ce,{isSelected:r,isDisabled:o,children:e.label})}),r?t.jsxs(ue,{children:[t.jsx(ge,{className:"right-tick-icon"}),t.jsx(me,{className:"close-tick-icon"})]}):null]})})})},se=a.div`
   width: 100%;
   background-color: ${e=>e.theme.colors.grey5};
   cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
@@ -34,7 +34,7 @@ import{X as _,cg as F,co as z,j as t,_ as j,cm as B,C as f,g as u,q as s,cp as G
       border-radius: ${i.sp0};
       margin: ${i.sp0};
       color: ${e=>e.hasError===!0?u.important:e.theme.colors.primary};
-      ${k.standardRegular.css};
+      ${D.standardRegular.css};
       box-sizing: border-box;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -45,7 +45,7 @@ import{X as _,cg as F,co as z,j as t,_ as j,cm as B,C as f,g as u,q as s,cp as G
       display: flex;
       width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?i.sp0:"100%"};
       position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
-      ${k.standardRegular.css};
+      ${D.standardRegular.css};
       color: ${e=>e.hasError===!0?u.important:e.theme.colors.primary};
       margin: ${i.sp0};
       cursor: inherit;
@@ -67,7 +67,7 @@ import{X as _,cg as F,co as z,j as t,_ as j,cm as B,C as f,g as u,q as s,cp as G
 `,ne=a.div`
   border-radius: inherit;
   .select-option {
-    ${k.smallRegular.css};
+    ${D.smallRegular.css};
     height: ${i.sp6};
     padding: 9px ${i.sp3};
     color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
@@ -153,7 +153,7 @@ import{X as _,cg as F,co as z,j as t,_ as j,cm as B,C as f,g as u,q as s,cp as G
   justify-content: inherit;
   align-items: center;
   width: 100%;
-`,ve=()=>null,je=()=>null,Se=()=>null,Ce=(e,r)=>e.map(o=>R(o,r)),R=(e,r)=>({value:e,label:r!==void 0?r(e):e}),Ie=({name:e,registerOptions:r,defaultValue:o,placeholder:n,isDisabled:d,style:h,addIconInCreateLabel:$,isOptionRemovable:m,tagProperties:b,onSelectChange:x,getLabelForId:S})=>{const{control:c,formState:{errors:w}}=F(),y=z(w,e??"");return t.jsx(G,{name:e,control:c,defaultValue:o,"data-testid":j("creatable-single-select-field",e),rules:r,render:({field:{value:I,onChange:L}})=>t.jsx(t.Fragment,{children:t.jsx(te,{onSelectedValueChanged:v=>{x?.(v??""),L({allOptions:o.allOptions,selectedOption:v})},placeholder:n,style:h,isDisabled:d,selectedValue:I.selectedOption,allValues:o.allOptions,addIconInCreateLabel:$,isOptionRemovable:m,getLabelForId:S,tagProperties:b,hasError:y,name:e})})})},g={width:new f(343,580,726),height:new f(s[6],s[6]),controlHeight:new f(s[6],s[6]),paddingTopBottom:new f(s[2],s[2]),marginRight:new f(s[2],s[2]),labelMarginLeft:new f(s[3],s[4]),labelMarginRight:new f(s[3],s[4]),labelMarginTop:new f(s[2],s[2])},Le={infoLabel:new q("extraSmallRegular","smallRegular")};function Fe({isDisabled:e,label:r,creatableSingleSelectField:o,style:n,additionalInfoLabel:d,errorInfoLabel:h,isOptionRemovable:$,addIconInCreateLabel:m,additionalInfoTextColor:b,onSelectChange:x,getLabelForId:S}){const c=_(),{formState:{errors:w}}=F(),y=z(w,o.name??"");return t.jsxs(Oe,{size:c,style:n,isDisabled:e!=null,hasError:y,"data-testid":j("labeled-creatable-single-select-field",o.name),children:[t.jsx(B,{isDisabled:e,label:r.label,htmlFor:o.name,style:{marginLeft:g.labelMarginLeft.value(c),marginRight:g.labelMarginRight.value(c),marginTop:g.labelMarginTop.value(c),width:r.width??"auto"}}),t.jsxs(De,{labelWidth:r.width,children:[t.jsx(Ie,{...o,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:r.width!==null&&m===!1?`calc(100% - ${r.width}px)`:"auto",height:g.controlHeight.value(c)},onSelectChange:x,isOptionRemovable:$,addIconInCreateLabel:m,getLabelForId:S}),t.jsx(V,{size:c,additionalInfoTextColor:b,children:d}),y&&t.jsx(V,{size:c,hasError:y,children:h})]})]})}const Oe=a.div`
+`,ve=()=>null,je=()=>null,Se=()=>null,Ce=(e,r)=>e.map(o=>P(o,r)),P=(e,r)=>({value:e,label:r!==void 0?r(e):e}),Ie=({name:e,registerOptions:r,defaultValue:o,placeholder:n,isDisabled:d,style:h,addIconInCreateLabel:$,isOptionRemovable:m,tagProperties:b,onSelectChange:x,getLabelForId:S})=>{const{control:c,formState:{errors:w}}=F(),y=z(w,e??"");return t.jsx(G,{name:e,control:c,defaultValue:o,"data-testid":j("creatable-single-select-field",e),rules:r,render:({field:{value:I,onChange:L}})=>t.jsx(t.Fragment,{children:t.jsx(te,{onSelectedValueChanged:v=>{x?.(v??""),L({allOptions:o.allOptions,selectedOption:v})},placeholder:n,style:h,isDisabled:d,selectedValue:I.selectedOption,allValues:o.allOptions,addIconInCreateLabel:$,isOptionRemovable:m,getLabelForId:S,tagProperties:b,hasError:y,name:e})})})},g={width:new f(343,580,726),height:new f(s[6],s[6]),controlHeight:new f(s[6],s[6]),paddingTopBottom:new f(s[2],s[2]),marginRight:new f(s[2],s[2]),labelMarginLeft:new f(s[3],s[4]),labelMarginRight:new f(s[3],s[4]),labelMarginTop:new f(s[2],s[2])},Le={infoLabel:new J("extraSmallRegular","smallRegular")};function Fe({isDisabled:e,label:r,creatableSingleSelectField:o,style:n,additionalInfoLabel:d,errorInfoLabel:h,isOptionRemovable:$,addIconInCreateLabel:m,additionalInfoTextColor:b,onSelectChange:x,getLabelForId:S}){const c=B(),{formState:{errors:w}}=F(),y=z(w,o.name??"");return t.jsxs(Oe,{size:c,style:n,isDisabled:e!=null,hasError:y,"data-testid":j("labeled-creatable-single-select-field",o.name),children:[t.jsx(_,{isDisabled:e,label:r.label,htmlFor:o.name,style:{marginLeft:g.labelMarginLeft.value(c),marginRight:g.labelMarginRight.value(c),marginTop:g.labelMarginTop.value(c),width:r.width??"auto"}}),t.jsxs(ke,{labelWidth:r.width,children:[t.jsx(Ie,{...o,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:r.width!==null&&m===!1?`calc(100% - ${r.width}px)`:"auto",height:g.controlHeight.value(c)},onSelectChange:x,isOptionRemovable:$,addIconInCreateLabel:m,getLabelForId:S}),t.jsx(V,{size:c,additionalInfoTextColor:b,children:d}),y&&t.jsx(V,{size:c,hasError:y,children:h})]})]})}const Oe=a.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -189,7 +189,7 @@ import{X as _,cg as F,co as z,j as t,_ as j,cm as B,C as f,g as u,q as s,cp as G
       background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError===!0?u.importantLight:e.theme.colors.background};
     }
   }
-`,De=a.div`
+`,ke=a.div`
   display: flex;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
   justify-content: flex-end;

package/dist/assets/LabeledDocumentField-BEyArLK3-Bbt820GM.js

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