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

package/dist/assets/SpendManagementSection-kucZgC-H-Cqflt6S1.js

@@ -1,230 +0,0 @@
-import{ku as se,kv as ie,q as R,x as z,O as L,j as o,eV as D,o as r,kw as ce,u as F,n as de,C as Y,dP as J,y as Z,kx as pe,ky as ue,fJ as ee,dQ as I,d3 as he,c9 as te,kz as ge,dO as oe,co as me,kA as xe,kB as fe,cd as H,d2 as ye,kq as Ce,ko as ve,kp as be,kn as we,kC as $e,cr as Se,kD as je,kE as ke,h as Le,fG as Oe,e0 as Ae,jm as Ee,Y as Ie,H as V,A as Me,jn as Te,cM as Be}from"./index-kF4u7Flm.js";import{b as a,n as l,k as Fe}from"./vendor-Bs1fkIUX.js";const Re=e=>!(se(e)||ie(e)),ze=l.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,_e=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=He(C),v=n.find(x=>x.value===e);return a.useEffect(()=>{const x=setTimeout(()=>{y.current!=null&&t&&y.current.focus()},300);return()=>{clearTimeout(x)}},[t]),o.jsx(J,{ref:y,isMulti:!1,value:v,onChange:x=>{p(x)},placeholder:i,options:n,styles:h,openMenuOnFocus:!0,components:{Option:x=>De(x,s),SingleValue:x=>Pe(x,s)}})},Pe=(e,t)=>{const n=t?.(e.data.value)??e.data.label;return o.jsx(I.SingleValue,{...e,children:o.jsx(he,{children:n})})},De=(e,t)=>{const{isSelected:n}=e,i=t?.(e.data.value)??e.data.label;return o.jsx(I.Option,{...e,children:o.jsxs(ze,{children:[o.jsx(te,{children:i}),n?o.jsx(_e,{}):null]})})},He=e=>({placeholder:t=>({...t,color:e.colors.grey1,...Y.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}`})}),Ve="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",Ne=l.div`
-  display: flex;
-  align-items: flex-start;
-  padding: ${r.sp2} ${r.sp3};
-  column-gap: ${r.sp2};
-`,We=l.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${r.sp2};
-  width: 100%;
-  min-height: ${r.sp4};
-`,Ue=l.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${r.sp1};
-`,Ge=l.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${r.sp2};
-  word-break: break-all;
-`,qe=l.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${r.sp3};
-  justify-content: space-between;
-`,Xe=l.img`
-  height: ${r.sp3};
-  width: ${r.sp3};
-  border-radius: 50%;
-  justify-content: center;
-  color: ${e=>e.theme.colors.hero};
-`,Ke=l(Ee)`
-  color: ${e=>e.theme.colors.hero};
-  height: ${r.sp4};
-  width: ${r.sp4};
-`,Qe=l(oe)`
-  color: ${e=>e.theme.colors.primary};
-  height: ${r.sp3};
-  min-width: ${r.sp3};
-`,Ye=l(Me)`
-  color: ${e=>e.theme.colors.primary};
-  height: 10px;
-  width: 10px;
-`,Je=l(Be)`
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Ze=({options:e,value:t,placeHolder:n,filterCategoryType:i,searchAutoCompleteData:p,searchAutoCompleteActions:s,onChange:C})=>{const y=z(),h=ke(y),[v,x]=a.useState(e);a.useEffect(()=>{i==="searchAutocomplete"&&p?.entityAutoCompleteView.fetchState==="Completed"&&x(d=>$e([...d,...p?.entityAutoCompleteView!=null?et(p?.entityAutoCompleteView):[]],"value"))},[p?.entityAutoCompleteView.fetchState]);const S=i==="searchAutocomplete"?t.map(d=>({label:d,value:d})):t.map(d=>v.find(f=>f.value===d)),b=a.useRef(Se(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(Ne,{children:i==="dateRange"?o.jsx(je,{onDateRangeChange:d=>{C([{label:$.startDate,value:d.startDate??""},{label:$.endDate,value:d.endDate??""}])},selectedDates:t}):o.jsxs(We,{children:[S.length===0&&i==="user"&&o.jsx(Ke,{}),o.jsx(J,{...O,isMulti:!0,hideSelectedOptions:!1,value:S,onInputChange:d=>{i==="searchAutocomplete"&&b(d)},onChange:d=>{C(d)},placeholder:n,options:v,styles:h,menuPosition:"fixed",components:{Option:ot,MultiValueLabel:tt,MultiValueRemove:rt},filterOption:(d,f)=>lt(d,f,i),noOptionsMessage:()=>nt(i,j)})]})})},et=e=>(e?.vendor.map(t=>({label:t.name,value:t.name}))??[]).sort((t,n)=>(t.label??"").localeCompare(n.label??"")),tt=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(Ue,{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(Je,{children:e.children})]})})},ot=e=>{const{onMouseMove:t,onMouseOver:n,isSelected:i,...p}=e.innerProps,{options:s,filterCategoryType:C}=e.selectProps,y=s.findIndex(v=>v.value===e.data.value),h={...e,innerProps:p};return o.jsx(I.Option,{...h,children:o.jsxs(qe,{children:[o.jsxs(Ge,{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(Qe,{})]})})},rt=e=>o.jsx(I.MultiValueRemove,{...e,children:o.jsx(Ye,{})}),nt=(e,t)=>{const n=L.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(t==="In-Progress")return o.jsx(Ie,{size:"Small-Compact",start:!0});if(t==="Not-Started")return null;if(t==="Completed")return o.jsx(V,{children:n.noMatchesFound})}return o.jsx(V,{children:n.noOptions})},re=(e,t,n,i,p)=>p!=="user"?null:e==null?o.jsx(Te,{firstName:t,lastName:n,size:`${r.sp3}`,index:i,fontSize:"9px"}):o.jsx(Xe,{src:e.href,alt:L.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:s})=>{s.onerror=null,s.src=Ve},loading:"lazy"}),lt=(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"},T=(e,t)=>{switch(e){case"bill_pay":return we;case"reimbursement":return Re(t)?ve:be;case"task_management":return Ce}},B=(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""},at=({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:[]})},st=({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})},it=({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)})},ct={width:new Z(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;
-`,X=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};
-    }
-  }
-`,dt=l(ee)`
-  width: ${r.sp3};
-  height: ${r.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,pt=l(Ae)`
-  width: ${r.sp3};
-  height: ${r.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,ut=l.div`
-  width: ${r.sp10};
-`,ht=l.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,K=l(ye)`
-  color: ${e=>e.theme.colors.primary};
-`,gt=l.button`
-  display: ${e=>e.windowSize==="small"?"none":"block"};
-  border: none;
-  background: none;
-  cursor: pointer;
-  padding: 0;
-  &:hover {
-    svg {
-      color: ${Le.important};
-    }
-  }
-`,mt=l(Oe)`
-  width: ${r.sp3};
-  height: ${r.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,xt=l.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${r.sp3};
-`,ft=l.div`
-  width: ${e=>ct.width.valuePx(e.windowSize)};
-  background: ${e=>e.theme.colors.background};
-  border-radius: ${r.sp1};
-`,Q=l.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${r.sp3};
-`,yt=Fe`
-0% {
-  opacity: 0;
-}
-100% {
-  opacity: 1;
-}
-`,Ct=l.div`
-  display: flex;
-  align-items: flex-start;
-  column-gap: ${r.sp3};
-  animation: ${yt} 0.4s;
-`,le=a.forwardRef(({filters:e,filterValues:t,selectedEntity:n,vendorSearchAutoCompleteData:i,vendorSearchAutoCompleteActions:p,onFiltersChange:s},C)=>{const y=me(),h=R(),v=a.useCallback((c,u)=>{const g=at({currentFilters:e,selectedOption:c,categoryIndex:u});s(g)},[e,s]),x=a.useCallback((c,u)=>{const g=st({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]),b=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=it({currentFilters:e,selectedOptions:c,categoryIndex:u});s(g)},[e,s]),d=L.getLocalizedStrings().spendManagement.filters,f=()=>e.categories!=null&&e.categories.length!==0?o.jsxs(ht,{children:[o.jsxs(X,{onClick:j,children:[o.jsx(dt,{}),o.jsx(H,{children:d.addFilterBtnText})]}),o.jsxs(X,{onClick:O,children:[o.jsx(pt,{}),o.jsx(H,{children:d.clearAllBtnText})]})]}):null,A=()=>e.categories==null||e.categories.length===0?o.jsx(W,{children:o.jsx(U,{children:o.jsxs(Q,{children:[o.jsx(G,{children:o.jsx(K,{children:d.filterByLabel})}),o.jsx(q,{children:o.jsx(N,{defaultMenuIsOpen:!0,onChange:v,placeHolder:d.categoryPlaceholder,getOptionLabel:c=>B(n,c),options:T(n,y.loggedInUserRole)})})]})})}):o.jsx(a.Fragment,{children:e.categories.map((c,u)=>{const g=T(n,y.loggedInUserRole??[]).find(w=>w.value===c.field),k=g?.type,m=g!=null?B(n,g?.value):"";return o.jsxs(U,{windowSize:h,children:[o.jsxs(Q,{children:[o.jsxs(G,{children:[u===0&&o.jsx(K,{children:d.filterByLabel}),u!==0?o.jsx(xe,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:S,buttonsDisabled:u>1}):null]}),o.jsx(q,{children:o.jsx(N,{value:c.field,placeHolder:d.categoryPlaceholder,onChange:w=>v(w,u),getOptionLabel:w=>B(n,w),options:T(n,y.loggedInUserRole??[])})})]}),c.field?o.jsxs(Ct,{children:[o.jsx(ut,{children:o.jsx(fe,{categoryIndex:u,value:c.matchingOperator,onChange:x})}),o.jsxs(xt,{children:[o.jsx(ft,{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(gt,{onClick:()=>b(u),windowSize:h,children:o.jsx(mt,{})})]})]}):null]},c.field?c.field+u:u)})});return o.jsxs(W,{ref:C,children:[A(),f()]})});le.displayName="FiltersSelection";const vt=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"};
-`,bt=l.div`
-  padding-left: ${r.sp4};
-  padding-right: ${r.sp4};
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,wt=l.div`
-  padding-left: ${r.sp4};
-  padding-right: ${r.sp4};
-`,$t=({entity:e,filters:t,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:i,disableFilters:p=!1,transactionsLoaded:s=!0,createdByUserListLoaded:C=!0,analytics:y,groupByFiltersComponent:h,onFiltersChange:v,getCategoryWiseOptions:x})=>{const S=a.useRef(null),[b,j]=a.useState(!1),O=a.useRef(!1),[$,d]=a.useState({bill_pay:{},reimbursement:{},task_management:{}}),[f,A]=a.useState("auto"),c=a.useRef(null),u=R(),g=a.useCallback(()=>{j(!1)},[]),k=L.getLocalizedStrings().common.strings.empty,m=a.useCallback(()=>{e!=="task_management"&&y?.trackSpendManagmentFilterClick(e),p===!1&&j(!0)},[p,y,e]);a.useEffect(()=>{x&&Object.keys($[e]).length===0&&C&&s&&d(E=>({...E,[e]:x()}))},[e,$,s,C]);const w=a.useCallback(()=>{if(t?.categories==null||t.categories.length===0)return h!=null?88+h.height:88;const E=c.current,P=E!=null?E.clientHeight:0;return u==="small"?"auto":F[7]+(P>0?P:88)+(h!=null?h.height:0)},[t,u,h]);a.useEffect(()=>{if(b!==O.current){A("auto");return}A(w())},[w,b]),a.useEffect(()=>{O.current=b},[b]),a.useEffect(()=>{f==="auto"&&A(w())},[f,w]);const ae=()=>o.jsx(ge,{anchorEl:S.current,open:b,onClose:g,paperStyle:{overflow:"visible"},children:o.jsxs(vt,{height:f,windowSize:u,children:[h!=null?o.jsx(bt,{children:h?.component}):null,o.jsx(wt,{children:o.jsx(le,{filters:t,onFiltersChange:v,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(E=>E.field!=null&&E.values.length>0).length;return o.jsxs(a.Fragment,{children:[o.jsx(pe,{searchPlaceholder:k,isFilterBtnActive:b||_>0,ref:S,isFilterDisabled:p,onFilterButtonClick:m,filtersCount:_,includeSearch:!1,filterText:k}),p!=!0&&ae()]})},St=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:jt}=L.getLocalizedStrings(),kt={filterIconContainerPaddingRight:new Z(18,10)};function _t({spendManagementSectionProps:e}){const{entity:t,moreIconContainerStyle:n,searchTextBoxStyle:i,disableDownloadButton:p,filters:s,searchText:C,downloadParams:y,downloadState:h,showSettingsIcon:v=!0,showSettingsIconOnNavbar:x,showDownloadButtonOnNavbar:S,showStatementButtonOnNavbar:b,showPayEarlyButtonOnNavbar:j,groupByFiltersComponent:O,updateDownloadStateHandler:$,onMenuOpen:d}=e,f=R(),A=z(),[c,u]=a.useState(void 0);a.useEffect(()=>{h!=="Error"&&u(!1)},[h]);let g=jt.moreMenuOptions;x||(g=g.filter(m=>m.value!=="settings")),b||(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(At,{children:[o.jsxs(Ot,{isSearchOpen:e.isSearchOpen&&f==="small",windowsize:f,children:[f!=="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(Mt,{size:f,children:o.jsx($t,{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(It,{onClick:e.onClickEmailInfoIcon,children:o.jsx(Lt,{})}):null,v?o.jsx(Et,{onClick:()=>u(void 0),style:n,children:t==="bill_pay"||t==="reimbursement"||t==="charge_cards"?o.jsx(ce,{entity:t,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:f!=="small"?c:void 0,options:g,onMenuOpen:d,customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),menu:m=>({...m,left:"23px",top:"29px",transform:"translateX(-100%)",width:"auto",backgroundColor:A.colors.grey5,borderRadius:r.sp1,boxShadow:`${r.sp0} 2px ${r.sp2} ${A.colors.dropShadowHover}`,whiteSpace:"nowrap"}),container:()=>({marginLeft:F[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:F[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(Bt,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?o.jsx(o.Fragment,{children:f==="small"?o.jsx(Tt,{onClick:e.onNewButtonClick,children:o.jsx(Ft,{})}):o.jsx(de,{variant:"primary",onClick:e.onNewButtonClick,label:e.newButtonLabel??"",size:"small",style:{height:"29px",paddingLeft:"12px",paddingRight:"12px",...Y.extraSmallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})}):null]}),f==="small"&&!e.hideSearchBtn?o.jsx(D,{style:{position:"absolute",left:"5px",right:f!=="small"?"120px":"unset",top:r.sp6,width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:m=>{e.onSearchTextChanged?.(m)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0,inputWrapperStyle:e.entity==="charge_cards"?{width:270}:{}}):null]})}const Lt=l(St)`
-  height: ${r.sp4};
-  width: ${r.sp4};
-`,Ot=l.div`
-  display: flex;
-  justify-content: flex-end;
-  position: relative;
-  align-items: center;
-  width: ${e=>e.isSearchOpen?"100%":"unset"};
-`,At=l.div`
-  display: flex;
-  flex-direction: column;
-`,Et=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};
-  }
-`,It=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};
-  }
-`,Mt=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=>kt.filterIconContainerPaddingRight.valuePx(e.size)};
-  position: ${e=>e.size==="small"?"absolute":""};
-  top: ${r.sp5};
-  right: -${r.sp4};
-  z-index: 3;
-`,Tt=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};
-  }
-`,Bt=l(ue)`
-  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 K,_t as X,Re as h};

package/dist/assets/SpendMgmtSetupAccountSection-de7hEmtE-9bAK-YlL.js

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

package/dist/assets/StatementsPage-KnLUSJbm-DVR36Ge4.js

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