1import{j as e}from"./renderApp-Jl9gCjeb.js";import{Y as x,a2 as v,a1 as u,am as h,M as f}from"./onboardingStepButtonEvents-DRfDzb1V.js";import{r as b}from"./index-CeeNt4yx.js";import{F as o}from"./Flex-DibRsXd1.js";import{T as _}from"./Text-D2j3JKR3.js";import{B as p}from"./ButtonSelect-BR5Fq7QL.js";import{S as j}from"./SkipHeader-DhDtTKU3.js";import"./factory-CP8apzB7.js";import"./googleTagManagerDataLayer-CilGxzRz.js";import"./googleTagManagerTraffic-DT1fdu9d.js";const S=[{id:1,label:"No change",value:"no_change",image:"sgr_qz2_dwd1_ksll/step5/ring1"},{id:2,label:"Slightly tighter",value:"slightly_tighter",image:"sgr_qz2_dwd1_ksll/step5/ring2"},{id:3,label:"Noticeably tighter",value:"noticeably_tighter",image:"sgr_qz2_dwd1_ksll/step5/ring3"},{id:4,label:"Hard to remove",value:"hard_to_remove",image:"sgr_qz2_dwd1_ksll/step5/ring4"},{id:5,label:"I don't wear rings",value:"I_don't_wear_rings",image:"sgr_qz2_dwd1_ksll/step5/ring5"}],d='"SF Pro Rounded", "M PLUS Rounded 1c", sans-serif',y={5:{onboardingEventName:f.EVENT_SKIP_5_BUTTON_PRESSED}},k=({ringFit:a,setRingFit:s,onAnswerSelect:l})=>{const[n,c]=b.useState(a),{setStep:i}=x(),{mixpanel:t}=v(),{facebookPixel:g}=u();return{options:S,selectedValue:n,onSelect:m=>{c(m),s(m),l?.(m)},onSkipClick:()=>{h({step:5,eventsByStep:y,mixpanel:t,facebookPixel:g}),i(6)}}},w="_step5_1xnql_124",N="_step5__bg_1xnql_134",E="_step5__titleBlock_1xnql_144",F="_step5__optionDimmed_1xnql_150",r={step5:w,step5__bg:N,step5__titleBlock:E,step5__optionDimmed:F},B=({options:a,selectedValue:s,onSelect:l,onSkipClick:n})=>{const c=a.slice(0,4),i=a[4];return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.step5__bg,"aria-hidden":"true"}),e.jsxs("section",{className:r.step5,children:[e.jsx(j,{stepProgress:4,onSkipClick:n}),e.jsxs("div",{className:r.step5__titleBlock,children:[e.jsx(o,{w:"100%",pl:12,pr:12,align:"center",justify:"center",pos:"relative",children:e.jsxs(_,{component:"div",c:"#1f4640",fz:24,fw:700,ff:d,lh:"110%",ta:"center",children:["How Does Your Ring Fit"," ",e.jsx(_,{component:"div",c:"#32b9af",fz:24,lh:"110%",fw:700,ta:"center",ff:d,children:"By The End Of The Day?"})]})}),e.jsxs(_,{c:"#4F7570",fz:16,lh:"19px",mt:"10px",fw:500,ta:"center",ff:d,children:["Subtle swelling patterns may reflect how ",e.jsx("br",{})," your body processes glucose."]})]}),e.jsxs(o,{direction:"column",mt:"24px",px:17,gap:10,children:[e.jsx(o,{gap:10,children:c.slice(0,2).map(t=>e.jsx("div",{style:{flex:1},className:s&&s!==t.value?r.step5__optionDimmed:void 0,children:e.jsx(p,{variant:"primary",imageFit:"cover",image:t.image,value:t.value,onSelect:l,label:t.label,isActive:s===t.value,fullWidth:!0})},t.id))}),e.jsx(o,{gap:8,children:c.slice(2,4).map(t=>e.jsx("div",{style:{flex:1},className:s&&s!==t.value?r.step5__optionDimmed:void 0,children:e.jsx(p,{variant:"primary",imageFit:"cover",image:t.image,value:t.value,onSelect:l,label:t.label,isActive:s===t.value,fullWidth:!0})},t.id))}),i&&e.jsx(o,{justify:"center",children:e.jsx("div",{style:{width:"calc(50% - 4px)"},className:s&&s!==i.value?r.step5__optionDimmed:void 0,children:e.jsx(p,{variant:"primary",imageFit:"cover",image:i.image,value:i.value,onSelect:l,label:i.label,isActive:s===i.value,fullWidth:!0})})})]})]})]})},W=({ringFit:a,setRingFit:s,onAnswerSelect:l})=>{const n=k({ringFit:a,setRingFit:s,onAnswerSelect:l});return e.jsx(B,{...n})};export{W as Step5};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.