@zeniai/web-components 3.16.84 → 3.16.85

package/dist/SpendManagementSection-W36TwP9A.cjs

@@ -0,0 +1,230 @@
+"use strict";const o=require("./vendor-.pnpm-CT-Z_-kn.cjs"),p=require("react"),s=require("@emotion/styled"),t=require("./index-BOGO7v0l.cjs"),J=require("./MoreMenuButton-CR5MjXDh.cjs"),B=require("./MatchingOperatorDropdown-52caWev2.cjs"),P=require("@emotion/react"),Q=require("./avatar-D-486uIp.cjs"),F=require("@zeniai/client-epic-state");function Z(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const $=Z(p),ee=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,te=s(t.SvgTick)`
+  color: ${e=>e.theme.colors.primary};
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,T=({value:e,defaultMenuIsOpen:n=!1,options:r,placeHolder:i,onChange:a,getOptionLabel:l})=>{const f=o.useTheme(),j=p.useRef(null),g=ne(f),v=r.find(m=>m.value===e);return p.useEffect(()=>{const m=setTimeout(()=>{j.current!=null&&n&&j.current.focus()},300);return()=>{clearTimeout(m)}},[n]),o.jsxRuntimeExports.jsx(o.StateManagedSelect$1,{ref:j,isMulti:!1,value:v,onChange:m=>{a(m)},placeholder:i,options:r,styles:g,openMenuOnFocus:!0,components:{Option:m=>re(m,l),SingleValue:m=>oe(m,l)}})},oe=(e,n)=>{const r=n?.(e.data.value)??e.data.label;return o.jsxRuntimeExports.jsx(o.components.SingleValue,{...e,children:o.jsxRuntimeExports.jsx(t.StandardRegularSp,{children:r})})},re=(e,n)=>{const{isSelected:r}=e,i=n?.(e.data.value)??e.data.label;return o.jsxRuntimeExports.jsx(o.components.Option,{...e,children:o.jsxRuntimeExports.jsxs(ee,{children:[o.jsxRuntimeExports.jsx(t.SmallRegular,{children:i}),r?o.jsxRuntimeExports.jsx(te,{}):null]})})},ne=e=>({placeholder:r=>({...r,color:e.colors.grey1,...t.textStyles.standardRegular.cssObject}),input:r=>({...r,color:e.colors.primary,margin:0,padding:0}),control:r=>({...r,backgroundColor:e.colors.background,border:"none",boxShadow:"none",height:t.Space.sp6,cursor:"pointer"}),valueContainer:r=>({...r,height:"100%",padding:`${t.Space.sp2} ${t.Space.sp3}`}),indicatorSeparator:r=>({...r,display:"none"}),indicatorsContainer:r=>({...r,display:"none"}),option:(r,i)=>({...r,padding:`${t.Space.sp2} ${t.Space.sp3}`,cursor:"pointer",color:i.isSelected||i.isFocused?e.colors.primary:e.colors.hero,background:i.isSelected||i.isFocused?e.colors.background:e.colors.grey5,":hover":{color:e.colors.primary,backgroundColor:e.colors.background}}),singleValue:r=>({...r,color:e.colors.primary,margin:0}),menuList:r=>({...r,backgroundColor:e.colors.grey5,maxHeight:"320px"}),menu:r=>({...r,boxShadow:`${t.Space.sp0} 2px ${t.Space.sp2} ${e.colors.dropShadowHover}`})}),se="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",le=s.div`
+  display: flex;
+  align-items: flex-start;
+  padding: ${t.Space.sp2} ${t.Space.sp3};
+  column-gap: ${t.Space.sp2};
+`,ie=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp2};
+  width: 100%;
+  min-height: ${t.Space.sp4};
+`,ae=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp1};
+`,ce=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp2};
+  word-break: break-all;
+`,ue=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp3};
+  justify-content: space-between;
+`,pe=s.img`
+  height: ${t.Space.sp3};
+  width: ${t.Space.sp3};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,de=s(Q.SvgAvatar)`
+  color: ${e=>e.theme.colors.hero};
+  height: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+`,he=s(t.SvgTick)`
+  color: ${e=>e.theme.colors.primary};
+  height: ${t.Space.sp3};
+  min-width: ${t.Space.sp3};
+`,xe=s(t.SvgClose)`
+  color: ${e=>e.theme.colors.primary};
+  height: 10px;
+  width: 10px;
+`,ge=s(t.SmallRegularSp)`
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,me=({options:e,value:n,placeHolder:r,filterCategoryType:i,searchAutoCompleteData:a,searchAutoCompleteActions:l,onChange:f})=>{const j=o.useTheme(),g=B.getMultiSelectDropdownStyles(j),[v,m]=p.useState(e);p.useEffect(()=>{i==="searchAutocomplete"&&a?.entityAutoCompleteView.fetchState==="Completed"&&m(u=>o.uniqBy([...u,...a?.entityAutoCompleteView!=null?Se(a?.entityAutoCompleteView):[]],"value"))},[a?.entityAutoCompleteView.fetchState]);const b=i==="searchAutocomplete"?n.map(u=>({label:u,value:u})):n.map(u=>v.find(S=>S.value===u)),w=p.useRef(o.debounce(u=>l?.onAutoCompleteInputChange?.(u),500,{trailing:!0})).current,C=a?.entityAutoCompleteView.fetchState,k={options:e,filterCategoryType:i,searchAutoCompleteStatus:C},R=t.appLocale.getLocalizedStrings().common.filters;return o.jsxRuntimeExports.jsx(le,{children:i==="dateRange"?o.jsxRuntimeExports.jsx(B.DateRangeFilterField,{onDateRangeChange:u=>{f([{label:R.startDate,value:u.startDate??""},{label:R.endDate,value:u.endDate??""}])},selectedDates:n}):o.jsxRuntimeExports.jsxs(ie,{children:[b.length===0&&i==="user"&&o.jsxRuntimeExports.jsx(de,{}),o.jsxRuntimeExports.jsx(o.StateManagedSelect$1,{...k,isMulti:!0,hideSelectedOptions:!1,value:b,onInputChange:u=>{i==="searchAutocomplete"&&w(u)},onChange:u=>{f(u)},placeholder:r,options:v,styles:g,menuPosition:"fixed",components:{Option:fe,MultiValueLabel:je,MultiValueRemove:ve},filterOption:(u,S)=>Re(u,S,i),noOptionsMessage:()=>we(i,C)})]})})},Se=e=>(e?.vendor.map(r=>({label:r.name,value:r.name}))??[]).sort((r,i)=>(r.label??"").localeCompare(i.label??"")),je=e=>{const{selectProps:n}=e,{options:r,filterCategoryType:i}=n,a=r.findIndex(l=>l.value===e.data.value);return o.jsxRuntimeExports.jsx(o.components.MultiValueLabel,{...e,children:o.jsxRuntimeExports.jsxs(ae,{children:[Y(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",a,i),o.jsxRuntimeExports.jsx(ge,{children:e.children})]})})},fe=e=>{const{onMouseMove:n,onMouseOver:r,isSelected:i,...a}=e.innerProps,{options:l,filterCategoryType:f}=e.selectProps,j=l.findIndex(v=>v.value===e.data.value),g={...e,innerProps:a};return o.jsxRuntimeExports.jsx(o.components.Option,{...g,children:o.jsxRuntimeExports.jsxs(ue,{children:[o.jsxRuntimeExports.jsxs(ce,{children:[Y(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",j,f),o.jsxRuntimeExports.jsx(t.SmallRegular,{children:e.label})]}),e.isSelected&&o.jsxRuntimeExports.jsx(he,{})]})})},ve=e=>o.jsxRuntimeExports.jsx(o.components.MultiValueRemove,{...e,children:o.jsxRuntimeExports.jsx(xe,{})}),we=(e,n)=>{const r=t.appLocale.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(n==="In-Progress")return o.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small-Compact",start:!0});if(n==="Not-Started")return null;if(n==="Completed")return o.jsxRuntimeExports.jsx(t.StyledText,{children:r.noMatchesFound})}return o.jsxRuntimeExports.jsx(t.StyledText,{children:r.noOptions})},Y=(e,n,r,i,a)=>a!=="user"?null:e==null?o.jsxRuntimeExports.jsx(t.EntityAvatarWithInitials,{firstName:n,lastName:r,size:`${t.Space.sp3}`,index:i,fontSize:"9px"}):o.jsxRuntimeExports.jsx(pe,{src:e.href,alt:t.appLocale.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:l})=>{l.onerror=null,l.src=se},loading:"lazy"}),Re=(e,n,r)=>r==="user"&&e.data.email!=null?e.data.label.toLowerCase().includes(n.toLowerCase())||e.data.email.toLowerCase().includes(n.toLowerCase()):e.data.label.toLowerCase().includes(n.toLowerCase()),A={categoryCombinationOperator:"AND",categories:[]},K={valuesCombinationOperator:"ANY",values:[],matchingOperator:"equal"},D=(e,n)=>{switch(e){case"bill_pay":return F.BILL_PAY_FILTER_CATEGORIES;case"reimbursement":return F.hideCreatedByFilter(n)?F.REIMBURSEMENT_FILTER_CATEGORIES_RESTRICTED:F.REIMBURSEMENT_FILTER_CATEGORIES;case"task_management":return F.TASK_LIST_FILTER_CATEGORIES}},_=(e,n)=>{if(e==="bill_pay"){const r=n;return t.appLocale.getLocalizedStrings().spendManagement.filters.filterCategories.bills[r]}if(e==="reimbursement"){const r=n;return t.appLocale.getLocalizedStrings().spendManagement.filters.filterCategories.reimbursements[r]}if(e==="task_management"){const r=n;return t.appLocale.getLocalizedStrings().spendManagement.filters.filterCategories.taskManagement[r]}return""},ye=({currentFilters:e,selectedOption:n,categoryIndex:r})=>e.categories==null||e.categories.length===0?{categoryCombinationOperator:"AND",categories:[{...K,field:n.value}]}:{...e,categories:e.categories.map((a,l)=>l!==r?a:{...a,field:n.value,values:[]})},be=({currentFilters:e,selectedOption:n,categoryIndex:r})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((a,l)=>l!==r?a:{...a,matchingOperator:n.value})},Ce=({currentFilters:e,selectedOptions:n,categoryIndex:r})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((a,l)=>l!==r?a:{...a,values:n.map(f=>f.value)})},Ee={width:new t.ResponsiveSized(215,315)},W=s.div`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp4};
+`,V=s.div`
+  display: flex;
+  column-gap: ${t.Space.sp3};
+  align-items: flex-start;
+  flex-wrap: ${e=>e.windowSize==="small"?"wrap":"nowrap"};
+  row-gap: ${e=>e.windowSize==="small"?t.Space.sp3:t.Space.sp0};
+`,N=s.div`
+  width: 90px;
+  color: ${e=>e.theme.colors.primary};
+`,H=s.div`
+  width: 194px;
+`,U=s.button`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.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};
+    }
+  }
+`,$e=s(t.SvgAddRound)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,ke=s(t.SvgReload)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Oe=s.div`
+  width: ${t.Space.sp10};
+`,Le=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,q=s(t.LargeMedium)`
+  color: ${e=>e.theme.colors.primary};
+`,Ie=s.button`
+  display: ${e=>e.windowSize==="small"?"none":"block"};
+  border: none;
+  background: none;
+  cursor: pointer;
+  padding: 0;
+  &:hover {
+    svg {
+      color: ${t.Colors.important};
+    }
+  }
+`,Be=s(t.SvgDelete)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Fe=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp3};
+`,Ae=s.div`
+  width: ${e=>Ee.width.valuePx(e.windowSize)};
+  background: ${e=>e.theme.colors.background};
+  border-radius: ${t.Space.sp1};
+`,G=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp3};
+`,De=P.keyframes`
+0% {
+  opacity: 0;
+}
+100% {
+  opacity: 1;
+}
+`,_e=s.div`
+  display: flex;
+  align-items: flex-start;
+  column-gap: ${t.Space.sp3};
+  animation: ${De} 0.4s;
+`,X=p.forwardRef(({filters:e,filterValues:n,selectedEntity:r,vendorSearchAutoCompleteData:i,vendorSearchAutoCompleteActions:a,onFiltersChange:l},f)=>{const j=t.useGlobalInfoContext(),g=t.useWindowSizeContext(),v=p.useCallback((c,d)=>{const h=ye({currentFilters:e,selectedOption:c,categoryIndex:d});l(h)},[e,l]),m=p.useCallback((c,d)=>{const h=be({currentFilters:e,selectedOption:c,categoryIndex:d});l(h)},[e,l]),b=p.useCallback(c=>{if(e!=null){const d={...e,categoryCombinationOperator:c};l(d)}},[e,l]),w=p.useCallback(c=>{if(c===0&&e.categories!=null&&e.categories.length===1){l(A);return}if(e.categories!=null&&e.categories.length!==0){if([...e.categories.slice(0,c),...e.categories.slice(c+1)].filter(h=>h.field!=null).length){const h={...e,categories:[...e.categories.slice(0,c),...e.categories.slice(c+1)]};l(h);return}l(A)}},[l,e]),C=()=>{e.categories!=null&&e.categories.length&&l({...e,categories:[...e.categories,{...K}]})},k=()=>{l(A)},R=p.useCallback((c,d)=>{const h=Ce({currentFilters:e,selectedOptions:c,categoryIndex:d});l(h)},[e,l]),u=t.appLocale.getLocalizedStrings().spendManagement.filters,S=()=>e.categories!=null&&e.categories.length!==0?o.jsxRuntimeExports.jsxs(Le,{children:[o.jsxRuntimeExports.jsxs(U,{onClick:C,children:[o.jsxRuntimeExports.jsx($e,{}),o.jsxRuntimeExports.jsx(t.StandardRegular,{children:u.addFilterBtnText})]}),o.jsxRuntimeExports.jsxs(U,{onClick:k,children:[o.jsxRuntimeExports.jsx(ke,{}),o.jsxRuntimeExports.jsx(t.StandardRegular,{children:u.clearAllBtnText})]})]}):null,O=()=>e.categories==null||e.categories.length===0?o.jsxRuntimeExports.jsx(W,{children:o.jsxRuntimeExports.jsx(V,{children:o.jsxRuntimeExports.jsxs(G,{children:[o.jsxRuntimeExports.jsx(N,{children:o.jsxRuntimeExports.jsx(q,{children:u.filterByLabel})}),o.jsxRuntimeExports.jsx(H,{children:o.jsxRuntimeExports.jsx(T,{defaultMenuIsOpen:!0,onChange:v,placeHolder:u.categoryPlaceholder,getOptionLabel:c=>_(r,c),options:D(r,j.loggedInUserRole)})})]})})}):o.jsxRuntimeExports.jsx(p.Fragment,{children:e.categories.map((c,d)=>{const y=D(r,j.loggedInUserRole??[]).find(E=>E.value===c.field),x=y?.type,I=y!=null?_(r,y?.value):"";return o.jsxRuntimeExports.jsxs(V,{windowSize:g,children:[o.jsxRuntimeExports.jsxs(G,{children:[o.jsxRuntimeExports.jsxs(N,{children:[d===0&&o.jsxRuntimeExports.jsx(q,{children:u.filterByLabel}),d!==0?o.jsxRuntimeExports.jsx(B.CombinationOperatorButton,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:b,buttonsDisabled:d>1}):null]}),o.jsxRuntimeExports.jsx(H,{children:o.jsxRuntimeExports.jsx(T,{value:c.field,placeHolder:u.categoryPlaceholder,onChange:E=>v(E,d),getOptionLabel:E=>_(r,E),options:D(r,j.loggedInUserRole??[])})})]}),c.field?o.jsxRuntimeExports.jsxs(_e,{children:[o.jsxRuntimeExports.jsx(Oe,{children:o.jsxRuntimeExports.jsx(B.MatchingOperatorDropdown,{categoryIndex:d,value:c.matchingOperator,onChange:m})}),o.jsxRuntimeExports.jsxs(Fe,{children:[o.jsxRuntimeExports.jsx(Ae,{windowSize:g,children:o.jsxRuntimeExports.jsx(me,{options:n[c.field]!=null?n[c.field]:[],placeHolder:x==="searchAutocomplete"?u.searchPlaceholder:`${u.select} ${I}`,value:c.values,filterCategoryType:x??"dropdown",onChange:E=>R(E,d),valuesCombinationOperator:c.valuesCombinationOperator,searchAutoCompleteData:i,searchAutoCompleteActions:a})}),o.jsxRuntimeExports.jsx(Ie,{onClick:()=>w(d),windowSize:g,children:o.jsxRuntimeExports.jsx(Be,{})})]})]}):null]},c.field?c.field+d:d)})});return o.jsxRuntimeExports.jsxs(W,{ref:f,children:[O(),S()]})});X.displayName="FiltersSelection";const Te=s.div`
+  padding-top: ${t.Space.sp4};
+  padding-bottom: ${t.Space.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: ${t.Space.sp4};
+  max-height: 650px;
+  overflow: ${e=>e.windowSize==="small"?"visible":e.height>"650"?"scroll":"visible"};
+`,ze=s.div`
+  padding-left: ${t.Space.sp4};
+  padding-right: ${t.Space.sp4};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Me=s.div`
+  padding-left: ${t.Space.sp4};
+  padding-right: ${t.Space.sp4};
+`,We=({entity:e,filters:n,vendorSearchAutoCompleteData:r,vendorSearchAutoCompleteActions:i,disableFilters:a=!1,transactionsLoaded:l=!0,createdByUserListLoaded:f=!0,analytics:j,groupByFiltersComponent:g,onFiltersChange:v,getCategoryWiseOptions:m})=>{const b=p.useRef(null),[w,C]=p.useState(!1),k=p.useRef(!1),[R,u]=p.useState({bill_pay:{},reimbursement:{},task_management:{}}),[S,O]=p.useState("auto"),c=p.useRef(null),d=t.useWindowSizeContext(),h=p.useCallback(()=>{C(!1)},[]),y=t.appLocale.getLocalizedStrings().common.strings.empty,x=p.useCallback(()=>{e!=="task_management"&&j?.trackSpendManagmentFilterClick(e),a===!1&&C(!0)},[a,j,e]);p.useEffect(()=>{m&&Object.keys(R[e]).length===0&&f&&l&&u(L=>({...L,[e]:m()}))},[e,R,l,f]);const I=p.useCallback(()=>{if(n?.categories==null||n.categories.length===0)return g!=null?88+g.height:88;const L=c.current,M=L!=null?L.clientHeight:0;return d==="small"?"auto":t.sp[7]+(M>0?M:88)+(g!=null?g.height:0)},[n,d,g]);p.useEffect(()=>{if(w!==k.current){O("auto");return}O(I())},[I,w]),p.useEffect(()=>{k.current=w},[w]),p.useEffect(()=>{S==="auto"&&O(I())},[S,I]);const E=()=>o.jsxRuntimeExports.jsx(B.FiltersPopover,{anchorEl:b.current,open:w,onClose:h,paperStyle:{overflow:"visible"},children:o.jsxRuntimeExports.jsxs(Te,{height:S,windowSize:d,children:[g!=null?o.jsxRuntimeExports.jsx(ze,{children:g?.component}):null,o.jsxRuntimeExports.jsx(Me,{children:o.jsxRuntimeExports.jsx(X,{filters:n,onFiltersChange:v,filterValues:R[e],selectedEntity:e,ref:c,vendorSearchAutoCompleteActions:i,vendorSearchAutoCompleteData:r})})]})},n?.categories==null||n.categories.length===0?"smallBox":"largeBox"),z=n?.categories==null||n?.categories.length===0?0:n.categories.filter(L=>L.field!=null&&L.values.length>0).length;return o.jsxRuntimeExports.jsxs(p.Fragment,{children:[o.jsxRuntimeExports.jsx(B.SearchBoxWithFilterButton,{searchPlaceholder:y,isFilterBtnActive:w||z>0,ref:b,isFilterDisabled:a,onFilterButtonClick:x,filtersCount:z,includeSearch:!1,filterText:y}),a!=!0&&E()]})},Ve=e=>$.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},$.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"}),$.createElement("path",{d:"M4.24207 19.7577L8.80646 16.1062H15.1966L19.761 19.7577",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),$.createElement("path",{d:"M22.5 11.5416L17.0227 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),$.createElement("path",{d:"M1.50378 11.5416L6.98105 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),$.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"}),$.createElement("path",{d:"M9.23108 5.55005H14.7654",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),$.createElement("path",{d:"M9.23108 8.83069H13.3818",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),$.createElement("path",{d:"M9.23108 12.0398H10.9606",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{spendManagement:Ne}=t.appLocale.getLocalizedStrings(),He={filterIconContainerPaddingRight:new t.ResponsiveSized(18,10)};function Ue({spendManagementSectionProps:e}){const{entity:n,moreIconContainerStyle:r,searchTextBoxStyle:i,disableDownloadButton:a,filters:l,searchText:f,downloadParams:j,downloadState:g,showSettingsIcon:v=!0,showSettingsIconOnNavbar:m,showDownloadButtonOnNavbar:b,showStatementButtonOnNavbar:w,showPayEarlyButtonOnNavbar:C,groupByFiltersComponent:k,updateDownloadStateHandler:R,onMenuOpen:u}=e,S=t.useWindowSizeContext(),O=o.useTheme(),[c,d]=p.useState(void 0);p.useEffect(()=>{g!=="Error"&&d(!1)},[g]);let h=Ne.moreMenuOptions;m||(h=h.filter(x=>x.value!=="settings")),w||(h=h.filter(x=>x.value!=="statements")),C||(h=h.filter(x=>x.value!=="payEarly")),b||(h=h.filter(x=>x.value!=="download"));const y={};return e.entity==="charge_cards"?y.width="275px":e.entity==="reimbursement"&&(y.width="208px"),o.jsxRuntimeExports.jsxs(Ye,{children:[o.jsxRuntimeExports.jsxs(Ge,{isSearchOpen:e.isSearchOpen&&S==="small",windowsize:S,children:[S!=="small"&&!e.hideSearchBtn?o.jsxRuntimeExports.jsx(t.ListPageSearchInputBox,{style:{position:"absolute",left:"unset",...i},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:x=>{e.onSearchTextChanged?.(x)},onSearchOpen:e.onSearchOpen,inputWrapperStyle:y,searchIconMarginRight:e.entity==="charge_cards"?t.Space.sp4:"10px"}):null,(e.entity==="bill_pay"||e.entity==="reimbursement"||e.entity==="task_management")&&e.onFiltersChange!=null?o.jsxRuntimeExports.jsx(Je,{size:S,children:o.jsxRuntimeExports.jsx(We,{entity:e.entity,groupByFiltersComponent:k,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.jsxRuntimeExports.jsx(Xe,{onClick:e.onClickEmailInfoIcon,children:o.jsxRuntimeExports.jsx(qe,{})}):null,v?o.jsxRuntimeExports.jsx(Ke,{onClick:()=>d(void 0),style:r,children:n==="bill_pay"||n==="reimbursement"||n==="charge_cards"?o.jsxRuntimeExports.jsx(J.MoreMenuButton,{entity:n,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:S!=="small"?c:void 0,options:h,onMenuOpen:u,customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),menu:x=>({...x,left:"23px",top:"29px",transform:"translateX(-100%)",width:"auto",backgroundColor:O.colors.grey5,borderRadius:t.Space.sp1,boxShadow:`${t.Space.sp0} 2px ${t.Space.sp2} ${O.colors.dropShadowHover}`,whiteSpace:"nowrap"}),container:()=>({marginLeft:t.sp[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:t.sp[0],marginLeft:-1}})},onOptionSelection:x=>{x==="settings"?e.onClickSetupIcon?.():x==="statements"?e.onClickStatementsIcon?.():x==="payEarly"&&e.onClickPayEarlyIcon?.()},downloadProps:(n==="bill_pay"||n==="reimbursement")&&j!=null?{entity:n,isDisabled:a,filter:{filters:l,searchText:f},downloadParams:j,downloadState:g,updateDownloadStateHandler:R}:void 0}):o.jsxRuntimeExports.jsx(Qe,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:S==="small"?o.jsxRuntimeExports.jsx(Pe,{onClick:e.onNewButtonClick,children:o.jsxRuntimeExports.jsx(Ze,{})}):o.jsxRuntimeExports.jsx(t.Button,{variant:"primary",onClick:e.onNewButtonClick,label:e.newButtonLabel??"",size:"small",style:{height:"29px",paddingLeft:"12px",paddingRight:"12px",...t.textStyles.extraSmallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})}):null]}),S==="small"&&!e.hideSearchBtn?o.jsxRuntimeExports.jsx(t.ListPageSearchInputBox,{style:{position:"absolute",left:"5px",right:S!=="small"?"120px":"unset",top:t.Space.sp6,width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:x=>{e.onSearchTextChanged?.(x)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0,inputWrapperStyle:e.entity==="charge_cards"?{width:270}:{}}):null]})}const qe=s(Ve)`
+  height: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+`,Ge=s.div`
+  display: flex;
+  justify-content: flex-end;
+  position: relative;
+  align-items: center;
+  width: ${e=>e.isSearchOpen?"100%":"unset"};
+`,Ye=s.div`
+  display: flex;
+  flex-direction: column;
+`,Ke=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-right: ${t.Space.sp4};
+  position: relative;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Xe=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-right: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Je=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-right: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  padding-right: ${e=>He.filterIconContainerPaddingRight.valuePx(e.size)};
+  position: ${e=>e.size==="small"?"absolute":""};
+  top: ${t.Space.sp5};
+  right: -${t.Space.sp4};
+  z-index: 3;
+`,Pe=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding-right: ${t.Space.sp2};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Qe=s(t.SvgSettings)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ze=s(t.SvgAddRound)`
+  height: ${t.Space.sp4};
+  width: ${t.Space.sp4};
+  color: ${e=>e.theme.colors.hero};
+`;exports.FilterOptionDropdownField=T;exports.SpendManagementSection=Ue;

package/dist/StatementItem-8f35iXpn.cjs

@@ -0,0 +1,31 @@
+"use strict";const i=require("./vendor-.pnpm-CT-Z_-kn.cjs"),f=require("react"),n=require("@emotion/styled"),t=require("./index-BOGO7v0l.cjs"),j=require("./BoxItem-Dz4jz5pT.cjs"),y=require("./downloadPdf-C5xZ-WEi.cjs"),c=t.appLocale.getLocalizedStrings().months,r={downloadButtonSize:new t.ResponsiveSized(t.sp[4],20)},v=n.div`
+  display: flex;
+  padding: ${t.Space.sp3} ${t.Space.sp4};
+  flex-direction: row;
+  width: 100%;
+`,g=n.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,z=n(t.StandardRegular)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-left: ${t.Space.sp2};
+  max-height: ${t.Space.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,R=n.div`
+  cursor: pointer;
+`,b=n(t.SvgDownload)`
+  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 q({accountLast4:e,currentTenantCompanyName:l,data:o,authParams:d,downloadEndPoint:a,documentType:s="statement",boxType:x}){const[m,p]=f.useState(!1),w=t.useWindowSizeContext(),u=s==="taxLetter"?`${o.title.year}`:`${c[o.title.month-1]} ${o.title.year}`,h=s==="taxLetter"?`${l}-treasury-tax-letter-${o.title.year}.pdf`:`${l}-${e}-monthly-statement-${c[o.title.month-1]}-${o.title.year}.pdf`,S={period:`${o.title.year}-${t.toMonthStr(o.title.month)}`,format:"pdf"},$=i.jsxRuntimeExports.jsx(v,{children:i.jsxRuntimeExports.jsxs(g,{children:[i.jsxRuntimeExports.jsx(z,{children:u}),i.jsxRuntimeExports.jsx(R,{onClick:()=>y.downloadPdf(s==="treasuryStatement"||s==="taxLetter"?`${a}/statements/${o.id}`:`${a}/statements?query=${encodeURIComponent(JSON.stringify(S))}`,h,d,p),children:m?i.jsxRuntimeExports.jsx(t.ActivityIndicator,{size:"Small",start:!0}):i.jsxRuntimeExports.jsx(b,{windowSize:w})})]})});return i.jsxRuntimeExports.jsx(j.BoxItem,{content:$,boxType:x,isDisabled:!1,isNotClickable:!0})}exports.StatementItem=q;

package/dist/StatementItem-galkyXel.js

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

package/dist/StatementsPage-C4wCkVjn.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-CT-Z_-kn.cjs"),m=require("react"),n=require("@emotion/styled"),e=require("./index-BOGO7v0l.cjs"),R=require("./BoxItem-Dz4jz5pT.cjs"),v=require("./commonDimensions-BaTFZE1m.cjs"),$=require("./StatementItem-8f35iXpn.cjs"),p=e.appLocale.getLocalizedStrings().spendManagement.zeniAccounts.statements,u={listItemMargin:new e.ResponsiveSized(e.sp[3],e.sp[8])},E=({currentTenantCompanyName:s,authParams:h,downloadEndPoint:g,statementListView:r,accountLast4:b,onBackClick:S})=>{const f=t.useTheme(),l=e.useWindowSizeContext(),j=m.createRef(),c=m.useRef(null),d=r.statements.length===0,y=()=>d===!1?v.transactionItemDimensions.transactionItemHeight:24,w=({index:o,style:i})=>{const a=r.statements[o];return d===!1?t.jsxRuntimeExports.jsx(x,{windowSize:l,style:{...i,width:`calc(100% - 2*${u.listItemMargin.valuePx(l)})`},children:t.jsxRuntimeExports.jsx($.StatementItem,{currentTenantCompanyName:s,accountLast4:b,data:a,authParams:h,downloadEndPoint:g,boxType:R.boxType(o,r.statements.length)},a.id)}):t.jsxRuntimeExports.jsx(k,{style:{...i},children:t.jsxRuntimeExports.jsx(I,{children:t.jsxRuntimeExports.jsx(x,{windowSize:l,children:t.jsxRuntimeExports.jsx(C,{children:p.noStatements})})})})};return t.jsxRuntimeExports.jsxs(z,{children:[t.jsxRuntimeExports.jsx(e.NavBar,{title:p.title,backgroundColor:f.colors.grey4,style:{zIndex:3},onBackClick:S,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsxRuntimeExports.jsx(T,{children:t.jsxRuntimeExports.jsx(t.AutoSizer,{children:({height:o,width:i})=>t.jsxRuntimeExports.jsx(q,{ref:j,height:o,width:i,outerRef:c,itemKey:a=>a,itemCount:r.statements.length,itemSize:y,initialScrollOffset:0,children:w})})})]})},k=n.div``,x=n.div`
+  margin: ${s=>`${e.Space.sp0} ${u.listItemMargin.valuePx(s.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`,I=n.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`,z=n.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${e.Space.sp7};
+`,C=n(e.StandardRegular)`
+  display: flex;
+  color: ${s=>s.theme.colors.grey2};
+`,T=n.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${e.Space.sp6};
+`,q=n(t.VariableSizeList)`
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar {
+    width: ${e.Space.sp2};
+    height: ${e.Space.sp0};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
+    -webkit-box-shadow: inset 0 0 2px ${e.Colors.scrollbarBoxShadow};
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  &:hover {
+    scrollbar-color: ${s=>s.theme.colors.grey1} transparent;
+    &::-webkit-scrollbar {
+      width: ${e.Space.sp2};
+      height: ${e.Space.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${s=>s.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`;exports.default=E;

package/dist/StatementsPage-CxRmpvHx.js

@@ -0,0 +1,130 @@
+import { u as k, j as t, A as v, V as z } from "./vendor-.pnpm-DtFedGku.js";
+import { createRef as C, useRef as I } from "react";
+import r from "@emotion/styled";
+import { u as R, aE as T, a as E, S as s, C as m, R as A, D as p, p as L } from "./index-BrQvJ7aX.js";
+import { b as M } from "./BoxItem-DoCWKUYi.js";
+import { t as P } from "./commonDimensions-BssaK7HK.js";
+import { S as B } from "./StatementItem-galkyXel.js";
+const h = E.getLocalizedStrings().spendManagement.zeniAccounts.statements, u = {
+  listItemMargin: new A(p[3], p[8])
+}, Y = ({
+  currentTenantCompanyName: e,
+  authParams: g,
+  downloadEndPoint: b,
+  statementListView: o,
+  accountLast4: f,
+  onBackClick: S
+}) => {
+  const w = k(), l = R(), y = C(), c = I(null), d = o.statements.length === 0, $ = () => d === !1 ? P.transactionItemHeight : 24, j = ({ index: n, style: a }) => {
+    const i = o.statements[n];
+    return d === !1 ? /* @__PURE__ */ t.jsx(
+      x,
+      {
+        windowSize: l,
+        style: {
+          ...a,
+          width: `calc(100% - 2*${u.listItemMargin.valuePx(l)})`
+        },
+        children: /* @__PURE__ */ t.jsx(
+          B,
+          {
+            currentTenantCompanyName: e,
+            accountLast4: f,
+            data: i,
+            authParams: g,
+            downloadEndPoint: b,
+            boxType: M(n, o.statements.length)
+          },
+          i.id
+        )
+      }
+    ) : /* @__PURE__ */ t.jsx(D, { style: { ...a }, children: /* @__PURE__ */ t.jsx(O, { children: /* @__PURE__ */ t.jsx(x, { windowSize: l, children: /* @__PURE__ */ t.jsx(H, { children: h.noStatements }) }) }) });
+  };
+  return /* @__PURE__ */ t.jsxs(W, { children: [
+    /* @__PURE__ */ t.jsx(
+      T,
+      {
+        title: h.title,
+        backgroundColor: w.colors.grey4,
+        style: { zIndex: 3 },
+        onBackClick: S,
+        scrollableContent: c.current != null ? c : void 0,
+        source: "StatementsPage"
+      }
+    ),
+    /* @__PURE__ */ t.jsx(K, { children: /* @__PURE__ */ t.jsx(v, { children: ({ height: n, width: a }) => /* @__PURE__ */ t.jsx(
+      N,
+      {
+        ref: y,
+        height: n,
+        width: a,
+        outerRef: c,
+        itemKey: (i) => i,
+        itemCount: o.statements.length,
+        itemSize: $,
+        initialScrollOffset: 0,
+        children: j
+      }
+    ) }) })
+  ] });
+}, D = r.div``, x = r.div`
+  margin: ${(e) => `${s.sp0} ${u.listItemMargin.valuePx(e.windowSize)}`};
+  &:hover {
+    position: relative;
+    z-index: 2;
+  }
+`, O = r.div`
+  display: flex;
+  height: 100%;
+  flex: 1 1 auto;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+`, W = r.div`
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  width: 100%;
+  padding-bottom: ${s.sp7};
+`, H = r(L)`
+  display: flex;
+  color: ${(e) => e.theme.colors.grey2};
+`, K = r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  margin-top: ${s.sp6};
+`, N = r(z)`
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+  &::-webkit-scrollbar {
+    width: ${s.sp2};
+    height: ${s.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: ${s.sp2};
+      height: ${s.sp0};
+      background-color: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: ${(e) => e.theme.colors.grey1};
+      border-radius: 2px;
+    }
+  }
+`;
+export {
+  Y as default
+};