@zeniai/web-cockpit-ui 1.14.19-dev → 1.14.19-dev-betaSK01

package/dist/assets/{SpendManagementSection-BKTkeRK6-DIa3Rn7O.js → SpendManagementSection-atmLAM4T-DeXVF-9S.js}

@@ -1,4 +1,4 @@
-import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J,b2 as Z,C as ee,gp as de,gq as pe,cu as te,b3 as M,ap as ue,d as oe,gr as he,b0 as re,Y as ge,gs as me,gt as xe,n as N,ao as fe,l as A,gu as ye,y as Ce,gv as be,gw as ve,c as we,cr as $e,bf as Se,fv as je,m as ke,h as V,a3 as Le,fw as Oe,a6 as Ee}from"./index-CyJdCOlu.js";import{b as a,n as l,k as Ie}from"./vendor-CnQcJ2Lu.js";const Ae=l.div`
+import{K as z,u as _,F as L,j as o,bN as H,o as r,n as B,r as ie,y as J,b2 as Z,x as ee,eY as ce,cl as te,b3 as M,ap as de,$ as oe,b0 as re,z as pe,k as N,ao as ue,l as A,hl as he,B as ge,h as me,ci as xe,bf as fe,i as ye,Q as V,a3 as Ce,eE as be,a6 as ve}from"./index-D9zAXs3-.js";import{b as a,n as l,k as $e}from"./vendor-Bs1fkIUX.js";import{U as we}from"./MoreMenuButton-Cj6SIPVt-CYCCFBqM.js";import{_ as Se,u as je,b as ke,$ as Le,y as Oe,m as Ee}from"./MatchingOperatorDropdown-C5zSNKmV-DBpzsPUC.js";import{r as Ie}from"./avatar-Dz7aEm3d-D64JGSQG.js";const Ae=l.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -6,7 +6,7 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   color: ${e=>e.theme.colors.primary};
   width: ${r.sp3};
   height: ${r.sp3};
-`,W=({value:e,defaultMenuIsOpen:t=!1,options:n,placeHolder:i,onChange:p,getOptionLabel:s})=>{const C=_(),y=a.useRef(null),h=Re(C),b=n.find(x=>x.value===e);return a.useEffect(()=>{const x=setTimeout(()=>{y.current!=null&&t&&y.current.focus()},300);return()=>{clearTimeout(x)}},[t]),o.jsx(Z,{ref:y,isMulti:!1,value:b,onChange:x=>{p(x)},placeholder:i,options:n,styles:h,openMenuOnFocus:!0,components:{Option:x=>Fe(x,s),SingleValue:x=>Te(x,s)}})},Te=(e,t)=>{const n=t?.(e.data.value)??e.data.label;return o.jsx(M.SingleValue,{...e,children:o.jsx(ue,{children:n})})},Fe=(e,t)=>{const{isSelected:n}=e,i=t?.(e.data.value)??e.data.label;return o.jsx(M.Option,{...e,children:o.jsxs(Ae,{children:[o.jsx(oe,{children:i}),n?o.jsx(Me,{}):null]})})},Re=e=>({placeholder:t=>({...t,color:e.colors.grey1,...J.standardRegular.cssObject}),input:t=>({...t,color:e.colors.primary,margin:0,padding:0}),control:t=>({...t,backgroundColor:e.colors.background,border:"none",boxShadow:"none",height:r.sp6,cursor:"pointer"}),valueContainer:t=>({...t,height:"100%",padding:`${r.sp2} ${r.sp3}`}),indicatorSeparator:t=>({...t,display:"none"}),indicatorsContainer:t=>({...t,display:"none"}),option:(t,n)=>({...t,padding:`${r.sp2} ${r.sp3}`,cursor:"pointer",color:n.isSelected||n.isFocused?e.colors.primary:e.colors.hero,background:n.isSelected||n.isFocused?e.colors.background:e.colors.grey5,":hover":{color:e.colors.primary,backgroundColor:e.colors.background}}),singleValue:t=>({...t,color:e.colors.primary,margin:0}),menuList:t=>({...t,backgroundColor:e.colors.grey5,maxHeight:"320px"}),menu:t=>({...t,boxShadow:`${r.sp0} 2px ${r.sp2} ${e.colors.dropShadowHover}`})}),Be="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.8999%205.04416L9.65575%2017.6653C9.48897%2017.8247%209.29152%2017.9484%209.07541%2018.0291C8.85929%2018.1097%208.62902%2018.1456%208.39862%2018.1345C8.17133%2018.1236%207.94853%2018.0673%207.7434%2017.9689C7.53827%2017.8704%207.35499%2017.7318%207.20439%2017.5612L1.17558%2010.7125'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",ze=l.div`
+`,W=({value:e,defaultMenuIsOpen:t=!1,options:n,placeHolder:i,onChange:p,getOptionLabel:s})=>{const C=_(),y=a.useRef(null),h=Re(C),b=n.find(x=>x.value===e);return a.useEffect(()=>{const x=setTimeout(()=>{y.current!=null&&t&&y.current.focus()},300);return()=>{clearTimeout(x)}},[t]),o.jsx(Z,{ref:y,isMulti:!1,value:b,onChange:x=>{p(x)},placeholder:i,options:n,styles:h,openMenuOnFocus:!0,components:{Option:x=>Fe(x,s),SingleValue:x=>Te(x,s)}})},Te=(e,t)=>{const n=t?.(e.data.value)??e.data.label;return o.jsx(M.SingleValue,{...e,children:o.jsx(de,{children:n})})},Fe=(e,t)=>{const{isSelected:n}=e,i=t?.(e.data.value)??e.data.label;return o.jsx(M.Option,{...e,children:o.jsxs(Ae,{children:[o.jsx(oe,{children:i}),n?o.jsx(Me,{}):null]})})},Re=e=>({placeholder:t=>({...t,color:e.colors.grey1,...J.standardRegular.cssObject}),input:t=>({...t,color:e.colors.primary,margin:0,padding:0}),control:t=>({...t,backgroundColor:e.colors.background,border:"none",boxShadow:"none",height:r.sp6,cursor:"pointer"}),valueContainer:t=>({...t,height:"100%",padding:`${r.sp2} ${r.sp3}`}),indicatorSeparator:t=>({...t,display:"none"}),indicatorsContainer:t=>({...t,display:"none"}),option:(t,n)=>({...t,padding:`${r.sp2} ${r.sp3}`,cursor:"pointer",color:n.isSelected||n.isFocused?e.colors.primary:e.colors.hero,background:n.isSelected||n.isFocused?e.colors.background:e.colors.grey5,":hover":{color:e.colors.primary,backgroundColor:e.colors.background}}),singleValue:t=>({...t,color:e.colors.primary,margin:0}),menuList:t=>({...t,backgroundColor:e.colors.grey5,maxHeight:"320px"}),menu:t=>({...t,boxShadow:`${r.sp0} 2px ${r.sp2} ${e.colors.dropShadowHover}`})}),Be="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.8999%205.04416L9.65575%2017.6653C9.48897%2017.8247%209.29152%2017.9484%209.07541%2018.0291C8.85929%2018.1097%208.62902%2018.1456%208.39862%2018.1345C8.17133%2018.1236%207.94853%2018.0673%207.7434%2017.9689C7.53827%2017.8704%207.35499%2017.7318%207.20439%2017.5612L1.17558%2010.7125'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",ze=l.div`
   display: flex;
   align-items: flex-start;
   padding: ${r.sp2} ${r.sp3};
@@ -37,7 +37,7 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   border-radius: 50%;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
-`,Ve=l(je)`
+`,Ve=l(Ie)`
   color: ${e=>e.theme.colors.hero};
   height: ${r.sp4};
   width: ${r.sp4};
@@ -45,29 +45,29 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   color: ${e=>e.theme.colors.primary};
   height: ${r.sp3};
   min-width: ${r.sp3};
-`,Ue=l(Le)`
+`,Ue=l(Ce)`
   color: ${e=>e.theme.colors.primary};
   height: 10px;
   width: 10px;
-`,Ye=l(Ee)`
+`,Ge=l(ve)`
   overflow: hidden;
   text-overflow: ellipsis;
-`,Ge=({options:e,value:t,placeHolder:n,filterCategoryType:i,searchAutoCompleteData:p,searchAutoCompleteActions:s,onChange:C})=>{const y=_(),h=ve(y),[b,x]=a.useState(e);a.useEffect(()=>{i==="searchAutocomplete"&&p?.entityAutoCompleteView.fetchState==="Completed"&&x(d=>ye([...d,...p?.entityAutoCompleteView!=null?qe(p?.entityAutoCompleteView):[]],"value"))},[p?.entityAutoCompleteView.fetchState]);const S=i==="searchAutocomplete"?t.map(d=>({label:d,value:d})):t.map(d=>b.find(f=>f.value===d)),v=a.useRef(Ce(d=>s?.onAutoCompleteInputChange?.(d),500,{trailing:!0})).current,j=p?.entityAutoCompleteView.fetchState,O={options:e,filterCategoryType:i,searchAutoCompleteStatus:j},$=L.getLocalizedStrings().common.filters;return o.jsx(ze,{children:i==="dateRange"?o.jsx(be,{onDateRangeChange:d=>{C([{label:$.startDate,value:d.startDate??""},{label:$.endDate,value:d.endDate??""}])},selectedDates:t}):o.jsxs(_e,{children:[S.length===0&&i==="user"&&o.jsx(Ve,{}),o.jsx(Z,{...O,isMulti:!0,hideSelectedOptions:!1,value:S,onInputChange:d=>{i==="searchAutocomplete"&&v(d)},onChange:d=>{C(d)},placeholder:n,options:b,styles:h,menuPosition:"fixed",components:{Option:Ke,MultiValueLabel:Xe,MultiValueRemove:Qe},filterOption:(d,f)=>Ze(d,f,i),noOptionsMessage:()=>Je(i,j)})]})})},qe=e=>(e?.vendor.map(t=>({label:t.name,value:t.name}))??[]).sort((t,n)=>(t.label??"").localeCompare(n.label??"")),Xe=e=>{const{selectProps:t}=e,{options:n,filterCategoryType:i}=t,p=n.findIndex(s=>s.value===e.data.value);return o.jsx(M.MultiValueLabel,{...e,children:o.jsxs(Pe,{children:[ne(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",p,i),o.jsx(Ye,{children:e.children})]})})},Ke=e=>{const{onMouseMove:t,onMouseOver:n,isSelected:i,...p}=e.innerProps,{options:s,filterCategoryType:C}=e.selectProps,y=s.findIndex(b=>b.value===e.data.value),h={...e,innerProps:p};return o.jsx(M.Option,{...h,children:o.jsxs(He,{children:[o.jsxs(De,{children:[ne(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",y,C),o.jsx(oe,{children:e.label})]}),e.isSelected&&o.jsx(We,{})]})})},Qe=e=>o.jsx(M.MultiValueRemove,{...e,children:o.jsx(Ue,{})}),Je=(e,t)=>{const n=L.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(t==="In-Progress")return o.jsx(ke,{size:"Small-Compact",start:!0});if(t==="Not-Started")return null;if(t==="Completed")return o.jsx(V,{children:n.noMatchesFound})}return o.jsx(V,{children:n.noOptions})},ne=(e,t,n,i,p)=>p!=="user"?null:e==null?o.jsx(Oe,{firstName:t,lastName:n,size:`${r.sp3}`,index:i,fontSize:"9px"}):o.jsx(Ne,{src:e.href,alt:L.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:s})=>{s.onerror=null,s.src=Be},loading:"lazy"}),Ze=(e,t,n)=>n==="user"&&e.data.email!=null?e.data.label.toLowerCase().includes(t.toLowerCase())||e.data.email.toLowerCase().includes(t.toLowerCase()):e.data.label.toLowerCase().includes(t.toLowerCase()),T={categoryCombinationOperator:"AND",categories:[]},le={valuesCombinationOperator:"ANY",values:[],matchingOperator:"equal"},F=(e,t)=>{switch(e){case"bill_pay":return A.BILL_PAY_FILTER_CATEGORIES;case"reimbursement":return A.hideCreatedByFilter(t)?A.REIMBURSEMENT_FILTER_CATEGORIES_RESTRICTED:A.REIMBURSEMENT_FILTER_CATEGORIES;case"task_management":return A.TASK_LIST_FILTER_CATEGORIES}},R=(e,t)=>{if(e==="bill_pay"){const n=t;return L.getLocalizedStrings().spendManagement.filters.filterCategories.bills[n]}if(e==="reimbursement"){const n=t;return L.getLocalizedStrings().spendManagement.filters.filterCategories.reimbursements[n]}if(e==="task_management"){const n=t;return L.getLocalizedStrings().spendManagement.filters.filterCategories.taskManagement[n]}return""},et=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?{categoryCombinationOperator:"AND",categories:[{...le,field:t.value}]}:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,field:t.value,values:[]})},tt=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,matchingOperator:t.value})},ot=({currentFilters:e,selectedOptions:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,values:t.map(s=>s.value)})},rt={width:new ee(215,315)},U=l.div`
+`,Ke=({options:e,value:t,placeHolder:n,filterCategoryType:i,searchAutoCompleteData:p,searchAutoCompleteActions:s,onChange:C})=>{const y=_(),h=Ee(y),[b,x]=a.useState(e);a.useEffect(()=>{i==="searchAutocomplete"&&p?.entityAutoCompleteView.fetchState==="Completed"&&x(d=>he([...d,...p?.entityAutoCompleteView!=null?Xe(p?.entityAutoCompleteView):[]],"value"))},[p?.entityAutoCompleteView.fetchState]);const S=i==="searchAutocomplete"?t.map(d=>({label:d,value:d})):t.map(d=>b.find(f=>f.value===d)),v=a.useRef(ge(d=>s?.onAutoCompleteInputChange?.(d),500,{trailing:!0})).current,j=p?.entityAutoCompleteView.fetchState,O={options:e,filterCategoryType:i,searchAutoCompleteStatus:j},w=L.getLocalizedStrings().common.filters;return o.jsx(ze,{children:i==="dateRange"?o.jsx(Oe,{onDateRangeChange:d=>{C([{label:w.startDate,value:d.startDate??""},{label:w.endDate,value:d.endDate??""}])},selectedDates:t}):o.jsxs(_e,{children:[S.length===0&&i==="user"&&o.jsx(Ve,{}),o.jsx(Z,{...O,isMulti:!0,hideSelectedOptions:!1,value:S,onInputChange:d=>{i==="searchAutocomplete"&&v(d)},onChange:d=>{C(d)},placeholder:n,options:b,styles:h,menuPosition:"fixed",components:{Option:Ye,MultiValueLabel:Qe,MultiValueRemove:qe},filterOption:(d,f)=>Ze(d,f,i),noOptionsMessage:()=>Je(i,j)})]})})},Xe=e=>(e?.vendor.map(t=>({label:t.name,value:t.name}))??[]).sort((t,n)=>(t.label??"").localeCompare(n.label??"")),Qe=e=>{const{selectProps:t}=e,{options:n,filterCategoryType:i}=t,p=n.findIndex(s=>s.value===e.data.value);return o.jsx(M.MultiValueLabel,{...e,children:o.jsxs(Pe,{children:[ne(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",p,i),o.jsx(Ge,{children:e.children})]})})},Ye=e=>{const{onMouseMove:t,onMouseOver:n,isSelected:i,...p}=e.innerProps,{options:s,filterCategoryType:C}=e.selectProps,y=s.findIndex(b=>b.value===e.data.value),h={...e,innerProps:p};return o.jsx(M.Option,{...h,children:o.jsxs(He,{children:[o.jsxs(De,{children:[ne(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",y,C),o.jsx(oe,{children:e.label})]}),e.isSelected&&o.jsx(We,{})]})})},qe=e=>o.jsx(M.MultiValueRemove,{...e,children:o.jsx(Ue,{})}),Je=(e,t)=>{const n=L.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(t==="In-Progress")return o.jsx(ye,{size:"Small-Compact",start:!0});if(t==="Not-Started")return null;if(t==="Completed")return o.jsx(V,{children:n.noMatchesFound})}return o.jsx(V,{children:n.noOptions})},ne=(e,t,n,i,p)=>p!=="user"?null:e==null?o.jsx(be,{firstName:t,lastName:n,size:`${r.sp3}`,index:i,fontSize:"9px"}):o.jsx(Ne,{src:e.href,alt:L.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:s})=>{s.onerror=null,s.src=Be},loading:"lazy"}),Ze=(e,t,n)=>n==="user"&&e.data.email!=null?e.data.label.toLowerCase().includes(t.toLowerCase())||e.data.email.toLowerCase().includes(t.toLowerCase()):e.data.label.toLowerCase().includes(t.toLowerCase()),T={categoryCombinationOperator:"AND",categories:[]},le={valuesCombinationOperator:"ANY",values:[],matchingOperator:"equal"},F=(e,t)=>{switch(e){case"bill_pay":return A.BILL_PAY_FILTER_CATEGORIES;case"reimbursement":return A.hideCreatedByFilter(t)?A.REIMBURSEMENT_FILTER_CATEGORIES_RESTRICTED:A.REIMBURSEMENT_FILTER_CATEGORIES;case"task_management":return A.TASK_LIST_FILTER_CATEGORIES}},R=(e,t)=>{if(e==="bill_pay"){const n=t;return L.getLocalizedStrings().spendManagement.filters.filterCategories.bills[n]}if(e==="reimbursement"){const n=t;return L.getLocalizedStrings().spendManagement.filters.filterCategories.reimbursements[n]}if(e==="task_management"){const n=t;return L.getLocalizedStrings().spendManagement.filters.filterCategories.taskManagement[n]}return""},et=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?{categoryCombinationOperator:"AND",categories:[{...le,field:t.value}]}:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,field:t.value,values:[]})},tt=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,matchingOperator:t.value})},ot=({currentFilters:e,selectedOptions:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,values:t.map(s=>s.value)})},rt={width:new ee(215,315)},U=l.div`
   display: flex;
   flex-direction: column;
   row-gap: ${r.sp4};
-`,Y=l.div`
+`,G=l.div`
   display: flex;
   column-gap: ${r.sp3};
   align-items: flex-start;
   flex-wrap: ${e=>e.windowSize==="small"?"wrap":"nowrap"};
   row-gap: ${e=>e.windowSize==="small"?r.sp3:r.sp0};
-`,G=l.div`
+`,K=l.div`
   width: 90px;
   color: ${e=>e.theme.colors.primary};
-`,q=l.div`
+`,X=l.div`
   width: 194px;
-`,X=l.button`
+`,Q=l.button`
   display: flex;
   align-items: center;
   column-gap: ${r.sp1};
@@ -88,7 +88,7 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
-`,lt=l(Se)`
+`,lt=l(fe)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -98,7 +98,7 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,K=l(fe)`
+`,Y=l(ue)`
   color: ${e=>e.theme.colors.primary};
 `,it=l.button`
   display: ${e=>e.windowSize==="small"?"none":"block"};
@@ -108,10 +108,10 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   padding: 0;
   &:hover {
     svg {
-      color: ${we.important};
+      color: ${me.important};
     }
   }
-`,ct=l($e)`
+`,ct=l(xe)`
   width: ${r.sp3};
   height: ${r.sp3};
   color: ${e=>e.theme.colors.hero};
@@ -123,11 +123,11 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   width: ${e=>rt.width.valuePx(e.windowSize)};
   background: ${e=>e.theme.colors.background};
   border-radius: ${r.sp1};
-`,Q=l.div`
+`,q=l.div`
   display: flex;
   align-items: center;
   column-gap: ${r.sp3};
-`,ut=Ie`
+`,ut=$e`
 0% {
   opacity: 0;
 }
@@ -139,7 +139,7 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   align-items: flex-start;
   column-gap: ${r.sp3};
   animation: ${ut} 0.4s;
-`,ae=a.forwardRef(({filters:e,filterValues:t,selectedEntity:n,vendorSearchAutoCompleteData:i,vendorSearchAutoCompleteActions:p,onFiltersChange:s},C)=>{const y=ge(),h=z(),b=a.useCallback((c,u)=>{const g=et({currentFilters:e,selectedOption:c,categoryIndex:u});s(g)},[e,s]),x=a.useCallback((c,u)=>{const g=tt({currentFilters:e,selectedOption:c,categoryIndex:u});s(g)},[e,s]),S=a.useCallback(c=>{if(e!=null){const u={...e,categoryCombinationOperator:c};s(u)}},[e,s]),v=a.useCallback(c=>{if(c===0&&e.categories!=null&&e.categories.length===1){s(T);return}if(e.categories!=null&&e.categories.length!==0){if([...e.categories.slice(0,c),...e.categories.slice(c+1)].filter(u=>u.field!=null).length){const u={...e,categories:[...e.categories.slice(0,c),...e.categories.slice(c+1)]};s(u);return}s(T)}},[s,e]),j=()=>{e.categories!=null&&e.categories.length&&s({...e,categories:[...e.categories,{...le}]})},O=()=>{s(T)},$=a.useCallback((c,u)=>{const g=ot({currentFilters:e,selectedOptions:c,categoryIndex:u});s(g)},[e,s]),d=L.getLocalizedStrings().spendManagement.filters,f=()=>e.categories!=null&&e.categories.length!==0?o.jsxs(st,{children:[o.jsxs(X,{onClick:j,children:[o.jsx(nt,{}),o.jsx(N,{children:d.addFilterBtnText})]}),o.jsxs(X,{onClick:O,children:[o.jsx(lt,{}),o.jsx(N,{children:d.clearAllBtnText})]})]}):null,E=()=>e.categories==null||e.categories.length===0?o.jsx(U,{children:o.jsx(Y,{children:o.jsxs(Q,{children:[o.jsx(G,{children:o.jsx(K,{children:d.filterByLabel})}),o.jsx(q,{children:o.jsx(W,{defaultMenuIsOpen:!0,onChange:b,placeHolder:d.categoryPlaceholder,getOptionLabel:c=>R(n,c),options:F(n,y.loggedInUserRole)})})]})})}):o.jsx(a.Fragment,{children:e.categories.map((c,u)=>{const g=F(n,y.loggedInUserRole??[]).find(w=>w.value===c.field),k=g?.type,m=g!=null?R(n,g?.value):"";return o.jsxs(Y,{windowSize:h,children:[o.jsxs(Q,{children:[o.jsxs(G,{children:[u===0&&o.jsx(K,{children:d.filterByLabel}),u!==0?o.jsx(me,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:S,buttonsDisabled:u>1}):null]}),o.jsx(q,{children:o.jsx(W,{value:c.field,placeHolder:d.categoryPlaceholder,onChange:w=>b(w,u),getOptionLabel:w=>R(n,w),options:F(n,y.loggedInUserRole??[])})})]}),c.field?o.jsxs(ht,{children:[o.jsx(at,{children:o.jsx(xe,{categoryIndex:u,value:c.matchingOperator,onChange:x})}),o.jsxs(dt,{children:[o.jsx(pt,{windowSize:h,children:o.jsx(Ge,{options:t[c.field]!=null?t[c.field]:[],placeHolder:k==="searchAutocomplete"?d.searchPlaceholder:`${d.select} ${m}`,value:c.values,filterCategoryType:k??"dropdown",onChange:w=>$(w,u),valuesCombinationOperator:c.valuesCombinationOperator,searchAutoCompleteData:i,searchAutoCompleteActions:p})}),o.jsx(it,{onClick:()=>v(u),windowSize:h,children:o.jsx(ct,{})})]})]}):null]},c.field?c.field+u:u)})});return o.jsxs(U,{ref:C,children:[E(),f()]})});ae.displayName="FiltersSelection";const gt=l.div`
+`,ae=a.forwardRef(({filters:e,filterValues:t,selectedEntity:n,vendorSearchAutoCompleteData:i,vendorSearchAutoCompleteActions:p,onFiltersChange:s},C)=>{const y=pe(),h=z(),b=a.useCallback((c,u)=>{const g=et({currentFilters:e,selectedOption:c,categoryIndex:u});s(g)},[e,s]),x=a.useCallback((c,u)=>{const g=tt({currentFilters:e,selectedOption:c,categoryIndex:u});s(g)},[e,s]),S=a.useCallback(c=>{if(e!=null){const u={...e,categoryCombinationOperator:c};s(u)}},[e,s]),v=a.useCallback(c=>{if(c===0&&e.categories!=null&&e.categories.length===1){s(T);return}if(e.categories!=null&&e.categories.length!==0){if([...e.categories.slice(0,c),...e.categories.slice(c+1)].filter(u=>u.field!=null).length){const u={...e,categories:[...e.categories.slice(0,c),...e.categories.slice(c+1)]};s(u);return}s(T)}},[s,e]),j=()=>{e.categories!=null&&e.categories.length&&s({...e,categories:[...e.categories,{...le}]})},O=()=>{s(T)},w=a.useCallback((c,u)=>{const g=ot({currentFilters:e,selectedOptions:c,categoryIndex:u});s(g)},[e,s]),d=L.getLocalizedStrings().spendManagement.filters,f=()=>e.categories!=null&&e.categories.length!==0?o.jsxs(st,{children:[o.jsxs(Q,{onClick:j,children:[o.jsx(nt,{}),o.jsx(N,{children:d.addFilterBtnText})]}),o.jsxs(Q,{onClick:O,children:[o.jsx(lt,{}),o.jsx(N,{children:d.clearAllBtnText})]})]}):null,E=()=>e.categories==null||e.categories.length===0?o.jsx(U,{children:o.jsx(G,{children:o.jsxs(q,{children:[o.jsx(K,{children:o.jsx(Y,{children:d.filterByLabel})}),o.jsx(X,{children:o.jsx(W,{defaultMenuIsOpen:!0,onChange:b,placeHolder:d.categoryPlaceholder,getOptionLabel:c=>R(n,c),options:F(n,y.loggedInUserRole)})})]})})}):o.jsx(a.Fragment,{children:e.categories.map((c,u)=>{const g=F(n,y.loggedInUserRole??[]).find($=>$.value===c.field),k=g?.type,m=g!=null?R(n,g?.value):"";return o.jsxs(G,{windowSize:h,children:[o.jsxs(q,{children:[o.jsxs(K,{children:[u===0&&o.jsx(Y,{children:d.filterByLabel}),u!==0?o.jsx(ke,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:S,buttonsDisabled:u>1}):null]}),o.jsx(X,{children:o.jsx(W,{value:c.field,placeHolder:d.categoryPlaceholder,onChange:$=>b($,u),getOptionLabel:$=>R(n,$),options:F(n,y.loggedInUserRole??[])})})]}),c.field?o.jsxs(ht,{children:[o.jsx(at,{children:o.jsx(Le,{categoryIndex:u,value:c.matchingOperator,onChange:x})}),o.jsxs(dt,{children:[o.jsx(pt,{windowSize:h,children:o.jsx(Ke,{options:t[c.field]!=null?t[c.field]:[],placeHolder:k==="searchAutocomplete"?d.searchPlaceholder:`${d.select} ${m}`,value:c.values,filterCategoryType:k??"dropdown",onChange:$=>w($,u),valuesCombinationOperator:c.valuesCombinationOperator,searchAutoCompleteData:i,searchAutoCompleteActions:p})}),o.jsx(it,{onClick:()=>v(u),windowSize:h,children:o.jsx(ct,{})})]})]}):null]},c.field?c.field+u:u)})});return o.jsxs(U,{ref:C,children:[E(),f()]})});ae.displayName="FiltersSelection";const gt=l.div`
   padding-top: ${r.sp4};
   padding-bottom: ${r.sp4};
   box-sizing: border-box;
@@ -157,16 +157,16 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
 `,xt=l.div`
   padding-left: ${r.sp4};
   padding-right: ${r.sp4};
-`,ft=({entity:e,filters:t,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:i,disableFilters:p=!1,transactionsLoaded:s=!0,createdByUserListLoaded:C=!0,analytics:y,groupByFiltersComponent:h,onFiltersChange:b,getCategoryWiseOptions:x})=>{const S=a.useRef(null),[v,j]=a.useState(!1),O=a.useRef(!1),[$,d]=a.useState({bill_pay:{},reimbursement:{},task_management:{}}),[f,E]=a.useState("auto"),c=a.useRef(null),u=z(),g=a.useCallback(()=>{j(!1)},[]),k=L.getLocalizedStrings().common.strings.empty,m=a.useCallback(()=>{e!=="task_management"&&y?.trackSpendManagmentFilterClick(e),p===!1&&j(!0)},[p,y,e]);a.useEffect(()=>{x&&Object.keys($[e]).length===0&&C&&s&&d(I=>({...I,[e]:x()}))},[e,$,s,C]);const w=a.useCallback(()=>{if(t?.categories==null||t.categories.length===0)return h!=null?88+h.height:88;const I=c.current,D=I!=null?I.clientHeight:0;return u==="small"?"auto":B[7]+(D>0?D:88)+(h!=null?h.height:0)},[t,u,h]);a.useEffect(()=>{if(v!==O.current){E("auto");return}E(w())},[w,v]),a.useEffect(()=>{O.current=v},[v]),a.useEffect(()=>{f==="auto"&&E(w())},[f,w]);const se=()=>o.jsx(he,{anchorEl:S.current,open:v,onClose:g,paperStyle:{overflow:"visible"},children:o.jsxs(gt,{height:f,windowSize:u,children:[h!=null?o.jsx(mt,{children:h?.component}):null,o.jsx(xt,{children:o.jsx(ae,{filters:t,onFiltersChange:b,filterValues:$[e],selectedEntity:e,ref:c,vendorSearchAutoCompleteActions:i,vendorSearchAutoCompleteData:n})})]})},t?.categories==null||t.categories.length===0?"smallBox":"largeBox"),P=t?.categories==null||t?.categories.length===0?0:t.categories.filter(I=>I.field!=null&&I.values.length>0).length;return o.jsxs(a.Fragment,{children:[o.jsx(de,{searchPlaceholder:k,isFilterBtnActive:v||P>0,ref:S,isFilterDisabled:p,onFilterButtonClick:m,filtersCount:P,includeSearch:!1,filterText:k}),p!=!0&&se()]})},yt=e=>a.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{d:"M18.8447 9.03137L22.4962 11.5418V21.127C22.4962 21.4902 22.3519 21.8385 22.0951 22.0953C21.8383 22.3521 21.4901 22.4963 21.1269 22.4963H2.86932C2.50615 22.4963 2.15786 22.3521 1.90106 22.0953C1.64427 21.8385 1.5 21.4902 1.5 21.127V11.5418L5.15151 9.03137",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M4.24207 19.7577L8.80646 16.1062H15.1966L19.761 19.7577",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M22.5 11.5416L17.0227 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M1.50378 11.5416L6.98105 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M18.8446 13.9754V2.41288C18.8446 2.17077 18.7484 1.93857 18.5772 1.76738C18.406 1.59618 18.1738 1.5 17.9317 1.5H6.06431C5.8222 1.5 5.59 1.59618 5.4188 1.76738C5.24761 1.93857 5.15143 2.17077 5.15143 2.41288V13.9754",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 5.55005H14.7654",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 8.83069H13.3818",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 12.0398H10.9606",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{spendManagement:Ct}=L.getLocalizedStrings(),bt={filterIconContainerPaddingRight:new ee(18,10)};function Mt({spendManagementSectionProps:e}){const{entity:t,moreIconContainerStyle:n,searchTextBoxStyle:i,disableDownloadButton:p,filters:s,searchText:C,downloadParams:y,downloadState:h,showSettingsIcon:b=!0,showSettingsIconOnNavbar:x,showDownloadButtonOnNavbar:S,showStatementButtonOnNavbar:v,showPayEarlyButtonOnNavbar:j,groupByFiltersComponent:O,updateDownloadStateHandler:$,onMenuOpen:d}=e,f=z(),E=_(),[c,u]=a.useState(void 0);a.useEffect(()=>{h!=="Error"&&u(!1)},[h]);let g=Ct.moreMenuOptions;x||(g=g.filter(m=>m.value!=="settings")),v||(g=g.filter(m=>m.value!=="statements")),j||(g=g.filter(m=>m.value!=="payEarly")),S||(g=g.filter(m=>m.value!=="download"));const k={};return e.entity==="charge_cards"?k.width="275px":e.entity==="reimbursement"&&(k.width="208px"),o.jsxs($t,{children:[o.jsxs(wt,{isSearchOpen:e.isSearchOpen&&f==="small",windowsize:f,children:[f!=="small"&&!e.hideSearchBtn?o.jsx(H,{style:{position:"absolute",left:"unset",...i},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:m=>{e.onSearchTextChanged?.(m)},onSearchOpen:e.onSearchOpen,inputWrapperStyle:k,searchIconMarginRight:e.entity==="charge_cards"?r.sp4:"10px"}):null,(e.entity==="bill_pay"||e.entity==="reimbursement"||e.entity==="task_management")&&e.onFiltersChange!=null?o.jsx(kt,{size:f,children:o.jsx(ft,{entity:e.entity,groupByFiltersComponent:O,onFiltersChange:e.onFiltersChange,filters:e.filters,getCategoryWiseOptions:e.getFilterOptions,vendorSearchAutoCompleteData:e.vendorSearchAutoCompleteData,vendorSearchAutoCompleteActions:e.vendorSearchAutoCompleteActions,createdByUserListLoaded:e.createdByUserListLoaded,analytics:e.analytics})}):null,e.showEntityEmailInfoIconOnNavbar===!0?o.jsx(jt,{onClick:e.onClickEmailInfoIcon,children:o.jsx(vt,{})}):null,b?o.jsx(St,{onClick:()=>u(void 0),style:n,children:t==="bill_pay"||t==="reimbursement"||t==="charge_cards"?o.jsx(ie,{entity:t,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:f!=="small"?c:void 0,options:g,onMenuOpen:d,customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),menu:m=>({...m,left:"23px",top:"29px",transform:"translateX(-100%)",width:"auto",backgroundColor:E.colors.grey5,borderRadius:r.sp1,boxShadow:`${r.sp0} 2px ${r.sp2} ${E.colors.dropShadowHover}`,whiteSpace:"nowrap"}),container:()=>({marginLeft:B[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:B[0],marginLeft:-1}})},onOptionSelection:m=>{m==="settings"?e.onClickSetupIcon?.():m==="statements"?e.onClickStatementsIcon?.():m==="payEarly"&&e.onClickPayEarlyIcon?.()},downloadProps:(t==="bill_pay"||t==="reimbursement")&&y!=null?{entity:t,isDisabled:p,filter:{filters:s,searchText:C},downloadParams:y,downloadState:h,updateDownloadStateHandler:$}:void 0}):o.jsx(Ot,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?o.jsx(o.Fragment,{children:f==="small"?o.jsx(Lt,{onClick:e.onNewButtonClick,children:o.jsx(Et,{})}):o.jsx(ce,{variant:"primary",onClick:e.onNewButtonClick,label:e.newButtonLabel??"",size:"small",style:{height:"29px",paddingLeft:"12px",paddingRight:"12px",...J.extraSmallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})}):null]}),f==="small"&&!e.hideSearchBtn?o.jsx(H,{style:{position:"absolute",left:"5px",right:f!=="small"?"120px":"unset",top:r.sp6,width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:m=>{e.onSearchTextChanged?.(m)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0,inputWrapperStyle:e.entity==="charge_cards"?{width:270}:{}}):null]})}const vt=l(yt)`
+`,ft=({entity:e,filters:t,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:i,disableFilters:p=!1,transactionsLoaded:s=!0,createdByUserListLoaded:C=!0,analytics:y,groupByFiltersComponent:h,onFiltersChange:b,getCategoryWiseOptions:x})=>{const S=a.useRef(null),[v,j]=a.useState(!1),O=a.useRef(!1),[w,d]=a.useState({bill_pay:{},reimbursement:{},task_management:{}}),[f,E]=a.useState("auto"),c=a.useRef(null),u=z(),g=a.useCallback(()=>{j(!1)},[]),k=L.getLocalizedStrings().common.strings.empty,m=a.useCallback(()=>{e!=="task_management"&&y?.trackSpendManagmentFilterClick(e),p===!1&&j(!0)},[p,y,e]);a.useEffect(()=>{x&&Object.keys(w[e]).length===0&&C&&s&&d(I=>({...I,[e]:x()}))},[e,w,s,C]);const $=a.useCallback(()=>{if(t?.categories==null||t.categories.length===0)return h!=null?88+h.height:88;const I=c.current,D=I!=null?I.clientHeight:0;return u==="small"?"auto":B[7]+(D>0?D:88)+(h!=null?h.height:0)},[t,u,h]);a.useEffect(()=>{if(v!==O.current){E("auto");return}E($())},[$,v]),a.useEffect(()=>{O.current=v},[v]),a.useEffect(()=>{f==="auto"&&E($())},[f,$]);const se=()=>o.jsx(je,{anchorEl:S.current,open:v,onClose:g,paperStyle:{overflow:"visible"},children:o.jsxs(gt,{height:f,windowSize:u,children:[h!=null?o.jsx(mt,{children:h?.component}):null,o.jsx(xt,{children:o.jsx(ae,{filters:t,onFiltersChange:b,filterValues:w[e],selectedEntity:e,ref:c,vendorSearchAutoCompleteActions:i,vendorSearchAutoCompleteData:n})})]})},t?.categories==null||t.categories.length===0?"smallBox":"largeBox"),P=t?.categories==null||t?.categories.length===0?0:t.categories.filter(I=>I.field!=null&&I.values.length>0).length;return o.jsxs(a.Fragment,{children:[o.jsx(Se,{searchPlaceholder:k,isFilterBtnActive:v||P>0,ref:S,isFilterDisabled:p,onFilterButtonClick:m,filtersCount:P,includeSearch:!1,filterText:k}),p!=!0&&se()]})},yt=e=>a.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{d:"M18.8447 9.03137L22.4962 11.5418V21.127C22.4962 21.4902 22.3519 21.8385 22.0951 22.0953C21.8383 22.3521 21.4901 22.4963 21.1269 22.4963H2.86932C2.50615 22.4963 2.15786 22.3521 1.90106 22.0953C1.64427 21.8385 1.5 21.4902 1.5 21.127V11.5418L5.15151 9.03137",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M4.24207 19.7577L8.80646 16.1062H15.1966L19.761 19.7577",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M22.5 11.5416L17.0227 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M1.50378 11.5416L6.98105 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M18.8446 13.9754V2.41288C18.8446 2.17077 18.7484 1.93857 18.5772 1.76738C18.406 1.59618 18.1738 1.5 17.9317 1.5H6.06431C5.8222 1.5 5.59 1.59618 5.4188 1.76738C5.24761 1.93857 5.15143 2.17077 5.15143 2.41288V13.9754",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 5.55005H14.7654",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 8.83069H13.3818",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 12.0398H10.9606",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{spendManagement:Ct}=L.getLocalizedStrings(),bt={filterIconContainerPaddingRight:new ee(18,10)};function Rt({spendManagementSectionProps:e}){const{entity:t,moreIconContainerStyle:n,searchTextBoxStyle:i,disableDownloadButton:p,filters:s,searchText:C,downloadParams:y,downloadState:h,showSettingsIcon:b=!0,showSettingsIconOnNavbar:x,showDownloadButtonOnNavbar:S,showStatementButtonOnNavbar:v,showPayEarlyButtonOnNavbar:j,groupByFiltersComponent:O,updateDownloadStateHandler:w,onMenuOpen:d}=e,f=z(),E=_(),[c,u]=a.useState(void 0);a.useEffect(()=>{h!=="Error"&&u(!1)},[h]);let g=Ct.moreMenuOptions;x||(g=g.filter(m=>m.value!=="settings")),v||(g=g.filter(m=>m.value!=="statements")),j||(g=g.filter(m=>m.value!=="payEarly")),S||(g=g.filter(m=>m.value!=="download"));const k={};return e.entity==="charge_cards"?k.width="275px":e.entity==="reimbursement"&&(k.width="208px"),o.jsxs(wt,{children:[o.jsxs($t,{isSearchOpen:e.isSearchOpen&&f==="small",windowsize:f,children:[f!=="small"&&!e.hideSearchBtn?o.jsx(H,{style:{position:"absolute",left:"unset",...i},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:m=>{e.onSearchTextChanged?.(m)},onSearchOpen:e.onSearchOpen,inputWrapperStyle:k,searchIconMarginRight:e.entity==="charge_cards"?r.sp4:"10px"}):null,(e.entity==="bill_pay"||e.entity==="reimbursement"||e.entity==="task_management")&&e.onFiltersChange!=null?o.jsx(kt,{size:f,children:o.jsx(ft,{entity:e.entity,groupByFiltersComponent:O,onFiltersChange:e.onFiltersChange,filters:e.filters,getCategoryWiseOptions:e.getFilterOptions,vendorSearchAutoCompleteData:e.vendorSearchAutoCompleteData,vendorSearchAutoCompleteActions:e.vendorSearchAutoCompleteActions,createdByUserListLoaded:e.createdByUserListLoaded,analytics:e.analytics})}):null,e.showEntityEmailInfoIconOnNavbar===!0?o.jsx(jt,{onClick:e.onClickEmailInfoIcon,children:o.jsx(vt,{})}):null,b?o.jsx(St,{onClick:()=>u(void 0),style:n,children:t==="bill_pay"||t==="reimbursement"||t==="charge_cards"?o.jsx(we,{entity:t,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:f!=="small"?c:void 0,options:g,onMenuOpen:d,customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),menu:m=>({...m,left:"23px",top:"29px",transform:"translateX(-100%)",width:"auto",backgroundColor:E.colors.grey5,borderRadius:r.sp1,boxShadow:`${r.sp0} 2px ${r.sp2} ${E.colors.dropShadowHover}`,whiteSpace:"nowrap"}),container:()=>({marginLeft:B[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:B[0],marginLeft:-1}})},onOptionSelection:m=>{m==="settings"?e.onClickSetupIcon?.():m==="statements"?e.onClickStatementsIcon?.():m==="payEarly"&&e.onClickPayEarlyIcon?.()},downloadProps:(t==="bill_pay"||t==="reimbursement")&&y!=null?{entity:t,isDisabled:p,filter:{filters:s,searchText:C},downloadParams:y,downloadState:h,updateDownloadStateHandler:w}:void 0}):o.jsx(Ot,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?o.jsx(o.Fragment,{children:f==="small"?o.jsx(Lt,{onClick:e.onNewButtonClick,children:o.jsx(Et,{})}):o.jsx(ie,{variant:"primary",onClick:e.onNewButtonClick,label:e.newButtonLabel??"",size:"small",style:{height:"29px",paddingLeft:"12px",paddingRight:"12px",...J.extraSmallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})}):null]}),f==="small"&&!e.hideSearchBtn?o.jsx(H,{style:{position:"absolute",left:"5px",right:f!=="small"?"120px":"unset",top:r.sp6,width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:m=>{e.onSearchTextChanged?.(m)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0,inputWrapperStyle:e.entity==="charge_cards"?{width:270}:{}}):null]})}const vt=l(yt)`
   height: ${r.sp4};
   width: ${r.sp4};
-`,wt=l.div`
+`,$t=l.div`
   display: flex;
   justify-content: flex-end;
   position: relative;
   align-items: center;
   width: ${e=>e.isSearchOpen?"100%":"unset"};
-`,$t=l.div`
+`,wt=l.div`
   display: flex;
   flex-direction: column;
 `,St=l.div`
@@ -215,7 +215,7 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ot=l(pe)`
+`,Ot=l(ce)`
   color: ${e=>e.theme.colors.hero};
   width: ${r.sp4};
   height: ${r.sp4};
@@ -227,4 +227,4 @@ import{e as z,u as _,M as L,j as o,bQ as H,o as r,go as ie,q as B,k as ce,v as J
   height: ${r.sp4};
   width: ${r.sp4};
   color: ${e=>e.theme.colors.hero};
-`;export{W as K,Mt as Y};
+`;export{W as K,Rt as X};

package/dist/assets/{SpendMgmtSetupAccountSection-D8Yv-Jng-D3WoppPf.js → SpendMgmtSetupAccountSection-h6duObCp-PJLwXWd-.js}

@@ -1,7 +1,7 @@
-import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as re,j as t,aS as Ye,C as d,f6 as Xe,f7 as Ke,f8 as Qe,bF as et,q as o,a0 as tt,e$ as ye,f0 as ve,o as i,_ as N,f9 as Le,m as pe,c as j,f1 as it,b as ze,fa as nt,f2 as at,d as ot,bx as $e,cD as lt,a7 as st,fb as rt,B as _e,af as Ae,fc as ct,cp as dt}from"./index-CyJdCOlu.js";import{b as f,n}from"./vendor-CnQcJ2Lu.js";import{r as ut}from"./mui-Bi8r7UDG.js";import{S as pt}from"./ChargeCardUtils-6kq_92Ri-BhC-mlU5.js";import{Z as ht}from"./CreditCardPaymentPlgSection-BGh2TJeK-DFQxSPk-.js";import{M as gt}from"./ChaseOverlay-N7gGQaMQ-Bh9lkzpe.js";import{J as mt}from"./SetUpDefaultSection-a6NTauck-C-i38hil.js";const Q={sectionWidth:new d(343,580,726),rowGap:new d(o[2],o[3]),footerPaddingLeftRight:new d(o[3],o[4])},ft={title:new ze("standardMedium","largeMedium")};function xt({plaidConnectionDetails:e,header:p,isAccountsEnabled:v=!0,analytics:x,pageName:b,accountsPromoConfig:$,style:A,onConnectClick:M,onSignUpClick:I}){const u=Te(),{setUp:r}=K.getLocalizedStrings().commonSetUp,m=e.link_account,P=m.fetchStatus.fetchState==="In-Progress"||m.updateStatus.fetchState==="In-Progress";return t.jsxs(St,{windowSize:u,style:A,"data-testid":N("default-account-section",b),children:[t.jsx(wt,{children:t.jsx(bt,{windowSize:u,children:p})}),t.jsxs(yt,{windowSize:u,width:A?.width,children:[t.jsx(Le,{heading:r.accountsPlg.heading,buttonText:r.accountsPlg.signUpButtonText,onSignUpClick:I,isAccountsEnabled:v,pageName:b,analytics:x,style:{borderTopLeftRadius:i.sp2,borderTopRightRadius:i.sp2},accountsPromoConfig:$}),t.jsxs($t,{windowSize:u,children:[t.jsxs(kt,{onClick:M,children:[t.jsx(Ct,{isLoading:P,children:r.connectExternalAccount}),P?null:t.jsx(jt,{className:"right-arrow"})]}),P?t.jsx(vt,{children:t.jsx(pe,{size:"ExtraSmall",start:!0,style:{display:"flex"}})}):null]})]})]})}const St=n.div`
+import{K as Te,cd as Ge,u as qe,F as Q,cj as Ke,a2 as se,fF as Ze,l as W,a8 as re,j as t,aS as Je,x as d,eT as Ye,fM as Qe,fN as Xe,bE as et,n as o,a0 as tt,f4 as ye,fG as ve,o as i,Z as N,fO as Le,i as pe,h as j,fH as it,V as ze,fP as nt,fI as at,$ as ot,bw as $e,cL as lt,a7 as st,fQ as rt,O as Ae,af as _e,fR as ct,cg as dt}from"./index-D9zAXs3-.js";import{b as m,n}from"./vendor-Bs1fkIUX.js";import{r as ut}from"./mui-Ty75qFQF.js";import{b as pt}from"./ChargeCardUtils-DYpmF85C-qBaPG14m.js";import{Z as ht}from"./CreditCardPaymentPlgSection-BgJ074tY-CfzZdzTd.js";import{M as gt}from"./ChaseOverlay-YVpKSII6-BIyjTgCz.js";import{K as ft}from"./SetUpDefaultSection-BWt_kYKx-Dc8telSj.js";const X={sectionWidth:new d(343,580,726),rowGap:new d(o[2],o[3]),footerPaddingLeftRight:new d(o[3],o[4])},mt={title:new ze("standardMedium","largeMedium")};function xt({plaidConnectionDetails:e,header:p,isAccountsEnabled:v=!0,analytics:x,pageName:b,accountsPromoConfig:$,style:_,onConnectClick:M,onSignUpClick:I}){const u=Te(),{setUp:r}=Q.getLocalizedStrings().commonSetUp,f=e.link_account,P=f.fetchStatus.fetchState==="In-Progress"||f.updateStatus.fetchState==="In-Progress";return t.jsxs(St,{windowSize:u,style:_,"data-testid":N("default-account-section",b),children:[t.jsx(wt,{children:t.jsx(bt,{windowSize:u,children:p})}),t.jsxs(yt,{windowSize:u,width:_?.width,children:[t.jsx(Le,{heading:r.accountsPlg.heading,buttonText:r.accountsPlg.signUpButtonText,onSignUpClick:I,isAccountsEnabled:v,pageName:b,analytics:x,style:{borderTopLeftRadius:i.sp2,borderTopRightRadius:i.sp2},accountsPromoConfig:$}),t.jsxs($t,{windowSize:u,children:[t.jsxs(kt,{onClick:M,children:[t.jsx(Ct,{isLoading:P,children:r.connectExternalAccount}),P?null:t.jsx(jt,{className:"right-arrow"})]}),P?t.jsx(vt,{children:t.jsx(pe,{size:"ExtraSmall",start:!0,style:{display:"flex"}})}):null]})]})]})}const St=n.div`
   display: flex;
   flex-direction: column;
-  row-gap: ${e=>Q.rowGap.valuePx(e.windowSize)};
+  row-gap: ${e=>X.rowGap.valuePx(e.windowSize)};
 `,wt=n.div`
   display: flex;
   align-items: center;
@@ -9,9 +9,9 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primary};
-  ${e=>`${ft.title.style(e.windowSize)}`};
+  ${e=>`${mt.title.style(e.windowSize)}`};
 `,yt=n.div`
-  width: ${e=>e.width!=null?e.width:Q.sectionWidth.valuePx(e.windowSize)};
+  width: ${e=>e.width!=null?e.width:X.sectionWidth.valuePx(e.windowSize)};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
   border-radius: ${i.sp2};
@@ -24,13 +24,13 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
   align-items: center;
   justify-content: center;
   margin-left: ${i.sp2};
-`,$t=n(_e)`
+`,$t=n(Ae)`
   display: flex;
   align-items: center;
   padding-top: ${i.sp1};
   padding-bottom: ${i.sp1};
-  padding-left: ${e=>Q.footerPaddingLeftRight.valuePx(e.windowSize)};
-  padding-right: ${e=>Q.footerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-left: ${e=>X.footerPaddingLeftRight.valuePx(e.windowSize)};
+  padding-right: ${e=>X.footerPaddingLeftRight.valuePx(e.windowSize)};
   background: ${e=>e.theme.colors.grey4};
   border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2};
   color: ${e=>e.theme.colors.hero};
@@ -46,22 +46,22 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
   }
 `,Ct=n.span`
   pointer-events: ${e=>e.isLoading===!0?"none":"initial"};
-`,jt=n(Ae)`
+`,jt=n(_e)`
   margin-left: ${i.sp1};
   width: 12px;
   height: 12px;
   cursor: pointer;
   color: ${e=>e.theme.colors.hero};
-`,s={labelWidth:new d(120,190,190),sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(o[6],o[7]),iconPadding:new d(10,12),rowGap:new d(o[2],o[3]),elementsMarginLeftRight:new d(o[3],o[4]),labeledFieldPaddingLeft:new d(o[3],o[0]),labeledFieldPaddingRight:new d(o[3],o[2]),labeledFieldPaddingTop:new d(o[3],o[3]),labeledFieldPaddingBottom:new d(o[3],o[2]),labeleMarginLeft:new d(o[0],o[4]),labeleMarginBottom:new d(o[2],o[0]),infoLabelPaddingRight:new d(o[0],o[3]),infoLabelMarginTop:new d(o[1],o[0]),iconWidthHeight:new d(20,o[4])},Pt={title:new ze("standardSemiBold","largeSemiBold")};function si({primaryFundingAccount:e,allFundingAccounts:p,allBankAccounts:v,plaidConnectionDetails:x,sectionId:b,isDisabled:$,icon:A,sectionTitle:M,style:I,analytics:u,productType:r,referrer:m,accountSelectContainerStyle:P,connectedAccountProvider:te,isCompleted:H=!1,showCompletedIcon:q=!1,showZeniAccountSection:ie=!0,isAccountsEnabled:k,accountsPromoConfig:T,pageName:G,onFetchLinkTokenClick:L,onEstablishConnectionClick:J,onUpdatePaymentAccountStatus:E,onEstablishConnectionSuccess:D,onSignUpClick:ne,bottomComponent:Ie}){const a=Te(),{trigger:Ee,formState:{errors:Re}}=qe(),U=f.useRef(null),R=Ge(),{setUp:h}=K.getLocalizedStrings().commonSetUp,Z=K.getLocalizedStrings().spendManagement.chargeCard.payEarly;let y,he,c,S=!1;e!=null&&e.accType==="paymentAccount"&&(y=e.providerVerificationStatus,he=e?.institutionDetails,c=y?.code,S=e?.isLoginRequired??!1);const ae=ke(b,"account"),Be=Je(Re,ae),[z,Y]=f.useState(void 0),g=x.link_account,_=x.update_account,w=z==="update_account"?_:g,[B,ge]=f.useState(w.linkToken??null),[F,X]=f.useState(!1),[Me,me]=f.useState(!1),fe=se(g.updateStatus.fetchState),oe=se(_.updateStatus.fetchState),De=se(_.fetchStatus.fetchState),Ue=f.useCallback((l,C)=>{u.trackConnectBankSuccess(r,m);const be=C.accounts.find(He=>He.id===e?.providerAccountId)??C.accounts[0];e?.id!=null&&z==="update_account"&&be?.verification_status!=null&&!S?E(be?.verification_status,e.id,"update_account"):J(l,z),Y(void 0),X(!1)},[u,m,r,e?.id,e?.providerAccountId,z,S,E,J]),Fe=f.useCallback((l,C)=>{l!=null&&(u.trackConnectBankFailure(r,l.error_code+" "+l.error_message,m),l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e?.id!=null&&E("verification_failed",e.id,"update_account"),console.log("Plaid Connection Error",l,C)),Y(void 0),X(!1)},[u,r,m,e?.id,E]),{open:O,ready:xe}=Ze({token:B,onSuccess:Ue,onExit:Fe});f.useEffect(()=>{(fe==="In-Progress"&&g.updateStatus.fetchState==="Completed"||oe==="In-Progress"&&_.updateStatus.fetchState==="Completed")&&(W.isVerifiedPaymentAccountProviderStatusCode(c??"")||(L("link_account"),D()))},[g.updateStatus.fetchState,D,L,e?.providerVerificationStatus?.code,e?.id,fe,oe,_.updateStatus.fetchState,c]),f.useEffect(()=>{(W.isVerifiedStatusCode(c??"")||c==="verification_failed")&&!F&&z!=null&&w.linkToken===B&&w.fetchStatus.fetchState==="Completed"&&xe&&X(!0)},[xe,B,w.fetchStatus.fetchState,w.linkToken,c,z,F]),f.useEffect(()=>{w.fetchStatus.fetchState==="Completed"&&w.linkToken!=null&&w.linkToken!==B&&ge(w.linkToken)},[w.fetchStatus.fetchState,w.linkToken,B]),f.useEffect(()=>{F&&O()},[F,O]),f.useEffect(()=>{!e?.zeniAccountId&&!Be&&Ee(ae)},[e?.id]),f.useEffect(()=>{(c==null||c==="verification_failed"||c==="verification_expired"||W.isVerifiedStatusCode(c))&&(W.zeniDate(new Date().toISOString()).isAfter(g.expiration)||g.linkToken==null)&&L("link_account")},[]);const Oe=()=>{u.trackConnectBankGetBalance(r,m),Y("update_account"),L("update_account",e?.id)},Se=`${e?.accountSubType?.name!=null?e?.accountSubType?.name.substring(0,1).toUpperCase().concat(e?.accountSubType?.name.substring(1)):""} ${e?.maskedAccountNumber??""}`.trim(),le=g.fetchStatus.fetchState==="In-Progress"||g.updateStatus.fetchState==="In-Progress",We=p.findIndex(l=>l.id===e?.id),Ve=()=>{me(!0)},Ne=R.mode==="light"?new re(R.colors.brandColorJadeLight):new re(R.colors.brandColorJadeDark);if(e==null&&p.length===0)return r==="zeni_accounts"?t.jsx(mt,{onClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,m),O())},title:h.achTitle,subTitle:h.achSubTitle,header:h.paymentSource,isCompleted:H,showCompletedIcon:q,icon:{element:t.jsx(Ye,{width:s.iconWidthHeight.valuePx(a),height:s.iconWidthHeight.valuePx(a)}),color:new re(Ne)},isLoading:le,status:y}):t.jsx(Ce,{windowSize:a,style:I,children:t.jsx(xt,{header:h.paymentSource,plaidConnectionDetails:x,onConnectClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,m),O())},onSignUpClick:ne,isAccountsEnabled:!1,analytics:u,pageName:G,accountsPromoConfig:T})});const we=he?.zeniInstitutionId.toLowerCase()==="chase";return t.jsxs(Ce,{windowSize:a,style:I,children:[Me===!0?ut.createPortal(t.jsx(gt,{connectedAccountProvider:te,action:{onBackClick:()=>me(!1)}}),document.body):null,t.jsxs(Wt,{children:[q===!0?t.jsx(Nt,{children:H?t.jsx(Ht,{}):t.jsx(qt,{})}):null,t.jsx(Vt,{windowSize:a,children:M??h.paymentSource})]}),t.jsxs(Ot,{windowSize:a,isDisabled:S,children:[t.jsxs(At,{windowSize:a,children:[t.jsxs(Bt,{children:[e!=null?t.jsx(Rt,{isDisabled:S,children:Tt(A,a,R.mode==="dark",e,We)}):null,t.jsxs(Xt,{children:[t.jsxs(Gt,{children:[t.jsx(Xe,{ref:U,style:{display:a==="small"?"block":"inherit",width:"-webkit-fill-available"},customStyleConfig:{menu:()=>({width:a==="small"?"100%":"510px"})},controlProperty:{controlHeight:o[4],fontWeight:et.medium,highlightOnHover:!1,leftRightMargin:!1,fieldWidth:a==="small"?240:300},customPlaceholder:{color:R.colors.hero,weight:500},name:ke(b,"fundingAccount"),placeholder:h.selectAccountPlaceholder,capitalizeOptions:!0,appendSublabel:!1,showLogoInSingleValue:!1,isClearable:!1,maxMenuHeight:220,valueToLogo:(l,C)=>Qe(p,l,C),valueToSubLabels:(l,C)=>Ke(p,l,C,!1),defaultValue:{selectedOption:e?.id,allOptions:p.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"}))},textAlignment:"left",showDownChevronIcon:!0,showTickIcon:!1,isOptionRemovable:!1,registerOptions:{required:!1},showCreateOption:!0,isDisabled:le?"disabled":void 0,showLoadingIcon:le,onClickCreateOption:()=>{u.trackConnectBank(r,m),Y("link_account"),g.linkToken==null||W.zeniDate(new Date().toISOString()).isAfter(g.expiration)?L("link_account"):B!==g.linkToken?ge(g.linkToken):F?O():X(!0)}}),t.jsxs(Dt,{isDisabled:S,children:[Se?t.jsxs(t.Fragment,{children:[t.jsx(ee,{children:Se}),a!=="small"&&(c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we||e?.accountBalance?.available)?t.jsx(Zt,{}):null]}):null,c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we?t.jsx(Lt,{isUpdateLinkClicked:z==="update_account",isLoginRequired:S,isPendingVerification:c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification",productType:r,fetchAndUpdateStatues:{fetchStatus:_.fetchStatus,updateStatus:_.updateStatus,linkFetchStatus:g.fetchStatus,linkUpdateStatus:g.updateStatus,prevFetchState:De,prevUpdateState:oe},onUpdateLinkTokenClick:Oe,onChaseInfoClick:Ve}):e?.accountBalance?.available?t.jsx(ee,{children:tt("0,0[.]00",e?.accountBalance?.available)}):null]})]}),y!=null&&a==="small"?t.jsx(ye,{style:{width:"max-content",padding:0,marginTop:i.sp2},tagTitle:y.name,textColor:ve(y.code)}):null]})]}),t.jsx(Mt,{children:y!=null&&a!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(ye,{style:{width:"max-content"},tagTitle:y.name,textColor:ve(y.code)}),t.jsx(Jt,{})]}):null})]}),ie?t.jsxs(It,{style:P,windowSize:a,isDisabled:S,onClick:l=>l.stopPropagation(),"data-testid":N("account-select-container",r),children:[t.jsx(Et,{isDisabled:S?"disabled":$,label:{label:h.zeniCashAccountLabel,width:a==="small"?void 0:s.labelWidth.value(a),style:{marginLeft:s.labeleMarginLeft.valuePx(a),marginBottom:s.labeleMarginBottom.valuePx(a)}},style:{paddingTop:s.labeledFieldPaddingTop.valuePx(a),paddingBottom:s.labeledFieldPaddingBottom.valuePx(a),paddingLeft:s.labeledFieldPaddingLeft.valuePx(a),paddingRight:s.labeledFieldPaddingRight.valuePx(a),borderRadius:i.sp2,border:`1px solid ${R.colors.grey3}`,width:"-webkit-fill-available",display:a==="small"?"block":"inherit"},infoLabelStyle:{textAlign:a==="small"?"left":"right",paddingRight:s.infoLabelPaddingRight.valuePx(a),marginTop:s.infoLabelMarginTop.valuePx(a)},singleSelectPickerField:{name:ae,placeholder:h.zeniCashAccountPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e?.zeniAccountId??"",allOptions:v.map(l=>({label:l.accountName,value:l.accountId}))},isOptionRemovable:!1,withBorder:a==="small",textAlignment:a==="small"?"left":"right",registerOptions:{required:!1}},valueToAdditionalLabel:()=>h.zeniCashAcoountInfo}),Ie]}):null,e?.accType==="paymentAccount"?r==="charge_cards"?t.jsx(ht,{style:{borderRadius:`${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2}`},maxInsuredAmount:T.maxInsuredAmount,heading:t.jsxs(zt,{windowSize:a,children:[Z.earn,t.jsx(_t,{children:Z.percentageCashback.replace("__percentage__",pt)}),Z.whenYouPayViaZeniChecking]}),buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,isAccountsEnabled:k,pageName:Z.creditCardPayment,onSignUpClick:ne,onSwitchClick:()=>{U.current!=null&&U.current.focus()}}):r!=="zeni_accounts"?t.jsx(Le,{heading:h.accountsPlg.heading,style:{borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},isAccountsEnabled:k,buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,analytics:u,pageName:G,onSignUpClick:ne,onSwitchClick:()=>{U.current!=null&&U.current.focus()},accountsPromoConfig:T}):null:null]})]})}const Tt=(e,p,v,x,b,$)=>x?.accType==="depositAccount"?t.jsx(Kt,{isOptionSelected:!0,children:t.jsx(Qt,{color:nt(b??0)})}):x?.institutionDetails?.logo?.base64!=null?t.jsx(Yt,{windowSize:p,src:`${at}${x?.institutionDetails.logo?.base64.toString()}`,alt:x?.institutionDetails.institutionName,loading:"lazy"}):$===!0?e.element:t.jsx(Ft,{iconColor:e.color,windowSize:p,isDarkMode:v,children:e.element}),Lt=({productType:e,isLoginRequired:p,isUpdateLinkClicked:v,isPendingVerification:x,fetchAndUpdateStatues:b,onUpdateLinkTokenClick:$,onChaseInfoClick:A})=>{const{commonSetUp:M}=K.getLocalizedStrings(),{setUp:I}=M,{verifyAccount:u,verifyingAccount:r,verifyAccountError:m,reLogging:P,reLoginLabel:te,reLoginError:H,reLoginMessage:q,chaseLabel:ie}=I,{fetchStatus:k,updateStatus:T,linkFetchStatus:G,linkUpdateStatus:L,prevFetchState:J,prevUpdateState:E}=b,D=v&&J==="In-Progress"&&k?.fetchState==="Error"||E==="In-Progress"&&T?.fetchState==="Error";return p?v&&(k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"||G?.fetchState==="In-Progress"||L?.fetchState==="In-Progress")?t.jsxs(V,{style:{color:j.important},children:[t.jsx(ee,{children:P}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex",color:j.important}})})]}):t.jsx(V,{style:{cursor:"pointer"},onClick:$,"data-testid":N("re-login-label-clicked"),children:t.jsx($e,{style:{padding:`12px ${i.sp3}`},title:q,placement:"bottom",maxWidth:"264px",children:t.jsxs(Ut,{children:[t.jsx(je,{style:{marginLeft:i.sp0,marginRight:i.sp1}}),t.jsx(ce,{isError:!0,style:{color:j.important},children:D?H:te}),t.jsx(de,{children:t.jsx(ue,{style:{color:j.important}})})]})})}):k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"?t.jsxs(V,{children:[t.jsx(ee,{children:r}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex"}})})]}):x?t.jsxs(V,{onClick:$,"data-testid":N("verify-account-label-clicked",e),children:[t.jsx(ce,{isError:!1,children:u}),t.jsx(de,{children:t.jsx(ue,{})}),D?t.jsx($e,{maxWidth:"280px",style:{padding:`12px ${i.sp3}`,color:j.important},title:m,placement:"bottom",children:t.jsx(je,{})}):null]}):t.jsxs(V,{onClick:A,"data-testid":N("chase-info-label-clicked"),children:[t.jsx(ce,{isError:!1,children:ie}),t.jsx(de,{children:t.jsx(ue,{})})]})},ke=(e,p)=>`${e}.${p}`,zt=n(st)`
+`,s={labelWidth:new d(120,190,190),sectionWidth:new d(343,580,726),iconContainerMaxWidthHeight:new d(o[6],o[7]),iconPadding:new d(10,12),rowGap:new d(o[2],o[3]),elementsMarginLeftRight:new d(o[3],o[4]),labeledFieldPaddingLeft:new d(o[3],o[0]),labeledFieldPaddingRight:new d(o[3],o[2]),labeledFieldPaddingTop:new d(o[3],o[3]),labeledFieldPaddingBottom:new d(o[3],o[2]),labeleMarginLeft:new d(o[0],o[4]),labeleMarginBottom:new d(o[2],o[0]),infoLabelPaddingRight:new d(o[0],o[3]),infoLabelMarginTop:new d(o[1],o[0]),iconWidthHeight:new d(20,o[4])},Pt={title:new ze("standardSemiBold","largeSemiBold")};function si({primaryFundingAccount:e,allFundingAccounts:p,allBankAccounts:v,plaidConnectionDetails:x,sectionId:b,isDisabled:$,icon:_,sectionTitle:M,style:I,analytics:u,productType:r,referrer:f,accountSelectContainerStyle:P,connectedAccountProvider:te,isCompleted:H=!1,showCompletedIcon:G=!1,showZeniAccountSection:ie=!0,isAccountsEnabled:k,accountsPromoConfig:T,pageName:q,onFetchLinkTokenClick:L,onEstablishConnectionClick:K,onUpdatePaymentAccountStatus:E,onEstablishConnectionSuccess:U,onSignUpClick:ne,bottomComponent:Ie}){const a=Te(),{trigger:Ee,formState:{errors:Re}}=Ge(),D=m.useRef(null),R=qe(),{setUp:h}=Q.getLocalizedStrings().commonSetUp,Z=Q.getLocalizedStrings().spendManagement.chargeCard.payEarly;let y,he,c,S=!1;e!=null&&e.accType==="paymentAccount"&&(y=e.providerVerificationStatus,he=e?.institutionDetails,c=y?.code,S=e?.isLoginRequired??!1);const ae=ke(b,"account"),Be=Ke(Re,ae),[z,J]=m.useState(void 0),g=x.link_account,A=x.update_account,w=z==="update_account"?A:g,[B,ge]=m.useState(w.linkToken??null),[F,Y]=m.useState(!1),[Me,fe]=m.useState(!1),me=se(g.updateStatus.fetchState),oe=se(A.updateStatus.fetchState),Ue=se(A.fetchStatus.fetchState),De=m.useCallback((l,C)=>{u.trackConnectBankSuccess(r,f);const be=C.accounts.find(He=>He.id===e?.providerAccountId)??C.accounts[0];e?.id!=null&&z==="update_account"&&be?.verification_status!=null&&!S?E(be?.verification_status,e.id,"update_account"):K(l,z),J(void 0),Y(!1)},[u,f,r,e?.id,e?.providerAccountId,z,S,E,K]),Fe=m.useCallback((l,C)=>{l!=null&&(u.trackConnectBankFailure(r,l.error_code+" "+l.error_message,f),l.error_code==="TOO_MANY_VERIFICATION_ATTEMPTS"&&e?.id!=null&&E("verification_failed",e.id,"update_account"),console.log("Plaid Connection Error",l,C)),J(void 0),Y(!1)},[u,r,f,e?.id,E]),{open:O,ready:xe}=Ze({token:B,onSuccess:De,onExit:Fe});m.useEffect(()=>{(me==="In-Progress"&&g.updateStatus.fetchState==="Completed"||oe==="In-Progress"&&A.updateStatus.fetchState==="Completed")&&(W.isVerifiedPaymentAccountProviderStatusCode(c??"")||(L("link_account"),U()))},[g.updateStatus.fetchState,U,L,e?.providerVerificationStatus?.code,e?.id,me,oe,A.updateStatus.fetchState,c]),m.useEffect(()=>{(W.isVerifiedStatusCode(c??"")||c==="verification_failed")&&!F&&z!=null&&w.linkToken===B&&w.fetchStatus.fetchState==="Completed"&&xe&&Y(!0)},[xe,B,w.fetchStatus.fetchState,w.linkToken,c,z,F]),m.useEffect(()=>{w.fetchStatus.fetchState==="Completed"&&w.linkToken!=null&&w.linkToken!==B&&ge(w.linkToken)},[w.fetchStatus.fetchState,w.linkToken,B]),m.useEffect(()=>{F&&O()},[F,O]),m.useEffect(()=>{!e?.zeniAccountId&&!Be&&Ee(ae)},[e?.id]),m.useEffect(()=>{(c==null||c==="verification_failed"||c==="verification_expired"||W.isVerifiedStatusCode(c))&&(W.zeniDate(new Date().toISOString()).isAfter(g.expiration)||g.linkToken==null)&&L("link_account")},[]);const Oe=()=>{u.trackConnectBankGetBalance(r,f),J("update_account"),L("update_account",e?.id)},Se=`${e?.accountSubType?.name!=null?e?.accountSubType?.name.substring(0,1).toUpperCase().concat(e?.accountSubType?.name.substring(1)):""} ${e?.maskedAccountNumber??""}`.trim(),le=g.fetchStatus.fetchState==="In-Progress"||g.updateStatus.fetchState==="In-Progress",We=p.findIndex(l=>l.id===e?.id),Ve=()=>{fe(!0)},Ne=R.mode==="light"?new re(R.colors.brandColorJadeLight):new re(R.colors.brandColorJadeDark);if(e==null&&p.length===0)return r==="zeni_accounts"?t.jsx(ft,{onClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,f),O())},title:h.achTitle,subTitle:h.achSubTitle,header:h.paymentSource,isCompleted:H,showCompletedIcon:G,icon:{element:t.jsx(Je,{width:s.iconWidthHeight.valuePx(a),height:s.iconWidthHeight.valuePx(a)}),color:new re(Ne)},isLoading:le,status:y}):t.jsx(Ce,{windowSize:a,style:I,children:t.jsx(xt,{header:h.paymentSource,plaidConnectionDetails:x,onConnectClick:()=>{(c==null||c==="verification_failed"||c==="verification_expired")&&(u.trackConnectBank(r,f),O())},onSignUpClick:ne,isAccountsEnabled:!1,analytics:u,pageName:q,accountsPromoConfig:T})});const we=he?.zeniInstitutionId.toLowerCase()==="chase";return t.jsxs(Ce,{windowSize:a,style:I,children:[Me===!0?ut.createPortal(t.jsx(gt,{connectedAccountProvider:te,action:{onBackClick:()=>fe(!1)}}),document.body):null,t.jsxs(Wt,{children:[G===!0?t.jsx(Nt,{children:H?t.jsx(Ht,{}):t.jsx(Gt,{})}):null,t.jsx(Vt,{windowSize:a,children:M??h.paymentSource})]}),t.jsxs(Ot,{windowSize:a,isDisabled:S,children:[t.jsxs(_t,{windowSize:a,children:[t.jsxs(Bt,{children:[e!=null?t.jsx(Rt,{isDisabled:S,children:Tt(_,a,R.mode==="dark",e,We)}):null,t.jsxs(Yt,{children:[t.jsxs(qt,{children:[t.jsx(Ye,{ref:D,style:{display:a==="small"?"block":"inherit",width:"-webkit-fill-available"},customStyleConfig:{menu:()=>({width:a==="small"?"100%":"510px"})},controlProperty:{controlHeight:o[4],fontWeight:et.medium,highlightOnHover:!1,leftRightMargin:!1,fieldWidth:a==="small"?240:300},customPlaceholder:{color:R.colors.hero,weight:500},name:ke(b,"fundingAccount"),placeholder:h.selectAccountPlaceholder,capitalizeOptions:!0,appendSublabel:!1,showLogoInSingleValue:!1,isClearable:!1,maxMenuHeight:220,valueToLogo:(l,C)=>Xe(p,l,C),valueToSubLabels:(l,C)=>Qe(p,l,C,!1),defaultValue:{selectedOption:e?.id,allOptions:p.map(l=>({label:l.label,value:l.id,isRecommended:l.accType==="depositAccount"}))},textAlignment:"left",showDownChevronIcon:!0,showTickIcon:!1,isOptionRemovable:!1,registerOptions:{required:!1},showCreateOption:!0,isDisabled:le?"disabled":void 0,showLoadingIcon:le,onClickCreateOption:()=>{u.trackConnectBank(r,f),J("link_account"),g.linkToken==null||W.zeniDate(new Date().toISOString()).isAfter(g.expiration)?L("link_account"):B!==g.linkToken?ge(g.linkToken):F?O():Y(!0)}}),t.jsxs(Ut,{isDisabled:S,children:[Se?t.jsxs(t.Fragment,{children:[t.jsx(ee,{children:Se}),a!=="small"&&(c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we||e?.accountBalance?.available)?t.jsx(Zt,{}):null]}):null,c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification"||S||we?t.jsx(Lt,{isUpdateLinkClicked:z==="update_account",isLoginRequired:S,isPendingVerification:c!=="verification_failed"&&e?.providerVerificationStatus?.code==="pending_manual_verification",productType:r,fetchAndUpdateStatues:{fetchStatus:A.fetchStatus,updateStatus:A.updateStatus,linkFetchStatus:g.fetchStatus,linkUpdateStatus:g.updateStatus,prevFetchState:Ue,prevUpdateState:oe},onUpdateLinkTokenClick:Oe,onChaseInfoClick:Ve}):e?.accountBalance?.available?t.jsx(ee,{children:tt("0,0[.]00",e?.accountBalance?.available)}):null]})]}),y!=null&&a==="small"?t.jsx(ye,{style:{width:"max-content",padding:0,marginTop:i.sp2},tagTitle:y.name,textColor:ve(y.code)}):null]})]}),t.jsx(Mt,{children:y!=null&&a!=="small"?t.jsxs(t.Fragment,{children:[t.jsx(ye,{style:{width:"max-content"},tagTitle:y.name,textColor:ve(y.code)}),t.jsx(Kt,{})]}):null})]}),ie?t.jsxs(It,{style:P,windowSize:a,isDisabled:S,onClick:l=>l.stopPropagation(),"data-testid":N("account-select-container",r),children:[t.jsx(Et,{isDisabled:S?"disabled":$,label:{label:h.zeniCashAccountLabel,width:a==="small"?void 0:s.labelWidth.value(a),style:{marginLeft:s.labeleMarginLeft.valuePx(a),marginBottom:s.labeleMarginBottom.valuePx(a)}},style:{paddingTop:s.labeledFieldPaddingTop.valuePx(a),paddingBottom:s.labeledFieldPaddingBottom.valuePx(a),paddingLeft:s.labeledFieldPaddingLeft.valuePx(a),paddingRight:s.labeledFieldPaddingRight.valuePx(a),borderRadius:i.sp2,border:`1px solid ${R.colors.grey3}`,width:"-webkit-fill-available",display:a==="small"?"block":"inherit"},infoLabelStyle:{textAlign:a==="small"?"left":"right",paddingRight:s.infoLabelPaddingRight.valuePx(a),marginTop:s.infoLabelMarginTop.valuePx(a)},singleSelectPickerField:{name:ae,placeholder:h.zeniCashAccountPlaceholder,style:{position:"relative"},defaultValue:{selectedOption:e?.zeniAccountId??"",allOptions:v.map(l=>({label:l.accountName,value:l.accountId}))},isOptionRemovable:!1,withBorder:a==="small",textAlignment:a==="small"?"left":"right",registerOptions:{required:!1}},valueToAdditionalLabel:()=>h.zeniCashAcoountInfo}),Ie]}):null,e?.accType==="paymentAccount"?r==="charge_cards"?t.jsx(ht,{style:{borderRadius:`${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2}`},maxInsuredAmount:T.maxInsuredAmount,heading:t.jsxs(zt,{windowSize:a,children:[Z.earn,t.jsx(At,{children:Z.percentageCashback.replace("__percentage__",pt)}),Z.whenYouPayViaZeniChecking]}),buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,isAccountsEnabled:k,pageName:Z.creditCardPayment,onSignUpClick:ne,onSwitchClick:()=>{D.current!=null&&D.current.focus()}}):r!=="zeni_accounts"?t.jsx(Le,{heading:h.accountsPlg.heading,style:{borderBottomLeftRadius:i.sp2,borderBottomRightRadius:i.sp2},isAccountsEnabled:k,buttonText:k===!1?h.accountsPlg.signUpButtonText:h.accountsPlg.switchButtonText,analytics:u,pageName:q,onSignUpClick:ne,onSwitchClick:()=>{D.current!=null&&D.current.focus()},accountsPromoConfig:T}):null:null]})]})}const Tt=(e,p,v,x,b,$)=>x?.accType==="depositAccount"?t.jsx(Qt,{isOptionSelected:!0,children:t.jsx(Xt,{color:nt(b??0)})}):x?.institutionDetails?.logo?.base64!=null?t.jsx(Jt,{windowSize:p,src:`${at}${x?.institutionDetails.logo?.base64.toString()}`,alt:x?.institutionDetails.institutionName,loading:"lazy"}):$===!0?e.element:t.jsx(Ft,{iconColor:e.color,windowSize:p,isDarkMode:v,children:e.element}),Lt=({productType:e,isLoginRequired:p,isUpdateLinkClicked:v,isPendingVerification:x,fetchAndUpdateStatues:b,onUpdateLinkTokenClick:$,onChaseInfoClick:_})=>{const{commonSetUp:M}=Q.getLocalizedStrings(),{setUp:I}=M,{verifyAccount:u,verifyingAccount:r,verifyAccountError:f,reLogging:P,reLoginLabel:te,reLoginError:H,reLoginMessage:G,chaseLabel:ie}=I,{fetchStatus:k,updateStatus:T,linkFetchStatus:q,linkUpdateStatus:L,prevFetchState:K,prevUpdateState:E}=b,U=v&&K==="In-Progress"&&k?.fetchState==="Error"||E==="In-Progress"&&T?.fetchState==="Error";return p?v&&(k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"||q?.fetchState==="In-Progress"||L?.fetchState==="In-Progress")?t.jsxs(V,{style:{color:j.important},children:[t.jsx(ee,{children:P}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex",color:j.important}})})]}):t.jsx(V,{style:{cursor:"pointer"},onClick:$,"data-testid":N("re-login-label-clicked"),children:t.jsx($e,{style:{padding:`12px ${i.sp3}`},title:G,placement:"bottom",maxWidth:"264px",children:t.jsxs(Dt,{children:[t.jsx(je,{style:{marginLeft:i.sp0,marginRight:i.sp1}}),t.jsx(ce,{isError:!0,style:{color:j.important},children:U?H:te}),t.jsx(de,{children:t.jsx(ue,{style:{color:j.important}})})]})})}):k?.fetchState==="In-Progress"||T?.fetchState==="In-Progress"?t.jsxs(V,{children:[t.jsx(ee,{children:r}),t.jsx(Pe,{children:t.jsx(pe,{size:"Small",start:!0,style:{display:"flex"}})})]}):x?t.jsxs(V,{onClick:$,"data-testid":N("verify-account-label-clicked",e),children:[t.jsx(ce,{isError:!1,children:u}),t.jsx(de,{children:t.jsx(ue,{})}),U?t.jsx($e,{maxWidth:"280px",style:{padding:`12px ${i.sp3}`,color:j.important},title:f,placement:"bottom",children:t.jsx(je,{})}):null]}):t.jsxs(V,{onClick:_,"data-testid":N("chase-info-label-clicked"),children:[t.jsx(ce,{isError:!1,children:ie}),t.jsx(de,{children:t.jsx(ue,{})})]})},ke=(e,p)=>`${e}.${p}`,zt=n(st)`
   color: ${e=>e.theme.colors.primary};
   width: ${e=>e.windowSize==="small"?"80%":"100%"};
-`,_t=n(rt)`
+`,At=n(rt)`
   color: ${e=>e.theme.colors.primary};
 `,Ce=n.div`
   display: flex;
   flex-direction: column;
   row-gap: ${e=>s.rowGap.valuePx(e.windowSize)};
-`,At=n.div`
+`,_t=n.div`
   display: flex;
   align-items: center;
   flex-direction: row;
@@ -90,7 +90,7 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
   align-items: flex-start;
 `,Mt=n.div`
   display: flex;
-`,Dt=n(ot)`
+`,Ut=n(ot)`
   display: flex;
   align-items: center;
   color: ${e=>e.isDisabled?e.theme.colors.grey1:e.theme.colors.hero};
@@ -102,10 +102,10 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
     cursor: pointer;
     color: ${e=>e.isError?e.theme.colors.important:e.theme.colors.primary};
   }
-`,V=n(_e)`
+`,V=n(Ae)`
   display: flex;
   align-items: center;
-`,Ut=n.div`
+`,Dt=n.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -151,12 +151,12 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${j.success};
-`,qt=n.div`
+`,Gt=n.div`
   height: 14px;
   width: 14px;
   border: 1px solid ${e=>e.theme.colors.primary};
   border-radius: 50%;
-`,Gt=n.div``,Jt=n.div`
+`,qt=n.div``,Kt=n.div`
   width: ${i.sp4};
   height: ${i.sp4};
   margin-left: ${i.sp4};
@@ -168,19 +168,19 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
   height: ${i.sp1};
   cursor: inherit;
   background-color: ${e=>e.theme.colors.grey1};
-`,Yt=n.img`
+`,Jt=n.img`
   width: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   height: ${e=>s.iconContainerMaxWidthHeight.valuePx(e.windowSize)};
   border-radius: ${i.sp11};
   margin-right: ${i.sp2};
-`,Xt=n.div`
+`,Yt=n.div`
   display: flex;
   flex-direction: column;
 `,de=n.div`
   display: flex;
   color: inherit;
   margin-left: ${i.sp1};
-`,ue=n(Ae)`
+`,ue=n(_e)`
   width: 12px;
   height: 12px;
 `,je=n(dt)`
@@ -194,12 +194,12 @@ import{e as Te,ck as qe,u as Ge,M as K,cs as Je,a2 as se,e_ as Ze,l as W,a8 as r
   align-items: center;
   justify-content: center;
   margin-left: ${i.sp2};
-`,Kt=n.div`
+`,Qt=n.div`
   min-width: ${e=>e.isOptionSelected?i.sp4:i.sp5};
   width: ${e=>e.isOptionSelected?i.sp7:i.sp5};
   height: ${e=>e.isOptionSelected?i.sp7:i.sp5};
   margin-right: ${i.sp2};
-`,Qt=n(ct)`
+`,Xt=n(ct)`
   min-width: inherit;
   width: inherit;
   height: inherit;

package/dist/assets/{StatementItem-DSJvKpAv-DV7N47r3.js → StatementItem-DgZtQdC5-CijP321B.js}

@@ -1,4 +1,4 @@
-import{e as y,M as S,h3 as b,j as o,m as g,o as a,n as j,C as v,bu as z,q as k}from"./index-CyJdCOlu.js";import{b as P,n as i}from"./vendor-CnQcJ2Lu.js";import{g as C}from"./BoxItem-BL-UVx2X-CDUWJCC4.js";import{w as L}from"./downloadPdf-hPck-AA1-CD5ZG46J.js";const d=S.getLocalizedStrings().months,r={downloadButtonSize:new v(k[4],20)},B=i.div`
+import{K as y,F as S,hS as b,j as o,i as g,o as a,k as j,x as v,bu as z,n as k}from"./index-D9zAXs3-.js";import{b as P,n as i}from"./vendor-Bs1fkIUX.js";import{g as B}from"./BoxItem-DJq3mny1-nPTLB__B.js";import{w as L}from"./downloadPdf-DCmFpTS--B48gcxsA.js";const d=S.getLocalizedStrings().months,r={downloadButtonSize:new v(k[4],20)},C=i.div`
   display: flex;
   padding: ${a.sp3} ${a.sp4};
   flex-direction: row;
@@ -8,7 +8,7 @@ import{e as y,M as S,h3 as b,j as o,m as g,o as a,n as j,C as v,bu as z,q as k}f
   justify-content: space-between;
   align-items: center;
   width: 100%;
-`,q=i(j)`
+`,E=i(j)`
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
@@ -18,7 +18,7 @@ import{e as y,M as S,h3 as b,j as o,m as g,o as a,n as j,C as v,bu as z,q as k}f
   word-break: break-word;
   text-align: left;
   overflow: hidden;
-`,E=i.div`
+`,I=i.div`
   cursor: pointer;
 `,N=i(z)`
   width: ${t=>r.downloadButtonSize.valuePx(t.windowSize)};
@@ -28,4 +28,4 @@ import{e as y,M as S,h3 as b,j as o,m as g,o as a,n as j,C as v,bu as z,q as k}f
   &:hover {
     color: ${t=>t.theme.colors.primary};
   }
-`;function A({accountLast4:t,currentTenantCompanyName:s,data:e,authParams:m,downloadEndPoint:l,documentType:n="statement",boxType:p}){const[c,w]=P.useState(!1),x=y(),h=n==="taxLetter"?`${e.title.year}`:`${d[e.title.month-1]} ${e.title.year}`,$=n==="taxLetter"?`${s}-treasury-tax-letter-${e.title.year}.pdf`:`${s}-${t}-monthly-statement-${d[e.title.month-1]}-${e.title.year}.pdf`,u={period:`${e.title.year}-${b(e.title.month)}`,format:"pdf"},f=o.jsx(B,{children:o.jsxs(T,{children:[o.jsx(q,{children:h}),o.jsx(E,{onClick:()=>L(n==="treasuryStatement"||n==="taxLetter"?`${l}/statements/${e.id}`:`${l}/statements?query=${encodeURIComponent(JSON.stringify(u))}`,$,m,w),children:c?o.jsx(g,{size:"Small",start:!0}):o.jsx(N,{windowSize:x})})]})});return o.jsx(C,{content:f,boxType:p,isDisabled:!1,isNotClickable:!0})}export{A as O};
+`;function F({accountLast4:t,currentTenantCompanyName:s,data:e,authParams:m,downloadEndPoint:l,documentType:n="statement",boxType:p}){const[x,w]=P.useState(!1),c=y(),h=n==="taxLetter"?`${e.title.year}`:`${d[e.title.month-1]} ${e.title.year}`,$=n==="taxLetter"?`${s}-treasury-tax-letter-${e.title.year}.pdf`:`${s}-${t}-monthly-statement-${d[e.title.month-1]}-${e.title.year}.pdf`,u={period:`${e.title.year}-${b(e.title.month)}`,format:"pdf"},f=o.jsx(C,{children:o.jsxs(T,{children:[o.jsx(E,{children:h}),o.jsx(I,{onClick:()=>L(n==="treasuryStatement"||n==="taxLetter"?`${l}/statements/${e.id}`:`${l}/statements?query=${encodeURIComponent(JSON.stringify(u))}`,$,m,w),children:x?o.jsx(g,{size:"Small",start:!0}):o.jsx(N,{windowSize:c})})]})});return o.jsx(B,{content:f,boxType:p,isDisabled:!1,isNotClickable:!0})}export{F as O};

package/dist/assets/StatementsPage-Az4ZzxA6-CY7Q-Hv-.js

@@ -0,0 +1,58 @@
+import{u as v,K as z,j as t,aW as C,F as P,aj as I,o as r,h,bT as L,x as T,n as m,k as B}from"./index-D9zAXs3-.js";import{b as p,n as o}from"./vendor-Bs1fkIUX.js";import{$ as E}from"./BoxItem-DJq3mny1-nPTLB__B.js";import{o as K}from"./commonDimensions-EDu7gcyc-DiuxcTjp.js";import{O as M}from"./StatementItem-DgZtQdC5-CijP321B.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./downloadPdf-DCmFpTS--B48gcxsA.js";const x=P.getLocalizedStrings().spendManagement.zeniAccounts.statements,b={listItemMargin:new T(m[3],m[8])},et=({currentTenantCompanyName:e,authParams:g,downloadEndPoint:w,statementListView:a,accountLast4:f,onBackClick:$})=>{const y=v(),l=z(),k=p.createRef(),c=p.useRef(null),d=a.statements.length===0,j=()=>d===!1?K.transactionItemHeight:24,S=({index:i,style:s})=>{const n=a.statements[i];return d===!1?t.jsx(u,{windowSize:l,style:{...s,width:`calc(100% - 2*${b.listItemMargin.valuePx(l)})`},children:t.jsx(M,{currentTenantCompanyName:e,accountLast4:f,data:n,authParams:g,downloadEndPoint:w,boxType:E(i,a.statements.length)},n.id)}):t.jsx(O,{style:{...s},children:t.jsx(R,{children:t.jsx(u,{windowSize:l,children:t.jsx(A,{children:x.noStatements})})})})};return t.jsxs(N,{children:[t.jsx(C,{title:x.title,backgroundColor:y.colors.grey4,style:{zIndex:3},onBackClick:$,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsx(H,{children:t.jsx(I,{children:({height:i,width:s})=>t.jsx(V,{ref:k,height:i,width:s,outerRef:c,itemKey:n=>n,itemCount:a.statements.length,itemSize:j,initialScrollOffset:0,children:S})})})]})},O=o.div``,u=o.div`
+  margin: ${e=>`${r.sp0} ${b.listItemMargin.valuePx(e.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`,R=o.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,N=o.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${r.sp7};
+`,A=o(B)`
+  display: flex;
+  color: ${e=>e.theme.colors.grey2};
+`,H=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${r.sp6};
+`,V=o(L)`
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar {
+    width: ${r.sp2};
+    height: ${r.sp0};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 2px ${h.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${h.scrollbarBoxShadow};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${r.sp2};
+      height: ${r.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${e=>e.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`;export{et as default};

package/dist/assets/{StatusSwitcher-CTDNbKqC-Bv4PZo8C.js → StatusSwitcher-BTTEP3yZ-DwSqL8zG.js}

@@ -1,4 +1,4 @@
-import{e as y,j as d,bG as T,M as v,C as f,o as s,q as c,d as z}from"./index-CyJdCOlu.js";import{n as u,j as g}from"./vendor-CnQcJ2Lu.js";function m(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().split(" ").filter(Boolean).map(a=>a.charAt(0).toUpperCase()+a.slice(1)).join(" ")}const _=e=>{switch(e){case"bill_pay":return"bills";case"reimbursement":return"reimbursements";case"charge_cards":return"cards";default:return e}};function A(e,a){if(typeof e=="string")return e;if(e!=null&&typeof e=="object"){const r=Object.values(e)[0];return typeof r=="string"?r:m(a)}return m(a)}function p(e,a,r){const n=e[a];return n!=null?A(n,r):null}const L=(e,a)=>{const{spendManagement:{billPay:{billsByTabs:{tabsById:r}},reimbursement:{reimbursementByTabs:{tabsById:n}},zeniAccounts:{zeniAccountList:{tabsById:l}}}}=v.getLocalizedStrings(),t=String(e);if(a)switch(a){case"bill_pay":{const i=p(r,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"reimbursement":{const i=p(n,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"zeni_accounts":{const i=p(l,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}}return(p(r,t,t)??p(n,t,t)??p(l,t,t)??m(t)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:x}},reimbursement:{reimbursementByTabs:{tabsById:$}},zeniAccounts:{zeniAccountList:{tabsById:M}}}}=v.getLocalizedStrings(),w={containerMarginLeft:new f(c[4],c[8]),containerMarginRight:new f(c[4],c[8]),segmentContainerMarginLeft:new f(c[4],c[8])},j=u.div`
+import{K as y,j as d,bF as T,F as v,x as f,o as s,n as c,$ as z}from"./index-D9zAXs3-.js";import{n as u,i as g}from"./vendor-Bs1fkIUX.js";function m(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().split(" ").filter(Boolean).map(a=>a.charAt(0).toUpperCase()+a.slice(1)).join(" ")}const _=e=>{switch(e){case"bill_pay":return"bills";case"reimbursement":return"reimbursements";case"charge_cards":return"cards";default:return e}};function A(e,a){if(typeof e=="string")return e;if(e!=null&&typeof e=="object"){const r=Object.values(e)[0];return typeof r=="string"?r:m(a)}return m(a)}function p(e,a,r){const n=e[a];return n!=null?A(n,r):null}const L=(e,a)=>{const{spendManagement:{billPay:{billsByTabs:{tabsById:r}},reimbursement:{reimbursementByTabs:{tabsById:n}},zeniAccounts:{zeniAccountList:{tabsById:l}}}}=v.getLocalizedStrings(),t=String(e);if(a)switch(a){case"bill_pay":{const i=p(r,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"reimbursement":{const i=p(n,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"zeni_accounts":{const i=p(l,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}}return(p(r,t,t)??p(n,t,t)??p(l,t,t)??m(t)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:x}},reimbursement:{reimbursementByTabs:{tabsById:$}},zeniAccounts:{zeniAccountList:{tabsById:M}}}}=v.getLocalizedStrings(),w={containerMarginLeft:new f(c[4],c[8]),containerMarginRight:new f(c[4],c[8]),segmentContainerMarginLeft:new f(c[4],c[8])},j=u.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -117,4 +117,4 @@ import{e as y,j as d,bG as T,M as v,C as f,o as s,q as c,d as z}from"./index-CyJ
             left: 60%;
           }
         `}
-`;function P({tabId:e,isSelected:a,approvalCount:r,entity:n,onClick:l}){const t=o=>{switch(o){case"draft":case"pending_approval":case"scheduled":case"paid":case"all":case"failed":case"overdue":case"cancelled":case"rejected":case"awaitingAllApproval":case"ach":case"wire":case"deleted":return n==="bill_pay"?x[o]:$[o];case"offline":case"awaiting_approval":case"awaiting_my_approval":return x[o];case"awaitingApproval":case"awaitingMyApproval":case"myDrafts":return $[o];case"wireDetails":case"achDetails":return M[o];default:return""}},i=y();return d.jsxs(B,{onClick:()=>{a===!1&&l(e)},isClickDisabled:!1,isSelected:a,isMainTab:R(e)===!0,windowSize:i,children:[t(e),e==="pending_approval"&&r!==0?d.jsx(D,{isSelected:a,children:r}):null]})}function E({tabIds:e,selectedTab:a,entity:r,isSwitcherLeftAlign:n=!1,approvalCount:l,hasSubTabs:t=!1,enablePerformanceTracking:i=!0,onTabSelectedChange:o}){const h=y(),S=b=>{o(b)};return T({componentName:`${_(r).toLowerCase()}.${L(a,r).toLowerCase()}`,enabled:i}),d.jsx(j,{windowSize:h,hasSubTabs:t,isSwitcherLeftAlign:n,children:d.jsxs(k,{windowSize:h,hasSubTabs:t,children:[e.map((b,C)=>d.jsx(P,{tabId:b,approvalCount:l,isSelected:a===b,entity:r,onClick:S},C)),d.jsx(I,{className:`Slider ${a}`,windowSize:h,approvalCount:l})]})})}const R=e=>e==="draft"||e==="pending_approval"||e==="scheduled"||e==="paid"||e==="achDetails"||e==="wireDetails";export{E as K};
+`;function P({tabId:e,isSelected:a,approvalCount:r,entity:n,onClick:l}){const t=o=>{switch(o){case"draft":case"pending_approval":case"scheduled":case"paid":case"all":case"failed":case"overdue":case"cancelled":case"rejected":case"awaitingAllApproval":case"ach":case"wire":case"deleted":return n==="bill_pay"?x[o]:$[o];case"offline":case"awaiting_approval":case"awaiting_my_approval":return x[o];case"awaitingApproval":case"awaitingMyApproval":case"myDrafts":return $[o];case"wireDetails":case"achDetails":return M[o];default:return""}},i=y();return d.jsxs(B,{onClick:()=>{a===!1&&l(e)},isClickDisabled:!1,isSelected:a,isMainTab:R(e)===!0,windowSize:i,children:[t(e),e==="pending_approval"&&r!==0?d.jsx(D,{isSelected:a,children:r}):null]})}function N({tabIds:e,selectedTab:a,entity:r,isSwitcherLeftAlign:n=!1,approvalCount:l,hasSubTabs:t=!1,enablePerformanceTracking:i=!0,onTabSelectedChange:o}){const h=y(),S=b=>{o(b)};return T({componentName:`${_(r).toLowerCase()}.${L(a,r).toLowerCase()}`,enabled:i}),d.jsx(j,{windowSize:h,hasSubTabs:t,isSwitcherLeftAlign:n,children:d.jsxs(k,{windowSize:h,hasSubTabs:t,children:[e.map((b,C)=>d.jsx(P,{tabId:b,approvalCount:l,isSelected:a===b,entity:r,onClick:S},C)),d.jsx(I,{className:`Slider ${a}`,windowSize:h,approvalCount:l})]})})}const R=e=>e==="draft"||e==="pending_approval"||e==="scheduled"||e==="paid"||e==="achDetails"||e==="wireDetails";export{N as K};

package/dist/assets/StatusTag-MQXQGj2--SPp-Hljk.js

@@ -0,0 +1,38 @@
+import{j as l,O as o,F as r,o as t,h as s}from"./index-D9zAXs3-.js";import{n as c}from"./vendor-Bs1fkIUX.js";function $({complete:e,notInitiated:a,isDisabled:n=!1,pendingReview:p=!1,pendingVerification:m=!1,onClick:i}){return e===!0?l.jsx(x,{clickable:i!=null,onClick:i,children:l.jsx(o,{children:r.getLocalizedStrings().common.completeText})}):m===!0?l.jsx(g,{clickable:i!=null,onClick:i,children:l.jsx(o,{children:r.getLocalizedStrings().common.pendingVerificationText})}):p===!0?l.jsx(u,{clickable:i!=null,onClick:i,children:l.jsx(o,{children:r.getLocalizedStrings().common.pendingReviewText})}):a===!0?l.jsx(d,{clickable:i!=null,isDisabled:n===!0,onClick:i,children:l.jsx(o,{children:r.getLocalizedStrings().common.notInitiatedText})}):l.jsx(d,{clickable:i!=null,isDisabled:n===!0,onClick:i,children:l.jsx(o,{children:r.getLocalizedStrings().common.incompleteText})})}const x=c.div`
+  color: ${e=>e.theme.colors.success};
+  border: 1px solid ${e=>e.theme.colors.success};
+  padding: ${t.sp0} 6px;
+  border-radius: ${t.sp1};
+  cursor: ${e=>e.clickable?"pointer":"default"};
+  width: fit-content;
+  display: flex;
+  align-items: center;
+`,u=c.div`
+  color: ${e=>e.theme.colors.alert};
+  border: 1px solid ${e=>e.theme.colors.alert};
+  padding: ${t.sp0} 6px;
+  border-radius: ${t.sp1};
+  cursor: ${e=>e.clickable?"pointer":"default"};
+  width: fit-content;
+  display: flex;
+  align-items: center;
+`,g=c.div`
+  color: ${s.alert};
+  border: 1px solid ${s.alert};
+  padding: ${t.sp0} 6px;
+  border-radius: ${t.sp1};
+  cursor: ${e=>e.clickable?"pointer":"default"};
+  width: fit-content;
+  display: flex;
+  align-items: center;
+`,d=c.div`
+  color: ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.grey1};
+  border: 1px solid
+    ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.grey2};
+  padding: ${t.sp0} 6px;
+  border-radius: ${t.sp1};
+  cursor: ${e=>e.clickable?"pointer":"default"};
+  width: fit-content;
+  display: flex;
+  align-items: center;
+`;export{$};