@zeniai/web-app-ui 4.14.28-qa → 4.14.29-dev

package/dist/assets/SpendManagementSection-CZ_i360S-BWGL8ndc.js

@@ -0,0 +1,375 @@
+import{V as r,gr as be,o,P as I,gs as ye,i as fe,y as _,gt as ve,au as W,b3 as G,w as z,O,b4 as F,C as U,e as P,bE as $e,b2 as Y,l as V,bP as J,L as pe,k as N,a as Ce,x as he,bx as we,gu as je,cq as ue,_ as ke,at as Se,gv as Oe,v as Le,d as De,cp as Ie,bd as Ae,M as X,a8 as Me,fw as ze,ab as Fe}from"./index-ByxsQZNo.js";import{a}from"./sentry-COYnhuxW.js";import{n as s,k as _e}from"./mui-40xepic5.js";import{y as Ee}from"./MoreMenuButton-C_jqM-Ix-D5fFt93A.js";import{t as Pe}from"./filter-cZIFUNvj-DAakc3sS.js";import{g as K}from"./ZeniDatePicker-9JxwH7J5-CcV9D7gC.js";import{r as Re}from"./avatar-Dz7aEm3d-BdKWS97a.js";import{Gd as Be,Ge as He,Ga as Te,Gb as Ve,Gc as Ne,G9 as We}from"./zeni-epic-state-DCforPdM.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="5a67e361-6c60-4e56-b25e-6a3c2b30cd63",e._sentryDebugIdIdentifier="sentry-dbid-5a67e361-6c60-4e56-b25e-6a3c2b30cd63")}catch{}})();const Ge=s.div`
+  display: flex;
+  align-items: center;
+  height: ${o.sp6};
+  background: transparent;
+  position: relative;
+  margin: auto 0;
+`,Ue=s.div`
+  border-top-left-radius: ${o.sp1};
+  border-bottom-left-radius: ${o.sp1};
+  height: 100%;
+  box-sizing: border-box;
+  display: flex;
+  padding: ${o.sp0} ${o.sp2};
+  align-items: center;
+  transition: width 0.1s linear;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  border-right: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  width: ${e=>e.stretched?"197px":"167px"};
+  background: ${e=>e.stretched?e.theme.colors.background:"transparent"};
+  svg {
+    color: ${e=>e.stretched?e.theme.colors.primary:e.theme.colors.hero};
+    cursor: pointer;
+    &:hover {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  &:focus-within {
+    width: 197px;
+    background: ${e=>e.theme.colors.background};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Ye=s(ye)`
+  padding: 0 0 0 28px;
+  outline: none;
+  border: none;
+  height: 100%;
+  width: 100%;
+  background: unset;
+  color: ${e=>`${e.theme.colors.primary}`};
+`,qe=s.button`
+  cursor: ${e=>e.isDisabled?"auto":"pointer"};
+  padding: ${o.sp2} 14px;
+  background: ${e=>e.buttonOnly?"inherit":e.isActive?e.theme.colors.background:"unset"};
+  border: none;
+  outline: none;
+  display: flex;
+  align-items: center;
+  svg {
+    color: ${e=>e.isDisabled?e.theme.colors.grey3:e.isActive?e.theme.colors.primary:e.theme.colors.hero};
+  }
+  &:hover {
+    background: ${e=>e.buttonOnly?"inherit":e.isDisabled?"unset":e.theme.colors.background};
+    svg {
+      color: ${e=>e.isDisabled?e.theme.colors.grey3:e.theme.colors.primary};
+    }
+  }
+`,Je=s.button`
+  background: unset;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  padding: 0;
+`,Xe=s(fe)`
+  position: absolute;
+  top: -${o.sp1};
+  right: -${o.sp1};
+  background: ${e=>e.theme.colors.primary};
+  color: ${e=>e.theme.colors.grey5};
+  border-radius: 50%;
+  width: 18px;
+  height: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,Ke=s.div`
+  height: ${o.sp6};
+  border: ${e=>e.buttonOnly?"none":`1px solid ${e.theme.colors.grey3}`};
+  border-left: none;
+  overflow: hidden;
+  border-top-right-radius: ${o.sp1};
+  border-bottom-right-radius: ${o.sp1};
+  box-sizing: border-box;
+`,ge=a.forwardRef(({onSearchTextChanged:e,onFilterButtonClick:t,isFilterBtnActive:n,isFilterDisabled:d,filtersCount:c,filterText:l,searchPlaceholder:i,includeSearch:b=!0},g)=>{const v=a.useRef(null),y=c!=null&&c>0;return r.jsxs(Ge,{"data-testid":I("spend-management-filters"),children:[b?r.jsxs(Ue,{stretched:l.trim().length>0,children:[r.jsx(Je,{onClick:()=>{v.current?.focus()},children:r.jsx(be,{width:o.sp4,height:o.sp4})}),r.jsx(Ye,{value:l,ref:v,onChange:j=>{e&&e(j.target.value)},type:"text",placeholder:i})]}):null,r.jsx(Ke,{buttonOnly:!b,children:r.jsxs(qe,{isActive:n,isDisabled:d??!1,buttonOnly:!b,ref:g,onClick:()=>{t&&t()},children:[r.jsx(Pe,{width:o.sp4,height:o.sp4}),y&&r.jsx(Xe,{children:c})]})})]})});ge.displayName="SearchBoxWithFilterButton";const Qe=({open:e,anchorEl:t,children:n,paperStyle:d,onClose:c})=>{const l=_();return r.jsx(ve,{transitionDuration:400,anchorEl:t,open:e,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{style:{...d,marginTop:"6px",background:"transparent",boxShadow:`${o.sp0} 2px ${o.sp2} ${l.colors.dropShadowHover}`}},"data-testid":I("cockpit-filters-popover-panel"),onClose:c,children:n})},Ze=e=>({placeholder:t=>({...t,color:e.colors.grey1,...z.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:o.sp6,cursor:"pointer"}),valueContainer:t=>({...t,height:"100%",padding:`${o.sp2} ${o.sp3}`}),indicatorSeparator:t=>({...t,display:"none"}),indicatorsContainer:t=>({...t,display:"none"}),option:(t,n)=>({...t,...z.standardRegular.cssObject,padding:`${o.sp2} ${o.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:`${o.sp0} 2px ${o.sp2} ${e.colors.dropShadowHover}`})}),et=e=>({placeholder:t=>({...t,color:e.colors.grey1,...z.standardRegular.cssObject}),input:t=>({...t,color:e.colors.primary,margin:0,padding:0}),control:t=>({...t,backgroundColor:e.colors.background,border:"none",boxShadow:"none",minHeight:"unset"}),valueContainer:t=>({...t,height:"100%",padding:0,rowGap:o.sp2,columnGap:o.sp1}),indicatorSeparator:t=>({...t,display:"none"}),indicatorsContainer:t=>({...t,display:"none"}),option:(t,n)=>({...t,...z.standardRegular.cssObject,padding:`${o.sp2} ${o.sp3}`,cursor:"pointer",color:n.isSelected?e.colors.primary:e.colors.hero,background:n.isSelected?e.colors.background:e.colors.grey5,":hover":{color:e.colors.primary,backgroundColor:e.colors.background}}),singleValue:t=>({...t,color:e.colors.primary}),multiValue:t=>({...t,padding:`${o.sp0} ${o.sp2}`,border:`1px solid ${e.colors.primary}`,background:"none",borderRadius:o.sp1,margin:0,columnGap:o.sp2,alignItems:"center",height:o.sp4}),multiValueLabel:t=>({...t,padding:0,paddingLeft:0,color:e.colors.primary,maxWidth:"200px"}),multiValueRemove:t=>({...t,padding:0,":hover":{background:"none",cursor:"pointer"},svg:{color:e.colors.primary}}),menuList:t=>({...t,backgroundColor:e.colors.grey5}),menu:t=>({...t,boxShadow:`${o.sp0} 2px ${o.sp2} ${e.colors.dropShadowHover}`,width:"315px",right:`-${o.sp3}`,marginTop:o.sp3}),container:t=>({...t,flex:1})}),tt=({categoryCombinationOperator:e,onChange:t,buttonsDisabled:n})=>{const d=s.button`
+    padding: ${o.sp2};
+    outline: none;
+    border: none;
+    border-radius: 0;
+    width: 50%;
+    cursor: pointer;
+    background-color: ${i=>i.selected?i.theme.colors.grey3:i.theme.colors.grey5};
+  `,c=s(W)`
+    color: ${i=>i.buttonsDisabled?i.theme.colors.grey2:i.selected?i.theme.colors.primary:i.theme.colors.hero};
+  `,l=s.div`
+    border: ${i=>"1px solid "+i.theme.colors.grey3};
+    border-radius: ${o.sp1};
+    overflow: hidden;
+  `;return r.jsxs(l,{"data-testid":I("cockpit-filters-combop-wrapper"),children:[r.jsx(d,{disabled:n,onClick:()=>{t("AND")},selected:e==="AND","data-testid":I("cockpit-filters-combop-and"),children:r.jsx(c,{buttonsDisabled:n,selected:e==="AND",children:"and"})}),r.jsx(d,{disabled:n,onClick:()=>{t("OR")},selected:e==="OR","data-testid":I("cockpit-filters-combop-or"),children:r.jsx(c,{buttonsDisabled:n,selected:e==="OR",children:"or"})})]})},rt=({selectedDates:e,onDateRangeChange:t})=>{const n=_(),d=P(),c=e?.[0],l=e?.[1],[i,b]=a.useState(c?{date:c}:void 0),[g,v]=a.useState(l?{date:l}:void 0);a.useEffect(()=>{i!=null&&g!=null&&t({startDate:i?.date,endDate:g?.date})},[i,g]);const{dateFormat:{visual:{MMMDCommaYYYYformat:y}},spendManagement:{filters:j}}=O.getLocalizedStrings();return r.jsxs(ot,{size:d,children:[r.jsx(nt,{children:r.jsx($e,{})}),r.jsx(Q,{children:r.jsx(K,{onSelectedDateChanged:C=>{C.isAfter(g?.date)&&v(void 0),b({date:C})},selectedDate:i,dateFormat:y,placeHolder:r.jsx(R,{children:j.from}),style:{backgroundColor:n.colors.background}})}),r.jsx(R,{children:j.enDash}),r.jsx(Q,{children:r.jsx(K,{onSelectedDateChanged:C=>{v({date:C})},minDate:st(i?.date),selectedDate:g,dateFormat:y,placeHolder:r.jsx(R,{children:j.to}),style:{backgroundColor:n.colors.background}})})]})},ot=s.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: ${o.sp2};
+  justify-content: space-evenly;
+  flex-wrap: ${e=>e.size==="small"?"wrap":"nowrap"};
+`,Q=s.div`
+  display: flex;
+  align-items: center;
+  padding-left: ${o.sp3};
+  cursor: pointer;
+`,R=s(V)`
+  color: ${e=>e.theme.colors.hero};
+  background: ${e=>e.theme.colors.background};
+`,nt=s.div`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,st=e=>{if(e!=null)return e.add(1,"day")},it=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,lt=s(Y)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${o.sp4};
+  height: ${o.sp4};
+`,at=e=>{const{isSelected:t}=e;return r.jsx(F.Option,{...e,children:r.jsxs(it,{"data-testid":I("cockpit-filters-option",typeof e.data.value=="string"?e.data.value:e.data.value?.code??e.data.value?.id??e.label),children:[r.jsx(U,{children:e.label}),t&&r.jsx(lt,{})]})})},ct=e=>r.jsx(F.SingleValue,{...e,children:r.jsx(W,{children:e.children})}),Z=[{value:"equal",label:"is"},{value:"not-equal",label:"is not"}],dt=({onChange:e,value:t,categoryIndex:n})=>{const d=_(),c={...Ze(d),menu:i=>({...i,boxShadow:`${o.sp0} 2px ${o.sp2} ${d.colors.dropShadowHover}`,width:`${o.sp12}`}),option:i=>({...i,...z.standardRegular.cssObject})},l=Z.find(i=>i.value===t);return r.jsx(pt,{"data-testid":I("cockpit-filters-matching-operator-select"),children:r.jsx(G,{isSearchable:!1,isMulti:!1,value:l,onChange:i=>{e(i,n)},placeholder:O.getLocalizedStrings().cockpit.filters.categoryPlaceholder,options:Z,styles:c,menuPosition:"fixed",components:{Option:at,SingleValue:ct}})})},pt=s.div``,ht=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,ut=s(Y)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,ee=({value:e,defaultMenuIsOpen:t=!1,options:n,placeHolder:d,onChange:c,getOptionLabel:l})=>{const i=_(),b=a.useRef(null),g=xt(i),v=n.find(y=>y.value===e);return a.useEffect(()=>{const y=setTimeout(()=>{b.current!=null&&t&&b.current.focus()},300);return()=>{clearTimeout(y)}},[t]),r.jsx(G,{ref:b,isMulti:!1,value:v,onChange:y=>{c(y)},placeholder:d,options:n,styles:g,openMenuOnFocus:!0,components:{Option:y=>mt(y,l),SingleValue:y=>gt(y,l)}})},gt=(e,t)=>{const n=t?.(e.data.value)??e.data.label;return r.jsx(F.SingleValue,{...e,children:r.jsx(W,{children:n})})},mt=(e,t)=>{const{isSelected:n}=e,d=t?.(e.data.value)??e.data.label;return r.jsx(F.Option,{...e,children:r.jsxs(ht,{children:[r.jsx(U,{children:d}),n?r.jsx(ut,{}):null]})})},xt=e=>({placeholder:t=>({...t,color:e.colors.grey1,...z.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:o.sp6,cursor:"pointer"}),valueContainer:t=>({...t,height:"100%",padding:`${o.sp2} ${o.sp3}`}),indicatorSeparator:t=>({...t,display:"none"}),indicatorsContainer:t=>({...t,display:"none"}),option:(t,n)=>({...t,padding:`${o.sp2} ${o.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:`${o.sp0} 2px ${o.sp2} ${e.colors.dropShadowHover}`})}),te="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",bt=s.div`
+  display: flex;
+  align-items: flex-start;
+  padding: ${o.sp2} ${o.sp3};
+  column-gap: ${o.sp2};
+`,yt=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+  width: 100%;
+  min-height: ${o.sp4};
+`,ft=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp1};
+`,vt=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+  word-break: break-all;
+`,$t=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp3};
+  justify-content: space-between;
+`,re=s.img`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,Ct=s(Re)`
+  color: ${e=>e.theme.colors.hero};
+  height: ${o.sp4};
+  width: ${o.sp4};
+`,wt=s(Y)`
+  color: ${e=>e.theme.colors.primary};
+  height: ${o.sp3};
+  min-width: ${o.sp3};
+`,jt=s(Me)`
+  color: ${e=>e.theme.colors.primary};
+  height: 10px;
+  width: 10px;
+`,kt=s(Fe)`
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,St=({options:e,value:t,placeHolder:n,filterCategoryType:d,searchAutoCompleteData:c,searchAutoCompleteActions:l,onChange:i,renderOptionIcon:b})=>{const g=_(),v=et(g),[y,j]=a.useState(e);a.useEffect(()=>{d==="searchAutocomplete"&&c?.entityAutoCompleteView.fetchState==="Completed"&&j(m=>Oe([...m,...c?.entityAutoCompleteView!=null?Ot(c?.entityAutoCompleteView):[]],"value"))},[c?.entityAutoCompleteView.fetchState]);const C=d==="searchAutocomplete"?t.map(m=>({label:m,value:m})):t.map(m=>y.find(p=>p.value===m)),S=a.useRef(Le(m=>l?.onAutoCompleteInputChange?.(m),500,{trailing:!0})).current,L=c?.entityAutoCompleteView.fetchState,A={options:e,filterCategoryType:d,searchAutoCompleteStatus:L,renderOptionIcon:b},M=O.getLocalizedStrings().common.filters;return r.jsx(bt,{children:d==="dateRange"?r.jsx(rt,{onDateRangeChange:m=>{i([{label:M.startDate,value:m.startDate??""},{label:M.endDate,value:m.endDate??""}])},selectedDates:t}):r.jsxs(yt,{children:[C.length===0&&d==="user"&&r.jsx(Ct,{}),r.jsx(G,{...A,isMulti:!0,hideSelectedOptions:!1,value:C,onInputChange:m=>{d==="searchAutocomplete"&&S(m)},onChange:m=>{i(m)},placeholder:n,options:y,styles:v,menuPosition:"fixed",components:{Option:Dt,MultiValueLabel:Lt,MultiValueRemove:It},filterOption:(m,p)=>Mt(m,p,d),noOptionsMessage:()=>At(d,L)})]})})},Ot=e=>(e?.vendor.map(t=>({label:t.name,value:t.name}))??[]).sort((t,n)=>(t.label??"").localeCompare(n.label??"")),Lt=e=>{const{selectProps:t}=e,{options:n,filterCategoryType:d,renderOptionIcon:c}=t,l=n.findIndex(i=>i.value===e.data.value);return r.jsx(F.MultiValueLabel,{...e,children:r.jsxs(ft,{children:[me(e.data,l,d,c),r.jsx(kt,{children:e.children})]})})},Dt=e=>{const{onMouseMove:t,onMouseOver:n,isSelected:d,...c}=e.innerProps,{options:l,filterCategoryType:i,renderOptionIcon:b}=e.selectProps,g=l.findIndex(y=>y.value===e.data.value),v={...e,innerProps:c};return r.jsx(F.Option,{...v,children:r.jsxs($t,{children:[r.jsxs(vt,{children:[me(e.data,g,i,b),r.jsx(U,{children:e.label})]}),e.isSelected&&r.jsx(wt,{})]})})},It=e=>r.jsx(F.MultiValueRemove,{...e,children:r.jsx(jt,{})}),At=(e,t)=>{const n=O.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(t==="In-Progress")return r.jsx(pe,{size:"Small-Compact",start:!0});if(t==="Not-Started")return null;if(t==="Completed")return r.jsx(X,{children:n.noMatchesFound})}return r.jsx(X,{children:n.noOptions})},me=(e,t,n,d)=>{if(n==="dropdown")return(d!=null?d(e):null)??(e.photo!=null?r.jsx(re,{src:e.photo.href,alt:"",onError:({currentTarget:b})=>{b.onerror=null,b.src=te},loading:"lazy"}):null);if(n!=="user")return null;const c=(e.label??"").split(" "),l=c[0]??"",i=c[1]??"";return e.photo==null?r.jsx(ze,{firstName:l,lastName:i,size:`${o.sp3}`,index:t,fontSize:"9px"}):r.jsx(re,{src:e.photo.href,alt:O.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:b})=>{b.onerror=null,b.src=te},loading:"lazy"})},Mt=(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()),B={categoryCombinationOperator:"AND",categories:[]},oe={valuesCombinationOperator:"ANY",values:[],matchingOperator:"equal"},H=(e,t)=>{switch(e){case"bill_pay":return We;case"reimbursement":return Ne(t)?Te:Ve;case"task_management":return He;case"charge_card_payment_history":return Be}},T=(e,t)=>{if(e==="bill_pay"){const n=t;return O.getLocalizedStrings().spendManagement.filters.filterCategories.bills[n]}if(e==="reimbursement"){const n=t;return O.getLocalizedStrings().spendManagement.filters.filterCategories.reimbursements[n]}if(e==="task_management"){const n=t;return O.getLocalizedStrings().spendManagement.filters.filterCategories.taskManagement[n]}if(e==="charge_card_payment_history"){const n=t;return O.getLocalizedStrings().spendManagement.filters.filterCategories.chargeCardPaymentHistory[n]}return""},zt={width:new he(215,315)},ne=s.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp4};
+`,se=s.div`
+  display: flex;
+  column-gap: ${o.sp3};
+  align-items: flex-start;
+  flex-wrap: ${e=>e.windowSize==="small"?"wrap":"nowrap"};
+  row-gap: ${e=>e.windowSize==="small"?o.sp3:o.sp0};
+`,ie=s.div`
+  width: 90px;
+  color: ${e=>e.theme.colors.primary};
+`,le=s.div`
+  width: 194px;
+`,ae=s.button`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp1};
+  background: none;
+  outline: none;
+  box-shadow: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    svg {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,Ft=s(ue)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,_t=s(Ae)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Et=s.div`
+  width: ${o.sp10};
+`,Pt=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,ce=s(Se)`
+  color: ${e=>e.theme.colors.primary};
+`,Rt=s.button`
+  display: ${e=>e.windowSize==="small"?"none":"block"};
+  border: none;
+  background: none;
+  cursor: pointer;
+  padding: 0;
+  &:hover {
+    svg {
+      color: ${De.important};
+    }
+  }
+`,Bt=s(Ie)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Ht=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp3};
+`,Tt=s.div`
+  width: ${e=>zt.width.valuePx(e.windowSize)};
+  background: ${e=>e.theme.colors.background};
+  border-radius: ${o.sp1};
+`,de=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp3};
+`,Vt=_e`
+0% {
+  opacity: 0;
+}
+100% {
+  opacity: 1;
+}
+`,Nt=s.div`
+  display: flex;
+  align-items: flex-start;
+  column-gap: ${o.sp3};
+  animation: ${Vt} 0.4s;
+`,xe=a.forwardRef(({filters:e,filterValues:t,selectedEntity:n,vendorSearchAutoCompleteData:d,vendorSearchAutoCompleteActions:c,onFiltersChange:l,renderDropdownOptionIcon:i},b)=>{const g=ke(),v=P(),y=a.useCallback((p,h)=>{const $=(({currentFilters:f,selectedOption:k,categoryIndex:x})=>f.categories==null||f.categories.length===0?{categoryCombinationOperator:"AND",categories:[{...oe,field:k.value}]}:{...f,categories:f.categories.map((w,u)=>u!==x?w:{...w,field:k.value,values:[]})})({currentFilters:e,selectedOption:p,categoryIndex:h});l($)},[e,l]),j=a.useCallback((p,h)=>{const $=(({currentFilters:f,selectedOption:k,categoryIndex:x})=>f.categories==null||f.categories.length===0?f:{...f,categories:f.categories.map((w,u)=>u!==x?w:{...w,matchingOperator:k.value})})({currentFilters:e,selectedOption:p,categoryIndex:h});l($)},[e,l]),C=a.useCallback(p=>{if(e!=null){const h={...e,categoryCombinationOperator:p};l(h)}},[e,l]),S=a.useCallback(p=>{if(p!==0||e.categories==null||e.categories.length!==1){if(e.categories!=null&&e.categories.length!==0){if([...e.categories.slice(0,p),...e.categories.slice(p+1)].filter(h=>h.field!=null).length){const h={...e,categories:[...e.categories.slice(0,p),...e.categories.slice(p+1)]};return void l(h)}l(B)}}else l(B)},[l,e]),L=()=>{e.categories!=null&&e.categories.length&&l({...e,categories:[...e.categories,{...oe}]})},A=()=>{l(B)},M=a.useCallback((p,h)=>{const $=(({currentFilters:f,selectedOptions:k,categoryIndex:x})=>f.categories==null||f.categories.length===0?f:{...f,categories:f.categories.map((w,u)=>u!==x?w:{...w,values:k.map(E=>E.value)})})({currentFilters:e,selectedOptions:p,categoryIndex:h});l($)},[e,l]),m=O.getLocalizedStrings().spendManagement.filters;return r.jsxs(ne,{ref:b,children:[e.categories==null||e.categories.length===0?r.jsx(ne,{children:r.jsx(se,{children:r.jsxs(de,{children:[r.jsx(ie,{children:r.jsx(ce,{children:m.filterByLabel})}),r.jsx(le,{children:r.jsx(ee,{defaultMenuIsOpen:!0,onChange:y,placeHolder:m.categoryPlaceholder,getOptionLabel:p=>T(n,p),options:H(n,g.loggedInUserRole)})})]})})}):r.jsx(a.Fragment,{children:e.categories.map((p,h)=>{const $=H(n,g.loggedInUserRole??[]).find(x=>x.value===p.field),f=$?.type,k=$!=null?T(n,$?.value):"";return r.jsxs(se,{windowSize:v,children:[r.jsxs(de,{children:[r.jsxs(ie,{children:[h===0&&r.jsx(ce,{children:m.filterByLabel}),h!==0?r.jsx(tt,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:C,buttonsDisabled:h>1}):null]}),r.jsx(le,{children:r.jsx(ee,{value:p.field,placeHolder:m.categoryPlaceholder,onChange:x=>y(x,h),getOptionLabel:x=>T(n,x),options:H(n,g.loggedInUserRole??[])})})]}),p.field?r.jsxs(Nt,{children:[r.jsx(Et,{children:r.jsx(dt,{categoryIndex:h,value:p.matchingOperator,onChange:j})}),r.jsxs(Ht,{children:[r.jsx(Tt,{windowSize:v,children:r.jsx(St,{options:t[p.field]!=null?t[p.field]:[],placeHolder:f==="searchAutocomplete"?m.searchPlaceholder:`${m.select} ${k}`,value:p.values,filterCategoryType:f??"dropdown",onChange:x=>M(x,h),valuesCombinationOperator:p.valuesCombinationOperator,searchAutoCompleteData:d,searchAutoCompleteActions:c,renderOptionIcon:i})}),r.jsx(Rt,{onClick:()=>S(h),windowSize:v,children:r.jsx(Bt,{})})]})]}):null]},p.field?p.field+h:h)})}),e.categories!=null&&e.categories.length!==0?r.jsxs(Pt,{children:[r.jsxs(ae,{onClick:L,children:[r.jsx(Ft,{}),r.jsx(V,{children:m.addFilterBtnText})]}),r.jsxs(ae,{onClick:A,children:[r.jsx(_t,{}),r.jsx(V,{children:m.clearAllBtnText})]})]}):null]})});xe.displayName="FiltersSelection";const Wt=s.div`
+  padding-top: ${o.sp4};
+  padding-bottom: ${o.sp4};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  height: ${e=>`${typeof e.height=="number"?`${e.height}px`:e.height}`};
+  background: ${e=>e.theme.colors.grey5};
+  row-gap: ${o.sp4};
+  max-height: 650px;
+  overflow: ${e=>e.windowSize==="small"?"visible":e.height>"650"?"scroll":"visible"};
+`,Gt=s.div`
+  padding-left: ${o.sp4};
+  padding-right: ${o.sp4};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Ut=s.div`
+  padding-left: ${o.sp4};
+  padding-right: ${o.sp4};
+`,Yt=({entity:e,filters:t,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:d,disableFilters:c=!1,transactionsLoaded:l=!0,createdByUserListLoaded:i=!0,analytics:b,groupByFiltersComponent:g,onFiltersChange:v,getCategoryWiseOptions:y,renderDropdownOptionIcon:j})=>{const C=a.useRef(null),[S,L]=a.useState(!1),A=a.useRef(!1),[M,m]=a.useState({bill_pay:{},reimbursement:{},task_management:{},charge_card_payment_history:{}}),[p,h]=a.useState("auto"),$=a.useRef(null),f=P(),k=a.useCallback(()=>{L(!1)},[]),x=O.getLocalizedStrings().common.strings.empty,w=a.useCallback(()=>{e!=="task_management"&&e!=="charge_card_payment_history"&&b?.trackSpendManagmentFilterClick(e),c===!1&&L(!0)},[c,b,e]);a.useEffect(()=>{y&&i&&l&&m(D=>Object.keys(D[e]??{}).length===0?{...D,[e]:y()}:D)},[e,l,i]);const u=a.useCallback(()=>{if(t?.categories==null||t.categories.length===0)return g!=null?88+g.height:88;const D=$.current,q=D!=null?D.clientHeight:0;return f==="small"?"auto":N[7]+(q>0?q:88)+(g!=null?g.height:0)},[t,f,g]);a.useEffect(()=>{S===A.current?h(u()):h("auto")},[u,S]),a.useEffect(()=>{A.current=S},[S]),a.useEffect(()=>{p==="auto"&&h(u())},[p,u]);const E=t?.categories==null||t?.categories.length===0?0:t.categories.filter(D=>D.field!=null&&D.values.length>0).length;return r.jsxs(a.Fragment,{children:[r.jsx(ge,{searchPlaceholder:x,isFilterBtnActive:S||E>0,ref:C,isFilterDisabled:c,onFilterButtonClick:w,filtersCount:E,includeSearch:!1,filterText:x}),c!=1&&r.jsx(Qe,{anchorEl:C.current,open:S,onClose:k,paperStyle:{overflow:"visible"},children:r.jsxs(Wt,{height:p,windowSize:f,children:[g!=null?r.jsx(Gt,{children:g?.component}):null,r.jsx(Ut,{children:r.jsx(xe,{filters:t,onFiltersChange:v,filterValues:M[e],selectedEntity:e,ref:$,vendorSearchAutoCompleteActions:d,vendorSearchAutoCompleteData:n,renderDropdownOptionIcon:j})})]})},t?.categories==null||t.categories.length===0?"smallBox":"largeBox")]})},{spendManagement:qt}=O.getLocalizedStrings(),Jt={filterIconContainerPaddingRight:new he(18,10)};function mr({spendManagementSectionProps:e}){const{entity:t,moreIconContainerStyle:n,searchTextBoxStyle:d,disableDownloadButton:c,filters:l,searchText:i,downloadParams:b,downloadState:g,showSettingsIcon:v=!0,showSettingsIconOnNavbar:y,showDownloadButtonOnNavbar:j,showStatementButtonOnNavbar:C,showPayEarlyButtonOnNavbar:S,showPaymentHistoryButtonOnNavbar:L,groupByFiltersComponent:A,updateDownloadStateHandler:M,onMenuOpen:m,filterIconContainerStyle:p}=e,h=P(),$=_(),[f,k]=a.useState(void 0);a.useEffect(()=>{g!=="Error"&&k(!1)},[g]);let x=qt.moreMenuOptions;y||(x=x.filter(u=>u.value!=="settings")),C||(x=x.filter(u=>u.value!=="statements")),S||(x=x.filter(u=>u.value!=="payEarly")),L||(x=x.filter(u=>u.value!=="paymentHistory")),j||(x=x.filter(u=>u.value!=="download"));const w={};return e.entity==="charge_cards"?w.width="275px":e.entity==="reimbursement"&&(w.width="208px"),r.jsxs(er,{children:[r.jsxs(Zt,{isSearchOpen:e.isSearchOpen&&h==="small",windowsize:h,children:[h==="small"||e.hideSearchBtn?null:r.jsx(J,{"data-testid":I("list-page-search-input-box"),style:{position:"absolute",left:"unset",...d},placeholder:e.searchPlaceHolder,searchText:e.searchText,disabled:e.disableSearch,onSearchTextChanged:u=>{e.onSearchTextChanged?.(u)},onSearchOpen:e.onSearchOpen,inputWrapperStyle:w,searchIconMarginRight:e.entity==="charge_cards"?o.sp4:"10px"}),e.entity!=="bill_pay"&&e.entity!=="reimbursement"&&e.entity!=="task_management"&&e.entity!=="charge_card_payment_history"||e.onFiltersChange==null?null:r.jsx(or,{size:h,style:p,children:r.jsx(Yt,{entity:e.entity,groupByFiltersComponent:A,onFiltersChange:e.onFiltersChange,filters:e.filters,disableFilters:e.disableFilters,getCategoryWiseOptions:e.getFilterOptions,vendorSearchAutoCompleteData:e.vendorSearchAutoCompleteData,vendorSearchAutoCompleteActions:e.vendorSearchAutoCompleteActions,createdByUserListLoaded:e.createdByUserListLoaded,analytics:e.analytics,renderDropdownOptionIcon:e.renderDropdownOptionIcon})}),e.showDownloadIcon===!0&&e.onDownloadClick!=null?r.jsx(Qt,{onClick:e.onDownloadClick,disabled:c,children:g==="In-Progress"?r.jsx(pe,{size:"Standard",start:!0}):r.jsx(Kt,{"data-testid":I("spend-management-download-icon"),disabled:c})}):null,e.showEntityEmailInfoIconOnNavbar===!0?r.jsx(rr,{onClick:e.onClickEmailInfoIcon,children:r.jsx(Xt,{})}):null,v?r.jsx(tr,{onClick:()=>k(void 0),style:n,children:t==="bill_pay"||t==="reimbursement"||t==="charge_cards"?r.jsx(Ee,{entity:t,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:h!=="small"?f:void 0,options:x,onMenuOpen:m,customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),menu:u=>({...u,left:"23px",top:"29px",transform:"translateX(-100%)",width:"auto",backgroundColor:$.colors.grey5,borderRadius:o.sp1,boxShadow:`${o.sp0} 2px ${o.sp2} ${$.colors.dropShadowHover}`,whiteSpace:"nowrap"}),container:()=>({marginLeft:N[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:N[0],marginLeft:-1}})},onOptionSelection:u=>{u==="settings"?e.onClickSetupIcon?.():u==="statements"?e.onClickStatementsIcon?.():u==="payEarly"?e.onClickPayEarlyIcon?.():u==="paymentHistory"&&e.onClickPaymentHistoryIcon?.()},downloadProps:t!=="bill_pay"&&t!=="reimbursement"||b==null?void 0:{entity:t,isDisabled:c,filter:{filters:l,searchText:i},downloadParams:b,downloadState:g,updateDownloadStateHandler:M}}):r.jsx(sr,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?r.jsx(r.Fragment,{children:h==="small"?r.jsx(nr,{onClick:e.onNewButtonClick,children:r.jsx(ir,{})}):r.jsx(Ce,{variant:"primary",onClick:e.onNewButtonClick,label:e.newButtonLabel??"",size:"small",style:{height:"29px",paddingLeft:"12px",paddingRight:"12px",...z.extraSmallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})}):null]}),h!=="small"||e.hideSearchBtn?null:r.jsx(J,{style:{position:"absolute",left:"5px",right:h!=="small"?"120px":"unset",top:o.sp6,width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,disabled:e.disableSearch,onSearchTextChanged:u=>{e.onSearchTextChanged?.(u)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0,inputWrapperStyle:e.entity==="charge_cards"?{width:270}:{}})]})}const Xt=s(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"})))`
+  height: ${o.sp4};
+  width: ${o.sp4};
+`,Kt=s(we)`
+  height: ${o.sp4};
+  width: ${o.sp4};
+  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.primary};
+  }
+`,Qt=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: ${e=>e.disabled?"default":"pointer"};
+  color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.disabled?e.theme.colors.grey2:e.theme.colors.primary};
+  }
+`,Zt=s.div`
+  display: flex;
+  justify-content: flex-end;
+  position: relative;
+  align-items: center;
+  width: ${e=>e.isSearchOpen?"100%":"unset"};
+`,er=s.div`
+  display: flex;
+  flex-direction: column;
+`,tr=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-right: ${o.sp4};
+  position: relative;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,rr=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-right: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,or=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-right: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  padding-right: ${e=>Jt.filterIconContainerPaddingRight.valuePx(e.size)};
+  position: ${e=>e.size==="small"?"absolute":""};
+  top: ${o.sp5};
+  right: -${o.sp4};
+  z-index: 3;
+`,nr=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-right: ${o.sp2};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,sr=s(je)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${o.sp4};
+  height: ${o.sp4};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ir=s(ue)`
+  height: ${o.sp4};
+  width: ${o.sp4};
+  color: ${e=>e.theme.colors.hero};
+`;export{ee as J,mr as t};

package/dist/assets/StatementItem-CDx2knrL-D3uOvDYp.js

@@ -0,0 +1,31 @@
+import{e as b,h9 as $,V as o,O as g,L as S,o as s,l as v,x as z,bx as j,k}from"./index-ByxsQZNo.js";import{a as I}from"./sentry-COYnhuxW.js";import{n as a}from"./mui-40xepic5.js";import{g as L}from"./BoxItem-BWNurtfc-J9WJ61G4.js";import{w as T}from"./downloadPdf-CnXPMbwm-BjEW_jtg.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="c384d394-df66-4c4f-ae10-a141157aeeb8",e._sentryDebugIdIdentifier="sentry-dbid-c384d394-df66-4c4f-ae10-a141157aeeb8")}catch{}})();const l=g.getLocalizedStrings().months,r={downloadButtonSize:new z(k[4],20)},D=a.div`
+  display: flex;
+  padding: ${s.sp3} ${s.sp4};
+  flex-direction: row;
+  width: 100%;
+`,P=a.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,B=a(v)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-left: ${s.sp2};
+  max-height: ${s.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,C=a.div`
+  cursor: pointer;
+`,_=a(j)`
+  width: ${e=>r.downloadButtonSize.valuePx(e.windowSize)};
+  height: ${e=>r.downloadButtonSize.valuePx(e.windowSize)};
+  min-height: ${e=>r.downloadButtonSize.valuePx(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`;function R({accountLast4:e,currentTenantCompanyName:i,data:t,authParams:c,downloadEndPoint:d,documentType:n="statement",boxType:f}){const[m,p]=I.useState(!1),w=b(),h=n==="taxLetter"?`${t.title.year}`:`${l[t.title.month-1]} ${t.title.year}`,y=n==="taxLetter"?`${i}-treasury-tax-letter-${t.title.year}.pdf`:`${i}-${e}-monthly-statement-${l[t.title.month-1]}-${t.title.year}.pdf`,u={period:`${t.title.year}-${$(t.title.month)}`,format:"pdf"},x=o.jsx(D,{children:o.jsxs(P,{children:[o.jsx(B,{children:h}),o.jsx(C,{onClick:()=>T(n==="treasuryStatement"||n==="taxLetter"?`${d}/statements/${t.id}`:`${d}/statements?query=${encodeURIComponent(JSON.stringify(u))}`,y,c,p),children:m?o.jsx(S,{size:"Small",start:!0}):o.jsx(_,{windowSize:w})})]})});return o.jsx(L,{content:x,boxType:f,isDisabled:!1,isNotClickable:!0})}export{R as O};

package/dist/assets/StatementsPage-BMFYpAPA-D3BvQu9P.js

@@ -0,0 +1,58 @@
+import{y as I,e as S,V as e,a_ as z,an as C,o as r,O as P,d as p,bV as B,x as T,k as b,l as _}from"./index-ByxsQZNo.js";import{a as f}from"./sentry-COYnhuxW.js";import{n as o}from"./mui-40xepic5.js";import{$ as D}from"./BoxItem-BWNurtfc-J9WJ61G4.js";import{o as L}from"./commonDimensions-u85vL09f-D9VH5FSj.js";import{O as M}from"./StatementItem-CDx2knrL-D3uOvDYp.js";import"./pdf-A8jRKyoC.js";import"./zeni-epic-state-DCforPdM.js";import"./core-B0nKoasK.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./recharts-Bbdho9Pi.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.js";import"./downloadPdf-CnXPMbwm-BjEW_jtg.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new t.Error().stack;n&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[n]="213ae449-9f99-4634-95f3-2467fbead0a3",t._sentryDebugIdIdentifier="sentry-dbid-213ae449-9f99-4634-95f3-2467fbead0a3")}catch{}})();const u=P.getLocalizedStrings().spendManagement.zeniAccounts.statements,x={listItemMargin:new T(b[3],b[8])},at=({currentTenantCompanyName:t,authParams:n,downloadEndPoint:m,statementListView:a,accountLast4:w,onBackClick:y})=>{const k=I(),d=S(),$=f.createRef(),c=f.useRef(null),h=a.statements.length===0,j=()=>h===!1?L.transactionItemHeight:24,v=({index:i,style:s})=>{const l=a.statements[i];return h===!1?e.jsx(g,{windowSize:d,style:{...s,width:`calc(100% - 2*${x.listItemMargin.valuePx(d)})`},children:e.jsx(M,{currentTenantCompanyName:t,accountLast4:w,data:l,authParams:n,downloadEndPoint:m,boxType:D(i,a.statements.length)},l.id)}):e.jsx(E,{style:{...s},children:e.jsx(O,{children:e.jsx(g,{windowSize:d,children:e.jsx(V,{children:u.noStatements})})})})};return e.jsxs(R,{children:[e.jsx(z,{title:u.title,backgroundColor:k.colors.grey4,style:{zIndex:3},onBackClick:y,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),e.jsx(N,{children:e.jsx(C,{children:({height:i,width:s})=>e.jsx(A,{ref:$,height:i,width:s,outerRef:c,itemKey:l=>l,itemCount:a.statements.length,itemSize:j,initialScrollOffset:0,children:v})})})]})},E=o.div``,g=o.div`
+  margin: ${t=>`${r.sp0} ${x.listItemMargin.valuePx(t.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`,O=o.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,R=o.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${r.sp7};
+`,V=o(_)`
+  display: flex;
+  color: ${t=>t.theme.colors.grey2};
+`,N=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${r.sp6};
+`,A=o(B)`
+  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 ${p.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${p.scrollbarBoxShadow};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${t=>t.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${r.sp2};
+      height: ${r.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${t=>t.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`;export{at as default};

package/dist/assets/{StatusSwitcher-CgzMvf5t-BwsAKxQf.js → StatusSwitcher-CDnarHSf-meshGWkH.js}

@@ -1,4 +1,4 @@
-import{J as x,bz as T,V as p,O as $,b as f,o as n,u as l,x as _}from"./index-BVjkKCLf.js";import{n as d,c as w}from"./mui-Bjwhey0L.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="1e802c9f-6f38-4b34-9f31-a36292c0b4f6",e._sentryDebugIdIdentifier="sentry-dbid-1e802c9f-6f38-4b34-9f31-a36292c0b4f6")}catch{}})();function h(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().split(" ").filter(Boolean).map(i=>i.charAt(0).toUpperCase()+i.slice(1)).join(" ")}const z=e=>{switch(e){case"bill_pay":return"bills";case"reimbursement":return"reimbursements";case"charge_cards":return"cards";default:return e}};function c(e,i,s){const o=e[i];return o!=null?function(r,a){if(typeof r=="string")return r;if(r!=null&&typeof r=="object"){const t=Object.values(r)[0];return typeof t=="string"?t:h(a)}return h(a)}(o,s):null}const L=(e,i)=>{const{spendManagement:{billPay:{billsByTabs:{tabsById:s}},reimbursement:{reimbursementByTabs:{tabsById:o}},zeniAccounts:{zeniAccountList:{tabsById:r}}}}=$.getLocalizedStrings(),a=String(e);if(i)switch(i){case"bill_pay":{const t=c(s,a,a);if(t!=null)return t.replace(/\s+/g,"_").toLowerCase();break}case"reimbursement":{const t=c(o,a,a);if(t!=null)return t.replace(/\s+/g,"_").toLowerCase();break}case"zeni_accounts":{const t=c(r,a,a);if(t!=null)return t.replace(/\s+/g,"_").toLowerCase();break}}return(c(s,a,a)??c(o,a,a)??c(r,a,a)??h(a)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:m}},reimbursement:{reimbursementByTabs:{tabsById:y}},zeniAccounts:{zeniAccountList:{tabsById:A}}}}=$.getLocalizedStrings(),g={containerMarginLeft:new f(l[4],l[8]),containerMarginRight:new f(l[4],l[8]),segmentContainerMarginLeft:new f(l[4],l[8])},D=d.div`
+import{e as x,bF as T,V as d,O as $,x as f,o as n,k as l,C as _}from"./index-ByxsQZNo.js";import{n as p,c as w}from"./mui-40xepic5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="d9c56078-dd1d-43a2-bade-462c3b2ef8af",e._sentryDebugIdIdentifier="sentry-dbid-d9c56078-dd1d-43a2-bade-462c3b2ef8af")}catch{}})();function h(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().split(" ").filter(Boolean).map(i=>i.charAt(0).toUpperCase()+i.slice(1)).join(" ")}const z=e=>{switch(e){case"bill_pay":return"bills";case"reimbursement":return"reimbursements";case"charge_cards":return"cards";default:return e}};function c(e,i,s){const o=e[i];return o!=null?function(r,a){if(typeof r=="string")return r;if(r!=null&&typeof r=="object"){const t=Object.values(r)[0];return typeof t=="string"?t:h(a)}return h(a)}(o,s):null}const L=(e,i)=>{const{spendManagement:{billPay:{billsByTabs:{tabsById:s}},reimbursement:{reimbursementByTabs:{tabsById:o}},zeniAccounts:{zeniAccountList:{tabsById:r}}}}=$.getLocalizedStrings(),a=String(e);if(i)switch(i){case"bill_pay":{const t=c(s,a,a);if(t!=null)return t.replace(/\s+/g,"_").toLowerCase();break}case"reimbursement":{const t=c(o,a,a);if(t!=null)return t.replace(/\s+/g,"_").toLowerCase();break}case"zeni_accounts":{const t=c(r,a,a);if(t!=null)return t.replace(/\s+/g,"_").toLowerCase();break}}return(c(s,a,a)??c(o,a,a)??c(r,a,a)??h(a)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:m}},reimbursement:{reimbursementByTabs:{tabsById:y}},zeniAccounts:{zeniAccountList:{tabsById:A}}}}=$.getLocalizedStrings(),g={containerMarginLeft:new f(l[4],l[8]),containerMarginRight:new f(l[4],l[8]),segmentContainerMarginLeft:new f(l[4],l[8])},D=p.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -6,7 +6,7 @@ import{J as x,bz as T,V as p,O as $,b as f,o as n,u as l,x as _}from"./index-BVj
   justify-content: ${e=>e.isSwitcherLeftAlign===!0?"left":"center"};
   margin-right: ${e=>e.hasSubTabs===!0?"auto":g.containerMarginRight.valuePx(e.windowSize)};
   margin-left: ${e=>e.hasSubTabs===!0?"auto":g.containerMarginLeft.valuePx(e.windowSize)};
-`,M=d.div`
+`,M=p.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -16,7 +16,7 @@ import{J as x,bz as T,V as p,O as $,b as f,o as n,u as l,x as _}from"./index-BVj
   column-gap: ${e=>e.hasSubTabs!==!0?e.windowSize==="small"?n.sp3:n.sp6:n.sp4};
 
   margin-left: ${e=>e.hasSubTabs===!0?g.segmentContainerMarginLeft.valuePx(e.windowSize):"0"};
-`,I=d(_)`
+`,k=p(_)`
   display: flex;
   padding: ${e=>e.isMainTab?"12px":"6px 12px"};
   white-space: nowrap;
@@ -33,7 +33,7 @@ import{J as x,bz as T,V as p,O as $,b as f,o as n,u as l,x as _}from"./index-BVj
   }
   background-color: ${e=>e.isSelected&&!e.isMainTab?e.theme.colors.grey3:""};
   border-radius: ${e=>e.isSelected&&!e.isMainTab?n.sp1:n.sp0};
-`,k=d.div`
+`,I=p.div`
   display: flex;
   color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
   border: ${e=>`1px solid ${e.isSelected?e.theme.colors.primary:e.theme.colors.grey1}`};
@@ -45,7 +45,7 @@ import{J as x,bz as T,V as p,O as $,b as f,o as n,u as l,x as _}from"./index-BVj
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,j=d.div`
+`,j=p.div`
   height: 2px;
   background-color: ${e=>e.theme.colors.primary};
   border-radius: 1px;
@@ -117,4 +117,4 @@ import{J as x,bz as T,V as p,O as $,b as f,o as n,u as l,x as _}from"./index-BVj
             left: 60%;
           }
         `}
-`;function B({tabId:e,isSelected:i,approvalCount:s,entity:o,onClick:r}){const a=x();return p.jsxs(I,{onClick:()=>{i===!1&&r(e)},isClickDisabled:!1,isSelected:i,isMainTab:P(e)===!0,windowSize:a,children:[(t=>{switch(t){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 o==="bill_pay"?m[t]:y[t];case"offline":case"awaiting_approval":case"awaiting_my_approval":return m[t];case"awaitingApproval":case"awaitingMyApproval":case"myDrafts":return y[t];case"wireDetails":case"achDetails":return A[t];default:return""}})(e),e==="pending_approval"&&s!==0?p.jsx(k,{isSelected:i,children:s}):null]})}function R({tabIds:e,selectedTab:i,entity:s,isSwitcherLeftAlign:o=!1,approvalCount:r,hasSubTabs:a=!1,enablePerformanceTracking:t=!0,onTabSelectedChange:v}){const b=x(),S=u=>{v(u)};return T({componentName:`${z(s).toLowerCase()}.${L(i,s).toLowerCase()}`,enabled:t}),p.jsx(D,{windowSize:b,hasSubTabs:a,isSwitcherLeftAlign:o,children:p.jsxs(M,{windowSize:b,hasSubTabs:a,children:[e.map((u,C)=>p.jsx(B,{tabId:u,approvalCount:r,isSelected:i===u,entity:s,onClick:S},C)),p.jsx(j,{className:`Slider ${i}`,windowSize:b,approvalCount:r})]})})}const P=e=>e==="draft"||e==="pending_approval"||e==="scheduled"||e==="paid"||e==="achDetails"||e==="wireDetails";export{R as K,z as L,L as _};
+`;function B({tabId:e,isSelected:i,approvalCount:s,entity:o,onClick:r}){const a=x();return d.jsxs(k,{onClick:()=>{i===!1&&r(e)},isClickDisabled:!1,isSelected:i,isMainTab:P(e)===!0,windowSize:a,children:[(t=>{switch(t){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 o==="bill_pay"?m[t]:y[t];case"offline":case"awaiting_approval":case"awaiting_my_approval":return m[t];case"awaitingApproval":case"awaitingMyApproval":case"myDrafts":return y[t];case"wireDetails":case"achDetails":return A[t];default:return""}})(e),e==="pending_approval"&&s!==0?d.jsx(I,{isSelected:i,children:s}):null]})}function R({tabIds:e,selectedTab:i,entity:s,isSwitcherLeftAlign:o=!1,approvalCount:r,hasSubTabs:a=!1,enablePerformanceTracking:t=!0,onTabSelectedChange:v}){const b=x(),S=u=>{v(u)};return T({componentName:`${z(s).toLowerCase()}.${L(i,s).toLowerCase()}`,enabled:t}),d.jsx(D,{windowSize:b,hasSubTabs:a,isSwitcherLeftAlign:o,children:d.jsxs(M,{windowSize:b,hasSubTabs:a,children:[e.map((u,C)=>d.jsx(B,{tabId:u,approvalCount:r,isSelected:i===u,entity:s,onClick:S},C)),d.jsx(j,{className:`Slider ${i}`,windowSize:b,approvalCount:r})]})})}const P=e=>e==="draft"||e==="pending_approval"||e==="scheduled"||e==="paid"||e==="achDetails"||e==="wireDetails";export{R as K,z as L,L as _};

package/dist/assets/{SubTabSwitcher-gc5g6vV0-Cc389X5o.js → SubTabSwitcher-DhIXVTVI-Dm-A1aML.js}

@@ -1,16 +1,16 @@
-import{V as r,f as u,o as i,x as g,ah as f}from"./index-BVjkKCLf.js";import{n as s,c as d}from"./mui-Bjwhey0L.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="63ef97a1-2ea8-42ce-b0c6-cc069ff3841e",e._sentryDebugIdIdentifier="sentry-dbid-63ef97a1-2ea8-42ce-b0c6-cc069ff3841e")}catch{}})();function C({allTabs:e,selectedTab:n,containerStyle:o,rightComponent:l,onTabChange:p}){const h=l!=null;return r.jsxs(b,{style:o,hasRightComponent:h,children:[r.jsx(y,{children:e.map(t=>{const a=t.id===n,c=t.isDisabled!=null;return r.jsxs(x,{onClick:()=>{a===!1&&!c&&p(t)},isSelected:a,isDisabled:c,children:[r.jsx(m,{children:t.label}),t.countDetails?.count!=null?r.jsx(D,{children:r.jsx($,{isCircular:t.countDetails.count==null||t.countDetails.count<10,children:r.jsx(w,{children:t.countDetails.isFetching?r.jsx(u,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):t.countDetails.count})})}):null]},t.id)})}),l]})}const b=s.div`
+import{V as t,L as u,P as g,o as i,C as b,ah as y}from"./index-ByxsQZNo.js";import{n as r,c}from"./mui-40xepic5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="bb2a7783-7a37-415e-8a47-b7870e491c1e",e._sentryDebugIdIdentifier="sentry-dbid-bb2a7783-7a37-415e-8a47-b7870e491c1e")}catch{}})();function S({allTabs:e,selectedTab:n,containerStyle:o,rightComponent:l,onTabChange:p}){const h=l!=null;return t.jsxs(f,{style:o,hasRightComponent:h,children:[t.jsx(m,{children:e.map(s=>{const a=s.id===n,d=s.isDisabled!=null;return t.jsxs($,{onClick:()=>{a===!1&&!d&&p(s)},isSelected:a,isDisabled:d,"data-testid":g("sub-tab-switcher",String(s.id)),children:[t.jsx(x,{children:s.label}),s.countDetails?.count!=null?t.jsx(w,{children:t.jsx(D,{isCircular:s.countDetails.count==null||s.countDetails.count<10,children:t.jsx(j,{children:s.countDetails.isFetching?t.jsx(u,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):s.countDetails.count})})}):null]},s.id)})}),l]})}const f=r.div`
   display: flex;
   flex-direction: row;
   justify-content: ${e=>e.hasRightComponent?"space-between":"flex-start"};
   align-items: center;
   padding: ${i.sp3} ${i.sp0};
   gap: ${i.sp3};
-`,y=s.div`
+`,m=r.div`
   display: flex;
   position: relative;
   gap: ${i.sp3};
   overflow: auto;
-`,m=s.div``,x=s(g)`
+`,x=r.div``,$=r(b)`
   height: ${i.sp5};
   padding: ${i.sp0} 12px;
   color: ${e=>e.isDisabled?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey1};
@@ -31,28 +31,28 @@ import{V as r,f as u,o as i,x as g,ah as f}from"./index-BVjkKCLf.js";import{n as
     color: ${e=>e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
     background-color: ${e=>e.isDisabled?e.isSelected?e.theme.colors.grey3:"transparent":e.theme.colors.grey3};
   }
-`,$=s.div`
-  ${e=>e.isCircular?d`
+`,D=r.div`
+  ${e=>e.isCircular?c`
           height: ${i.sp3};
           width: ${i.sp3};
           padding: ${i.sp0};
-        `:d`
+        `:c`
           height: 18px;
           min-width: ${i.sp3};
           padding: ${i.sp0} ${i.sp1};
         `}
   background-color: transparent;
   border-radius: inherit;
-`,D=s.div`
+`,w=r.div`
   border: 1px solid;
   border-color: inherit;
   border-radius: ${i.sp12};
   padding: 2px;
-`,w=s(f)`
+`,j=r(y)`
   height: 100%;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: inherit;
-`;export{C as k};
+`;export{S as R};

package/dist/assets/SuccessAnimation-C-AHWH-M-DYko07lj.js

@@ -0,0 +1,13 @@
+import{cx as c,h7 as u,t as b,V as n,ap as p}from"./index-ByxsQZNo.js";import{a as y,b as m}from"./sentry-COYnhuxW.js";import{c as h,n as g,k as w}from"./mui-40xepic5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="cf620824-5a52-4db6-ab64-176dc6bcb7fe",e._sentryDebugIdIdentifier="sentry-dbid-cf620824-5a52-4db6-ab64-176dc6bcb7fe")}catch{}})();const x=w`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+`,D=g.div`
+  ${({fade:e})=>e&&h`
+      animation: ${x} 1s forwards;
+    `}
+`,S=({width:e=30,height:t=30,shouldDisplay:a,animationInLoop:d=!1,shouldFade:r=!0,onAnimationComplete:s})=>{const[,o]=c(u),[f,l]=y.useState(!1),[i]=b("Success");return m.useEffect(()=>{a&&o(!0)},[a,o]),a&&i!=null?n.jsx(D,{fade:!!r&&f,children:n.jsx(p,{style:{width:e,height:t},play:!0,animationData:i,loop:d,rendererSettings:{preserveAspectRatio:"xMidYMid slice"},onComplete:()=>{l(!0),setTimeout(()=>{s&&s()},1e3)}})}):null};export{S as v};

package/dist/assets/SummaryCard-4S9PQQ5W-B2YKQ_55.js

@@ -0,0 +1 @@
+import{V as a}from"./index-ByxsQZNo.js";import{E as n,T as r}from"./ReloadCard-DcyZqZO5-CwUMwJXU.js";(function(){try{var d=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new d.Error().stack;e&&(d._sentryDebugIds=d._sentryDebugIds||{},d._sentryDebugIds[e]="78b8930d-ba25-46bc-9be2-7409691acf83",d._sentryDebugIdIdentifier="sentry-dbid-78b8930d-ba25-46bc-9be2-7409691acf83")}catch{}})();const s=d=>a.jsx("div",{children:d.card.fetchState==="In-Progress"||d.card.fetchState==="Not-Started"?a.jsx(n,{dimension:d.card.dimension,animated:!d.card.disableAnimations}):d.card.fetchState==="Error"?a.jsx(r,{dimension:d.card.dimension,cardType:d.card.cardType,cardIndex:d.card.cardIndex,onReloadData:d.actions.onReloadData}):a.jsx("div",{children:d.children})});export{s as c};