@zeniai/web-cockpit-ui 1.14.83-qa → 1.14.84-dev

package/dist/assets/SpendManagementSection-UkTY6qX0-CST6kY6m.js

@@ -0,0 +1,230 @@
+import{Q as B,e as z,F as L,V as o,ck as D,o as r,gT as se,u as R,n as ie,b as Z,bF as q,y as J,gU as ce,gV as de,cY as ee,bG as I,b8 as pe,ag as te,gW as ue,bE as oe,av as he,gX as ge,gY as me,ak as V,b7 as fe,gZ as xe,ax as ye,g_ as Ce,g$ as be,p as ve,cV as we,bL as $e,fW as Se,A as je,M as H,_ as ke,fX as Le,aQ as Oe}from"./index-XNBiWrYj.js";import{a}from"./core-3dlyNYRL.js";import{n as l,k as Ee}from"./mui-bYXq4XMS.js";import{fP as Ae,fN as Ie,fO as Me,fL as Fe,fM as Te}from"./zeni-epic-state-LPACxnXP.js";const Re=l.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,Be=l(oe)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${r.sp3};
+  height: ${r.sp3};
+`,N=({value:e,defaultMenuIsOpen:t=!1,options:n,placeHolder:i,onChange:p,getOptionLabel:s})=>{const C=z(),y=a.useRef(null),h=Pe(C),b=n.find(f=>f.value===e);return a.useEffect(()=>{const f=setTimeout(()=>{y.current!=null&&t&&y.current.focus()},300);return()=>{clearTimeout(f)}},[t]),o.jsx(q,{ref:y,isMulti:!1,value:b,onChange:f=>{p(f)},placeholder:i,options:n,styles:h,openMenuOnFocus:!0,components:{Option:f=>_e(f,s),SingleValue:f=>ze(f,s)}})},ze=(e,t)=>{const n=t?.(e.data.value)??e.data.label;return o.jsx(I.SingleValue,{...e,children:o.jsx(pe,{children:n})})},_e=(e,t)=>{const{isSelected:n}=e,i=t?.(e.data.value)??e.data.label;return o.jsx(I.Option,{...e,children:o.jsxs(Re,{children:[o.jsx(te,{children:i}),n?o.jsx(Be,{}):null]})})},Pe=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: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}`})}),De="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",Ve=l.div`
+  display: flex;
+  align-items: flex-start;
+  padding: ${r.sp2} ${r.sp3};
+  column-gap: ${r.sp2};
+`,He=l.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${r.sp2};
+  width: 100%;
+  min-height: ${r.sp4};
+`,Ne=l.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${r.sp1};
+`,We=l.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${r.sp2};
+  word-break: break-all;
+`,Ue=l.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${r.sp3};
+  justify-content: space-between;
+`,Ge=l.img`
+  height: ${r.sp3};
+  width: ${r.sp3};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,Qe=l(Se)`
+  color: ${e=>e.theme.colors.hero};
+  height: ${r.sp4};
+  width: ${r.sp4};
+`,Ke=l(oe)`
+  color: ${e=>e.theme.colors.primary};
+  height: ${r.sp3};
+  min-width: ${r.sp3};
+`,Xe=l(ke)`
+  color: ${e=>e.theme.colors.primary};
+  height: 10px;
+  width: 10px;
+`,Ye=l(Oe)`
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Ze=({options:e,value:t,placeHolder:n,filterCategoryType:i,searchAutoCompleteData:p,searchAutoCompleteActions:s,onChange:C})=>{const y=z(),h=be(y),[b,f]=a.useState(e);a.useEffect(()=>{i==="searchAutocomplete"&&p?.entityAutoCompleteView.fetchState==="Completed"&&f(d=>xe([...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(x=>x.value===d)),v=a.useRef(ye(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(Ve,{children:i==="dateRange"?o.jsx(Ce,{onDateRangeChange:d=>{C([{label:$.startDate,value:d.startDate??""},{label:$.endDate,value:d.endDate??""}])},selectedDates:t}):o.jsxs(He,{children:[S.length===0&&i==="user"&&o.jsx(Qe,{}),o.jsx(q,{...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:et,MultiValueLabel:Je,MultiValueRemove:tt},filterOption:(d,x)=>rt(d,x,i),noOptionsMessage:()=>ot(i,j)})]})})},qe=e=>(e?.vendor.map(t=>({label:t.name,value:t.name}))??[]).sort((t,n)=>(t.label??"").localeCompare(n.label??"")),Je=e=>{const{selectProps:t}=e,{options:n,filterCategoryType:i}=t,p=n.findIndex(s=>s.value===e.data.value);return o.jsx(I.MultiValueLabel,{...e,children:o.jsxs(Ne,{children:[re(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})]})})},et=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(I.Option,{...h,children:o.jsxs(Ue,{children:[o.jsxs(We,{children:[re(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",y,C),o.jsx(te,{children:e.label})]}),e.isSelected&&o.jsx(Ke,{})]})})},tt=e=>o.jsx(I.MultiValueRemove,{...e,children:o.jsx(Xe,{})}),ot=(e,t)=>{const n=L.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(t==="In-Progress")return o.jsx(je,{size:"Small-Compact",start:!0});if(t==="Not-Started")return null;if(t==="Completed")return o.jsx(H,{children:n.noMatchesFound})}return o.jsx(H,{children:n.noOptions})},re=(e,t,n,i,p)=>p!=="user"?null:e==null?o.jsx(Le,{firstName:t,lastName:n,size:`${r.sp3}`,index:i,fontSize:"9px"}):o.jsx(Ge,{src:e.href,alt:L.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:s})=>{s.onerror=null,s.src=De},loading:"lazy"}),rt=(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()),M={categoryCombinationOperator:"AND",categories:[]},ne={valuesCombinationOperator:"ANY",values:[],matchingOperator:"equal"},F=(e,t)=>{switch(e){case"bill_pay":return Te;case"reimbursement":return Fe(t)?Ie:Me;case"task_management":return Ae}},T=(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""},nt=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?{categoryCombinationOperator:"AND",categories:[{...ne,field:t.value}]}:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,field:t.value,values:[]})},lt=({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})},at=({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)})},st={width:new J(215,315)},W=l.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${r.sp4};
+`,U=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`
+  width: 90px;
+  color: ${e=>e.theme.colors.primary};
+`,Q=l.div`
+  width: 194px;
+`,K=l.button`
+  display: flex;
+  align-items: center;
+  column-gap: ${r.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};
+    }
+  }
+`,it=l(ee)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,ct=l($e)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,dt=l.div`
+  width: ${r.sp10};
+`,pt=l.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,X=l(fe)`
+  color: ${e=>e.theme.colors.primary};
+`,ut=l.button`
+  display: ${e=>e.windowSize==="small"?"none":"block"};
+  border: none;
+  background: none;
+  cursor: pointer;
+  padding: 0;
+  &:hover {
+    svg {
+      color: ${ve.important};
+    }
+  }
+`,ht=l(we)`
+  width: ${r.sp3};
+  height: ${r.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,gt=l.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${r.sp3};
+`,mt=l.div`
+  width: ${e=>st.width.valuePx(e.windowSize)};
+  background: ${e=>e.theme.colors.background};
+  border-radius: ${r.sp1};
+`,Y=l.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${r.sp3};
+`,ft=Ee`
+0% {
+  opacity: 0;
+}
+100% {
+  opacity: 1;
+}
+`,xt=l.div`
+  display: flex;
+  align-items: flex-start;
+  column-gap: ${r.sp3};
+  animation: ${ft} 0.4s;
+`,le=a.forwardRef(({filters:e,filterValues:t,selectedEntity:n,vendorSearchAutoCompleteData:i,vendorSearchAutoCompleteActions:p,onFiltersChange:s},C)=>{const y=he(),h=B(),b=a.useCallback((c,u)=>{const g=nt({currentFilters:e,selectedOption:c,categoryIndex:u});s(g)},[e,s]),f=a.useCallback((c,u)=>{const g=lt({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(M);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(M)}},[s,e]),j=()=>{e.categories!=null&&e.categories.length&&s({...e,categories:[...e.categories,{...ne}]})},O=()=>{s(M)},$=a.useCallback((c,u)=>{const g=at({currentFilters:e,selectedOptions:c,categoryIndex:u});s(g)},[e,s]),d=L.getLocalizedStrings().spendManagement.filters,x=()=>e.categories!=null&&e.categories.length!==0?o.jsxs(pt,{children:[o.jsxs(K,{onClick:j,children:[o.jsx(it,{}),o.jsx(V,{children:d.addFilterBtnText})]}),o.jsxs(K,{onClick:O,children:[o.jsx(ct,{}),o.jsx(V,{children:d.clearAllBtnText})]})]}):null,E=()=>e.categories==null||e.categories.length===0?o.jsx(W,{children:o.jsx(U,{children:o.jsxs(Y,{children:[o.jsx(G,{children:o.jsx(X,{children:d.filterByLabel})}),o.jsx(Q,{children:o.jsx(N,{defaultMenuIsOpen:!0,onChange:b,placeHolder:d.categoryPlaceholder,getOptionLabel:c=>T(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?T(n,g?.value):"";return o.jsxs(U,{windowSize:h,children:[o.jsxs(Y,{children:[o.jsxs(G,{children:[u===0&&o.jsx(X,{children:d.filterByLabel}),u!==0?o.jsx(ge,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:S,buttonsDisabled:u>1}):null]}),o.jsx(Q,{children:o.jsx(N,{value:c.field,placeHolder:d.categoryPlaceholder,onChange:w=>b(w,u),getOptionLabel:w=>T(n,w),options:F(n,y.loggedInUserRole??[])})})]}),c.field?o.jsxs(xt,{children:[o.jsx(dt,{children:o.jsx(me,{categoryIndex:u,value:c.matchingOperator,onChange:f})}),o.jsxs(gt,{children:[o.jsx(mt,{windowSize:h,children:o.jsx(Ze,{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(ut,{onClick:()=>v(u),windowSize:h,children:o.jsx(ht,{})})]})]}):null]},c.field?c.field+u:u)})});return o.jsxs(W,{ref:C,children:[E(),x()]})});le.displayName="FiltersSelection";const yt=l.div`
+  padding-top: ${r.sp4};
+  padding-bottom: ${r.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: ${r.sp4};
+  max-height: 650px;
+  overflow: ${e=>e.windowSize==="small"?"visible":e.height>"650"?"scroll":"visible"};
+`,Ct=l.div`
+  padding-left: ${r.sp4};
+  padding-right: ${r.sp4};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,bt=l.div`
+  padding-left: ${r.sp4};
+  padding-right: ${r.sp4};
+`,vt=({entity:e,filters:t,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:i,disableFilters:p=!1,transactionsLoaded:s=!0,createdByUserListLoaded:C=!0,analytics:y,groupByFiltersComponent:h,onFiltersChange:b,getCategoryWiseOptions:f})=>{const S=a.useRef(null),[v,j]=a.useState(!1),O=a.useRef(!1),[$,d]=a.useState({bill_pay:{},reimbursement:{},task_management:{}}),[x,E]=a.useState("auto"),c=a.useRef(null),u=B(),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(()=>{f&&Object.keys($[e]).length===0&&C&&s&&d(A=>({...A,[e]:f()}))},[e,$,s,C]);const w=a.useCallback(()=>{if(t?.categories==null||t.categories.length===0)return h!=null?88+h.height:88;const A=c.current,P=A!=null?A.clientHeight:0;return u==="small"?"auto":R[7]+(P>0?P: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(()=>{x==="auto"&&E(w())},[x,w]);const ae=()=>o.jsx(ue,{anchorEl:S.current,open:v,onClose:g,paperStyle:{overflow:"visible"},children:o.jsxs(yt,{height:x,windowSize:u,children:[h!=null?o.jsx(Ct,{children:h?.component}):null,o.jsx(bt,{children:o.jsx(le,{filters:t,onFiltersChange:b,filterValues:$[e],selectedEntity:e,ref:c,vendorSearchAutoCompleteActions:i,vendorSearchAutoCompleteData:n})})]})},t?.categories==null||t.categories.length===0?"smallBox":"largeBox"),_=t?.categories==null||t?.categories.length===0?0:t.categories.filter(A=>A.field!=null&&A.values.length>0).length;return o.jsxs(a.Fragment,{children:[o.jsx(ce,{searchPlaceholder:k,isFilterBtnActive:v||_>0,ref:S,isFilterDisabled:p,onFilterButtonClick:m,filtersCount:_,includeSearch:!1,filterText:k}),p!=!0&&ae()]})},wt=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:$t}=L.getLocalizedStrings(),St={filterIconContainerPaddingRight:new J(18,10)};function _t({spendManagementSectionProps:e}){const{entity:t,moreIconContainerStyle:n,searchTextBoxStyle:i,disableDownloadButton:p,filters:s,searchText:C,downloadParams:y,downloadState:h,showSettingsIcon:b=!0,showSettingsIconOnNavbar:f,showDownloadButtonOnNavbar:S,showStatementButtonOnNavbar:v,showPayEarlyButtonOnNavbar:j,groupByFiltersComponent:O,updateDownloadStateHandler:$,onMenuOpen:d}=e,x=B(),E=z(),[c,u]=a.useState(void 0);a.useEffect(()=>{h!=="Error"&&u(!1)},[h]);let g=$t.moreMenuOptions;f||(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(Lt,{children:[o.jsxs(kt,{isSearchOpen:e.isSearchOpen&&x==="small",windowsize:x,children:[x!=="small"&&!e.hideSearchBtn?o.jsx(D,{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(At,{size:x,children:o.jsx(vt,{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(Et,{onClick:e.onClickEmailInfoIcon,children:o.jsx(jt,{})}):null,b?o.jsx(Ot,{onClick:()=>u(void 0),style:n,children:t==="bill_pay"||t==="reimbursement"||t==="charge_cards"?o.jsx(se,{entity:t,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:x!=="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:R[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:R[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(Mt,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?o.jsx(o.Fragment,{children:x==="small"?o.jsx(It,{onClick:e.onNewButtonClick,children:o.jsx(Ft,{})}):o.jsx(ie,{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]}),x==="small"&&!e.hideSearchBtn?o.jsx(D,{style:{position:"absolute",left:"5px",right:x!=="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 jt=l(wt)`
+  height: ${r.sp4};
+  width: ${r.sp4};
+`,kt=l.div`
+  display: flex;
+  justify-content: flex-end;
+  position: relative;
+  align-items: center;
+  width: ${e=>e.isSearchOpen?"100%":"unset"};
+`,Lt=l.div`
+  display: flex;
+  flex-direction: column;
+`,Ot=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-right: ${r.sp4};
+  position: relative;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Et=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-right: ${r.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,At=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-right: ${r.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  padding-right: ${e=>St.filterIconContainerPaddingRight.valuePx(e.size)};
+  position: ${e=>e.size==="small"?"absolute":""};
+  top: ${r.sp5};
+  right: -${r.sp4};
+  z-index: 3;
+`,It=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-right: ${r.sp2};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Mt=l(de)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${r.sp4};
+  height: ${r.sp4};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ft=l(ee)`
+  height: ${r.sp4};
+  width: ${r.sp4};
+  color: ${e=>e.theme.colors.hero};
+`;export{N as J,_t as K};

package/dist/assets/StatementItem-Bx6mxa3U-C42zKfqY.js

@@ -0,0 +1,31 @@
+import{Q as y,F as S,hC as b,V as o,A as g,o as r,ak as v,y as z,c0 as j,u as k}from"./index-XNBiWrYj.js";import{a as P}from"./core-3dlyNYRL.js";import{n as i}from"./mui-bYXq4XMS.js";import{g as C}from"./BoxItem-CdqDzfZN-BxmSstzM.js";import{w as L}from"./downloadPdf-CCUPfpyu-Cq1M0ik1.js";const d=S.getLocalizedStrings().months,n={downloadButtonSize:new z(k[4],20)},B=i.div`
+  display: flex;
+  padding: ${r.sp3} ${r.sp4};
+  flex-direction: row;
+  width: 100%;
+`,T=i.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,N=i(v)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-left: ${r.sp2};
+  max-height: ${r.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,R=i.div`
+  cursor: pointer;
+`,q=i(j)`
+  width: ${t=>n.downloadButtonSize.valuePx(t.windowSize)};
+  height: ${t=>n.downloadButtonSize.valuePx(t.windowSize)};
+  min-height: ${t=>n.downloadButtonSize.valuePx(t.windowSize)};
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`;function V({accountLast4:t,currentTenantCompanyName:l,data:e,authParams:m,downloadEndPoint:s,documentType:a="statement",boxType:p}){const[c,w]=P.useState(!1),h=y(),x=a==="taxLetter"?`${e.title.year}`:`${d[e.title.month-1]} ${e.title.year}`,$=a==="taxLetter"?`${l}-treasury-tax-letter-${e.title.year}.pdf`:`${l}-${t}-monthly-statement-${d[e.title.month-1]}-${e.title.year}.pdf`,f={period:`${e.title.year}-${b(e.title.month)}`,format:"pdf"},u=o.jsx(B,{children:o.jsxs(T,{children:[o.jsx(N,{children:x}),o.jsx(R,{onClick:()=>L(a==="treasuryStatement"||a==="taxLetter"?`${s}/statements/${e.id}`:`${s}/statements?query=${encodeURIComponent(JSON.stringify(f))}`,$,m,w),children:c?o.jsx(g,{size:"Small",start:!0}):o.jsx(q,{windowSize:h})})]})});return o.jsx(C,{content:u,boxType:p,isDisabled:!1,isNotClickable:!0})}export{V as O};

package/dist/assets/StatementsPage-ULjFE30P-BGU6QX6B.js

@@ -0,0 +1,58 @@
+import{e as S,Q as z,V as t,bz as C,F as P,b1 as I,o as r,p as m,cq as B,y as E,u as h,ak as L}from"./index-XNBiWrYj.js";import{a as p}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import{$ as M}from"./BoxItem-CdqDzfZN-BxmSstzM.js";import{o as O}from"./commonDimensions-znFHURNY-BydE4i8M.js";import{O as N}from"./StatementItem-Bx6mxa3U-C42zKfqY.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";import"./downloadPdf-CCUPfpyu-Cq1M0ik1.js";const x=P.getLocalizedStrings().spendManagement.zeniAccounts.statements,b={listItemMargin:new E(h[3],h[8])},ot=({currentTenantCompanyName:e,authParams:g,downloadEndPoint:w,statementListView:a,accountLast4:f,onBackClick:y})=>{const k=S(),l=z(),$=p.createRef(),c=p.useRef(null),d=a.statements.length===0,j=()=>d===!1?O.transactionItemHeight:24,v=({index:i,style:n})=>{const s=a.statements[i];return d===!1?t.jsx(u,{windowSize:l,style:{...n,width:`calc(100% - 2*${b.listItemMargin.valuePx(l)})`},children:t.jsx(N,{currentTenantCompanyName:e,accountLast4:f,data:s,authParams:g,downloadEndPoint:w,boxType:M(i,a.statements.length)},s.id)}):t.jsx(R,{style:{...n},children:t.jsx(T,{children:t.jsx(u,{windowSize:l,children:t.jsx(H,{children:x.noStatements})})})})};return t.jsxs(V,{children:[t.jsx(C,{title:x.title,backgroundColor:k.colors.grey4,style:{zIndex:3},onBackClick:y,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsx(K,{children:t.jsx(I,{children:({height:i,width:n})=>t.jsx(q,{ref:$,height:i,width:n,outerRef:c,itemKey:s=>s,itemCount:a.statements.length,itemSize:j,initialScrollOffset:0,children:v})})})]})},R=o.div``,u=o.div`
+  margin: ${e=>`${r.sp0} ${b.listItemMargin.valuePx(e.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`,T=o.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,V=o.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${r.sp7};
+`,H=o(L)`
+  display: flex;
+  color: ${e=>e.theme.colors.grey2};
+`,K=o.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${r.sp6};
+`,q=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 ${m.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${m.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{ot as default};

package/dist/assets/{StatusSwitcher-BFs1Anoq-DpyTt46Q.js → StatusSwitcher-DlBY_FC1-C1Bsm00T.js}

@@ -1,4 +1,4 @@
-import{u as y,j as p,d4 as T,a as $,R as h,b as s,s as l,af as z}from"./index-OJbFNHch.js";import{n as d,c as w}from"./mui-kiGMfX4-.js";function f(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().split(" ").filter(Boolean).map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(" ")}const L=e=>{switch(e){case"bill_pay":return"bills";case"reimbursement":return"reimbursements";case"charge_cards":return"cards";default:return e}};function c(e,r,n){const o=e[r];return o!=null?function(i,a){if(typeof i=="string")return i;if(i!=null&&typeof i=="object"){const t=Object.values(i)[0];return typeof t=="string"?t:f(a)}return f(a)}(o,n):null}const _=(e,r)=>{const{spendManagement:{billPay:{billsByTabs:{tabsById:n}},reimbursement:{reimbursementByTabs:{tabsById:o}},zeniAccounts:{zeniAccountList:{tabsById:i}}}}=$.getLocalizedStrings(),a=String(e);if(r)switch(r){case"bill_pay":{const t=c(n,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(i,a,a);if(t!=null)return t.replace(/\s+/g,"_").toLowerCase();break}}return(c(n,a,a)??c(o,a,a)??c(i,a,a)??f(a)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:g}},reimbursement:{reimbursementByTabs:{tabsById:x}},zeniAccounts:{zeniAccountList:{tabsById:A}}}}=$.getLocalizedStrings(),m={containerMarginLeft:new h(l[4],l[8]),containerMarginRight:new h(l[4],l[8]),segmentContainerMarginLeft:new h(l[4],l[8])},M=d.div`
+import{Q as $,V as d,ca as T,F as v,y as f,o as s,u as c,ag as z}from"./index-XNBiWrYj.js";import{n as u,b as g}from"./mui-bYXq4XMS.js";function w(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:w(a)}return w(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)??w(t)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:x}},reimbursement:{reimbursementByTabs:{tabsById:y}},zeniAccounts:{zeniAccountList:{tabsById:M}}}}=v.getLocalizedStrings(),m={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%;
@@ -6,7 +6,7 @@ import{u as y,j as p,d4 as T,a as $,R as h,b as s,s as l,af as z}from"./index-OJ
   justify-content: ${e=>e.isSwitcherLeftAlign===!0?"left":"center"};
   margin-right: ${e=>e.hasSubTabs===!0?"auto":m.containerMarginRight.valuePx(e.windowSize)};
   margin-left: ${e=>e.hasSubTabs===!0?"auto":m.containerMarginLeft.valuePx(e.windowSize)};
-`,j=d.div`
+`,k=u.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -16,7 +16,7 @@ import{u as y,j as p,d4 as T,a as $,R as h,b as s,s as l,af as z}from"./index-OJ
   column-gap: ${e=>e.hasSubTabs!==!0?e.windowSize==="small"?s.sp3:s.sp6:s.sp4};
 
   margin-left: ${e=>e.hasSubTabs===!0?m.segmentContainerMarginLeft.valuePx(e.windowSize):"0"};
-`,k=d(z)`
+`,B=u(z)`
   display: flex;
   padding: ${e=>e.isMainTab?"12px":"6px 12px"};
   white-space: nowrap;
@@ -33,7 +33,7 @@ import{u as y,j as p,d4 as T,a as $,R as h,b as s,s as l,af as z}from"./index-OJ
   }
   background-color: ${e=>e.isSelected&&!e.isMainTab?e.theme.colors.grey3:""};
   border-radius: ${e=>e.isSelected&&!e.isMainTab?s.sp1:s.sp0};
-`,B=d.div`
+`,D=u.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{u as y,j as p,d4 as T,a as $,R as h,b as s,s as l,af as z}from"./index-OJ
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,D=d.div`
+`,I=u.div`
   height: 2px;
   background-color: ${e=>e.theme.colors.primary};
   border-radius: 1px;
@@ -58,7 +58,7 @@ import{u as y,j as p,d4 as T,a as $,R as h,b as s,s as l,af as z}from"./index-OJ
     width: 62px;
     left: 0;
   }
-  ${e=>e.windowSize==="small"?w`
+  ${e=>e.windowSize==="small"?g`
           &.pending_approval {
             width: ${e.approvalCount!==0?"120px":"75px"};
             left: ${e.approvalCount!==0?"20%":"25%"};
@@ -87,7 +87,7 @@ import{u as y,j as p,d4 as T,a as $,R as h,b as s,s as l,af as z}from"./index-OJ
             width: 99px;
             left: 54%;
           }
-        `:w`
+        `:g`
           &.pending_approval {
             width: ${e.approvalCount!==0?"112px":"86px"};
             left: ${e.approvalCount!==0?"24.5%":"25%"};
@@ -117,4 +117,4 @@ import{u as y,j as p,d4 as T,a as $,R as h,b as s,s as l,af as z}from"./index-OJ
             left: 60%;
           }
         `}
-`;function I({tabId:e,isSelected:r,approvalCount:n,entity:o,onClick:i}){const a=y();return p.jsxs(k,{onClick:()=>{r===!1&&i(e)},isClickDisabled:!1,isSelected:r,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"?g[t]:x[t];case"offline":case"awaiting_approval":case"awaiting_my_approval":return g[t];case"awaitingApproval":case"awaitingMyApproval":case"myDrafts":return x[t];case"wireDetails":case"achDetails":return A[t];default:return""}})(e),e==="pending_approval"&&n!==0?p.jsx(B,{isSelected:r,children:n}):null]})}function E({tabIds:e,selectedTab:r,entity:n,isSwitcherLeftAlign:o=!1,approvalCount:i,hasSubTabs:a=!1,enablePerformanceTracking:t=!0,onTabSelectedChange:S}){const b=y(),v=u=>{S(u)};return T({componentName:`${L(n).toLowerCase()}.${_(r,n).toLowerCase()}`,enabled:t}),p.jsx(M,{windowSize:b,hasSubTabs:a,isSwitcherLeftAlign:o,children:p.jsxs(j,{windowSize:b,hasSubTabs:a,children:[e.map((u,C)=>p.jsx(I,{tabId:u,approvalCount:i,isSelected:r===u,entity:n,onClick:v},C)),p.jsx(D,{className:`Slider ${r}`,windowSize:b,approvalCount:i})]})})}const P=e=>e==="draft"||e==="pending_approval"||e==="scheduled"||e==="paid"||e==="achDetails"||e==="wireDetails";export{E as C,_ as b,L as d};
+`;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]:y[o];case"offline":case"awaiting_approval":case"awaiting_my_approval":return x[o];case"awaitingApproval":case"awaitingMyApproval":case"myDrafts":return y[o];case"wireDetails":case"achDetails":return M[o];default:return""}},i=$();return d.jsxs(B,{onClick:()=>{a===!1&&l(e)},isClickDisabled:!1,isSelected:a,isMainTab:F(e)===!0,windowSize:i,children:[t(e),e==="pending_approval"&&r!==0?d.jsx(D,{isSelected:a,children:r}):null]})}function V({tabIds:e,selectedTab:a,entity:r,isSwitcherLeftAlign:n=!1,approvalCount:l,hasSubTabs:t=!1,enablePerformanceTracking:i=!0,onTabSelectedChange:o}){const h=$(),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 F=e=>e==="draft"||e==="pending_approval"||e==="scheduled"||e==="paid"||e==="achDetails"||e==="wireDetails";export{V as K,_ as L,L as _};

package/dist/assets/SubTabSwitcher-DjEElTWE-5Wo1Obau.js

@@ -0,0 +1,58 @@
+import{V as r,A as g,o as s,ag as u,aY as m}from"./index-XNBiWrYj.js";import{n as i,b as a}from"./mui-bYXq4XMS.js";function v({allTabs:e,selectedTab:c,containerStyle:d,rightComponent:o,onTabChange:p}){const h=o!=null;return r.jsxs($,{style:d,hasRightComponent:h,children:[r.jsx(x,{children:e.map(t=>{const l=t.id===c,n=t.isDisabled!=null;return r.jsxs(y,{onClick:()=>{l===!1&&!n&&p(t)},isSelected:l,isDisabled:n,children:[r.jsx(b,{children:t.label}),t.countDetails?.count!=null?r.jsx(j,{children:r.jsx(f,{isCircular:t.countDetails.count==null||t.countDetails.count<10,children:r.jsx(D,{children:t.countDetails.isFetching?r.jsx(g,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):t.countDetails.count})})}):null]},t.id)})}),o]})}const $=i.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: ${e=>e.hasRightComponent?"space-between":"flex-start"};
+  align-items: center;
+  padding: ${s.sp3} ${s.sp0};
+  gap: ${s.sp3};
+`,x=i.div`
+  display: flex;
+  position: relative;
+  gap: ${s.sp3};
+  overflow: auto;
+`,b=i.div``,y=i(u)`
+  height: ${s.sp5};
+  padding: ${s.sp0} 12px;
+  color: ${e=>e.isDisabled?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey1};
+  background-color: ${e=>e.isSelected?e.theme.colors.grey3:"transparent"};
+  border-radius: ${s.sp1};
+
+  cursor: ${e=>e.isSelected||e.isDisabled?"default":"pointer"};
+
+  margin: ${s.sp0};
+
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+
+  gap: 6px;
+
+  &:hover {
+    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};
+  }
+`,f=i.div`
+  ${e=>e.isCircular?a`
+          height: ${s.sp3};
+          width: ${s.sp3};
+          padding: ${s.sp0};
+        `:a`
+          height: 18px;
+          min-width: ${s.sp3};
+          padding: ${s.sp0} ${s.sp1};
+        `}
+  background-color: transparent;
+  border-radius: inherit;
+`,j=i.div`
+  border: 1px solid;
+  border-color: inherit;
+  border-radius: ${s.sp12};
+  padding: 2px;
+`,D=i(m)`
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+`;export{v as k};

package/dist/assets/SummaryCard-BNESDUnN-ChwTCNZM.js

@@ -0,0 +1 @@
+import{V as d}from"./index-XNBiWrYj.js";import{E as n,T as t}from"./ReloadCard-CNKwqjPJ-C6w7GHJG.js";const o=r=>{function e(){return r.card.fetchState==="In-Progress"||r.card.fetchState==="Not-Started"?d.jsx(n,{dimension:r.card.dimension,animated:!r.card.disableAnimations}):r.card.fetchState==="Error"?d.jsx(t,{dimension:r.card.dimension,cardType:r.card.cardType,cardIndex:r.card.cardIndex,onReloadData:r.actions.onReloadData}):d.jsx("div",{children:r.children})}return d.jsx("div",{children:e()})};export{o as c};