@zeniai/web-cockpit-ui 1.15.67-dev → 1.15.68-dev

package/dist/assets/{IssueChargeCardPage-CK6fnO24-BKSJZVY1.js → IssueChargeCardPage-CVfuvGey-dFAkH-M9.js}

@@ -1,16 +1,16 @@
-import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT as Ua,o as a,y as C,O as le,bz as Fa,b9 as Na,H as be,B as na,x as qa,R as Ea,p as ie,e as Ma,ck as ka,cL as fe,ep as Ba,u as d,bV as Va,b3 as K,cQ as me,d1 as oa,js as Ha,jt as Wa,d0 as Ga,d as Te,ju as Ie,cM as Ae,gg as _e,f4 as xe,b as de,f0 as he,gc as ca,aj as Oe,aP as Qa,g$ as Xa,an as Ja,h0 as Ka}from"./index-DyBrELD_.js";import{a as E}from"./sentry-BV4jcjA3.js";import{n as l}from"./mui-D3hEqMLm.js";import{Y as ua}from"./LabeledUserSingleSelectWithSubtitlesField-DCv1Q5qb-Dkhsfaug.js";import{bd as Ya}from"./zeni-epic-state-wSe7lDM8.js";import{T as pa}from"./RoleWithToolTip-C8x5yXaK-DMsCF0JH.js";import"./liveblocks-VMOu1QaQ.js";import"./core-CuilwggZ.js";import"./recharts-Bs6FfRQK.js";import"./lottie-DcZDexOB.js";import"./analytics-Dmyyfi9O.js";import"./lexical-BV3aGUzT.js";import"./utils-AGDkxX5e.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="6494f585-90ee-4a6b-9e4e-c349068418cc",e._sentryDebugIdIdentifier="sentry-dbid-6494f585-90ee-4a6b-9e4e-c349068418cc")}catch{}})();const ge=e=>{const{common:i,spendManagement:{chargeCard:{issueCard:t}}}=le.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}},Za=["creditCard","debitCard"],ke=e=>Ya(e,Za),u=(e,i)=>`${e}.${i}`,{commonSetUp:{businessVerification:{addressPlaceholder:Be,customAddressPlaceholder:er}},spendManagement:{chargeCard:{issueCard:N}}}=le.getLocalizedStrings(),k={largeLabelWidth:new C(120,120,200),labelMarginRight:new C(d[3],d[4]),labelMarginBottom:new C(d[2],d[0]),infoLabelMarginTop:new C(d[1],d[0]),radioLabelPaddingLeftRight:new C(d[2],d[3]),radioLabelPaddingLeft:new C(d[0],d[3]),radioLabelPaddingRight:new C(10,d[3])},ar={infoLabel:new be("smallRegular","smallRegular")},rr="creditCard.physicalCard.amount",ir="creditCard.physicalCard.cardName",dr="creditCard.physicalCard.user",lr="creditCard.physicalCard.frequency",te="creditCard.physicalCard.addressType",tr=({lineData:e,issueCardSectionId:i,limit:t,creditLimitFrequency:m,activeChargeCardCount:v,allRoles:f,allAccountingClasses:D,companyAddress:b,customAddress:T,userAddress:A,userList:o,maxPhysicalChargeCardPerUser:S,openAddAddressDrawerHandler:g})=>{const s=oe(),q=Te(),{getValues:B}=fe(),$=k.largeLabelWidth.value(s),V=()=>{g(e.lineId,"creditCard")},c=(h,U)=>r.jsx(nr,{isOptionSelected:U,children:ge(h)}),n=e.creditCard.physicalCard.addressType,x=e.creditCard.physicalCard.amount,L=Ie(t.amount),I=x!=null&&x>t.amount,z=I?N.amountExceedError.replace("_amount_",L):void 0,j=e.creditCard.physicalCard.user,_=j.allUsers.find(h=>h.userId===j.selectedUser),G=_?.userId,Y=G!=null?A[G]:void 0,p=h=>{let U=v[h]?.physicalCardCount??0;return B().lineInfo.forEach(y=>{y.creditCard.cardType==="business_physical_credit_card"&&y.creditCard.physicalCard.user.selectedUser===h&&(U+=1)}),U>=S};return r.jsxs(r.Fragment,{children:[r.jsx(ua,{label:{label:N.cardholderLabel,width:$},userSingleSelectWithSubTitlesField:{name:u(i,dr),placeholderLabel:N.usersPlaceholder,value:{allUsers:o,selectedUser:e.creditCard.physicalCard.user.selectedUser},registerOptions:{required:!0,validate:h=>h?.selectedUser?.length>0},valueToSubtitle:h=>{const U=f.find(R=>R.userId===h),y=[];return U?.accountingClassIDs.forEach(R=>{const J=D.find(De=>De.classId===R);J!=null&&J.className&&y.push(J.className)}),y},additionalLabelInfo:N.additionalInfoPhysical,showOnlyAvatar:!0,showAvatarAndSubtitles:!1,isOptionDisabled:p,disabledOptionHint:N.cardLimitWarning,bigMarginRightForSmallScreens:!0,optionStyles:{maxHeight:a.sp10,minHeight:a.sp6,height:"max-content"}},style:{width:"100%",paddingLeft:k.labelMarginBottom.value(s)}}),r.jsx(we,{}),r.jsx(Ae,{label:{label:N.cardNameLabel,width:$},style:{width:"auto",paddingLeft:k.labelMarginBottom.value(s)},text:{type:"text",name:u(i,ir),defaultValue:e.creditCard.physicalCard.cardName,placeholder:N.cardNamePlaceholder,options:{required:!0,validate:h=>h!=null}}}),r.jsx(we,{}),r.jsx(_e,{label:{label:N.amountLabel,width:$},showAdditionalInfoLabel:I,additionalInfoLabel:z,formattedTextField:{type:"number",name:u(i,rr),defaultValue:e.creditCard.physicalCard.amount,placeholder:N.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:h=>!!h&&h>0&&h<=t.amount},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},isFieldError:I,style:{width:"auto",paddingLeft:k.labelMarginBottom.value(s)}}),r.jsx(we,{}),r.jsx(xe,{isDisabled:"readonly",label:{label:N.frequencyLabel,width:$,style:{marginBottom:k.labelMarginBottom.valuePx(s),marginRight:k.labelMarginRight.valuePx(s)}},style:{width:"100%",paddingLeft:k.labelMarginBottom.valuePx(s)},infoLabelStyle:{...de.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:k.infoLabelMarginTop.valuePx(s),color:q.colors.hero},valueToAdditionalLabel:h=>ge(h),singleSelectPickerField:{name:u(i,lr),placeholder:N.frequencyPlaceholder,style:{position:"relative"},capitalizeOptions:!0,showSubLabelsInSingleValue:!1,defaultValue:{selectedOption:e.creditCard.physicalCard.frequency.selectedOption,allOptions:m.map(h=>({label:h.name,value:h.code}))},valueToSubLabels:(h,U)=>c(h,U),textAlignment:"right",registerOptions:{required:!0,validate:h=>h!=null&&!!h.selectedOption}}}),r.jsx(we,{}),r.jsxs(or,{windowSize:s,children:[r.jsxs(pr,{windowSize:s,children:[r.jsx(me,{label:N.address.shippingAddressLabel,htmlFor:u(i,te),style:{marginLeft:a.sp4,marginRight:k.labelMarginRight.valuePx(s),marginTop:a.sp2,width:s==="small"?"auto":$}}),r.jsx(cr,{windowSize:s,children:r.jsxs(hr,{isDisabled:_==null,children:[Y!=null&&r.jsx(K,{isContainerClickable:!0,label:{label:N.address.personal},isDisabled:_==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:u(i,te),id:`${u(i,te)}.${N.address.personal}`,value:"card_holder_personal_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(K,{isContainerClickable:!0,label:{label:N.address.company},isDisabled:_==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:u(i,te),id:`${u(i,te)}.${N.address.company}`,value:"company_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(K,{isContainerClickable:!0,label:{label:N.address.custom},isDisabled:_==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:u(i,te),id:`${u(i,te)}.${N.address.custom}`,value:"custom_address",radioSize:"small",registerOptions:{required:!0}}})]})})]}),r.jsx(ur,{windowSize:s,children:_?.user!=null&&n!=null&&r.jsx(sr,{children:n==="card_holder_personal_address"?r.jsxs(r.Fragment,{children:[r.jsx(he,{name:"personal_address_value_field",defaultValue:Y,isDisabled:"readonly",placeholder:Be,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1}}),r.jsx(Ve,{windowSize:s,children:N.address.personalAddressText.replace("_name_",_.user.firstName)})]}):n==="company_address"?r.jsx(he,{name:"company_address_value_field",defaultValue:b,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:T[e.lineId],placeholder:er,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1},onClick:V}),r.jsx(Ve,{windowSize:s,children:N.address.customAddressText})]})})})]})]})},sr=l.div`
+import{e as oe,aa as Oa,cQ as _a,V as r,ac as je,jD as Da,c9 as za,ae as Ra,aT as Ua,o as a,x as C,O as le,bz as Fa,b9 as Na,N as be,M as na,b as qa,c as Ea,d as ie,p as Ma,cq as ka,cU as fe,eB as Ba,u as d,c1 as Va,b3 as J,cZ as me,da as oa,jE as Ha,jF as Wa,d9 as Ga,g as Te,jG as Ie,cV as Ae,gq as Oe,fg as xe,w as de,fc as he,gm as ca,ak as _e,aQ as Qa,h9 as Xa,ao as Za,ha as Ja}from"./index-DMG72kst.js";import{a as E}from"./sentry-DA3cfNtR.js";import{n as l}from"./mui-PTGaeBGX.js";import{Y as ua}from"./LabeledUserSingleSelectWithSubtitlesField-C8JxAcOT-D0nf30JX.js";import{bd as Ya}from"./zeni-epic-state-qJAZZeEy.js";import{T as pa}from"./RoleWithToolTip-Ct3_VuDM-DPE6FK82.js";import"./liveblocks-BPjePRRW.js";import"./core--0SFXVg4.js";import"./recharts-qzs3V2Ze.js";import"./lottie-x1a70pv5.js";import"./analytics-BdPgTZIq.js";import"./lexical-RPR5fwFX.js";import"./utils-ZYxK6Sqs.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="babcd118-a29a-440b-96fd-13e84297d3c3",e._sentryDebugIdIdentifier="sentry-dbid-babcd118-a29a-440b-96fd-13e84297d3c3")}catch{}})();const ge=e=>{const{common:i,spendManagement:{chargeCard:{issueCard:t}}}=le.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"],ke=e=>Ya(e,Ka),u=(e,i)=>`${e}.${i}`,{commonSetUp:{businessVerification:{addressPlaceholder:Be,customAddressPlaceholder:er}},spendManagement:{chargeCard:{issueCard:N}}}=le.getLocalizedStrings(),k={largeLabelWidth:new C(120,120,200),labelMarginRight:new C(d[3],d[4]),labelMarginBottom:new C(d[2],d[0]),infoLabelMarginTop:new C(d[1],d[0]),radioLabelPaddingLeftRight:new C(d[2],d[3]),radioLabelPaddingLeft:new C(d[0],d[3]),radioLabelPaddingRight:new C(10,d[3])},ar={infoLabel:new be("smallRegular","smallRegular")},rr="creditCard.physicalCard.amount",ir="creditCard.physicalCard.cardName",dr="creditCard.physicalCard.user",lr="creditCard.physicalCard.frequency",te="creditCard.physicalCard.addressType",tr=({lineData:e,issueCardSectionId:i,limit:t,creditLimitFrequency:m,activeChargeCardCount:v,allRoles:f,allAccountingClasses:D,companyAddress:b,customAddress:T,userAddress:A,userList:o,maxPhysicalChargeCardPerUser:S,openAddAddressDrawerHandler:g})=>{const s=oe(),q=Te(),{getValues:B}=fe(),$=k.largeLabelWidth.value(s),V=()=>{g(e.lineId,"creditCard")},c=(h,U)=>r.jsx(nr,{isOptionSelected:U,children:ge(h)}),n=e.creditCard.physicalCard.addressType,x=e.creditCard.physicalCard.amount,L=Ie(t.amount),I=x!=null&&x>t.amount,R=I?N.amountExceedError.replace("_amount_",L):void 0,j=e.creditCard.physicalCard.user,O=j.allUsers.find(h=>h.userId===j.selectedUser),G=O?.userId,Y=G!=null?A[G]:void 0,p=h=>{let U=v[h]?.physicalCardCount??0;return B().lineInfo.forEach(y=>{y.creditCard.cardType==="business_physical_credit_card"&&y.creditCard.physicalCard.user.selectedUser===h&&(U+=1)}),U>=S};return r.jsxs(r.Fragment,{children:[r.jsx(ua,{label:{label:N.cardholderLabel,width:$},userSingleSelectWithSubTitlesField:{name:u(i,dr),placeholderLabel:N.usersPlaceholder,value:{allUsers:o,selectedUser:e.creditCard.physicalCard.user.selectedUser},registerOptions:{required:!0,validate:h=>h?.selectedUser?.length>0},valueToSubtitle:h=>{const U=f.find(z=>z.userId===h),y=[];return U?.accountingClassIDs.forEach(z=>{const Z=D.find(De=>De.classId===z);Z!=null&&Z.className&&y.push(Z.className)}),y},additionalLabelInfo:N.additionalInfoPhysical,showOnlyAvatar:!0,showAvatarAndSubtitles:!1,isOptionDisabled:p,disabledOptionHint:N.cardLimitWarning,bigMarginRightForSmallScreens:!0,optionStyles:{maxHeight:a.sp10,minHeight:a.sp6,height:"max-content"}},style:{width:"100%",paddingLeft:k.labelMarginBottom.value(s)}}),r.jsx(we,{}),r.jsx(Ae,{label:{label:N.cardNameLabel,width:$},style:{width:"auto",paddingLeft:k.labelMarginBottom.value(s)},text:{type:"text",name:u(i,ir),defaultValue:e.creditCard.physicalCard.cardName,placeholder:N.cardNamePlaceholder,options:{required:!0,validate:h=>h!=null}}}),r.jsx(we,{}),r.jsx(Oe,{label:{label:N.amountLabel,width:$},showAdditionalInfoLabel:I,additionalInfoLabel:R,formattedTextField:{type:"number",name:u(i,rr),defaultValue:e.creditCard.physicalCard.amount,placeholder:N.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:h=>!!h&&h>0&&h<=t.amount},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},isFieldError:I,style:{width:"auto",paddingLeft:k.labelMarginBottom.value(s)}}),r.jsx(we,{}),r.jsx(xe,{isDisabled:"readonly",label:{label:N.frequencyLabel,width:$,style:{marginBottom:k.labelMarginBottom.valuePx(s),marginRight:k.labelMarginRight.valuePx(s)}},style:{width:"100%",paddingLeft:k.labelMarginBottom.valuePx(s)},infoLabelStyle:{...de.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:k.infoLabelMarginTop.valuePx(s),color:q.colors.hero},valueToAdditionalLabel:h=>ge(h),singleSelectPickerField:{name:u(i,lr),placeholder:N.frequencyPlaceholder,style:{position:"relative"},capitalizeOptions:!0,showSubLabelsInSingleValue:!1,defaultValue:{selectedOption:e.creditCard.physicalCard.frequency.selectedOption,allOptions:m.map(h=>({label:h.name,value:h.code}))},valueToSubLabels:(h,U)=>c(h,U),textAlignment:"right",registerOptions:{required:!0,validate:h=>h!=null&&!!h.selectedOption}}}),r.jsx(we,{}),r.jsxs(or,{windowSize:s,children:[r.jsxs(pr,{windowSize:s,children:[r.jsx(me,{label:N.address.shippingAddressLabel,htmlFor:u(i,te),style:{marginLeft:a.sp4,marginRight:k.labelMarginRight.valuePx(s),marginTop:a.sp2,width:s==="small"?"auto":$}}),r.jsx(cr,{windowSize:s,children:r.jsxs(hr,{isDisabled:O==null,children:[Y!=null&&r.jsx(J,{isContainerClickable:!0,label:{label:N.address.personal},isDisabled:O==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:u(i,te),id:`${u(i,te)}.${N.address.personal}`,value:"card_holder_personal_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(J,{isContainerClickable:!0,label:{label:N.address.company},isDisabled:O==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:u(i,te),id:`${u(i,te)}.${N.address.company}`,value:"company_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(J,{isContainerClickable:!0,label:{label:N.address.custom},isDisabled:O==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:u(i,te),id:`${u(i,te)}.${N.address.custom}`,value:"custom_address",radioSize:"small",registerOptions:{required:!0}}})]})})]}),r.jsx(ur,{windowSize:s,children:O?.user!=null&&n!=null&&r.jsx(sr,{children:n==="card_holder_personal_address"?r.jsxs(r.Fragment,{children:[r.jsx(he,{name:"personal_address_value_field",defaultValue:Y,isDisabled:"readonly",placeholder:Be,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1}}),r.jsx(Ve,{windowSize:s,children:N.address.personalAddressText.replace("_name_",O.user.firstName)})]}):n==="company_address"?r.jsx(he,{name:"company_address_value_field",defaultValue:b,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:T[e.lineId],placeholder:er,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1},onClick:V}),r.jsx(Ve,{windowSize:s,children:N.address.customAddressText})]})})})]})]})},sr=l.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   align-items: flex-end;
   flex-grow: 1;
