@zeniai/web-cockpit-ui 1.14.72-qa → 1.14.73-dev

package/dist/assets/{LabeledText-BESSkt5Z-DXlW_VY-.js → LabeledText-B3JYr4tU-laTDcIhJ.js}

@@ -1,4 +1,4 @@
-import{q as b,j as r,aM as s,d9 as u,y as l,u as t,o as a,am as m,c as x}from"./index-TYkG9rxW.js";import{n}from"./vendor-Bs1fkIUX.js";const i={width:new l(343,580,726),height:new l(t[6],t[6]),paddingTopBottom:new l(t[2],t[2]),marginRight:new l(t[2],t[2]),labelMarginLeft:new l(t[3],t[4]),labelMarginRight:new l(t[3],t[4]),labelMarginTop:new l(t[2],t[2])},f={infoLabel:new x("extraSmallRegular","smallRegular")};function z({label:e,value:g,additionalInfoLabel:d,style:h,infoLabelStyle:p}){const o=b();return r.jsxs(c,{size:o,style:h,"data-testid":s("labeled-text",e.label),children:[r.jsx(u,{label:e.label,style:{marginLeft:i.labelMarginLeft.value(o),marginRight:i.labelMarginRight.value(o),marginTop:i.labelMarginTop.value(o),width:e.width??"auto"}}),r.jsxs($,{labelWidth:e.width,children:[r.jsx(w,{"data-testid":s("labeled-text-input",e.label),children:g}),d!=null?r.jsx(y,{size:o,style:p,children:d}):null]})]})}const c=n.div`
+import{q as b,j as r,aM as s,d9 as u,y as l,u as t,o as a,am as m,b as x}from"./index-MAXVX6UR.js";import{n}from"./vendor-Bs1fkIUX.js";const i={width:new l(343,580,726),height:new l(t[6],t[6]),paddingTopBottom:new l(t[2],t[2]),marginRight:new l(t[2],t[2]),labelMarginLeft:new l(t[3],t[4]),labelMarginRight:new l(t[3],t[4]),labelMarginTop:new l(t[2],t[2])},f={infoLabel:new x("extraSmallRegular","smallRegular")};function z({label:e,value:g,additionalInfoLabel:d,style:h,infoLabelStyle:p}){const o=b();return r.jsxs(c,{size:o,style:h,"data-testid":s("labeled-text",e.label),children:[r.jsx(u,{label:e.label,style:{marginLeft:i.labelMarginLeft.value(o),marginRight:i.labelMarginRight.value(o),marginTop:i.labelMarginTop.value(o),width:e.width??"auto"}}),r.jsxs($,{labelWidth:e.width,children:[r.jsx(w,{"data-testid":s("labeled-text-input",e.label),children:g}),d!=null?r.jsx(y,{size:o,style:p,children:d}):null]})]})}const c=n.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;

package/dist/assets/{LabeledUserSingleSelectWithSubtitlesField-vEIvvd-n-Dq3Y2KPE.js → LabeledUserSingleSelectWithSubtitlesField-DHOsMX6S-5w6248s9.js}

@@ -1,4 +1,4 @@
-import{q as U,j as l,aM as Z,d9 as me,o as s,y as C,u as m,d3 as K,dc as ge,db as xe,d as be,ga as fe,O as E,c as $e,bN as H,gb as Q,aq as _,gc as q,bL as B,h as F,C as G,am as X,gd as we,an as ye,ai as ve}from"./index-TYkG9rxW.js";import{n as r}from"./vendor-Bs1fkIUX.js";import{T as je}from"./RoleWithToolTip-BqI6M0x_-CjRr5WNK.js";const ee={selectContainerMarginHorizontal:new C(m[2],m[3]),marginTop:new C(m[1],m[0])},Se=r(ye)`
+import{q as U,j as l,aM as Z,d9 as me,o as s,y as C,u as m,d3 as K,dc as ge,db as xe,c as be,ga as fe,O as E,b as $e,bN as H,gb as Q,aq as _,gc as q,bL as B,h as F,C as G,am as X,gd as we,an as ye,ai as ve}from"./index-MAXVX6UR.js";import{n as r}from"./vendor-Bs1fkIUX.js";import{T as je}from"./RoleWithToolTip-CnJMJF5X-DPQwf2SV.js";const ee={selectContainerMarginHorizontal:new C(m[2],m[3]),marginTop:new C(m[1],m[0])},Se=r(ye)`
   display: flex;
   gap: ${s.sp2};
   align-items: center;

package/dist/assets/{LabeledZeniRolesDropDownField-BXTCN4j2-BoDRzyRs.js → LabeledZeniRolesDropDownField-DcUdbKa4-fYq87dcd.js}

@@ -1,4 +1,4 @@
-import{q as M,j as l,aM as A,d9 as G,y as m,o,u as n,d3 as N,dc as q,db as K,d as Y,C as V,bM as ie,l as I,O as te,g7 as se,ge as ae,aJ as ne,b1 as de,h as D,bN as B,b9 as ce,bL as pe,cP as ue,gf as F,cw as Q,n as he,ai as X,am as ge,an as me,f$ as be,fN as fe,bA as xe,g0 as ye,bm as we,gg as ve}from"./index-TYkG9rxW.js";import{n as d,i as $e,b as k}from"./vendor-Bs1fkIUX.js";import{T as Re}from"./RoleWithToolTip-BqI6M0x_-CjRr5WNK.js";const H={grpBtnMarginTopBottom:new m(n[1],n[3]),grpBtnMarginLeftRight:new m(n[0],n[3])},je=d.div`
+import{q as M,j as l,aM as A,d9 as G,y as m,o,u as n,d3 as N,dc as q,db as K,c as Q,C as V,bM as ie,l as I,O as te,g7 as se,ge as ae,aJ as ne,b1 as de,h as D,bN as B,b9 as ce,bL as pe,cP as ue,gf as F,cw as X,n as he,ai as Y,am as ge,an as me,f$ as be,fN as fe,bA as xe,g0 as ye,bm as we,gg as ve}from"./index-MAXVX6UR.js";import{n as d,i as $e,b as k}from"./vendor-Bs1fkIUX.js";import{T as Re}from"./RoleWithToolTip-CnJMJF5X-DPQwf2SV.js";const H={grpBtnMarginTopBottom:new m(n[1],n[3]),grpBtnMarginLeftRight:new m(n[0],n[3])},je=d.div`
   display: flex;
   margin-top: ${e=>H.grpBtnMarginTopBottom.valuePx(e.windowSize)};
   margin-bottom: ${e=>H.grpBtnMarginTopBottom.valuePx(e.windowSize)};
@@ -22,7 +22,7 @@ import{q as M,j as l,aM as A,d9 as G,y as m,o,u as n,d3 as N,dc as q,db as K,d a
   }
 `,Ce=d.div`
   border-left: 1px solid ${e=>e.theme.colors.grey1};
-`,W=({allBtnOptions:e,isDisabled:s,selectedOption:i,buttonClickHandler:c})=>{const p=M(),a=Y(),f=u=>i?.value===u.value?"primary":"secondary",$=u=>i?.value===u.value?{backgroundColor:{default:a.colors.primary,hover:a.colors.primary,disabled:a.colors.primary},textColor:{default:a.colors.grey5,hover:a.colors.grey5,disabled:a.colors.hero},borderColor:{default:a.colors.primary,hover:a.colors.primary,disabled:a.colors.grey3}}:{backgroundColor:{default:"transparent",hover:a.colors.grey4,disabled:"transparent"},textColor:{default:a.colors.primary,hover:a.colors.primary,disabled:a.colors.hero},borderColor:{default:a.colors.grey1,hover:a.colors.primary,disabled:a.colors.grey3}},b=e.length,y=s==="disabled"||s==="readonly";return l.jsx(je,{windowSize:p,isDisabled:y,children:e.map((u,x)=>l.jsxs(Se,{"data-testid":A("grouped-button-container",u.value),className:"grpBtn",isDisabled:y||!u.enabled,children:[l.jsx(he,{label:u.label,size:"small",variant:f(u),"data-testid":A("grouped-button",u.value),onClick:()=>c(u.value),buttonColors:$(u),disabled:y||!u.enabled,style:{borderTopRightRadius:x===b-1?o.sp1:o.sp0,borderBottomRightRadius:x===b-1?o.sp1:o.sp0,borderTopLeftRadius:x===0?o.sp1:o.sp0,borderBottomLeftRadius:x===0?o.sp1:o.sp0,borderRight:x===b-1?"":"none",borderLeft:x===0?"":"none",width:"65px",display:"flex",alignItems:"center",justifyContent:"center"}}),x!==b-1?l.jsx(Ce,{className:"verticalLine"}):null]},u.value))})},E={allRolesMarginLeftRight:new m(n[3],n[4])},ke=d.div`
+`,W=({allBtnOptions:e,isDisabled:s,selectedOption:i,buttonClickHandler:c})=>{const p=M(),a=Q(),f=u=>i?.value===u.value?"primary":"secondary",$=u=>i?.value===u.value?{backgroundColor:{default:a.colors.primary,hover:a.colors.primary,disabled:a.colors.primary},textColor:{default:a.colors.grey5,hover:a.colors.grey5,disabled:a.colors.hero},borderColor:{default:a.colors.primary,hover:a.colors.primary,disabled:a.colors.grey3}}:{backgroundColor:{default:"transparent",hover:a.colors.grey4,disabled:"transparent"},textColor:{default:a.colors.primary,hover:a.colors.primary,disabled:a.colors.hero},borderColor:{default:a.colors.grey1,hover:a.colors.primary,disabled:a.colors.grey3}},b=e.length,y=s==="disabled"||s==="readonly";return l.jsx(je,{windowSize:p,isDisabled:y,children:e.map((u,x)=>l.jsxs(Se,{"data-testid":A("grouped-button-container",u.value),className:"grpBtn",isDisabled:y||!u.enabled,children:[l.jsx(he,{label:u.label,size:"small",variant:f(u),"data-testid":A("grouped-button",u.value),onClick:()=>c(u.value),buttonColors:$(u),disabled:y||!u.enabled,style:{borderTopRightRadius:x===b-1?o.sp1:o.sp0,borderBottomRightRadius:x===b-1?o.sp1:o.sp0,borderTopLeftRadius:x===0?o.sp1:o.sp0,borderBottomLeftRadius:x===0?o.sp1:o.sp0,borderRight:x===b-1?"":"none",borderLeft:x===0?"":"none",width:"65px",display:"flex",alignItems:"center",justifyContent:"center"}}),x!==b-1?l.jsx(Ce,{className:"verticalLine"}):null]},u.value))})},E={allRolesMarginLeftRight:new m(n[3],n[4])},ke=d.div`
   display: flex;
   flex-direction: column;
   color: ${e=>e.theme.colors.hero};
@@ -35,7 +35,7 @@ import{q as M,j as l,aM as A,d9 as G,y as m,o,u as n,d3 as N,dc as q,db as K,d a
   display: flex;
   flex-direction: column;
   width: 100%;
-`,Pe=d.div`
+`,Oe=d.div`
   display: flex;
   flex-direction: column;
   padding-left: ${o.sp4};
@@ -46,15 +46,15 @@ import{q as M,j as l,aM as A,d9 as G,y as m,o,u as n,d3 as N,dc as q,db as K,d a
   transition:
     visibility 250ms ease-in-out,
     max-height 250ms ease-in-out;
-`,ze=d.div`
+`,Pe=d.div`
   display: flex;
   flex-direction: row;
   margin-bottom: ${o.sp3};
   justify-content: space-between;
-`,Oe=d(Q)`
+`,ze=d(X)`
   display: flex;
   color: ${e=>e.theme.colors.primary};
-`,Z=d(X)`
+`,Z=d(Y)`
   display: flex;
   color: ${e=>e.theme.colors.hero};
 `,Te=d.div`
@@ -87,9 +87,9 @@ import{q as M,j as l,aM as A,d9 as G,y as m,o,u as n,d3 as N,dc as q,db as K,d a
 `,Be=d.div`
   display: flex;
   flex-direction: column;
-`,Me=d(Q)`
+`,Me=d(X)`
   display: flex;
-`,Le=d(X)`
+`,Le=d(Y)`
   display: flex;
   margin-bottom: ${o.sp1};
 `,Ve=d(me)`
@@ -105,11 +105,11 @@ import{q as M,j as l,aM as A,d9 as G,y as m,o,u as n,d3 as N,dc as q,db as K,d a
   display: flex;
   flex-direction: column;
   padding-left: ${o.sp3};
-`,Ue=d(ve)`
+`,_e=d(ve)`
   width: ${o.sp4};
   height: ${o.sp4};
   color: ${e=>e.theme.colors.hero};
-`,_e=d(we)`
+`,Ue=d(we)`
   width: ${o.sp4};
   height: ${o.sp4};
   color: ${e=>e.theme.colors.hero};
@@ -135,7 +135,7 @@ import{q as M,j as l,aM as A,d9 as G,y as m,o,u as n,d3 as N,dc as q,db as K,d a
   margin-right: ${e=>E.allRolesMarginLeftRight.valuePx(e.windowSize)};
   margin-left: ${e=>E.allRolesMarginLeftRight.valuePx(e.windowSize)};
   color: ${e=>e.theme.mode==="light"?D.brandColorOnyx:D.brandColorPearl};
-`,Je=e=>{switch(e){case"bookkeeping":return l.jsx(Ue,{});case"zeni_bill_pay":return l.jsx(_e,{});case"zeni_reimbursements":return l.jsx(Fe,{});case"zeni_checking":return l.jsx(He,{});case"zeni_cards":return l.jsx(Ae,{});case"zeni_treasury":return l.jsx(We,{});default:return null}},Ge=e=>l.jsxs(Be,{children:[l.jsx(Me,{className:"roleTitle",children:F[e].label}),l.jsx(Le,{className:"roleSubTitle",children:F[e].subTitle}),l.jsx(Ve,{className:"roleSuitableFor",children:F[e].roleSuitableFor})]}),qe=({name:e,isDisabled:s,selectedValue:i,onSelectionChanged:c})=>{const{formState:{errors:p}}=N(),a=K(p,`${e}.userRole.selectedRole`),f=M(),$=i.productsByUserRole.employee.findIndex(h=>h.productType==="zeni_reimbursements"),b=k.useCallback(h=>{const t=se([h]),C=ae(h),v=ne(i.productsByUserRole[t]),R=v.findIndex(z=>z.productType===C),L=v[R].selectedOption?.value===h;R>-1&&(v[R]={...v[R],selectedOption:L?void 0:v[R].options.filter(z=>z.value===h)[0]});const U={userRole:{selectedRole:t,allRootRole:i.userRole.allRootRole},productsByUserRole:{...i.productsByUserRole,[t]:[...v]}};c(U)},[c,i]),y=i.userRole.selectedRole,u=k.useMemo(()=>y!=null?(i.productsByUserRole[y]??[]).map(h=>I.toUserRoleTypeStrict(h.selectedOption?.value)).filter(h=>h!=null):[],[y,i.productsByUserRole]);k.useEffect(()=>{y==="employee"&&u.length===0&&$>-1&&b("reimbursements_user")},[y,u,$,b]);const x=i.userRole.allRootRole,P=h=>h==="employee"&&i.userRole.selectedRole==="employee";return s==="readonly"?l.jsx(Ze,{windowSize:f,children:l.jsx(Re,{roles:u})}):l.jsx(De,{children:x.map(h=>l.jsxs(ke,{windowSize:f,children:[l.jsx(Te,{isError:a,children:l.jsx(de,{isDisabled:s,label:{label:Ge(h)},style:{paddingBottom:o.sp4,alignItems:"flex-start"},radioField:{name:`${e}.userRole.selectedRole`,id:`${e}.${h}`,value:h,radioSize:"small",checked:i.userRole.selectedRole===h,style:{marginTop:o.sp1}}})}),l.jsx(Pe,{windowSize:f,isCollapsed:P(h),roleCount:i.productsByUserRole[h].length,children:i.productsByUserRole[h].map(t=>l.jsxs(ze,{children:[l.jsxs(Ie,{children:[l.jsx(Ee,{children:t.productType&&Je(t.productType)}),l.jsxs(Ne,{children:[l.jsx(Oe,{children:t.label}),f==="small"?l.jsx(W,{allBtnOptions:t.options,selectedOption:t.selectedOption,buttonClickHandler:b}):null,l.jsx(Z,{children:t.subTitleUser}),l.jsx(Z,{children:t.subTitleAdmin})]})]}),f!=="small"?l.jsx(W,{allBtnOptions:t.options,selectedOption:t.selectedOption,buttonClickHandler:b,isDisabled:s}):null]},t.productType))})]},h))})},Ke=({name:e,defaultValue:s,isDisabled:i,registerOptions:c})=>{const{control:p}=N();return l.jsx(q,{name:e,control:p,defaultValue:s,rules:c,render:({field:{onChange:a,value:f}})=>{const $=f;return l.jsx(qe,{onSelectionChanged:b=>{a(b)},selectedValue:$,name:e,isDisabled:i})}})},S={width:new m(343,580,726),height:new m(n[6],n[6]),paddingTopBottom:new m(n[2],n[2]),labelPaddingLeft:new m(n[3],n[4]),labelPaddingRight:new m(n[3],n[4]),labelPaddingTop:new m(n[2],n[2]),labelPaddingBottom:new m(n[2],n[3])};function bo({isDisabled:e,label:s,rolesDropDownField:i,style:c}){const p=M();return l.jsxs(Ye,{size:p,style:c,isDisabled:e!=null,children:[l.jsx(G,{isDisabled:e,label:s.label,htmlFor:i.name,style:{paddingLeft:S.labelPaddingLeft.value(p),paddingRight:S.labelPaddingRight.value(p),paddingTop:S.labelPaddingTop.value(p),paddingBottom:S.labelPaddingBottom.value(p)}}),l.jsx(Ke,{...i,isDisabled:e})]})}const Ye=d.div`
+`,Je=e=>{switch(e){case"bookkeeping":return l.jsx(_e,{});case"zeni_bill_pay":return l.jsx(Ue,{});case"zeni_reimbursements":return l.jsx(Fe,{});case"zeni_checking":return l.jsx(He,{});case"zeni_cards":return l.jsx(Ae,{});case"zeni_treasury":return l.jsx(We,{});default:return null}},Ge=e=>l.jsxs(Be,{children:[l.jsx(Me,{className:"roleTitle",children:F[e].label}),l.jsx(Le,{className:"roleSubTitle",children:F[e].subTitle}),l.jsx(Ve,{className:"roleSuitableFor",children:F[e].roleSuitableFor})]}),qe=({name:e,isDisabled:s,selectedValue:i,onSelectionChanged:c})=>{const{formState:{errors:p}}=N(),a=K(p,`${e}.userRole.selectedRole`),f=M(),$=i.productsByUserRole.employee.findIndex(h=>h.productType==="zeni_reimbursements"),b=k.useCallback(h=>{const t=se([h]),C=ae(h),v=ne(i.productsByUserRole[t]),R=v.findIndex(P=>P.productType===C),L=v[R].selectedOption?.value===h;R>-1&&(v[R]={...v[R],selectedOption:L?void 0:v[R].options.filter(P=>P.value===h)[0]});const _={userRole:{selectedRole:t,allRootRole:i.userRole.allRootRole},productsByUserRole:{...i.productsByUserRole,[t]:[...v]}};c(_)},[c,i]),y=i.userRole.selectedRole,u=k.useMemo(()=>y!=null?(i.productsByUserRole[y]??[]).map(h=>I.toUserRoleTypeStrict(h.selectedOption?.value)).filter(h=>h!=null):[],[y,i.productsByUserRole]);k.useEffect(()=>{y==="employee"&&u.length===0&&$>-1&&b("reimbursements_user")},[y,u,$,b]);const x=i.userRole.allRootRole,O=h=>h==="employee"&&i.userRole.selectedRole==="employee";return s==="readonly"?l.jsx(Ze,{windowSize:f,children:l.jsx(Re,{roles:u})}):l.jsx(De,{children:x.map(h=>l.jsxs(ke,{windowSize:f,children:[l.jsx(Te,{isError:a,children:l.jsx(de,{isDisabled:s,label:{label:Ge(h)},style:{paddingBottom:o.sp4,alignItems:"flex-start"},radioField:{name:`${e}.userRole.selectedRole`,id:`${e}.${h}`,value:h,radioSize:"small",checked:i.userRole.selectedRole===h,style:{marginTop:o.sp1}}})}),l.jsx(Oe,{windowSize:f,isCollapsed:O(h),roleCount:i.productsByUserRole[h].length,children:i.productsByUserRole[h].map(t=>l.jsxs(Pe,{children:[l.jsxs(Ie,{children:[l.jsx(Ee,{children:t.productType&&Je(t.productType)}),l.jsxs(Ne,{children:[l.jsx(ze,{children:t.label}),f==="small"?l.jsx(W,{allBtnOptions:t.options,selectedOption:t.selectedOption,buttonClickHandler:b}):null,l.jsx(Z,{children:t.subTitleUser}),l.jsx(Z,{children:t.subTitleAdmin})]})]}),f!=="small"?l.jsx(W,{allBtnOptions:t.options,selectedOption:t.selectedOption,buttonClickHandler:b,isDisabled:s}):null]},t.productType))})]},h))})},Ke=({name:e,defaultValue:s,isDisabled:i,registerOptions:c})=>{const{control:p}=N();return l.jsx(q,{name:e,control:p,defaultValue:s,rules:c,render:({field:{onChange:a,value:f}})=>{const $=f;return l.jsx(qe,{onSelectionChanged:b=>{a(b)},selectedValue:$,name:e,isDisabled:i})}})},S={width:new m(343,580,726),height:new m(n[6],n[6]),paddingTopBottom:new m(n[2],n[2]),labelPaddingLeft:new m(n[3],n[4]),labelPaddingRight:new m(n[3],n[4]),labelPaddingTop:new m(n[2],n[2]),labelPaddingBottom:new m(n[2],n[3])};function bo({isDisabled:e,label:s,rolesDropDownField:i,style:c}){const p=M();return l.jsxs(Qe,{size:p,style:c,isDisabled:e!=null,children:[l.jsx(G,{isDisabled:e,label:s.label,htmlFor:i.name,style:{paddingLeft:S.labelPaddingLeft.value(p),paddingRight:S.labelPaddingRight.value(p),paddingTop:S.labelPaddingTop.value(p),paddingBottom:S.labelPaddingBottom.value(p)}}),l.jsx(Ke,{...i,isDisabled:e})]})}const Qe=d.div`
   display: flex;
   flex-direction: ${e=>e.isDisabled?"row":"column"};
   align-items: ${e=>e.isDisabled?"center":"flex-start"};
@@ -169,7 +169,7 @@ import{q as M,j as l,aM as A,d9 as G,y as m,o,u as n,d3 as N,dc as q,db as K,d a
       border-color: inherit;
     }
   }
-`;function Qe({onSelectionChanged:e,forZeniUser:s,selectedRoles:i,allRoles:c,disable:p=!1,isMulti:a=!1,clearSelectedRole:f,style:$,name:b,isValuePlacedAtEnd:y=!0}){const[u,x]=k.useState(),{formState:{errors:P}}=N(),h=K(P,b??"");k.useEffect(()=>{const r=c.filter(g=>i!=null&&i.includes(g.value));x(a?r:r[0])},[i]),k.useEffect(()=>{f===!0&&a===!1&&x(void 0)},[f]);const t=Y(),C=M(),v=JSON.parse(JSON.stringify(c));if(i!=null&&s){if(!i.includes("admin")){const r=v.findIndex(g=>g.value==="admin");v.splice(r,1)}if(!i.includes("bookkeeping_admin")){const r=v.findIndex(g=>g.value==="bookkeeping_admin");v.splice(r,1)}}const R=t.colors.grey5,L=V.smallRegular.cssObject,U=L,z=u?.length>3,ee={control:r=>({...r,backgroundColor:"inherit",boxShadow:R,border:"none",cursor:"pointer",":hover":{backgroundColor:"inherit"},flexWrap:"nowrap",marginTop:"unset"}),container:r=>({...r,fill:t.colors.hero,":hover":{fill:t.colors.primary},width:"100%",...$}),valueContainer:r=>({...r,flexWrap:z?"wrap":"nowrap",width:C==="small"||!a?"auto":"263px",paddingTop:"unset",cursor:"pointer",...U,overflow:"visible",minWidth:"auto",paddingLeft:o.sp0,paddingRight:o.sp0,display:"flex",justifyContent:"flex-start",fill:t.colors.hero,":hover":{">div>div":{fill:t.colors.primary,color:t.colors.primary}},">div:last-of-type":{span:{display:"none"}}}),singleValue:(r,g)=>({...r,color:g.selectProps.menuIsOpen===!0?t.colors.primary:t.colors.hero,maxWidth:"auto",overflow:"auto",":hover":{color:t.colors.primary},marginLeft:o.sp0,position:"inherit",transform:"none",top:o.sp0,marginRight:o.sp0,padding:o.sp0,...V.standardRegular.cssObject}),multiValue:(r,g)=>({...r,margin:0,minWidth:void 0,backgroundColor:void 0,color:g.selectProps.menuIsOpen===!0?t.colors.primary:t.colors.hero,":hover":{color:t.colors.primary},">div":{borderRadius:o.sp0,padding:o.sp0,borderLeftStyle:"solid",borderWidth:o.sp0,borderColor:t.colors.grey1,color:"unset"}}),menu:r=>({...r,backgroundColor:R,boxShadow:`${o.sp0} 2px ${o.sp2} ${t.colors.dropShadowHover}`,whiteSpace:"nowrap",minWidth:"fit-content",width:C==="small"?"230px":"100%",right:C==="small"?o.sp0:"unset",borderRadius:o.sp1,margin:o.sp0,border:C==="small"?`1px solid ${t.colors.grey3}`:"unset"}),menuList:r=>({...r,maxHeight:"240px"}),option:(r,{isSelected:g,isDisabled:T,data:O})=>{const w=I.isNonZeniRole(O.value)&&s===!0,_=J(g,w,O.value,t);return{...r,height:w?44:40,padding:w?o.sp0:`${o.sp2} 12px`,marginTop:w?o.sp1:"unset",whiteSpace:"unset",display:"flex",alignItems:"center",opacity:1,...L,color:_,cursor:T?"not-allowed":"pointer",backgroundColor:g&&!w?t.colors.background:"transparent",">div":{backgroundColor:g?t.colors.background:"transparent"},borderTop:w||O.value==="delete"?`1px solid ${t.colors.background}`:"none","& label":{paddingRight:"10px"},"svg:nth-of-type(2)":{display:"none"},":hover":{color:J(!0,w,O.value,t),backgroundColor:g&&!w?t.colors.background:w?"transparent":t.colors.background,">div":{backgroundColor:t.colors.background},"svg:nth-of-type(1)":{display:w||s===!1?"inline-block":"none"},"svg:nth-of-type(2)":{display:w?"none":"inline-block"}},">div>div>div:first-of-type":{display:"flex"}}},indicatorsContainer:r=>({...r,alignItems:a?"flex-start":"center",paddingTop:z||!a?"unset":"5px"}),indicatorSeparator:()=>({}),dropdownIndicator:()=>({paddingTop:a?o.sp1:"2px",svg:{marginLeft:a&&u?.length>0?"unset":"6px"}})},oe=r=>{const{isSelected:g}=r;return k.createElement(B.Option,{...r,key:r.data.value},l.jsxs(ao,{role:r.data.value,forZeniUser:s,children:[l.jsx(ce,{children:r.data.label}),!!g&&l.jsxs("div",{children:[l.jsx(pe,{width:o.sp3,height:o.sp3}),s===!0?l.jsx(ue,{width:o.sp3,height:o.sp3}):null]})]}))},le=r=>{const g=[];a&&r.forEach(T=>{g.push(T.value)}),e(a?g:r.value)},re=r=>{const{menuIsOpen:g,isFocused:T,isDisabled:O,selectProps:w}=r,{value:_}=w;return l.jsx(co,{menuIsOpen:g,isFocused:T,isDisabled:O,selectedValue:_,isError:h,isValuePlacedAtEnd:y,windowSize:C,children:l.jsx(B.Control,{...r,className:"select-control",children:r.children})})};return l.jsx(ie,{isMulti:a,menuPlacement:"auto",minMenuHeight:250,menuShouldScrollIntoView:!1,defaultValue:u,value:u,closeMenuOnSelect:!0,options:v,isDisabled:p,hideSelectedOptions:!1,onChange:r=>{le(r)},isClearable:!1,isSearchable:!0,components:{Control:re,DropdownIndicator:oo,Option:oe,MultiValueRemove:lo,IndicatorSeparator:ro,MultiValueLabel:io,ValueContainer:to,Placeholder:eo,Input:Xe},styles:ee,theme:r=>({...r,colors:{...r.colors,primary:R}}),placeholder:te.getLocalizedStrings().peoplePage.dropdownPlaceHolderText,isOptionDisabled:r=>s===!1&&r.enabled===!1||s===!0&&I.isNonZeniRole(r.value),classNamePrefix:"zeniRolesDropDown"})}const Xe=e=>{const{selectProps:s}=e,{placeholder:i,value:c,isMulti:p}=s;return l.jsx(B.Input,{...e,autoComplete:"new-password",placeholder:p===!0&&c?.length===0||c==null?i:void 0,children:e.children})},eo=()=>null,J=(e,s,i,c)=>e&&!s&&i!=="delete"?c.colors.primary:s?c.colors.grey1:i==="delete"?D.important:c.colors.hero,oo=()=>null,lo=()=>null,ro=()=>null,io=({children:e,data:s,...i})=>l.jsx(B.MultiValueLabel,{...i,children:l.jsxs(so,{children:[e,l.jsx(no,{className:"seperator",children:","})]})}),to=({children:e,...s})=>l.jsx(B.ValueContainer,{...s,className:"select-value-container",children:e}),so=d(ge)`
+`;function Xe({onSelectionChanged:e,forZeniUser:s,selectedRoles:i,allRoles:c,disable:p=!1,isMulti:a=!1,clearSelectedRole:f,style:$,name:b,isValuePlacedAtEnd:y=!0}){const[u,x]=k.useState(),{formState:{errors:O}}=N(),h=K(O,b??"");k.useEffect(()=>{const r=c.filter(g=>i!=null&&i.includes(g.value));x(a?r:r[0])},[i]),k.useEffect(()=>{f===!0&&a===!1&&x(void 0)},[f]);const t=Q(),C=M(),v=JSON.parse(JSON.stringify(c));if(i!=null&&s){if(!i.includes("admin")){const r=v.findIndex(g=>g.value==="admin");v.splice(r,1)}if(!i.includes("bookkeeping_admin")){const r=v.findIndex(g=>g.value==="bookkeeping_admin");v.splice(r,1)}}const R=t.colors.grey5,L=V.smallRegular.cssObject,_=L,P=u?.length>3,ee={control:r=>({...r,backgroundColor:"inherit",boxShadow:R,border:"none",cursor:"pointer",":hover":{backgroundColor:"inherit"},flexWrap:"nowrap",marginTop:"unset"}),container:r=>({...r,fill:t.colors.hero,":hover":{fill:t.colors.primary},width:"100%",...$}),valueContainer:r=>({...r,flexWrap:P?"wrap":"nowrap",width:C==="small"||!a?"auto":"263px",paddingTop:"unset",cursor:"pointer",..._,overflow:"visible",minWidth:"auto",paddingLeft:o.sp0,paddingRight:o.sp0,display:"flex",justifyContent:"flex-start",fill:t.colors.hero,":hover":{">div>div":{fill:t.colors.primary,color:t.colors.primary}},">div:last-of-type":{span:{display:"none"}}}),singleValue:(r,g)=>({...r,color:g.selectProps.menuIsOpen===!0?t.colors.primary:t.colors.hero,maxWidth:"auto",overflow:"auto",":hover":{color:t.colors.primary},marginLeft:o.sp0,position:"inherit",transform:"none",top:o.sp0,marginRight:o.sp0,padding:o.sp0,...V.standardRegular.cssObject}),multiValue:(r,g)=>({...r,margin:0,minWidth:void 0,backgroundColor:void 0,color:g.selectProps.menuIsOpen===!0?t.colors.primary:t.colors.hero,":hover":{color:t.colors.primary},">div":{borderRadius:o.sp0,padding:o.sp0,borderLeftStyle:"solid",borderWidth:o.sp0,borderColor:t.colors.grey1,color:"unset"}}),menu:r=>({...r,backgroundColor:R,boxShadow:`${o.sp0} 2px ${o.sp2} ${t.colors.dropShadowHover}`,whiteSpace:"nowrap",minWidth:"fit-content",width:C==="small"?"230px":"100%",right:C==="small"?o.sp0:"unset",borderRadius:o.sp1,margin:o.sp0,border:C==="small"?`1px solid ${t.colors.grey3}`:"unset"}),menuList:r=>({...r,maxHeight:"240px"}),option:(r,{isSelected:g,isDisabled:T,data:z})=>{const w=I.isNonZeniRole(z.value)&&s===!0,U=J(g,w,z.value,t);return{...r,height:w?44:40,padding:w?o.sp0:`${o.sp2} 12px`,marginTop:w?o.sp1:"unset",whiteSpace:"unset",display:"flex",alignItems:"center",opacity:1,...L,color:U,cursor:T?"not-allowed":"pointer",backgroundColor:g&&!w?t.colors.background:"transparent",">div":{backgroundColor:g?t.colors.background:"transparent"},borderTop:w||z.value==="delete"?`1px solid ${t.colors.background}`:"none","& label":{paddingRight:"10px"},"svg:nth-of-type(2)":{display:"none"},":hover":{color:J(!0,w,z.value,t),backgroundColor:g&&!w?t.colors.background:w?"transparent":t.colors.background,">div":{backgroundColor:t.colors.background},"svg:nth-of-type(1)":{display:w||s===!1?"inline-block":"none"},"svg:nth-of-type(2)":{display:w?"none":"inline-block"}},">div>div>div:first-of-type":{display:"flex"}}},indicatorsContainer:r=>({...r,alignItems:a?"flex-start":"center",paddingTop:P||!a?"unset":"5px"}),indicatorSeparator:()=>({}),dropdownIndicator:()=>({paddingTop:a?o.sp1:"2px",svg:{marginLeft:a&&u?.length>0?"unset":"6px"}})},oe=r=>{const{isSelected:g}=r;return k.createElement(B.Option,{...r,key:r.data.value},l.jsxs(ao,{role:r.data.value,forZeniUser:s,children:[l.jsx(ce,{children:r.data.label}),!!g&&l.jsxs("div",{children:[l.jsx(pe,{width:o.sp3,height:o.sp3}),s===!0?l.jsx(ue,{width:o.sp3,height:o.sp3}):null]})]}))},le=r=>{const g=[];a&&r.forEach(T=>{g.push(T.value)}),e(a?g:r.value)},re=r=>{const{menuIsOpen:g,isFocused:T,isDisabled:z,selectProps:w}=r,{value:U}=w;return l.jsx(co,{menuIsOpen:g,isFocused:T,isDisabled:z,selectedValue:U,isError:h,isValuePlacedAtEnd:y,windowSize:C,children:l.jsx(B.Control,{...r,className:"select-control",children:r.children})})};return l.jsx(ie,{isMulti:a,menuPlacement:"auto",minMenuHeight:250,menuShouldScrollIntoView:!1,defaultValue:u,value:u,closeMenuOnSelect:!0,options:v,isDisabled:p,hideSelectedOptions:!1,onChange:r=>{le(r)},isClearable:!1,isSearchable:!0,components:{Control:re,DropdownIndicator:oo,Option:oe,MultiValueRemove:lo,IndicatorSeparator:ro,MultiValueLabel:io,ValueContainer:to,Placeholder:eo,Input:Ye},styles:ee,theme:r=>({...r,colors:{...r.colors,primary:R}}),placeholder:te.getLocalizedStrings().peoplePage.dropdownPlaceHolderText,isOptionDisabled:r=>s===!1&&r.enabled===!1||s===!0&&I.isNonZeniRole(r.value),classNamePrefix:"zeniRolesDropDown"})}const Ye=e=>{const{selectProps:s}=e,{placeholder:i,value:c,isMulti:p}=s;return l.jsx(B.Input,{...e,autoComplete:"new-password",placeholder:p===!0&&c?.length===0||c==null?i:void 0,children:e.children})},eo=()=>null,J=(e,s,i,c)=>e&&!s&&i!=="delete"?c.colors.primary:s?c.colors.grey1:i==="delete"?D.important:c.colors.hero,oo=()=>null,lo=()=>null,ro=()=>null,io=({children:e,data:s,...i})=>l.jsx(B.MultiValueLabel,{...i,children:l.jsxs(so,{children:[e,l.jsx(no,{className:"seperator",children:","})]})}),to=({children:e,...s})=>l.jsx(B.ValueContainer,{...s,className:"select-value-container",children:e}),so=d(ge)`
   padding: ${o.sp0} 2px;
   max-width: 104px;
   white-space: nowrap;
@@ -258,7 +258,7 @@ import{q as M,j as l,aM as A,d9 as G,y as m,o,u as n,d3 as N,dc as q,db as K,d a
       visibility: hidden;
     }
   }
-`,po=({name:e,forZeniUser:s,registerOptions:i,defaultValue:c,isDisabled:p,isMulti:a,style:f,onSelectionChanged:$,isValuePlacedAtEnd:b=!0})=>{const{control:y}=N();return l.jsx(q,{name:e,control:y,defaultValue:c,rules:i,render:({field:{value:u,onChange:x}})=>l.jsx(Qe,{onSelectionChanged:P=>{x({allOptions:c.allOptions,selectedOptions:P}),$?.(P)},forZeniUser:s,selectedRoles:u.selectedOptions,disable:p,isMulti:a,name:e,style:f,allRoles:c.allOptions,isValuePlacedAtEnd:b})})},j={width:new m(343,580,726),height:new m(n[6],n[6]),controlHeight:new m(n[6],n[6]),paddingTopBottom:new m(n[2],n[2]),marginRight:new m(n[2],n[2]),labelMarginLeft:new m(n[3],n[4]),labelMarginRight:new m(n[3],n[4]),labelMarginTop:new m(n[2],n[2])};function fo({isDisabled:e,label:s,zeniRolesDropDownField:i,style:c}){const p=M();return l.jsxs(uo,{size:p,style:c,isDisabled:e!=null,"data-testid":A("labeled-zeni-roles-dropdown-field",i.name),children:[l.jsx(G,{isDisabled:e,label:s.label,htmlFor:i.name,style:{marginLeft:j.labelMarginLeft.value(p),marginRight:j.labelMarginRight.value(p),marginTop:j.labelMarginTop.value(p),width:s.width??"auto"}}),l.jsx(po,{...i,isDisabled:e==="disabled"||e==="readonly",style:{display:"flex",flexGrow:1,width:s.width!=null?`calc(100% - ${s.width}px)`:"auto",height:p==="small"?"auto":o.sp6,minHeight:j.controlHeight.value(p)}})]})}const uo=d.div`
+`,po=({name:e,forZeniUser:s,registerOptions:i,defaultValue:c,isDisabled:p,isMulti:a,style:f,onSelectionChanged:$,isValuePlacedAtEnd:b=!0})=>{const{control:y}=N();return l.jsx(q,{name:e,control:y,defaultValue:c,rules:i,render:({field:{value:u,onChange:x}})=>l.jsx(Xe,{onSelectionChanged:O=>{x({allOptions:c.allOptions,selectedOptions:O}),$?.(O)},forZeniUser:s,selectedRoles:u.selectedOptions,disable:p,isMulti:a,name:e,style:f,allRoles:c.allOptions,isValuePlacedAtEnd:b})})},j={width:new m(343,580,726),height:new m(n[6],n[6]),controlHeight:new m(n[6],n[6]),paddingTopBottom:new m(n[2],n[2]),marginRight:new m(n[2],n[2]),labelMarginLeft:new m(n[3],n[4]),labelMarginRight:new m(n[3],n[4]),labelMarginTop:new m(n[2],n[2])};function fo({isDisabled:e,label:s,zeniRolesDropDownField:i,style:c}){const p=M();return l.jsxs(uo,{size:p,style:c,isDisabled:e!=null,"data-testid":A("labeled-zeni-roles-dropdown-field",i.name),children:[l.jsx(G,{isDisabled:e,label:s.label,htmlFor:i.name,style:{marginLeft:j.labelMarginLeft.value(p),marginRight:j.labelMarginRight.value(p),marginTop:j.labelMarginTop.value(p),width:s.width??"auto"}}),l.jsx(po,{...i,isDisabled:e==="disabled"||e==="readonly",style:{display:"flex",flexGrow:1,width:s.width!=null?`calc(100% - ${s.width}px)`:"auto",height:p==="small"?"auto":o.sp6,minHeight:j.controlHeight.value(p)}})]})}const uo=d.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;

