https://porfoli.com/_next/static/chunks/app/(marketing)/page-2078906f9c780f3f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5522],{1611:(e,t,a)=>{"use strict";a.d(t,{AndroidPlayStoreButton:()=>c,AppleAppStoreButton:()=>m});var s=a(54568),r=a(75404),l=a(58795),n=a(30186),i=a(71430),o=a.n(i),d=a(62984);let c=({imageProps:e})=>{let t=(0,d.s)();return(0,s.jsx)(o(),{href:"https://play.google.com/store/apps/details?id=com.porfoli.android",onClick:()=>{t&&(0,r.$s)(t,"select_content",{content_type:"app_store_button",item_id:"android_play_store_button"})},className:"p-0 m-0 hover:scale-90 transition-all",children:(0,s.jsx)(n.default,{src:"/images/GetItOnGooglePlayBlackBg.png",width:270,height:80,alt:"Download on the Play Store",className:"h-auto w-[8.75rem] object-cover object-center sm:w-[10rem]",...e})})},m=({imageProps:e})=>{let t=(0,d.s)();return(0,s.jsx)(o(),{href:`https://apps.apple.com/us/app/porfoli/id${l.PORFOLI_APP_STORE_APPLE_ID}`,onClick:()=>{t&&(0,r.$s)(t,"select_content",{content_type:"app_store_button",item_id:"apple_app_store_button"})},className:"p-0 m-0 hover:scale-90 transition-all",children:(0,s.jsx)(n.default,{src:"/images/DownloadOnTheAppStoreWhite.svg",width:120,height:40,alt:"Download on the App Store",className:"h-auto w-[8.75rem] object-cover object-center sm:w-[10rem]",...e})})}},9383:e=>{e.exports={heading:"landing_heading__l5uCX",word:"landing_word__oWY_j",invest:"landing_invest___lBFW",fadeIn:"landing_fadeIn__vCFTa",learnFrom:"landing_learnFrom__ua6YT","phone-image":"landing_phone-image__WjMkN"}},15108:(e,t,a)=>{"use strict";a.d(t,{AnalyticsProvider:()=>x,H:()=>m});var s=a(54568),r=a(75404),l=a(89099),n=a(7620),i=a(13769);let o=(0,n.createContext)(null),d=()=>()=>void 0,c=()=>null,m=()=>{let e=(0,n.useContext)(o),t=(0,n.useCallback)(()=>{if(!e)throw Error("useBrandAnalytics must be used within AnalyticsProvider.");return(0,r.P5)((0,i.Dk)().length>0?(0,i.Sx)():(0,i.Wp)(e))},[e]);return(0,n.useSyncExternalStore)(d,t,c)},f=()=>{let e=(0,l.usePathname)(),t=(0,l.useSearchParams)(),a=m();return(0,n.useEffect)(()=>{if(!a)return;let s=t.size>0?`?${t}`:"",l=`${e}${s}`;(0,r.$s)(a,"page_view",{page_location:l,page_title:document.title,page_path:e})},[a,e,t]),null},x=({children:e,firebaseOptions:t})=>(0,s.jsxs)(o.Provider,{value:t,children:[e,(0,s.jsx)(n.Suspense,{fallback:null,children:(0,s.jsx)(f,{})})]})},18366:(e,t,a)=>{"use strict";a.d(t,{AnimatedDiv:()=>c,AnimatingH2Paragraph:()=>f});var s=a(54568),r=a(50312),l=a(93150),n=a(76305),i=a(82683),o=a(7620),d=a(94350);let c=e=>(0,s.jsx)(r.P.div,{...e}),m=({children:e,scrollYProgress:t,start:a})=>{let n=(0,l.G)(t,[a,1],[.15,1]);return(0,s.jsxs)(r.P.span,{style:{opacity:n},children:[e," "]})},f=({children:e})=>{let t=(0,o.useRef)(null),a=e.split(" "),{scrollYProgress:r}=(0,n.L)({target:t,offset:["0.2 0.8","center 0.6"]}),l=(0,i.z)(r,{stiffness:100,damping:20});return(0,s.jsx)("div",{ref:t,className:"relative",children:(0,s.jsx)(d.H2,{className:"font-light max-w-screen-xl text-center leading-tight text-2xl md:text-4xl lg:text-5xl",children:a.map((e,t)=>(0,s.jsx)(m,{scrollYProgress:l,start:t/a.length,children:e},`paragraph-part-${t}`))})})}},22013:(e,t,a)=>{Promise.resolve().then(a.t.bind(a,9383,23)),Promise.resolve().then(a.bind(a,18366)),Promise.resolve().then(a.bind(a,22723)),Promise.resolve().then(a.bind(a,59026)),Promise.resolve().then(a.bind(a,72225)),Promise.resolve().then(a.bind(a,1611)),Promise.resolve().then(a.bind(a,56376)),Promise.resolve().then(a.bind(a,15778)),Promise.resolve().then(a.t.bind(a,71430,23)),Promise.resolve().then(a.t.bind(a,54283,23))},22723:(e,t,a)=>{"use strict";a.d(t,{AnimatedContentViewer:()=>w});var s=a(54568),r=a(45890),l=a(76305),n=a(74717),i=a(15460),o=a(93150),d=a(50312),c=a(30186),m=a(7620),f=a(18366),x=a(94350),h=a(63917);let u=m.forwardRef(({className:e,...t},a)=>(0,s.jsx)("div",{ref:a,className:(0,h.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",e),...t}));u.displayName="Card",m.forwardRef(({className:e,...t},a)=>(0,s.jsx)("div",{ref:a,className:(0,h.cn)("flex flex-col space-y-1.5 p-6",e),...t})).displayName="CardHeader";let p=m.forwardRef(({className:e,...t},a)=>(0,s.jsx)("div",{ref:a,className:(0,h.cn)("text-2xl font-semibold leading-none tracking-tight",e),...t}));

