https://www.stuffthatworks.health/static/SubgroupPage-C1Fc8f47.js

1import{r as p,G as e,F as _,Y as k,I as Y,B as K}from"./vendor-DAv-FpWw.js";import{a as W}from"./appPageHOC-COa-Wd8_.js";import{z as H,G as F,B as V,cg as X,Y as g,cf as E,bB as x,f3 as Z,N as J,af as q,gD as Q,f4 as ee,f5 as re,gC as se,gJ as te,gK as ie,cX as oe,di as y,f2 as ae,eY as pe,c0 as ne,dh as me,gL as ce}from"./index-hxUzrcIb.js";import{STWCard as A}from"./STWCard-B1U-TB4S.js";import{L as j}from"./LoadingBox-n9HtFQa2.js";import{L as le}from"./Legend-CSXvXtTc.js";import{S as L}from"./STWPieGraph-La4j0NMo.js";import{S as ue}from"./STWLineGraph-Dhn3j8zO.js";import{T as ge}from"./STWGraphTypes-CR52K9Y9.js";import{S as de}from"./STWVerticalBarsGraph-AOm25lbm.js";import{S as he}from"./STWHorizontalBarsChart-D5KuMX91.js";import{T as be}from"./TreatmentsSection-C3kxpzia.js";import{E as xe}from"./EntityDiscussionWrapper-YcamLIsA.js";import{H as Se}from"./App-Cc3G2O5x.js";import{C as fe}from"./ConditionTitleComponents-C2alzNnb.js";import{p as je}from"./imageUtils-Cbfs2SVJ.js";import{i as Ne}from"./useConditionSubgroups-CutIx2Bv.js";import{u as ve,S as Ie}from"./SampleMemberReportsSlider-li5J636T.js";import"./axios-vj0gQDHn.js";import"./date-fns-ByK52Uz7.js";import"./styleUtils-B9TBjsgZ.js";import"./assign-WvEImBwu.js";import"./_createAssigner-Ciu9NxVE.js";/* empty css                               */import"./useDisplayAnimation-BDq49Oqp.js";import"./generateCategoricalChart-BGx46QhM.js";import"./ticks-DWGmYGcH.js";import"./PieChart-rS-jeLII.js";import"./STWGraphTooltipContent-B-RyEgGZ.js";import"./popupTail-BLKpFc1d.js";/* empty css                  */import"./Arrows-z27XADd6.js";import"./sortBy-BCRlyp_1.js";import"./_baseOrderBy-CG7NxQMb.js";import"./STWGraphLegendContent-BsAWClJu.js";import"./ReferenceLineLabel-CgOXQ051.js";import"./CartesianGrid-CH57YZHT.js";import"./YAxis-hQS-mfqu.js";import"./BarChart-D5dvZMwK.js";import"./ProgressBar-B5J2eMec.js";import"./VertEllipsis-FlZaOEmc.js";import"./style-Dps-eEk3.js";import"./fill-CeAMlxVg.js";import"./_baseClamp-DkKu7aIe.js";import"./discussionsContext-Co9Ix18O.js";import"./discussionUtils-D0-QlBsz.js";import"./useBlockUser-Dyl7XMe9.js";import"./sumBy-BR_yPUgZ.js";import"./DiscussionWithComments-VNYJ9Jhg.js";import"./reactionsEvents-DJk8bpVi.js";import"./ReactionMenu-BZd9BfZp.js";import"./eventsHooks-DXqU_KWI.js";import"./TextField-DrntAav9.js";import"./ChatIcon-B2JK5Exy.js";import"./PollIcon-DG6k48xV.js";import"./SmartNickname-lf3_VuN4.js";import"./TimelineDateHeader-Cld_yBJ7.js";import"./DailyUpdatesUtils-CD46gpKs.js";import"./react-spring-DnYEk24U.js";import"./index.esm-DRUjTduh.js";import"./DotMenu-DtL8EJLq.js";import"./map-DfnL6XUW.js";import"./STWLinkify-DK0OpaEK.js";import"./DialogWrapper-Cj18NigN.js";import"./CloseIcon-CN2JUboy.js";import"./noop-DX6rZLP_.js";import"./DiscussionSummaryBar-B0Ch-dKY.js";import"./cloneDeep-BNC9zIg7.js";import"./TrashIcon-B3-rz3ao.js";import"./BlockUserIcon-BZhSxg6V.js";import"./discussionContext-ComrTVFm.js";import"./LockIcon-DjMPTt1E.js";import"./index-XjZD8des.js";import"./openSelectors-sV1MMWUX.js";

