@zeniai/web-cockpit-ui 1.15.28-qa → 1.15.29-dev

package/dist/assets/InvoiceUploadSection-Cy_eY3C3-BvOhggtx.js

@@ -0,0 +1,140 @@
+import{d as s1,J as d1,F as J,V as l,m as K,o,p as d,y as E,gD as L1,gE as E1,ab as q,cr as j1,cs as B1,ct as z1,at as A1,ba as c1,u as C,b as i1,a as T1,c as H1,aj as p1,gF as P1}from"./index-ruFrDgOE.js";import{a as t}from"./sentry-C9gjpXHu.js";import{n as i}from"./mui-CcAbIvqz.js";import R1 from"./AttachmentView-D8FFMCan-Bx8SM48F.js";import{l as M1}from"./uploadReceipts-Dge0cNF1-B8hOzDLM.js";import"./liveblocks-BojMpfZr.js";import"./core-BfdQ3W3i.js";import"./recharts-CH4lD6YZ.js";import"./zeni-epic-state-yTwK6eAd.js";import"./lottie-C8ug7xYl.js";import"./analytics-deCUYv6O.js";import"./lexical-C3B1wTQQ.js";import"./utils-1UbrxmNv.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},x=new e.Error().stack;x&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[x]="4446919e-5c86-4c4b-a331-29acdf38b926",e._sentryDebugIdIdentifier="sentry-dbid-4446919e-5c86-4c4b-a331-29acdf38b926")}catch{}})();const V1=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"})))),I1=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"})))),_1=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 E(12,C[3]),billReceiptSize:new E(60,C[10]),rootContainerPaddingTop:new E(C[3],62),rootContainerPaddingRight:new E(C[3],C[6]),rootContainerPaddingBottom:new E(C[5],C[9]),rootContainerPaddingLeft:new E(C[3],C[8])},r1=i(T1)`
+  color: ${e=>e.isPlaceholderText===!0?e.theme.colors.grey1:e.theme.colors.hero};
+  white-space: pre-wrap;
+  text-align: center;
+  ${e=>e.isPlaceholderText===!0?i1.largeRegular.css:i1.extraSmallRegular.css};
+  display: flex;
+  align-items: baseline;
+`,n1=i(H1)`
+  color: ${e=>e.theme.colors.hero};
+  white-space: pre-wrap;
+  text-align: center;
+  display: flex;
+  align-items: baseline;
+`,a1=i(c1)`
+  color: ${e=>e.theme.colors.champion};
+`,j=i.div`
+  padding: 0 2px;
+`,D1=i.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex: 1 1 auto;
+  border: 1px dashed ${e=>e.theme.colors.primary};
+  box-sizing: border-box;
+  border-radius: ${o.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=i.div`
+  border: 1px dashed ${e=>e.theme.colors.primary};
+  border-radius: ${o.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=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+`,F1=i.div`
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  border-radius: ${o.sp2};
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey3};
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  padding: ${e=>e.type==="w9"?o.sp0:e.showTitlebar===!0&&e.windowSize!=="small"?o.sp3:o.sp0};
+  img {
+    width: inherit;
+    height: inherit;
+  }
+`,U1=i.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"};
+`,Z1=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 1;
+`,O1=i.div`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+`,W1=i.div`
+  display: flex;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+  align-content: center;
+  align-items: center;
+  margin-top: ${o.sp3};
+`,N1=i(p1)`
+  color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
+  margin-right: ${o.sp3};
+`,G1=i.div`
+  color: ${e=>e.windowSize==="small"&&e.themeContext.mode==="light"?e.theme.colors.primary:d.primaryDark};
+  padding: ${o.sp1} ${o.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: ${o.sp1};
+  cursor: pointer;
+`,N=i.div`
+  background: ${d.importantLight};
+  padding: ${o.sp2};
+  border-radius: ${o.sp1};
+  margin: ${o.sp3} 0;
+  max-width: 330px;
+  text-align: center;
+`,J1=i(I1)`
+  color: ${e=>e.theme.colors.grey1};
+  margin-bottom: ${o.sp3};
+`,K1=i(V1)`
+  color: ${e=>e.theme.colors.grey1};
+  margin-bottom: ${o.sp3};
+`,q1=i(_1)`
+  width: ${o.sp7};
+  height: ${o.sp7};
+  color: ${e=>e.theme.colors.hero};
+`,G=i(p1)`
+  color: ${d.important};
+`,Y1=({type:e="bill",attachmentIdBeingUploaded:x,uploadError:f,uploadErrorMsg:y,showAutofill:h,allowMultiFiles:B=!1,customError:z,dropFilePlaceholder:n,showInfoText:R,showTitlebar:A,pdfTitle:M,openSizeLimitPopup:V,onUploadAttachment:$,uploadStatus:T})=>{const w=s1(),[I,b]=t.useState(!1),S=function(r){r.preventDefault(),r.stopPropagation(),r.type==="dragenter"||r.type==="dragover"?b(!0):r.type==="dragleave"&&I&&b(!1)},_=function(r){if(r.preventDefault(),r.stopPropagation(),b(!1),r.dataTransfer.files.length>0){const s=r.dataTransfer.files;if(B){const a=[],m=[];for(let c=0;c<s.length;c++)a.push(s[c].name),m.push(s[c]);$?.(m,a,"dragdrop")}else{const a=s[0];$?.([a],[a.name],"dragdrop")}}},p=d1(),H=t.useRef(null),k=J.getLocalizedStrings().spendManagement.billPay.billDetails,L=()=>{H.current?.click()},D=r=>{if(r.target.files!=null){const s=r.target.files;if(B){const a=[],m=[];for(let c=0;c<s.length;c++)a.push(s[c].name),m.push(s[c]);$?.(m,a,"dragdrop")}else{const a=s[0];$?.([a],[a.name],"upload")}}},F=T!=null?T.fetchState=="In-Progress":x;return l.jsxs(F1,{showTitlebar:A,windowSize:p,type:e,children:[A===!0?l.jsx(X1,{windowSize:p,type:e,children:M}):null,F==!0?l.jsx(m1,{children:e==="receipt"?l.jsx(K,{size:"Large",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",padding:"1.5rem",borderRadius:"100%",backgroundColor:`${w.mode==="light"?d.backgroundThemeLight:d.backgroundThemeDark}`,border:`2px solid ${w.mode==="light"?d.neutralGrey3Light:d.neutralGrey3Dark}`,boxShadow:`${o.sp0} 2px ${o.sp1} ${w.mode==="light"?d.dropShadowNormalLight:d.dropShadowNormalDark}`}}):l.jsx(K,{size:"ExtraLarge",start:!0})}):l.jsx(Q1,{windowSize:p,showAutofill:h,type:e,children:l.jsxs(D1,{windowSize:p,onClick:()=>L(),onDragEnter:S,onDragLeave:S,onDragOver:S,onDrop:_,"data-testid":q("upload-tag",e),children:[l.jsxs(Z1,{onDragEnter:S,children:[e==="receipt"?l.jsx(J1,{width:g.billReceiptSize.valuePx(p),height:g.billReceiptSize.valuePx(p)}):l.jsx(K1,{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:w,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:w,children:n?.multiple})}):null,n?.receipts!=null?l.jsx(j,{children:n?.receipts}):null,n?.receipt!=null?l.jsx(j,{children:n?.receipt}):null]}):e==="w9"?l.jsx(n1,{children:k.dropW9}):l.jsx(n1,{children:k.dropInvoice}),z!=null&&l.jsx(N,{children:l.jsx(G,{children:z})}),f&&y==="File size is too large"&&l.jsx(N,{children:l.jsx(G,{children:k.uploadFileSizeExceedError})}),f&&y!=="File size is too large"&&l.jsx(N,{children:l.jsx(G,{children:k.uploadError.replace("__type__",e)})})]}),l.jsx(L1,{fileRef:H,name:"invoice",onFileChange:D,multiple:B,sizeLimit:E1,onFileSizeError:V}),R===!0?l.jsxs(O1,{children:[l.jsx(q1,{}),l.jsx(r1,{isPlaceholderText:!1,style:{marginLeft:o.sp1},children:k.currencyInfo})]}):null]})})]})},Q1=i.div`
+  padding: ${e=>e.type==="w9"?o.sp0:e.windowSize==="small"&&e.showAutofill===!1?o.sp3:o.sp0};
+  background-color: ${e=>e.windowSize==="small"?e.theme.colors.grey3:e.theme.colors.grey4};
+  height: 100%;
+  width: 100%;
+  border-radius: ${o.sp2};
+`,X1=i(c1)`
+  padding-bottom: ${e=>e.type==="w9"?o.sp0:e.windowSize==="small"?"12px":o.sp3};
+  background-color: ${e=>e.windowSize==="small"?e.theme.colors.grey4:e.theme.colors.grey3};
+  width: 100%;
+  color: ${e=>e.theme.colors.primary};
+`,he=({uploadInvoiceEndPoint:e,authParams:x,showAutofill:f,allowMultiFiles:y,type:h="bill",customError:B,pdfTitle:z,entityId:n,shouldNotShowAttachment:R,analytics:A,style:M,noAttachmentText:V,dropFilePlaceholder:$,showInfoText:T,showTitlebar:w,showTitlebarIcon:I,file:b,attachmentTitle:S,vendorLegalName:_,onInvoiceUpload:p,onSkipAutofill:H,setFileUploaded:k,updateInvoiceUploadFetchState:L,onReplaceClick:D,onDeleteClick:F,uploadStatus:r,isLoading:s=!1})=>{const a=s1(),m=d1(),[c,Y]=t.useState(!1),Q=J.getLocalizedStrings().spendManagement.billPay.billDetails,[h1,U]=t.useState(!1),[u1,X]=t.useState(!1),[C1,g1]=t.useState(""),[f1,Z]=t.useState(!1),[O,w1]=t.useState({title:"",description:"",primaryButtonText:""});t.useEffect(()=>{b!=null?U(!0):U(!1)},[b]);async function e1(v,u,P,o1,y1){Y(!0),X(!1);const b1=y===!0?P:[P[0]],k1=y===!0?o1:[o1[0]],{blobs:v1,names:$1}=await P1(b1,k1);await M1(`${v}/1.0/processors/${h}`,u,v1,$1,g1).then(S1=>{p?.(S1),U(!0),k?.()}).catch(()=>{X(!0),y1?.("Error")}),Y(!1)}const t1=v=>{const u=J.getLocalizedStrings().spendManagement.reimbursement.reimbursementDetail;v?(w1({title:u.uploadLimitTitle,description:u.uploadLimitDescription,primaryButtonText:u.buttons.okay}),Z(!0)):Z(!1)},x1={onOkClick:()=>{Z(!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(U1,{showAutofill:f,windowSize:m,style:M,type:h,"data-testid":q("upload-section",W),children:s?l.jsx(m1,{children:l.jsx(K,{size:"ExtraLarge",start:!0})}):l.jsxs(l.Fragment,{children:[f1?l.jsx(j1,{titleComponent:l.jsx(z1,{children:O.title}),descriptionComponent:l.jsx(B1,{children:O.description}),primaryButtonText:O.primaryButtonText,action:x1}):null,!s&&r?.fetchState!=="In-Progress"&&l1?l.jsx(R1,{title:S,type:h,file:b,noAttachmentText:V,showTitlebar:w,showTitlebarIcon:I,pdfTitle:z,onReplaceClick:D,onDeleteClick:F,allowMultiFiles:y,openSizeLimitPopup:t1,onUploadAttachment:(v,u)=>{L?.("In-Progress"),e1(e,x,v,u,L)}}):l.jsx(Y1,{type:h,uploadError:u1,uploadErrorMsg:C1,attachmentIdBeingUploaded:c,dropFilePlaceholder:$,showInfoText:T,allowMultiFiles:y,customError:B,showTitlebar:w,pdfTitle:z,showAutofill:f,openSizeLimitPopup:t1,uploadStatus:r,onUploadAttachment:(v,u,P)=>{A?.trackUploadInvoice(P,W,_),L?.("In-Progress"),e1(e,x,v,u,L)}}),f?l.jsxs(W1,{windowSize:m,children:[l.jsx(N1,{windowSize:m,themeContext:a,children:Q.skipAutofillInfo}),l.jsx(G1,{windowSize:m,themeContext:a,"data-testid":q("skip-autofill",W),onClick:()=>H?.(!f),children:l.jsx(A1,{children:Q.skipAutofill})})]}):null]})})};export{Y1 as AttachmentElement,he as default};

package/dist/assets/{IssueChargeCardPage-DX3kJ72T-Bbsa3ReK.js → IssueChargeCardPage-JGrU6BE3-Bzst3S02.js}

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

package/dist/assets/{LabeledAddressValue-DWDFf_hN-i7DYUaCN.js → LabeledAddressValue-BI2stF8S-C5RJ9xTq.js}

@@ -1,4 +1,4 @@
-import{J as u,V as n,cZ as h,y as o,eW as b,u as t,N as f}from"./index-C35YWwTr.js";import{n as r}from"./mui-COCSnD7r.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="d57f0657-1d0a-441e-98a7-e96b38465a46",e._sentryDebugIdIdentifier="sentry-dbid-d57f0657-1d0a-441e-98a7-e96b38465a46")}catch{}})();const i={width:new o(343,580,726),height:new o(t[6],t[6]),controlMinHeight:new o(t[4],t[4]),paddingTopBottom:new o(t[2],t[2]),marginRight:new o(t[2],t[2]),labelMarginLeft:new o(t[3],t[4]),labelMarginRight:new o(t[3],t[4]),labelMarginTop:new o(t[2],t[2])},m={infoLabel:new f("extraSmallRegular","smallRegular")};function $({isDisabled:e,label:a,additionalInfoLabel:d,addressValue:s,isOptional:g,style:p}){const l=u();return n.jsxs(y,{size:l,style:p,isDisabled:e!=null,children:[n.jsxs(x,{children:[n.jsx(h,{isOptional:g,isDisabled:e,label:a.label,style:{marginLeft:i.labelMarginLeft.value(l),marginRight:i.labelMarginRight.value(l),marginTop:i.labelMarginTop.value(l),width:a.width??"auto"}}),n.jsx(b,{...s,isDisabled:e,style:{minHeight:i.controlMinHeight.value(l),paddingTop:i.paddingTopBottom.valuePx(l),paddingBottom:i.paddingTopBottom.valuePx(l),maxWidth:a.width!=null?`calc(100% - ${a.width}px)`:"auto",display:"flex",flexGrow:1,...s.style}})]}),d?n.jsx(c,{size:l,children:d}):null]})}const c=r.label`
+import{J as u,V as n,cQ as h,y as o,eZ as f,u as t,H as b}from"./index-ruFrDgOE.js";import{n as r}from"./mui-CcAbIvqz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="59aee097-6920-496a-b1fe-cf440843b59f",e._sentryDebugIdIdentifier="sentry-dbid-59aee097-6920-496a-b1fe-cf440843b59f")}catch{}})();const i={width:new o(343,580,726),height:new o(t[6],t[6]),controlMinHeight:new o(t[4],t[4]),paddingTopBottom:new o(t[2],t[2]),marginRight:new o(t[2],t[2]),labelMarginLeft:new o(t[3],t[4]),labelMarginRight:new o(t[3],t[4]),labelMarginTop:new o(t[2],t[2])},c={infoLabel:new b("extraSmallRegular","smallRegular")};function $({isDisabled:e,label:a,additionalInfoLabel:d,addressValue:s,isOptional:g,style:p}){const l=u();return n.jsxs(y,{size:l,style:p,isDisabled:e!=null,children:[n.jsxs(x,{children:[n.jsx(h,{isOptional:g,isDisabled:e,label:a.label,style:{marginLeft:i.labelMarginLeft.value(l),marginRight:i.labelMarginRight.value(l),marginTop:i.labelMarginTop.value(l),width:a.width??"auto"}}),n.jsx(f,{...s,isDisabled:e,style:{minHeight:i.controlMinHeight.value(l),paddingTop:i.paddingTopBottom.valuePx(l),paddingBottom:i.paddingTopBottom.valuePx(l),maxWidth:a.width!=null?`calc(100% - ${a.width}px)`:"auto",display:"flex",flexGrow:1,...s.style}})]}),d?n.jsx(m,{size:l,children:d}):null]})}const m=r.label`
   color: ${e=>e.theme.colors.grey1};
   display: flex;
   flex-direction: row;
@@ -7,7 +7,7 @@ import{J as u,V as n,cZ as h,y as o,eW as b,u as t,N as f}from"./index-C35YWwTr.
   padding-right: ${e=>i.marginRight.valuePx(e.size)};
   padding-top: ${e=>i.paddingTopBottom.valuePx(e.size)};
   padding-bottom: ${e=>i.paddingTopBottom.valuePx(e.size)};
-  ${e=>`${m.infoLabel.style(e.size)}`};
+  ${e=>`${c.infoLabel.style(e.size)}`};
 `,x=r.div`
   display: flex;
   flex-direction: row;

package/dist/assets/LabeledAddressValueField-BeN4saF8-Dh6otOvG.js

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