@zeniai/web-cockpit-ui 1.13.83-qa → 1.13.84-dev

package/dist/assets/InvitePeoplePage-fzgtceuE-B5MjB6BF.js

@@ -0,0 +1,12 @@
+import{X as H,fm as ee,u as te,a as le,j as d,M as oe,p as g,ge as ne,Y as se,F as ie,a7 as re,o as ae,C as E,fp as Z,fq as A,fr as N,b_ as q,l as V,c0 as de}from"./index-C0q2xQ43.js";import{b as $,n as Q}from"./vendor-CnQcJ2Lu.js";import{x as ce}from"./AllUserItems-B86Y2Fmg-DavCuBOs.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";import"./LabeledUserSingleSelectWithSubtitlesField-BKNBvO_C-Dvjne4f2.js";import"./RoleWithToolTip-CX9tF-BO-DG7wC_Jt.js";import"./LabeledZeniRolesDropDownField-AwQaO42N-D65CRYdT.js";const L={containerPaddingLeft:new E(g[3],g[6],g[8]),containerPaddingRight:new E(g[3],g[6],g[8]),buttonWidth:new E(85,85)},F="editPeoplePage",P="userItems",p=oe.getLocalizedStrings().peoplePage,_e=({peopleDetails:e,managersList:s,classList:R,controllersList:z,mode:o,isZeniTenant:O,onPeopleLocalDataUpdated:_,onCloseClick:S,onSaveClick:i,isReimbursementDisabled:T,isZeniAccountsDisabled:n,isChargeCardDisabled:k,isTreasuryDisabled:j,isBankingOnlyTenant:b,isCardsOnlyTenant:x,isLiteRoleDisabled:U})=>{const c=H(),[W,X]=$.useState(-1),[B,w]=$.useState(""),D=$.useRef(null),I=$.useMemo(()=>ee(T,n,k,b,x,U,j),[T,n,k,b,x,U,j]),J=te(),r=le({mode:"onBlur",reValidateMode:"onChange",defaultValues:M(e.people,o,I,s,R,b,x),values:M(e.people,o,I,s,R,b,x)}),K=r.handleSubmit(()=>{Y()?i():console.warn("Invite People form error")}),Y=()=>{const t=r.getValues();let l=!0;return t.userItems.forEach((f,C)=>{const{role:a,nonZeniRole:v,department:u,manager:m}=f;if(o==="zeni_only")a?.selectedOptions==null&&(r.setError(`${P}.${C}.role`,{type:"required"}),l=!1);else{const h=v?.userRole.selectedRole;(h!=null&&v!=null?v.productsByUserRole[h].map(y=>y.selectedOption).filter(y=>y!=null):[]).length<1&&(r.setError(`${P}.${C}.nonZeniRole.userRole.selectedRole`,{type:"required"}),l=!1),u?.selectedOption==null&&h!=="investor_or_banker"&&!b&&!x&&(r.setError(`${P}.${C}.department`,{type:"required"}),l=!1),m?.selectedUser==null&&h!=="investor_or_banker"&&(r.setError(`${P}.${C}.manager`,{type:"required"}),l=!1)}}),l},G=async(t,l)=>{const f=[],{userItems:C}=l;C.forEach(a=>{let v={};if(o==="zeni_only")v={email:a.email,role:[a.role?.selectedOptions]};else{const u=a.nonZeniRole?.userRole.selectedRole;let m=[];u==="admin"||u==="investor_or_banker"?m.push(u):m=u!=null?(a.nonZeniRole?.productsByUserRole[u]??[]).map(y=>V.toUserRoleTypeStrict(y.selectedOption?.value)).filter(y=>y!=null):[],u==="employee"&&m.length===0&&(m=["reimbursements_user"]);const h=V.hasInvestorBankerLevelAccess(m);v={email:a.email,role:m,departmentId:h?void 0:a.department?.selectedOption?.value,managerId:h?void 0:a.manager?.selectedUser}}f.push(v)}),_(f)};return $.useEffect(()=>{const t=r.watch((l,{name:f})=>{f!=null&&l!=null&&G(f,l)});return()=>{t.unsubscribe()}}),$.useEffect(()=>{const t=D.current,l=()=>{c!=="small"&&(t&&t?.scrollTop>g[9]?w(o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):w(""))};return c==="small"?w(o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title):t&&t?.scrollTop<=g[9]&&w(""),t&&t.addEventListener("scroll",l),()=>{t&&t.removeEventListener("scroll",l)}},[o,B,c]),d.jsxs(d.Fragment,{children:[d.jsx(ne,{title:B,backgroundColor:J.colors.grey4,style:{zIndex:4},onCloseClick:S,isTitleAlignLeft:c==="small"}),d.jsxs(ue,{"data-testid":se("invite-people-container"),windowSize:c,ref:D,children:[c!=="small"?d.jsx(me,{children:o==="zeni_only"?p.invitePage.zeniTitle:p.invitePage.title}):null,d.jsx(ie,{...r,children:d.jsx("form",{id:`${F}_form`,onSubmit:K,children:d.jsx(ce,{control:r.control,sectionId:P,deleteConfirmationIndex:W,updateDeleteConfirmationIndex:X,mode:o,isZeniTenant:O,classList:R,managersList:s,controllersList:z,isBankingOnlyTenant:b,isCardsOnlyTenant:x,customerRoleOptions:I,isEdit:!1})})})]}),d.jsx(re,{formId:`${F}_form`,primaryBtn:{label:p.invitePage.invite,style:{width:L.buttonWidth.value(c)},isLoading:e.invitePersonState.fetchState==="In-Progress",isDisabled:e.invitePersonState.fetchState==="In-Progress"},showCancel:!0,cancelBtn:{label:p.invitePage.cancel,style:{width:L.buttonWidth.value(c)},shouldResetOnCancel:!1,onClick:S},separatorStyle:{marginRight:ae.sp4}})]})},M=(e,s,R,z,o,O,_)=>{const S=[{userIndex:0,email:[],role:s==="zeni_only"?{allOptions:q.roles,selectedOptions:e[0]?.role}:void 0,nonZeniRole:s==="off"?{userRole:{selectedRole:e[0]?.role.length>0?N(e[0].role):void 0,allRootRole:A(O,_)},productsByUserRole:Z(e[0]?.role??[],R)}:void 0,department:void 0,manager:void 0}];return{[P]:e.length>0?e.map((i,T)=>({userIndex:T,email:i.email,role:s==="zeni_only"?{allOptions:q.roles,selectedOptions:i.role}:void 0,nonZeniRole:s==="off"?{userRole:{selectedRole:i.role.length>0?N(i.role):void 0,allRootRole:A(O,_)},productsByUserRole:Z(i.role,R)}:void 0,department:{allOptions:o.map(n=>({label:n.fullyQualifiedAccountingClassName??"",value:n.classId,hoverText:n.accountingClassNumber})),selectedOption:o.map(n=>({label:n.fullyQualifiedAccountingClassName??"",value:n.classId,hoverText:n.accountingClassNumber})).find(n=>n.value===i.departmentId)},manager:{allUsers:z,selectedUser:i.managerId}})):S}},Se=(e,s)=>`${e}.${s}`,ue=Q.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.grey4};
+
+  padding-left: ${e=>`${L.containerPaddingLeft.valuePx(e.windowSize)}`};
+  padding-right: ${e=>`${L.containerPaddingRight.valuePx(e.windowSize)}`};
+  overflow-x: hidden;
+  height: 100%;
+`,me=Q(de)`
+  color: ${e=>e.theme.colors.primary};
+`;export{_e as default,Se as uniqueName};

package/dist/assets/{InvoiceUploadSection-CzeBCw69-MIl0YoqM.js → InvoiceUploadSection-BhCDvIPX-wOQXy0Yc.js}

@@ -1,4 +1,4 @@
-import{u as s1,X as d1,M as q,j as l,d as Y,o as i,g as d,Y as J,C as $,fZ as S1,f_ as v1,bM as b1,bO as L1,bP as $1,aB as j1,an as c1,p as C,v as o1,h as E1,k as B1,w as p1}from"./index-C5RQ_I4f.js";import{b as t,n as o}from"./vendor-CnQcJ2Lu.js";import z1 from"./AttachmentView-cjbbz-rh-BnkWjld0.js";import{l as P1}from"./uploadReceipts-Buvz7DfG-TsfYrPiB.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const A1=e=>t.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("mask",{id:"mask0_623_1439",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:-16,width:72,height:88},t.createElement("rect",{y:-16,width:72,height:88,fill:"url(#paint0_linear_623_1439)"})),t.createElement("g",{mask:"url(#mask0_623_1439)"},t.createElement("path",{d:"M24.4551 10.7549C24.8693 10.7549 25.2051 11.0907 25.2051 11.5049V13.6938L28.3834 13.6938C28.7976 13.6938 29.1334 14.0296 29.1334 14.4438C29.1334 14.8581 28.7976 15.1938 28.3834 15.1938H22.4209C21.6794 15.1944 20.9613 15.4529 20.3896 15.925C19.8179 16.3972 19.4282 17.0536 19.2875 17.7816C19.1468 18.5096 19.2638 19.264 19.6184 19.9152C19.973 20.5662 20.543 21.0736 21.2306 21.3505L27.2968 23.7781C28.3078 24.1849 29.1457 24.9308 29.6669 25.8878C30.1881 26.8448 30.36 27.9534 30.1532 29.0234C29.9464 30.0933 29.3738 31.058 28.5335 31.7519C27.6933 32.4458 26.6377 32.8257 25.548 32.8265H25.2051V35.0149C25.2051 35.4292 24.8693 35.7649 24.4551 35.7649C24.0409 35.7649 23.7051 35.4292 23.7051 35.0149V32.8265H19.567C19.1528 32.8265 18.817 32.4907 18.817 32.0765C18.817 31.6623 19.1528 31.3265 19.567 31.3265H24.4327C24.4401 31.3263 24.4476 31.3262 24.4551 31.3262C24.4626 31.3262 24.47 31.3263 24.4775 31.3265H25.5469C26.2884 31.326 27.0066 31.0675 27.5784 30.5953C28.1501 30.1232 28.5398 29.4668 28.6805 28.7387C28.8212 28.0107 28.7042 27.2564 28.3496 26.6052C27.9951 25.9543 27.4253 25.4469 26.7378 25.1701L26.7369 25.1697L20.6712 22.7422C19.6602 22.3355 18.8223 21.5896 18.3011 20.6325C17.7799 19.6755 17.608 18.5669 17.8148 17.497C18.0216 16.427 18.5942 15.4624 19.4345 14.7684C20.2748 14.0745 21.3308 13.6946 22.4206 13.6938H23.7051V11.5049C23.7051 11.0907 24.0409 10.7549 24.4551 10.7549Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.0762 2.2644C37.4904 2.2644 37.8262 2.60019 37.8262 3.0144V17.4438C37.8262 18.0243 38.0568 18.581 38.4672 18.9915C38.8777 19.402 39.4344 19.6326 40.0149 19.6326H54.4443C54.8585 19.6326 55.1943 19.9684 55.1943 20.3826C55.1943 20.7968 54.8585 21.1326 54.4443 21.1326H40.0149C39.0366 21.1326 38.0984 20.7439 37.4066 20.0521C36.7148 19.3604 36.3262 18.4221 36.3262 17.4438V3.0144C36.3262 2.60019 36.662 2.2644 37.0762 2.2644Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7295 42.2959C17.7295 41.8817 18.0653 41.5459 18.4795 41.5459H42.5621C42.9763 41.5459 43.3121 41.8817 43.3121 42.2959C43.3121 42.7101 42.9763 43.0459 42.5621 43.0459H18.4795C18.0653 43.0459 17.7295 42.7101 17.7295 42.2959Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7295 52.2962C17.7295 51.882 18.0653 51.5462 18.4795 51.5462L40.7106 51.5461C41.1248 51.5461 41.4606 51.8819 41.4606 52.2961C41.4606 52.7104 41.1248 53.0461 40.7106 53.0461L18.4795 53.0462C18.0653 53.0462 17.7295 52.7104 17.7295 52.2962Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.7295 31.9541C37.7295 31.5399 38.0653 31.2041 38.4795 31.2041H48.1263C48.5406 31.2041 48.8763 31.5399 48.8763 31.9541C48.8763 32.3683 48.5406 32.7041 48.1263 32.7041H38.4795C38.0653 32.7041 37.7295 32.3683 37.7295 31.9541Z",fill:"#A6B0B1"})),t.createElement("rect",{x:40.75,y:40.75,width:30.5,height:30.5,rx:15.25,stroke:"#A6B0B1",strokeWidth:1.5}),t.createElement("path",{d:"M63.1838 60.0608V61.3101C63.1836 61.807 62.9861 62.2834 62.6348 62.6348C62.2835 62.9861 61.807 63.1836 61.3101 63.1837H50.69C50.1931 63.1837 49.7166 62.9863 49.3652 62.635C49.0138 62.2836 48.8164 61.807 48.8164 61.3101V60.0608",stroke:"#A6B0B1",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),t.createElement("path",{d:"M55.5502 49.191C55.6639 49.0732 55.8234 49 56 49C56 49 56 49 56 49C56.0071 49 56.0143 49.0001 56.0214 49.0004C56.1742 49.0055 56.3254 49.0664 56.4421 49.1831L61.0135 53.7545C61.2576 53.9986 61.2576 54.3943 61.0135 54.6384C60.7694 54.8824 60.3737 54.8824 60.1296 54.6384L56.625 51.1337V60.7976C56.625 61.1427 56.3452 61.4226 56 61.4226C55.6548 61.4226 55.375 61.1427 55.375 60.7976V51.134L51.8707 54.6384C51.6266 54.8824 51.2308 54.8824 50.9868 54.6384C50.7427 54.3943 50.7427 53.9986 50.9868 53.7545L55.5502 49.191Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M36.8739 3.50002C37.1624 3.49921 37.4482 3.55546 37.7149 3.66552C37.9816 3.77558 38.224 3.93737 38.428 4.14141L54.3387 20.0521C54.7491 20.4624 54.9797 21.0193 54.98 21.5996L54.9696 40.7471H56.4696L56.48 21.5993C56.4798 20.621 56.091 19.6829 55.3992 18.9913L39.4887 3.08083C39.145 2.73695 38.7366 2.46443 38.2871 2.27894C37.838 2.0936 37.3567 1.99881 36.8708 2.00001H12.6888C11.7105 2.00001 10.7722 2.38865 10.0804 3.08043C9.38864 3.77222 9 4.71048 9 5.68881V59.4034C9 60.3817 9.38864 61.32 10.0804 62.0117C10.7722 62.7035 11.7105 63.0922 12.6888 63.0922H42.0703V61.5922H12.6888C12.1083 61.5922 11.5516 61.3615 11.1411 60.9511C10.7306 60.5406 10.5 59.9839 10.5 59.4034V5.68881C10.5 5.1083 10.7306 4.55158 11.1411 4.1411C11.5516 3.73062 12.1083 3.50002 12.6888 3.50002H36.8718L36.8739 3.50002Z",fill:"#A6B0B1"}),t.createElement("defs",null,t.createElement("linearGradient",{id:"paint0_linear_623_1439",x1:36,y1:-16,x2:36,y2:72,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#C9ABC7",stopOpacity:0}),t.createElement("stop",{offset:1e-4,stopColor:"#C9ABC7"})))),H1=e=>t.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("mask",{id:"mask0_836_6609",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:-16,width:72,height:88},t.createElement("rect",{y:-16,width:72,height:88,fill:"url(#paint0_linear_836_6609)"})),t.createElement("g",{mask:"url(#mask0_836_6609)"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 18.25C5.41421 18.25 5.75 18.5858 5.75 19V61C5.75 63.8995 8.10051 66.25 11 66.25H35C35.4142 66.25 35.75 66.5858 35.75 67C35.75 67.4142 35.4142 67.75 35 67.75H11C7.27208 67.75 4.25 64.7279 4.25 61V19C4.25 18.5858 4.58579 18.25 5 18.25Z",fill:"#A6B0B1"}),t.createElement("path",{d:"M24.4561 10.7549C24.8703 10.7549 25.2061 11.0907 25.2061 11.5049V13.6938L28.3843 13.6938C28.7985 13.6938 29.1343 14.0296 29.1343 14.4438C29.1343 14.8581 28.7985 15.1938 28.3843 15.1938H22.4218C21.6804 15.1944 20.9623 15.4529 20.3906 15.925C19.8189 16.3972 19.4292 17.0536 19.2885 17.7816C19.1478 18.5096 19.2648 19.264 19.6194 19.9152C19.974 20.5662 20.5439 21.0736 21.2316 21.3505L27.2978 23.7781C28.3087 24.1849 29.1467 24.9308 29.6679 25.8878C30.1891 26.8448 30.361 27.9534 30.1542 29.0234C29.9474 30.0933 29.3748 31.058 28.5345 31.7519C27.6942 32.4458 26.6387 32.8257 25.5489 32.8265H25.2061V35.0149C25.2061 35.4292 24.8703 35.7649 24.4561 35.7649C24.0418 35.7649 23.7061 35.4292 23.7061 35.0149V32.8265H19.568C19.1538 32.8265 18.818 32.4907 18.818 32.0765C18.818 31.6623 19.1538 31.3265 19.568 31.3265H24.4337C24.4411 31.3263 24.4486 31.3262 24.4561 31.3262C24.4635 31.3262 24.471 31.3263 24.4785 31.3265H25.5479C26.2894 31.326 27.0076 31.0675 27.5794 30.5953C28.1511 30.1232 28.5408 29.4668 28.6815 28.7387C28.8222 28.0107 28.7052 27.2564 28.3506 26.6052C27.9961 25.9543 27.4263 25.4469 26.7388 25.1701L26.7378 25.1697L20.6722 22.7422C19.6612 22.3355 18.8233 21.5896 18.3021 20.6325C17.7809 19.6755 17.609 18.5669 17.8158 17.497C18.0226 16.427 18.5952 15.4624 19.4355 14.7684C20.2757 14.0745 21.3318 13.6946 22.4216 13.6938H23.7061V11.5049C23.7061 11.0907 24.0418 10.7549 24.4561 10.7549Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.0762 2.2644C37.4904 2.2644 37.8262 2.60019 37.8262 3.0144V17.4438C37.8262 18.0243 38.0568 18.581 38.4672 18.9915C38.8777 19.402 39.4344 19.6326 40.0149 19.6326H54.4443C54.8585 19.6326 55.1943 19.9684 55.1943 20.3826C55.1943 20.7968 54.8585 21.1326 54.4443 21.1326H40.0149C39.0366 21.1326 38.0984 20.7439 37.4066 20.0521C36.7148 19.3604 36.3262 18.4221 36.3262 17.4438V3.0144C36.3262 2.60019 36.662 2.2644 37.0762 2.2644Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7305 42.2959C17.7305 41.8817 18.0663 41.5459 18.4805 41.5459H42.5631C42.9773 41.5459 43.3131 41.8817 43.3131 42.2959C43.3131 42.7101 42.9773 43.0459 42.5631 43.0459H18.4805C18.0663 43.0459 17.7305 42.7101 17.7305 42.2959Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7305 52.2962C17.7305 51.882 18.0663 51.5462 18.4805 51.5462L40.7116 51.5461C41.1258 51.5461 41.4616 51.8819 41.4616 52.2961C41.4616 52.7104 41.1258 53.0461 40.7116 53.0461L18.4805 53.0462C18.0663 53.0462 17.7305 52.7104 17.7305 52.2962Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.7305 31.9541C37.7305 31.5399 38.0663 31.2041 38.4805 31.2041H48.1273C48.5415 31.2041 48.8773 31.5399 48.8773 31.9541C48.8773 32.3683 48.5415 32.7041 48.1273 32.7041H38.4805C38.0663 32.7041 37.7305 32.3683 37.7305 31.9541Z",fill:"#A6B0B1"})),t.createElement("path",{d:"M63.1838 60.0608V61.3101C63.1836 61.807 62.9861 62.2834 62.6348 62.6348C62.2835 62.9861 61.807 63.1836 61.3101 63.1837H50.69C50.1931 63.1837 49.7166 62.9863 49.3652 62.635C49.0138 62.2836 48.8164 61.807 48.8164 61.3101V60.0608",stroke:"#A6B0B1",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),t.createElement("path",{d:"M55.5512 49.191C55.6649 49.0732 55.8244 49 56.001 49C56.001 49 56.001 49 56.001 49C56.0081 49 56.0153 49.0001 56.0224 49.0004C56.1752 49.0055 56.3264 49.0664 56.4431 49.1831L61.0145 53.7545C61.2586 53.9986 61.2586 54.3943 61.0145 54.6384C60.7704 54.8824 60.3747 54.8824 60.1306 54.6384L56.626 51.1337V60.7976C56.626 61.1427 56.3462 61.4226 56.001 61.4226C55.6558 61.4226 55.376 61.1427 55.376 60.7976V51.134L51.8716 54.6384C51.6276 54.8824 51.2318 54.8824 50.9877 54.6384C50.7437 54.3943 50.7437 53.9986 50.9877 53.7545L55.5512 49.191Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M36.8739 3.50002C37.1624 3.49921 37.4482 3.55546 37.7149 3.66552C37.9816 3.77558 38.224 3.93737 38.428 4.14141L54.3387 20.0521C54.7491 20.4624 54.9797 21.0193 54.98 21.5996L54.9696 40.7471H56.4696L56.48 21.5993C56.4798 20.621 56.091 19.6829 55.3992 18.9913L39.4887 3.08083C39.145 2.73695 38.7366 2.46443 38.2871 2.27894C37.838 2.0936 37.3567 1.99881 36.8708 2.00001H12.6888C11.7105 2.00001 10.7722 2.38865 10.0804 3.08043C9.38864 3.77222 9 4.71048 9 5.68881V59.4034C9 60.3817 9.38864 61.32 10.0804 62.0117C10.7722 62.7035 11.7105 63.0922 12.6888 63.0922H42.0703V61.5922H12.6888C12.1083 61.5922 11.5516 61.3615 11.1411 60.9511C10.7306 60.5406 10.5 59.9839 10.5 59.4034V5.68881C10.5 5.1083 10.7306 4.55158 11.1411 4.1411C11.5516 3.73062 12.1083 3.50002 12.6888 3.50002H36.8718L36.8739 3.50002Z",fill:"#A6B0B1"}),t.createElement("rect",{x:40.75,y:40.75,width:30.5,height:30.5,rx:15.25,stroke:"#A6B0B1",strokeWidth:1.5}),t.createElement("defs",null,t.createElement("linearGradient",{id:"paint0_linear_836_6609",x1:36,y1:-16,x2:36,y2:72,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#C9ABC7",stopOpacity:0}),t.createElement("stop",{offset:1e-4,stopColor:"#C9ABC7"})))),T1=e=>t.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{d:"M15.4931 3.87109H11.4776C10.5275 3.89973 9.62765 4.30445 8.97582 4.99631C8.324 5.68817 7.97357 6.61054 8.00156 7.56068C7.99312 8.23377 8.16758 8.89652 8.50634 9.47821C8.84509 10.0599 9.33542 10.5387 9.92501 10.8635L13.5771 12.8038C14.1642 13.1295 14.6523 13.6079 14.9896 14.1884C15.3269 14.7688 15.5009 15.4297 15.4931 16.101C15.5211 17.0505 15.1712 17.9724 14.5202 18.6641C13.8691 19.3559 12.9702 19.761 12.0208 19.7906H8.00156",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),t.createElement("path",{d:"M11.2829 19.7908V22.6001",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),t.createElement("path",{d:"M13.1558 1V3.87113",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),g={memoPaddingTopBottomRight:new $(12,C[3]),billReceiptSize:new $(60,C[10]),rootContainerPaddingTop:new $(C[3],62),rootContainerPaddingRight:new $(C[3],C[6]),rootContainerPaddingBottom:new $(C[5],C[9]),rootContainerPaddingLeft:new $(C[3],C[8])},r1=o(E1)`
+import{u as s1,X as d1,M as q,j as l,d as Y,o as i,g as d,Y as J,C as $,g0 as k1,g1 as S1,bN as b1,bP as L1,bQ as $1,b5 as j1,as as c1,p as C,q as o1,h as E1,k as B1,v as p1}from"./index-C0q2xQ43.js";import{b as t,n as o}from"./vendor-CnQcJ2Lu.js";import z1 from"./AttachmentView-Afp_U4fV-ChOQ6Ub6.js";import{l as P1}from"./uploadReceipts-BH9fi3Vt-Bn1YAl68.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const A1=e=>t.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("mask",{id:"mask0_623_1439",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:-16,width:72,height:88},t.createElement("rect",{y:-16,width:72,height:88,fill:"url(#paint0_linear_623_1439)"})),t.createElement("g",{mask:"url(#mask0_623_1439)"},t.createElement("path",{d:"M24.4551 10.7549C24.8693 10.7549 25.2051 11.0907 25.2051 11.5049V13.6938L28.3834 13.6938C28.7976 13.6938 29.1334 14.0296 29.1334 14.4438C29.1334 14.8581 28.7976 15.1938 28.3834 15.1938H22.4209C21.6794 15.1944 20.9613 15.4529 20.3896 15.925C19.8179 16.3972 19.4282 17.0536 19.2875 17.7816C19.1468 18.5096 19.2638 19.264 19.6184 19.9152C19.973 20.5662 20.543 21.0736 21.2306 21.3505L27.2968 23.7781C28.3078 24.1849 29.1457 24.9308 29.6669 25.8878C30.1881 26.8448 30.36 27.9534 30.1532 29.0234C29.9464 30.0933 29.3738 31.058 28.5335 31.7519C27.6933 32.4458 26.6377 32.8257 25.548 32.8265H25.2051V35.0149C25.2051 35.4292 24.8693 35.7649 24.4551 35.7649C24.0409 35.7649 23.7051 35.4292 23.7051 35.0149V32.8265H19.567C19.1528 32.8265 18.817 32.4907 18.817 32.0765C18.817 31.6623 19.1528 31.3265 19.567 31.3265H24.4327C24.4401 31.3263 24.4476 31.3262 24.4551 31.3262C24.4626 31.3262 24.47 31.3263 24.4775 31.3265H25.5469C26.2884 31.326 27.0066 31.0675 27.5784 30.5953C28.1501 30.1232 28.5398 29.4668 28.6805 28.7387C28.8212 28.0107 28.7042 27.2564 28.3496 26.6052C27.9951 25.9543 27.4253 25.4469 26.7378 25.1701L26.7369 25.1697L20.6712 22.7422C19.6602 22.3355 18.8223 21.5896 18.3011 20.6325C17.7799 19.6755 17.608 18.5669 17.8148 17.497C18.0216 16.427 18.5942 15.4624 19.4345 14.7684C20.2748 14.0745 21.3308 13.6946 22.4206 13.6938H23.7051V11.5049C23.7051 11.0907 24.0409 10.7549 24.4551 10.7549Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.0762 2.2644C37.4904 2.2644 37.8262 2.60019 37.8262 3.0144V17.4438C37.8262 18.0243 38.0568 18.581 38.4672 18.9915C38.8777 19.402 39.4344 19.6326 40.0149 19.6326H54.4443C54.8585 19.6326 55.1943 19.9684 55.1943 20.3826C55.1943 20.7968 54.8585 21.1326 54.4443 21.1326H40.0149C39.0366 21.1326 38.0984 20.7439 37.4066 20.0521C36.7148 19.3604 36.3262 18.4221 36.3262 17.4438V3.0144C36.3262 2.60019 36.662 2.2644 37.0762 2.2644Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7295 42.2959C17.7295 41.8817 18.0653 41.5459 18.4795 41.5459H42.5621C42.9763 41.5459 43.3121 41.8817 43.3121 42.2959C43.3121 42.7101 42.9763 43.0459 42.5621 43.0459H18.4795C18.0653 43.0459 17.7295 42.7101 17.7295 42.2959Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7295 52.2962C17.7295 51.882 18.0653 51.5462 18.4795 51.5462L40.7106 51.5461C41.1248 51.5461 41.4606 51.8819 41.4606 52.2961C41.4606 52.7104 41.1248 53.0461 40.7106 53.0461L18.4795 53.0462C18.0653 53.0462 17.7295 52.7104 17.7295 52.2962Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.7295 31.9541C37.7295 31.5399 38.0653 31.2041 38.4795 31.2041H48.1263C48.5406 31.2041 48.8763 31.5399 48.8763 31.9541C48.8763 32.3683 48.5406 32.7041 48.1263 32.7041H38.4795C38.0653 32.7041 37.7295 32.3683 37.7295 31.9541Z",fill:"#A6B0B1"})),t.createElement("rect",{x:40.75,y:40.75,width:30.5,height:30.5,rx:15.25,stroke:"#A6B0B1",strokeWidth:1.5}),t.createElement("path",{d:"M63.1838 60.0608V61.3101C63.1836 61.807 62.9861 62.2834 62.6348 62.6348C62.2835 62.9861 61.807 63.1836 61.3101 63.1837H50.69C50.1931 63.1837 49.7166 62.9863 49.3652 62.635C49.0138 62.2836 48.8164 61.807 48.8164 61.3101V60.0608",stroke:"#A6B0B1",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),t.createElement("path",{d:"M55.5502 49.191C55.6639 49.0732 55.8234 49 56 49C56 49 56 49 56 49C56.0071 49 56.0143 49.0001 56.0214 49.0004C56.1742 49.0055 56.3254 49.0664 56.4421 49.1831L61.0135 53.7545C61.2576 53.9986 61.2576 54.3943 61.0135 54.6384C60.7694 54.8824 60.3737 54.8824 60.1296 54.6384L56.625 51.1337V60.7976C56.625 61.1427 56.3452 61.4226 56 61.4226C55.6548 61.4226 55.375 61.1427 55.375 60.7976V51.134L51.8707 54.6384C51.6266 54.8824 51.2308 54.8824 50.9868 54.6384C50.7427 54.3943 50.7427 53.9986 50.9868 53.7545L55.5502 49.191Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M36.8739 3.50002C37.1624 3.49921 37.4482 3.55546 37.7149 3.66552C37.9816 3.77558 38.224 3.93737 38.428 4.14141L54.3387 20.0521C54.7491 20.4624 54.9797 21.0193 54.98 21.5996L54.9696 40.7471H56.4696L56.48 21.5993C56.4798 20.621 56.091 19.6829 55.3992 18.9913L39.4887 3.08083C39.145 2.73695 38.7366 2.46443 38.2871 2.27894C37.838 2.0936 37.3567 1.99881 36.8708 2.00001H12.6888C11.7105 2.00001 10.7722 2.38865 10.0804 3.08043C9.38864 3.77222 9 4.71048 9 5.68881V59.4034C9 60.3817 9.38864 61.32 10.0804 62.0117C10.7722 62.7035 11.7105 63.0922 12.6888 63.0922H42.0703V61.5922H12.6888C12.1083 61.5922 11.5516 61.3615 11.1411 60.9511C10.7306 60.5406 10.5 59.9839 10.5 59.4034V5.68881C10.5 5.1083 10.7306 4.55158 11.1411 4.1411C11.5516 3.73062 12.1083 3.50002 12.6888 3.50002H36.8718L36.8739 3.50002Z",fill:"#A6B0B1"}),t.createElement("defs",null,t.createElement("linearGradient",{id:"paint0_linear_623_1439",x1:36,y1:-16,x2:36,y2:72,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#C9ABC7",stopOpacity:0}),t.createElement("stop",{offset:1e-4,stopColor:"#C9ABC7"})))),H1=e=>t.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("mask",{id:"mask0_836_6609",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:-16,width:72,height:88},t.createElement("rect",{y:-16,width:72,height:88,fill:"url(#paint0_linear_836_6609)"})),t.createElement("g",{mask:"url(#mask0_836_6609)"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 18.25C5.41421 18.25 5.75 18.5858 5.75 19V61C5.75 63.8995 8.10051 66.25 11 66.25H35C35.4142 66.25 35.75 66.5858 35.75 67C35.75 67.4142 35.4142 67.75 35 67.75H11C7.27208 67.75 4.25 64.7279 4.25 61V19C4.25 18.5858 4.58579 18.25 5 18.25Z",fill:"#A6B0B1"}),t.createElement("path",{d:"M24.4561 10.7549C24.8703 10.7549 25.2061 11.0907 25.2061 11.5049V13.6938L28.3843 13.6938C28.7985 13.6938 29.1343 14.0296 29.1343 14.4438C29.1343 14.8581 28.7985 15.1938 28.3843 15.1938H22.4218C21.6804 15.1944 20.9623 15.4529 20.3906 15.925C19.8189 16.3972 19.4292 17.0536 19.2885 17.7816C19.1478 18.5096 19.2648 19.264 19.6194 19.9152C19.974 20.5662 20.5439 21.0736 21.2316 21.3505L27.2978 23.7781C28.3087 24.1849 29.1467 24.9308 29.6679 25.8878C30.1891 26.8448 30.361 27.9534 30.1542 29.0234C29.9474 30.0933 29.3748 31.058 28.5345 31.7519C27.6942 32.4458 26.6387 32.8257 25.5489 32.8265H25.2061V35.0149C25.2061 35.4292 24.8703 35.7649 24.4561 35.7649C24.0418 35.7649 23.7061 35.4292 23.7061 35.0149V32.8265H19.568C19.1538 32.8265 18.818 32.4907 18.818 32.0765C18.818 31.6623 19.1538 31.3265 19.568 31.3265H24.4337C24.4411 31.3263 24.4486 31.3262 24.4561 31.3262C24.4635 31.3262 24.471 31.3263 24.4785 31.3265H25.5479C26.2894 31.326 27.0076 31.0675 27.5794 30.5953C28.1511 30.1232 28.5408 29.4668 28.6815 28.7387C28.8222 28.0107 28.7052 27.2564 28.3506 26.6052C27.9961 25.9543 27.4263 25.4469 26.7388 25.1701L26.7378 25.1697L20.6722 22.7422C19.6612 22.3355 18.8233 21.5896 18.3021 20.6325C17.7809 19.6755 17.609 18.5669 17.8158 17.497C18.0226 16.427 18.5952 15.4624 19.4355 14.7684C20.2757 14.0745 21.3318 13.6946 22.4216 13.6938H23.7061V11.5049C23.7061 11.0907 24.0418 10.7549 24.4561 10.7549Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.0762 2.2644C37.4904 2.2644 37.8262 2.60019 37.8262 3.0144V17.4438C37.8262 18.0243 38.0568 18.581 38.4672 18.9915C38.8777 19.402 39.4344 19.6326 40.0149 19.6326H54.4443C54.8585 19.6326 55.1943 19.9684 55.1943 20.3826C55.1943 20.7968 54.8585 21.1326 54.4443 21.1326H40.0149C39.0366 21.1326 38.0984 20.7439 37.4066 20.0521C36.7148 19.3604 36.3262 18.4221 36.3262 17.4438V3.0144C36.3262 2.60019 36.662 2.2644 37.0762 2.2644Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7305 42.2959C17.7305 41.8817 18.0663 41.5459 18.4805 41.5459H42.5631C42.9773 41.5459 43.3131 41.8817 43.3131 42.2959C43.3131 42.7101 42.9773 43.0459 42.5631 43.0459H18.4805C18.0663 43.0459 17.7305 42.7101 17.7305 42.2959Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7305 52.2962C17.7305 51.882 18.0663 51.5462 18.4805 51.5462L40.7116 51.5461C41.1258 51.5461 41.4616 51.8819 41.4616 52.2961C41.4616 52.7104 41.1258 53.0461 40.7116 53.0461L18.4805 53.0462C18.0663 53.0462 17.7305 52.7104 17.7305 52.2962Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M37.7305 31.9541C37.7305 31.5399 38.0663 31.2041 38.4805 31.2041H48.1273C48.5415 31.2041 48.8773 31.5399 48.8773 31.9541C48.8773 32.3683 48.5415 32.7041 48.1273 32.7041H38.4805C38.0663 32.7041 37.7305 32.3683 37.7305 31.9541Z",fill:"#A6B0B1"})),t.createElement("path",{d:"M63.1838 60.0608V61.3101C63.1836 61.807 62.9861 62.2834 62.6348 62.6348C62.2835 62.9861 61.807 63.1836 61.3101 63.1837H50.69C50.1931 63.1837 49.7166 62.9863 49.3652 62.635C49.0138 62.2836 48.8164 61.807 48.8164 61.3101V60.0608",stroke:"#A6B0B1",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),t.createElement("path",{d:"M55.5512 49.191C55.6649 49.0732 55.8244 49 56.001 49C56.001 49 56.001 49 56.001 49C56.0081 49 56.0153 49.0001 56.0224 49.0004C56.1752 49.0055 56.3264 49.0664 56.4431 49.1831L61.0145 53.7545C61.2586 53.9986 61.2586 54.3943 61.0145 54.6384C60.7704 54.8824 60.3747 54.8824 60.1306 54.6384L56.626 51.1337V60.7976C56.626 61.1427 56.3462 61.4226 56.001 61.4226C55.6558 61.4226 55.376 61.1427 55.376 60.7976V51.134L51.8716 54.6384C51.6276 54.8824 51.2318 54.8824 50.9877 54.6384C50.7437 54.3943 50.7437 53.9986 50.9877 53.7545L55.5512 49.191Z",fill:"#A6B0B1"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M36.8739 3.50002C37.1624 3.49921 37.4482 3.55546 37.7149 3.66552C37.9816 3.77558 38.224 3.93737 38.428 4.14141L54.3387 20.0521C54.7491 20.4624 54.9797 21.0193 54.98 21.5996L54.9696 40.7471H56.4696L56.48 21.5993C56.4798 20.621 56.091 19.6829 55.3992 18.9913L39.4887 3.08083C39.145 2.73695 38.7366 2.46443 38.2871 2.27894C37.838 2.0936 37.3567 1.99881 36.8708 2.00001H12.6888C11.7105 2.00001 10.7722 2.38865 10.0804 3.08043C9.38864 3.77222 9 4.71048 9 5.68881V59.4034C9 60.3817 9.38864 61.32 10.0804 62.0117C10.7722 62.7035 11.7105 63.0922 12.6888 63.0922H42.0703V61.5922H12.6888C12.1083 61.5922 11.5516 61.3615 11.1411 60.9511C10.7306 60.5406 10.5 59.9839 10.5 59.4034V5.68881C10.5 5.1083 10.7306 4.55158 11.1411 4.1411C11.5516 3.73062 12.1083 3.50002 12.6888 3.50002H36.8718L36.8739 3.50002Z",fill:"#A6B0B1"}),t.createElement("rect",{x:40.75,y:40.75,width:30.5,height:30.5,rx:15.25,stroke:"#A6B0B1",strokeWidth:1.5}),t.createElement("defs",null,t.createElement("linearGradient",{id:"paint0_linear_836_6609",x1:36,y1:-16,x2:36,y2:72,gradientUnits:"userSpaceOnUse"},t.createElement("stop",{stopColor:"#C9ABC7",stopOpacity:0}),t.createElement("stop",{offset:1e-4,stopColor:"#C9ABC7"})))),T1=e=>t.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{d:"M15.4931 3.87109H11.4776C10.5275 3.89973 9.62765 4.30445 8.97582 4.99631C8.324 5.68817 7.97357 6.61054 8.00156 7.56068C7.99312 8.23377 8.16758 8.89652 8.50634 9.47821C8.84509 10.0599 9.33542 10.5387 9.92501 10.8635L13.5771 12.8038C14.1642 13.1295 14.6523 13.6079 14.9896 14.1884C15.3269 14.7688 15.5009 15.4297 15.4931 16.101C15.5211 17.0505 15.1712 17.9724 14.5202 18.6641C13.8691 19.3559 12.9702 19.761 12.0208 19.7906H8.00156",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),t.createElement("path",{d:"M11.2829 19.7908V22.6001",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),t.createElement("path",{d:"M13.1558 1V3.87113",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),g={memoPaddingTopBottomRight:new $(12,C[3]),billReceiptSize:new $(60,C[10]),rootContainerPaddingTop:new $(C[3],62),rootContainerPaddingRight:new $(C[3],C[6]),rootContainerPaddingBottom:new $(C[5],C[9]),rootContainerPaddingLeft:new $(C[3],C[8])},r1=o(E1)`
   color: ${e=>e.isPlaceholderText===!0?e.theme.colors.grey1:e.theme.colors.hero};
   white-space: pre-wrap;
   text-align: center;
@@ -107,7 +107,7 @@ import{u as s1,X as d1,M as q,j as l,d as Y,o as i,g as d,Y as J,C as $,fZ as S1
   }
   border-radius: ${i.sp1};
   cursor: pointer;
-`,G=o.div`
+`,N=o.div`
   background: ${d.importantLight};
   padding: ${i.sp2};
   border-radius: ${i.sp1};
@@ -117,16 +117,16 @@ import{u as s1,X as d1,M as q,j as l,d as Y,o as i,g as d,Y as J,C as $,fZ as S1
 `,F1=o(H1)`
   color: ${e=>e.theme.colors.grey1};
   margin-bottom: ${i.sp3};
-`,O1=o(A1)`
+`,W1=o(A1)`
   color: ${e=>e.theme.colors.grey1};
   margin-bottom: ${i.sp3};
-`,W1=o(T1)`
+`,O1=o(T1)`
   width: ${i.sp7};
   height: ${i.sp7};
   color: ${e=>e.theme.colors.hero};
-`,N=o(p1)`
+`,G=o(p1)`
   color: ${d.important};
-`,G1=({type:e="bill",attachmentIdBeingUploaded:z,uploadError:x,uploadErrorMsg:w,showAutofill:h,allowMultiFiles:E=!1,customError:B,dropFilePlaceholder:n,showInfoText:R,showTitlebar:P,pdfTitle:M,openSizeLimitPopup:V,onUploadAttachment:v,uploadStatus:A})=>{const f=s1(),[_,y]=t.useState(!1),b=function(r){r.preventDefault(),r.stopPropagation(),r.type==="dragenter"||r.type==="dragover"?y(!0):r.type==="dragleave"&&_&&y(!1)},I=function(r){if(r.preventDefault(),r.stopPropagation(),y(!1),r.dataTransfer.files.length>0){const s=r.dataTransfer.files;if(E){const a=[],m=[];for(let c=0;c<s.length;c++)a.push(s[c].name),m.push(s[c]);v?.(m,a,"dragdrop")}else{const a=s[0];v?.([a],[a.name],"dragdrop")}}},p=d1(),H=t.useRef(null),k=q.getLocalizedStrings().spendManagement.billPay.billDetails,L=()=>{H.current?.click()},D=r=>{if(r.target.files!=null){const s=r.target.files;if(E){const a=[],m=[];for(let c=0;c<s.length;c++)a.push(s[c].name),m.push(s[c]);v?.(m,a,"dragdrop")}else{const a=s[0];v?.([a],[a.name],"upload")}}},U=A!=null?A.fetchState=="In-Progress":z;return l.jsxs(M1,{showTitlebar:P,windowSize:p,type:e,children:[P===!0?l.jsx(q1,{windowSize:p,type:e,children:M}):null,U==!0?l.jsx(m1,{children:e==="receipt"?l.jsx(Y,{size:"Large",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",padding:"1.5rem",borderRadius:"100%",backgroundColor:`${f.mode==="light"?d.backgroundThemeLight:d.backgroundThemeDark}`,border:`2px solid ${f.mode==="light"?d.neutralGrey3Light:d.neutralGrey3Dark}`,boxShadow:`${i.sp0} 2px ${i.sp1} ${f.mode==="light"?d.dropShadowNormalLight:d.dropShadowNormalDark}`}}):l.jsx(Y,{size:"ExtraLarge",start:!0})}):l.jsx(N1,{windowSize:p,showAutofill:h,type:e,children:l.jsxs(R1,{windowSize:p,onClick:()=>L(),onDragEnter:b,onDragLeave:b,onDragOver:b,onDrop:I,"data-testid":J("upload-tag",e),children:[l.jsxs(_1,{onDragEnter:b,children:[e==="receipt"?l.jsx(F1,{width:g.billReceiptSize.valuePx(p),height:g.billReceiptSize.valuePx(p)}):l.jsx(O1,{width:g.billReceiptSize.valuePx(p),height:g.billReceiptSize.valuePx(p)}),e==="receipt"?l.jsxs(r1,{isPlaceholderText:!0,children:[n?.upload!=null?l.jsx(j,{children:n?.upload}):null,n?.single!=null?l.jsx(j,{children:l.jsx(a1,{themeContext:f,children:n?.single})}):null,n?.or!=null?l.jsx(j,{children:n?.or}):null,n?.multiple!=null?l.jsx(j,{children:l.jsx(a1,{themeContext:f,children:n?.multiple})}):null,n?.receipts!=null?l.jsx(j,{children:n?.receipts}):null,n?.receipt!=null?l.jsx(j,{children:n?.receipt}):null]}):e==="w9"?l.jsx(n1,{children:k.dropW9}):l.jsx(n1,{children:k.dropInvoice}),B!=null&&l.jsx(G,{children:l.jsx(N,{children:B})}),x&&w==="File size is too large"&&l.jsx(G,{children:l.jsx(N,{children:k.uploadFileSizeExceedError})}),x&&w!=="File size is too large"&&l.jsx(G,{children:l.jsx(N,{children:k.uploadError.replace("__type__",e)})})]}),l.jsx(S1,{fileRef:H,name:"invoice",onFileChange:D,multiple:E,sizeLimit:v1,onFileSizeError:V}),R===!0?l.jsxs(I1,{children:[l.jsx(W1,{}),l.jsx(r1,{isPlaceholderText:!1,style:{marginLeft:i.sp1},children:k.currencyInfo})]}):null]})})]})},N1=o.div`
+`,N1=({type:e="bill",attachmentIdBeingUploaded:z,uploadError:x,uploadErrorMsg:w,showAutofill:h,allowMultiFiles:E=!1,customError:B,dropFilePlaceholder:n,showInfoText:R,showTitlebar:P,pdfTitle:M,openSizeLimitPopup:V,onUploadAttachment:S,uploadStatus:A})=>{const f=s1(),[_,y]=t.useState(!1),b=function(r){r.preventDefault(),r.stopPropagation(),r.type==="dragenter"||r.type==="dragover"?y(!0):r.type==="dragleave"&&_&&y(!1)},I=function(r){if(r.preventDefault(),r.stopPropagation(),y(!1),r.dataTransfer.files.length>0){const s=r.dataTransfer.files;if(E){const a=[],m=[];for(let c=0;c<s.length;c++)a.push(s[c].name),m.push(s[c]);S?.(m,a,"dragdrop")}else{const a=s[0];S?.([a],[a.name],"dragdrop")}}},p=d1(),H=t.useRef(null),v=q.getLocalizedStrings().spendManagement.billPay.billDetails,L=()=>{H.current?.click()},D=r=>{if(r.target.files!=null){const s=r.target.files;if(E){const a=[],m=[];for(let c=0;c<s.length;c++)a.push(s[c].name),m.push(s[c]);S?.(m,a,"dragdrop")}else{const a=s[0];S?.([a],[a.name],"upload")}}},U=A!=null?A.fetchState=="In-Progress":z;return l.jsxs(M1,{showTitlebar:P,windowSize:p,type:e,children:[P===!0?l.jsx(q1,{windowSize:p,type:e,children:M}):null,U==!0?l.jsx(m1,{children:e==="receipt"?l.jsx(Y,{size:"Large",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",padding:"1.5rem",borderRadius:"100%",backgroundColor:`${f.mode==="light"?d.backgroundThemeLight:d.backgroundThemeDark}`,border:`2px solid ${f.mode==="light"?d.neutralGrey3Light:d.neutralGrey3Dark}`,boxShadow:`${i.sp0} 2px ${i.sp1} ${f.mode==="light"?d.dropShadowNormalLight:d.dropShadowNormalDark}`}}):l.jsx(Y,{size:"ExtraLarge",start:!0})}):l.jsx(G1,{windowSize:p,showAutofill:h,type:e,children:l.jsxs(R1,{windowSize:p,onClick:()=>L(),onDragEnter:b,onDragLeave:b,onDragOver:b,onDrop:I,"data-testid":J("upload-tag",e),children:[l.jsxs(_1,{onDragEnter:b,children:[e==="receipt"?l.jsx(F1,{width:g.billReceiptSize.valuePx(p),height:g.billReceiptSize.valuePx(p)}):l.jsx(W1,{width:g.billReceiptSize.valuePx(p),height:g.billReceiptSize.valuePx(p)}),e==="receipt"?l.jsxs(r1,{isPlaceholderText:!0,children:[n?.upload!=null?l.jsx(j,{children:n?.upload}):null,n?.single!=null?l.jsx(j,{children:l.jsx(a1,{themeContext:f,children:n?.single})}):null,n?.or!=null?l.jsx(j,{children:n?.or}):null,n?.multiple!=null?l.jsx(j,{children:l.jsx(a1,{themeContext:f,children:n?.multiple})}):null,n?.receipts!=null?l.jsx(j,{children:n?.receipts}):null,n?.receipt!=null?l.jsx(j,{children:n?.receipt}):null]}):e==="w9"?l.jsx(n1,{children:v.dropW9}):l.jsx(n1,{children:v.dropInvoice}),B!=null&&l.jsx(N,{children:l.jsx(G,{children:B})}),x&&w==="File size is too large"&&l.jsx(N,{children:l.jsx(G,{children:v.uploadFileSizeExceedError})}),x&&w!=="File size is too large"&&l.jsx(N,{children:l.jsx(G,{children:v.uploadError.replace("__type__",e)})})]}),l.jsx(k1,{fileRef:H,name:"invoice",onFileChange:D,multiple:E,sizeLimit:S1,onFileSizeError:V}),R===!0?l.jsxs(I1,{children:[l.jsx(O1,{}),l.jsx(r1,{isPlaceholderText:!1,style:{marginLeft:i.sp1},children:v.currencyInfo})]}):null]})})]})},G1=o.div`
   padding: ${e=>e.type==="w9"?i.sp0:e.windowSize==="small"&&e.showAutofill===!1?i.sp3:i.sp0};
   background-color: ${e=>e.windowSize==="small"?e.theme.colors.grey3:e.theme.colors.grey4};
   height: 100%;
@@ -137,4 +137,4 @@ import{u as s1,X as d1,M as q,j as l,d as Y,o as i,g as d,Y as J,C as $,fZ as S1
   background-color: ${e=>e.windowSize==="small"?e.theme.colors.grey4:e.theme.colors.grey3};
   width: 100%;
   color: ${e=>e.theme.colors.primary};
-`,ne=({uploadInvoiceEndPoint:e,authParams:z,showAutofill:x,allowMultiFiles:w,type:h="bill",customError:E,pdfTitle:B,entityId:n,shouldNotShowAttachment:R,analytics:P,style:M,noAttachmentText:V,dropFilePlaceholder:v,showInfoText:A,showTitlebar:f,showTitlebarIcon:_,file:y,attachmentTitle:b,vendorLegalName:I,onInvoiceUpload:p,onSkipAutofill:H,setFileUploaded:k,updateInvoiceUploadFetchState:L,onReplaceClick:D,onDeleteClick:U,uploadStatus:r,isLoading:s=!1})=>{const a=s1(),m=d1(),[c,K]=t.useState(!1),X=q.getLocalizedStrings().spendManagement.billPay.billDetails,[h1,Z]=t.useState(!1),[u1,Q]=t.useState(!1),[C1,g1]=t.useState(""),[f1,F]=t.useState(!1),[O,x1]=t.useState({title:"",description:"",primaryButtonText:""});t.useEffect(()=>{y!=null?Z(!0):Z(!1)},[y]);async function e1(S,u,T,i1,y1){K(!0),Q(!1),await P1(`${S}/1.0/processors/${h}`,u,w===!0?T:[T[0]],w===!0?i1:[i1[0]],g1).then(k1=>{p?.(k1),Z(!0),k?.()}).catch(()=>{Q(!0),y1?.("Error")}),K(!1)}const t1=S=>{const u=q.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;S?(x1({title:u.uploadLimitTitle,description:u.uploadLimitDescription,primaryButtonText:u.buttons.okay}),F(!0)):F(!1)},w1={onOkClick:()=>{F(!1)}};let l1=n!=null||(r!=null?r?.fetchState=="Completed":h1);h==="bill"&&R===!0&&(l1=!1);const W=h==="bill"?"bill_pay":h==="receipt"?"reimbursement":"w9";return l.jsx(V1,{showAutofill:x,windowSize:m,style:M,type:h,"data-testid":J("upload-section",W),children:s?l.jsx(m1,{children:l.jsx(Y,{size:"ExtraLarge",start:!0})}):l.jsxs(l.Fragment,{children:[f1?l.jsx(b1,{titleComponent:l.jsx($1,{children:O.title}),descriptionComponent:l.jsx(L1,{children:O.description}),primaryButtonText:O.primaryButtonText,action:w1}):null,!s&&r?.fetchState!=="In-Progress"&&l1?l.jsx(z1,{title:b,type:h,file:y,noAttachmentText:V,showTitlebar:f,showTitlebarIcon:_,pdfTitle:B,onReplaceClick:D,onDeleteClick:U,allowMultiFiles:w,openSizeLimitPopup:t1,onUploadAttachment:(S,u)=>{L?.("In-Progress"),e1(e,z,S,u,L)}}):l.jsx(G1,{type:h,uploadError:u1,uploadErrorMsg:C1,attachmentIdBeingUploaded:c,dropFilePlaceholder:v,showInfoText:A,allowMultiFiles:w,customError:E,showTitlebar:f,pdfTitle:B,showAutofill:x,openSizeLimitPopup:t1,uploadStatus:r,onUploadAttachment:(S,u,T)=>{P?.trackUploadInvoice(T,W,I),L?.("In-Progress"),e1(e,z,S,u,L)}}),x?l.jsxs(D1,{windowSize:m,children:[l.jsx(U1,{windowSize:m,themeContext:a,children:X.skipAutofillInfo}),l.jsx(Z1,{windowSize:m,themeContext:a,"data-testid":J("skip-autofill",W),onClick:()=>H?.(!x),children:l.jsx(j1,{children:X.skipAutofill})})]}):null]})})};export{G1 as AttachmentElement,ne as default};
+`,ne=({uploadInvoiceEndPoint:e,authParams:z,showAutofill:x,allowMultiFiles:w,type:h="bill",customError:E,pdfTitle:B,entityId:n,shouldNotShowAttachment:R,analytics:P,style:M,noAttachmentText:V,dropFilePlaceholder:S,showInfoText:A,showTitlebar:f,showTitlebarIcon:_,file:y,attachmentTitle:b,vendorLegalName:I,onInvoiceUpload:p,onSkipAutofill:H,setFileUploaded:v,updateInvoiceUploadFetchState:L,onReplaceClick:D,onDeleteClick:U,uploadStatus:r,isLoading:s=!1})=>{const a=s1(),m=d1(),[c,K]=t.useState(!1),Q=q.getLocalizedStrings().spendManagement.billPay.billDetails,[h1,Z]=t.useState(!1),[u1,X]=t.useState(!1),[C1,g1]=t.useState(""),[f1,F]=t.useState(!1),[W,x1]=t.useState({title:"",description:"",primaryButtonText:""});t.useEffect(()=>{y!=null?Z(!0):Z(!1)},[y]);async function e1(k,u,T,i1,y1){K(!0),X(!1),await P1(`${k}/1.0/processors/${h}`,u,w===!0?T:[T[0]],w===!0?i1:[i1[0]],g1).then(v1=>{p?.(v1),Z(!0),v?.()}).catch(()=>{X(!0),y1?.("Error")}),K(!1)}const t1=k=>{const u=q.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;k?(x1({title:u.uploadLimitTitle,description:u.uploadLimitDescription,primaryButtonText:u.buttons.okay}),F(!0)):F(!1)},w1={onOkClick:()=>{F(!1)}};let l1=n!=null||(r!=null?r?.fetchState=="Completed":h1);h==="bill"&&R===!0&&(l1=!1);const O=h==="bill"?"bill_pay":h==="receipt"?"reimbursement":"w9";return l.jsx(V1,{showAutofill:x,windowSize:m,style:M,type:h,"data-testid":J("upload-section",O),children:s?l.jsx(m1,{children:l.jsx(Y,{size:"ExtraLarge",start:!0})}):l.jsxs(l.Fragment,{children:[f1?l.jsx(b1,{titleComponent:l.jsx($1,{children:W.title}),descriptionComponent:l.jsx(L1,{children:W.description}),primaryButtonText:W.primaryButtonText,action:w1}):null,!s&&r?.fetchState!=="In-Progress"&&l1?l.jsx(z1,{title:b,type:h,file:y,noAttachmentText:V,showTitlebar:f,showTitlebarIcon:_,pdfTitle:B,onReplaceClick:D,onDeleteClick:U,allowMultiFiles:w,openSizeLimitPopup:t1,onUploadAttachment:(k,u)=>{L?.("In-Progress"),e1(e,z,k,u,L)}}):l.jsx(N1,{type:h,uploadError:u1,uploadErrorMsg:C1,attachmentIdBeingUploaded:c,dropFilePlaceholder:S,showInfoText:A,allowMultiFiles:w,customError:E,showTitlebar:f,pdfTitle:B,showAutofill:x,openSizeLimitPopup:t1,uploadStatus:r,onUploadAttachment:(k,u,T)=>{P?.trackUploadInvoice(T,O,I),L?.("In-Progress"),e1(e,z,k,u,L)}}),x?l.jsxs(D1,{windowSize:m,children:[l.jsx(U1,{windowSize:m,themeContext:a,children:Q.skipAutofillInfo}),l.jsx(Z1,{windowSize:m,themeContext:a,"data-testid":J("skip-autofill",O),onClick:()=>H?.(!x),children:l.jsx(j1,{children:Q.skipAutofill})})]}):null]})})};export{N1 as AttachmentElement,ne as default};

package/dist/assets/{IssueChargeCardPage-DywMnIW9-DZC1TtsH.js → IssueChargeCardPage-CqE8lMsX-C6vz_dxs.js}

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

package/dist/assets/{LabeledAddressValue-aXAfyy6x-zuxWHZ35.js → LabeledAddressValue-CCEVX0ke-C3sCHRt6.js}

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

package/dist/assets/{LabeledAddressValueField-BdNErK0u-BCVVhFLg.js → LabeledAddressValueField-B9iirKZj-Cw-fixky.js}

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

package/dist/assets/{LabeledControlledCheckBoxField-DPoSmzJi-B9fcjMs6.js → LabeledControlledCheckBoxField-Bl3-Zao6-6WoEZpzL.js}

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