1import"./CreateOrEditUserDiscussionDialog-hvDslDYk.js";import"./CreateFeedItemHeader-BJcNM0KO.js";import"./STWSelect-D00E9IPh.js";import"./RoundDeleteIcon-BuQXx3Re.js";import"./AskUtils-1fIY-7qu.js";import"./Progress-BDQjw272.js";import"./index-C6z-C59g.js";import"./STWHelperText-12Jc9Dn5.js";import"./STWInput-DFSFFyu1.js";import"./CameraIcon-Be1x-Hek.js";import"./AskQuestionWrapper-13IAw0l9.js";import"./questionContext-B4XwZ0Ds.js";import"./feedEvents-Cmvg1B1g.js";import"./open-CxgY-o0T.js";import"./ExtendedSlider-AN8H3rsk.js";import"./Fab-CVknoTa7.js";import"./reactusegesture.esm-rPpFTpt-.js";import"./Notify-H9zJlpM_.js";import"./LottieAnimation-BiAM5aJ4.js";import"./Variant-4_NsU_f_.js";import"./index-DbzUpfZv.js";/* empty css                                */import"./DiscussionNotAllowed-Dn5t0K2W.js";import"./JoinCommunity-Qj5lGTSz.js";import"./PageTitle-B0b5d_Wy.js";import"./EmptyComponents-BL-LcGry.js";import"./ShareButtonsBar-D2WZ66H3.js";import"./CopyLink-DozaNCFb.js";import"./CopyIconRound-DRyglwpA.js";import"./TwiterBlackIcon-QQlQL33-.js";import"./useSocialShareLinks-DC0i3ska.js";import"./CircularLoadingBar-VLIbK6Wi.js";import"./ShareIcon-1idOu4HP.js";import"./ShareButton-BXDcqgCj.js";import"./stringJsxUtils-tL_eKWjI.js";import"./BackNavigation-bbNZjcTz.js";import"./SubmitChatArrow-C7d1L68H.js";import"./OpenStuffPageEvents-ipFOOGEh.js";import"./OpenStuffPage-CM7ZdOLp.js";import"./openStuffUtils-C8UG_aTD.js";import"./showdown-Bj-DXUWf.js";import"./metaStatsUtils-Dbb1N6kY.js";import"./react-select-P-CeZIiV.js";import"./RoundPlusIcon-p59QqfbW.js";import"./Checkbox-CLDDiwyC.js";import"./uniq-45Hl69BO.js";import"./_baseUniq-C9mbjpcj.js";import"./_arrayIncludes-CDnmoKoM.js";import"./useCrossTabulation-BsBkuQ-0.js";import"./LottieLoader-B66rH2Us.js";import"./peopleSearchContext-8C2CEVNF.js";import"./PencilIcon-bV5CDZyL.js";import"./uniqBy-ByN4iUth.js";import"./FormPage-D9xDwDmK.js";import"./QuestionTitle-CCZXy_Fr.js";import"./formUtils-6TP7vVlI.js";import"./externalIcons-B0-oSLTZ.js";import"./MainSignInButton-xqO_82QL.js";import"./Button-DNouwoDg.js";import"./ChatNormalizedQuery-BDyH1dsf.js";const Te=(s,r)=>{const[t,i]=p.useState(),{fetch:o,data:a,isLoading:n,error:c}=H(),m=p.useCallback(l=>F(t,l,null),[t]);return p.useEffect(()=>{s&&o(V.GET_CONDITION_SUBGROUP.replace(":conditionUrlId",s).replace(":groupId",r))},[s,r]),p.useEffect(()=>{a&&i({...a,treatments:Array.isArray(a.treatments)?a.treatments.map(l=>({...l,score:(l.score?l.score:0)*10})):[]})},[a]),{name:m("name"),description:m("description"),summaryTitle:m("summaryTitle"),membersPercentage:m("membersPercentage"),mapImgSrc:m("mapImageUrl"),treatments:m("treatments"),significant:m("significant"),isLoadingSubgroupDetails:n,error:c}};var u=(s=>(s.VERTICAL_BARS="VerticalBars",s.HORIZONTAL_BARS="HorizontalBars",s.TWO_PIES="TwoPies",s.LINES="Lines",s.NONE="None",s))(u||{});const S="#84A598",N=X,Pe="#8A8A8A",R=(s,r,t)=>[{category:s,value:r,fill:t,opacity:.7},{category:s,value:100-r,fill:t,opacity:.3}],ye=({graphId:s,data:r})=>{const{screenSize:t}=p.useContext(g),i=R("subgroup",r.subgroupGraphPoints[0].y,S),o=R("other",r.outOfSubgroupGraphPoints[0].y,Pe),a={dataKey:"value",innerRadius:"80%",outerRadius:"100%"};return e.jsx("div",{className:"two-pies-graph",children:e.jsx("div",{className:"graph-wrapper",children:e.jsx(L,{graphId:`${s}-subgroup-pie`,pieInfoProps:{pieProps:[{...a,cx:t.isMobileScreenSize?31:90,data:i,label:{value:`${Math.round(i[0].value)}%`}},{...a,cx:t.isMobileScreenSize?115:310,data:o,label:{value:`${Math.round(o[0].value)}%`}}]}})})})},Re=({data:s})=>{const{texts:r}=p.useContext(g),t=[...s.subgroupGraphPoints.map(o=>({x:o.x,subgroup:o.y})),...s.outOfSubgroupGraphPoints.map(o=>({x:o.x,other:o.y}))],i={lines:[{dataKey:"subgroup",stroke:S},{dataKey:"other",stroke:N}]};return e.jsx("div",{className:"subgroup-lines-graph",children:e.jsx(ue,{data:t,linesInfo:i,chartProps:{XAxisProps:{dataKey:"x",hideTicks:ge.hideLast,label:{value:r.open.subgroup_page.graphs.age_graph_label}},YAxisProps:{hide:!0}}})})},Oe=s=>`${Math.round(s)}%`,Ce=({data:s,horizontal:r=!1,isMobile:t})=>{const i=[{name:"subgroup-graph",subgroup:s.subgroupGraphPoints[0].y,other:s.outOfSubgroupGraphPoints[0].y}],c={bars:[{dataKey:"subgroup",fill:S},{dataKey:"other",fill:N}],globalOptions:{barSize:r?t?6:10:t?12:67}};return e.jsx("div",{className:"subgroup-bars-graph",children:r?e.jsx("div",{className:"horizontal-graph-wrapper",children:e.jsx(he,{data:i,chartProps:{YAxisProps:{dataKey:"name"}},barsInfo:{...c,globalLabelList:{formatter:Oe}}})}):e.jsx("div",{className:"vertical-graph-wrapper",children:e.jsx(de,{data:i,barsInfo:{...c},chartProps:{categoricalChartProps:{margin:{top:35,right:5,bottom:-20,left:-5}},XAxisProps:{dataKey:"name",tick:!1},YAxisProps:{domain:[0,100],ticks:[25,50,75,100],label:{value:"%",offset:t?15:25}}}})})})},_e=s=>({isMobile:E(s)}),O=_(_e,{})(p.memo(Ce)),Ee=({groupId:s,entity:r,graphType:t})=>{const{texts:i}=p.useContext(g),o=p.useRef([{name:i.open.subgroup_page.subgroup_title,color:S},{name:i.open.subgroup_page.others_title,color:N}]),a=n=>{switch(t){case u.VERTICAL_BARS:return e.jsx(O,{data:n});case u.HORIZONTAL_BARS:return e.jsx(O,{data:n,horizontal:!0});case u.TWO_PIES:return e.jsx(ye,{graphId:`${s}-${r.displayName}-two-pies`,data:n});case u.LINES:return e.jsx(Re,{data:n});default:return e.jsx(e.Fragment,{})}};return e.jsxs("div",{className:"significant-entity",...x(),children:[e.jsxs("div",{className:"entity-title",children:[e.jsx("div",{className:"entity-name",children:`${r.displayName}${r.valuesRange?":":""}`}),r.valuesRange&&e.jsx("div",{className:"entity-values-range",children:r.valuesRange})]}),e.jsx("div",{className:"entity-percentage-diff",children:r.percentageDiff}),r.subgroupGraphData&&Object.values(u).includes(t)&&e.jsxs("div",{className:"entity-graph",...x(),children:[a(r.subgroupGraphData),e.jsx(le,{groups:o.current})]})]})},Ae=({groupId:s,category:r})=>e.jsxs("div",{className:"significant-category",children:[r.title&&e.jsx("div",{className:"category-title",children:`${r.title}:`}),r.entities.length>0&&e.jsx("div",{className:"category-value",children:r.entities.map((t,i)=>e.jsx(Ee,{entity:t,graphType:r.graphType,groupId:s},i))})]}),C=3,Le=({groupId:s,significant:r})=>{const{texts:t}=p.useContext(g),[i,o]=p.useState(!1);return p.useEffect(()=>{r&&r.length<=C&&o(!0)},[r]),e.jsx("div",{className:"subgroup-significant",children:r?e.jsxs("div",{children:[e.jsxs(A,{rootClass:"significant-categories-card",children:[(i?r:r.slice(0,C)).map((a,n)=>e.jsx(Ae,{category:a,groupId:s},n)),e.jsx("div",{className:"significant-description",children:t.open.subgroup_page.significant.description})]}),!i&&e.jsx("div",{className:"view-more",onClick:()=>o(!0),children:t.open.subgroup_page.significant.view_more})]}):e.jsx(De,{})})},De=()=>e.jsxs(e.Fragment,{children:[e.jsx(j,{heightPx:200}),e.jsx(j,{heightPx:500})]}),Ge=({title:s,handleScrollToDiscussion:r,allowComments:t,groupId:i})=>

