@zeniai/web-cockpit-ui 1.14.49-dev → 1.14.50-dev

package/dist/assets/InvoiceUploadSection-C84g6m-u-CTBUGTYr.js

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

package/dist/assets/{IssueChargeCardPage-C_4bD6HQ-C7zzGhpe.js → IssueChargeCardPage-CtwG1FQW-CIw40zi7.js}

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

package/dist/assets/{LabeledAddressValue-Ctk46FKq-DXzMzmT1.js → LabeledAddressValue-BbmveEDp-misv-kNS.js}

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

package/dist/assets/LabeledAddressValueField-BplBue9M-DBaZ2tp6.js

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

package/dist/assets/LabeledControlledCheckBoxField-CATsgVfE-C27gMaQw.js

@@ -0,0 +1,16 @@
+import{e as d,j as i,a2 as o,eJ as r,cv as n,o as s,C as c}from"./index-dX8TSOm6.js";import{j as b,n as h}from"./vendor-rkTZJa59.js";const m={width:new c(343,580,726)};function f({label:e,checkBoxField:l,style:t}){const a=d();return i.jsxs(y,{size:a,style:t,isDisabled:l.isDisabled,"data-testid":o(l.name,"labeled-check-box-field"),isSelected:l.defaultChecked??!1,children:[i.jsx(r,{...l,style:{...l.style}}),i.jsx(n,{isDisabled:l.isDisabled,label:e.label,labelStyle:e.style,htmlFor:l.name,style:{display:"flex",flex:1,minHeight:s.sp4,marginLeft:s.sp2,width:e.width,backgroundColor:"inherit",...e.style}})]})}const y=h.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: ${e=>m.width.valuePx(e.size)};
+  min-height: ${s.sp4};
+
+  label {
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+    ${e=>e.isDisabled==="disabled"&&b`
+        color: ${e.theme.colors.grey2};
+      `};
+    cursor: ${e=>e.isDisabled==="disabled"?"not-allowed":"pointer"};
+    pointer-events: ${e=>e.isDisabled==="disabled"||e.isDisabled==="readonly"?"none":"initial"};
+  }
+`;export{f as u};