1p.displayName="CardTitle";let g=m.forwardRef(({className:e,...t},a)=>(0,s.jsx)("div",{ref:a,className:(0,h.cn)("text-sm text-muted-foreground",e),...t}));g.displayName="CardDescription";let j=m.forwardRef(({className:e,...t},a)=>(0,s.jsx)("div",{ref:a,className:(0,h.cn)("p-6 pt-0",e),...t}));j.displayName="CardContent";let N=m.forwardRef(({className:e,...t},a)=>(0,s.jsx)("div",{ref:a,className:(0,h.cn)("flex items-center p-6 pt-0",e),...t}));N.displayName="CardFooter";let v=({title:e,description:t,index:a,focusedIndex:c})=>{let f=(0,m.useRef)(null),u=(0,r.d)(!0),{scrollYProgress:p}=(0,l.L)({target:f,offset:["start 75vh","end 25vh"]});(0,n.L)(p,"change",()=>{p.get()>0&&1>p.get()&&u.get()?(u.set(!1),(0,i.i)(c,a,{duration:.2})):(0===p.get()||1===p.get())&&u.set(!0)});let g=(0,o.G)(c,[a-1,a,a+1],[.15,1,.15]);return(0,s.jsxs)(d.P.section,{ref:f,className:"relative flex flex-col gap-4",style:{opacity:g},children:[(0,s.jsx)(x.H2,{className:(0,h.cn)("text-4xl font-normal text-start"),children:e}),(0,s.jsx)(x.P,{className:"font-light text-start max-w-screen-md",children:t})]})},y=({section:e,index:t,focusedIndex:a})=>{let r=(0,o.G)(a,[t-1,t,t+1],[0,1,0]);return(0,s.jsx)(d.P.div,{className:(0,h.cn)("relative",{absolute:t>0}),style:{opacity:r},children:(0,s.jsx)(c.default,{src:e.imageUrl,width:800,height:800,alt:e.alt,loading:"eager",unoptimized:!0,className:(0,h.cn)("w-full object-scale-down object-center rounded-xl","lg:max-h-[48rem]")})},`section-image-${t}`)},w=({sections:e})=>{let t=(0,r.d)(0);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"gap-x-20 gap-y-16 row-auto grid-cols-5 hidden xl:grid px-12",children:[(0,s.jsx)("div",{className:"space-y-[50vh] mb-[50vh] col-span-2",children:e.map((e,a)=>(0,s.jsx)(v,{index:a,title:e.title,description:e.description,focusedIndex:t},`section-${a}`))}),(0,s.jsx)(d.P.div,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},transition:{duration:.5},className:"w-full flex justify-center items-start sticky top-[25%] h-[70vh] col-span-3",children:e.map((e,a)=>

1(0,s.jsx)(y,{index:a,section:e,focusedIndex:t},`section-image-${a}`))})]}),(0,s.jsx)("div",{className:"grid grid-cols-1 lg:grid-cols-2 xl:hidden gap-8 items-center justify-center justify-items-center place-items-center w-full",children:e.map((e,t)=>(0,s.jsx)(f.AnimatedDiv,{className:"w-full h-full flex flex-1",initial:{opacity:0,y:100},transition:{duration:.5},whileInView:{opacity:1,y:0},children:(0,s.jsxs)(u,{className:"w-full h-full justify-between flex flex-col border-0 bg-transparent",children:[(0,s.jsx)(j,{className:"p-0 relative flex-1",children:(0,s.jsx)(c.default,{src:e.imageUrl,width:800,height:800,alt:e.alt,loading:"eager",unoptimized:!0,className:"object-top h-full w-full object-scale-down rounded-t-xl"})}),(0,s.jsx)(N,{className:"flex flex-row items-center gap-4 py-6 px-0 m-0",children:(0,s.jsxs)("div",{className:"flex flex-1 flex-col gap-2",children:[(0,s.jsx)(p,{className:"text-3xl font-normal",children:e.title}),(0,s.jsx)(g,{className:"text-base",children:e.description})]})})]})},`section-${t}`))})]})}},56376:(e,t,a)=>{"use strict";a.d(t,{Accordion:()=>o,AccordionContent:()=>m,AccordionItem:()=>d,AccordionTrigger:()=>c});var s=a(54568),r=a(62629),l=a(65793),n=a(7620),i=a(63917);let o=r.bL,d=n.forwardRef(({className:e,...t},a)=>(0,s.jsx)(r.q7,{ref:a,className:(0,i.cn)("border-b",e),...t}));d.displayName="AccordionItem";let c=n.forwardRef(({className:e,children:t,...a},n)=>(0,s.jsx)(r.Y9,{className:"flex",children:(0,s.jsxs)(r.l9,{ref:n,className:(0,i.cn)("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",e),...a,children:[t,(0,s.jsx)(l.A,{className:"h-4 w-4 shrink-0 transition-transform duration-200"})]})}));c.displayName=r.l9.displayName;let m=n.forwardRef(({className:e,children:t,...a},l)=>(0,s.jsx)(r.UC,{ref:l,className:"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",...a,children:(0,s.jsx)("div",{className:(0,i.cn)("pb-4 pt-0",e),children:t})}));m.displayName=r.UC.displayName},62984:(e,t,a)=>{"use strict";a.d(t,{s:()=>s.H});var s=a(15108)},72225:(e,t,a)=>{"use strict";a.d(t,{PortfolioPreviews:()=>K});var s=a(54568),r=a(7620),l=a(61572),n=a(91292),i=a(8926),o=a(30186),d=a(94350),c=a(63917);let m=(e,t={})=>new Intl.NumberFormat("en-US",{style:"percent",maximumFractionDigits:2,...t}).format(Number(e)),f=(e,t={})=>new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",maximumFractionDigits:2,...t}).format(Number(e)),x=({item:e})=>{let t=(0,n.jE)(),a=(0,l.FtZ)(e.instrument_id,t);return(0,s.jsxs)("div",{className:"w-full flex flex-row items-start gap-4",children:[a.data?.logo_url&&(0,s.jsx)(o.default,{src:a.data?.logo_url,height:48,width:48,alt:a.data?.name??"Instrument logo",className:"rounded-full object-cover object-center w-[3rem] h-[3rem]"}),(0,s.jsxs)("div",{className:"flex-1 flex flex-row-reverse justify-between items-start gap-2",children:[(0,s.jsxs)("div",{className:"flex flex-col items-end justify-end gap-0",children:[(0,s.jsx)(d.P,{className:(0,c.cn)("text-muted-foreground",{"text-[#AAFAC8]":e.modifiedDietzPercentageChange>0,"text-[#ff6659]":e.modifiedDietzPercentageChange<0}),children:m(e.modifiedDietzPercentageChange)}),(0,s.jsxs)(d.P,{className:"line-clamp-1 text-muted-foreground w-fit p-1 rounded-sm text-xs mt-1",children:["PRICE ",(0,s.jsx)("span",{className:"text-foreground",children:f(e.close)})]})]}),(0,s.jsxs)("div",{className:"flex-1 flex-col items-start justify-center gap-2 max-w-[70%]",children:[(0,s.jsxs)(d.P,{className:"line-clamp-1 text-sm",children:[a.data?.symbol," •"," ",(0,s.jsx)("span",{className:"text-muted-foreground",children:a.data?.name})]}),(0,s.jsxs)("div",{className:"flex flex-row items-center gap-1 mt-1",children:[(0,s.jsx)(i.A,{className:"w-4 h-4 text-primary"}),(0,s.jsx)(d.P,{className:"text-sm",children:m(e.weight)})]}),(0,s.jsxs)(d.P,{className:"line-clamp-1 text-muted-foreground w-fit px-0 py-1 rounded-sm text-xs mt-1",children:["COST ",(0,s.jsx)("span",{className:"text-foreground",children:f(e.cost_basis)})]})]})]})]},e.instrument_id)};var h=a(87870),u=a(46591),p=a(493);let g=u.bL;u.l9;let j=u.ZL;u.bm;let N=r.forwardRef(({className:e,...t},a)=>

1(0,s.jsx)(u.hJ,{ref:a,className:(0,c.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));N.displayName=u.hJ.displayName;let v=r.forwardRef(({className:e,children:t,...a},r)=>(0,s.jsxs)(j,{children:[(0,s.jsx)(N,{}),(0,s.jsxs)(u.UC,{ref:r,className:(0,c.cn)("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",e),...a,children:[t,(0,s.jsxs)(u.bm,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[(0,s.jsx)(p.A,{className:"h-4 w-4"}),(0,s.jsx)("span",{className:"sr-only",children:"Close"})]})]})]}));v.displayName=u.UC.displayName;let y=({className:e,...t})=>(0,s.jsx)("div",{className:(0,c.cn)("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});y.displayName="DialogHeader";let w=r.forwardRef(({className:e,...t},a)=>(0,s.jsx)(u.hE,{ref:a,className:(0,c.cn)("text-lg font-semibold leading-none tracking-tight",e),...t}));w.displayName=u.hE.displayName;let b=r.forwardRef(({className:e,...t},a)=>(0,s.jsx)(u.VY,{ref:a,className:(0,c.cn)("text-sm text-muted-foreground",e),...t}));b.displayName=u.VY.displayName;let _=(0,r.forwardRef)((e,t)=>{let a=(0,n.jE)(),[i,o]=(0,r.useState)(!1),[f,u]=(0,r.useState)(null),p=e=>{u(e),o(!0)},j=()=>{o(!1)};(0,r.useImperativeHandle)(t,()=>({open:p,close:j}));let N=(0,l.W1K)({slug:f?.portfolioWithRankingMetadata?.slug??"",duration:"all",user:null,getIdToken:()=>Promise.reject(Error("getIdToken not found."))},{enabled:i&&!!f},a);return(0,s.jsx)(g,{open:i,onOpenChange:o,children:(0,s.jsxs)(v,{className:"overflow-x-hidden overflow-y-auto max-h-[50vh] scrollbar scrollbar-thumb-muted-foreground scrollbar-track-background",children:[f&&(0,s.jsxs)(y,{className:"gap-0",children:[(0,s.jsx)(w,{className:"my-0",children:f.portfolioWithRankingMetadata.name}),(0,s.jsx)(b,{className:"my-0 text-muted-foreground",children:f.portfolioWithRankingMetadata.slug})]}),f&&N.isPending&&(0,s.jsx)(d.P,{className:"py-8 text-center text-sm text-muted-foreground",role:"status",children:"Loading portfolio details…"}),f&&N.isError&&(0,s.jsxs)("div",{className:"flex flex-col items-center gap-3 py-8 text-center",role:"alert",children:[(0,s.jsx)(d.P,{className:"text-sm text-muted-foreground",children:"Portfolio details are temporarily unavailable."}),(0,s.jsx)(h.$,{variant:"outline",onClick:()=>void N.refetch(),children:"Try again"})]}),f&&N.isSuccess&&(0,s.jsxs)("div",{className:"flex flex-col gap-0",children:[(0,s.jsxs)("div",{className:"flex flex-row items-center justify-between gap-4",children:[(0,s.jsx)(d.P,{className:"text-sm font-light",children:"Time-weighted return (TWR)"}),(0,s.jsx)(d.P,{className:(0,c.cn)("text-muted-foreground",{"text-[#AAFAC8]":N.data.timeWeightedPercentageChange>0,"text-[#ff6659]":N.data.timeWeightedPercentageChange<0}),children:m(N.data.timeWeightedPercentageChange)})]}),(0,s.jsxs)("div",{className:"flex flex-row items-center justify-between gap-4",children:[(0,s.jsx)(d.P,{className:"text-sm font-light",children:"Modified Dietz method (MDM)"}),(0,s.jsx)(d.P,{className:(0,c.cn)("text-muted-foreground",{"text-[#AAFAC8]":N.data.modifiedDietzPercentageChange>0,"text-[#ff6659]":N.data.modifiedDietzPercentageChange<0}),children:m(N.data.modifiedDietzPercentageChange)})]}),(0,s.jsx)("div",{className:"grid grid-cols-1 gap-4 place-items-center justify-items-center mt-6",children:N.data.positions.length>0?N.data.positions.map(e=>(0,s.jsx)(x,{item:e},`position-${e.instrument_id}`)):(0,s.jsx)(d.P,{className:"py-4 text-center text-sm text-muted-foreground",children:"This portfolio has no holdings yet."})})]})]})})});var k=a(75398),P=a(80422),C=a(49717),R=a(77834),A=a(75818),D=a(52320),W=a(49671),$=a(46282);

1let S={light:"",dark:".dark"},F=r.createContext(null);function M(){let e=r.useContext(F);if(!e)throw Error("useChart must be used within a <ChartContainer />");return e}let I=r.forwardRef(({id:e,className:t,children:a,config:l,...n},i)=>{let o=r.useId(),d=`chart-${e||o.replace(/:/g,"")}`;return(0,s.jsx)(F.Provider,{value:{config:l},children:(0,s.jsxs)("div",{"data-chart":d,ref:i,className:(0,c.cn)("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",t),...n,children:[(0,s.jsx)(L,{id:d,config:l}),(0,s.jsx)(D.u,{children:a})]})})});I.displayName="Chart";let L=({id:e,config:t})=>{let a=Object.entries(t).filter(([,e])=>e.theme||e.color);return a.length?(0,s.jsx)("style",{dangerouslySetInnerHTML:{__html:Object.entries(S).map(([t,s])=>`
2${s} [data-chart=${e}] {
3${a.map(([e,a])=>{let s=a.theme?.[t]||a.color;return s?`  --color-${e}: ${s};`:null}).join("\n")}
4}
5`).join("\n")}}):null},T=W.m,z=r.forwardRef(({active:e,payload:t,className:a,indicator:l="dot",hideLabel:n=!1,hideIndicator:i=!1,label:o,labelFormatter:d,labelClassName:m,formatter:f,color:x,nameKey:h,labelKey:u},p)=>{let{config:g}=M(),j=r.useMemo(()=>{if(n||!t?.length)return null;let[e]=t,a=`${u||e?.dataKey||e?.name||"value"}`,r=E(g,e,a),l=u||"string"!=typeof o?r?.label:g[o]?.label||o;return d?(0,s.jsx)("div",{className:(0,c.cn)("font-medium",m),children:d(l,t)}):l?(0,s.jsx)("div",{className:(0,c.cn)("font-medium",m),children:l}):null},[o,d,t,n,m,g,u]);if(!e||!t?.length)return null;let N=1===t.length&&"dot"!==l;return(0,s.jsxs)("div",{ref:p,className:(0,c.cn)("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",a),children:[N?null:j,(0,s.jsx)("div",{className:"grid gap-1.5",children:t.map((e,a)=>{let r=`${h||e.name||e.dataKey||"value"}`,n=E(g,e,r),o=e.payload,d=o&&"object"==typeof o&&"fill"in o&&"string"==typeof o.fill?o.fill:void 0,m=x||d||e.color;return(0,s.jsx)("div",{className:(0,c.cn)("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground","dot"===l&&"items-center"),children:f&&e?.value!==void 0&&e.name?f(e.value,e.name,e,a,t):(0,s.jsxs)(s.Fragment,{children:[n?.icon?(0,s.jsx)(n.icon,{}):!i&&(0,s.jsx)("div",{className:(0,c.cn)("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",{"h-2.5 w-2.5":"dot"===l,"w-1":"line"===l,"w-0 border-[1.5px] border-dashed bg-transparent":"dashed"===l,"my-0.5":N&&"dashed"===l}),style:{"--color-bg":m,"--color-border":m}}),(0,s.jsxs)("div",{className:(0,c.cn)("flex flex-1 justify-between leading-none",N?"items-end":"items-center"),children:[(0,s.jsxs)("div",{className:"grid gap-1.5",children:[N?j:null,(0,s.jsx)("span",{className:"text-muted-foreground",children:n?.label||e.name})]}),e.value&&(0,s.jsx)("span",{className:"font-mono font-medium tabular-nums text-foreground",children:e.value.toLocaleString()})]})]})},e.dataKey)})})]})});function E(e,t,a){if("object"!=typeof t||null===t)return;let s="payload"in t&&"object"==typeof t.payload&&null!==t.payload?t.payload:void 0,r=a;return a in t&&"string"==typeof t[a]?r=t[a]:s&&a in s&&"string"==typeof s[a]&&(r=s[a]),r in e?e[r]:e[a]}z.displayName="ChartTooltip",$.s,r.forwardRef(({className:e,hideIcon:t=!1,payload:a,verticalAlign:r="bottom",nameKey:l},n)=>{let{config:i}=M();return a?.length?(0,s.jsx)("div",{ref:n,className:(0,c.cn)("flex items-center justify-center gap-4","top"===r?"pb-3":"pt-3",e),children:a.map(e=>{let a=`${l||e.dataKey||"value"}`,r=E(i,e,a);

5return(0,s.jsxs)("div",{className:(0,c.cn)("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),children:[r?.icon&&!t?(0,s.jsx)(r.icon,{}):(0,s.jsx)("div",{className:"h-2 w-2 shrink-0 rounded-[2px]",style:{backgroundColor:e.color}}),r?.label]},e.value)})}):null}).displayName="ChartLegend";let H={wealth:{label:"Total value",color:"hsl(var(--chart-2))"},date:{label:"Date"},statistics:{label:"Statistics"}},O=({portfolio:e,onPressViewHoldings:t})=>{let a,r=e.portfolioWithRankingMetadata.wealth_chart[0],l=e.portfolioWithRankingMetadata.wealth_chart[e.portfolioWithRankingMetadata.wealth_chart.length-1],n=r&&l&&r.wealth!==l.wealth?r.wealth>l.wealth?"#ff6659":"#AAFAC8":"#FFF";return(0,s.jsxs)("div",{className:"col-span-1 w-full h-full flex flex-col justify-center bg-card p-4 md:p-8 rounded-md gap-8",children:[(0,s.jsxs)("div",{className:"flex flex-row-reverse items-start justify-between gap-4",children:[(0,s.jsxs)("div",{className:"flex flex-col items-end justify-center gap-2",children:[(0,s.jsx)(d.H6,{style:{color:n},children:(a=e.portfolioWithRankingMetadata.percentage_change,`${(100*a).toFixed(2)}%`)}),(0,s.jsx)(h.$,{variant:"ghost",className:"p-0 my-0 border-primary h-fit hover:bg-transparent hover:text-primary",onClick:()=>t(e.portfolioWithRankingMetadata.slug),children:(0,s.jsx)("span",{children:"View holdings"})})]}),(0,s.jsxs)("div",{className:"flex flex-1 flex-row items-center gap-4",children:[e.portfolioWithRankingMetadata.image_url&&(0,s.jsx)(o.default,{height:48,width:48,src:e.portfolioWithRankingMetadata.image_url,alt:"Portfolio image",className:"rounded-full object-cover object-center w-[3rem] h-[3rem]"}),(0,s.jsxs)("div",{className:"flex flex-col flex-1 items-start justify-center gap-0",children:[(0,s.jsx)(d.H6,{className:"overflow-ellipsis line-clamp-1",children:e.portfolioWithRankingMetadata.name}),(0,s.jsx)(d.P,{className:"text-muted-foreground font-extralight overflow-ellipsis line-clamp-1",children:e.portfolioWithRankingMetadata.slug})]})]})]}),(0,s.jsx)(I,{config:H,className:"aspect-auto h-[250px] w-full",children:(0,s.jsxs)(k.b,{accessibilityLayer:!0,data:e.portfolioWithRankingMetadata.wealth_chart,children:[(0,s.jsx)(P.d,{vertical:!1,horizontal:!1}),(0,s.jsx)(C.W,{dataKey:"date",tickLine:!1,axisLine:!1,tickMargin:8,minTickGap:12,tickFormatter:e=>new Date(e).toLocaleDateString("en-US",{hour:"numeric",minute:"numeric",month:"short",day:"numeric"})}),(0,s.jsx)(R.h,{dataKey:"wealth",domain:["dataMin","dataMax"],tickLine:!1,axisLine:!1,hide:!0}),(0,s.jsx)(T,{content:(0,s.jsx)(z,{className:"w-[150px]",nameKey:"wealth",labelFormatter:(e,t)=>{let a=t[0]?.payload;if(!a||"object"!=typeof a||!("date"in a))return"";let s=a.date;if("string"!=typeof s&&"number"!=typeof s)return"";let r=new Date(s);return Number.isNaN(r.getTime())?"":r.toLocaleDateString("en-US",{month:"short",day:"numeric",hour:"numeric",minute:"numeric"})}})}),(0,s.jsx)(A.N,{dataKey:"wealth",type:"monotone",stroke:n,strokeWidth:2,dot:!1})]})})]})};var U=a(18366);let K=({portfolios:e})=>{let t=(0,r.useRef)(null);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(U.AnimatedDiv,{initial:{opacity:0,y:20},transition:{duration:.5},whileInView:{opacity:1,y:0},className:"grid grid-cols-1 gap-16 md:grid-cols-2 place-items-center justify-items-center",children:e.map(e=>(0,s.jsx)(O,{portfolio:e,onPressViewHoldings:()=>{t.current?.open(e)}},`portfolio-${e.portfolioWithRankingMetadata.slug}`))}),(0,s.jsx)(_,{ref:t})]})}},94350:(e,t,a)=>{"use strict";a.d(t,{H2:()=>l,H6:()=>n,P:()=>i});var s=a(54568),r=a(63917);let l=({className:e,...t})=>(0,s.jsx)("h2",{className:(0,r.cn)("text-5xl font-semibold",e),...t}),n=({className:e,...t})=>(0,s.jsx)("h6",{className:(0,r.cn)("text-xl font-semibold",e),...t}),i=({className:e,...t})=>(0,s.jsx)("p",{className:(0,r.cn)("font-light text-lg",e),...t})}},e=>{e.O(0,[9926,401,6141,1430,5819,7409,3234,3769,4335,590,1622,4583,6591,4663,8795,7496,2877,1107,5025,587,2074,7358],()=>e(e.s=22013)),_N_E=e.O()}]);