https://titan.growcapitalinc.com/account-holder/assets/InvestmentProductsPage.tsx-CsqO-Xip.js

1import{cL as v,cK as e,c$ as h,ew as S,ez as N,cO as C}from"./chunk-ZRhjlVBL.js";import{F as o,I as s,l as p,B as f,cj as z,cH as B,v as R,cI as D,ay as E}from"./chunk-BdLyEG-U.js";import{A as L}from"./chunk-BSY1BOfp.js";import{P as k}from"./chunk-CEEiTSji.js";import{E as A}from"./chunk-CdxgIhTn.js";const T=v(o).withConfig({displayName:"InvestmentProductCardContainer",componentId:"sc-7qekvn-0"})(["padding:26px;border:1px solid ",";border-radius:8px;width:225px;text-align:center;.center-content{font-size:72px;line-height:96px;font-weight:200;text-align:center;color:",";width:100%;}"],t=>t.theme.color.inputBorder,t=>t.theme.color.greyBlue),_=()=>e.jsxs(T,{flexDirection:"column",children:[e.jsx("p",{className:"center-content",children:e.jsx(s,{outlined:!0,name:"receipt",size:"sm",variant:"greyBlue"})}),e.jsx(p,{variant:"body1",textColor:"textPrimary",children:"Browse and enroll in the products that best meet your criteria."})]}),M=v(o).withConfig({displayName:"InvestmentProductFilters__InvestmentProductFiltersContainer",componentId:"sc-zd1vik-0"})(["padding:50px 0 10px;border-bottom:1px solid ",";.filter-usage-description{padding:20px 0;}.visibility-none{width:48px;height:48px;visibility:none;}.filter-icon-wrapper{position:relative;}"],t=>t.theme.color.inputBorder),q=t=>{const{onFilterChange:i}=t,a=c=>{i("search",c)};return e.jsxs(e.Fragment,{children:[e.jsxs(M,{flexDirection:"row",type:"grid",gap:"20px",mdCols:2,children:[e.jsxs("div",{children:[e.jsx("h4",{children:"Browse Plan Products"}),e.jsx(p,{className:"sub-description",variant:"body1",textColor:"textPrimary",children:"Browse and explore your product options and enroll"})]}),e.jsxs(o,{flexDirection:"row",gap:"10px",justifyContent:"flex-end",className:"filter-icon-wrapper",children:[e.jsx(f,{onClick:h,icon:!0,children:e.jsx(s,{name:"barsFilter"})}),e.jsx(f,{onClick:h,icon:!0,children:e.jsx(s,{name:"arrowUpDown"})}),e.jsx("div",{className:"visibility-none"}),e.jsx(A,{onSearch:a,borderVariant:"medium"})]})]}),e.jsxs(p,{className:"py-5",variant:"body1",textColor:"textPrimary",children:["Use the filters ",e.jsx(s,{name:"barsFilter"})," to narrow your results"]})]})},H=[{value:10,label:"10"},{value:25,label:"25"},{value:50,label:"50"},{value:1e4,label:"All"}],j=10,Z=S("/retirement-plans/plan/$planId/investment-products")({component:O});function O(){const{planId:t}=N({strict:!1}),i=parseInt(t??""),[a,c]=C.useState(0),[{pageNumber:u,pageSize:l,filters:P},{setPageChange:y,setFilters:b,setPageSizeChange:w}]=z({pageSize:j}),{data:n,isLoading:x,isFetching:I}=B({planProductsSearchVM:{planId:i,pageNumber:u,pageSize:l,searchTerms:P}});C.useEffect(()=>{x||c((n==null?void 0:n.totalRecords)||0)},[n,x]);const m=(n==null?void 0:n.filterRecordCount)||0,d=(n==null?void 0:n.rowModels)||[],F=(r,g)=>{r==="search"&&b([{id:"investmentProductName",value:g},{id:"serviceProviderName",value:g}])};return e.jsxs(e.Fragment,{children:[e.jsxs(o,{flexDirection:"row",type:"grid",gap:"150px",mdCols:2,children:[e.jsxs("div",{children:[e.jsx(L,{iconName:"boxDollarRegular",title:"Find Investment Products"}),"Explore the selection of products available to you and choose one or more products that align with your retirement goals. After making your selection, a step-by-step guidance will be prompted to complete your enrollment process."]}),e.jsxs(o,{flexDirection:"row",gap:"20px",justifyContent:"flex-end",children:[e.jsx(k,{count:a}),e.jsx(_,{})]})]}),e.jsx(q,{onFilterChange:F}),e.jsx(R,{isLoading:I,children:e.jsx(o,{flexDirection:"row",type:"grid",mdCols:2,lgCols:3,className:"lg:gap-10 gap-4 w-100",justifyContent:"center",children:d==null?void 0:d.map(r=>e.jsx(D,{plan:r,planId:t??""},r==null?void 0:r.investmentProductId))})}),m>j?e.jsx(E,{pageSize:l,numTotalRecords:m,pageIndex:u,onPageChange:y,onPageSizeChange:w,pageSizeOptions:H,initialPageSize:l}):null]})}export{Z as Route,O as default};