@zeniai/web-cockpit-ui 1.14.82-dev → 1.14.83-dev

package/dist/assets/IssueChargeCardPage-C2I9mUTD-8YcF3Lm8.js

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

package/dist/assets/LabeledAddressValue-mLMacnQu-BhboedQp.js

@@ -0,0 +1,49 @@
+import{u as h,j as o,dL as u,R as a,ge as m,s as t,d as x}from"./index-2CdI-B2B.js";import{n as d}from"./mui-kiGMfX4-.js";const i={width:new a(343,580,726),height:new a(t[6],t[6]),controlMinHeight:new a(t[4],t[4]),paddingTopBottom:new a(t[2],t[2]),marginRight:new a(t[2],t[2]),labelMarginLeft:new a(t[3],t[4]),labelMarginRight:new a(t[3],t[4]),labelMarginTop:new a(t[2],t[2])},c={infoLabel:new x("extraSmallRegular","smallRegular")};function $({isDisabled:e,label:s,additionalInfoLabel:n,addressValue:r,isOptional:g,style:p}){const l=h();return o.jsxs(w,{size:l,style:p,isDisabled:e!=null,children:[o.jsxs(f,{children:[o.jsx(u,{isOptional:g,isDisabled:e,label:s.label,style:{marginLeft:i.labelMarginLeft.value(l),marginRight:i.labelMarginRight.value(l),marginTop:i.labelMarginTop.value(l),width:s.width??"auto"}}),o.jsx(m,{...r,isDisabled:e,style:{minHeight:i.controlMinHeight.value(l),paddingTop:i.paddingTopBottom.valuePx(l),paddingBottom:i.paddingTopBottom.valuePx(l),maxWidth:s.width!=null?`calc(100% - ${s.width}px)`:"auto",display:"flex",flexGrow:1,...r.style}})]}),n?o.jsx(b,{size:l,children:n}):null]})}const b=d.label`
+  color: ${e=>e.theme.colors.grey1};
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  width: calc(100% - ${e=>i.marginRight.valuePx(e.size)});
+  padding-right: ${e=>i.marginRight.valuePx(e.size)};
+  padding-top: ${e=>i.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>i.paddingTopBottom.valuePx(e.size)};
+  ${e=>`${c.infoLabel.style(e.size)}`};
+`,f=d.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  width: 100%;
+`,w=d.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>i.width.valuePx(e.size)};
+  min-height: ${e=>i.height.valuePx(e.size)};
+  padding-right: ${e=>i.marginRight.valuePx(e.size)};
+  padding-top: ${e=>i.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>i.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: 1px solid
+      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
+    .address-value {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.theme.colors.background};
+    }
+  }
+`;export{$ as g};