1{const{conditionDetails:o,linkGenerator:a,texts:n,userDetails:c}=p.useContext(g),m=n.open.subgroup_page;return e.jsx("div",{className:"page-section subgroup-title-section",children:e.jsx(fe,{conditionDetails:o,userDetails:c,title:s,backInfo:{text:m.all_subgroups_navigation,backUrl:ee(a,o.conditionUrlId,`tab=${re.SUBGROUPS}`)},shareInfo:{shareLink:`${q()}${Q(a,o.conditionUrlId,i)}`,cid:o.cid,eventCategoryPref:Z[J.SUBGROUPS].singularName},handleScrollToDiscussion:r,allowComments:t})})},we=({description:s,membersPercentage:r,mapImageSrc:t})=>{const i=r?[{category:"Subgroup",value:r,fill:te},{category:"Other",value:100-r,fill:ie}]:[];return s&&r&&t?e.jsxs(A,{rootClass:"subgroup-general-info-card",children:[e.jsx("div",{className:"map-image-wrapper",...x(),children:e.jsx("img",{className:"map-image",src:`${se(t)}${je()}`,alt:"map"})}),e.jsxs("div",{className:"subgroup-description-wrapper",children:[e.jsx("div",{className:"graph-wrapper",children:e.jsx(L,{graphId:"subgroup-general-info-pie",pieInfoProps:{activeIndex:0,pieProps:[{data:i,dataKey:"value"}]}})}),e.jsx("div",{className:"subgroup-description",...x(),children:s})]})]}):e.jsx(j,{heightPx:340})},ze=({isMobile:s})=>{const{groupId:r}=k(),{conditionDetails:t,userDetails:i,texts:o,setNotFound:a,linkGenerator:n,screenSize:c}=p.useContext(g),[m,l]=p.useState(!1),d=o.open.subgroup_page,v=Ne(i),{name:D,description:h,summaryTitle:I,membersPercentage:G,mapImgSrc:w,treatments:T,significant:z,error:P}=Te(t.conditionUrlId,r),{subgroupMembersSample:b,isLoading:B}=ve(t.conditionUrlId,r,c.isMobileScreenSize),U=Y(),f=p.useRef(null);p.useEffect(()=>{v||a()},[v,a]),p.useEffect(()=>{P&&a()},[P,a]);const M=()=>{f.current&&Se(f.current,0)},$=()=>{c.isMobileScreenSize?U.push(ce(n,t.conditionUrlId,r)):l(!m)};return e.jsxs(e.Fragment,{children:[e.jsx(xe,{discussionType:pe.ENTITY,discussionRef:f,entityType:ae.SUBGROUP,isDiscussionAllowed:!!h,entityId:r,canScrollToComment:!!h&&T.length>0,pageName:y.SUBGROUP,children:e.jsxs("div",{className:K("subgroup-and-sidebar-wrapper",{"sidebar-opened":m&&b}),children:[m&&b&&e.jsx("div",{className:"sidebar",children:e.jsx(Ie,{membersReportSample:b,isLoading:B})}),e.jsxs("div",{className:"subgroup",children:[e.jsx(Ge,{handleScrollToDiscussion:M,title:D||"",allowComments:!!h,groupId:r}),e.jsxs("div",{className:"subgroup-page-content",children:[e.jsxs("div",{className:"subgroup-section",children:[e.jsxs("div",{className:"section-title-wrapper",children:[e.jsx("div",{className:"section-title",children:d.general_info.title}),e.jsx(ne,{variant:"contained",size:"small",onClick:()=>{$()},disabled:!c.isMobileScreenSize&&!b,children:d.members_review})]}),e.jsx(we,{description:h,membersPercentage:G,mapImageSrc:w})]}),e.jsxs("div",{className:"subgroup-section",children:[e.jsx("div",{className:"section-title",children:d.significant.title}),I&&e.jsx("div",{className:"summary-title",children:I.title}),e.jsx(Le,{significant:z,groupId:r})]}),e.jsxs("div",{className:"subgroup-section",children:[e.jsx("div",{className:"section-title",children:d.effectiveness.title}),e.jsx(be,{condition:t,treatments:T,isMobile:s,initialAmountToRender:5,isDetrimental:!1,isEffective:!0})]})]})]})]})}),e.jsx(me,{pageName:y.SUBGROUP,hideShare:!0})]})},Be=s=>({isMobile:E(s)}),lt=W({pageType:oe.COMMUNITY})(_(Be,null)(ze));export{lt as SubgroupPage};
2//# sourceMappingURL=SubgroupPage-C1Fc8f47.js.map