https://www.stuffthatworks.health/static/IntroPage-8NiLWDOG.js

1import{r as a,G as t,a8 as d,B as b}from"./vendor-DAv-FpWw.js";import{Y as l,bY as _,bB as h,aH as f,c0 as g,aG as u,aR as y,cX as v,dh as C,di as I,ad as T}from"./index-hxUzrcIb.js";import{a as E}from"./appPageHOC-COa-Wd8_.js";import{A as k,E as P,V as r}from"./Variant-4_NsU_f_.js";import{L as G}from"./App-Cc3G2O5x.js";import{u as A}from"./useGlobalStats-NUo5AHyZ.js";import{L as S}from"./LoadingBox-n9HtFQa2.js";import{T as j}from"./TitleContentSectionList-DaiyP1UU.js";import{F as p}from"./FindYourConditionButton-DSH6Xltc.js";import{s as w}from"./stringJsxUtils-tL_eKWjI.js";import"./axios-vj0gQDHn.js";import"./date-fns-ByK52Uz7.js";import"./_createAssigner-Ciu9NxVE.js";import"./sumBy-BR_yPUgZ.js";import"./_baseOrderBy-CG7NxQMb.js";import"./styleUtils-B9TBjsgZ.js";import"./assign-WvEImBwu.js";import"./SearchIcon-B-u6Xan0.js";const L=a.memo(({children:i})=>{const{texts:n}=a.useContext(l),s=n.company_pages.introduction_page,e=window.innerWidth<1433,o=a.useRef(null),m={...e?{left:`calc(50% - ${o.current?`${o.current.clientWidth/2}px`:0})`}:{top:"100px",right:`${o.current?`-${o.current.clientWidth-70}px`:0}`}},N={height:o.current?`calc(${o.current.clientHeight>270?o.current.clientHeight/2+50:o.current.clientHeight/3}px)`:"10px",backgroundColor:"white",width:"100%"};return t.jsxs("div",{className:"section intro-header-wrapper",...h(),children:[t.jsx("div",{className:"section-content-container",children:t.jsxs("div",{className:"section-content",children:[i,t.jsx("img",{ref:o,style:m,alt:"header",src:_(`company-pages/${s.header_image_name}`)})]})}),t.jsx("div",{className:"temp-div",style:N})]})}),H=a.memo(()=>{const{texts:i,linkGenerator:n,conditionDetails:s}=a.useContext(l),e=i.company_pages.introduction_page;return t.jsxs(L,{children:[t.jsx(d,{to:f(n),children:t.jsx(G,{className:"logo"})}),t.jsxs(k,{name:P.INTRO_PAGE_TITLE,version:"1",children:[t.jsx(r,{name:"title-1",children:t.jsx("h1",{children:e.title})}),t.jsx(r,{name:"title-2",children:t.jsx("h1",{children:e.title_2})}),t.jsx(r,{name:"title-3",children:t.jsx("h1",{children:e.title_3})}),t.jsx(r,{name:"title-4",children:t.jsx("h1",{children:e.title_4})}),t.jsx(r,{name:"title-5",children:t.jsx("h1",{children:e.title_5})})]}),w(e.description.replace(s?"chronic conditions":"*********",`chronic conditions like <b>${s.displayName}</b>`),"div",{className:"description"}),s!=null&&s.titleDisplayName?t.jsx(d,{className:"link",to:u(n,s.conditionUrlId),children:t.jsxs(g,{children:["Discover ",s.titleDisplayName," Insights"]})}):t.jsx(p,{variant:"default",showSearchIcon:!0,className:"search-button",size:"desktop-large",text:e.search,onClick:()=>x("search-button")})]})}),c=a.memo(({statusKey:i,globalStats:n,isLoading:s,label:e})=>t.jsxs("div",{className:"stats-item",...h(),children:[s||!n?t.jsx(S,{heightPx:50,widthPx:160}):typeof n[i]=="number"?t.jsx("div",{className:"count",children:y(+n[i])}):"",t.jsx("div",{className:"label",children:e})]})),B=a.memo(({title:i})=>{const{texts:n}=a.useContext(l),{globalStats:s,isLoading:e}=A(),o=n.common.words;return t.jsxs("div",{className:"home-global-stats",...h(),children:[t.jsx("h2",{children:i}),t.jsxs("div",{className:"global-stats-items",children:[t.jsx(c,{statusKey:"members",label:o.members,globalStats:s,isLoading:e}),t.jsx(c,{statusKey:"medicalPractitioners",label:o.doctors,globalStats:s,isLoading:e}),t.jsx(c,{statusKey:"answers",label:o.data_points,globalStats:s,isLoading:e}),t.jsx(c,{statusKey:"conditions",label:o.conditions,globalStats:s,isLoading:e})]})]})}),x=i=>{T({name:"go-to-search",properties:{category:"intro-page",label:i}})},R=()=>{const{texts:i,conditionDetails:n,linkGenerator:s}=a.useContext(l),e=i.company_pages.introduction_page,o=e.top_content.map(m=>({...m,component:n!=null&&n.titleDisplayName?t.jsx(d,{to:u(s,n.conditionUrlId),children:t.jsxs(g,{className:"find-condition",size:"desktop-large",children:["Discover ",n.titleDisplayName," Insights"]})}):t.jsx(p,{className:"find-condition",text:e.find_your_condition,onClick:()=>x("find-condition")})}));return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:b("page-content",{isCondition:n}),children:[t.jsx(H,{}),t.jsx(j,{sections:o,className:"top-content"}),t.jsx(B,{title:e.global_stats_title}),t.jsx(j,{sections:e.bottom_content}),t.jsx(p,{className:"join-button",text:e.join,onClick:()=>x("join-button")})]}),t.jsx(C,{pageName:I.INTRO})]})},st=E({pageType:v.GENERAL})(R);export{st as IntroPage,R as IntroPageInner,x as searchNavigationEvent};
2//# sourceMappingURL=IntroPage-8NiLWDOG.js.map