package/dist/assets/{LinkJETransactionPage-_ROjxBMO-iAkW-laA.js → LinkJETransactionPage-B1XJOlhU-DdWugwxQ.js}

@@ -1,4 +1,4 @@
-import{q as W,aP as ue,l as C,aa as me,cS as pe,iI as P,it as L,O as H,cT as he,j as a,ad as ge,gh as xe,aQ as fe,o as t,y as p,s as be,A as ye,cV as R,iJ as je,h as Ce,C as A,bl as Se,u as r}from"./index-TYkG9rxW.js";import{b as B,n as i}from"./vendor-Bs1fkIUX.js";import we from"./TransactionDetailPage-D1Z1f-DD-B17t_ZG8.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./LabeledControlledCheckBoxField-zwoLFM1n-II-cAJkn.js";import"./TrendWithTransactions-mI_El5D1-BVyR_3Fo.js";import"./TrendChart-B_5D-Zud-CJGzPrRj.js";import"./chartTypes-DCvOVjlS-Byyz5YpX.js";import"./toCOABalancesWithID-B3yVGPrV-CxcOLkAO.js";import"./toChartData-DEW0iT7T-DY_WveEO.js";import"./NoDataChart-5E72SElf-CivTfVpi.js";import"./InsightsSection-JIKb9lz3-BHiqZJbQ.js";import"./NavigationDots-BxPgEW_p-BH_dRdsk.js";import"./TransactionList-BzJEbOV9-BBSoiur3.js";import"./BoxItem-COIjjFrn-BdkILoXu.js";import"./commonDimensions-C32v1F7H-73JTdKL8.js";import"./uploadAttachment-DVy2pZeJ-DRTnRPP6.js";import"./radio-default-CiSgisfh-Cuu8ymvq.js";const J={labelWidth:new p(120,145,160)},$e=i.div`
+import{q as W,aP as ue,l as C,aa as me,cS as pe,iI as P,it as L,O as H,cT as he,j as a,ad as ge,gh as xe,aQ as fe,o as t,y as p,s as be,A as ye,cV as R,iJ as je,h as Ce,C as A,bl as Se,u as r}from"./index-MAXVX6UR.js";import{b as B,n as i}from"./vendor-Bs1fkIUX.js";import we from"./TransactionDetailPage-cTLfJiHb-1yZP6Zin.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./LabeledControlledCheckBoxField-BjYGaRbt-BGdAOJoA.js";import"./TrendWithTransactions-D9x71aZs-CM8kaEfz.js";import"./TrendChart-CWR5JV7S-Bu3AQa_8.js";import"./chartTypes-DLnePN0T-B_54UqyM.js";import"./toCOABalancesWithID-D-AHYPZY-Bomk_rrT.js";import"./toChartData-BIN4xqGz-BcU_F8Ix.js";import"./NoDataChart-Dwrv5FXT-BktYGhJl.js";import"./InsightsSection-AQ5yTmGG-DS0VgX7W.js";import"./NavigationDots-DarWlthl-CEtLiSj-.js";import"./TransactionList-SkjGKFn_-BwaaUL7x.js";import"./BoxItem-D4K0YgBP-Bm_px4kT.js";import"./commonDimensions-CWOH4KIa-zIW9i9kk.js";import"./uploadAttachment-DwI0nG8D-VCODDzfq.js";import"./radio-default-CiSgisfh-Cuu8ymvq.js";const J={labelWidth:new p(120,145,160)},$e=i.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -19,7 +19,7 @@ import{q as W,aP as ue,l as C,aa as me,cS as pe,iI as P,it as L,O as H,cT as he,
   background-color: ${e=>e.theme.colors.grey3};
   min-height: 1px;
   max-height: 1px;
-`,V=(e,l)=>`${e}.${l}`;function Ee({sectionId:e,jePostingDate:l,qboURL:n,isJELoading:s}){const u=H.getLocalizedStrings(),{dateFormat:S,jeSchedules:{scheduleDetails:{linkJE:o,scheduleDetailsSection:w}}}=u,h=l.format(S.visual.MMMDCommaYYYYformat),g=W();return a.jsxs($e,{children:[a.jsx(De,{windowSize:g,children:w.header}),a.jsxs(ve,{children:[a.jsx(R,{label:{label:o.jePostingDate,width:J.labelWidth.value(g)},style:{width:"auto"},text:{type:"text",name:V(e,"jePostingDate"),placeholder:o.jeLinkURLPlaceholder,defaultValue:h,autoComplete:"new-password"},isDisabled:"disabled"}),a.jsx(ke,{}),a.jsx(R,{label:{label:o.jeLink,width:J.labelWidth.value(g)},style:{width:"auto"},text:{type:"url",name:V(e,"qboURL"),placeholder:o.jeLinkURLPlaceholder,defaultValue:n?.toString()??"",autoComplete:"new-password",style:{color:Ce.link},options:{pattern:je}},isDisabled:s?"disabled":void 0})]})]})}const b={containerPaddingLeft:new p(r[3],r[3],r[6]),containerPaddingRight:new p(r[3],r[3],r[8]),navbarContainerPaddingTop:new p(r[2],r[3]),navbarContainerPaddingBottom:new p(r[4],r[5]),emptyScheduleHeight:new p(88,88)},M="linkJETransactionPage",Z="linkJETransaction",G=H.getLocalizedStrings(),{common:{footer:Y},dateFormat:Pe}=G,ut=({analytics:e,scheduleTab:l,jeScheduledTransaction:n,localData:s,saveStatus:u,isCOTEnabled:S,transactionDetail:o,firstMonthOfFY:w,qboAppUrl:h,authParams:g,isDisabled:X,controllerUserDetails:I,isVendorBulkUpdateOnTransactionEnabled:K,onUpdateLocalData:ee,onBackClick:T,onCancelClick:te,onSaveClick:ae,onFetchTransactionClick:ne})=>{const m=W(),U=ue(u),y=C.getQBOUrlForLink(h.toString(),s.jeLink),$=C.getFirstControllerEmail(I.controllers),v=C.getFirstControllerId(I.controllerUserIds),N=()=>{const d=n.vendor,c=n.baseTransaction;e.trackScheduleDetailsJournalEntryLinkCanceled({scheduleType:l,transaction:{...L(c)},scheduleExpenseCategoryAndClass:{expenseCategory:n.jeDebit.account?.accountName??null,expenseClass:n.jeDebit.accountingClass?.className??null},journalEntryDetails:{...P(s,y?.toString())},vendorName:d.name,fixedAssetsDetails:l==="fixed_assets"?{accumulatedDepreciationCategory:n.jeCredit.account?.accountName??null,assetId:n.otherAttributes.assetId??null}:void 0,controllerEmails:$,controllerUserIds:v}),te()},x=me({mode:"all",reValidateMode:"onChange",resetOptions:{keepDirtyValues:!0,keepErrors:!0},defaultValues:_(s,h),values:_(s,h)}),oe=()=>{ae()},ie=async d=>{ee(d)};B.useEffect(()=>{const d=x.watch((c,{name:ce})=>{ce!=null&&c!=null&&pe(()=>ie(c))});return()=>{d.unsubscribe()}}),B.useEffect(()=>{if(u==="Completed"&&U==="In-Progress"){const d=n.vendor,c=n.baseTransaction;e.trackScheduleDetailsJournalEntryLinkedSaved({scheduleType:l,transaction:{...L(c)},scheduleExpenseCategoryAndClass:{expenseCategory:n.jeDebit.account?.accountName??null,expenseClass:n.jeDebit.accountingClass?.className??null},journalEntryDetails:{...P(s,y?.toString())},vendorName:d.name,fixedAssetsDetails:l==="fixed_assets"?{accumulatedDepreciationCategory:n.jeCredit.account?.accountName??null,assetId:n.otherAttributes.assetId??null}:void 0,controllerEmails:$,controllerUserIds:v}),T()}},[u,U,T]);const{common:{strings:{empty:z}},jeSchedules:{scheduleDetails:{linkJE:f}}}=G,le=()=>{if(s.jeLink?.transactionDetailID!=null){const d=n.vendor,c=n.baseTransaction;e.trackScheduleDetailsJournalEntryQBOFetched({scheduleType:l,transaction:{...L(c)},scheduleExpenseCategoryAndClass:{expenseCategory:n.jeDebit.account?.accountName??null,expenseClass:n.jeDebit.accountingClass?.className??null},journalEntryDetails:{...P(s,y?.toString())},vendorName:d.name,fixedAssetsDetails:l==="fixed_assets"?{accumulatedDepreciationCategory:n.jeCredit.account?.accountName??null,assetId:n.otherAttributes.assetId??null}:void 0,controllerEmails:$,controllerUserIds:v}),ne(s.jeLink.transactionDetailID)}},se=o!=null&&o.fetchState==="In-Progress",re=o!=null&&o.fetchState==="Error",D=o!=null&&o.fetchState==="Completed",de=o==null||o.fetchState==="Not-Started",F=s.jeLink.type==="recommended",O=he(x.formState.dirtyFields),k=x.formState.isValid,j=D&&O&&k||D&&F&&k,E=O&&k;return a.jsxs(Le,{children:[a.jsxs(Ie,{windowSize:m,children:[a.jsx(Fe,{windowSize:m,children:f.linkJE}),a.jsx(Ne,{children:a.jsx(ze,{onClick:N})})]}),a.jsxs(Ae,{children:[a.jsx(Te,{windowSize:m,children:a.jsx(ge,{...x,children:a.jsx("form",{id:q(M),onSubmit:x.handleSubmit(oe),children:a.jsx(Ee,{jePostingDate:s.postingDate,sectionId:Z,qboURL:y,isJELoading:o?.fetchState==="In-Progress"})})})}),F?a.jsxs(Re,{windowSize:m,children:[a.jsx(Be,{})," ",f.zeniRecommendation]}):null,D?a.jsx(Ue,{children:a.jsx(we,{isCOTEnabled:S,transactionDetail:o,firstMonthOfFY:w,transactionAttachmentEndpointToDownload:z,transactionAttachmentsEndpointToFetch:z,attachmentUploadEndpoint:"",authParams:g,isDisabled:X??"readonly",isNavBarVisible:!1,containerStyles:{boxShadow:"none",backgroundColor:"inherit"},headerStyles:{boxShadow:"none",backgroundColor:"inherit"},autoCompleteData:{entityAutoCompleteView:{customer:[],vendor:[],fetchState:"Not-Started"}},isVendorBulkUpdateOnTransactionEnabled:K,onDeleteAttachment:()=>{},autoCompleteActions:{onAutoCompleteInputChange:()=>null,onCancelAutoComplete:()=>null,onAutoCompleteEntity:()=>null,onLoadOptions:()=>null},onUploadAttachmentAttachment:()=>null,enableBackClickOnSave:!0,saveLatestSelectedEntity:()=>null,updateVendorBulkRecommendationsFetchStatus:()=>null,setIsVendorUpdateAllChecked:()=>null})}):null,a.jsxs(Oe,{children:[re?a.jsx(Q,{windowSize:m,children:f.transactionFetchError}):null,de?a.jsx(Q,{windowSize:m,children:f.jeDetails}):null]}),se?a.jsx(xe,{fetchState:o?.fetchState}):null]}),j||E?a.jsx(fe,{formId:j?q(M):void 0,primaryBtn:{onClick:E&&!j?le:void 0,label:E&&!j?f.fetchJE:Y.save,isLoading:u==="In-Progress",isDisabled:u==="In-Progress"||o?.fetchState==="In-Progress"||o?.fetchState==="Error"},cancelBtn:{label:Y.cancel,shouldResetOnCancel:!0,onClick:N}}):null]})},q=e=>`${e}_form`,_=(e,l)=>({[Z]:{qboURL:C.getQBOUrlForLink(l.toString(),e.jeLink),jePostingDate:e.postingDate.format(Pe.visual.MMMDCommaYYYYformat)}}),Le=i.div`
+`,V=(e,l)=>`${e}.${l}`;function Ee({sectionId:e,jePostingDate:l,qboURL:n,isJELoading:s}){const u=H.getLocalizedStrings(),{dateFormat:S,jeSchedules:{scheduleDetails:{linkJE:o,scheduleDetailsSection:w}}}=u,h=l.format(S.visual.MMMDCommaYYYYformat),g=W();return a.jsxs($e,{children:[a.jsx(De,{windowSize:g,children:w.header}),a.jsxs(ve,{children:[a.jsx(R,{label:{label:o.jePostingDate,width:J.labelWidth.value(g)},style:{width:"auto"},text:{type:"text",name:V(e,"jePostingDate"),placeholder:o.jeLinkURLPlaceholder,defaultValue:h,autoComplete:"new-password"},isDisabled:"disabled"}),a.jsx(ke,{}),a.jsx(R,{label:{label:o.jeLink,width:J.labelWidth.value(g)},style:{width:"auto"},text:{type:"url",name:V(e,"qboURL"),placeholder:o.jeLinkURLPlaceholder,defaultValue:n?.toString()??"",autoComplete:"new-password",style:{color:Ce.link},options:{pattern:je}},isDisabled:s?"disabled":void 0})]})]})}const b={containerPaddingLeft:new p(r[3],r[3],r[6]),containerPaddingRight:new p(r[3],r[3],r[8]),navbarContainerPaddingTop:new p(r[2],r[3]),navbarContainerPaddingBottom:new p(r[4],r[5]),emptyScheduleHeight:new p(88,88)},M="linkJETransactionPage",G="linkJETransaction",Z=H.getLocalizedStrings(),{common:{footer:Y},dateFormat:Pe}=Z,ut=({analytics:e,scheduleTab:l,jeScheduledTransaction:n,localData:s,saveStatus:u,isCOTEnabled:S,transactionDetail:o,firstMonthOfFY:w,qboAppUrl:h,authParams:g,isDisabled:K,controllerUserDetails:I,isVendorBulkUpdateOnTransactionEnabled:X,onUpdateLocalData:ee,onBackClick:T,onCancelClick:te,onSaveClick:ae,onFetchTransactionClick:ne})=>{const m=W(),U=ue(u),y=C.getQBOUrlForLink(h.toString(),s.jeLink),$=C.getFirstControllerEmail(I.controllers),v=C.getFirstControllerId(I.controllerUserIds),N=()=>{const d=n.vendor,c=n.baseTransaction;e.trackScheduleDetailsJournalEntryLinkCanceled({scheduleType:l,transaction:{...L(c)},scheduleExpenseCategoryAndClass:{expenseCategory:n.jeDebit.account?.accountName??null,expenseClass:n.jeDebit.accountingClass?.className??null},journalEntryDetails:{...P(s,y?.toString())},vendorName:d.name,fixedAssetsDetails:l==="fixed_assets"?{accumulatedDepreciationCategory:n.jeCredit.account?.accountName??null,assetId:n.otherAttributes.assetId??null}:void 0,controllerEmails:$,controllerUserIds:v}),te()},x=me({mode:"all",reValidateMode:"onChange",resetOptions:{keepDirtyValues:!0,keepErrors:!0},defaultValues:_(s,h),values:_(s,h)}),oe=()=>{ae()},ie=async d=>{ee(d)};B.useEffect(()=>{const d=x.watch((c,{name:ce})=>{ce!=null&&c!=null&&pe(()=>ie(c))});return()=>{d.unsubscribe()}}),B.useEffect(()=>{if(u==="Completed"&&U==="In-Progress"){const d=n.vendor,c=n.baseTransaction;e.trackScheduleDetailsJournalEntryLinkedSaved({scheduleType:l,transaction:{...L(c)},scheduleExpenseCategoryAndClass:{expenseCategory:n.jeDebit.account?.accountName??null,expenseClass:n.jeDebit.accountingClass?.className??null},journalEntryDetails:{...P(s,y?.toString())},vendorName:d.name,fixedAssetsDetails:l==="fixed_assets"?{accumulatedDepreciationCategory:n.jeCredit.account?.accountName??null,assetId:n.otherAttributes.assetId??null}:void 0,controllerEmails:$,controllerUserIds:v}),T()}},[u,U,T]);const{common:{strings:{empty:z}},jeSchedules:{scheduleDetails:{linkJE:f}}}=Z,le=()=>{if(s.jeLink?.transactionDetailID!=null){const d=n.vendor,c=n.baseTransaction;e.trackScheduleDetailsJournalEntryQBOFetched({scheduleType:l,transaction:{...L(c)},scheduleExpenseCategoryAndClass:{expenseCategory:n.jeDebit.account?.accountName??null,expenseClass:n.jeDebit.accountingClass?.className??null},journalEntryDetails:{...P(s,y?.toString())},vendorName:d.name,fixedAssetsDetails:l==="fixed_assets"?{accumulatedDepreciationCategory:n.jeCredit.account?.accountName??null,assetId:n.otherAttributes.assetId??null}:void 0,controllerEmails:$,controllerUserIds:v}),ne(s.jeLink.transactionDetailID)}},se=o!=null&&o.fetchState==="In-Progress",re=o!=null&&o.fetchState==="Error",D=o!=null&&o.fetchState==="Completed",de=o==null||o.fetchState==="Not-Started",F=s.jeLink.type==="recommended",O=he(x.formState.dirtyFields),k=x.formState.isValid,j=D&&O&&k||D&&F&&k,E=O&&k;return a.jsxs(Le,{children:[a.jsxs(Ie,{windowSize:m,children:[a.jsx(Fe,{windowSize:m,children:f.linkJE}),a.jsx(Ne,{children:a.jsx(ze,{onClick:N})})]}),a.jsxs(Ae,{children:[a.jsx(Te,{windowSize:m,children:a.jsx(ge,{...x,children:a.jsx("form",{id:q(M),onSubmit:x.handleSubmit(oe),children:a.jsx(Ee,{jePostingDate:s.postingDate,sectionId:G,qboURL:y,isJELoading:o?.fetchState==="In-Progress"})})})}),F?a.jsxs(Re,{windowSize:m,children:[a.jsx(Be,{})," ",f.zeniRecommendation]}):null,D?a.jsx(Ue,{children:a.jsx(we,{isCOTEnabled:S,transactionDetail:o,firstMonthOfFY:w,transactionAttachmentEndpointToDownload:z,transactionAttachmentsEndpointToFetch:z,attachmentUploadEndpoint:"",authParams:g,isDisabled:K??"readonly",isNavBarVisible:!1,containerStyles:{boxShadow:"none",backgroundColor:"inherit"},headerStyles:{boxShadow:"none",backgroundColor:"inherit"},autoCompleteData:{entityAutoCompleteView:{customer:[],vendor:[],fetchState:"Not-Started"}},isVendorBulkUpdateOnTransactionEnabled:X,onDeleteAttachment:()=>{},autoCompleteActions:{onAutoCompleteInputChange:()=>null,onCancelAutoComplete:()=>null,onAutoCompleteEntity:()=>null,onLoadOptions:()=>null},onUploadAttachmentAttachment:()=>null,enableBackClickOnSave:!0,saveLatestSelectedEntity:()=>null,updateVendorBulkRecommendationsFetchStatus:()=>null,setIsVendorUpdateAllChecked:()=>null})}):null,a.jsxs(Oe,{children:[re?a.jsx(Q,{windowSize:m,children:f.transactionFetchError}):null,de?a.jsx(Q,{windowSize:m,children:f.jeDetails}):null]}),se?a.jsx(xe,{fetchState:o?.fetchState}):null]}),j||E?a.jsx(fe,{formId:j?q(M):void 0,primaryBtn:{onClick:E&&!j?le:void 0,label:E&&!j?f.fetchJE:Y.save,isLoading:u==="In-Progress",isDisabled:u==="In-Progress"||o?.fetchState==="In-Progress"||o?.fetchState==="Error"},cancelBtn:{label:Y.cancel,shouldResetOnCancel:!0,onClick:N}}):null]})},q=e=>`${e}_form`,_=(e,l)=>({[G]:{qboURL:C.getQBOUrlForLink(l.toString(),e.jeLink),jePostingDate:e.postingDate.format(Pe.visual.MMMDCommaYYYYformat)}}),Le=i.div`
   display: flex;
   flex: 1 1 auto;
   width: 100%;

package/dist/assets/{LockCardPage-DYfgK11k-3kQoNozm.js → LockCardPage-B-EvOmPO-B73f-ypE.js}

@@ -1,4 +1,4 @@
-import{q as he,d as _e,aa as me,y as d,db as ue,j as t,fn as Be,O as U,ad as ge,aq as He,gc as Ue,o as r,C as We,c5 as Ve,aN as re,d9 as Ye,b1 as q,dn as qe,P as Xe,aQ as Ge,ap as Ke,cV as gr,n as pe,a9 as xr,ax as wr,l as $r,gZ as fr,aM as de,gm as yr,u as b,A as Ze,c7 as xe,_ as Je,am as v,b6 as we,ai as G,dM as Qe,a$ as er,cP as rr,h as X,an as tr,f_ as oe,dN as Pe,fE as br,eY as vr}from"./index-TYkG9rxW.js";import{b as ae,n as i}from"./vendor-Bs1fkIUX.js";import{M as jr,F as Sr,_ as Cr}from"./ChargeCardUtils-BRgkrCTs-C8zXQGn9.js";import{T as ir}from"./RoleWithToolTip-BqI6M0x_-CjRr5WNK.js";import{j as or}from"./CardNumberSubText-CmhH95Ff-Cm3hJRYZ.js";const Q="cardName",fe=U.getLocalizedStrings().spendManagement.chargeCard.renamePopup;function vi({currentCardName:e,renameFetchState:f,onCancelClick:p,onSubmitClick:c}){const l=he(),y="RenameCardForm",n=me({mode:"all",defaultValues:{[Q]:e},values:{[Q]:e}});ae.useEffect(()=>{n.setFocus(Q)},[]);const h=()=>{p()},R=n.handleSubmit(()=>{const w=n.getValues(Q);w!=null&&c(w)}),N=ue(n.formState.errors,Q),o=U.getLocalizedStrings().common,T=le.largeLabelWidth.value(l);return t.jsx(zr,{windowSize:l,role:"presentation",children:t.jsx(Ke,{onClickAway:()=>p(),children:t.jsxs(kr,{windowSize:l,children:[t.jsx(ge,{...n,children:t.jsxs(Fr,{id:y,onSubmit:w=>{w.preventDefault(),R()},children:[t.jsx(Pr,{windowSize:l,children:fe.heading}),t.jsx(Nr,{hasError:N,children:t.jsx(gr,{label:{label:fe.newName,width:T},style:{width:"auto"},text:{type:"text",name:Q,defaultValue:e,placeholder:fe.placeholder,options:{required:!0,validate:w=>w!=null}}})})]})}),t.jsx(Dr,{children:t.jsxs(Lr,{children:[t.jsx(pe,{label:o.cancel,onClick:h,style:{width:84}}),t.jsx(Tr,{}),t.jsx(pe,{variant:"primary",label:o.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:f==="In-Progress",type:"submit",form:y})]})})]})})})}const le={width:new d(343,500,500),largeLabelWidth:new d(108,108,108),popupLeftRightPadding:new d(b[5],b[6]),popupTopBottomPadding:new d(b[5],b[5])},zr=i.div`
+import{q as he,c as _e,aa as me,y as d,db as ue,j as t,fn as Be,O as U,ad as ge,aq as He,gc as Ue,o as r,C as We,c5 as Ve,aN as re,d9 as Ye,b1 as q,dn as qe,P as Xe,aQ as Ge,ap as Ke,cV as gr,n as pe,a9 as xr,ax as wr,l as $r,gZ as fr,aM as de,gm as yr,u as b,A as Ze,c7 as xe,_ as Je,am as v,b6 as we,ai as G,dM as Qe,a$ as er,cP as rr,h as X,an as tr,f_ as oe,dN as Pe,fE as br,eY as vr}from"./index-MAXVX6UR.js";import{b as ae,n as i}from"./vendor-Bs1fkIUX.js";import{M as jr,F as Sr,_ as Cr}from"./ChargeCardUtils-Cx6ntaue-CziTslau.js";import{T as ir}from"./RoleWithToolTip-CnJMJF5X-DPQwf2SV.js";import{j as or}from"./CardNumberSubText-C_03r_B--CXrhgc3z.js";const Q="cardName",fe=U.getLocalizedStrings().spendManagement.chargeCard.renamePopup;function vi({currentCardName:e,renameFetchState:f,onCancelClick:p,onSubmitClick:c}){const l=he(),y="RenameCardForm",n=me({mode:"all",defaultValues:{[Q]:e},values:{[Q]:e}});ae.useEffect(()=>{n.setFocus(Q)},[]);const h=()=>{p()},R=n.handleSubmit(()=>{const w=n.getValues(Q);w!=null&&c(w)}),N=ue(n.formState.errors,Q),o=U.getLocalizedStrings().common,T=le.largeLabelWidth.value(l);return t.jsx(zr,{windowSize:l,role:"presentation",children:t.jsx(Ke,{onClickAway:()=>p(),children:t.jsxs(kr,{windowSize:l,children:[t.jsx(ge,{...n,children:t.jsxs(Fr,{id:y,onSubmit:w=>{w.preventDefault(),R()},children:[t.jsx(Pr,{windowSize:l,children:fe.heading}),t.jsx(Nr,{hasError:N,children:t.jsx(gr,{label:{label:fe.newName,width:T},style:{width:"auto"},text:{type:"text",name:Q,defaultValue:e,placeholder:fe.placeholder,options:{required:!0,validate:w=>w!=null}}})})]})}),t.jsx(Dr,{children:t.jsxs(Lr,{children:[t.jsx(pe,{label:o.cancel,onClick:h,style:{width:84}}),t.jsx(Tr,{}),t.jsx(pe,{variant:"primary",label:o.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:f==="In-Progress",type:"submit",form:y})]})})]})})})}const le={width:new d(343,500,500),largeLabelWidth:new d(108,108,108),popupLeftRightPadding:new d(b[5],b[6]),popupTopBottomPadding:new d(b[5],b[5])},zr=i.div`
   position: fixed;
   top: ${r.sp0};
   left: ${r.sp0};
@@ -49,7 +49,7 @@ import{q as he,d as _e,aa as me,y as d,db as ue,j as t,fn as Be,O as U,ad as ge,
   }
 `,Fr=i.form`
   display: contents;
-`,ee="spendLimit",J=U.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup,{dateFormat:ye}=U.getLocalizedStrings();function ji({controllerEmails:e,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:c,isChargeCardSetupEnabled:l,cardDetail:y,transactionStatistics:n,depositAccountLimitFetchState:h,creditAccount:R,creditAccountRepayment:N,signedInUser:o,isDebitCard:T,classListFetchState:w,currentLimitAmount:B,currentSpentAmount:H,productInformation:j,creditAccountInformation:W,debitAccountInformation:V,maxLimitAmount:M,isDisabled:K,updateLimitFetchState:Z,recommendations:F,cardIssuedByRoles:Y,cardHolderRoles:m,loggedInUserRole:A,cardIssuedByDepartmentName:D,cardHolderDepartmentName:a,onCancelClick:s,onSubmitClick:u}){const g=xr().analytics,$=he(),se="SpendLimitForm",ar=wr();$r.hasChargeCardAdminLevelAccess(ar.loggedInUserRoleMap);const te=me({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[ee]:void 0}}),{control:sr,formState:{errors:nr}}=te,[dr,lr]=ae.useState(void 0),ne=fr({control:sr,name:ee}),Ce=y?.type.code.includes("physical")===!0?y.cardActivationAttemptHistory[0]?.timestamp:y?.createTime,ze=(y?.recommendations??[]).map(x=>x.creditLimit.amount),cr=()=>{y!=null&&Le({analytics:g,controllerEmails:e,isChargeCardFeatureEnabled:f,cardDetail:y,transactionStatistics:n,depositAccountLimitFetchState:h,creditAccount:R,creditAccountRepayment:N,signedInUser:o,isDebitCard:T,classListFetchState:w,currentLimitAmount:B,recommendedLimitAmounts:ze,cardActivationDate:Ce,cardIssuedByRoles:Y,cardHolderRoles:m,cardIssuedByDepartmentName:D,cardHolderDepartmentName:a,loggedInUserRole:A,clickItem:"Cancel",newSpendLimitAmount:ne,productInformation:j,creditAccountInformation:W,debitAccountInformation:V}),s()},pr=te.handleSubmit(()=>{const x=te.getValues(ee);x!=null&&(Le({analytics:g,controllerEmails:e,isChargeCardFeatureEnabled:f,cardDetail:y,transactionStatistics:n,depositAccountLimitFetchState:h,creditAccount:R,creditAccountRepayment:N,signedInUser:o,isDebitCard:T,classListFetchState:w,currentLimitAmount:B,recommendedLimitAmounts:ze,cardActivationDate:Ce,cardIssuedByRoles:Y,cardHolderRoles:m,cardIssuedByDepartmentName:D,cardHolderDepartmentName:a,loggedInUserRole:A,productInformation:j,creditAccountInformation:W,debitAccountInformation:V,clickItem:"Update",newSpendLimitAmount:x}),u(x))}),hr=x=>{te.setValue(ee,x,{shouldValidate:!0})},ke=ue(nr,ee),$e=U.getLocalizedStrings().common,mr=ce.largeLabelWidth.value($);ae.useEffect(()=>{lr(Ar(H,M,ne))},[ne,H,M]);const ur=(x,ie)=>t.jsxs(Wr,{isSelected:ne===x.amount,onClick:()=>hr(x.amount),"data-testid":de("quick-amount-button",ie.toString()),children:[ie===1&&t.jsx(Vr,{}),re("0,0.[00]",x)]},ie);return t.jsx(Er,{windowSize:$,role:"presentation","data-testid":de("update-spend-limit-popup"),children:t.jsx(Ke,{onClickAway:()=>s(),children:t.jsxs(Ir,{windowSize:$,children:[t.jsx(ge,{...te,children:t.jsxs(Yr,{id:se,onSubmit:x=>{x.preventDefault(),pr()},children:[t.jsx(Rr,{windowSize:$,children:J.heading}),t.jsxs(Mr,{windowSize:$,children:[J.currentLimit,$e.strings.space," ",re("0,0.[00]",B),J.slashMonth]}),t.jsxs(Hr,{hasError:ke,children:[t.jsx(yr,{label:{label:J.newLimit,width:mr},showAdditionalInfoLabel:ke,additionalInfoLabel:dr,formattedTextField:{type:"number",name:ee,defaultValue:void 0,placeholder:J.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:x=>!!x&&x>0&&x>H.amount&&(M!=null?x<=M.amount:!0)},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1}),F?.length?t.jsx(Ur,{windowSize:$,children:F?.map((x,ie)=>ur(x.creditLimit,ie))}):null]})]})}),t.jsx(Br,{children:t.jsxs(Or,{children:[t.jsx(pe,{label:$e.cancel,onClick:cr,style:{width:84},"data-testid":de("update-spend-limit-cancel-button")}),t.jsx(_r,{}),t.jsx(pe,{variant:"primary",label:$e.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:Z==="In-Progress",type:"submit",form:se,"data-testid":de("update-spend-limit-submit-button"),disabled:K})]})})]})})})}const Ar=(e,f,p)=>{if(p!=null){if(p<=e.amount)return J.amountBelowError.replace("_amount_",re("0,0.[00]",e));if(f!=null&&p>f.amount)return J.amountExceedError.replace("_amount_",re("0,0.[00]",f))}},Le=({analytics:e,controllerEmails:f,isChargeCardFeatureEnabled:p,productInformation:c,creditAccountInformation:l,debitAccountInformation:y,cardDetail:n,transactionStatistics:h,depositAccountLimitFetchState:R,creditAccount:N,creditAccountRepayment:o,signedInUser:T,isDebitCard:w,classListFetchState:B,currentLimitAmount:H,recommendedLimitAmounts:j,cardActivationDate:W,cardIssuedByRoles:V,cardHolderRoles:M,cardIssuedByDepartmentName:K,cardHolderDepartmentName:Z,loggedInUserRole:F,clickItem:Y,newSpendLimitAmount:m})=>{n!=null&&B==="Completed"&&h!=null&&h.fetchState==="Completed"&&(!p||N.fetchState==="Completed"&&o.fetchState==="Completed")&&(!w||R==="Completed")&&e.trackCardsUpdateSpendLimitClick(f,c,{cardId:n.id,cardName:n.cardName,cardType:Sr(n.type.code),cardCategory:n.type.code.includes("physical")?"physical":"virtual",cardLimit:oe(n.limit.amount),cardLastFourDigits:n.accountLast4,cardStatus:n.status.code,cardAssignedDate:n.createTime?.format(ye.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:n.providerCardCreateTime?.format(ye.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:W?.format(ye.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:n.creditLimitFrequency.name,cardSpentAmount:oe(n.balance.amount),cardAvailableLimit:oe(n.available.amount),cardUtilizationPercent:jr(n.limit.amount,n.available.amount),cardUtilizationAmount:oe(Cr(n)),totalNumberOfDeclinedTransactions:h.statistics.totalNumberOfDeclinedTransactions,numberOfDeclinedTransactionsCurrentMonth:h.statistics.numberOfDeclinedTransactionsCurrentMonth,totalNumberOfPaidTransactions:h.statistics.totalNumberOfPaidTransactions,numberOfPaidTransactionsCurrentMonth:h.statistics.numberOfPaidTransactionsCurrentMonth,totalNumberOfCanceledTransactions:h.statistics.totalNumberOfCanceledTransactions,numberOfCanceledTransactionsCurrentMonth:h.statistics.numberOfCanceledTransactionsCurrentMonth,totalNumberOfAuthorizedTransactions:h.statistics.totalNumberOfAuthorizedTransactions,numberOfAuthorizedTransactionsCurrentMonth:h.statistics.numberOfAuthorizedTransactionsCurrentMonth,totalNumberOfTransactionsWithReceipts:h.statistics.totalNumberOfTransactionsWithReceipts,numberOfTransactionsWithReceiptsCurrentMonth:h.statistics.numberOfTransactionsWithReceiptsCurrentMonth},{cardIssuedByName:Pe(n.cardCreatedByUser,!1),cardIssuedByEmail:n.cardCreatedByUser?.email,cardIssuedByUserId:n.cardCreatedByUser?.userId,cardIssuedByRole:V,cardIssuedByDepartment:K},{cardholderName:Pe(n.cardHolderUser,!1),cardholderEmail:n.cardHolderUser?.email,cardholderRole:M,cardholderUserId:n.cardHolderUser?.userId,cardholderDepartment:Z},{cardLimitUpdatedByName:br(T),cardLimitUpdatedByEmail:T.userEmail,cardLimitUpdatedByRole:F,cardLimitUpdatedByUserId:T.userId},Y,oe(H.amount),j,m!=null?j.includes(m):!1,m,l,y)},ce={width:new d(343,500,500),largeLabelWidth:new d(108,108,108),popupLeftRightPadding:new d(b[5],b[6]),popupTopBottomPadding:new d(b[5],b[5])},Er=i.div`
+`,ee="spendLimit",J=U.getLocalizedStrings().spendManagement.chargeCard.updateSpendLimitPopup,{dateFormat:ye}=U.getLocalizedStrings();function ji({controllerEmails:e,isChargeCardFeatureEnabled:f,isDebitCardFeatureEnabled:p,isDebitCardSetupEnabled:c,isChargeCardSetupEnabled:l,cardDetail:y,transactionStatistics:n,depositAccountLimitFetchState:h,creditAccount:R,creditAccountRepayment:N,signedInUser:o,isDebitCard:T,classListFetchState:w,currentLimitAmount:B,currentSpentAmount:H,productInformation:j,creditAccountInformation:W,debitAccountInformation:V,maxLimitAmount:O,isDisabled:K,updateLimitFetchState:Z,recommendations:F,cardIssuedByRoles:Y,cardHolderRoles:m,loggedInUserRole:A,cardIssuedByDepartmentName:D,cardHolderDepartmentName:a,onCancelClick:s,onSubmitClick:u}){const g=xr().analytics,$=he(),se="SpendLimitForm",ar=wr();$r.hasChargeCardAdminLevelAccess(ar.loggedInUserRoleMap);const te=me({mode:"onBlur",reValidateMode:"onBlur",defaultValues:{[ee]:void 0}}),{control:sr,formState:{errors:nr}}=te,[dr,lr]=ae.useState(void 0),ne=fr({control:sr,name:ee}),Ce=y?.type.code.includes("physical")===!0?y.cardActivationAttemptHistory[0]?.timestamp:y?.createTime,ze=(y?.recommendations??[]).map(x=>x.creditLimit.amount),cr=()=>{y!=null&&Le({analytics:g,controllerEmails:e,isChargeCardFeatureEnabled:f,cardDetail:y,transactionStatistics:n,depositAccountLimitFetchState:h,creditAccount:R,creditAccountRepayment:N,signedInUser:o,isDebitCard:T,classListFetchState:w,currentLimitAmount:B,recommendedLimitAmounts:ze,cardActivationDate:Ce,cardIssuedByRoles:Y,cardHolderRoles:m,cardIssuedByDepartmentName:D,cardHolderDepartmentName:a,loggedInUserRole:A,clickItem:"Cancel",newSpendLimitAmount:ne,productInformation:j,creditAccountInformation:W,debitAccountInformation:V}),s()},pr=te.handleSubmit(()=>{const x=te.getValues(ee);x!=null&&(Le({analytics:g,controllerEmails:e,isChargeCardFeatureEnabled:f,cardDetail:y,transactionStatistics:n,depositAccountLimitFetchState:h,creditAccount:R,creditAccountRepayment:N,signedInUser:o,isDebitCard:T,classListFetchState:w,currentLimitAmount:B,recommendedLimitAmounts:ze,cardActivationDate:Ce,cardIssuedByRoles:Y,cardHolderRoles:m,cardIssuedByDepartmentName:D,cardHolderDepartmentName:a,loggedInUserRole:A,productInformation:j,creditAccountInformation:W,debitAccountInformation:V,clickItem:"Update",newSpendLimitAmount:x}),u(x))}),hr=x=>{te.setValue(ee,x,{shouldValidate:!0})},ke=ue(nr,ee),$e=U.getLocalizedStrings().common,mr=ce.largeLabelWidth.value($);ae.useEffect(()=>{lr(Ar(H,O,ne))},[ne,H,O]);const ur=(x,ie)=>t.jsxs(Wr,{isSelected:ne===x.amount,onClick:()=>hr(x.amount),"data-testid":de("quick-amount-button",ie.toString()),children:[ie===1&&t.jsx(Vr,{}),re("0,0.[00]",x)]},ie);return t.jsx(Er,{windowSize:$,role:"presentation","data-testid":de("update-spend-limit-popup"),children:t.jsx(Ke,{onClickAway:()=>s(),children:t.jsxs(Ir,{windowSize:$,children:[t.jsx(ge,{...te,children:t.jsxs(Yr,{id:se,onSubmit:x=>{x.preventDefault(),pr()},children:[t.jsx(Rr,{windowSize:$,children:J.heading}),t.jsxs(Or,{windowSize:$,children:[J.currentLimit,$e.strings.space," ",re("0,0.[00]",B),J.slashMonth]}),t.jsxs(Hr,{hasError:ke,children:[t.jsx(yr,{label:{label:J.newLimit,width:mr},showAdditionalInfoLabel:ke,additionalInfoLabel:dr,formattedTextField:{type:"number",name:ee,defaultValue:void 0,placeholder:J.placeholder,returnValueType:"floatValue",prefix:"$",allowNegative:!0,isNumericString:!1,registerOptions:{required:!0,validate:x=>!!x&&x>0&&x>H.amount&&(O!=null?x<=O.amount:!0)},autoComplete:"off",decimalSeparator:".",decimalScale:2,fixedDecimalScale:!1,thousandSeparator:!0},style:{width:"auto"},showOutlineOnFocus:!1}),F?.length?t.jsx(Ur,{windowSize:$,children:F?.map((x,ie)=>ur(x.creditLimit,ie))}):null]})]})}),t.jsx(Br,{children:t.jsxs(Mr,{children:[t.jsx(pe,{label:$e.cancel,onClick:cr,style:{width:84},"data-testid":de("update-spend-limit-cancel-button")}),t.jsx(_r,{}),t.jsx(pe,{variant:"primary",label:$e.texts.update,style:{width:84,whiteSpace:"nowrap"},loading:Z==="In-Progress",type:"submit",form:se,"data-testid":de("update-spend-limit-submit-button"),disabled:K})]})})]})})})}const Ar=(e,f,p)=>{if(p!=null){if(p<=e.amount)return J.amountBelowError.replace("_amount_",re("0,0.[00]",e));if(f!=null&&p>f.amount)return J.amountExceedError.replace("_amount_",re("0,0.[00]",f))}},Le=({analytics:e,controllerEmails:f,isChargeCardFeatureEnabled:p,productInformation:c,creditAccountInformation:l,debitAccountInformation:y,cardDetail:n,transactionStatistics:h,depositAccountLimitFetchState:R,creditAccount:N,creditAccountRepayment:o,signedInUser:T,isDebitCard:w,classListFetchState:B,currentLimitAmount:H,recommendedLimitAmounts:j,cardActivationDate:W,cardIssuedByRoles:V,cardHolderRoles:O,cardIssuedByDepartmentName:K,cardHolderDepartmentName:Z,loggedInUserRole:F,clickItem:Y,newSpendLimitAmount:m})=>{n!=null&&B==="Completed"&&h!=null&&h.fetchState==="Completed"&&(!p||N.fetchState==="Completed"&&o.fetchState==="Completed")&&(!w||R==="Completed")&&e.trackCardsUpdateSpendLimitClick(f,c,{cardId:n.id,cardName:n.cardName,cardType:Sr(n.type.code),cardCategory:n.type.code.includes("physical")?"physical":"virtual",cardLimit:oe(n.limit.amount),cardLastFourDigits:n.accountLast4,cardStatus:n.status.code,cardAssignedDate:n.createTime?.format(ye.analytics.MMMDashDDDashYYYYFormat),cardIssuedDate:n.providerCardCreateTime?.format(ye.analytics.MMMDashDDDashYYYYFormat),cardActivatedDate:W?.format(ye.analytics.MMMDashDDDashYYYYFormat),cardLimitFrequency:n.creditLimitFrequency.name,cardSpentAmount:oe(n.balance.amount),cardAvailableLimit:oe(n.available.amount),cardUtilizationPercent:jr(n.limit.amount,n.available.amount),cardUtilizationAmount:oe(Cr(n)),totalNumberOfDeclinedTransactions:h.statistics.totalNumberOfDeclinedTransactions,numberOfDeclinedTransactionsCurrentMonth:h.statistics.numberOfDeclinedTransactionsCurrentMonth,totalNumberOfPaidTransactions:h.statistics.totalNumberOfPaidTransactions,numberOfPaidTransactionsCurrentMonth:h.statistics.numberOfPaidTransactionsCurrentMonth,totalNumberOfCanceledTransactions:h.statistics.totalNumberOfCanceledTransactions,numberOfCanceledTransactionsCurrentMonth:h.statistics.numberOfCanceledTransactionsCurrentMonth,totalNumberOfAuthorizedTransactions:h.statistics.totalNumberOfAuthorizedTransactions,numberOfAuthorizedTransactionsCurrentMonth:h.statistics.numberOfAuthorizedTransactionsCurrentMonth,totalNumberOfTransactionsWithReceipts:h.statistics.totalNumberOfTransactionsWithReceipts,numberOfTransactionsWithReceiptsCurrentMonth:h.statistics.numberOfTransactionsWithReceiptsCurrentMonth},{cardIssuedByName:Pe(n.cardCreatedByUser,!1),cardIssuedByEmail:n.cardCreatedByUser?.email,cardIssuedByUserId:n.cardCreatedByUser?.userId,cardIssuedByRole:V,cardIssuedByDepartment:K},{cardholderName:Pe(n.cardHolderUser,!1),cardholderEmail:n.cardHolderUser?.email,cardholderRole:O,cardholderUserId:n.cardHolderUser?.userId,cardholderDepartment:Z},{cardLimitUpdatedByName:br(T),cardLimitUpdatedByEmail:T.userEmail,cardLimitUpdatedByRole:F,cardLimitUpdatedByUserId:T.userId},Y,oe(H.amount),j,m!=null?j.includes(m):!1,m,l,y)},ce={width:new d(343,500,500),largeLabelWidth:new d(108,108,108),popupLeftRightPadding:new d(b[5],b[6]),popupTopBottomPadding:new d(b[5],b[5])},Er=i.div`
   position: fixed;
   top: ${r.sp0};
   left: ${r.sp0};
@@ -77,10 +77,10 @@ import{q as he,d as _e,aa as me,y as d,db as ue,j as t,fn as Be,O as U,ad as ge,
 `,Rr=i(xe)`
   color: ${e=>e.theme.colors.primary};
   margin-bottom: ${r.sp2};
-`,Mr=i(v)`
+`,Or=i(v)`
   color: ${e=>e.theme.colors.hero};
   margin-bottom: ${r.sp3};
-`,Or=i.div`
+`,Mr=i.div`
   display: flex;
   justify-content: center;
   padding-top: ${r.sp4};
@@ -127,7 +127,7 @@ import{q as he,d as _e,aa as me,y as d,db as ue,j as t,fn as Be,O as U,ad as ge,
   height: ${r.sp3};
 `,Yr=i.form`
   display: contents;
-`,P={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),largeLabelWidth:new d(120,120,200),webkitLineClamp:new d(2,1,1,1,1),overlayWidth:new d(100,100,58),cardHolderDetailsPaddingX:new d(b[3],b[4]),cardNameSectionMarginLeft:new d(b[7],0),cardHolderDetailsGap:new d(b[1],0),recurringExpenseMerchantWidth:new d(112,240),recurringExpenseNextPaymentDateWidth:new d(112,104),recurringExpenseAmountWidth:new d(100,312),reasonTextFieldMarginTop:new d(b[3],0)},{common:S,closeCard:O}=U.getLocalizedStrings().spendManagement.chargeCard,z="reasonSection",Te="closeCardPage",E=(e,f)=>`${e}.${f}`,De=e=>`${e}_form`,{common:be,dateFormat:qr,cockpit:Xr}=U.getLocalizedStrings(),Si=({showCloseCardDrawer:e,onCloseCloseCardDrawer:f,isChargeCardAdmin:p,chargeCardsByCardId:c,cardRecurringExpensesByCardId:l,cardRecurringExpenseFetchState:y,closeCardFetchState:n,onRemoveCardClick:h,onConfirmClick:R,onDismissClick:N})=>{const o=he(),T=_e(),[w,B]=ae.useState(Object.fromEntries(Object.keys(l).map((a,s)=>[a,s===0]))),H=a=>{B(s=>s[a]?{...s,[a]:!1}:{...Object.fromEntries(Object.keys(s).map(u=>[u,!1])),[a]:!0})},j=me({mode:"all",reValidateMode:"onBlur",defaultValues:{[z]:{reason:void 0,reasonType:void 0}},values:{[z]:{reason:void 0,reasonType:void 0}}}),W=P.largeLabelWidth.value(o),{isValid:V,errors:M}=j.formState,K=a=>`${c[a].cardHolderUser?.firstName??""} ${c[a].cardHolderUser?.lastName??""}`,Z=ue(M,E(z,"reasonType")),F=j.watch("reasonSection.reasonType"),Y=j.handleSubmit(()=>{if(V){const a=j.getValues(),s={reason:a[z].reason,reasonType:a[z].reasonType};R(s)}}),m=Object.keys(l).length>1,A=Object.keys(l).length,D=Object.values(l).reduce((a,s)=>a+s.length,0);return t.jsx(Be,{anchor:"right",open:e,onClose:f,PaperProps:{style:{width:P.overlayWidth.valuePercentage(o),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:T.colors.black,opacity:.75,cursor:"pointer"}}},transitionDuration:250,children:t.jsxs(Gr,{windowSize:o,children:[t.jsxs(Kr,{windowSize:o,children:[t.jsx(Zr,{windowSize:o,children:t.jsx(Qr,{onClick:()=>{N()}})}),o==="small"?t.jsx(nt,{windowSize:o,children:m?O.closeCards:O.closeCard}):t.jsx(dt,{children:m?O.closeCards:O.closeCard}),y==="Completed"?t.jsx(ge,{...j,children:t.jsxs("form",{id:De(Te),onSubmit:Y,children:[t.jsxs(lt,{children:[t.jsx(ct,{windowSize:o,children:m?D>0?`${O.multipleCardsHasRecurringExpenses.replace("_number_of_cards_",A.toString()).replace("_number_of_recurring_expenses_",D.toString())} ${D===1?S.expense:S.expenses} ${O.multipleCardsHasRecurringExpensesSuffix}`:O.multipleCardsNoRecurringExpenses.replace("_number_of_cards_",A.toString()):O.firstCardHasRecurringExpenses.replace("_number_of_recurring_expenses_",D.toString()).replace("_expense_",D===1?S.expense:S.expenses)}),m&&t.jsx(Pt,{children:`${A} ${A===1?S.card:S.cards} ${S.selected}`}),Object.keys(l).map((a,s)=>{const u=l[a].length>0;return t.jsxs(pt,{onClick:()=>u?H(a):void 0,isMoreThanOneCard:m,isLastCard:s===Object.keys(l).length-1,children:[t.jsxs(mt,{windowSize:o,children:[t.jsxs(ut,{windowSize:o,children:[t.jsxs(gt,{windowSize:o,children:[c[a].cardHolderUser?.photo!==void 0?t.jsx(et,{src:c[a].cardHolderUser?.photo.href,alt:Xr.userProfileAltText,onError:({currentTarget:g})=>{g.onerror=null,g.src=He},loading:"lazy"}):t.jsx(Ue,{firstName:c[a].cardHolderUser?.firstName??"",lastName:c[a].cardHolderUser?.lastName??"",size:r.sp6}),t.jsxs("div",{children:[t.jsx(ht,{children:K(a)}),t.jsx(xt,{children:t.jsx(ir,{roles:c[a].cardHolderRoles.userRoles})})]})]}),o==="small"&&u&&(w[a]?t.jsx(Fe,{}):t.jsx(Ae,{}))]}),t.jsxs(wt,{windowSize:o,children:[c[a].cardName,t.jsx(or,{cardDetail:c[a],forDetailPage:!0,styles:{...We.smallRegular.cssObject,position:"relative",top:"-5px"}})]}),t.jsxs($t,{windowSize:o,children:[t.jsxs(Ct,{children:[t.jsx(zt,{children:l[a].length}),t.jsx(St,{children:S.recurringExpenses})]}),o!=="small"&&u&&(w[a]?t.jsx(Fe,{}):t.jsx(Ae,{}))]})]}),m&&t.jsx(it,{children:t.jsx(Ve,{variant:"standard",title:be.remove,children:t.jsx(tt,{onClick:()=>h(a)})})}),w[a]&&u&&t.jsxs(t.Fragment,{children:[t.jsx(Ne,{}),t.jsxs(ft,{children:[t.jsxs(kt,{children:[t.jsx(je,{width:o==="small"?112:240,children:S.merchant}),t.jsx(je,{width:o==="small"?112:104,children:S.nextPaymentDate}),t.jsx(Lt,{width:o==="small"?100:312,children:S.amount})]}),l[a].map((g,$)=>t.jsxs("div",{children:[$>0&&t.jsx(Ne,{}),t.jsxs(yt,{children:[t.jsxs(bt,{windowSize:o,children:[t.jsx(ot,{src:g.merchant.logo?.url?.href}),t.jsx(rt,{windowSize:o,children:g.merchant.brandName??g.merchant.name})]}),t.jsx(vt,{windowSize:o,children:g.nextPaymentDate.format(qr.visual.MMMDCommaYYYYformat)}),t.jsx(jt,{windowSize:o,children:re("0,0.00",g.amount)})]},g.merchant.name)]},g.merchant.name))]})]})]},a)})]}),t.jsx(Dt,{windowSize:o,children:S.letUsKnowWhy}),t.jsxs(Tt,{isReasonTextFieldVisible:F==="other",children:[t.jsxs(at,{size:o,children:[t.jsx(Ye,{label:S.reasonLabel,htmlFor:E(z,"reasonType"),style:{padding:`${r.sp2} ${r.sp0}`,width:"fit-content"}}),t.jsxs(st,{labelWidth:W,size:o,children:[t.jsx(q,{label:{label:S.reason.lost},style:{width:"auto"},radioField:{name:E(z,"reasonType"),id:`${E(z,"reasonType")}.Lost or stolen`,value:"Lost or stolen",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!p,validate:a=>p?!0:!!a},radioSize:"small"}}),t.jsx(q,{label:{label:S.reason.fraud},style:{width:"auto"},radioField:{name:E(z,"reasonType"),id:`${E(z,"reasonType")}.Fraud detected`,value:"Fraud detected",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!p,validate:a=>p?!0:!!a},radioSize:"small"}}),t.jsx(q,{label:{label:S.reason.not_needed},style:{width:"auto"},radioField:{name:E(z,"reasonType"),id:`${E(z,"reasonType")}.Not needed`,value:"Not needed",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!p,validate:a=>p?!0:!!a},radioSize:"small"}}),t.jsx(q,{label:{label:S.reason.other},style:{width:"auto"},radioField:{name:E(z,"reasonType"),id:`${E(z,"reasonType")}.other`,value:"other",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!p,validate:a=>p?!0:!!a},radioSize:"small"}})]})]}),F==="other"?t.jsx(qe,{style:{height:r.sp6,width:"100%",backgroundColor:T.colors.background,marginTop:`${P.reasonTextFieldMarginTop.valuePx(o)}`},type:"text",name:E(z,"reason"),placeholder:O.reasonPlaceholder,className:"reason-text-field",registerOptions:{required:!p,validate:a=>p?!0:!!a}}):F==null&&!p&&Z?t.jsx(Jr,{children:O.youNeedToProvideReasonToCloseCard}):null]})]})}):t.jsx(Xe,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),y==="Completed"&&t.jsx(Ge,{style:{zIndex:4,paddingTop:r.sp3,paddingBottom:r.sp3},formId:De(Te),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:be.confirm,isLoading:n==="In-Progress",variant:"danger"},cancelBtn:{label:be.cancel,style:{width:"90px"},onClick:()=>{N?.()}}})]})})},Gr=i.div`
+`,P={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),largeLabelWidth:new d(120,120,200),webkitLineClamp:new d(2,1,1,1,1),overlayWidth:new d(100,100,58),cardHolderDetailsPaddingX:new d(b[3],b[4]),cardNameSectionMarginLeft:new d(b[7],0),cardHolderDetailsGap:new d(b[1],0),recurringExpenseMerchantWidth:new d(112,240),recurringExpenseNextPaymentDateWidth:new d(112,104),recurringExpenseAmountWidth:new d(100,312),reasonTextFieldMarginTop:new d(b[3],0)},{common:S,closeCard:M}=U.getLocalizedStrings().spendManagement.chargeCard,z="reasonSection",Te="closeCardPage",E=(e,f)=>`${e}.${f}`,De=e=>`${e}_form`,{common:be,dateFormat:qr,cockpit:Xr}=U.getLocalizedStrings(),Si=({showCloseCardDrawer:e,onCloseCloseCardDrawer:f,isChargeCardAdmin:p,chargeCardsByCardId:c,cardRecurringExpensesByCardId:l,cardRecurringExpenseFetchState:y,closeCardFetchState:n,onRemoveCardClick:h,onConfirmClick:R,onDismissClick:N})=>{const o=he(),T=_e(),[w,B]=ae.useState(Object.fromEntries(Object.keys(l).map((a,s)=>[a,s===0]))),H=a=>{B(s=>s[a]?{...s,[a]:!1}:{...Object.fromEntries(Object.keys(s).map(u=>[u,!1])),[a]:!0})},j=me({mode:"all",reValidateMode:"onBlur",defaultValues:{[z]:{reason:void 0,reasonType:void 0}},values:{[z]:{reason:void 0,reasonType:void 0}}}),W=P.largeLabelWidth.value(o),{isValid:V,errors:O}=j.formState,K=a=>`${c[a].cardHolderUser?.firstName??""} ${c[a].cardHolderUser?.lastName??""}`,Z=ue(O,E(z,"reasonType")),F=j.watch("reasonSection.reasonType"),Y=j.handleSubmit(()=>{if(V){const a=j.getValues(),s={reason:a[z].reason,reasonType:a[z].reasonType};R(s)}}),m=Object.keys(l).length>1,A=Object.keys(l).length,D=Object.values(l).reduce((a,s)=>a+s.length,0);return t.jsx(Be,{anchor:"right",open:e,onClose:f,PaperProps:{style:{width:P.overlayWidth.valuePercentage(o),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:T.colors.black,opacity:.75,cursor:"pointer"}}},transitionDuration:250,children:t.jsxs(Gr,{windowSize:o,children:[t.jsxs(Kr,{windowSize:o,children:[t.jsx(Zr,{windowSize:o,children:t.jsx(Qr,{onClick:()=>{N()}})}),o==="small"?t.jsx(nt,{windowSize:o,children:m?M.closeCards:M.closeCard}):t.jsx(dt,{children:m?M.closeCards:M.closeCard}),y==="Completed"?t.jsx(ge,{...j,children:t.jsxs("form",{id:De(Te),onSubmit:Y,children:[t.jsxs(lt,{children:[t.jsx(ct,{windowSize:o,children:m?D>0?`${M.multipleCardsHasRecurringExpenses.replace("_number_of_cards_",A.toString()).replace("_number_of_recurring_expenses_",D.toString())} ${D===1?S.expense:S.expenses} ${M.multipleCardsHasRecurringExpensesSuffix}`:M.multipleCardsNoRecurringExpenses.replace("_number_of_cards_",A.toString()):M.firstCardHasRecurringExpenses.replace("_number_of_recurring_expenses_",D.toString()).replace("_expense_",D===1?S.expense:S.expenses)}),m&&t.jsx(Pt,{children:`${A} ${A===1?S.card:S.cards} ${S.selected}`}),Object.keys(l).map((a,s)=>{const u=l[a].length>0;return t.jsxs(pt,{onClick:()=>u?H(a):void 0,isMoreThanOneCard:m,isLastCard:s===Object.keys(l).length-1,children:[t.jsxs(mt,{windowSize:o,children:[t.jsxs(ut,{windowSize:o,children:[t.jsxs(gt,{windowSize:o,children:[c[a].cardHolderUser?.photo!==void 0?t.jsx(et,{src:c[a].cardHolderUser?.photo.href,alt:Xr.userProfileAltText,onError:({currentTarget:g})=>{g.onerror=null,g.src=He},loading:"lazy"}):t.jsx(Ue,{firstName:c[a].cardHolderUser?.firstName??"",lastName:c[a].cardHolderUser?.lastName??"",size:r.sp6}),t.jsxs("div",{children:[t.jsx(ht,{children:K(a)}),t.jsx(xt,{children:t.jsx(ir,{roles:c[a].cardHolderRoles.userRoles})})]})]}),o==="small"&&u&&(w[a]?t.jsx(Fe,{}):t.jsx(Ae,{}))]}),t.jsxs(wt,{windowSize:o,children:[c[a].cardName,t.jsx(or,{cardDetail:c[a],forDetailPage:!0,styles:{...We.smallRegular.cssObject,position:"relative",top:"-5px"}})]}),t.jsxs($t,{windowSize:o,children:[t.jsxs(Ct,{children:[t.jsx(zt,{children:l[a].length}),t.jsx(St,{children:S.recurringExpenses})]}),o!=="small"&&u&&(w[a]?t.jsx(Fe,{}):t.jsx(Ae,{}))]})]}),m&&t.jsx(it,{children:t.jsx(Ve,{variant:"standard",title:be.remove,children:t.jsx(tt,{onClick:()=>h(a)})})}),w[a]&&u&&t.jsxs(t.Fragment,{children:[t.jsx(Ne,{}),t.jsxs(ft,{children:[t.jsxs(kt,{children:[t.jsx(je,{width:o==="small"?112:240,children:S.merchant}),t.jsx(je,{width:o==="small"?112:104,children:S.nextPaymentDate}),t.jsx(Lt,{width:o==="small"?100:312,children:S.amount})]}),l[a].map((g,$)=>t.jsxs("div",{children:[$>0&&t.jsx(Ne,{}),t.jsxs(yt,{children:[t.jsxs(bt,{windowSize:o,children:[t.jsx(ot,{src:g.merchant.logo?.url?.href}),t.jsx(rt,{windowSize:o,children:g.merchant.brandName??g.merchant.name})]}),t.jsx(vt,{windowSize:o,children:g.nextPaymentDate.format(qr.visual.MMMDCommaYYYYformat)}),t.jsx(jt,{windowSize:o,children:re("0,0.00",g.amount)})]},g.merchant.name)]},g.merchant.name))]})]})]},a)})]}),t.jsx(Dt,{windowSize:o,children:S.letUsKnowWhy}),t.jsxs(Tt,{isReasonTextFieldVisible:F==="other",children:[t.jsxs(at,{size:o,children:[t.jsx(Ye,{label:S.reasonLabel,htmlFor:E(z,"reasonType"),style:{padding:`${r.sp2} ${r.sp0}`,width:"fit-content"}}),t.jsxs(st,{labelWidth:W,size:o,children:[t.jsx(q,{label:{label:S.reason.lost},style:{width:"auto"},radioField:{name:E(z,"reasonType"),id:`${E(z,"reasonType")}.Lost or stolen`,value:"Lost or stolen",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!p,validate:a=>p?!0:!!a},radioSize:"small"}}),t.jsx(q,{label:{label:S.reason.fraud},style:{width:"auto"},radioField:{name:E(z,"reasonType"),id:`${E(z,"reasonType")}.Fraud detected`,value:"Fraud detected",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!p,validate:a=>p?!0:!!a},radioSize:"small"}}),t.jsx(q,{label:{label:S.reason.not_needed},style:{width:"auto"},radioField:{name:E(z,"reasonType"),id:`${E(z,"reasonType")}.Not needed`,value:"Not needed",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!p,validate:a=>p?!0:!!a},radioSize:"small"}}),t.jsx(q,{label:{label:S.reason.other},style:{width:"auto"},radioField:{name:E(z,"reasonType"),id:`${E(z,"reasonType")}.other`,value:"other",style:{height:r.sp3,width:r.sp3},registerOptions:{required:!p,validate:a=>p?!0:!!a},radioSize:"small"}})]})]}),F==="other"?t.jsx(qe,{style:{height:r.sp6,width:"100%",backgroundColor:T.colors.background,marginTop:`${P.reasonTextFieldMarginTop.valuePx(o)}`},type:"text",name:E(z,"reason"),placeholder:M.reasonPlaceholder,className:"reason-text-field",registerOptions:{required:!p,validate:a=>p?!0:!!a}}):F==null&&!p&&Z?t.jsx(Jr,{children:M.youNeedToProvideReasonToCloseCard}):null]})]})}):t.jsx(Xe,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),y==="Completed"&&t.jsx(Ge,{style:{zIndex:4,paddingTop:r.sp3,paddingBottom:r.sp3},formId:De(Te),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:be.confirm,isLoading:n==="In-Progress",variant:"danger"},cancelBtn:{label:be.cancel,style:{width:"90px"},onClick:()=>{N?.()}}})]})})},Gr=i.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -374,7 +374,7 @@ import{q as he,d as _e,aa as me,y as d,db as ue,j as t,fn as Be,O as U,ad as ge,
   margin-bottom: ${r.sp3};
   margin-top: ${r.sp7};
   color: ${e=>e.theme.colors.primary};
-`,L={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),largeLabelWidth:new d(120,120,200),webkitLineClamp:new d(2,1,1,1,1),overlayWidth:new d(100,100,58),cardHolderDetailsPaddingX:new d(b[3],b[4]),cardNameSectionMarginLeft:new d(b[7],0),cardHolderDetailsGap:new d(b[1],0),recurringExpenseMerchantWidth:new d(112,240),recurringExpenseNextPaymentDateWidth:new d(112,104),recurringExpenseAmountWidth:new d(100,312),reasonTextFieldMarginTop:new d(b[3],0)},{lockCard:_,common:C}=U.getLocalizedStrings().spendManagement.chargeCard,k="reasonSection",Ee="lockCardPage",I=(e,f)=>`${e}.${f}`,Ie=e=>`${e}_form`,{common:ve,dateFormat:Nt,cockpit:Ft}=U.getLocalizedStrings(),Ci=({showLockCardDrawer:e,onCloseLockCardDrawer:f,isChargeCardAdmin:p,chargeCardsByCardId:c,cardRecurringExpensesByCardId:l,cardRecurringExpenseFetchState:y,lockCardFetchState:n,onRemoveCardClick:h,onConfirmClick:R,onDismissClick:N})=>{const o=he(),T=_e(),[w,B]=ae.useState(Object.fromEntries(Object.keys(l).map((s,u)=>[s,u===0]))),H=s=>{B(u=>u[s]?{...u,[s]:!1}:{...Object.fromEntries(Object.keys(u).map(g=>[g,!1])),[s]:!0})},j=me({mode:"all",reValidateMode:"onBlur",defaultValues:{[k]:{reason:void 0,reasonType:void 0}},values:{[k]:{reason:void 0,reasonType:void 0}}}),W=L.largeLabelWidth.value(o),{isValid:V,errors:M}=j.formState,K=s=>`${c[s].cardHolderUser?.firstName??""} ${c[s].cardHolderUser?.lastName??""}`,Z=ue(M,I(k,"reasonType")),F=j.watch("reasonSection.reasonType"),Y=j.handleSubmit(()=>{if(V){const s=j.getValues(),u={reason:s[k].reason,reasonType:s[k].reasonType};R(u)}}),m=Object.keys(l).length>1,A=Object.keys(l).length,D=Object.values(l).reduce((s,u)=>s+u.length,0),a=l[Object.keys(l)[0]].length>0;return t.jsx(Be,{anchor:"right",open:e,onClose:f,PaperProps:{style:{width:L.overlayWidth.valuePercentage(o),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:T.colors.black,opacity:.75,cursor:"pointer"}}},transitionDuration:250,children:t.jsxs(At,{windowSize:o,children:[t.jsxs(Et,{windowSize:o,children:[t.jsx(Mt,{windowSize:o,children:t.jsx(_t,{onClick:()=>{N()}})}),o==="small"?t.jsx(qt,{windowSize:o,children:m?_.lockCards:_.lockCard}):t.jsx(Xt,{children:m?_.lockCards:_.lockCard}),y==="Completed"?t.jsx(ge,{...j,children:t.jsxs("form",{id:Ie(Ee),onSubmit:Y,children:[t.jsxs(Gt,{children:[t.jsx(Kt,{windowSize:o,children:m?D>0?`${_.multipleCardsHasRecurringExpenses.replace("_number_of_cards_",A.toString()).replace("_number_of_recurring_expenses_",D.toString())} ${D===1?C.expense:C.expenses}.`:_.multipleCardsNoRecurringExpenses.replace("_number_of_cards_",A.toString()):a?_.firstCardHasRecurringExpenses.replace("_number_of_recurring_expenses_",D.toString()).replace("_expense_",D===1?C.expense:C.expenses):_.firstCardNoRecurringExpenses}),m&&t.jsx(mi,{children:`${A} ${A===1?C.card:C.cards} ${C.selected}`}),Object.keys(l).map((s,u)=>{const g=l[s].length>0;return t.jsxs(Zt,{onClick:()=>g?H(s):void 0,isMoreThanOneCard:m,isLastCard:u===Object.keys(l).length-1,children:[t.jsxs(Qt,{windowSize:o,children:[t.jsxs(Rt,{windowSize:o,children:[t.jsxs(ei,{windowSize:o,children:[c[s].cardHolderUser?.photo!==void 0?t.jsx(Bt,{src:c[s].cardHolderUser?.photo.href,alt:Ft.userProfileAltText,onError:({currentTarget:$})=>{$.onerror=null,$.src=He},loading:"lazy"}):t.jsx(Ue,{firstName:c[s].cardHolderUser?.firstName??"",lastName:c[s].cardHolderUser?.lastName??"",size:r.sp6}),t.jsxs("div",{children:[t.jsx(Jt,{children:K(s)}),t.jsx(ri,{children:t.jsx(ir,{roles:c[s].cardHolderRoles.userRoles})})]})]}),o==="small"&&g&&(w[s]?t.jsx(Me,{}):t.jsx(Oe,{}))]}),t.jsxs(ti,{windowSize:o,children:[c[s].cardName,t.jsx(or,{cardDetail:c[s],forDetailPage:!0,styles:{...We.smallRegular.cssObject,position:"relative",top:"-5px"}})]}),t.jsxs(ii,{windowSize:o,children:[t.jsxs(li,{children:[t.jsx(pi,{children:l[s].length}),t.jsx(ci,{children:C.recurringExpenses})]}),o!=="small"&&g&&(w[s]?t.jsx(Me,{}):t.jsx(Oe,{}))]})]}),m&&t.jsx(It,{children:t.jsx(Ve,{variant:"standard",title:ve.remove,children:t.jsx(Ut,{onClick:()=>h(s)})})}),w[s]&&g&&t.jsxs(t.Fragment,{children:[t.jsx(Re,{}),t.jsxs(oi,{children:[t.jsxs(hi,{children:[t.jsx(Se,{width:o==="small"?112:240,children:C.merchant}),t.jsx(Se,{width:o==="small"?112:104,children:C.nextPaymentDate}),t.jsx(ui,{width:o==="small"?100:312,children:C.amount})]}),l[s].map(($,se)=>t.jsxs("div",{children:[se>0&&t.jsx(Re,{}),t.jsxs(ai,{children:[t.jsxs(si,{windowSize:o,children:[t.jsx(Wt,{src:$.merchant.logo?.url?.href}),t.jsx(Ht,{windowSize:o,children:$.merchant.brandName??$.merchant.name})]}),t.jsx(ni,{windowSize:o,children:$.nextPaymentDate.format(Nt.visual.MMMDCommaYYYYformat)}),t.jsx(di,{windowSize:o,children:re("0,0.00",$.amount)})]},$.merchant.name)]},$.merchant.name))]})]})]},s)})]}),t.jsx(xi,{windowSize:o,children:C.letUsKnowWhy}),t.jsxs(gi,{isReasonTextFieldVisible:F==="other",children:[t.jsxs(Vt,{size:o,children:[t.jsx(Ye,{label:C.reasonLabel,htmlFor:I(k,"reasonType"),style:{padding:`${r.sp2} ${r.sp0}`,width:"fit-content"}}),t.jsxs(Yt,{labelWidth:W,size:o,children:[t.jsx(q,{label:{label:C.reason.lost},style:{width:"auto"},radioField:{name:I(k,"reasonType"),id:`${I(k,"reasonType")}.Lost or stolen`,value:"Lost or stolen",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(q,{label:{label:C.reason.fraud},style:{width:"auto"},radioField:{name:I(k,"reasonType"),id:`${I(k,"reasonType")}.Fraud detected`,value:"Fraud detected",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(q,{label:{label:C.reason.not_needed},style:{width:"auto"},radioField:{name:I(k,"reasonType"),id:`${I(k,"reasonType")}.Not needed`,value:"Not needed",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(q,{label:{label:C.reason.other},style:{width:"auto"},radioField:{name:I(k,"reasonType"),id:`${I(k,"reasonType")}.other`,value:"other",style:{height:r.sp3,width:r.sp3},radioSize:"small"}})]})]}),F==="other"?t.jsx(qe,{style:{height:r.sp6,width:"100%",backgroundColor:T.colors.background,marginTop:`${L.reasonTextFieldMarginTop.valuePx(o)}`},type:"text",name:I(k,"reason"),placeholder:_.reasonPlaceholder,className:"reason-text-field"}):F==null&&!p&&Z?t.jsx(Ot,{children:_.youNeedToProvideReasonToLockCard}):null]})]})}):t.jsx(Xe,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),y==="Completed"&&t.jsx(Ge,{style:{zIndex:4,paddingTop:r.sp3,paddingBottom:r.sp3},formId:Ie(Ee),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:ve.confirm,isLoading:n==="In-Progress"},cancelBtn:{label:ve.cancel,style:{width:"90px"},onClick:()=>{N?.()}}})]})})},At=i.div`
+`,L={navBarContainerPaddingXaxis:new d(10,19),containerPaddingLeft:new d(16,40,56),containerPaddingRight:new d(16,40,56),largeLabelWidth:new d(120,120,200),webkitLineClamp:new d(2,1,1,1,1),overlayWidth:new d(100,100,58),cardHolderDetailsPaddingX:new d(b[3],b[4]),cardNameSectionMarginLeft:new d(b[7],0),cardHolderDetailsGap:new d(b[1],0),recurringExpenseMerchantWidth:new d(112,240),recurringExpenseNextPaymentDateWidth:new d(112,104),recurringExpenseAmountWidth:new d(100,312),reasonTextFieldMarginTop:new d(b[3],0)},{lockCard:_,common:C}=U.getLocalizedStrings().spendManagement.chargeCard,k="reasonSection",Ee="lockCardPage",I=(e,f)=>`${e}.${f}`,Ie=e=>`${e}_form`,{common:ve,dateFormat:Nt,cockpit:Ft}=U.getLocalizedStrings(),Ci=({showLockCardDrawer:e,onCloseLockCardDrawer:f,isChargeCardAdmin:p,chargeCardsByCardId:c,cardRecurringExpensesByCardId:l,cardRecurringExpenseFetchState:y,lockCardFetchState:n,onRemoveCardClick:h,onConfirmClick:R,onDismissClick:N})=>{const o=he(),T=_e(),[w,B]=ae.useState(Object.fromEntries(Object.keys(l).map((s,u)=>[s,u===0]))),H=s=>{B(u=>u[s]?{...u,[s]:!1}:{...Object.fromEntries(Object.keys(u).map(g=>[g,!1])),[s]:!0})},j=me({mode:"all",reValidateMode:"onBlur",defaultValues:{[k]:{reason:void 0,reasonType:void 0}},values:{[k]:{reason:void 0,reasonType:void 0}}}),W=L.largeLabelWidth.value(o),{isValid:V,errors:O}=j.formState,K=s=>`${c[s].cardHolderUser?.firstName??""} ${c[s].cardHolderUser?.lastName??""}`,Z=ue(O,I(k,"reasonType")),F=j.watch("reasonSection.reasonType"),Y=j.handleSubmit(()=>{if(V){const s=j.getValues(),u={reason:s[k].reason,reasonType:s[k].reasonType};R(u)}}),m=Object.keys(l).length>1,A=Object.keys(l).length,D=Object.values(l).reduce((s,u)=>s+u.length,0),a=l[Object.keys(l)[0]].length>0;return t.jsx(Be,{anchor:"right",open:e,onClose:f,PaperProps:{style:{width:L.overlayWidth.valuePercentage(o),boxShadow:"none"}},slotProps:{backdrop:{style:{backgroundColor:T.colors.black,opacity:.75,cursor:"pointer"}}},transitionDuration:250,children:t.jsxs(At,{windowSize:o,children:[t.jsxs(Et,{windowSize:o,children:[t.jsx(Ot,{windowSize:o,children:t.jsx(_t,{onClick:()=>{N()}})}),o==="small"?t.jsx(qt,{windowSize:o,children:m?_.lockCards:_.lockCard}):t.jsx(Xt,{children:m?_.lockCards:_.lockCard}),y==="Completed"?t.jsx(ge,{...j,children:t.jsxs("form",{id:Ie(Ee),onSubmit:Y,children:[t.jsxs(Gt,{children:[t.jsx(Kt,{windowSize:o,children:m?D>0?`${_.multipleCardsHasRecurringExpenses.replace("_number_of_cards_",A.toString()).replace("_number_of_recurring_expenses_",D.toString())} ${D===1?C.expense:C.expenses}.`:_.multipleCardsNoRecurringExpenses.replace("_number_of_cards_",A.toString()):a?_.firstCardHasRecurringExpenses.replace("_number_of_recurring_expenses_",D.toString()).replace("_expense_",D===1?C.expense:C.expenses):_.firstCardNoRecurringExpenses}),m&&t.jsx(mi,{children:`${A} ${A===1?C.card:C.cards} ${C.selected}`}),Object.keys(l).map((s,u)=>{const g=l[s].length>0;return t.jsxs(Zt,{onClick:()=>g?H(s):void 0,isMoreThanOneCard:m,isLastCard:u===Object.keys(l).length-1,children:[t.jsxs(Qt,{windowSize:o,children:[t.jsxs(Rt,{windowSize:o,children:[t.jsxs(ei,{windowSize:o,children:[c[s].cardHolderUser?.photo!==void 0?t.jsx(Bt,{src:c[s].cardHolderUser?.photo.href,alt:Ft.userProfileAltText,onError:({currentTarget:$})=>{$.onerror=null,$.src=He},loading:"lazy"}):t.jsx(Ue,{firstName:c[s].cardHolderUser?.firstName??"",lastName:c[s].cardHolderUser?.lastName??"",size:r.sp6}),t.jsxs("div",{children:[t.jsx(Jt,{children:K(s)}),t.jsx(ri,{children:t.jsx(ir,{roles:c[s].cardHolderRoles.userRoles})})]})]}),o==="small"&&g&&(w[s]?t.jsx(Oe,{}):t.jsx(Me,{}))]}),t.jsxs(ti,{windowSize:o,children:[c[s].cardName,t.jsx(or,{cardDetail:c[s],forDetailPage:!0,styles:{...We.smallRegular.cssObject,position:"relative",top:"-5px"}})]}),t.jsxs(ii,{windowSize:o,children:[t.jsxs(li,{children:[t.jsx(pi,{children:l[s].length}),t.jsx(ci,{children:C.recurringExpenses})]}),o!=="small"&&g&&(w[s]?t.jsx(Oe,{}):t.jsx(Me,{}))]})]}),m&&t.jsx(It,{children:t.jsx(Ve,{variant:"standard",title:ve.remove,children:t.jsx(Ut,{onClick:()=>h(s)})})}),w[s]&&g&&t.jsxs(t.Fragment,{children:[t.jsx(Re,{}),t.jsxs(oi,{children:[t.jsxs(hi,{children:[t.jsx(Se,{width:o==="small"?112:240,children:C.merchant}),t.jsx(Se,{width:o==="small"?112:104,children:C.nextPaymentDate}),t.jsx(ui,{width:o==="small"?100:312,children:C.amount})]}),l[s].map(($,se)=>t.jsxs("div",{children:[se>0&&t.jsx(Re,{}),t.jsxs(ai,{children:[t.jsxs(si,{windowSize:o,children:[t.jsx(Wt,{src:$.merchant.logo?.url?.href}),t.jsx(Ht,{windowSize:o,children:$.merchant.brandName??$.merchant.name})]}),t.jsx(ni,{windowSize:o,children:$.nextPaymentDate.format(Nt.visual.MMMDCommaYYYYformat)}),t.jsx(di,{windowSize:o,children:re("0,0.00",$.amount)})]},$.merchant.name)]},$.merchant.name))]})]})]},s)})]}),t.jsx(xi,{windowSize:o,children:C.letUsKnowWhy}),t.jsxs(gi,{isReasonTextFieldVisible:F==="other",children:[t.jsxs(Vt,{size:o,children:[t.jsx(Ye,{label:C.reasonLabel,htmlFor:I(k,"reasonType"),style:{padding:`${r.sp2} ${r.sp0}`,width:"fit-content"}}),t.jsxs(Yt,{labelWidth:W,size:o,children:[t.jsx(q,{label:{label:C.reason.lost},style:{width:"auto"},radioField:{name:I(k,"reasonType"),id:`${I(k,"reasonType")}.Lost or stolen`,value:"Lost or stolen",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(q,{label:{label:C.reason.fraud},style:{width:"auto"},radioField:{name:I(k,"reasonType"),id:`${I(k,"reasonType")}.Fraud detected`,value:"Fraud detected",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(q,{label:{label:C.reason.not_needed},style:{width:"auto"},radioField:{name:I(k,"reasonType"),id:`${I(k,"reasonType")}.Not needed`,value:"Not needed",style:{height:r.sp3,width:r.sp3},radioSize:"small"}}),t.jsx(q,{label:{label:C.reason.other},style:{width:"auto"},radioField:{name:I(k,"reasonType"),id:`${I(k,"reasonType")}.other`,value:"other",style:{height:r.sp3,width:r.sp3},radioSize:"small"}})]})]}),F==="other"?t.jsx(qe,{style:{height:r.sp6,width:"100%",backgroundColor:T.colors.background,marginTop:`${L.reasonTextFieldMarginTop.valuePx(o)}`},type:"text",name:I(k,"reason"),placeholder:_.reasonPlaceholder,className:"reason-text-field"}):F==null&&!p&&Z?t.jsx(Mt,{children:_.youNeedToProvideReasonToLockCard}):null]})]})}):t.jsx(Xe,{size:"Standard",start:!0,style:{display:"flex",justifyContent:"center",alignItems:"center",height:"calc(100vh - 210px)"}})]}),y==="Completed"&&t.jsx(Ge,{style:{zIndex:4,paddingTop:r.sp3,paddingBottom:r.sp3},formId:Ie(Ee),helperStyle:{paddingTop:r.sp0,paddingBottom:r.sp0},primaryBtn:{label:ve.confirm,isLoading:n==="In-Progress"},cancelBtn:{label:ve.cancel,style:{width:"90px"},onClick:()=>{N?.()}}})]})})},At=i.div`
   display: flex;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
@@ -393,7 +393,7 @@ import{q as he,d as _e,aa as me,y as d,db as ue,j as t,fn as Be,O as U,ad as ge,
 `,Rt=i.div`
   display: flex;
   justify-content: space-between;
-`,Mt=i.div`
+`,Ot=i.div`
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
@@ -403,7 +403,7 @@ import{q as he,d as _e,aa as me,y as d,db as ue,j as t,fn as Be,O as U,ad as ge,
   padding: ${e=>`${L.navBarContainerPaddingXaxis.valuePx(e.windowSize)} ${r.sp0}`};
   z-index: 2;
   background-color: ${e=>e.theme.colors.grey4};
-`,Ot=i(G)`
+`,Mt=i(G)`
   color: ${e=>e.theme.colors.important};
   text-align: end;
 `,_t=i(Ze)`
@@ -582,13 +582,13 @@ import{q as he,d as _e,aa as me,y as d,db as ue,j as t,fn as Be,O as U,ad as ge,
 `,mi=i(we)`
   color: ${e=>e.theme.colors.primary};
   padding: ${r.sp3} ${r.sp0};
-`,Me=i(Qe)`
+`,Oe=i(Qe)`
   width: ${r.sp4};
   height: ${r.sp4};
   min-width: ${r.sp4};
   min-height: ${r.sp4};
   color: inherit;
-`,Oe=i(er)`
+`,Me=i(er)`
   cursor: pointer;
   width: ${r.sp4};
   height: ${r.sp4};

package/dist/assets/{LowBalancePopup-CZDcHxyW-DuEa-iJG.js → LowBalancePopup-BoFHsW5A-B3QtlbXZ.js}

@@ -1,4 +1,4 @@
-import{O as F,q as T,aa as z,l as s,j as a,ad as A,cD as S,cY as R,y as m,c$ as W,o as e,cF as E,u,b9 as Y,aT as U,c7 as N}from"./index-TYkG9rxW.js";import{n as r}from"./vendor-Bs1fkIUX.js";const d={labelWidth:new m(152,176,176),paddingBottom:new m(u[3],u[2]),width:new m(300,420,420),paddingRight:new m(u[4],u[3])},q=r.div`
+import{O as F,q as T,aa as z,l as s,j as a,ad as A,cD as S,cY as R,y as m,c$ as W,o as e,cF as E,u,b9 as Y,aT as U,c7 as N}from"./index-MAXVX6UR.js";import{n as r}from"./vendor-Bs1fkIUX.js";const d={labelWidth:new m(152,176,176),paddingBottom:new m(u[3],u[2]),width:new m(300,420,420),paddingRight:new m(u[4],u[3])},q=r.div`
   display: flex;
   flex-direction: column;
   background-color: ${t=>t.theme.colors.grey5};

package/dist/assets/{MagicLinkACHDetailsPage-CLXcRbZ--Dwvc772T.js → MagicLinkACHDetailsPage-D5-czDfb-D9jHfcHK.js}

@@ -1 +1 @@
-import{j as l}from"./index-TYkG9rxW.js";import{f as y}from"./ACHDetailsPage-BZFkcCOG-BgLnT2bx.js";import"./mui-Ty75qFQF.js";import"./vendor-Bs1fkIUX.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./BankAccountWarningSection-Di_BsiJC-Be424FdZ.js";import"./MagicLinkTitleSection-Cn1v72Rs-BFZI4Y3w.js";import"./BankAccountSection-GDEQdiGL-D7Gh00lc.js";const j=({magicLinkViewState:t,magicLinkBankAccountDetails:a,onSaveHandler:e,onACHDetailsUpdated:o,onFetchBankName:n,isDisabled:i,companyName:r})=>{const{fetchState:m,error:c,bankNameByRouting:p,bankAccountToCreate:s,fetchBankNameByRoutingStatus:u}=a,{currencySymbol:k,amount:f}=t;return l.jsx(y,{bankAccountToCreate:s,bankAccountCreationState:{fetchState:m,error:c},bankNameByRouting:p,fetchBankNameByRoutingStatus:u,onSaveHandler:e,onACHDetailsUpdated:o,onFetchBankName:n,isDisabled:i,companyName:r,isMagicLink:!0,currencySymbol:k,amount:f})};export{j as default};
+import{j as l}from"./index-MAXVX6UR.js";import{f as y}from"./ACHDetailsPage-FHBR2PCA-DLva-SPh.js";import"./mui-Ty75qFQF.js";import"./vendor-Bs1fkIUX.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./BankAccountWarningSection-BTCdQgZV-Bb72qOHU.js";import"./MagicLinkTitleSection-CgS4ZMfb-BI5Lq2SW.js";import"./BankAccountSection-ByfDYmEM-WCmaTn1f.js";const j=({magicLinkViewState:t,magicLinkBankAccountDetails:a,onSaveHandler:e,onACHDetailsUpdated:o,onFetchBankName:n,isDisabled:i,companyName:r})=>{const{fetchState:m,error:c,bankNameByRouting:p,bankAccountToCreate:s,fetchBankNameByRoutingStatus:u}=a,{currencySymbol:k,amount:f}=t;return l.jsx(y,{bankAccountToCreate:s,bankAccountCreationState:{fetchState:m,error:c},bankNameByRouting:p,fetchBankNameByRoutingStatus:u,onSaveHandler:e,onACHDetailsUpdated:o,onFetchBankName:n,isDisabled:i,companyName:r,isMagicLink:!0,currencySymbol:k,amount:f})};export{j as default};

package/dist/assets/{MagicLinkDomesticWireDetailsPage-CZlZr96w-DD7d2isR.js → MagicLinkDomesticWireDetailsPage-DxtWixFB-79ayjypJ.js}

@@ -1 +1 @@
-import{j as S}from"./index-TYkG9rxW.js";import{D as b}from"./DomesticWireDetailsPage-D5hbPNCt-DaulrfVc.js";import"./mui-Ty75qFQF.js";import"./vendor-Bs1fkIUX.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./BankAccountSection-GDEQdiGL-D7Gh00lc.js";import"./MagicLinkTitleSection-Cn1v72Rs-BFZI4Y3w.js";import"./BankAccountWarningSection-Di_BsiJC-Be424FdZ.js";import"./MailingDetailsSection-9RwlQxVG-BFE8Zj6F.js";import"./LabeledAddressValueField-YP7bXlgZ-DTTFAf5k.js";const F=({magicLinkViewState:t,magicLinkBankAccountDetails:e,mailingAddressDetails:a,isDisabled:o,companyName:r,onSaveHandler:i,onWireDetailsUpdated:n,onFetchBankName:m,onAddressClick:s})=>{const{fetchState:c,error:d,bankNameByRouting:p,bankAccountToCreate:u,fetchBankNameByRoutingStatus:k}=e,{currencySymbol:l,amount:y}=t;return S.jsx(b,{bankAccountToCreate:u,bankAccountCreationState:{fetchState:c,error:d},bankNameByRouting:p,addressToEdit:a,addressType:"vendor_address",fetchBankNameByRoutingStatus:k,isDisabled:o,onSaveHandler:i,onWireDetailsUpdated:n,onAddressClick:s,onFetchBankName:m,companyName:r,isMagicLink:!0,currencySymbol:l,amount:y})};export{F as default};
+import{j as S}from"./index-MAXVX6UR.js";import{D as b}from"./DomesticWireDetailsPage-DQG9O9kV-DkLiQ_AK.js";import"./mui-Ty75qFQF.js";import"./vendor-Bs1fkIUX.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./BankAccountSection-ByfDYmEM-WCmaTn1f.js";import"./MagicLinkTitleSection-CgS4ZMfb-BI5Lq2SW.js";import"./BankAccountWarningSection-BTCdQgZV-Bb72qOHU.js";import"./MailingDetailsSection-BktKZ2Nr-DyWKpOiG.js";import"./LabeledAddressValueField-6MpVMde--DXTq8JS8.js";const F=({magicLinkViewState:t,magicLinkBankAccountDetails:e,mailingAddressDetails:a,isDisabled:o,companyName:r,onSaveHandler:i,onWireDetailsUpdated:n,onFetchBankName:m,onAddressClick:s})=>{const{fetchState:c,error:d,bankNameByRouting:p,bankAccountToCreate:u,fetchBankNameByRoutingStatus:k}=e,{currencySymbol:l,amount:y}=t;return S.jsx(b,{bankAccountToCreate:u,bankAccountCreationState:{fetchState:c,error:d},bankNameByRouting:p,addressToEdit:a,addressType:"vendor_address",fetchBankNameByRoutingStatus:k,isDisabled:o,onSaveHandler:i,onWireDetailsUpdated:n,onAddressClick:s,onFetchBankName:m,companyName:r,isMagicLink:!0,currencySymbol:l,amount:y})};export{F as default};

package/dist/assets/{MagicLinkInternationalWireDetailsPage-DhPjvv0o-B4AeaXKS.js → MagicLinkInternationalWireDetailsPage-kmj9pdzN-DnNURYN2.js}

@@ -1 +1 @@
-import{j as B}from"./index-TYkG9rxW.js";import{f as S}from"./InternationalWireSwiftDetailsPage-C2SnHEV1-DaLUKDNV.js";import"./mui-Ty75qFQF.js";import"./vendor-Bs1fkIUX.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./BankAccountWarningSection-Di_BsiJC-Be424FdZ.js";import"./MailingDetailsSection-9RwlQxVG-BFE8Zj6F.js";import"./LabeledAddressValueField-YP7bXlgZ-DTTFAf5k.js";import"./MagicLinkTitleSection-Cn1v72Rs-BFZI4Y3w.js";const L=({magicLinkViewState:t,magicLinkBankAccountDetails:a,mailingAddressDetails:e,isDisabled:n,companyName:i,onSaveHandler:o,onBankDetailsUpdated:r,onFetchBankNameBySwift:m,onAddressClick:s})=>{const{internationalBankAccountCreateStatus:c,internationalBankAccountToCreate:d,fetchBankNameBySwiftStatus:p,bankNameBySwift:k}=a,{currencySymbol:l,amount:u}=t;return B.jsx(S,{bankAccountToCreate:d,bankAccountCreationState:c,bankNameBySwift:k,addressToEdit:e,addressType:"vendor_address",fetchBankNameBySwiftStatus:p,isDisabled:n,onSaveHandler:o,onBankDetailsUpdated:r,onAddressClick:s,onFetchBankNameBySwift:m,companyName:i,isMagicLink:!0,currencySymbol:l,amount:u})};export{L as default};
+import{j as B}from"./index-MAXVX6UR.js";import{f as S}from"./InternationalWireSwiftDetailsPage-DNvv8jLc-dT-poZdm.js";import"./mui-Ty75qFQF.js";import"./vendor-Bs1fkIUX.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./BankAccountWarningSection-BTCdQgZV-Bb72qOHU.js";import"./MailingDetailsSection-BktKZ2Nr-DyWKpOiG.js";import"./LabeledAddressValueField-6MpVMde--DXTq8JS8.js";import"./MagicLinkTitleSection-CgS4ZMfb-BI5Lq2SW.js";const L=({magicLinkViewState:t,magicLinkBankAccountDetails:a,mailingAddressDetails:e,isDisabled:n,companyName:i,onSaveHandler:o,onBankDetailsUpdated:r,onFetchBankNameBySwift:m,onAddressClick:s})=>{const{internationalBankAccountCreateStatus:c,internationalBankAccountToCreate:d,fetchBankNameBySwiftStatus:p,bankNameBySwift:k}=a,{currencySymbol:l,amount:u}=t;return B.jsx(S,{bankAccountToCreate:d,bankAccountCreationState:c,bankNameBySwift:k,addressToEdit:e,addressType:"vendor_address",fetchBankNameBySwiftStatus:p,isDisabled:n,onSaveHandler:o,onBankDetailsUpdated:r,onAddressClick:s,onFetchBankNameBySwift:m,companyName:i,isMagicLink:!0,currencySymbol:l,amount:u})};export{L as default};

package/dist/assets/{MagicLinkSuccessPage-Bh2nlLPN-0Oz4r3Up.js → MagicLinkSuccessPage-BPzk03R8-SXgLVDgR.js}

@@ -1,4 +1,4 @@
-import{aY as r,O as n,j as t,b4 as l,o as i,ag as a,_ as c,s as p}from"./index-TYkG9rxW.js";import{n as o}from"./vendor-Bs1fkIUX.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const M=()=>{const[e]=r("Confetti"),s=n.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen;return e!=null?t.jsxs(m,{children:[t.jsx(l,{loop:!1,play:!0,segments:[100,299],animationData:e,style:{position:"absolute"},rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}),t.jsx(u,{children:t.jsx(x,{})}),t.jsxs(d,{children:[t.jsx(g,{children:s.successTitle}),t.jsx(h,{children:s.successNote})]})]}):null},m=o.div`
+import{aY as r,O as n,j as t,b4 as l,o as i,ag as a,_ as c,s as p}from"./index-MAXVX6UR.js";import{n as o}from"./vendor-Bs1fkIUX.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const M=()=>{const[e]=r("Confetti"),s=n.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen;return e!=null?t.jsxs(m,{children:[t.jsx(l,{loop:!1,play:!0,segments:[100,299],animationData:e,style:{position:"absolute"},rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}),t.jsx(u,{children:t.jsx(x,{})}),t.jsxs(d,{children:[t.jsx(g,{children:s.successTitle}),t.jsx(h,{children:s.successNote})]})]}):null},m=o.div`
   z-index: 999;
   height: 100vh;
   width: 100%;

package/dist/assets/{MagicLinkTitleSection-Cn1v72Rs-BFZI4Y3w.js → MagicLinkTitleSection-CgS4ZMfb-BI5Lq2SW.js}

@@ -1,4 +1,4 @@
-import{O as C,aX as p,j as t,_ as m,o as a,am as h,h as g,cw as x}from"./index-TYkG9rxW.js";import{n,b as l}from"./vendor-Bs1fkIUX.js";const d=e=>l.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{d:"M12.0257 -0.000342749C11.8221 -0.00677984 11.624 0.0667416 11.4727 0.204861C11.4727 0.204861 7.52114 3.7329 2.78947 3.7329C2.5801 3.73292 2.37931 3.81721 2.23125 3.96724C2.0832 4.11726 2.00002 4.32072 2 4.53288V11.0713C2 14.6328 3.62601 20.4933 11.6937 23.9366C11.7906 23.978 11.8948 23.9993 12 23.9993C12.1052 23.9993 12.2094 23.978 12.3063 23.9366C20.374 20.4933 22 14.6328 22 11.0713V4.53288C22 4.32072 21.9168 4.11726 21.7687 3.96724C21.6207 3.81721 21.4199 3.73292 21.2105 3.7329C16.4789 3.7329 12.5273 0.204861 12.5273 0.204861C12.3892 0.0787349 12.2115 0.00606537 12.0257 -0.000342749ZM12 5.33287C13.7421 5.33287 15.1579 6.7675 15.1579 8.53279V9.59943C16.0263 9.59943 16.7368 10.3194 16.7368 11.1994V15.466C16.7368 16.3459 16.0263 17.0659 15.1579 17.0659H8.84211C7.97368 17.0659 7.26316 16.3459 7.26316 15.466V11.1994C7.26316 10.3194 7.97368 9.59943 8.84211 9.59943V8.53279C8.84211 6.7675 10.2579 5.33287 12 5.33287ZM12 6.93283C11.1316 6.93283 10.4211 7.65281 10.4211 8.53279V9.59943H13.5789V8.53279C13.5789 7.65281 12.8684 6.93283 12 6.93283ZM12 11.7327C11.5812 11.7327 11.1796 11.9013 10.8835 12.2013C10.5874 12.5014 10.4211 12.9083 10.4211 13.3327C10.4211 13.757 10.5874 14.164 10.8835 14.464C11.1796 14.7641 11.5812 14.9326 12 14.9326C12.4188 14.9326 12.8204 14.7641 13.1165 14.464C13.4126 14.164 13.5789 13.757 13.5789 13.3327C13.5789 12.9083 13.4126 12.5014 13.1165 12.2013C12.8204 11.9013 12.4188 11.7327 12 11.7327Z",fill:"currentColor"})),V=({companyName:e,currencySymbol:c,amount:r})=>{const s=C.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen,i=r>0?` ${p("0,0.[00]",r,c)}`:"",o=s.title.replace(/<tenant_name>/,e)+i;return t.jsxs(t.Fragment,{children:[t.jsx(y,{children:o}),t.jsxs(f,{children:[s.description.replace(/<tenant_name>/,e),t.jsxs(w,{children:[t.jsx($,{}),s.encrypted]})]})]})},w=n(x)`
+import{O as C,aX as p,j as t,_ as m,o as a,am as h,h as g,cw as x}from"./index-MAXVX6UR.js";import{n,b as l}from"./vendor-Bs1fkIUX.js";const d=e=>l.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{d:"M12.0257 -0.000342749C11.8221 -0.00677984 11.624 0.0667416 11.4727 0.204861C11.4727 0.204861 7.52114 3.7329 2.78947 3.7329C2.5801 3.73292 2.37931 3.81721 2.23125 3.96724C2.0832 4.11726 2.00002 4.32072 2 4.53288V11.0713C2 14.6328 3.62601 20.4933 11.6937 23.9366C11.7906 23.978 11.8948 23.9993 12 23.9993C12.1052 23.9993 12.2094 23.978 12.3063 23.9366C20.374 20.4933 22 14.6328 22 11.0713V4.53288C22 4.32072 21.9168 4.11726 21.7687 3.96724C21.6207 3.81721 21.4199 3.73292 21.2105 3.7329C16.4789 3.7329 12.5273 0.204861 12.5273 0.204861C12.3892 0.0787349 12.2115 0.00606537 12.0257 -0.000342749ZM12 5.33287C13.7421 5.33287 15.1579 6.7675 15.1579 8.53279V9.59943C16.0263 9.59943 16.7368 10.3194 16.7368 11.1994V15.466C16.7368 16.3459 16.0263 17.0659 15.1579 17.0659H8.84211C7.97368 17.0659 7.26316 16.3459 7.26316 15.466V11.1994C7.26316 10.3194 7.97368 9.59943 8.84211 9.59943V8.53279C8.84211 6.7675 10.2579 5.33287 12 5.33287ZM12 6.93283C11.1316 6.93283 10.4211 7.65281 10.4211 8.53279V9.59943H13.5789V8.53279C13.5789 7.65281 12.8684 6.93283 12 6.93283ZM12 11.7327C11.5812 11.7327 11.1796 11.9013 10.8835 12.2013C10.5874 12.5014 10.4211 12.9083 10.4211 13.3327C10.4211 13.757 10.5874 14.164 10.8835 14.464C11.1796 14.7641 11.5812 14.9326 12 14.9326C12.4188 14.9326 12.8204 14.7641 13.1165 14.464C13.4126 14.164 13.5789 13.757 13.5789 13.3327C13.5789 12.9083 13.4126 12.5014 13.1165 12.2013C12.8204 11.9013 12.4188 11.7327 12 11.7327Z",fill:"currentColor"})),V=({companyName:e,currencySymbol:c,amount:r})=>{const s=C.getLocalizedStrings().spendManagement.billPay.billDetails.magicLink.magicLinkScreen,i=r>0?` ${p("0,0.[00]",r,c)}`:"",o=s.title.replace(/<tenant_name>/,e)+i;return t.jsxs(t.Fragment,{children:[t.jsx(y,{children:o}),t.jsxs(f,{children:[s.description.replace(/<tenant_name>/,e),t.jsxs(w,{children:[t.jsx($,{}),s.encrypted]})]})]})},w=n(x)`
   display: flex;
   gap: ${a.sp1};
   color: ${g.successDark};

package/dist/assets/{MailingDetailsSection-9RwlQxVG-BFE8Zj6F.js → MailingDetailsSection-BktKZ2Nr-DyWKpOiG.js}

@@ -1,4 +1,4 @@
-import{q as h,O as u,y as r,j as s,o as a,cX as b,b8 as x,u as i}from"./index-TYkG9rxW.js";import{n}from"./vendor-Bs1fkIUX.js";import{W as f}from"./LabeledAddressValueField-YP7bXlgZ-DTTFAf5k.js";const o={largeLabelWidth:new r(120,140,220),paddingTopBottom:new r(i[3],i[3]),marginRight:new r(i[3],i[8]),marginLeft:new r(i[3],i[6]),marginLeftTitle:new r(i[4],i[6])},j=({sectionId:e,addressToEdit:t,addressType:m,isDisabled:p,onAddressClick:g})=>{const l=h(),d=u.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,$=o.largeLabelWidth.value(l);return s.jsxs(s.Fragment,{children:[s.jsx(L,{size:l,children:d.addressDetailTitle}),s.jsx(v,{size:l,children:s.jsx(f,{isDisabled:p,label:{label:d.address,width:$},addressValueField:{name:w(e,"mailingAddress"),placeholder:b(d.address),defaultValue:t,registerOptions:{validate:c=>c!=null},onClick:()=>{g(m)}},additionalInfoLabel:d.additionalAddressLabel,showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${a.sp2} ${a.sp2} ${a.sp2} ${a.sp0}`},hasHoverBorder:!1})})]})},w=(e,t)=>`${e}.${t}`,v=n.div`
+import{q as h,O as u,y as r,j as s,o as a,cX as b,b8 as x,u as i}from"./index-MAXVX6UR.js";import{n}from"./vendor-Bs1fkIUX.js";import{W as f}from"./LabeledAddressValueField-6MpVMde--DXTq8JS8.js";const o={largeLabelWidth:new r(120,140,220),paddingTopBottom:new r(i[3],i[3]),marginRight:new r(i[3],i[8]),marginLeft:new r(i[3],i[6]),marginLeftTitle:new r(i[4],i[6])},j=({sectionId:e,addressToEdit:t,addressType:m,isDisabled:p,onAddressClick:g})=>{const l=h(),d=u.getLocalizedStrings().spendManagement.billPay.vendorCreation.wireDetails,$=o.largeLabelWidth.value(l);return s.jsxs(s.Fragment,{children:[s.jsx(L,{size:l,children:d.addressDetailTitle}),s.jsx(v,{size:l,children:s.jsx(f,{isDisabled:p,label:{label:d.address,width:$},addressValueField:{name:w(e,"mailingAddress"),placeholder:b(d.address),defaultValue:t,registerOptions:{validate:c=>c!=null},onClick:()=>{g(m)}},additionalInfoLabel:d.additionalAddressLabel,showAdditionalInfoLabel:!0,style:{width:"auto",padding:`${a.sp2} ${a.sp2} ${a.sp2} ${a.sp0}`},hasHoverBorder:!1})})]})},w=(e,t)=>`${e}.${t}`,v=n.div`
   width: auto;
   display: flex;
   flex-direction: column;

package/dist/assets/{MeetingCalenderPopup-BxV_UIXP-CbDuBV39.js → MeetingCalenderPopup-2tPtQeqB-QatkmFKh.js}

@@ -1,4 +1,4 @@
-import{q as o,j as i,aM as d,ap as c,h as l,o as h,y as a}from"./index-TYkG9rxW.js";import{n as s}from"./vendor-Bs1fkIUX.js";const r={width:new a(425,850,850),height:new a(320,640,640)},p=s.div`
+import{q as o,j as i,aM as d,ap as c,h as l,o as h,y as a}from"./index-MAXVX6UR.js";import{n as s}from"./vendor-Bs1fkIUX.js";const r={width:new a(425,850,850),height:new a(320,640,640)},p=s.div`
   position: fixed;
   top: 0;
   left: 0;

package/dist/assets/{Menu-B6iTf2H7-CaN3eNC5.js → Menu-CV1BBSGW-DKOqAYYS.js}

@@ -1,4 +1,4 @@
-import{j as o,ap as u,f2 as h,o as s,d,f3 as x}from"./index-TYkG9rxW.js";import{b as m,n as c,i as f}from"./vendor-Bs1fkIUX.js";const y=({open:e,onClose:r,anchorEl:t,children:n,styles:l})=>{const i=d();return o.jsx(x,{transitionDuration:0,anchorEl:t,open:e,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",background:i.colors.grey5,boxShadow:`${s.sp0} 2px ${s.sp2} ${i.colors.dropShadowHover}`,boxSizing:"border-box",transform:l?.transform??"translate(30px,10px)",borderRadius:s.sp1}}},onClose:r,disableAutoFocus:!0,disableEnforceFocus:!0,children:n})},b=c.div`
+import{j as o,ap as u,f2 as h,o as s,c as d,f3 as x}from"./index-MAXVX6UR.js";import{b as m,n as c,i as f}from"./vendor-Bs1fkIUX.js";const y=({open:e,onClose:r,anchorEl:t,children:n,styles:l})=>{const i=d();return o.jsx(x,{transitionDuration:0,anchorEl:t,open:e,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",background:i.colors.grey5,boxShadow:`${s.sp0} 2px ${s.sp2} ${i.colors.dropShadowHover}`,boxSizing:"border-box",transform:l?.transform??"translate(30px,10px)",borderRadius:s.sp1}}},onClose:r,disableAutoFocus:!0,disableEnforceFocus:!0,children:n})},b=c.div`
   position: relative;
 `,C=({menuItems:e,isMenuOpen:r,isMenuVisible:t=!0,setIsMenuOpen:n,styles:l,menuIconStyles:i})=>{const p=m.useRef(null);return o.jsx(u,{onClickAway:()=>{n(!1)},children:o.jsxs(b,{ref:p,children:[o.jsx(g,{className:"placeholder",style:i,onClick:a=>{a.stopPropagation(),n(!r)},children:o.jsx(j,{isMenuVisible:t,children:o.jsx(h,{})})}),r?o.jsx(y,{open:r,onClose:a=>{a.stopPropagation(),n(!1)},anchorEl:p.current,styles:l,children:e}):null]})})},g=c.div`
   height: ${s.sp4};

package/dist/assets/{MyBankConnectionsSettingsPage-IPPiH6jv-BZaCFusP.js → MyBankConnectionsSettingsPage-CMyrZ4nS-BheEjXSF.js}

@@ -1,4 +1,4 @@
-import{d as z,q as M,fG as H,O as $,aU as w,j as i,l as I,bF as L,ab as v,o as t,bA as P,y as d,an as B,am as _,C as R,c as W,fH as j,fI as C,u as m,fK as E,h as A,ai as F}from"./index-TYkG9rxW.js";import{b as y,n}from"./vendor-Bs1fkIUX.js";import{K as N}from"./SetUpDefaultSection-Bm1eZSgT-vK_tZkJp.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const r={sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(m[6],m[7]),iconContainerMarginRight:new d(12,m[3]),iconPadding:new d(10,12),iconWidthHeight:new d(20,m[4]),elementsMarginLeftRight:new d(m[3],m[4])},J={title:new W("standardMedium","largeMedium")},K=n.img`
+import{c as z,q as M,fG as H,O as $,aU as w,j as i,l as I,bF as L,ab as v,o as t,bA as P,y as d,an as B,am as _,C as R,b as W,fH as j,fI as C,u as m,fK as E,h as A,ai as F}from"./index-MAXVX6UR.js";import{b as y,n}from"./vendor-Bs1fkIUX.js";import{K as N}from"./SetUpDefaultSection-CR4EJd0L-DR8b1nlJ.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";const r={sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(m[6],m[7]),iconContainerMarginRight:new d(12,m[3]),iconPadding:new d(10,12),iconWidthHeight:new d(20,m[4]),elementsMarginLeftRight:new d(m[3],m[4])},J={title:new W("standardMedium","largeMedium")},K=n.img`
   width: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   height: ${e=>r.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   border-radius: ${t.sp11};

package/dist/assets/{MyPendingActivationChargeCardListPage-BTGb1yIE-B60FFt6i.js → MyPendingActivationChargeCardListPage-DuOoKlPP-thKNb-ry.js}

@@ -1,4 +1,4 @@
-import{d as N,ax as B,l as w,O as D,f_ as a,j as d,bF as M,gh as O,o as j}from"./index-TYkG9rxW.js";import{n as P}from"./vendor-Bs1fkIUX.js";import{a as U,l as $}from"./ChargeCardListTable-BGWV4zJl-Ce2AthWH.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./Menu-B6iTf2H7-CaN3eNC5.js";import"./RoleWithToolTip-BqI6M0x_-CjRr5WNK.js";import"./CardNumberSubText-CmhH95Ff-Cm3hJRYZ.js";import"./ChargeCardUtils-BRgkrCTs-C8zXQGn9.js";const{spendManagement:{chargeCard:C}}=D.getLocalizedStrings(),at=({myPendingActivationChargeCardListView:e,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,chargeCardCashbackDetailState:r,creditAccount:c,creditAccountRepayment:u,depositAccountListWithDebitCardIssued:i,controllerEmails:b,signedInUser:S,onChargeCardRowClick:p,onBackClick:k,onReloadCards:g,onColumnSortConfigChanged:A})=>{const f=N(),F=B(),h=w.hasChargeCardAdminLevelAccess(F.loggedInUserRoleMap),v=e.cards.some(t=>t.type.code.includes("credit")),m=e.cards.some(t=>t.type.code.includes("debit")),y=v&&m?C.cardList.title.cards:m?C.cardList.title.debit:C.cardList.title.credit,E=h===!0?{creditCardCashbackOffer:`${r.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${r.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:a(r.cashbackSummary.cashbackEarned.amount),redeemedCashback:a(r.cashbackSummary.cashbackRedeemed.amount),availableCashback:a(r.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:r.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:r.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,L=o&&l&&h===!0?{creditAccountId:c.id,creditAccountLimit:a(c.limit.amount),creditAccountAvailableAmount:a(c.available.amount),creditAccountSpentAmount:a(c.balance.amount+c.hold.amount),creditAccountStatus:c.status,outstandingBalance:a(u.remainingAmountDue.amount)}:void 0,I=n&&s?{debitAccountId:i.depositAccounts.map(t=>t.id),debitAccountName:i.depositAccounts.map(t=>t.accountName),debitAccountBalance:i.depositAccounts.map(t=>a(t.accountBalance.available.amount)),debitCardsSpend:0,debitAccountStatus:i.depositAccounts.map(t=>t.accountStatus)}:void 0,R={isCreditCardOffered:o,isDebitCardOffered:n,isDebitCardEnabled:s,isCreditCardEnabled:l},x={revokeChargeCardFetchState:{fetchState:"Not-Started"},unlockChargeCardsFetchState:{fetchState:"Not-Started"},lockChargeCardsFetchState:{fetchState:"Not-Started"},closeChargeCardsFetchState:{fetchState:"Not-Started"},updateChargeCardLimitFetchState:{fetchState:"Not-Started"},updateChargeCardNameFetchState:{fetchState:"Not-Started"},depositAccountLimitFetchState:{fetchState:"Not-Started"},recurringExpenses:[],recurringExpensesFetchState:{fetchState:"Not-Started"}};return d.jsxs(V,{children:[d.jsx(M,{title:y,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:k,source:"MyPendingActivationChargeCardListPage"}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?d.jsx(O,{fetchState:e.fetchState,styles:{margin:"auto"}}):d.jsx(U,{onBulkCloseClick:()=>{},onBulkLockClick:()=>{},bulkSubmissionLimit:$,isCardControlsEnabled:!1,cardsSelectedForBulkAction:[],isBulkActionAllowed:!1,firstSelectedCardStatus:void 0,setActionTypeForRowAction:()=>{},setCardIdForRowAction:()=>{},controllerEmails:b,isChargeCardFeatureEnabled:o,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,creditAccount:c,creditAccountRepayment:u,productInformation:R,cashbackInformation:E,creditAccountInformation:L,debitAccountInformation:I,depositAccountListWithDebitCardIssued:i,cardList:e.cards,showViewForCardUser:!0,signedInUser:S,fetchState:e.fetchState,unlockChargeCardsFetchState:"Not-Started",revokeChargeCardsInviteFetchState:"Not-Started",rowActionView:x,onProceedForBulkActionClick:t=>{},removeAllCardsFromBulkActionList:()=>{},setShowBulkChangeSpendLimitPopup:t=>{},updateBulkActionList:t=>{},onReloadCards:g,onChargeCardRowClick:(t,z)=>{p(t)},uiState:e.uiState,onColumnSortConfigChanged:A,onChargeCardResendInviteClick:()=>{}})]})},V=P.div`
+import{c as N,ax as B,l as w,O as D,f_ as a,j as o,bF as M,gh as O,o as j}from"./index-MAXVX6UR.js";import{n as P}from"./vendor-Bs1fkIUX.js";import{a as U,l as $}from"./ChargeCardListTable-DpRWVPmZ-CcrBBELQ.js";import"./mui-Ty75qFQF.js";import"./analytics-CcevxdRy.js";import"./routing-Dk1A2KYI.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-8ht9CoL5.js";import"./crypto-cQYYQPTZ.js";import"./Menu-CV1BBSGW-DKOqAYYS.js";import"./RoleWithToolTip-CnJMJF5X-DPQwf2SV.js";import"./CardNumberSubText-C_03r_B--CXrhgc3z.js";import"./ChargeCardUtils-Cx6ntaue-CziTslau.js";const{spendManagement:{chargeCard:C}}=D.getLocalizedStrings(),at=({myPendingActivationChargeCardListView:e,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,chargeCardCashbackDetailState:r,creditAccount:c,creditAccountRepayment:u,depositAccountListWithDebitCardIssued:i,controllerEmails:b,signedInUser:S,onChargeCardRowClick:p,onBackClick:k,onReloadCards:g,onColumnSortConfigChanged:A})=>{const f=N(),F=B(),h=w.hasChargeCardAdminLevelAccess(F.loggedInUserRoleMap),v=e.cards.some(t=>t.type.code.includes("credit")),m=e.cards.some(t=>t.type.code.includes("debit")),y=v&&m?C.cardList.title.cards:m?C.cardList.title.debit:C.cardList.title.credit,E=h===!0?{creditCardCashbackOffer:`${r.cashbackAnalytics.creditCardCashbackOffer}%`,debitCardCashbackOffer:`${r.cashbackAnalytics.debitCardCashbackOffer}%`,totalEarnedCashback:a(r.cashbackSummary.cashbackEarned.amount),redeemedCashback:a(r.cashbackSummary.cashbackRedeemed.amount),availableCashback:a(r.cashbackSummary.cashbackAvailable.amount),creditCardCashbackRedemptionMode:r.cashbackAnalytics.creditCardCashbackRedemptionMode,debitCardCashbackRedemptionMode:r.cashbackAnalytics.debitCardCashbackRedemptionMode}:void 0,L=d&&l&&h===!0?{creditAccountId:c.id,creditAccountLimit:a(c.limit.amount),creditAccountAvailableAmount:a(c.available.amount),creditAccountSpentAmount:a(c.balance.amount+c.hold.amount),creditAccountStatus:c.status,outstandingBalance:a(u.remainingAmountDue.amount)}:void 0,I=n&&s?{debitAccountId:i.depositAccounts.map(t=>t.id),debitAccountName:i.depositAccounts.map(t=>t.accountName),debitAccountBalance:i.depositAccounts.map(t=>a(t.accountBalance.available.amount)),debitCardsSpend:0,debitAccountStatus:i.depositAccounts.map(t=>t.accountStatus)}:void 0,R={isCreditCardOffered:d,isDebitCardOffered:n,isDebitCardEnabled:s,isCreditCardEnabled:l},x={revokeChargeCardFetchState:{fetchState:"Not-Started"},unlockChargeCardsFetchState:{fetchState:"Not-Started"},lockChargeCardsFetchState:{fetchState:"Not-Started"},closeChargeCardsFetchState:{fetchState:"Not-Started"},updateChargeCardLimitFetchState:{fetchState:"Not-Started"},updateChargeCardNameFetchState:{fetchState:"Not-Started"},depositAccountLimitFetchState:{fetchState:"Not-Started"},recurringExpenses:[],recurringExpensesFetchState:{fetchState:"Not-Started"}};return o.jsxs(V,{children:[o.jsx(M,{title:y,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:k,source:"MyPendingActivationChargeCardListPage"}),e.fetchState==="Not-Started"||e.fetchState==="In-Progress"?o.jsx(O,{fetchState:e.fetchState,styles:{margin:"auto"}}):o.jsx(U,{onBulkCloseClick:()=>{},onBulkLockClick:()=>{},bulkSubmissionLimit:$,isCardControlsEnabled:!1,cardsSelectedForBulkAction:[],isBulkActionAllowed:!1,firstSelectedCardStatus:void 0,setActionTypeForRowAction:()=>{},setCardIdForRowAction:()=>{},controllerEmails:b,isChargeCardFeatureEnabled:d,isDebitCardFeatureEnabled:n,isDebitCardSetupEnabled:s,isChargeCardSetupEnabled:l,creditAccount:c,creditAccountRepayment:u,productInformation:R,cashbackInformation:E,creditAccountInformation:L,debitAccountInformation:I,depositAccountListWithDebitCardIssued:i,cardList:e.cards,showViewForCardUser:!0,signedInUser:S,fetchState:e.fetchState,unlockChargeCardsFetchState:"Not-Started",revokeChargeCardsInviteFetchState:"Not-Started",rowActionView:x,onProceedForBulkActionClick:t=>{},removeAllCardsFromBulkActionList:()=>{},setShowBulkChangeSpendLimitPopup:t=>{},updateBulkActionList:t=>{},onReloadCards:g,onChargeCardRowClick:(t,z)=>{p(t)},uiState:e.uiState,onColumnSortConfigChanged:A,onChargeCardResendInviteClick:()=>{}})]})},V=P.div`
   display: flex;
   min-height: ${`calc(100vh - ${j.sp9})`};
   flex-direction: column;