@zeniai/web-cockpit-ui 1.15.45-dev → 1.15.46-dev

package/dist/assets/InvoiceUploadSection-IRD6N1t0-e8npmlKC.js

@@ -0,0 +1,140 @@
+import{y as se,J as de,b as J,V as t,L as q,o as l,p as d,x as z,gF as ve,gG as ze,ac as K,cs as Le,ct as Ee,cu as Pe,au as Te,bb as ce,u as g,w as ie,M as Be,h as Ie,ak as pe,gH as Ae}from"./index-CZZQCAd2.js";import{a as o}from"./sentry-KKNtqb_g.js";import{n as i}from"./mui-1V4DDk1u.js";import De from"./AttachmentView-CbtcWV-6-CFsaig-u.js";import{l as Me}from"./uploadReceipts-Dge0cNF1-BxDjc4Mk.js";import{t as Re}from"./upload-reimbursement-receipt-O2N8vcO7-DHlUSExT.js";import"./liveblocks-DYmELrdC.js";import"./core-BPh6D8v5.js";import"./recharts-W_ILlOEk.js";import"./zeni-epic-state-BIDncbwZ.js";import"./lottie-BRpRA-Un.js";import"./analytics-CQziHS33.js";import"./lexical-CO_PvSmH.js";import"./utils-DuPmVt2f.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},C=new e.Error().stack;C&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[C]="461a8aa3-558a-406a-a315-285c0c3b198d",e._sentryDebugIdIdentifier="sentry-dbid-461a8aa3-558a-406a-a315-285c0c3b198d")}catch{}})();const He=e=>o.createElement("svg",{viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("mask",{id:"mask0_623_1439",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:-16,width:72,height:88},o.createElement("rect",{y:-16,width:72,height:88,fill:"url(#paint0_linear_623_1439)"})),o.createElement("g",{mask:"url(#mask0_623_1439)"},o.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"}),o.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"}),o.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"}),o.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"}),o.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"})),o.createElement("rect",{x:40.75,y:40.75,width:30.5,height:30.5,rx:15.25,stroke:"#A6B0B1",strokeWidth:1.5}),o.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"}),o.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"}),o.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"}),o.createElement("defs",null,o.createElement("linearGradient",{id:"paint0_linear_623_1439",x1:36,y1:-16,x2:36,y2:72,gradientUnits:"userSpaceOnUse"},o.createElement("stop",{stopColor:"#C9ABC7",stopOpacity:0}),o.createElement("stop",{offset:1e-4,stopColor:"#C9ABC7"})))),_e=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.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"}),o.createElement("path",{d:"M11.2829 19.7908V22.6001",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M13.1558 1V3.87113",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),f={memoPaddingTopBottomRight:new z(12,g[3]),billReceiptSize:new z(60,g[10]),rootContainerPaddingTop:new z(g[3],62),rootContainerPaddingRight:new z(g[3],g[6]),rootContainerPaddingBottom:new z(g[5],g[9]),rootContainerPaddingLeft:new z(g[3],g[8])},re=i(Be)`
+  color: ${e=>e.isPlaceholderText===!0?e.theme.colors.grey1:e.theme.colors.hero};
+  white-space: pre-wrap;
+  text-align: center;
+  ${e=>e.isPlaceholderText===!0?ie.largeRegular.css:ie.extraSmallRegular.css};
+  display: flex;
+  align-items: baseline;
+`,ne=i(Ie)`
+  color: ${e=>e.theme.colors.hero};
+  white-space: pre-wrap;
+  text-align: center;
+  display: flex;
+  align-items: baseline;
+`,ae=i(ce)`
+  color: ${e=>e.theme.colors.champion};
+`,L=i.div`
+  padding: 0 2px;
+`,Ve=i.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex: 1 1 auto;
+  border: 1px dashed ${e=>e.theme.colors.primary};
+  box-sizing: border-box;
+  border-radius: ${l.sp2};
+  padding: ${e=>f.memoPaddingTopBottomRight.valuePx(e.windowSize)};
+  align-items: center;
+  width: 100%;
+  cursor: pointer;
+  background-color: ${e=>e.theme.colors.grey4};
+  .uploadIconStyled {
+    fill: ${e=>e.theme.colors.grey1};
+  }
+  &:hover {
+    .uploadIconStyled {
+      fill: ${e=>e.theme.colors.primary};
+    }
+    .textContent {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,he=i.div`
+  border: 1px dashed ${e=>e.theme.colors.primary};
+  border-radius: ${l.sp2};
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-shadow: ${e=>`${l.sp0} 2px ${l.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,Fe=i.div`
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  border-radius: ${l.sp2};
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey3};
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  padding: ${e=>e.type==="w9"?l.sp0:e.showTitlebar===!0&&e.windowSize!=="small"?l.sp3:l.sp0};
+  img {
+    width: inherit;
+    height: inherit;
+  }
+`,Ue=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: ${e=>f.rootContainerPaddingTop.valuePx(e.windowSize)};
+  padding-right: ${e=>f.rootContainerPaddingRight.valuePx(e.windowSize)};
+  padding-bottom: ${e=>f.rootContainerPaddingBottom.valuePx(e.windowSize)};
+  padding-left: ${e=>f.rootContainerPaddingLeft.valuePx(e.windowSize)};
+  height: ${e=>e.windowSize==="small"&&e.showAutofill?"100%":e.windowSize==="small"?"490px":"auto"};
+  overflow: ${e=>e.windowSize==="small"?"unset":"hidden"};
+  width: ${e=>e.windowSize=="small"?"100%":"42%"};
+  background-color: ${e=>e.showAutofill&&e.windowSize!=="small"?d.overlayDark:e.windowSize==="small"?e.theme.colors.grey4:e.theme.colors.background};
+  margin-top: ${e=>e.windowSize==="small"&&(e.type==="bill"||e.type==="w9")?"76px":"unset"};
+`,Ze=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 1;
+`,Oe=i.div`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+`,We=i.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-content: center;
+  align-items: center;
+  margin-top: ${l.sp3};
+`,Ne=i(pe)`
+  color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
+  margin-right: ${l.sp3};
+`,Ge=i.div`
+  color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
+  padding: ${l.sp1} ${l.sp2};
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  &:hover {
+    border-color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
+  }
+  border-radius: ${l.sp1};
+  cursor: pointer;
+`,N=i.div`
+  background: ${d.importantLight};
+  padding: ${l.sp2};
+  border-radius: ${l.sp1};
+  margin: ${l.sp3} 0;
+  max-width: 330px;
+  text-align: center;
+`,Je=i(Re)`
+  color: ${e=>e.theme.colors.grey1};
+  margin-bottom: ${l.sp3};
+`,qe=i(He)`
+  color: ${e=>e.theme.colors.grey1};
+  margin-bottom: ${l.sp3};
+`,Ke=i(_e)`
+  width: ${l.sp7};
+  height: ${l.sp7};
+  color: ${e=>e.theme.colors.hero};
+`,G=i(pe)`
+  color: ${d.important};
+`,Ye=({type:e="bill",attachmentIdBeingUploaded:C,uploadError:w,uploadErrorMsg:y,showAutofill:m,allowMultiFiles:E=!1,customError:P,dropFilePlaceholder:n,showInfoText:D,showTitlebar:T,pdfTitle:M,openSizeLimitPopup:R,onUploadAttachment:k,uploadStatus:B})=>{const x=se(),[H,b]=o.useState(!1),j=function(r){r.preventDefault(),r.stopPropagation(),r.type==="dragenter"||r.type==="dragover"?b(!0):r.type==="dragleave"&&H&&b(!1)},_=function(r){if(r.preventDefault(),r.stopPropagation(),b(!1),r.dataTransfer.files.length>0){const s=r.dataTransfer.files;if(E){const a=[],h=[];for(let c=0;c<s.length;c++)a.push(s[c].name),h.push(s[c]);k?.(h,a,"dragdrop")}else{const a=s[0];k?.([a],[a.name],"dragdrop")}}},p=de(),I=o.useRef(null),$=J.getLocalizedStrings().spendManagement.billPay.billDetails,v=()=>{I.current?.click()},V=r=>{if(r.target.files!=null){const s=r.target.files;if(E){const a=[],h=[];for(let c=0;c<s.length;c++)a.push(s[c].name),h.push(s[c]);k?.(h,a,"dragdrop")}else{const a=s[0];k?.([a],[a.name],"upload")}}},F=B!=null?B.fetchState=="In-Progress":C;return t.jsxs(Fe,{showTitlebar:T,windowSize:p,type:e,children:[T===!0?t.jsx(Xe,{windowSize:p,type:e,children:M}):null,F==!0?t.jsx(he,{children:e==="receipt"?t.jsx(q,{size:"Large",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",padding:"1.5rem",borderRadius:"100%",backgroundColor:`${x.mode==="light"?d.backgroundThemeLight:d.backgroundThemeDark}`,border:`2px solid ${x.mode==="light"?d.neutralGrey3Light:d.neutralGrey3Dark}`,boxShadow:`${l.sp0} 2px ${l.sp1} ${x.mode==="light"?d.dropShadowNormalLight:d.dropShadowNormalDark}`}}):t.jsx(q,{size:"ExtraLarge",start:!0})}):t.jsx(Qe,{windowSize:p,showAutofill:m,type:e,children:t.jsxs(Ve,{windowSize:p,onClick:()=>v(),onDragEnter:j,onDragLeave:j,onDragOver:j,onDrop:_,"data-testid":K("upload-tag",e),children:[t.jsxs(Ze,{onDragEnter:j,children:[e==="receipt"?t.jsx(Je,{width:f.billReceiptSize.valuePx(p),height:f.billReceiptSize.valuePx(p)}):t.jsx(qe,{width:f.billReceiptSize.valuePx(p),height:f.billReceiptSize.valuePx(p)}),e==="receipt"?t.jsxs(re,{isPlaceholderText:!0,children:[n?.upload!=null?t.jsx(L,{children:n?.upload}):null,n?.single!=null?t.jsx(L,{children:t.jsx(ae,{themeContext:x,children:n?.single})}):null,n?.or!=null?t.jsx(L,{children:n?.or}):null,n?.multiple!=null?t.jsx(L,{children:t.jsx(ae,{themeContext:x,children:n?.multiple})}):null,n?.receipts!=null?t.jsx(L,{children:n?.receipts}):null,n?.receipt!=null?t.jsx(L,{children:n?.receipt}):null]}):e==="w9"?t.jsx(ne,{children:$.dropW9}):t.jsx(ne,{children:$.dropInvoice}),P!=null&&t.jsx(N,{children:t.jsx(G,{children:P})}),w&&y==="File size is too large"&&t.jsx(N,{children:t.jsx(G,{children:$.uploadFileSizeExceedError})}),w&&y!=="File size is too large"&&t.jsx(N,{children:t.jsx(G,{children:$.uploadError.replace("__type__",e)})})]}),t.jsx(ve,{fileRef:I,name:"invoice",onFileChange:V,multiple:E,sizeLimit:ze,onFileSizeError:R}),D===!0?t.jsxs(Oe,{children:[t.jsx(Ke,{}),t.jsx(re,{isPlaceholderText:!1,style:{marginLeft:l.sp1},children:$.currencyInfo})]}):null]})})]})},Qe=i.div`
+  padding: ${e=>e.type==="w9"?l.sp0:e.windowSize==="small"&&e.showAutofill===!1?l.sp3:l.sp0};
+  background-color: ${e=>e.windowSize==="small"?e.theme.colors.grey3:e.theme.colors.grey4};
+  height: 100%;
+  width: 100%;
+  border-radius: ${l.sp2};
+`,Xe=i(ce)`
+  padding-bottom: ${e=>e.type==="w9"?l.sp0:e.windowSize==="small"?"12px":l.sp3};
+  background-color: ${e=>e.windowSize==="small"?e.theme.colors.grey4:e.theme.colors.grey3};
+  width: 100%;
+  color: ${e=>e.theme.colors.primary};
+`,ut=({uploadInvoiceEndPoint:e,authParams:C,showAutofill:w,allowMultiFiles:y,type:m="bill",customError:E,pdfTitle:P,entityId:n,shouldNotShowAttachment:D,analytics:T,style:M,noAttachmentText:R,dropFilePlaceholder:k,showInfoText:B,showTitlebar:x,showTitlebarIcon:H,file:b,attachmentTitle:j,vendorLegalName:_,onInvoiceUpload:p,onSkipAutofill:I,setFileUploaded:$,updateInvoiceUploadFetchState:v,onReplaceClick:V,onDeleteClick:F,uploadStatus:r,isLoading:s=!1})=>{const a=se(),h=de(),[c,Y]=o.useState(!1),Q=J.getLocalizedStrings().spendManagement.billPay.billDetails,[me,U]=o.useState(!1),[ue,X]=o.useState(!1),[ge,fe]=o.useState(""),[we,Z]=o.useState(!1),[O,xe]=o.useState({title:"",description:"",primaryButtonText:""});o.useEffect(()=>{b!=null?U(!0):U(!1)},[b]);async function ee(S,u,A,le,ye){Y(!0),X(!1);const be=y===!0?A:[A[0]],$e=y===!0?le:[le[0]],{blobs:Se,names:ke}=await Ae(be,$e);await Me(`${S}/1.0/processors/${m}`,u,Se,ke,fe).then(je=>{p?.(je),U(!0),$?.()}).catch(()=>{X(!0),ye?.("Error")}),Y(!1)}const te=S=>{const u=J.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;S?(xe({title:u.uploadLimitTitle,description:u.uploadLimitDescription,primaryButtonText:u.buttons.okay}),Z(!0)):Z(!1)},Ce={onOkClick:()=>{Z(!1)}};let oe=n!=null||(r!=null?r?.fetchState=="Completed":me);m==="bill"&&D===!0&&(oe=!1);const W=m==="bill"?"bill_pay":m==="receipt"?"reimbursement":"w9";return t.jsx(Ue,{showAutofill:w,windowSize:h,style:M,type:m,"data-testid":K("upload-section",W),children:s?t.jsx(he,{children:t.jsx(q,{size:"ExtraLarge",start:!0})}):t.jsxs(t.Fragment,{children:[we?t.jsx(Le,{titleComponent:t.jsx(Pe,{children:O.title}),descriptionComponent:t.jsx(Ee,{children:O.description}),primaryButtonText:O.primaryButtonText,action:Ce}):null,!s&&r?.fetchState!=="In-Progress"&&oe?t.jsx(De,{title:j,type:m,file:b,noAttachmentText:R,showTitlebar:x,showTitlebarIcon:H,pdfTitle:P,onReplaceClick:V,onDeleteClick:F,allowMultiFiles:y,openSizeLimitPopup:te,onUploadAttachment:(S,u)=>{v?.("In-Progress"),ee(e,C,S,u,v)}}):t.jsx(Ye,{type:m,uploadError:ue,uploadErrorMsg:ge,attachmentIdBeingUploaded:c,dropFilePlaceholder:k,showInfoText:B,allowMultiFiles:y,customError:E,showTitlebar:x,pdfTitle:P,showAutofill:w,openSizeLimitPopup:te,uploadStatus:r,onUploadAttachment:(S,u,A)=>{T?.trackUploadInvoice(A,W,_),v?.("In-Progress"),ee(e,C,S,u,v)}}),w?t.jsxs(We,{windowSize:h,children:[t.jsx(Ne,{windowSize:h,themeContext:a,children:Q.skipAutofillInfo}),t.jsx(Ge,{windowSize:h,themeContext:a,"data-testid":K("skip-autofill",W),onClick:()=>I?.(!w),children:t.jsx(Te,{children:Q.skipAutofill})})]}):null]})})};export{Ye as AttachmentElement,ut as default};

package/dist/assets/{IssueChargeCardPage-B6wmvbEr-BJuCdS5L.js → IssueChargeCardPage-ztNdugMI-ni4X5-nS.js}

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

package/dist/assets/{LabeledAddressValue-CQrDCgNs-BE2vwBEi.js → LabeledAddressValue-CTGbS3xZ-BV3lWB3L.js}

@@ -1,4 +1,4 @@
-import{J as u,V as n,cP as h,y as o,eY as b,u as t,H as f}from"./index-DTirxbyQ.js";import{n as r}from"./mui-CUgxbbSv.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="fa219698-d80d-42e7-ba70-81f476b30219",e._sentryDebugIdIdentifier="sentry-dbid-fa219698-d80d-42e7-ba70-81f476b30219")}catch{}})();const i={width:new o(343,580,726),height:new o(t[6],t[6]),controlMinHeight:new o(t[4],t[4]),paddingTopBottom:new o(t[2],t[2]),marginRight:new o(t[2],t[2]),labelMarginLeft:new o(t[3],t[4]),labelMarginRight:new o(t[3],t[4]),labelMarginTop:new o(t[2],t[2])},m={infoLabel:new f("extraSmallRegular","smallRegular")};function $({isDisabled:e,label:a,additionalInfoLabel:d,addressValue:s,isOptional:g,style:p}){const l=u();return n.jsxs(y,{size:l,style:p,isDisabled:e!=null,children:[n.jsxs(x,{children:[n.jsx(h,{isOptional:g,isDisabled:e,label:a.label,style:{marginLeft:i.labelMarginLeft.value(l),marginRight:i.labelMarginRight.value(l),marginTop:i.labelMarginTop.value(l),width:a.width??"auto"}}),n.jsx(b,{...s,isDisabled:e,style:{minHeight:i.controlMinHeight.value(l),paddingTop:i.paddingTopBottom.valuePx(l),paddingBottom:i.paddingTopBottom.valuePx(l),maxWidth:a.width!=null?`calc(100% - ${a.width}px)`:"auto",display:"flex",flexGrow:1,...s.style}})]}),d?n.jsx(c,{size:l,children:d}):null]})}const c=r.label`
+import{J as u,V as d,cR as h,x as o,e_ as c,u as t,c as f}from"./index-CZZQCAd2.js";import{n as r}from"./mui-1V4DDk1u.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="038f8654-42cc-4af1-872b-1dd2031dd0ce",e._sentryDebugIdIdentifier="sentry-dbid-038f8654-42cc-4af1-872b-1dd2031dd0ce")}catch{}})();const i={width:new o(343,580,726),height:new o(t[6],t[6]),controlMinHeight:new o(t[4],t[4]),paddingTopBottom:new o(t[2],t[2]),marginRight:new o(t[2],t[2]),labelMarginLeft:new o(t[3],t[4]),labelMarginRight:new o(t[3],t[4]),labelMarginTop:new o(t[2],t[2])},b={infoLabel:new f("extraSmallRegular","smallRegular")};function $({isDisabled:e,label:a,additionalInfoLabel:n,addressValue:s,isOptional:g,style:p}){const l=u();return d.jsxs(y,{size:l,style:p,isDisabled:e!=null,children:[d.jsxs(x,{children:[d.jsx(h,{isOptional:g,isDisabled:e,label:a.label,style:{marginLeft:i.labelMarginLeft.value(l),marginRight:i.labelMarginRight.value(l),marginTop:i.labelMarginTop.value(l),width:a.width??"auto"}}),d.jsx(c,{...s,isDisabled:e,style:{minHeight:i.controlMinHeight.value(l),paddingTop:i.paddingTopBottom.valuePx(l),paddingBottom:i.paddingTopBottom.valuePx(l),maxWidth:a.width!=null?`calc(100% - ${a.width}px)`:"auto",display:"flex",flexGrow:1,...s.style}})]}),n?d.jsx(m,{size:l,children:n}):null]})}const m=r.label`
   color: ${e=>e.theme.colors.grey1};
   display: flex;
   flex-direction: row;
@@ -7,7 +7,7 @@ import{J as u,V as n,cP as h,y as o,eY as b,u as t,H as f}from"./index-DTirxbyQ.
   padding-right: ${e=>i.marginRight.valuePx(e.size)};
   padding-top: ${e=>i.paddingTopBottom.valuePx(e.size)};
   padding-bottom: ${e=>i.paddingTopBottom.valuePx(e.size)};
-  ${e=>`${m.infoLabel.style(e.size)}`};
+  ${e=>`${b.infoLabel.style(e.size)}`};
 `,x=r.div`
   display: flex;
   flex-direction: row;

package/dist/assets/LabeledAddressValueField-BPAdd5QC-DJSlRcrD.js

@@ -0,0 +1,45 @@
+import{J as x,cM as y,ey as w,V as d,cR as v,x as o,f1 as $,ac as T,b as z,p as g,u as i,c as B}from"./index-CZZQCAd2.js";import{n as s}from"./mui-1V4DDk1u.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="7a7cee75-1002-4403-81fb-2ad6bf40a4c8",e._sentryDebugIdIdentifier="sentry-dbid-7a7cee75-1002-4403-81fb-2ad6bf40a4c8")}catch{}})();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])},D={infoLabel:new B("extraSmallRegular","smallRegular")},M=z.getLocalizedStrings();function H({isDisabled:e,label:l,addressValueField:r,additionalInfoLabel:h,showAdditionalInfoLabel:b=!1,style:f,hasHoverBorder:p,isOptional:u}){const a=x(),{formState:{errors:c}}=y(),n=w(c,r.name),m=n?h:M.commonSetUp.businessVerification.addressAdditionInfo;return d.jsxs(I,{size:a,style:f,isDisabled:e!=null,isError:n,hasHoverBorder:p??!0,"data-testid":T("labeled-address-value-field",r.name),children:[d.jsx(v,{isDisabled:e,isOptional:u,label:l.label,htmlFor:r.name,style:{marginLeft:t.labelMarginLeft.value(a),marginRight:t.labelMarginRight.value(a),marginTop:t.labelMarginTop.value(a),width:l.width??"auto"}}),d.jsxs(L,{labelWidth:l.width,children:[d.jsx($,{...r,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,...r.style}}),(b||n)&&d.jsx(R,{size:a,isError:n,children:m})]})]})}const I=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>t.width.valuePx(e.size)};
+  min-height: ${e=>t.height.valuePx(e.size)};
+  padding-right: ${e=>t.marginRight.valuePx(e.size)};
+  padding-top: ${e=>t.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>t.paddingTopBottom.valuePx(e.size)};
+
+  &:focus-within {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+  }
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+  &:hover {
+    z-index: 1;
+    outline: ${e=>e.hasHoverBorder?`1px solid ${e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary}`:"none"};
+    .address-value {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?g.importantLight:e.theme.colors.background};
+    }
+  }
+`,L=s.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,R=s.label`
+  display: flex;
+  color: ${e=>e.isError?g.important:e.theme.colors.grey1};
+  ${e=>`${D.infoLabel.style(e.size)}`};
+  padding-right: 12px;
+  text-align: right;
+`;export{H as C};

package/dist/assets/LabeledControlledCheckBoxField-DlQqluVv-BVJ5kTmb.js

@@ -0,0 +1,16 @@
+import{J as d,V as i,eP as o,cR as n,o as s,ac as r,x as b}from"./index-CZZQCAd2.js";import{c,n as f}from"./mui-1V4DDk1u.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="fa767e8c-5b99-44a6-90ba-8b2e606fdeca",e._sentryDebugIdIdentifier="sentry-dbid-fa767e8c-5b99-44a6-90ba-8b2e606fdeca")}catch{}})();const y={width:new b(343,580,726)};function u({label:e,checkBoxField:l,style:t}){const a=d();return i.jsxs(h,{size:a,style:t,isDisabled:l.isDisabled,"data-testid":r(l.name,"labeled-check-box-field"),isSelected:l.defaultChecked??!1,children:[i.jsx(o,{...l,style:{...l.style}}),i.jsx(n,{isDisabled:l.isDisabled,label:e.label,labelStyle:e.style,htmlFor:l.name,style:{display:"flex",flex:1,minHeight:s.sp4,marginLeft:s.sp2,width:e.width,backgroundColor:"inherit",...e.style}})]})}const h=f.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: ${e=>y.width.valuePx(e.size)};
+  min-height: ${s.sp4};
+
+  label {
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+    ${e=>e.isDisabled==="disabled"&&c`
+        color: ${e.theme.colors.grey2};
+      `};
+    cursor: ${e=>e.isDisabled==="disabled"?"not-allowed":"pointer"};
+    pointer-events: ${e=>e.isDisabled==="disabled"||e.isDisabled==="readonly"?"none":"initial"};
+  }
+`;export{u as x};