-`,Ve=l(Oe)`
+`,Ve=l(_e)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   padding-right: 12px;
   text-align: right;
   ${e=>`${ar.infoLabel.style(e.windowSize)}`};
-`,nr=l(Oe)`
+`,nr=l(_e)`
   color: ${e=>e.isOptionSelected?e.theme.colors.primary:e.theme.colors.grey1};
 `,we=l.div`
   display: flex;
@@ -78,7 +78,7 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
   &:hover {
     fill: ${e=>e.theme.colors.primary};
   }
-`,{spendManagement:{chargeCard:{issueCard:Q}}}=le.getLocalizedStrings(),ee={largeLabelWidth:new C(120,120,200),labelMarginRight:new C(d[3],d[4]),largeLabelMarginRight:new C(d[2],12),labelMarginBottom:new C(d[2],d[0]),infoLabelMarginTop:new C(d[1],d[0])},mr={infoLabel:new be("smallRegular","smallRegular")},gr="debitCard.virtualCard.amount",br="debitCard.virtualCard.cardName",He="debitCard.virtualCard.users",Cr="debitCard.virtualCard.frequency",yr="debitCard.virtualCard.connectedAccount",fr=({lineData:e,issueCardSectionId:i,cardHolderCandidates:t,creditLimitFrequency:m,allRoles:v,depositAccounts:f,allAccountingClasses:D,activeDebitCardCount:b,maxVirtualDebitCardPerUser:T})=>{const A=Te(),o=oe(),{getValues:S}=fe(),g=ee.largeLabelWidth.value(o),s=e.debitCard.virtualCard.amount,q=f.find(c=>c.id===e.debitCard.virtualCard.connectedAccount.selectedOption)?.cardLimits.dailyCardTransactionLimit.amount,B=s!=null&&q!=null&&s>q,$=B?Q.amountExceedDebitCardError.replace("_amount_",Ie(q)):void 0,V=c=>{let n=0;const x=e.debitCard.virtualCard.connectedAccount.selectedOption;return x!=null&&b?.[x]?.[c]!=null&&(n=b[x][c].virtualCardCount),S().lineInfo.forEach(L=>{L.debitCard.cardType==="business_virtual_debit_card"&&L.debitCard.virtualCard.users.selectedUsers.forEach(I=>{I.userId===c&&(n+=1)})}),n>=T};return r.jsxs(r.Fragment,{children:[r.jsx(Ge,{label:{label:Q.connectedAccountLabel,width:g,style:{marginLeft:a.sp4,marginRight:ee.largeLabelMarginRight.value(o),marginTop:a.sp2,width:g}},style:{width:"auto"},singleSelectPickerField:{name:u(i,yr),placeholder:Q.selectAccountPlaceholder,style:{position:"relative"},capitalizeOptions:!0,valueToLogo:(c,n)=>ha(f,c,n),valueToSubLabels:(c,n)=>Pe(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($e,{}),r.jsxs(Ir,{windowSize:o,children:[r.jsx(me,{label:Q.cardholdersLabel,htmlFor:u(i,He),style:{marginLeft:a.sp4,marginRight:ee.labelMarginRight.value(o),marginTop:a.sp2,width:g}}),r.jsxs(Tr,{windowSize:o,children:[r.jsx(ca,{hideEmailTooltip:!0,shouldHaveBackgroundColor:!1,showBackgroundColorIfHasAnySelectedOption:!1,placeholderLabel:Q.usersPlaceholder,name:u(i,He),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(L=>L.userId===c),x=[];return n!=null&&(x.push(r.jsx(pa,{roles:n.userRoles})),n.accountingClassIDs.forEach(L=>{const I=D.find(z=>z.classId===L);I!=null&&I.className&&x.push(I.className)})),x},disableCurrentOption:V,disabledOptionHint:Q.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,...de.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":{...de.smallBold.cssObject,height:"100%",cursor:"pointer"}})}}),r.jsx(Pr,{size:o,children:Q.additionalInfoVirtual})]})]}),r.jsx($e,{}),r.jsx(Ae,{label:{label:Q.cardNameLabel,width:g},style:{width:"auto",paddingLeft:ee.labelMarginBottom.value(o)},text:{type:"text",name:u(i,br),defaultValue:e.debitCard.virtualCard.cardName,placeholder:Q.cardNamePlaceholder,options:{required:!0,validate:c=>c!=null}}}),r.jsx($e,{}),r.jsx(_e,{label:{label:Q.amountLabel,width:g},showAdditionalInfoLabel:B,additionalInfoLabel:$,formattedTextField:{type:"number",name:u(i,gr),defaultValue:e.debitCard.virtualCard.amount,placeholder:Q.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:c=>q!=null?!!c&&c>0&&c<=q:!!c&&c>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto",paddingLeft:ee.labelMarginBottom.value(o)},isFieldError:B}),r.jsx($e,{}),r.jsx(Sr,{size:o,children:r.jsx(Ge,{isDisabled:"readonly",label:{label:Q.frequencyLabel,width:g,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:{...de.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:ee.infoLabelMarginTop.valuePx(o),color:A.colors.hero},valueToAdditionalLabel:c=>ge(c),singleSelectPickerField:{name:u(i,Cr),placeholder:Q.frequencyPlaceholder,style:{position:"relative"},capitalizeOptions:!0,showSubLabelsInSingleValue:!1,defaultValue:{selectedOption:e.debitCard.virtualCard.frequency.selectedOption,allOptions:m.map(c=>({label:c.name,value:c.code}))},valueToSubLabels:(c,n)=>Pe(f,c,n),textAlignment:"right",registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption}}})})]})},ha=(e,i,t)=>{if(i==="")return r.jsx(Lr,{});const m=e.find(f=>f.id===i),v=e.findIndex(f=>f.id===i);return m!=null?r.jsx(wr,{isOptionSelected:t,children:r.jsx($r,{color:Xa(v)})}):null},Pe=(e,i,t)=>{if(!i)return null;const m=e.find(v=>v.id===i);return t===!0?r.jsx(xr,{children:m?.maskedAccountNumber}):r.jsxs(jr,{className:"option-sublabel",children:[r.jsx(We,{children:m?.maskedAccountNumber}),m?.accountBalance?.available?r.jsx(vr,{}):null,m?.accountBalance?.available?r.jsx(We,{children:Qa("0,0[.]00",m.accountBalance.available)}):null]})},xr=l.span`
+`,{spendManagement:{chargeCard:{issueCard:Q}}}=le.getLocalizedStrings(),ee={largeLabelWidth:new C(120,120,200),labelMarginRight:new C(d[3],d[4]),largeLabelMarginRight:new C(d[2],12),labelMarginBottom:new C(d[2],d[0]),infoLabelMarginTop:new C(d[1],d[0])},mr={infoLabel:new be("smallRegular","smallRegular")},gr="debitCard.virtualCard.amount",br="debitCard.virtualCard.cardName",He="debitCard.virtualCard.users",Cr="debitCard.virtualCard.frequency",yr="debitCard.virtualCard.connectedAccount",fr=({lineData:e,issueCardSectionId:i,cardHolderCandidates:t,creditLimitFrequency:m,allRoles:v,depositAccounts:f,allAccountingClasses:D,activeDebitCardCount:b,maxVirtualDebitCardPerUser:T})=>{const A=Te(),o=oe(),{getValues:S}=fe(),g=ee.largeLabelWidth.value(o),s=e.debitCard.virtualCard.amount,q=f.find(c=>c.id===e.debitCard.virtualCard.connectedAccount.selectedOption)?.cardLimits.dailyCardTransactionLimit.amount,B=s!=null&&q!=null&&s>q,$=B?Q.amountExceedDebitCardError.replace("_amount_",Ie(q)):void 0,V=c=>{let n=0;const x=e.debitCard.virtualCard.connectedAccount.selectedOption;return x!=null&&b?.[x]?.[c]!=null&&(n=b[x][c].virtualCardCount),S().lineInfo.forEach(L=>{L.debitCard.cardType==="business_virtual_debit_card"&&L.debitCard.virtualCard.users.selectedUsers.forEach(I=>{I.userId===c&&(n+=1)})}),n>=T};return r.jsxs(r.Fragment,{children:[r.jsx(Ge,{label:{label:Q.connectedAccountLabel,width:g,style:{marginLeft:a.sp4,marginRight:ee.largeLabelMarginRight.value(o),marginTop:a.sp2,width:g}},style:{width:"auto"},singleSelectPickerField:{name:u(i,yr),placeholder:Q.selectAccountPlaceholder,style:{position:"relative"},capitalizeOptions:!0,valueToLogo:(c,n)=>ha(f,c,n),valueToSubLabels:(c,n)=>Pe(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($e,{}),r.jsxs(Ir,{windowSize:o,children:[r.jsx(me,{label:Q.cardholdersLabel,htmlFor:u(i,He),style:{marginLeft:a.sp4,marginRight:ee.labelMarginRight.value(o),marginTop:a.sp2,width:g}}),r.jsxs(Tr,{windowSize:o,children:[r.jsx(ca,{hideEmailTooltip:!0,shouldHaveBackgroundColor:!1,showBackgroundColorIfHasAnySelectedOption:!1,placeholderLabel:Q.usersPlaceholder,name:u(i,He),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(L=>L.userId===c),x=[];return n!=null&&(x.push(r.jsx(pa,{roles:n.userRoles})),n.accountingClassIDs.forEach(L=>{const I=D.find(R=>R.classId===L);I!=null&&I.className&&x.push(I.className)})),x},disableCurrentOption:V,disabledOptionHint:Q.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,...de.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":{...de.smallBold.cssObject,height:"100%",cursor:"pointer"}})}}),r.jsx(Pr,{size:o,children:Q.additionalInfoVirtual})]})]}),r.jsx($e,{}),r.jsx(Ae,{label:{label:Q.cardNameLabel,width:g},style:{width:"auto",paddingLeft:ee.labelMarginBottom.value(o)},text:{type:"text",name:u(i,br),defaultValue:e.debitCard.virtualCard.cardName,placeholder:Q.cardNamePlaceholder,options:{required:!0,validate:c=>c!=null}}}),r.jsx($e,{}),r.jsx(Oe,{label:{label:Q.amountLabel,width:g},showAdditionalInfoLabel:B,additionalInfoLabel:$,formattedTextField:{type:"number",name:u(i,gr),defaultValue:e.debitCard.virtualCard.amount,placeholder:Q.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:c=>q!=null?!!c&&c>0&&c<=q:!!c&&c>0},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto",paddingLeft:ee.labelMarginBottom.value(o)},isFieldError:B}),r.jsx($e,{}),r.jsx(Sr,{size:o,children:r.jsx(Ge,{isDisabled:"readonly",label:{label:Q.frequencyLabel,width:g,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:{...de.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:ee.infoLabelMarginTop.valuePx(o),color:A.colors.hero},valueToAdditionalLabel:c=>ge(c),singleSelectPickerField:{name:u(i,Cr),placeholder:Q.frequencyPlaceholder,style:{position:"relative"},capitalizeOptions:!0,showSubLabelsInSingleValue:!1,defaultValue:{selectedOption:e.debitCard.virtualCard.frequency.selectedOption,allOptions:m.map(c=>({label:c.name,value:c.code}))},valueToSubLabels:(c,n)=>Pe(f,c,n),textAlignment:"right",registerOptions:{required:!0,validate:c=>c!=null&&!!c.selectedOption}}})})]})},ha=(e,i,t)=>{if(i==="")return r.jsx(Lr,{});const m=e.find(f=>f.id===i),v=e.findIndex(f=>f.id===i);return m!=null?r.jsx(wr,{isOptionSelected:t,children:r.jsx($r,{color:Xa(v)})}):null},Pe=(e,i,t)=>{if(!i)return null;const m=e.find(v=>v.id===i);return t===!0?r.jsx(xr,{children:m?.maskedAccountNumber}):r.jsxs(jr,{className:"option-sublabel",children:[r.jsx(We,{children:m?.maskedAccountNumber}),m?.accountBalance?.available?r.jsx(vr,{}):null,m?.accountBalance?.available?r.jsx(We,{children:Qa("0,0[.]00",m.accountBalance.available)}):null]})},xr=l.span`
   margin-left: ${a.sp2};
 `,We=l.div``,vr=l.div`
   width: ${a.sp1};
@@ -91,7 +91,7 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
   width: ${e=>e.isOptionSelected?a.sp4:a.sp5};
   height: ${e=>e.isOptionSelected?a.sp4:a.sp5};
   margin-right: ${a.sp2};
-`,$r=l(Ka)`
+`,$r=l(Ja)`
   min-width: inherit;
   width: inherit;
   height: inherit;
@@ -113,7 +113,7 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
   }
-`,jr=l(Ja)`
+`,jr=l(Za)`
   color: ${e=>e.theme.colors.grey1};
   display: flex;
   align-items: center;
@@ -175,7 +175,7 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
       background-color: ${e=>e.theme.colors.background};
     }
   }
-`,{commonSetUp:{businessVerification:{addressPlaceholder:Qe,customAddressPlaceholder:Ar}},spendManagement:{chargeCard:{issueCard:F}}}=le.getLocalizedStrings(),M={largeLabelWidth:new C(120,120,200),labelMarginRight:new C(d[3],d[4]),largeLabelMarginRight:new C(d[2],12),labelMarginBottom:new C(d[2],d[0]),infoLabelMarginTop:new C(d[1],d[0]),radioLabelPaddingLeftRight:new C(d[2],d[3]),radioLabelPaddingLeft:new C(d[0],d[3]),radioLabelPaddingRight:new C(10,d[3])},_r={infoLabel:new be("smallRegular","smallRegular")},Or="debitCard.physicalCard.amount",Dr="debitCard.physicalCard.cardName",Rr="debitCard.physicalCard.user",zr="debitCard.physicalCard.frequency",se="debitCard.physicalCard.addressType",Ur="debitCard.physicalCard.connectedAccount",Fr=({lineData:e,issueCardSectionId:i,creditLimitFrequency:t,activeDebitCardCount:m,allRoles:v,depositAccounts:f,allAccountingClasses:D,companyAddress:b,customAddress:T,userAddress:A,userList:o,maxPhysicalDebitCardPerUser:S,openAddAddressDrawerHandler:g})=>{const s=oe(),q=Te(),{getValues:B}=fe(),$=M.largeLabelWidth.value(s),V=()=>{g(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,L=x?F.amountExceedDebitCardError.replace("_amount_",Ie(n)):void 0,I=e.debitCard.physicalCard.addressType,z=e.debitCard.physicalCard.user,j=z.allUsers.find(p=>p.userId===z.selectedUser),_=j?.userId,G=_!=null?A[_]:void 0,Y=p=>{let h=0;const U=e.debitCard.physicalCard.connectedAccount.selectedOption;return U!=null&&m?.[U]?.[p]!=null&&(h=m[U][p].physicalCardCount),B().lineInfo.forEach(y=>{y.debitCard.cardType==="business_physical_debit_card"&&y.debitCard.physicalCard.user.selectedUser===p&&(h+=1)}),h>=S};return r.jsxs(r.Fragment,{children:[r.jsx(qr,{label:{label:F.connectedAccountLabel,width:$,style:{marginLeft:a.sp4,marginRight:M.largeLabelMarginRight.value(s),marginTop:a.sp2,width:$}},style:{width:"auto"},singleSelectPickerField:{name:u(i,Ur),placeholder:F.selectAccountPlaceholder,style:{position:"relative"},capitalizeOptions:!0,valueToLogo:(p,h)=>ha(f,p,h),valueToSubLabels:(p,h)=>Pe(f,p,h),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(ye,{}),r.jsx(ua,{label:{label:F.cardholderLabel,width:$},userSingleSelectWithSubTitlesField:{name:u(i,Rr),placeholderLabel:F.usersPlaceholder,value:{allUsers:o,selectedUser:e.debitCard.physicalCard.user.selectedUser},registerOptions:{required:!0,validate:p=>p?.selectedUser?.length>0},valueToSubtitle:p=>{const h=v.find(y=>y.userId===p),U=[];return h?.accountingClassIDs.forEach(y=>{const R=D.find(J=>J.classId===y);R!=null&&R.className&&U.push(R.className)}),U},additionalLabelInfo:F.additionalInfoPhysical,showOnlyAvatar:!0,showAvatarAndSubtitles:!1,isOptionDisabled:Y,disabledOptionHint:F.cardLimitWarning,bigMarginRightForSmallScreens:!0,optionStyles:{maxHeight:a.sp10,minHeight:a.sp6,height:"max-content"}},style:{width:"auto",paddingLeft:M.labelMarginBottom.value(s)}}),r.jsx(ye,{}),r.jsx(Ae,{label:{label:F.cardNameLabel,width:$},style:{width:"auto",paddingLeft:M.labelMarginBottom.value(s)},text:{type:"text",name:u(i,Dr),defaultValue:e.debitCard.physicalCard.cardName,placeholder:F.cardNamePlaceholder,options:{required:!0,validate:p=>p!=null}}}),r.jsx(ye,{}),r.jsx(_e,{label:{label:F.amountLabel,width:$},showAdditionalInfoLabel:x,additionalInfoLabel:L,formattedTextField:{type:"number",name:u(i,Or),defaultValue:e.debitCard.physicalCard.amount,placeholder:F.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(ye,{}),r.jsx(xe,{isDisabled:"readonly",label:{label:F.frequencyLabel,width:$,style:{marginBottom:M.labelMarginBottom.valuePx(s),marginRight:M.labelMarginRight.valuePx(s)}},style:{width:"auto",paddingLeft:M.labelMarginBottom.valuePx(s)},infoLabelStyle:{...de.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:M.infoLabelMarginTop.valuePx(s),color:q.colors.hero},valueToAdditionalLabel:p=>ge(p),singleSelectPickerField:{name:u(i,zr),placeholder:F.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,h)=>Pe(f,p,h),textAlignment:"right",registerOptions:{required:!0,validate:p=>p!=null&&!!p.selectedOption}}}),r.jsx(ye,{}),r.jsxs(Er,{windowSize:s,children:[r.jsxs(Br,{windowSize:s,children:[r.jsx(me,{label:F.address.shippingAddressLabel,htmlFor:u(i,se),style:{marginLeft:a.sp4,marginRight:M.labelMarginRight.valuePx(s),marginTop:a.sp2,width:s==="small"?"auto":$}}),r.jsx(Mr,{windowSize:s,children:r.jsxs(Vr,{isDisabled:j==null,children:[G!=null&&r.jsx(K,{isContainerClickable:!0,label:{label:F.address.personal},isDisabled:j==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:u(i,se),id:`${u(i,se)}.${F.address.personal}`,value:"card_holder_personal_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(K,{isContainerClickable:!0,label:{label:F.address.company},isDisabled:j==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:u(i,se),id:`${u(i,se)}.${F.address.company}`,value:"company_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(K,{isContainerClickable:!0,label:{label:F.address.custom},isDisabled:j==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:u(i,se),id:`${u(i,se)}.${F.address.custom}`,value:"custom_address",radioSize:"small",registerOptions:{required:!0}}})]})})]}),r.jsx(kr,{windowSize:s,children:j?.user!=null&&I!=null&&r.jsx(Nr,{children:I==="card_holder_personal_address"?r.jsxs(r.Fragment,{children:[r.jsx(he,{name:"personal_address_value_field",defaultValue:G,isDisabled:"readonly",placeholder:Qe,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1}}),r.jsx(Xe,{windowSize:s,children:F.address.personalAddressText.replace("_name_",j.user.firstName)})]}):I==="company_address"?r.jsx(he,{name:"company_address_value_field",defaultValue:b,isDisabled:"readonly",placeholder:Qe,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:T[e.lineId],placeholder:Ar,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1},onClick:V}),r.jsx(Xe,{windowSize:s,children:F.address.customAddressText})]})})})]})]})},Nr=l.div`
+`,{commonSetUp:{businessVerification:{addressPlaceholder:Qe,customAddressPlaceholder:Ar}},spendManagement:{chargeCard:{issueCard:F}}}=le.getLocalizedStrings(),M={largeLabelWidth:new C(120,120,200),labelMarginRight:new C(d[3],d[4]),largeLabelMarginRight:new C(d[2],12),labelMarginBottom:new C(d[2],d[0]),infoLabelMarginTop:new C(d[1],d[0]),radioLabelPaddingLeftRight:new C(d[2],d[3]),radioLabelPaddingLeft:new C(d[0],d[3]),radioLabelPaddingRight:new C(10,d[3])},Or={infoLabel:new be("smallRegular","smallRegular")},_r="debitCard.physicalCard.amount",Dr="debitCard.physicalCard.cardName",zr="debitCard.physicalCard.user",Rr="debitCard.physicalCard.frequency",se="debitCard.physicalCard.addressType",Ur="debitCard.physicalCard.connectedAccount",Fr=({lineData:e,issueCardSectionId:i,creditLimitFrequency:t,activeDebitCardCount:m,allRoles:v,depositAccounts:f,allAccountingClasses:D,companyAddress:b,customAddress:T,userAddress:A,userList:o,maxPhysicalDebitCardPerUser:S,openAddAddressDrawerHandler:g})=>{const s=oe(),q=Te(),{getValues:B}=fe(),$=M.largeLabelWidth.value(s),V=()=>{g(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,L=x?F.amountExceedDebitCardError.replace("_amount_",Ie(n)):void 0,I=e.debitCard.physicalCard.addressType,R=e.debitCard.physicalCard.user,j=R.allUsers.find(p=>p.userId===R.selectedUser),O=j?.userId,G=O!=null?A[O]:void 0,Y=p=>{let h=0;const U=e.debitCard.physicalCard.connectedAccount.selectedOption;return U!=null&&m?.[U]?.[p]!=null&&(h=m[U][p].physicalCardCount),B().lineInfo.forEach(y=>{y.debitCard.cardType==="business_physical_debit_card"&&y.debitCard.physicalCard.user.selectedUser===p&&(h+=1)}),h>=S};return r.jsxs(r.Fragment,{children:[r.jsx(qr,{label:{label:F.connectedAccountLabel,width:$,style:{marginLeft:a.sp4,marginRight:M.largeLabelMarginRight.value(s),marginTop:a.sp2,width:$}},style:{width:"auto"},singleSelectPickerField:{name:u(i,Ur),placeholder:F.selectAccountPlaceholder,style:{position:"relative"},capitalizeOptions:!0,valueToLogo:(p,h)=>ha(f,p,h),valueToSubLabels:(p,h)=>Pe(f,p,h),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(ye,{}),r.jsx(ua,{label:{label:F.cardholderLabel,width:$},userSingleSelectWithSubTitlesField:{name:u(i,zr),placeholderLabel:F.usersPlaceholder,value:{allUsers:o,selectedUser:e.debitCard.physicalCard.user.selectedUser},registerOptions:{required:!0,validate:p=>p?.selectedUser?.length>0},valueToSubtitle:p=>{const h=v.find(y=>y.userId===p),U=[];return h?.accountingClassIDs.forEach(y=>{const z=D.find(Z=>Z.classId===y);z!=null&&z.className&&U.push(z.className)}),U},additionalLabelInfo:F.additionalInfoPhysical,showOnlyAvatar:!0,showAvatarAndSubtitles:!1,isOptionDisabled:Y,disabledOptionHint:F.cardLimitWarning,bigMarginRightForSmallScreens:!0,optionStyles:{maxHeight:a.sp10,minHeight:a.sp6,height:"max-content"}},style:{width:"auto",paddingLeft:M.labelMarginBottom.value(s)}}),r.jsx(ye,{}),r.jsx(Ae,{label:{label:F.cardNameLabel,width:$},style:{width:"auto",paddingLeft:M.labelMarginBottom.value(s)},text:{type:"text",name:u(i,Dr),defaultValue:e.debitCard.physicalCard.cardName,placeholder:F.cardNamePlaceholder,options:{required:!0,validate:p=>p!=null}}}),r.jsx(ye,{}),r.jsx(Oe,{label:{label:F.amountLabel,width:$},showAdditionalInfoLabel:x,additionalInfoLabel:L,formattedTextField:{type:"number",name:u(i,_r),defaultValue:e.debitCard.physicalCard.amount,placeholder:F.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(ye,{}),r.jsx(xe,{isDisabled:"readonly",label:{label:F.frequencyLabel,width:$,style:{marginBottom:M.labelMarginBottom.valuePx(s),marginRight:M.labelMarginRight.valuePx(s)}},style:{width:"auto",paddingLeft:M.labelMarginBottom.valuePx(s)},infoLabelStyle:{...de.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:M.infoLabelMarginTop.valuePx(s),color:q.colors.hero},valueToAdditionalLabel:p=>ge(p),singleSelectPickerField:{name:u(i,Rr),placeholder:F.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,h)=>Pe(f,p,h),textAlignment:"right",registerOptions:{required:!0,validate:p=>p!=null&&!!p.selectedOption}}}),r.jsx(ye,{}),r.jsxs(Er,{windowSize:s,children:[r.jsxs(Br,{windowSize:s,children:[r.jsx(me,{label:F.address.shippingAddressLabel,htmlFor:u(i,se),style:{marginLeft:a.sp4,marginRight:M.labelMarginRight.valuePx(s),marginTop:a.sp2,width:s==="small"?"auto":$}}),r.jsx(Mr,{windowSize:s,children:r.jsxs(Vr,{isDisabled:j==null,children:[G!=null&&r.jsx(J,{isContainerClickable:!0,label:{label:F.address.personal},isDisabled:j==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:u(i,se),id:`${u(i,se)}.${F.address.personal}`,value:"card_holder_personal_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(J,{isContainerClickable:!0,label:{label:F.address.company},isDisabled:j==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:u(i,se),id:`${u(i,se)}.${F.address.company}`,value:"company_address",radioSize:"small",registerOptions:{required:!0}}}),r.jsx(J,{isContainerClickable:!0,label:{label:F.address.custom},isDisabled:j==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:u(i,se),id:`${u(i,se)}.${F.address.custom}`,value:"custom_address",radioSize:"small",registerOptions:{required:!0}}})]})})]}),r.jsx(kr,{windowSize:s,children:j?.user!=null&&I!=null&&r.jsx(Nr,{children:I==="card_holder_personal_address"?r.jsxs(r.Fragment,{children:[r.jsx(he,{name:"personal_address_value_field",defaultValue:G,isDisabled:"readonly",placeholder:Qe,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1}}),r.jsx(Xe,{windowSize:s,children:F.address.personalAddressText.replace("_name_",j.user.firstName)})]}):I==="company_address"?r.jsx(he,{name:"company_address_value_field",defaultValue:b,isDisabled:"readonly",placeholder:Qe,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:T[e.lineId],placeholder:Ar,style:{minHeight:a.sp4,paddingTop:a.sp2,paddingBottom:a.sp2,width:"100%",display:"flex",flexGrow:1},onClick:V}),r.jsx(Xe,{windowSize:s,children:F.address.customAddressText})]})})})]})]})},Nr=l.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -184,12 +184,12 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
 `,qr=l(xe)`
   border-radius: ${a.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
-`,Xe=l(Oe)`
+`,Xe=l(_e)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
   padding-right: 12px;
   text-align: right;
-  ${e=>`${_r.infoLabel.style(e.windowSize)}`};
+  ${e=>`${Or.infoLabel.style(e.windowSize)}`};
 `,ye=l.div`
   display: flex;
   flex: 1;
@@ -256,7 +256,7 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
   &:hover {
     fill: ${e=>e.theme.colors.primary};
   }
-`,{spendManagement:{chargeCard:{issueCard:Z}}}=le.getLocalizedStrings(),ae={largeLabelWidth:new C(120,120,200),labelMarginRight:new C(d[3],d[4]),labelMarginBottom:new C(d[2],d[0]),infoLabelMarginTop:new C(d[1],d[0])},Hr={infoLabel:new be("smallRegular","smallRegular")},Wr="creditCard.virtualCard.amount",Gr="creditCard.virtualCard.cardName",Je="creditCard.virtualCard.users",Qr="creditCard.virtualCard.frequency",Xr=({lineData:e,issueCardSectionId:i,cardHolderCandidates:t,limit:m,creditLimitFrequency:v,allRoles:f,allAccountingClasses:D,activeChargeCardCount:b,maxVirtualChargeCardPerUser:T})=>{const A=Te(),o=oe(),{getValues:S}=fe(),g=ae.largeLabelWidth.value(o),s=(n,x)=>r.jsx(Kr,{isOptionSelected:x,children:ge(n)}),q=e.creditCard.virtualCard.amount,B=Ie(m.amount),$=q!=null&&q>m.amount,V=$?Z.amountExceedError.replace("_amount_",B):void 0,c=n=>{let x=b[n]?.virtualCardCount??0;return S().lineInfo.forEach(L=>{L.creditCard.cardType==="business_virtual_credit_card"&&L.creditCard.virtualCard.users.selectedUsers.forEach(I=>{I.userId===n&&(x+=1)})}),x>=T};return r.jsxs(r.Fragment,{children:[r.jsxs(ai,{windowSize:o,children:[r.jsx(me,{label:Z.cardholdersLabel,htmlFor:u(i,Je),style:{marginLeft:a.sp4,marginRight:ae.labelMarginRight.value(o),marginTop:a.sp2,width:g}}),r.jsxs(Zr,{windowSize:o,children:[r.jsx(ca,{hideEmailTooltip:!0,shouldHaveBackgroundColor:!1,showBackgroundColorIfHasAnySelectedOption:!1,placeholderLabel:Z.usersPlaceholder,name:u(i,Je),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(I=>I.userId===n),L=[];return x!=null&&(L.push(r.jsx(pa,{roles:x.userRoles})),x.accountingClassIDs.forEach(I=>{const z=D.find(j=>j.classId===I);z!=null&&z.className&&L.push(z.className)})),L},disableCurrentOption:c,disabledOptionHint:Z.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,...de.standardRegular.cssObject,height:a.sp4,position:e.creditCard.virtualCard.users.selectedUsers.length===0||o==="small"&&x.menuIsOpen===!1?"absolute":"unset",left:a.sp0,">input":{...de.smallBold.cssObject,height:"100%",cursor:"pointer"}})}}),r.jsx(Yr,{size:o,children:Z.additionalInfoVirtual})]})]}),r.jsx(Ue,{}),r.jsx(Ae,{label:{label:Z.cardNameLabel,width:g},style:{width:"auto",paddingLeft:ae.labelMarginBottom.value(o)},text:{type:"text",name:u(i,Gr),defaultValue:e.creditCard.virtualCard.cardName,placeholder:Z.cardNamePlaceholder,options:{required:!0,validate:n=>n!=null}}}),r.jsx(Ue,{}),r.jsx(_e,{label:{label:Z.amountLabel,width:g},showAdditionalInfoLabel:$,additionalInfoLabel:V,formattedTextField:{type:"number",name:u(i,Wr),defaultValue:e.creditCard.virtualCard.amount,placeholder:Z.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:n=>!!n&&n>0&&n<=m.amount},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto",paddingLeft:ae.labelMarginBottom.value(o)},isFieldError:$}),r.jsx(Ue,{}),r.jsx(Jr,{size:o,children:r.jsx(ei,{isDisabled:"readonly",label:{label:Z.frequencyLabel,width:g,style:{marginLeft:a.sp0,marginBottom:ae.labelMarginBottom.valuePx(o),marginRight:ae.labelMarginRight.valuePx(o)}},style:{width:"100%",padding:a.sp0,display:o==="small"?"flex":"inherit"},infoLabelStyle:{...de.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:ae.infoLabelMarginTop.valuePx(o),color:A.colors.hero},valueToAdditionalLabel:n=>ge(n),singleSelectPickerField:{name:u(i,Qr),placeholder:Z.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}}})})]})},Jr=l.div`
+`,{spendManagement:{chargeCard:{issueCard:K}}}=le.getLocalizedStrings(),ae={largeLabelWidth:new C(120,120,200),labelMarginRight:new C(d[3],d[4]),labelMarginBottom:new C(d[2],d[0]),infoLabelMarginTop:new C(d[1],d[0])},Hr={infoLabel:new be("smallRegular","smallRegular")},Wr="creditCard.virtualCard.amount",Gr="creditCard.virtualCard.cardName",Ze="creditCard.virtualCard.users",Qr="creditCard.virtualCard.frequency",Xr=({lineData:e,issueCardSectionId:i,cardHolderCandidates:t,limit:m,creditLimitFrequency:v,allRoles:f,allAccountingClasses:D,activeChargeCardCount:b,maxVirtualChargeCardPerUser:T})=>{const A=Te(),o=oe(),{getValues:S}=fe(),g=ae.largeLabelWidth.value(o),s=(n,x)=>r.jsx(Jr,{isOptionSelected:x,children:ge(n)}),q=e.creditCard.virtualCard.amount,B=Ie(m.amount),$=q!=null&&q>m.amount,V=$?K.amountExceedError.replace("_amount_",B):void 0,c=n=>{let x=b[n]?.virtualCardCount??0;return S().lineInfo.forEach(L=>{L.creditCard.cardType==="business_virtual_credit_card"&&L.creditCard.virtualCard.users.selectedUsers.forEach(I=>{I.userId===n&&(x+=1)})}),x>=T};return r.jsxs(r.Fragment,{children:[r.jsxs(ai,{windowSize:o,children:[r.jsx(me,{label:K.cardholdersLabel,htmlFor:u(i,Ze),style:{marginLeft:a.sp4,marginRight:ae.labelMarginRight.value(o),marginTop:a.sp2,width:g}}),r.jsxs(Kr,{windowSize:o,children:[r.jsx(ca,{hideEmailTooltip:!0,shouldHaveBackgroundColor:!1,showBackgroundColorIfHasAnySelectedOption:!1,placeholderLabel:K.usersPlaceholder,name:u(i,Ze),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(I=>I.userId===n),L=[];return x!=null&&(L.push(r.jsx(pa,{roles:x.userRoles})),x.accountingClassIDs.forEach(I=>{const R=D.find(j=>j.classId===I);R!=null&&R.className&&L.push(R.className)})),L},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,...de.standardRegular.cssObject,height:a.sp4,position:e.creditCard.virtualCard.users.selectedUsers.length===0||o==="small"&&x.menuIsOpen===!1?"absolute":"unset",left:a.sp0,">input":{...de.smallBold.cssObject,height:"100%",cursor:"pointer"}})}}),r.jsx(Yr,{size:o,children:K.additionalInfoVirtual})]})]}),r.jsx(Ue,{}),r.jsx(Ae,{label:{label:K.cardNameLabel,width:g},style:{width:"auto",paddingLeft:ae.labelMarginBottom.value(o)},text:{type:"text",name:u(i,Gr),defaultValue:e.creditCard.virtualCard.cardName,placeholder:K.cardNamePlaceholder,options:{required:!0,validate:n=>n!=null}}}),r.jsx(Ue,{}),r.jsx(Oe,{label:{label:K.amountLabel,width:g},showAdditionalInfoLabel:$,additionalInfoLabel:V,formattedTextField:{type:"number",name:u(i,Wr),defaultValue:e.creditCard.virtualCard.amount,placeholder:K.amountPlaceholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:n=>!!n&&n>0&&n<=m.amount},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto",paddingLeft:ae.labelMarginBottom.value(o)},isFieldError:$}),r.jsx(Ue,{}),r.jsx(Zr,{size:o,children:r.jsx(ei,{isDisabled:"readonly",label:{label:K.frequencyLabel,width:g,style:{marginLeft:a.sp0,marginBottom:ae.labelMarginBottom.valuePx(o),marginRight:ae.labelMarginRight.valuePx(o)}},style:{width:"100%",padding:a.sp0,display:o==="small"?"flex":"inherit"},infoLabelStyle:{...de.smallRegular.cssObject,textAlign:"right",paddingRight:a.sp3,marginTop:ae.infoLabelMarginTop.valuePx(o),color:A.colors.hero},valueToAdditionalLabel:n=>ge(n),singleSelectPickerField:{name:u(i,Qr),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}}})})]})},Zr=l.div`
   display: flex;
   flex-direction: row;
   padding: ${a.sp2};
@@ -267,7 +267,7 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
   }
-`,Kr=l(Oe)`
+`,Jr=l(_e)`
   color: ${e=>e.isOptionSelected?e.theme.colors.primary:e.theme.colors.grey1};
 `,Yr=l.label`
   color: ${e=>e.theme.colors.hero};
@@ -282,7 +282,7 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,Zr=l.div`
+`,Kr=l.div`
   flex-grow: 1;
   display: flex;
   flex-direction: column;
@@ -326,12 +326,12 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
       background-color: ${e=>e.theme.colors.background};
     }
   }
-`,X={containerPaddingBottom:new C(d[3],d[4]),sectionTitleContainerPadding:new C(d[2],d[3]),largeLabelWidth:new C(120,120,200),labelPaddingLeft:new C(d[3],d[4]),radioLabelPaddingLeft:new C(d[4],d[4]),radioLabelPaddingRight:new C(d[2],d[3]),labelPaddingRight:new C(d[4],d[4]),firstItemMarginTop:new C(d[4],d[2]),paddingLeft:new C(d[3],d[5])},{spendManagement:{chargeCard:{issueCard:W}}}=le.getLocalizedStrings(),ri=e=>{const{lineData:i,issueCardSectionId:t,cardHolderCandidates:m,userList:v,limit:f,creditLimitFrequency:D,allRoles:b,allAccountingClasses:T,hasMultipleLineItems:A,depositAccounts:o,isIssuePhysicalCardEnabled:S,isIssuePhysicalDebitCardEnabled:g,isDebitCardFeatureEnabled:s,isChargeCardFeatureEnabled:q,isChargeCardSetupEnabled:B,isDebitCardSetupEnabled:$,lineIndex:V,customAddress:c,userAddress:n,onRemoveIssueCardLine:x,companyAddress:L,maxPhysicalChargeCardPerUser:I,maxVirtualChargeCardPerUser:z,maxPhysicalDebitCardPerUser:j,maxVirtualDebitCardPerUser:_,cardsSectionRef:G,openAddAddressDrawerHandler:Y,clearTentativeNameForLine:p,activeChargeCardCount:h,activeDebitCardCount:U}=e,y=oe(),R=X.largeLabelWidth.value(y);return r.jsxs(di,{windowSize:y,ref:G,className:"cards-item",children:[A&&r.jsxs(si,{windowSize:y,children:[r.jsx(ni,{windowSize:y,children:`${W.card} ${V+1}`}),r.jsx(oi,{className:"deleteIconWrapper",windowSize:y,"data-testid":je("delete-icon",i.lineId),onClick:()=>{p?.(i.lineId??"1"),x(V)},children:r.jsx(Va,{enterDelay:600,title:W.deleteCard,placement:"left",children:r.jsx(ci,{})})})]}),r.jsxs(li,{showTopMargin:!A,windowSize:y,children:[s&&$&&q&&B?r.jsxs(r.Fragment,{children:[r.jsxs(ii,{children:[r.jsx(K,{isContainerClickable:!0,label:{label:W.creditCard},style:{padding:`${a.sp3} ${a.sp0}`,paddingLeft:X.labelPaddingLeft.value(y),borderTopLeftRadius:"inherit"},showOutline:!0,radioField:{name:u(t,"chargeCardType"),id:`${u(t,"chargeCardType")}.creditCard`,value:"credit_card",radioSize:"small"}}),r.jsx(ti,{}),r.jsx(K,{isContainerClickable:!0,label:{label:W.debitCard},style:{padding:`${a.sp3} ${a.sp0}`,paddingLeft:X.labelPaddingLeft.value(y),borderTopRightRadius:"inherit"},showOutline:!0,radioField:{name:u(t,"chargeCardType"),id:`${u(t,"chargeCardType")}.debitCard`,value:"debit_card",radioSize:"small"}})]}),r.jsx(Fe,{})]}):null,i.chargeCardType==="credit_card"?r.jsxs(r.Fragment,{children:[r.jsxs(Ye,{size:y,isDebitCardSetupEnabled:$,isDebitCardFeatureEnabled:s,children:[r.jsx(me,{label:W.type,htmlFor:u(t,"creditCard.cardType"),style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:X.radioLabelPaddingLeft.value(y),paddingRight:X.radioLabelPaddingRight.value(y),width:"fit-content"}}),r.jsxs(Ke,{labelWidth:R,children:[r.jsx(K,{label:{label:W.virtualCard},style:{width:"auto"},radioField:{name:u(t,"creditCard.cardType"),id:`${u(t,"creditCard.cardType")}.${W.virtualCard}`,value:"business_virtual_credit_card",style:{height:a.sp3,width:a.sp3,opacity:S?1:0},radioSize:"small"}}),S&&r.jsx(K,{label:{label:W.physicalCard},style:{width:"auto",paddingLeft:X.paddingLeft.valuePx(y)},radioField:{name:u(t,"creditCard.cardType"),id:`${u(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(tr,{lineData:i,issueCardSectionId:`${t}`,limit:f,creditLimitFrequency:D,companyAddress:L,openAddAddressDrawerHandler:Y,customAddress:c,userAddress:n,activeChargeCardCount:h,userList:v,allRoles:b,allAccountingClasses:T,maxPhysicalChargeCardPerUser:I}):r.jsx(Xr,{lineData:i,issueCardSectionId:`${t}`,cardHolderCandidates:m,limit:f,creditLimitFrequency:D,allRoles:b,allAccountingClasses:T,activeChargeCardCount:h,maxVirtualChargeCardPerUser:z})]}):null,i.chargeCardType==="debit_card"?r.jsxs(r.Fragment,{children:[r.jsxs(Ye,{size:y,isDebitCardSetupEnabled:$,isDebitCardFeatureEnabled:s,children:[r.jsx(me,{label:W.type,htmlFor:u(t,"debitCard.cardType"),style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:X.radioLabelPaddingLeft.value(y),paddingRight:X.radioLabelPaddingRight.value(y),width:"fit-content"}}),r.jsxs(Ke,{labelWidth:R,children:[r.jsx(K,{label:{label:W.virtualCard},style:{width:"auto"},radioField:{name:u(t,"debitCard.cardType"),id:`${u(t,"debitCard.cardType")}.${W.virtualCard}`,value:"business_virtual_debit_card",style:{height:a.sp3,width:a.sp3,opacity:g?1:0},radioSize:"small"}}),g&&r.jsx(K,{label:{label:W.physicalCard},style:{width:"auto",paddingLeft:X.paddingLeft.valuePx(y)},radioField:{name:u(t,"debitCard.cardType"),id:`${u(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:D,companyAddress:L,openAddAddressDrawerHandler:Y,customAddress:c,userAddress:n,depositAccounts:o,activeDebitCardCount:U,userList:v,allRoles:b,allAccountingClasses:T,maxPhysicalDebitCardPerUser:j}):r.jsx(fr,{lineData:i,issueCardSectionId:`${t}`,cardHolderCandidates:m,depositAccounts:o,creditLimitFrequency:D,allRoles:b,allAccountingClasses:T,activeDebitCardCount:U,maxVirtualDebitCardPerUser:_})]}):null]})]})},ii=l.div`
+`,X={containerPaddingBottom:new C(d[3],d[4]),sectionTitleContainerPadding:new C(d[2],d[3]),largeLabelWidth:new C(120,120,200),labelPaddingLeft:new C(d[3],d[4]),radioLabelPaddingLeft:new C(d[4],d[4]),radioLabelPaddingRight:new C(d[2],d[3]),labelPaddingRight:new C(d[4],d[4]),firstItemMarginTop:new C(d[4],d[2]),paddingLeft:new C(d[3],d[5])},{spendManagement:{chargeCard:{issueCard:W}}}=le.getLocalizedStrings(),ri=e=>{const{lineData:i,issueCardSectionId:t,cardHolderCandidates:m,userList:v,limit:f,creditLimitFrequency:D,allRoles:b,allAccountingClasses:T,hasMultipleLineItems:A,depositAccounts:o,isIssuePhysicalCardEnabled:S,isIssuePhysicalDebitCardEnabled:g,isDebitCardFeatureEnabled:s,isChargeCardFeatureEnabled:q,isChargeCardSetupEnabled:B,isDebitCardSetupEnabled:$,lineIndex:V,customAddress:c,userAddress:n,onRemoveIssueCardLine:x,companyAddress:L,maxPhysicalChargeCardPerUser:I,maxVirtualChargeCardPerUser:R,maxPhysicalDebitCardPerUser:j,maxVirtualDebitCardPerUser:O,cardsSectionRef:G,openAddAddressDrawerHandler:Y,clearTentativeNameForLine:p,activeChargeCardCount:h,activeDebitCardCount:U}=e,y=oe(),z=X.largeLabelWidth.value(y);return r.jsxs(di,{windowSize:y,ref:G,className:"cards-item",children:[A&&r.jsxs(si,{windowSize:y,children:[r.jsx(ni,{windowSize:y,children:`${W.card} ${V+1}`}),r.jsx(oi,{className:"deleteIconWrapper",windowSize:y,"data-testid":je("delete-icon",i.lineId),onClick:()=>{p?.(i.lineId??"1"),x(V)},children:r.jsx(Va,{enterDelay:600,title:W.deleteCard,placement:"left",children:r.jsx(ci,{})})})]}),r.jsxs(li,{showTopMargin:!A,windowSize:y,children:[s&&$&&q&&B?r.jsxs(r.Fragment,{children:[r.jsxs(ii,{children:[r.jsx(J,{isContainerClickable:!0,label:{label:W.creditCard},style:{padding:`${a.sp3} ${a.sp0}`,paddingLeft:X.labelPaddingLeft.value(y),borderTopLeftRadius:"inherit"},showOutline:!0,radioField:{name:u(t,"chargeCardType"),id:`${u(t,"chargeCardType")}.creditCard`,value:"credit_card",radioSize:"small"}}),r.jsx(ti,{}),r.jsx(J,{isContainerClickable:!0,label:{label:W.debitCard},style:{padding:`${a.sp3} ${a.sp0}`,paddingLeft:X.labelPaddingLeft.value(y),borderTopRightRadius:"inherit"},showOutline:!0,radioField:{name:u(t,"chargeCardType"),id:`${u(t,"chargeCardType")}.debitCard`,value:"debit_card",radioSize:"small"}})]}),r.jsx(Fe,{})]}):null,i.chargeCardType==="credit_card"?r.jsxs(r.Fragment,{children:[r.jsxs(Ye,{size:y,isDebitCardSetupEnabled:$,isDebitCardFeatureEnabled:s,children:[r.jsx(me,{label:W.type,htmlFor:u(t,"creditCard.cardType"),style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:X.radioLabelPaddingLeft.value(y),paddingRight:X.radioLabelPaddingRight.value(y),width:"fit-content"}}),r.jsxs(Je,{labelWidth:z,children:[r.jsx(J,{label:{label:W.virtualCard},style:{width:"auto"},radioField:{name:u(t,"creditCard.cardType"),id:`${u(t,"creditCard.cardType")}.${W.virtualCard}`,value:"business_virtual_credit_card",style:{height:a.sp3,width:a.sp3,opacity:S?1:0},radioSize:"small"}}),S&&r.jsx(J,{label:{label:W.physicalCard},style:{width:"auto",paddingLeft:X.paddingLeft.valuePx(y)},radioField:{name:u(t,"creditCard.cardType"),id:`${u(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(tr,{lineData:i,issueCardSectionId:`${t}`,limit:f,creditLimitFrequency:D,companyAddress:L,openAddAddressDrawerHandler:Y,customAddress:c,userAddress:n,activeChargeCardCount:h,userList:v,allRoles:b,allAccountingClasses:T,maxPhysicalChargeCardPerUser:I}):r.jsx(Xr,{lineData:i,issueCardSectionId:`${t}`,cardHolderCandidates:m,limit:f,creditLimitFrequency:D,allRoles:b,allAccountingClasses:T,activeChargeCardCount:h,maxVirtualChargeCardPerUser:R})]}):null,i.chargeCardType==="debit_card"?r.jsxs(r.Fragment,{children:[r.jsxs(Ye,{size:y,isDebitCardSetupEnabled:$,isDebitCardFeatureEnabled:s,children:[r.jsx(me,{label:W.type,htmlFor:u(t,"debitCard.cardType"),style:{padding:`${a.sp2} ${a.sp0}`,paddingLeft:X.radioLabelPaddingLeft.value(y),paddingRight:X.radioLabelPaddingRight.value(y),width:"fit-content"}}),r.jsxs(Je,{labelWidth:z,children:[r.jsx(J,{label:{label:W.virtualCard},style:{width:"auto"},radioField:{name:u(t,"debitCard.cardType"),id:`${u(t,"debitCard.cardType")}.${W.virtualCard}`,value:"business_virtual_debit_card",style:{height:a.sp3,width:a.sp3,opacity:g?1:0},radioSize:"small"}}),g&&r.jsx(J,{label:{label:W.physicalCard},style:{width:"auto",paddingLeft:X.paddingLeft.valuePx(y)},radioField:{name:u(t,"debitCard.cardType"),id:`${u(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:D,companyAddress:L,openAddAddressDrawerHandler:Y,customAddress:c,userAddress:n,depositAccounts:o,activeDebitCardCount:U,userList:v,allRoles:b,allAccountingClasses:T,maxPhysicalDebitCardPerUser:j}):r.jsx(fr,{lineData:i,issueCardSectionId:`${t}`,cardHolderCandidates:m,depositAccounts:o,creditLimitFrequency:D,allRoles:b,allAccountingClasses:T,activeDebitCardCount:U,maxVirtualDebitCardPerUser:O})]}):null]})]})},ii=l.div`
   display: flex;
   flex-direction: row;
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
-`,Ke=l.div`
+`,Je=l.div`
   display: flex;
   flex-direction: row;
   width: ${e=>`calc(100% - ${e.labelWidth}px)`};
@@ -407,7 +407,7 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
   width: ${a.sp3};
   height: ${a.sp3};
   cursor: pointer;
-`,Le={addCardButtonMarginBottom:new C(d[3],d[4]),addCardButtonMarginTop:new C(d[2],d[0]),addCardButtonPaddingTopBottom:new C(d[2],d[2]),addCardButtonPaddingLeftRight:new C(d[3],d[4])},ui={title:new be("standardMedium","standardMedium")},pi=({issueChargeCards:e,issueCardSectionId:i,cardHolderCandidates:t,userList:m,limit:v,creditLimitFrequency:f,allRoles:D,allAccountingClasses:b,isIssuePhysicalCardEnabled:T,isIssuePhysicalDebitCardEnabled:A,isDebitCardFeatureEnabled:o,isChargeCardFeatureEnabled:S,isChargeCardSetupEnabled:g,isDebitCardSetupEnabled:s,defaultCardType:q,getInitialLineFormData:B,clearTentativeNameForLine:$,companyAddress:V,containerRef:c,cardsSectionRef:n,openAddAddressDrawerHandler:x})=>{const{control:L,watch:I,setValue:z}=fe(),{fields:j}=Ba({name:i,control:L}),_=I(i,j),G=Math.max(...Object.keys(e.localData??{}).map(y=>Number(y)),0),Y=()=>{const y=_[_.length-1],R=B(_.length,Number(y.lineId)>G?String(Number(y.lineId)+1):String(G+1),t,f,m,e.depositAccounts,S,o,g,s,V,q);z(i,[..._,R]),setTimeout(()=>{Ha(n.current,c.current)},50)},p=y=>{z(i,_.filter((R,J)=>J!==y))},h=oe(),{spendManagement:{chargeCard:{issueCard:U}}}=le.getLocalizedStrings();return r.jsxs(hi,{ref:c,children:[_.map((y,R)=>r.jsx(ri,{lineIndex:R,lineData:y,issueCardSectionId:`${i}.${R}`,cardHolderCandidates:t,userList:m,limit:v,creditLimitFrequency:f,allRoles:D,allAccountingClasses:b,hasMultipleLineItems:_.length>1,clearTentativeNameForLine:$,onRemoveIssueCardLine:p,companyAddress:V,cardsSectionRef:n,openAddAddressDrawerHandler:x,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:T,isIssuePhysicalDebitCardEnabled:A,isDebitCardFeatureEnabled:o,isChargeCardFeatureEnabled:S,isChargeCardSetupEnabled:g,isDebitCardSetupEnabled:s},R)),r.jsxs(mi,{windowSize:h,onClick:()=>{Y()},"data-testid":je("add-card-button"),children:[r.jsx(bi,{}),r.jsx(gi,{windowSize:h,children:U.addCard})]})]})},hi=l.div`
+`,Le={addCardButtonMarginBottom:new C(d[3],d[4]),addCardButtonMarginTop:new C(d[2],d[0]),addCardButtonPaddingTopBottom:new C(d[2],d[2]),addCardButtonPaddingLeftRight:new C(d[3],d[4])},ui={title:new be("standardMedium","standardMedium")},pi=({issueChargeCards:e,issueCardSectionId:i,cardHolderCandidates:t,userList:m,limit:v,creditLimitFrequency:f,allRoles:D,allAccountingClasses:b,isIssuePhysicalCardEnabled:T,isIssuePhysicalDebitCardEnabled:A,isDebitCardFeatureEnabled:o,isChargeCardFeatureEnabled:S,isChargeCardSetupEnabled:g,isDebitCardSetupEnabled:s,defaultCardType:q,getInitialLineFormData:B,clearTentativeNameForLine:$,companyAddress:V,containerRef:c,cardsSectionRef:n,openAddAddressDrawerHandler:x})=>{const{control:L,watch:I,setValue:R}=fe(),{fields:j}=Ba({name:i,control:L}),O=I(i,j),G=Math.max(...Object.keys(e.localData??{}).map(y=>Number(y)),0),Y=()=>{const y=O[O.length-1],z=B(O.length,Number(y.lineId)>G?String(Number(y.lineId)+1):String(G+1),t,f,m,e.depositAccounts,S,o,g,s,V,q);R(i,[...O,z]),setTimeout(()=>{Ha(n.current,c.current)},50)},p=y=>{R(i,O.filter((z,Z)=>Z!==y))},h=oe(),{spendManagement:{chargeCard:{issueCard:U}}}=le.getLocalizedStrings();return r.jsxs(hi,{ref:c,children:[O.map((y,z)=>r.jsx(ri,{lineIndex:z,lineData:y,issueCardSectionId:`${i}.${z}`,cardHolderCandidates:t,userList:m,limit:v,creditLimitFrequency:f,allRoles:D,allAccountingClasses:b,hasMultipleLineItems:O.length>1,clearTentativeNameForLine:$,onRemoveIssueCardLine:p,companyAddress:V,cardsSectionRef:n,openAddAddressDrawerHandler:x,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:T,isIssuePhysicalDebitCardEnabled:A,isDebitCardFeatureEnabled:o,isChargeCardFeatureEnabled:S,isChargeCardSetupEnabled:g,isDebitCardSetupEnabled:s},z)),r.jsxs(mi,{windowSize:h,onClick:()=>{Y()},"data-testid":je("add-card-button"),children:[r.jsx(bi,{}),r.jsx(gi,{windowSize:h,children:U.addCard})]})]})},hi=l.div`
   display: flex;
   flex-direction: column;
 `,mi=l.div`
@@ -433,7 +433,7 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
   margin-right: ${a.sp2};
   width: ${a.sp3};
   height: ${a.sp3};
-`,Ci="user",Ze="addressType",ea="physicalCard",aa="virtualCard",ma="lineInfo",ra="issueCardDetailPage",yi=100,ia=e=>`${e}_form`,{common:re,spendManagement:{chargeCard:{issueCard:Se}}}=le.getLocalizedStrings(),ga=e=>e!=null?{amount:e,currencyCode:re.currency.currencyCode,currencySymbol:re.currency.currencySymbol}:void 0,da=(e,i=!1)=>{const t={userIds:e.users.selectedUsers.map(m=>m.userId),cardName:e.cardName,amount:ga(e.amount),frequency:e.frequency.selectedOption};return i?{...t,connectedAccountId:e.connectedAccount.selectedOption}:t},la=(e,i=!1)=>{const t={userId:e.user.selectedUser,cardName:e.cardName,amount:ga(e.amount),frequency:e.frequency.selectedOption,addressType:e.addressType,addressId:e.addressId};return i?{...t,connectedAccountId:e.connectedAccount.selectedOption}:t},ne={containerPaddingLeft:new C(d[4],d[6],d[8]),containerPaddingRight:new C(d[4],d[6],d[8]),navbarHeight:new C(44,d[9]),closeIconMarginRight:new C(d[4],d[8]),rightSectionWidth:new C(d[12],58),footerTopPadding:new C(d[3],10)},fi={title:new be("standardMedium","largeSemiBold")},Ji=({issueChargeCards:e,cardHolderCandidates:i,userList:t,companyName:m,allRoles:v,allAccountingClasses:f,isIssuePhysicalCardEnabled:D,isIssuePhysicalDebitCardEnabled:b,isDebitCardFeatureEnabled:T,isChargeCardFeatureEnabled:A,isDebitCardSetupEnabled:o,isChargeCardSetupEnabled:S,signedInUser:g,defaultCardType:s,onSaveChangesToLocalStore:q,onIssueCardClick:B,onDismissClick:$,resetCustomAddressByLineID:V,handleZeniLogoClick:c,openAddAddressDrawerHandler:n,clearTentativeNameForLine:x})=>{const{chargeCardConfig:{creditLimitFrequency:L},creditAccount:{limit:I},companyAddress:z}=e,j=oe(),_=E.useRef(null),G=E.useRef(null),[Y,p]=E.useState(!0),[h,U]=E.useState(!0),y=E.useRef(null),R=E.useRef(null),[J,De]=E.useState(0),[Re,ya]=E.useState(0),[ve,fa]=E.useState(0),[xa,va]=E.useState(0),[wa,$a]=E.useState(e.localData);E.useEffect(()=>{const w=new IntersectionObserver(H=>{H.forEach(ce=>{ce.target===_.current&&p(ce.isIntersecting),ce.target===G.current&&U(ce.isIntersecting)})},{threshold:.1}),P=_.current,O=G.current;return P&&w.observe(P),O&&w.observe(O),()=>{P&&w.unobserve(P),O&&w.unobserve(O)}},[]);const Ce=_a({mode:"all",reValidateMode:"onChange",defaultValues:E.useMemo(()=>sa(e.localData,i,L,t,e.depositAccounts,A,T,S,o,z,s),[e,i,L,t,A,T,S,o,z,s]),values:E.useMemo(()=>sa(e.localData,i,L,t,e.depositAccounts,A,T,S,o,z,s),[e.localData,e.depositAccounts,i,L,t,A,T,S,o,z,s])}),{isValid:La}=Ce.formState,Ne=w=>w.map(P=>({lineId:P.lineId,chargeCardType:P.chargeCardType,creditCard:{cardType:P.creditCard.cardType,virtualCard:da(P.creditCard[aa]),physicalCard:la(P.creditCard[ea])},debitCard:{cardType:P.debitCard.cardType,virtualCard:da(P.debitCard[aa],!0),physicalCard:la(P.debitCard[ea],!0)}})),Sa=async(w,P)=>{if(w!=null){const{lineInfo:O}=P,H=Number(w.split(".")[1]);if(w.includes("cardName")||w.includes("amount"))return;if(w.includes("physicalCard.user")){const ue=ke(w.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&&V(pe,ue)}if(w.includes("physicalCard.addressType")){const ue=ke(w.split(".")[2]),pe=O[H][ue].physicalCard;if(pe[Ze]==="card_holder_personal_address"){const Me=pe[Ci].selectedUser;if(Me!=null){const Aa=e.userAddress[Me];O[H][ue].physicalCard.addressId=Aa.addressId}}else pe[Ze]==="company_address"&&(O[H][ue].physicalCard.addressId=z?.addressId)}const ce=Ne(O);q(ce)}};E.useEffect(()=>{const w=Ce.watch((P,{name:O})=>{O!=null&&P!=null&&Oa(()=>Sa(O,P))});return()=>{w.unsubscribe()}});const ja=Ce.handleSubmit(()=>{if(La){const{lineInfo:w}=Ce.getValues(),P=Ne(w);q(P),B()}}),Pa=e.issueCardStatus.error?.message??re.strings.empty,Ta=e.issueCardStatus.error?.title??re.strings.empty,ze=E.useCallback(()=>{De(R.current?.scrollTop??0),Math.abs(J-Re)>yi&&ya(J),document.querySelectorAll(".cards-item").forEach((w,P)=>{const O=w.getBoundingClientRect();O.top>=0&&O.bottom<=window.innerHeight&&fa(P),O.top<window.innerHeight&&O.bottom>0&&va(P)})},[J,Re]);E.useEffect(()=>{const w=R.current;return w?.addEventListener("scroll",ze),()=>{w?.removeEventListener("scroll",ze)}},[ze,R]);const qe=e.localData;E.useEffect(()=>{if(ve!==null){const w=Math.max(0,ve-2),P=ve+1,O=qe.slice(w,P);$a(O)}},[ve,xa,qe]);const Ia=((w,P,O)=>w.length===0?[{cardId:"1",cardType:Ca(A,P,S,o,O)==="debit_card"?"business_virtual_debit_card":"business_virtual_credit_card",cardUUID:"1",limit:{amount:0,currencyCode:re.currency.currencyCode,currencySymbol:re.currency.currencySymbol}}]:w.map(H=>({cardId:H.lineId,cardType:H.chargeCardType==="credit_card"?H.creditCard.cardType:H.debitCard.cardType,cardUUID:H.lineId,limit:{amount:0,currencyCode:re.currency.currencyCode,currencySymbol:re.currency.currencySymbol}})))(wa,T,s),Ee=!(Y&&h)||j==="small";return r.jsxs($i,{windowSize:j,children:[j!=="small"?r.jsxs(vi,{children:[r.jsxs(_i,{children:[r.jsx(Oi,{onClick:c,"data-testid":je("issue-card-nav-bar-zeni-logo")}),r.jsxs(Di,{showContent:g?.userEmailDomain==="zeni.ai",children:[r.jsx(Ri,{}),r.jsx(zi,{children:m})]})]}),r.jsx(Da,{cardArrProp:Ia,insertFromTop:J<Re,containerScale:1.2})]}):null,r.jsxs(wi,{windowSize:j,children:[r.jsxs(Si,{windowSize:j,shouldShowTitle:Ee,children:[Ee&&r.jsx(Li,{windowSize:j,children:Se.title}),r.jsx(ji,{windowSize:j,onClick:$,"data-testid":je("issue-card-nav-bar-close")})]}),r.jsxs(xi,{windowSize:j,ref:R,children:[j!=="small"?r.jsx(Pi,{ref:_,children:Se.title}):null,e.issueCardStatus.fetchState==="Error"?r.jsxs(Ti,{children:[r.jsx(Ai,{}),r.jsxs(Ii,{children:[r.jsx(ta,{style:{fontWeight:Ra.medium},children:Ta}),r.jsx(ta,{children:Pa})]})]}):null,r.jsx(za,{...Ce,children:r.jsx("form",{id:ia(ra),onSubmit:ja,children:r.jsx(pi,{issueChargeCards:e,issueCardSectionId:ma,cardHolderCandidates:i,userList:t,limit:I,creditLimitFrequency:L,allRoles:v,allAccountingClasses:f,getInitialLineFormData:ba,clearTentativeNameForLine:x,companyAddress:z,containerRef:R,cardsSectionRef:y,openAddAddressDrawerHandler:n,isIssuePhysicalCardEnabled:D,isIssuePhysicalDebitCardEnabled:b,isDebitCardFeatureEnabled:T,isChargeCardFeatureEnabled:A,isChargeCardSetupEnabled:S,isDebitCardSetupEnabled:o,defaultCardType:s})})})]}),r.jsx(Ua,{style:{zIndex:1,padding:ne.footerTopPadding.valuePx(j)},formId:ia(ra),helperStyle:{paddingTop:a.sp0,paddingBottom:a.sp0},primaryBtn:{label:Se.primaryBtnText,isLoading:e.issueCardStatus.fetchState==="In-Progress",style:{minWidth:110}},cancelBtn:{label:Se.secondaryBtnText,onClick:$,style:{minWidth:110}},separatorStyle:{marginRight:a.sp4}})]})]})},xi=l.div`
+`,Ci="user",Ke="addressType",ea="physicalCard",aa="virtualCard",ma="lineInfo",ra="issueCardDetailPage",yi=100,ia=e=>`${e}_form`,{common:re,spendManagement:{chargeCard:{issueCard:Se}}}=le.getLocalizedStrings(),ga=e=>e!=null?{amount:e,currencyCode:re.currency.currencyCode,currencySymbol:re.currency.currencySymbol}:void 0,da=(e,i=!1)=>{const t={userIds:e.users.selectedUsers.map(m=>m.userId),cardName:e.cardName,amount:ga(e.amount),frequency:e.frequency.selectedOption};return i?{...t,connectedAccountId:e.connectedAccount.selectedOption}:t},la=(e,i=!1)=>{const t={userId:e.user.selectedUser,cardName:e.cardName,amount:ga(e.amount),frequency:e.frequency.selectedOption,addressType:e.addressType,addressId:e.addressId};return i?{...t,connectedAccountId:e.connectedAccount.selectedOption}:t},ne={containerPaddingLeft:new C(d[4],d[6],d[8]),containerPaddingRight:new C(d[4],d[6],d[8]),navbarHeight:new C(44,d[9]),closeIconMarginRight:new C(d[4],d[8]),rightSectionWidth:new C(d[12],58),footerTopPadding:new C(d[3],10)},fi={title:new be("standardMedium","largeSemiBold")},Zi=({issueChargeCards:e,cardHolderCandidates:i,userList:t,companyName:m,allRoles:v,allAccountingClasses:f,isIssuePhysicalCardEnabled:D,isIssuePhysicalDebitCardEnabled:b,isDebitCardFeatureEnabled:T,isChargeCardFeatureEnabled:A,isDebitCardSetupEnabled:o,isChargeCardSetupEnabled:S,signedInUser:g,defaultCardType:s,onSaveChangesToLocalStore:q,onIssueCardClick:B,onDismissClick:$,resetCustomAddressByLineID:V,handleZeniLogoClick:c,openAddAddressDrawerHandler:n,clearTentativeNameForLine:x})=>{const{chargeCardConfig:{creditLimitFrequency:L},creditAccount:{limit:I},companyAddress:R}=e,j=oe(),O=E.useRef(null),G=E.useRef(null),[Y,p]=E.useState(!0),[h,U]=E.useState(!0),y=E.useRef(null),z=E.useRef(null),[Z,De]=E.useState(0),[ze,ya]=E.useState(0),[ve,fa]=E.useState(0),[xa,va]=E.useState(0),[wa,$a]=E.useState(e.localData);E.useEffect(()=>{const w=new IntersectionObserver(H=>{H.forEach(ce=>{ce.target===O.current&&p(ce.isIntersecting),ce.target===G.current&&U(ce.isIntersecting)})},{threshold:.1}),P=O.current,_=G.current;return P&&w.observe(P),_&&w.observe(_),()=>{P&&w.unobserve(P),_&&w.unobserve(_)}},[]);const Ce=Oa({mode:"all",reValidateMode:"onChange",defaultValues:E.useMemo(()=>sa(e.localData,i,L,t,e.depositAccounts,A,T,S,o,R,s),[e,i,L,t,A,T,S,o,R,s]),values:E.useMemo(()=>sa(e.localData,i,L,t,e.depositAccounts,A,T,S,o,R,s),[e.localData,e.depositAccounts,i,L,t,A,T,S,o,R,s])}),{isValid:La}=Ce.formState,Ne=w=>w.map(P=>({lineId:P.lineId,chargeCardType:P.chargeCardType,creditCard:{cardType:P.creditCard.cardType,virtualCard:da(P.creditCard[aa]),physicalCard:la(P.creditCard[ea])},debitCard:{cardType:P.debitCard.cardType,virtualCard:da(P.debitCard[aa],!0),physicalCard:la(P.debitCard[ea],!0)}})),Sa=async(w,P)=>{if(w!=null){const{lineInfo:_}=P,H=Number(w.split(".")[1]);if(w.includes("cardName")||w.includes("amount"))return;if(w.includes("physicalCard.user")){const ue=ke(w.split(".")[2]);_[H][ue].physicalCard.addressType=void 0,_[H].creditCard.physicalCard.addressId=void 0;const pe=_[H].lineId;e.customAddress[pe]?.addressId!=null&&V(pe,ue)}if(w.includes("physicalCard.addressType")){const ue=ke(w.split(".")[2]),pe=_[H][ue].physicalCard;if(pe[Ke]==="card_holder_personal_address"){const Me=pe[Ci].selectedUser;if(Me!=null){const Aa=e.userAddress[Me];_[H][ue].physicalCard.addressId=Aa.addressId}}else pe[Ke]==="company_address"&&(_[H][ue].physicalCard.addressId=R?.addressId)}const ce=Ne(_);q(ce)}};E.useEffect(()=>{const w=Ce.watch((P,{name:_})=>{_!=null&&P!=null&&_a(()=>Sa(_,P))});return()=>{w.unsubscribe()}});const ja=Ce.handleSubmit(()=>{if(La){const{lineInfo:w}=Ce.getValues(),P=Ne(w);q(P),B()}}),Pa=e.issueCardStatus.error?.message??re.strings.empty,Ta=e.issueCardStatus.error?.title??re.strings.empty,Re=E.useCallback(()=>{De(z.current?.scrollTop??0),Math.abs(Z-ze)>yi&&ya(Z),document.querySelectorAll(".cards-item").forEach((w,P)=>{const _=w.getBoundingClientRect();_.top>=0&&_.bottom<=window.innerHeight&&fa(P),_.top<window.innerHeight&&_.bottom>0&&va(P)})},[Z,ze]);E.useEffect(()=>{const w=z.current;return w?.addEventListener("scroll",Re),()=>{w?.removeEventListener("scroll",Re)}},[Re,z]);const qe=e.localData;E.useEffect(()=>{if(ve!==null){const w=Math.max(0,ve-2),P=ve+1,_=qe.slice(w,P);$a(_)}},[ve,xa,qe]);const Ia=((w,P,_)=>w.length===0?[{cardId:"1",cardType:Ca(A,P,S,o,_)==="debit_card"?"business_virtual_debit_card":"business_virtual_credit_card",cardUUID:"1",limit:{amount:0,currencyCode:re.currency.currencyCode,currencySymbol:re.currency.currencySymbol}}]:w.map(H=>({cardId:H.lineId,cardType:H.chargeCardType==="credit_card"?H.creditCard.cardType:H.debitCard.cardType,cardUUID:H.lineId,limit:{amount:0,currencyCode:re.currency.currencyCode,currencySymbol:re.currency.currencySymbol}})))(wa,T,s),Ee=!(Y&&h)||j==="small";return r.jsxs($i,{windowSize:j,children:[j!=="small"?r.jsxs(vi,{children:[r.jsxs(Oi,{children:[r.jsx(_i,{onClick:c,"data-testid":je("issue-card-nav-bar-zeni-logo")}),r.jsxs(Di,{showContent:g?.userEmailDomain==="zeni.ai",children:[r.jsx(zi,{}),r.jsx(Ri,{children:m})]})]}),r.jsx(Da,{cardArrProp:Ia,insertFromTop:Z<ze,containerScale:1.2})]}):null,r.jsxs(wi,{windowSize:j,children:[r.jsxs(Si,{windowSize:j,shouldShowTitle:Ee,children:[Ee&&r.jsx(Li,{windowSize:j,children:Se.title}),r.jsx(ji,{windowSize:j,onClick:$,"data-testid":je("issue-card-nav-bar-close")})]}),r.jsxs(xi,{windowSize:j,ref:z,children:[j!=="small"?r.jsx(Pi,{ref:O,children:Se.title}):null,e.issueCardStatus.fetchState==="Error"?r.jsxs(Ti,{children:[r.jsx(Ai,{}),r.jsxs(Ii,{children:[r.jsx(ta,{style:{fontWeight:za.medium},children:Ta}),r.jsx(ta,{children:Pa})]})]}):null,r.jsx(Ra,{...Ce,children:r.jsx("form",{id:ia(ra),onSubmit:ja,children:r.jsx(pi,{issueChargeCards:e,issueCardSectionId:ma,cardHolderCandidates:i,userList:t,limit:I,creditLimitFrequency:L,allRoles:v,allAccountingClasses:f,getInitialLineFormData:ba,clearTentativeNameForLine:x,companyAddress:R,containerRef:z,cardsSectionRef:y,openAddAddressDrawerHandler:n,isIssuePhysicalCardEnabled:D,isIssuePhysicalDebitCardEnabled:b,isDebitCardFeatureEnabled:T,isChargeCardFeatureEnabled:A,isChargeCardSetupEnabled:S,isDebitCardSetupEnabled:o,defaultCardType:s})})})]}),r.jsx(Ua,{style:{zIndex:1,padding:ne.footerTopPadding.valuePx(j)},formId:ia(ra),helperStyle:{paddingTop:a.sp0,paddingBottom:a.sp0},primaryBtn:{label:Se.primaryBtnText,isLoading:e.issueCardStatus.fetchState==="In-Progress",style:{minWidth:110}},cancelBtn:{label:Se.secondaryBtnText,onClick:$,style:{minWidth:110}},separatorStyle:{marginRight:a.sp4}})]})]})},xi=l.div`
   padding-left: ${e=>ne.containerPaddingLeft.valuePx(e.windowSize)};
   padding-right: ${e=>ne.containerPaddingRight.valuePx(e.windowSize)};
   height: 100%;
@@ -507,14 +507,14 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
   width: ${a.sp4};
   height: ${a.sp4};
   color: ${ie.brandColorGoldDark};
-`,_i=l.div`
+`,Oi=l.div`
   margin-bottom: ${a.sp3};
   margin-top: ${a.sp3};
   margin-left: ${a.sp8};
   position: relative;
   display: flex;
   align-items: center;
-`,Oi=l(Fa)`
+`,_i=l(Fa)`
   width: ${a.sp4};
   height: ${a.sp4};
   cursor: pointer;
@@ -522,11 +522,11 @@ import{J as oe,aa as _a,cH as Oa,V as r,aR as je,jr as Da,c1 as Ra,ad as za,aT a
 `,Di=l.div`
   display: ${e=>e.showContent?"flex":"none"};
   align-items: center;
-`,Ri=l.div`
+`,zi=l.div`
   width: 1px;
   height: ${a.sp3};
   margin: ${a.sp0} ${a.sp3};
   background-color: ${e=>e.theme.colors.hero};
-`,zi=l(Na)`
+`,Ri=l(Na)`
   color: ${e=>e.theme.colors.primary};
-`,Ui=(e,i,t,m,v,f,D)=>({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(b=>e.creditCard.virtualCard?.userIds.includes(b.userId)),allNonUsers:[],selectedNonUsers:[]},frequency:{allOptions:m.map(b=>({label:b.name,value:b.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:m.map(b=>({label:b.name,value:b.code})),selectedOption:e.creditCard.physicalCard?.frequency},addressType:e.creditCard.physicalCard?.addressType,addressId:e.creditCard.physicalCard?.addressId??D?.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(b=>e.debitCard.virtualCard?.userIds.includes(b.userId)),allNonUsers:[],selectedNonUsers:[]},connectedAccount:{allOptions:f.map(b=>({label:b.accountName,value:b.id})),selectedOption:e.debitCard.virtualCard.connectedAccountId},frequency:{allOptions:m.map(b=>({label:b.name,value:b.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(b=>({label:b.accountName,value:b.id})),selectedOption:e.debitCard.physicalCard.connectedAccountId},frequency:{allOptions:m.map(b=>({label:b.name,value:b.code})),selectedOption:e.debitCard.physicalCard?.frequency},addressType:e.debitCard.physicalCard?.addressType,addressId:e.debitCard.physicalCard?.addressId??D?.addressId}}}),ba=(e,i,t,m,v,f,D,b,T,A,o,S)=>({lineIndex:e,lineId:i,chargeCardType:Ca(D,b,T,A,S),creditCard:{cardType:"business_virtual_credit_card",physicalCard:{cardName:"",amount:void 0,user:{allUsers:v,selectedUser:void 0},frequency:{allOptions:m.map(g=>({label:g.name,value:g.code})),selectedOption:"monthly"},addressType:void 0,addressId:o?.addressId},virtualCard:{cardName:"",amount:void 0,users:{allUsers:t,selectedUsers:[],allNonUsers:[],selectedNonUsers:[]},frequency:{allOptions:m.map(g=>({label:g.name,value:g.code})),selectedOption:"monthly"}}},debitCard:{cardType:"business_virtual_debit_card",physicalCard:{cardName:"",amount:void 0,user:{allUsers:v,selectedUser:void 0},frequency:{allOptions:m.map(g=>({label:g.name,value:g.code})),selectedOption:"monthly"},addressType:void 0,addressId:o?.addressId,connectedAccount:{allOptions:f.map(g=>({label:g.accountName,value:g.id})),selectedOption:f.length===1?f[0].id:void 0}},virtualCard:{cardName:"",amount:void 0,users:{allUsers:t,selectedUsers:[],allNonUsers:[],selectedNonUsers:[]},frequency:{allOptions:m.map(g=>({label:g.name,value:g.code})),selectedOption:"monthly"},connectedAccount:{allOptions:f.map(g=>({label:g.accountName,value:g.id})),selectedOption:f.length===1?f[0].id:void 0}}}}),Ca=(e,i,t,m,v)=>{if(v!=null){if(i&&m&&v==="debitCard")return"debit_card";if(e&&t&&v==="creditCard")return"credit_card"}return i&&m&&(!e||!t)?"debit_card":"credit_card"},sa=(e,i,t,m,v,f,D,b,T,A,o)=>{const S=[];return Object.values(e).forEach((g,s)=>{g?.lineId!=null&&S.push(Ui(g,s,i,t,m,v,A))}),S.length===0&&S.push(ba(0,"1",i,t,m,v,f,D,b,T,A,o)),{[ma]:S}};export{Ji as default,ba as getInitialLineFormData,ia as uniqueFormName};
+`,Ui=(e,i,t,m,v,f,D)=>({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(b=>e.creditCard.virtualCard?.userIds.includes(b.userId)),allNonUsers:[],selectedNonUsers:[]},frequency:{allOptions:m.map(b=>({label:b.name,value:b.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:m.map(b=>({label:b.name,value:b.code})),selectedOption:e.creditCard.physicalCard?.frequency},addressType:e.creditCard.physicalCard?.addressType,addressId:e.creditCard.physicalCard?.addressId??D?.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(b=>e.debitCard.virtualCard?.userIds.includes(b.userId)),allNonUsers:[],selectedNonUsers:[]},connectedAccount:{allOptions:f.map(b=>({label:b.accountName,value:b.id})),selectedOption:e.debitCard.virtualCard.connectedAccountId},frequency:{allOptions:m.map(b=>({label:b.name,value:b.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(b=>({label:b.accountName,value:b.id})),selectedOption:e.debitCard.physicalCard.connectedAccountId},frequency:{allOptions:m.map(b=>({label:b.name,value:b.code})),selectedOption:e.debitCard.physicalCard?.frequency},addressType:e.debitCard.physicalCard?.addressType,addressId:e.debitCard.physicalCard?.addressId??D?.addressId}}}),ba=(e,i,t,m,v,f,D,b,T,A,o,S)=>({lineIndex:e,lineId:i,chargeCardType:Ca(D,b,T,A,S),creditCard:{cardType:"business_virtual_credit_card",physicalCard:{cardName:"",amount:void 0,user:{allUsers:v,selectedUser:void 0},frequency:{allOptions:m.map(g=>({label:g.name,value:g.code})),selectedOption:"monthly"},addressType:void 0,addressId:o?.addressId},virtualCard:{cardName:"",amount:void 0,users:{allUsers:t,selectedUsers:[],allNonUsers:[],selectedNonUsers:[]},frequency:{allOptions:m.map(g=>({label:g.name,value:g.code})),selectedOption:"monthly"}}},debitCard:{cardType:"business_virtual_debit_card",physicalCard:{cardName:"",amount:void 0,user:{allUsers:v,selectedUser:void 0},frequency:{allOptions:m.map(g=>({label:g.name,value:g.code})),selectedOption:"monthly"},addressType:void 0,addressId:o?.addressId,connectedAccount:{allOptions:f.map(g=>({label:g.accountName,value:g.id})),selectedOption:f.length===1?f[0].id:void 0}},virtualCard:{cardName:"",amount:void 0,users:{allUsers:t,selectedUsers:[],allNonUsers:[],selectedNonUsers:[]},frequency:{allOptions:m.map(g=>({label:g.name,value:g.code})),selectedOption:"monthly"},connectedAccount:{allOptions:f.map(g=>({label:g.accountName,value:g.id})),selectedOption:f.length===1?f[0].id:void 0}}}}),Ca=(e,i,t,m,v)=>{if(v!=null){if(i&&m&&v==="debitCard")return"debit_card";if(e&&t&&v==="creditCard")return"credit_card"}return i&&m&&(!e||!t)?"debit_card":"credit_card"},sa=(e,i,t,m,v,f,D,b,T,A,o)=>{const S=[];return Object.values(e).forEach((g,s)=>{g?.lineId!=null&&S.push(Ui(g,s,i,t,m,v,A))}),S.length===0&&S.push(ba(0,"1",i,t,m,v,f,D,b,T,A,o)),{[ma]:S}};export{Zi as default,ba as getInitialLineFormData,ia as uniqueFormName};

package/dist/assets/{LabeledAddressValue-Ma1WURjK-BbziAecd.js → LabeledAddressValue-DDrQcHIE-DMu0GW44.js}

@@ -1,4 +1,4 @@
-import{J as u,V as n,cQ as h,y as o,eZ as f,u as t,H as b}from"./index-DyBrELD_.js";import{n as r}from"./mui-D3hEqMLm.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="4eb3f250-fee4-40f9-8efb-cb8caa967d7c",e._sentryDebugIdIdentifier="sentry-dbid-4eb3f250-fee4-40f9-8efb-cb8caa967d7c")}catch{}})();const i={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 b("extraSmallRegular","smallRegular")};function $({isDisabled:e,label:a,additionalInfoLabel:d,addressValue:s,isOptional:g,style:p}){const l=u();return n.jsxs(y,{size:l,style:p,isDisabled:e!=null,children:[n.jsxs(x,{children:[n.jsx(h,{isOptional:g,isDisabled:e,label:a.label,style:{marginLeft:i.labelMarginLeft.value(l),marginRight:i.labelMarginRight.value(l),marginTop:i.labelMarginTop.value(l),width:a.width??"auto"}}),n.jsx(f,{...s,isDisabled:e,style:{minHeight:i.controlMinHeight.value(l),paddingTop:i.paddingTopBottom.valuePx(l),paddingBottom:i.paddingTopBottom.valuePx(l),maxWidth:a.width!=null?`calc(100% - ${a.width}px)`:"auto",display:"flex",flexGrow:1,...s.style}})]}),d?n.jsx(m,{size:l,children:d}):null]})}const m=r.label`
+import{e as p,V as n,cZ as u,x as o,f9 as h,u as t,N as b}from"./index-DMG72kst.js";import{n as r}from"./mui-PTGaeBGX.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="28ec1e24-a6f3-40b0-af59-1fdaf6fe769b",e._sentryDebugIdIdentifier="sentry-dbid-28ec1e24-a6f3-40b0-af59-1fdaf6fe769b")}catch{}})();const i={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 b("extraSmallRegular","smallRegular")};function $({isDisabled:e,label:a,additionalInfoLabel:d,addressValue:s,isOptional:g,style:f}){const l=p();return n.jsxs(y,{size:l,style:f,isDisabled:e!=null,children:[n.jsxs(x,{children:[n.jsx(u,{isOptional:g,isDisabled:e,label:a.label,style:{marginLeft:i.labelMarginLeft.value(l),marginRight:i.labelMarginRight.value(l),marginTop:i.labelMarginTop.value(l),width:a.width??"auto"}}),n.jsx(h,{...s,isDisabled:e,style:{minHeight:i.controlMinHeight.value(l),paddingTop:i.paddingTopBottom.valuePx(l),paddingBottom:i.paddingTopBottom.valuePx(l),maxWidth:a.width!=null?`calc(100% - ${a.width}px)`:"auto",display:"flex",flexGrow:1,...s.style}})]}),d?n.jsx(m,{size:l,children:d}):null]})}const m=r.label`
   color: ${e=>e.theme.colors.grey1};
   display: flex;
   flex-direction: row;

package/dist/assets/LabeledAddressValueField-BgWwd5Gw-DuJuz6B4.js

@@ -0,0 +1,45 @@
+import{e as x,cU as w,eJ as y,V as d,cZ as v,x as o,fc as $,ac as T,O as z,d as g,u as i,N as B}from"./index-DMG72kst.js";import{n as s}from"./mui-PTGaeBGX.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="c63c343e-5470-436b-ac43-91bdaaaae48a",e._sentryDebugIdIdentifier="sentry-dbid-c63c343e-5470-436b-ac43-91bdaaaae48a")}catch{}})();const a={width:new o(343,580,726),height:new o(i[6],i[6]),controlMinHeight:new o(i[4],i[4]),paddingTopBottom:new o(i[2],i[2]),marginRight:new o(i[2],i[2]),labelMarginLeft:new o(i[3],i[4]),labelMarginRight:new o(i[3],i[4]),labelMarginTop:new o(i[2],i[2])},D={infoLabel:new B("extraSmallRegular","smallRegular")},L=z.getLocalizedStrings();function H({isDisabled:e,label:l,addressValueField:r,additionalInfoLabel:h,showAdditionalInfoLabel:b=!1,style:p,hasHoverBorder:u,isOptional:c}){const t=x(),{formState:{errors:f}}=w(),n=y(f,r.name),m=n?h:L.commonSetUp.businessVerification.addressAdditionInfo;return d.jsxs(M,{size:t,style:p,isDisabled:e!=null,isError:n,hasHoverBorder:u??!0,"data-testid":T("labeled-address-value-field",r.name),children:[d.jsx(v,{isDisabled:e,isOptional:c,label:l.label,htmlFor:r.name,style:{marginLeft:a.labelMarginLeft.value(t),marginRight:a.labelMarginRight.value(t),marginTop:a.labelMarginTop.value(t),width:l.width??"auto"}}),d.jsxs(P,{labelWidth:l.width,children:[d.jsx($,{...r,isDisabled:e,style:{minHeight:a.controlMinHeight.value(t),paddingTop:a.paddingTopBottom.valuePx(t),paddingBottom:a.paddingTopBottom.valuePx(t),width:"-webkit-fill-available",display:"flex",flexGrow:1,...r.style}}),(b||n)&&d.jsx(I,{size:t,isError:n,children:m})]})]})}const M=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>a.width.valuePx(e.size)};
+  min-height: ${e=>a.height.valuePx(e.size)};
+  padding-right: ${e=>a.marginRight.valuePx(e.size)};
+  padding-top: ${e=>a.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>a.paddingTopBottom.valuePx(e.size)};
+
+  &:focus-within {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+  }
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+  &:hover {
+    z-index: 1;
+    outline: ${e=>e.hasHoverBorder?`1px solid ${e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary}`:"none"};
+    .address-value {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?g.importantLight:e.theme.colors.background};
+    }
+  }
+`,P=s.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,I=s.label`
+  display: flex;
+  color: ${e=>e.isError?g.important:e.theme.colors.grey1};
+  ${e=>`${D.infoLabel.style(e.size)}`};
+  padding-right: 12px;
+  text-align: right;
+`;export{H as C};

package/dist/assets/LabeledControlledCheckBoxField-CcPO1k23-Y5RGRfkw.js

@@ -0,0 +1,16 @@
+import{e as a,V as i,e_ as o,cZ as n,o as s,ac as r,x as c}from"./index-DMG72kst.js";import{c as b,n as y}from"./mui-PTGaeBGX.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="d81769a3-dc93-4690-ab80-2649a3ad610c",e._sentryDebugIdIdentifier="sentry-dbid-d81769a3-dc93-4690-ab80-2649a3ad610c")}catch{}})();const f={width:new c(343,580,726)};function u({label:e,checkBoxField:l,style:d}){const t=a();return i.jsxs(h,{size:t,style:d,isDisabled:l.isDisabled,"data-testid":r(l.name,"labeled-check-box-field"),isSelected:l.defaultChecked??!1,children:[i.jsx(o,{...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 h=y.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: ${e=>f.width.valuePx(e.size)};
+  min-height: ${s.sp4};
+
+  label {
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+    ${e=>e.isDisabled==="disabled"&&b`
+        color: ${e.theme.colors.grey2};
+      `};
+    cursor: ${e=>e.isDisabled==="disabled"?"not-allowed":"pointer"};
+    pointer-events: ${e=>e.isDisabled==="disabled"||e.isDisabled==="readonly"?"none":"initial"};
+  }
+`;export{u as x};

package/dist/assets/{LabeledCountryMultiSelectField-sj8p7Rne-BUdiOBjF.js → LabeledCountryMultiSelectField-BYYjzwUG-D382-i5G.js}

@@ -1,4 +1,4 @@
-import{J as E,cL as k,ex as S,V as o,cQ as V,y as u,p as g,o as l,u as s,d as C,eG as P,bJ as T,H as N,bK as p,eY as H,x as B,am as J,b as $,bI as G}from"./index-DyBrELD_.js";import{n as a}from"./mui-D3hEqMLm.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="c832589a-592b-41e9-99fe-e3b060e08ba3",e._sentryDebugIdIdentifier="sentry-dbid-c832589a-592b-41e9-99fe-e3b060e08ba3")}catch{}})();const Q=({name:e,registerOptions:r,defaultValue:t,isDisabled:n,style:h,placeholder:b})=>{const{control:f,formState:{errors:d}}=k(),w=C(),x=S(d,e??""),D=i=>({value:i.value,label:i.label}),_=i=>i.map(m=>D(m)),L=i=>{if(!(i==null||!i))return{value:i,label:t.allOptions.find(m=>m.value===i)?.label??i}},I=i=>i.map(m=>L(m)),F={container:i=>({...i,width:"100%",...h}),menu:i=>({...i,backgroundColor:w.colors.grey5,borderRadius:l.sp1,boxShadow:`${l.sp0} 2px ${l.sp2} ${w.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:10,width:"100%",margin:0}),menuList:i=>({...i,borderRadius:l.sp1})},M={hasError:x};return o.jsx(P,{name:e,control:f,defaultValue:t,rules:r,render:({field:{onChange:i,onBlur:m,value:y,ref:R}})=>o.jsx(T,{...M,ref:R,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:b,value:I(y.selectedOptions),options:_(y.allOptions),onChange:O=>{i({selectedOptions:O.map(z=>z?.value),allOptions:y.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"multi-select-field",onBlur:m,menuPlacement:"auto",maxMenuHeight:210,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:A,Option:ee,Input:Y,MultiValue:U,MultiValueLabel:W,MultiValueRemove:X,ValueContainer:K,DropdownIndicator:de,IndicatorSeparator:ce,Placeholder:q,ClearIndicator:Z},hideSelectedOptions:!1,styles:F,isDisabled:n!=null})})},A=e=>{const{menuIsOpen:r,isFocused:t,isDisabled:n,selectProps:h}=e,{value:b,hasError:f}=h;return o.jsx(oe,{menuIsOpen:r,isFocused:t,isDisabled:n,optionsLen:b.length,hasError:f,children:o.jsx(p.Control,{...e,className:"select-control",children:e.children})})},K=e=>{const{selectProps:r}=e,{value:t}=r;return o.jsxs(p.ValueContainer,{...e,className:"select-value-container",children:[e.children,o.jsx(le,{className:"selected-options",children:t.map(n=>n.label).join(", ")})]})},Y=e=>{const{selectProps:r}=e,{placeholder:t,value:n}=r;return o.jsx(p.Input,{...e,autoComplete:"new-password",placeholder:n.length===0?t:void 0,children:e.children})},U=e=>o.jsx(p.MultiValue,{...e,children:e.children}),W=e=>{const{data:r}=e;return o.jsx(p.MultiValueLabel,{...e,children:r.label})},X=e=>o.jsx(p.MultiValueRemove,{...e,children:o.jsx(v,{style:{marginTop:"2px"}})}),Z=e=>o.jsx(p.ClearIndicator,{...e,children:o.jsx(v,{})}),q=()=>null,ee=e=>{const{isSelected:r,isDisabled:t,isFocused:n}=e;return o.jsx(ie,{isFocused:n,isSelected:r,isDisabled:t,children:o.jsx(p.Option,{...e,className:"select-option",children:o.jsxs(re,{children:[o.jsx(H,{...e.value.length===2?{countryCode2:e.value}:{countryCode3:e.value}}),o.jsx(se,{children:o.jsx(te,{isSelected:r,isDisabled:t,children:e.label})}),r?o.jsxs(ne,{children:[o.jsx(ae,{className:"right-tick-icon"}),o.jsx(v,{className:"close-tick-icon"})]}):null]})})})},oe=a.div`
+import{e as O,cU as k,eJ as S,V as o,cZ as V,x as u,d as g,o as l,u as s,g as C,eS as P,bJ as N,N as T,bK as p,f8 as B,b as H,an as J,w as $,bI as A}from"./index-DMG72kst.js";import{n as a}from"./mui-PTGaeBGX.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="ff2555c3-f601-4a76-9f89-4168ace5d014",e._sentryDebugIdIdentifier="sentry-dbid-ff2555c3-f601-4a76-9f89-4168ace5d014")}catch{}})();const G=({name:e,registerOptions:r,defaultValue:t,isDisabled:n,style:h,placeholder:b})=>{const{control:f,formState:{errors:d}}=k(),w=C(),x=S(d,e??""),_=i=>({value:i.value,label:i.label}),D=i=>i.map(m=>_(m)),L=i=>{if(!(i==null||!i))return{value:i,label:t.allOptions.find(m=>m.value===i)?.label??i}},I=i=>i.map(m=>L(m)),M={container:i=>({...i,width:"100%",...h}),menu:i=>({...i,backgroundColor:w.colors.grey5,borderRadius:l.sp1,boxShadow:`${l.sp0} 2px ${l.sp2} ${w.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:10,width:"100%",margin:0}),menuList:i=>({...i,borderRadius:l.sp1})},F={hasError:x};return o.jsx(P,{name:e,control:f,defaultValue:t,rules:r,render:({field:{onChange:i,onBlur:m,value:y,ref:R}})=>o.jsx(N,{...F,ref:R,isMulti:!0,isSearchable:!0,isClearable:!0,controlShouldRenderValue:!0,placeholder:b,value:I(y.selectedOptions),options:D(y.allOptions),onChange:z=>{i({selectedOptions:z.map(E=>E?.value),allOptions:y.allOptions})},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"multi-select-field",onBlur:m,menuPlacement:"auto",maxMenuHeight:210,menuShouldScrollIntoView:!1,closeMenuOnSelect:!1,components:{Control:K,Option:ee,Input:U,MultiValue:Z,MultiValueLabel:W,MultiValueRemove:X,ValueContainer:Q,DropdownIndicator:de,IndicatorSeparator:ce,Placeholder:q,ClearIndicator:Y},hideSelectedOptions:!1,styles:M,isDisabled:n!=null})})},K=e=>{const{menuIsOpen:r,isFocused:t,isDisabled:n,selectProps:h}=e,{value:b,hasError:f}=h;return o.jsx(oe,{menuIsOpen:r,isFocused:t,isDisabled:n,optionsLen:b.length,hasError:f,children:o.jsx(p.Control,{...e,className:"select-control",children:e.children})})},Q=e=>{const{selectProps:r}=e,{value:t}=r;return o.jsxs(p.ValueContainer,{...e,className:"select-value-container",children:[e.children,o.jsx(le,{className:"selected-options",children:t.map(n=>n.label).join(", ")})]})},U=e=>{const{selectProps:r}=e,{placeholder:t,value:n}=r;return o.jsx(p.Input,{...e,autoComplete:"new-password",placeholder:n.length===0?t:void 0,children:e.children})},Z=e=>o.jsx(p.MultiValue,{...e,children:e.children}),W=e=>{const{data:r}=e;return o.jsx(p.MultiValueLabel,{...e,children:r.label})},X=e=>o.jsx(p.MultiValueRemove,{...e,children:o.jsx(v,{style:{marginTop:"2px"}})}),Y=e=>o.jsx(p.ClearIndicator,{...e,children:o.jsx(v,{})}),q=()=>null,ee=e=>{const{isSelected:r,isDisabled:t,isFocused:n}=e;return o.jsx(ie,{isFocused:n,isSelected:r,isDisabled:t,children:o.jsx(p.Option,{...e,className:"select-option",children:o.jsxs(re,{children:[o.jsx(B,{...e.value.length===2?{countryCode2:e.value}:{countryCode3:e.value}}),o.jsx(se,{children:o.jsx(te,{isSelected:r,isDisabled:t,children:e.label})}),r?o.jsxs(ne,{children:[o.jsx(ae,{className:"right-tick-icon"}),o.jsx(v,{className:"close-tick-icon"})]}):null]})})})},oe=a.div`
   width: 100%;
   background-color: ${e=>e.theme.colors.grey5};
   cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
@@ -169,16 +169,16 @@ import{J as E,cL as k,ex as S,V as o,cQ as V,y as u,p as g,o as l,u as s,d as C,
   align-items: center;
 `,ne=a.div`
   display: flex;
-`,ae=a(G)`
+`,ae=a(A)`
   width: 12px;
   height: 12px;
   margin-right: 2px;
   color: ${e=>e.theme.colors.primary};
-`,v=a(B)`
+`,v=a(H)`
   width: ${l.sp3};
   height: ${l.sp3};
   color: ${e=>e.theme.colors.primary};
-`,de=()=>null,ce=()=>null,c={width:new u(343,580,726),height:new u(s[6],s[6]),controlHeight:new u(s[6],s[6]),paddingTopBottom:new u(s[2],s[2]),marginRight:new u(s[2],s[2]),labelMarginLeft:new u(s[3],s[4]),labelMarginRight:new u(s[3],s[4]),labelMarginTop:new u(s[2],s[2])},ue={infoLabel:new N("extraSmallRegular","smallRegular")};function be({additionalInfoLabel:e,errorInfoLabel:r,isDisabled:t,label:n,multiSelectField:h,showAdditionalInfoOnError:b=!1,style:f}){const d=E(),{formState:{errors:w}}=k(),x=S(w,h.name);return o.jsxs(pe,{size:d,style:f,isDisabled:t!=null,isError:x,children:[o.jsx(V,{isDisabled:t,label:n.label,htmlFor:h.name,style:{marginLeft:c.labelMarginLeft.value(d),marginRight:c.labelMarginRight.value(d),marginTop:c.labelMarginTop.value(d),width:n.width??"auto"}}),o.jsxs(he,{children:[o.jsx(Q,{...h,isDisabled:t,style:{display:"flex",flexGrow:1,minHeight:c.controlHeight.value(d)}}),e!=null&&(b===!0||!x)?o.jsx(j,{windowSize:d,isError:!1,children:e}):null,x&&r!=null?o.jsx(j,{windowSize:d,isError:!0,children:r}):null]})]})}const pe=a.div`
+`,de=()=>null,ce=()=>null,c={width:new u(343,580,726),height:new u(s[6],s[6]),controlHeight:new u(s[6],s[6]),paddingTopBottom:new u(s[2],s[2]),marginRight:new u(s[2],s[2]),labelMarginLeft:new u(s[3],s[4]),labelMarginRight:new u(s[3],s[4]),labelMarginTop:new u(s[2],s[2])},ue={infoLabel:new T("extraSmallRegular","smallRegular")};function be({additionalInfoLabel:e,errorInfoLabel:r,isDisabled:t,label:n,multiSelectField:h,showAdditionalInfoOnError:b=!1,style:f}){const d=O(),{formState:{errors:w}}=k(),x=S(w,h.name);return o.jsxs(pe,{size:d,style:f,isDisabled:t!=null,isError:x,children:[o.jsx(V,{isDisabled:t,label:n.label,htmlFor:h.name,style:{marginLeft:c.labelMarginLeft.value(d),marginRight:c.labelMarginRight.value(d),marginTop:c.labelMarginTop.value(d),width:n.width??"auto"}}),o.jsxs(he,{children:[o.jsx(G,{...h,isDisabled:t,style:{display:"flex",flexGrow:1,minHeight:c.controlHeight.value(d)}}),e!=null&&(b===!0||!x)?o.jsx(j,{windowSize:d,isError:!1,children:e}):null,x&&r!=null?o.jsx(j,{windowSize:d,isError:!0,children:r}):null]})]})}const pe=a.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;

package/dist/assets/{LabeledCreatableSingleSelectField-DUTQh416-Cuz1-Arb.js → LabeledCreatableSingleSelectField-CISYMojq-xYhovxcY.js}

@@ -1,4 +1,4 @@
-import{J as W,cL as F,ex as R,V as t,cQ as B,y as x,aR as I,p as u,u as s,o as i,eG as G,H as Q,d as J,O as K,eW as X,M as q,dn as A,cv as U,bK as S,d1 as Y,dO as Z,b as k,bI as ee,x as le}from"./index-DyBrELD_.js";import{n as a}from"./mui-D3hEqMLm.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="e0e06de5-c17c-4dc6-8300-8f06bd05c39a",e._sentryDebugIdIdentifier="sentry-dbid-e0e06de5-c17c-4dc6-8300-8f06bd05c39a")}catch{}})();const te=({allValues:e,selectedValue:r,name:o,onSelectedValueChanged:n,isDisabled:d,placeholder:h,isOptionRemovable:w=!0,addIconInCreateLabel:b,getLabelForId:m,tagProperties:f,hasError:j,style:c})=>{const $=J(),y=Se(e,m),O=K.getLocalizedStrings().dropDowns,C=y.sort((l,p)=>l.label.localeCompare(p.label)),v=r!=null&&r?z(r,m):void 0,P={container:l=>({...l,width:"100%",...c}),menu:l=>({...l,backgroundColor:$.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${$.colors.dropShadowHover}`,border:`1px solid ${$.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(fe,{children:[t.jsx(me,{children:t.jsx(Y,{fill:"currentColor",height:i.sp3,width:i.sp3})}),t.jsx(xe,{children:`${O.createOption} "${l}"`})]}),M=l=>{const{menuIsOpen:p,isFocused:L,isDisabled:D,selectProps:H}=l,{value:N}=H;return t.jsx(se,{menuIsOpen:p,isFocused:L,isDisabled:D,selectedValue:N,hasError:j,"data-testid":I("creatable-single-select-control",o),children:t.jsx(S.Control,{...l,className:"select-control",children:l.children})})},T=l=>t.jsx(ye,{children:t.jsxs(S.SingleValue,{...l,children:[l.selectProps.menuIsOpen===!1&&f!=null&&f.isTagShownForOption(l.data.value)===!0&&t.jsx(we,{children:t.jsx($e,{style:f.style,children:f.tagName})}),l.children]})}),_=l=>{const{selectProps:p}=l,{placeholder:L,value:D}=p;return t.jsx(S.Input,{...l,autoComplete:"new-password",placeholder:D==null?L:void 0,"data-testid":I("creatable-single-select-input",o),children:l.children})};return t.jsx(X,{isMulti:!1,onCreateOption:l=>{const p=q(l);n(p)},onChange:l=>{w!==!1&&l?.value!=null&&v?.value===l.value?n(void 0):n(l?.value)},formatCreateLabel:l=>b===!0?E(l):`${O.otherOption} ${l}`,tabSelectsValue:!1,openMenuOnFocus:!0,"data-testid":I("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:_,SingleValue:T,ValueContainer:ie,DropdownIndicator:ve,IndicatorSeparator:Ie,ClearIndicator:je,Placeholder:oe,MenuList:re},hideSelectedOptions:!1,styles:P,options:C,isClearable:!0,isSearchable:!0,isDisabled:d!=null},A())},ie=e=>t.jsx(S.ValueContainer,{...e,className:"select-value-container",children:e.children}),re=e=>{const{options:r,children:o,maxHeight:n,getValue:d}=e,[h]=d(),w=r.indexOf(h)*40;return t.jsx(U,{height:o.length>7?n:o.length*40,width:"100%",itemCount:o.length,itemSize:()=>40,initialScrollOffset:w,children:({index:b,style:m})=>t.jsx(pe,{style:m,children:o[b]})})},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(S.Option,{...e,className:"select-option",children:t.jsxs(de,{"data-testid":I("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(be,{className:"close-tick-icon"})]}):null]})})})},se=a.div`
+import{e as W,cU as z,eJ as F,V as t,cZ as B,x,ac as I,d as u,u as s,o as i,eS as G,N as Z,g as J,O as K,f6 as Q,z as U,dx as X,cC as q,bK as S,da as A,dZ as Y,w as k,bI as ee,b as le}from"./index-DMG72kst.js";import{n as a}from"./mui-PTGaeBGX.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="12bc534d-1409-49b1-9066-af7f36849edc",e._sentryDebugIdIdentifier="sentry-dbid-12bc534d-1409-49b1-9066-af7f36849edc")}catch{}})();const te=({allValues:e,selectedValue:r,name:o,onSelectedValueChanged:n,isDisabled:d,placeholder:p,isOptionRemovable:w=!0,addIconInCreateLabel:b,getLabelForId:m,tagProperties:f,hasError:j,style:c})=>{const $=J(),y=Se(e,m),C=K.getLocalizedStrings().dropDowns,O=y.sort((l,h)=>l.label.localeCompare(h.label)),v=r!=null&&r?R(r,m):void 0,E={container:l=>({...l,width:"100%",...c}),menu:l=>({...l,backgroundColor:$.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${$.colors.dropShadowHover}`,border:`1px solid ${$.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:h})=>({...l,":after":{width:h.inputValue.length>0?i.sp0:"unset"}})},P=l=>t.jsxs(fe,{children:[t.jsx(me,{children:t.jsx(A,{fill:"currentColor",height:i.sp3,width:i.sp3})}),t.jsx(xe,{children:`${C.createOption} "${l}"`})]}),M=l=>{const{menuIsOpen:h,isFocused:D,isDisabled:L,selectProps:_}=l,{value:H}=_;return t.jsx(se,{menuIsOpen:h,isFocused:D,isDisabled:L,selectedValue:H,hasError:j,"data-testid":I("creatable-single-select-control",o),children:t.jsx(S.Control,{...l,className:"select-control",children:l.children})})},T=l=>t.jsx(ye,{children:t.jsxs(S.SingleValue,{...l,children:[l.selectProps.menuIsOpen===!1&&f!=null&&f.isTagShownForOption(l.data.value)===!0&&t.jsx(we,{children:t.jsx($e,{style:f.style,children:f.tagName})}),l.children]})}),N=l=>{const{selectProps:h}=l,{placeholder:D,value:L}=h;return t.jsx(S.Input,{...l,autoComplete:"new-password",placeholder:L==null?D:void 0,"data-testid":I("creatable-single-select-input",o),children:l.children})};return t.jsx(Q,{isMulti:!1,onCreateOption:l=>{const h=U(l);n(h)},onChange:l=>{w!==!1&&l?.value!=null&&v?.value===l.value?n(void 0):n(l?.value)},formatCreateLabel:l=>b===!0?P(l):`${C.otherOption} ${l}`,tabSelectsValue:!1,openMenuOnFocus:!0,"data-testid":I("creatable-single-select",o),classNamePrefix:"creatable-single-select-field",createOptionPosition:"last",allowCreateWhileLoading:!0,controlShouldRenderValue:!0,placeholder:p,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:Ie,ClearIndicator:je,Placeholder:oe,MenuList:re},hideSelectedOptions:!1,styles:E,options:O,isClearable:!0,isSearchable:!0,isDisabled:d!=null},X())},ie=e=>t.jsx(S.ValueContainer,{...e,className:"select-value-container",children:e.children}),re=e=>{const{options:r,children:o,maxHeight:n,getValue:d}=e,[p]=d(),w=r.indexOf(p)*40;return t.jsx(q,{height:o.length>7?n:o.length*40,width:"100%",itemCount:o.length,itemSize:()=>40,initialScrollOffset:w,children:({index:b,style:m})=>t.jsx(he,{style:m,children:o[b]})})},oe=()=>null,ae=e=>{const{isSelected:r,isDisabled:o,isFocused:n,data:d}=e,p=typeof d.label=="string"?d.label:d.value;return t.jsx(ne,{isFocused:n,isSelected:r,isDisabled:o,children:t.jsx(S.Option,{...e,className:"select-option",children:t.jsxs(de,{"data-testid":I("creatable-single-select-option",p),children:[t.jsx(pe,{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(be,{className:"close-tick-icon"})]}):null]})})})},se=a.div`
   width: 100%;
   background-color: ${e=>e.theme.colors.grey5};
   cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
@@ -101,12 +101,12 @@ import{J as W,cL as F,ex as R,V as t,cQ as B,y as x,aR as I,p as u,u as s,o as i
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: ${e=>e.isDisabled?"not-allowed":e.isSelected?"default":"pointer"};
-`,he=a.div`
+`,pe=a.div`
   width: 100%;
   display: flex;
   align-items: center;
   overflow: hidden;
-`,pe=a.div`
+`,he=a.div`
   :first-of-type {
     border-top-left-radius: ${i.sp1};
     border-top-right-radius: ${i.sp1};
@@ -141,7 +141,7 @@ import{J as W,cL as F,ex as R,V as t,cQ as B,y as x,aR as I,p as u,u as s,o as i
   align-items: center;
   padding: 3px 6px;
   margin-right: ${i.sp2};
-`,$e=a(Z)`
+`,$e=a(Y)`
   color: ${u.neutralGrey5Light};
   border-radius: ${i.sp2};
   padding: 3px 6px;
@@ -153,7 +153,7 @@ import{J as W,cL as F,ex as R,V as t,cQ as B,y as x,aR as I,p as u,u as s,o as i
   justify-content: inherit;
   align-items: center;
   width: 100%;
-`,ve=()=>null,Ie=()=>null,je=()=>null,Se=(e,r)=>e.map(o=>z(o,r)),z=(e,r)=>({value:e,label:r!==void 0?r(e):e}),Oe=({name:e,registerOptions:r,defaultValue:o,placeholder:n,isDisabled:d,style:h,addIconInCreateLabel:w,isOptionRemovable:b,tagProperties:m,onSelectChange:f,getLabelForId:j})=>{const{control:c,formState:{errors:$}}=F(),y=R($,e??"");return t.jsx(G,{name:e,control:c,defaultValue:o,"data-testid":I("creatable-single-select-field",e),rules:r,render:({field:{value:O,onChange:C}})=>t.jsx(t.Fragment,{children:t.jsx(te,{onSelectedValueChanged:v=>{f?.(v??""),C({allOptions:o.allOptions,selectedOption:v})},placeholder:n,style:h,isDisabled:d,selectedValue:O.selectedOption,allValues:o.allOptions,addIconInCreateLabel:w,isOptionRemovable:b,getLabelForId:j,tagProperties:m,hasError:y,name:e})})})},g={width:new x(343,580,726),height:new x(s[6],s[6]),controlHeight:new x(s[6],s[6]),paddingTopBottom:new x(s[2],s[2]),marginRight:new x(s[2],s[2]),labelMarginLeft:new x(s[3],s[4]),labelMarginRight:new x(s[3],s[4]),labelMarginTop:new x(s[2],s[2])},Ce={infoLabel:new Q("extraSmallRegular","smallRegular")};function Fe({isDisabled:e,label:r,creatableSingleSelectField:o,style:n,additionalInfoLabel:d,errorInfoLabel:h,isOptionRemovable:w,addIconInCreateLabel:b,additionalInfoTextColor:m,onSelectChange:f,getLabelForId:j}){const c=W(),{formState:{errors:$}}=F(),y=R($,o.name??"");return t.jsxs(Le,{size:c,style:n,isDisabled:e!=null,hasError:y,"data-testid":I("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(Oe,{...o,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:r.width!==null&&b===!1?`calc(100% - ${r.width}px)`:"auto",height:g.controlHeight.value(c)},onSelectChange:f,isOptionRemovable:w,addIconInCreateLabel:b,getLabelForId:j}),t.jsx(V,{size:c,additionalInfoTextColor:m,children:d}),y&&t.jsx(V,{size:c,hasError:y,children:h})]})]})}const Le=a.div`
+`,ve=()=>null,Ie=()=>null,je=()=>null,Se=(e,r)=>e.map(o=>R(o,r)),R=(e,r)=>({value:e,label:r!==void 0?r(e):e}),Ce=({name:e,registerOptions:r,defaultValue:o,placeholder:n,isDisabled:d,style:p,addIconInCreateLabel:w,isOptionRemovable:b,tagProperties:m,onSelectChange:f,getLabelForId:j})=>{const{control:c,formState:{errors:$}}=z(),y=F($,e??"");return t.jsx(G,{name:e,control:c,defaultValue:o,"data-testid":I("creatable-single-select-field",e),rules:r,render:({field:{value:C,onChange:O}})=>t.jsx(t.Fragment,{children:t.jsx(te,{onSelectedValueChanged:v=>{f?.(v??""),O({allOptions:o.allOptions,selectedOption:v})},placeholder:n,style:p,isDisabled:d,selectedValue:C.selectedOption,allValues:o.allOptions,addIconInCreateLabel:w,isOptionRemovable:b,getLabelForId:j,tagProperties:m,hasError:y,name:e})})})},g={width:new x(343,580,726),height:new x(s[6],s[6]),controlHeight:new x(s[6],s[6]),paddingTopBottom:new x(s[2],s[2]),marginRight:new x(s[2],s[2]),labelMarginLeft:new x(s[3],s[4]),labelMarginRight:new x(s[3],s[4]),labelMarginTop:new x(s[2],s[2])},Oe={infoLabel:new Z("extraSmallRegular","smallRegular")};function ze({isDisabled:e,label:r,creatableSingleSelectField:o,style:n,additionalInfoLabel:d,errorInfoLabel:p,isOptionRemovable:w,addIconInCreateLabel:b,additionalInfoTextColor:m,onSelectChange:f,getLabelForId:j}){const c=W(),{formState:{errors:$}}=z(),y=F($,o.name??"");return t.jsxs(De,{size:c,style:n,isDisabled:e!=null,hasError:y,"data-testid":I("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(Le,{labelWidth:r.width,children:[t.jsx(Ce,{...o,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:r.width!==null&&b===!1?`calc(100% - ${r.width}px)`:"auto",height:g.controlHeight.value(c)},onSelectChange:f,isOptionRemovable:w,addIconInCreateLabel:b,getLabelForId:j}),t.jsx(V,{size:c,additionalInfoTextColor:m,children:d}),y&&t.jsx(V,{size:c,hasError:y,children:p})]})]})}const De=a.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -189,7 +189,7 @@ import{J as W,cL as F,ex as R,V as t,cQ as B,y as x,aR as I,p as u,u as s,o as i
       background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError===!0?u.importantLight:e.theme.colors.background};
     }
   }
-`,De=a.div`
+`,Le=a.div`
   display: flex;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
   justify-content: flex-end;
@@ -202,7 +202,7 @@ import{J as W,cL as F,ex as R,V as t,cQ as B,y as x,aR as I,p as u,u as s,o as i
 `,V=a.label`
   color: ${e=>e.hasError===!0?u.important:e.additionalInfoTextColor!=null?e.additionalInfoTextColor:e.theme.colors.grey1};
   width: auto;
-  ${e=>`${Ce.infoLabel.style(e.size)}`};
+  ${e=>`${Oe.infoLabel.style(e.size)}`};
   padding-right: ${i.sp3};
   text-align: right;
-`;export{Fe as I};
+`;export{ze as D};