Test zur Einschätzung der Kurzsichtigkeit Ihres Kindes.
„Kurzsichtigkeit“ ist der übliche Begriff für die Myopie – ein weit verbreiteter Sehfehler, der in der Regel in der Kindheit beginnt und für dessen Korrektur eine Brille oder Kontaktlinsen notwendig sind, damit man zum Beispiel die Details auf einer Tafel im Klassenzimmer oder den Text auf einem Fernsehbildschirm scharf erkennen kann. Finden Sie mit unserem Test heraus, ob sich eine Kurzsichtigkeit bei Ihrem Kind entwickeln könnte und was zu tun ist, wenn Ihr Kind bereits kurzsichtig ist.
Was verursacht Kurzsichtigkeit?
Es gibt zwei Hauptfaktoren, nach denen die Wahrscheinlichkeit, ob Ihr Kind eine Myopie entwickelt, sehr hoch ist – genetische Einflüsse und Verhaltenseinflüsse. Es gibt jedoch noch andere noch nicht erforschte Faktoren, die bei der Entwicklung der Myopie eine Rolle spielen.
Wie wirkt sich die Kurzsichtigkeit auf mein Kind aus?
Mit zunehmendem Wachstum des Kindes, schreitet möglicherweise auch seine Kurzsichtigkeit voran. Bei Kleinkindern kann bereits eine geringe Höhe der Fehlsichtigkeit ein Zeichen dafür sein, dass sich die Kurzsichtigkeit im Laufe ihres Lebens weiter zunimmt. Wenn die Kinder erwachsen sind, ist ihre Kurzsichtigkeit wahrscheinlich mit ihnen gewachsen. Erfahren Sie, wie sich die Sehqualität ohne eine Brille oder Kontaktlinsen verändert, wenn die Myopie voranschreitet.
FPO - visual from myopia simulator
", t += ""; var n = window.open("", "", "width=" + screen.availWidth + ",height=" + screen.availHeight); n && (n.document.open(), n.document.write(t), n.document.addEventListener("load", function() { setTimeout(function() { n.focus(), n.print(), n.document.close(), n.close() }, 1e3) }, !0)) }(t.toDataURL()), e.style.display = "none" }).catch(function(e) { console.log("error canvas", e) }) }, Cg = function(e) { var t = e.result, n = function(e) { switch (e) { case "Yes": return "general.yes"; case "No": return "general.no"; default: return "" } }; return Object(ot.h)(Ar, { id: "resultPreview", border: "1px solid rgba(0, 0, 0, 0.54)", p: 1, mt: 3 }, Object(ot.h)(ar, { variant: "subtitle2", color: "textSecondary" }, " 1. ", Object(ot.h)(R, { id: "assessment.one.childAge" }), " - ", Object(ot.h)(ar, { component: "span", color: "secondary", variant: "inherit" }, t.childAge)), Object(ot.h)(ar, { variant: "subtitle2", color: "textSecondary" }, " 2. ", Object(ot.h)(R, { id: "assessment.two.childShortSighted" }), " - ", Object(ot.h)(ar, { component: "span", color: "secondary", variant: "inherit" }, Object(ot.h)(R, { id: n(t.childShortSighted) }))), Object(ot.h)(Zc, { xlDown: "Yes" !== t.childShortSighted }, Object(ot.h)(ar, { variant: "subtitle2", color: "textSecondary" }, Object(ot.h)("span", { style: { opacity: 0 } }, " 2. "), Object(ot.h)(R, { id: "assessment.two.childShortSightedAge" }), " - ", Object(ot.h)(ar, { component: "span", color: "secondary", variant: "inherit" }, t.childShortSightedAge))), Object(ot.h)(ar, { variant: "subtitle2", color: "textSecondary" }, " 3. ", Object(ot.h)(R, { id: "assessment.three.familyShortSightedHistory" }), " - ", Object(ot.h)(ar, { component: "span", color: "secondary", variant: "inherit" }, Object(ot.h)(R, { id: function(e) { switch (t.familyShortSightedHistory) { case "1": return "assessment.three.oneParent"; case "2": return "assessment.three.bothParents"; case "0": return "assessment.three.neitherParents"; case "0.25": return "assessment.three.notSure"; default: return "" } }() }))), Object(ot.h)(ar, { variant: "subtitle2", color: "textSecondary" }, " 4. ", Object(ot.h)(R, { id: "assessment.four.childTimeOutdoors" }), " - ", Object(ot.h)(ar, { component: "span", color: "secondary", variant: "inherit" }, Object(ot.h)(R, { id: function(e) { switch (t.childTimeOutdoors) { case "0": return "assessment.four.twoOrMoreHours"; case "1": return "assessment.four.oneToLessThanTwoHours"; case "2": return "assessment.four.lessThanOneHour"; default: return "" } }() }))), Object(ot.h)(ar, { variant: "subtitle2", color: "textSecondary" }, " 5. ", Object(ot.h)(R, { id: "assessment.five.childTimeCloseActivities" }), " - ", Object(ot.h)(ar, { component: "span", color: "secondary", variant: "inherit" }, Object(ot.h)(R, { id: function(e) { switch (t.childTimeCloseActivities) { case "0": return "assessment.five.lessThanThreeHour"; case "0.75": return "assessment.five.greaterThanThreeHour"; default: return "" } }() }))), Object(ot.h)(ar, { variant: "subtitle2", color: "textSecondary" }, " 6. ", Object(ot.h)(R, { id: "assessment.six.childEyeExamination" }), " - ", Object(ot.h)(ar, { component: "span", color: "secondary", variant: "inherit" }, Object(ot.h)(R, { id: n(t.childEyeExamination) })))) }, Qg = lr(function(e) { return { bar: { backgroundImage: "linear-gradient(to right, #944150, " + e.palette.primary.main + ")", position: "relative", height: 40 }, card: { height: 192, width: "100%", backgroundPosition: "center", backgroundSize: "cover" }, arrow: { position: "absolute", bottom: -23, fontSize: e.spacing(6) }, button: { maxWidth: 350, padding: e.spacing(2), justifyContent: "space-between", alignItems: "center", textAlign: "left", marginTop: e.spacing(2), lineHeight: "125%" } } }), Ug = function(e) { return Object(ot.h)(Ds.a, tt({}, e, { height: "512", viewBox: "0 0 26 58", width: "512" }), Object(ot.h)("g", { id: "Page-1", fill: "currentColor", fillRule: "evenodd" }, Object(ot.h)("g", { id: "011---Straight-On-Arrow", fill: "currentColor", fillRule: "nonzero" }, Object(ot.h)("path", { id: "Shape", d: "m7.9973 58 10-.0031c.5522847 0 1-.4477153 1-1v-37.9944h6c.3708398.002689.7118642-.2028062.8827573-.5319337s.1427857-.7262873-.0727573-1.0280663l-11.97-17.03c-.1884555-.25917327-.4895531-.41251592-.81-.41251592s-.6215445.15334265-.81.41251592l-12.03 17.03c-.215543.301779-.2436504.6989388-.07275728 1.0280663.17089311.3291275.51191752.5346227.88275728.5319337h6v37.9975c0 .2652165.10535684.5195704.29289322.7071068s.44189029.2928932.70710678.2928932z" })))) }, Fg = M({ nearestPracticeLink: "result.nearestPracticeLink", leanMoreLink: "result.leanMoreLink" })(function(e) { var t = e.store, n = e.result, r = e.reset, A = e.nearestPracticeLink, i = e.leanMoreLink, o = t.imagesBasePath, a = void 0 === o ? "/sites/coopervision.com/files" : o, c = t.language || "en-us", u = "en-us" === c, l = "en-uk" === c, d = Qg(), f = s(), h = function(e) { var t = e.childTimeOutdoors, n = e.childTimeCloseActivities, r = parseFloat(e.familyShortSightedHistory), A = parseFloat(t), i = parseFloat(n), o = r + A + i; return console.log(r, "+", A, "+", i, "=", o), o }(n), p = "Yes" === n.childShortSighted, g = parseFloat(n.childAge) < 8 || parseFloat(n.childAge) > 12, B = { left: 20 * h + "%" }, m = h >= 0 && h <= 1.75 ? { sight: "lowSight", color: "#0dad0d" } : h >= 2 && h < 3.75 ? { sight: "moderateSight", color: "#f58025" } : h >= 3.75 ? { sight: "highSight", color: "#6C2196" } : void 0, b = Object(ot.h)(tn, { endIcon: Object(ot.h)(Wc.a, null), onClick: function() { var e = window.open(i, "_blank"); e && e.focus() }, fullWidth: !0, classes: { root: d.button }, variant: "outlined" }, Object(ot.h)(R, { id: u && p ? "result.leanMoreSpecialAgeGroup" : "result.leanMore" })), v = Object(ot.h)(Ar, null, Object(ot.h)(tn, { endIcon: Object(ot.h)(Wc.a, null), onClick: function() { var e = window.open(A, "_blank"); e && e.focus() }, fullWidth: !0, classes: { root: d.button } }, Object(ot.h)(R, { id: "result.nearestPractice" })), b, Object(ot.h)(tn, { endIcon: Object(ot.h)(Wc.a, null), onClick: r, fullWidth: !0, classes: { root: d.button } }, Object(ot.h)(R, { id: "result.reset" }))), w = Object(ot.h)(Zc, { xlDown: p }, Object(ot.h)(Ar, { display: "flex", flexWrap: "nowrap", justifyContent: "space-between", pt: 2, pb: 1 }, Object(ot.h)(ar, { color: "primary", variant: "subtitle2" }, Object(ot.h)(R, { id: "result.lowLikelihood" })), Object(ot.h)(ar, { color: "primary", variant: "subtitle2" }, Object(ot.h)(R, { id: "result.highLikelihood" }))), Object(ot.h)("div", { className: d.bar }, Object(ot.h)(Ug, { htmlColor: "#F58025", className: d.arrow, style: B }))), y = function(e) { return void 0 === e && (e = null), Object(ot.h)(Ar, { mt: 5 }, Object(ot.h)(Zc, { xlDown: !p }, Object(ot.h)(ru, { container: !0 }, Object(ot.h)(ru, { item: !0, xs: "auto", sm: 2 }), Object(ot.h)(ru, { item: !0, xs: 12, sm: 8 }, Object(ot.h)(ar, { variant: "body1" }, Object(ot.h)(R, { id: "result.alreadyHasMyopia.titleText" })), u && p && g ? null : Object(ot.h)("div", null, Object(ot.h)(Ar, { pt: 2, pb: 2 }, Object(ot.h)(ar, { variant: "body1" }, Object(ot.h)(R, { id: "result.alreadyHasMyopia.supplementaryText" }), Object(ot.h)("sup", null, Object(ot.h)(ar, { color: "textPrimary", variant: "subtitle2", component: "span" }, "†", Object(ot.h)(R, { id: "result.alreadyHasMyopia.supplementaryTextSource" }))))), Object(ot.h)(ar, { variant: "body1" }, Object(ot.h)(R, { id: "result.alreadyHasMyopia.auxiliaryText" }), Object(ot.h)("sup", null, Object(ot.h)(ar, { color: "textPrimary", variant: "subtitle2", component: "span" }, "†", Object(ot.h)(R, { id: "result.alreadyHasMyopia.auxiliaryTextSource" }))))), e, u && p && Object(ot.h)(Ar, { pt: 2, pb: 2 }, Object(ot.h)(ar, { variant: "body2" }, Object(ot.h)(R, { id: "result.fdaSpecialAgeGroup" })), !g && Object(ot.h)(Ar, { pt: 1 }, Object(ot.h)(ar, { variant: "body2" }, "†", Object(ot.h)(R, { id: "result.fdaSpecialAgeGroupCompare" }))))), Object(ot.h)(ru, { item: !0, xs: "auto", sm: 2 }))), Object(ot.h)(Zc, { xlDown: p }, Object(ot.h)(ru, { container: !0, spacing: 3 }, Object(ot.h)(ru, { item: !0, xs: 12, sm: 4 }, Object(ot.h)("div", { className: d.card, style: { backgroundImage: "url('" + a + "/myopia-assessment-man-using-ipad.jpg')" } })), Object(ot.h)(ru, { item: !0, xs: 12, sm: 8 }, Object(ot.h)(ar, { variant: "body1", gutterBottom: !0 }, Object(ot.h)(R, { id: "result." + (null == m ? void 0 : m.sight) + ".titleText" }), " ", Object(ot.h)(Ar, { component: "span", color: null == m ? void 0 : m.color, fontWeight: "bold" }, Object(ot.h)(R, { id: "result." + (null == m ? void 0 : m.sight) + ".likelihood" })), " ", Object(ot.h)(R, { id: "result." + (null == m ? void 0 : m.sight) + ".finalText" })), Object(ot.h)(ar, { variant: "body1" }, Object(ot.h)(R, { id: "result." + (null == m ? void 0 : m.sight) + ".supplementaryText" }), Object(ot.h)("sup", null, Object(ot.h)(ar, { color: "textPrimary", variant: "subtitle2", component: "span" }, Object(ot.h)(R, { id: "result." + (null == m ? void 0 : m.sight) + ".source" })))), e)))) }, E = Object(ot.h)(Cg, { result: n }), C = Object(ot.h)("div", null, Object(ot.h)(Ar, { mb: 1 }, Object(ot.h)(ar, { variant: "caption" }, Object(ot.h)(R, { id: "general.sources" }))), Object(ot.h)(Ar, { mb: 2 }, new Array(14).fill(0).map(function(e, t) { return Object(ot.h)(ar, { key: t, variant: "caption", component: "p" }, Object(ot.h)(R, { id: "sources." + (t + 1) })) })), l && p && Object(ot.h)(Ar, { pt: 1 }, Object(ot.h)(ar, { variant: "body2" }, "†", Object(ot.h)(R, { id: "result.fdaSpecialAgeGroupCompare" })))); return Object(ot.h)(mn, { in: !0, mountOnEnter: !0, unmountOnExit: !0 }, Object(ot.h)(Ar, null, Object(ot.h)(iu, { maxWidth: "md" }, Object(ot.h)(Ar, { display: "flex", flexWrap: "nowrap", justifyContent: "space-between", mt: 3 }, Object(ot.h)(ar, { gutterBottom: !0, color: "primary", variant: "h6" }, Object(ot.h)(R, { id: "result.complete" })), Object(ot.h)(Ar, null, Object(ot.h)(tn, { variant: "outlined", color: "secondary", startIcon: Object(ot.h)(au.a, null), onClick: Eg }, Object(ot.h)(R, { id: "result.print" })))), Object(ot.h)(Ar, { id: "assessment" }, w, y(v), E)), Object(ot.h)(Ar, { height: "1px", borderBottom: 1, pt: 4, mb: 3, color: f.palette.grey[200] }), Object(ot.h)(iu, { maxWidth: "md" }, C), Object(ot.h)(iu, { maxWidth: "md", id: "print", style: { display: "none" } }, Object(ot.h)(ur, { store: t }), w, y(b), E, Object(ot.h)(ar, { gutterBottom: !0, color: "textPrimary", variant: "caption", align: "left" }, Object(ot.h)(R, { id: "general.disclaimer" })), C))) }), Og = lr(function(e) { var t; return { root: { backgroundColor: e.palette.grey.A100, height: 2, width: 38 }, active: { backgroundColor: e.palette.primary.main }, info: { backgroundColor: e.palette.grey[200] }, controls: (t = { display: "flex", justifyContent: "space-between", position: "absolute", bottom: 0, left: 0, right: 0 }, t[e.breakpoints.down("sm")] = { position: "relative", paddingTop: e.spacing(4) }, t) } }), Hg = function(e) { var t, n = e.active, r = Og(); return Object(ot.h)("div", { className: Object(Tt.a)(r.root, (t = {}, t[r.active] = n, t)) }) }, Sg = function(e) { var t = e.store, n = e.children, r = e.initialValues, A = e.onSubmit, i = Og(), o = Object(yt.k)(0), a = o[0], s = o[1], c = Object(ot.l)(n), u = Object(yt.k)(r), l = u[0], d = u[1], f = c[a], h = c.length, p = a === h - 1, g = function() { var e = document.getElementById("dialog-root"); e && e.scrollTo(0, 0) }, B = function(e) { return Object(ot.h)("div", { className: i.controls }, Object(ot.h)(tn, { startIcon: Object(ot.h)(zc.a, null), variant: "outlined", color: "secondary", onClick: function() { return t = e.values, g(), d(t), void s(Math.max(a - 1, 0)); var t }, type: "button", disabled: e.isSubmitting || a < 1 }, Object(ot.h)(R, { id: "general.back" })), Object(ot.h)(tn, { endIcon: Object(ot.h)(Wc.a, null), variant: "contained", color: "secondary", disabled: e.isSubmitting, type: "submit" }, p ? Object(ot.h)(R, { id: "general.submit" }) : Object(ot.h)(R, { id: "general.next" }))) }; return Object(ot.h)(ie, { enableReinitialize: !0, initialValues: l, onSubmit: function(e, t) { return new Promise(function(n, r) { function i() { return p ? n(A(e, t)) : (t.setTouched({}), function(e) { g(), d(e), s(Math.min(a + 1, h - 1)) }(e), n()) } return f.props.onSubmit ? Promise.resolve(f.props.onSubmit(e, t)).then(function() { try { return i.call(this) } catch (e) { return r(e) } }.bind(this), r) : i.call(this) }) }, validationSchema: f.props.validationSchema, validateOnChange: !1, validateOnBlur: !1, style: { paddingTop: 50 } }, function(e) { return e.status && e.status.completed ? Object(ot.h)(Ar, { pt: 7, pb: 18 }, Object(ot.h)(Fg, { store: t, reset: function() { return function(e) { g(), e.resetForm({}), e.setValues(r), s(0) }(e) }, result: e.values })) : Object(ot.h)(Ar, { pt: 7, pb: 18 }, Object(ot.h)(Vi, null, Object(ot.h)(Nc, { activeStep: a, connector: Object(ot.h)("div", null) }, new Array(h).fill(0).map(function(e, t) { return Object(ot.h)(jc, { key: t }, Object(ot.h)(Dc, { StepIconComponent: Hg })) })), Object(ut.cloneElement)(f, rt(rt({}, e), {}, { controls: B(e) })))) }) }, xg = ut.forwardRef(function(e, t) { var n = e.classes, r = e.className, A = e.raised, i = void 0 !== A && A, o = Object(Et.a)(e, ["classes", "className", "raised"]); return ut.createElement(yn, Object(ct.a)({ className: Object(Tt.a)(n.root, r), elevation: i ? 8 : 1, ref: t }, o)) }), _g = Object(ft.a)({ root: { overflow: "hidden" } }, { name: "MuiCard" })(xg), Ng = ["video", "audio", "picture", "iframe", "img"], Tg = ut.forwardRef(function(e, t) { var n = e.children, r = e.classes, A = e.className, i = e.component, o = void 0 === i ? "div" : i, a = e.image, s = e.src, c = e.style, u = Object(Et.a)(e, ["children", "classes", "className", "component", "image", "src", "style"]), l = -1 !== Ng.indexOf(o), d = !l && a ? Object(ct.a)({ backgroundImage: 'url("'.concat(a, '")') }, c) : c; return ut.createElement(o, Object(ct.a)({ className: Object(Tt.a)(r.root, A, l && r.media, -1 !== "picture img".indexOf(o) && r.img), ref: t, style: d, src: l ? a || s : void 0 }, u), n) }), jg = Object(ft.a)({ root: { display: "block", backgroundSize: "cover", backgroundRepeat: "no-repeat", backgroundPosition: "center" }, media: { width: "100%" }, img: { objectFit: "cover" } }, { name: "MuiCardMedia" })(Tg), Rg = ut.forwardRef(function(e, t) { var n = e.classes, r = e.className, A = e.component, i = void 0 === A ? "div" : A, o = Object(Et.a)(e, ["classes", "className", "component"]); return ut.createElement(i, Object(ct.a)({ className: Object(Tt.a)(n.root, r), ref: t }, o)) }), Ig = Object(ft.a)({ root: { padding: 16, "&:last-child": { paddingBottom: 24 } } }, { name: "MuiCardContent" })(Rg), Kg = lr(function(e) { var t; return { root: { backgroundColor: e.palette.grey.A100, height: 2, width: 38 }, active: { backgroundColor: e.palette.primary.main }, info: { backgroundColor: e.palette.grey[100] }, media: { height: 240 }, container: (t = { height: 560, position: "relative" }, t[e.breakpoints.down("sm")] = { height: "auto" }, t) } }), kg = function(e) { var t = e.children, n = e.info, r = e.image, A = e.controls, i = e.sources, o = void 0 === i ? [] : i, a = Kg(), c = s(); return Object(ot.h)(mn, { in: !0, mountOnEnter: !0, unmountOnExit: !0 }, Object(ot.h)(Ar, null, Object(ot.h)(iu, { maxWidth: "md", className: a.container }, Object(ot.h)(ru, { container: !0, spacing: 6 }, Object(ot.h)(ru, { item: !0, sm: 12, md: 6 }, Object(ot.h)(yn, null, t)), Object(ot.h)(ru, { item: !0, sm: 12, md: 6 }, Object(ot.h)(_g, { className: a.info }, Object(ot.h)(jg, { className: a.media, image: r, title: r }), Object(ot.h)(Ig, null, Object(ot.h)(ar, { gutterBottom: !0, color: "primary", variant: "subtitle1" }, Object(ot.h)(R, { id: "general.important" })), Object(ot.h)(ar, { color: "textSecondary", variant: "subtitle1" }, Object(ot.h)(R, { id: n }), Object(ot.h)("sup", null, Object(ot.h)(ar, { color: "textSecondary", variant: "subtitle2", component: "span" }, Object(ot.h)(R, { id: n + "Reference" })))))))), A), Object(ot.h)(Zc, { xlDown: Boolean(Object.keys(o).length < 1) }, Object(ot.h)(Ar, { height: "1px", borderBottom: 1, pt: 4, mb: 3, color: c.palette.grey[200] }), Object(ot.h)(iu, { maxWidth: "md" }, Object(ot.h)(Ar, { mb: 1 }, Object(ot.h)(ar, { variant: "caption" }, Object(ot.h)(R, { id: "general.sources" }))), Object(ot.h)(Ar, { mb: 2 }, o.map(function(e) { return Object(ot.h)(ar, { key: e, variant: "caption", component: "p" }, Object(ot.h)(R, { id: "sources." + e })) })))))) }, Mg = M({ yes: "general.yes", no: "general.no" })(function(e) { var t = e.onSubmit, n = e.yes, r = e.no, A = e.store, i = A.imagesBasePath, o = void 0 === i ? "/sites/coopervision.com/files" : i; return Object(ot.h)(Sg, { store: A, initialValues: { childAge: "1", childShortSighted: "Yes", childShortSightedAge: "1", familyShortSightedHistory: "1", childTimeOutdoors: "0", childTimeCloseActivities: "0", childEyeExamination: "Yes" }, onSubmit: function(e) { function t(t, n) { return e.apply(this, arguments) } return t.toString = function() { return e.toString() }, t }(function(e, n) { return new Promise(function(r, A) { return Promise.resolve((300, new Promise(function(e) { return setTimeout(e, 300) }))).then(function() { try { return t(e, n), r() } catch (e) { return A(e) } }, A) }) }) }, Object(ot.h)(function(e) { var t = e.controls; return Object(ot.h)(kg, { sources: [1, 2, 3, 4], controls: t, info: "assessment.one.important", image: o + "/myopia-assessment-boy-thinking.jpg", onSubmit: function() { return console.log("Step1 onSubmit") }, validationSchema: Ue({ childAge: me().required("required") }) }, Object(ot.h)(Ar, null, Object(ot.h)(ar, { gutterBottom: !0, color: "primary", variant: "h6" }, Object(ot.h)(R, { id: "assessment.one.childAge" })), Object(ot.h)(Ar, { display: "flex", alignItems: "center" }, Object(ot.h)(Ar, { width: 200, pr: 2 }, Object(ot.h)(fc, { native: !0, fullWidth: !0, margin: "dense", variant: "outlined", name: "childAge", id: "childAge" }, new Array(14).fill(0).map(function(e, t) { return Object(ot.h)("option", { key: t, value: t + 1 }, t + 1) }))), Object(ot.h)(ar, { color: "textSecondary" }, Object(ot.h)(R, { id: "general.yearsOld" }))), Object(ot.h)(Xi, { className: "error", component: "div", name: "childAge" }))) }, null), Object(ot.h)(function(e) { var t = e.values, A = e.controls; return Object(ot.h)(kg, { sources: [1, 2, 3, 4], controls: A, info: "assessment.two.important", image: o + "/myopia-assessment-girl-with-classes.jpg", onSubmit: function() { return console.log("Step2 onSubmit") }, validationSchema: Ue({ childShortSightedAge: me().required("required"), childShortSighted: me().required("required") }) }, Object(ot.h)(Ar, { mb: 2 }, Object(ot.h)(ar, { gutterBottom: !0, color: "primary", variant: "h6" }, Object(ot.h)(R, { id: "assessment.two.childShortSighted" })), Object(ot.h)(Oc, { type: "radio", value: "Yes", name: "childShortSighted", label: n, labelPlacement: "end" }), Object(ot.h)(Oc, { type: "radio", value: "No", name: "childShortSighted", label: r, labelPlacement: "end" }), Object(ot.h)(Xi, { className: "error", component: "div", name: "childShortSighted" })), Object(ot.h)(Yi, { in: t && "Yes" === t.childShortSighted, mountOnEnter: !0, unmountOnExit: !0 }, Object(ot.h)(Ar, null, Object(ot.h)(ar, { gutterBottom: !0, color: "primary", variant: "h6" }, Object(ot.h)(R, { id: "assessment.two.childShortSightedAge" })), Object(ot.h)(Ar, { display: "flex", alignItems: "center" }, Object(ot.h)(Ar, { width: 200, pr: 2 }, Object(ot.h)(fc, { native: !0, fullWidth: !0, margin: "dense", variant: "outlined", name: "childShortSightedAge", id: "childShortSightedAge" }, new Array(parseInt(t ? t.childAge : "10")).fill(0).map(function(e, t) { return Object(ot.h)("option", { key: t, value: t + 1 }, t + 1) }))), Object(ot.h)(ar, { color: "textSecondary" }, Object(ot.h)(R, { id: "general.yearsOld" }))), Object(ot.h)(Xi, { className: "error", component: "div", name: "childShortSightedAge" })))) }, null), Object(ot.h)(function(e) { var t = e.controls; return Object(ot.h)(kg, { sources: [5, 6, 7], controls: t, info: "assessment.three.important", image: o + "/myopia-assessment-father-son-playing.jpg", onSubmit: function() { return console.log("Step3 onSubmit") }, validationSchema: Ue({ familyShortSightedHistory: me().required("required") }) }, Object(ot.h)(Ar, { mb: 2 }, Object(ot.h)(ar, { gutterBottom: !0, color: "primary", variant: "h6" }, Object(ot.h)(R, { id: "assessment.three.familyShortSightedHistory" })), Object(ot.h)(Oc, { type: "radio", value: "1", name: "familyShortSightedHistory", label: Object(ot.h)(R, { id: "assessment.three.oneParent" }), labelPlacement: "end" }), Object(ot.h)(Oc, { type: "radio", value: "2", name: "familyShortSightedHistory", label: Object(ot.h)(R, { id: "assessment.three.bothParents" }), labelPlacement: "end" }), Object(ot.h)(Oc, { type: "radio", value: "0", name: "familyShortSightedHistory", label: Object(ot.h)(R, { id: "assessment.three.neitherParents" }), labelPlacement: "end" }), Object(ot.h)(Oc, { type: "radio", value: "0.25", name: "familyShortSightedHistory", label: Object(ot.h)(R, { id: "assessment.three.notSure" }), labelPlacement: "end" }), Object(ot.h)(Xi, { className: "error", component: "div", name: "familyShortSightedHistory" }))) }, null), Object(ot.h)(function(e) { var t = e.controls; return Object(ot.h)(kg, { sources: [8, 9, 10], controls: t, info: "assessment.four.important", image: o + "/myopia-assessment-boy-playing-soccer.jpg", onSubmit: function() { return console.log("Step4 onSubmit") }, validationSchema: Ue({ childTimeOutdoors: me().required("required") }) }, Object(ot.h)(Ar, { mb: 2 }, Object(ot.h)(ar, { gutterBottom: !0, color: "primary", variant: "h6" }, Object(ot.h)(R, { id: "assessment.four.childTimeOutdoors" })), Object(ot.h)(ar, { gutterBottom: !0 }, Object(ot.h)(R, { id: "assessment.four.consideration" })), Object(ot.h)(Oc, { type: "radio", value: "0", name: "childTimeOutdoors", label: Object(ot.h)(R, { id: "assessment.four.twoOrMoreHours" }), labelPlacement: "end" }), Object(ot.h)(Oc, { type: "radio", value: "1", name: "childTimeOutdoors", label: Object(ot.h)(R, { id: "assessment.four.oneToLessThanTwoHours" }), labelPlacement: "end" }), Object(ot.h)(Oc, { type: "radio", value: "2", name: "childTimeOutdoors", label: Object(ot.h)(R, { id: "assessment.four.lessThanOneHour" }), labelPlacement: "end" }), Object(ot.h)(Xi, { className: "error", component: "div", name: "childTimeOutdoors" }))) }, null), Object(ot.h)(function(e) { var t = e.controls; return Object(ot.h)(kg, { sources: [11, 12, 13], controls: t, info: "assessment.five.important", image: o + "/myopia-assessment-girl-doing-homework.jpg", onSubmit: function() { return console.log("Step5 onSubmit") }, validationSchema: Ue({ childTimeOutdoors: me().required("required") }) }, Object(ot.h)(Ar, { mb: 2 }, Object(ot.h)(ar, { gutterBottom: !0, color: "primary", variant: "h6" }, Object(ot.h)(R, { id: "assessment.five.childTimeCloseActivities" })), Object(ot.h)(Oc, { type: "radio", value: "0", name: "childTimeCloseActivities", label: Object(ot.h)(R, { id: "assessment.five.lessThanThreeHour" }), labelPlacement: "end" }), Object(ot.h)(Oc, { type: "radio", value: "0.75", name: "childTimeCloseActivities", label: Object(ot.h)(R, { id: "assessment.five.greaterThanThreeHour" }), labelPlacement: "end" }), Object(ot.h)(Xi, { className: "error", component: "div", name: "childTimeCloseActivities" }))) }, null), Object(ot.h)(function(e) { var t = e.controls; return Object(ot.h)(kg, { controls: t, info: "assessment.six.important", image: o + "/myopia-assessment-girl-eye-checkup.jpg", onSubmit: function() { return console.log("Step2 onSubmit") }, validationSchema: Ue({ childEyeExamination: me().required("required") }) }, Object(ot.h)(Ar, { mb: 2 }, Object(ot.h)(ar, { gutterBottom: !0, color: "primary", variant: "h6" }, Object(ot.h)(R, { id: "assessment.six.childEyeExamination" })), Object(ot.h)(Oc, { type: "radio", value: "Yes", name: "childEyeExamination", label: n, labelPlacement: "end" }), Object(ot.h)(Oc, { type: "radio", value: "No", name: "childEyeExamination", label: r, labelPlacement: "end" }), Object(ot.h)(Xi, { className: "error", component: "div", name: "childEyeExamination" }))) }, null)) }), Lg = Object(ut.forwardRef)(function(e, t) { return Object(ot.h)(Nt, it({ direction: "up", ref: t }, e)) }), Dg = function(e) { var t = e.store, r = Object(yt.k)(Sn), A = r[0], i = r[1], o = Object(yt.k)(!1), a = o[0], s = o[1]; Object(yt.d)(function() { var e = t.language || "en-us"; new Promise(function(t, r) { var A = function() { try { return t() } catch (e) { return r(e) } }, o = function(t) { try { return console.log(t.message, "Got " + e + " but using default locale en-us.json"), A() } catch (e) { return r(e) } }; try { return Promise.resolve(n("Zbgq")("./" + e + ".json")).then(function(e) { try { return i(e.default), A() } catch (e) { return o(e) } }, o) } catch (e) { o(e) } }) }, []); var c = function() { s(!1) }; return Object(ot.h)(On, { definition: A }, Object(ot.h)(tn, { id: "landing-button", variant: "contained", color: "secondary", onClick: function() { s(!0) } }, Object(ot.h)(R, { id: "landing.button" })), Object(ot.h)(Qn, { fullScreen: !0, open: a, onClose: c, TransitionComponent: Lg, transitionDuration: 300, PaperProps: { id: "dialog-root", style: { overflowX: "hidden" } } }, Object(ot.h)(ur, { store: t, handleClose: c }), Object(ot.h)(Mg, { store: t, onSubmit: function(e, t) { t.setStatus({ completed: !0 }) } }), Object(ot.h)(fr, null))) }, Pg = n("P7QW"), zg = Object(Pg.a)({ props: { MuiButton: { color: "secondary", variant: "contained", disableElevation: !0, size: "large" }, MuiButtonBase: { disableRipple: !0 }, MuiPaper: { elevation: 0 }, MuiCard: { elevation: 0 } }, typography: { fontFamily: "inherit", h1: { fontSize: "6rem", fontWeight: "bold" }, h2: { fontSize: "3.85rem", fontWeight: "bold" }, h3: { fontSize: "3.1rem", fontWeight: "bold" }, h4: { fontSize: "2.225rem", fontWeight: "bold" }, h5: { fontSize: "1.6rem", fontWeight: "bold" }, h6: { fontSize: "1.35rem", fontWeight: "bold" }, subtitle1: { fontSize: "1.1rem", fontWeight: "bold" }, subtitle2: { fontSize: "0.975rem", fontWeight: "bold" }, body1: { fontWeight: 500, fontSize: "1.1rem" }, body2: { fontSize: "0.975rem", fontWeight: "bold" }, button: { textTransform: "none", fontWeight: "bold", fontSize: "0.975rem" }, caption: { fontSize: "0.85rem", fontWeight: "bold" }, overline: { fontSize: "0.85rem", fontWeight: "bold" } }, overrides: { MuiButton: { root: { borderRadius: 0 }, startIcon: { marginRight: 2 }, text: { color: "rgba(0, 0, 0, 0.87) !important", "&:hover": { backgroundColor: "transparent !important" } }, outlinedSecondary: { color: "#005bab !important" } }, MuiStep: { horizontal: { paddingRight: 3, paddingLeft: 3 } }, MuiStepper: { root: { padding: 36 }, horizontal: { justifyContent: "center" } }, MuiStepLabel: { iconContainer: { paddingRight: 0 } }, MuiFormControlLabel: { root: { display: "block" } }, MuiOutlinedInput: { root: { "& $notchedOutline": { borderWidth: 2, borderRadius: 0 }, "&:hover $notchedOutline": { borderWidth: 2, borderRadius: 0, borderColor: "inherit" } } } }, palette: { background: { default: "#fff" }, primary: { main: "#6C2196" }, secondary: { main: "#005bab" } } }), Vg = Object(Bt.a)(function() { return { "@global": { html: { "-webkit-font-smoothing": "auto" }, body: { color: "#636466", "line-height": "20px", "font-size": "14px", "font-weight": "inherit" } } } }); (function(e) { var t = e; return { render: function(e) { void 0 === e && (e = {}); var n = e.selector; void 0 === n && (n = null); var r = e.inline; void 0 === r && (r = !1); var A = e.clean; void 0 === A && (A = !1); var i = e.clientSpecified; void 0 === i && (i = !1); var o = e.defaultProps; void 0 === o && (o = {}); var a = at({ selector: n, inline: r, clientSpecified: i }), s = function() { if (a.length > 0) { var e = at({ selector: n, inline: r, clientSpecified: i }); return st(t, e, null, A, o) } }; s(), document.addEventListener("DOMContentLoaded", s), document.addEventListener("load", s) } } })(function(e) { return Vg(), Object(ot.h)(wt, { theme: zg }, Object(ot.h)(gt, null), Object(ot.h)(Dg, { store: e })) }).render({ selector: '[data-widget-host="habitat"]', clean: !1 }) }, rHVB: function(e, t, n) { "use strict"; function r() { var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}, t = e.baseClasses, n = e.newClasses; if (!n) return t; var r = Object(A.a)({}, t); return Object.keys(n).forEach(function(e) { n[e] && (r[e] = "".concat(t[e], " ").concat(n[e])) }), r } n.d(t, "a", function() { return r }); var A = n("Fcif") }, rtwp: function(e, t, n) { "use strict"; function r(e) { var t = e.spacing || 8; return "number" == typeof t ? function(e) { return t * e } : Array.isArray(t) ? function(e) { return t[e] } : "function" == typeof t ? t : function() {} } function A(e) { var t = r(e.theme); return Object.keys(e).map(function(n) { if (-1 === h.indexOf(n)) return null; var r = function(e, t) { return function(n) { return e.reduce(function(e, r) { return e[r] = function(e, t) { if ("string" == typeof t) return t; var n = e(Math.abs(t)); return t >= 0 ? n : "number" == typeof n ? -n : "-".concat(n) }(t, n), e }, {}) } }(f(n), t), A = e[n]; return Object(s.a)(e, A, r) }).reduce(c.a, {}) } n.d(t, "a", function() { return r }); var i, o, a = n("aNYv"), s = n("Xcpm"), c = n("nNlS"), u = { m: "margin", p: "padding" }, l = { t: "Top", r: "Right", b: "Bottom", l: "Left", x: ["Left", "Right"], y: ["Top", "Bottom"] }, d = { marginX: "mx", marginY: "my", paddingX: "px", paddingY: "py" }, f = (i = function(e) { if (e.length > 2) { if (!d[e]) return [e]; e = d[e] } var t = e.split(""), n = Object(a.a)(t, 2), r = u[n[0]], A = l[n[1]] || ""; return Array.isArray(A) ? A.map(function(e) { return r + e }) : [r + A] }, o = {}, function(e) { return void 0 === o[e] && (o[e] = i(e)), o[e] }), h = ["m", "mt", "mr", "mb", "ml", "mx", "my", "p", "pt", "pr", "pb", "pl", "px", "py", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY"]; A.propTypes = {}, A.filterProps = h, t.b = A }, "s/31": function(e, t) { "use strict"; var n = "function" == typeof Symbol && Symbol.for; t.a = n ? Symbol.for("mui.nested") : "__THEME_NESTED__" }, tdEy: function(e, t, n) { "use strict"; function r(e) { if ("undefined" != typeof Symbol && Symbol.iterator in Object(e)) return Array.from(e) } n.d(t, "a", function() { return r }) }, xVO4: function(e, t, n) { "use strict"; e.exports = n("9K2m") }, yBJb: function(e, t, n) { "use strict"; function r(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, r.key, r) } } function A(e, t, n) { return t && r(e.prototype, t), n && r(e, n), e } n.d(t, "a", function() { return A }) }, zs9M: function(e, t, n) { "use strict"; (function(e) { var r = n("LJgF"), A = "object" == typeof exports && exports && !exports.nodeType && exports, i = A && "object" == typeof e && e && !e.nodeType && e, o = i && i.exports === A && r.a.process, a = function() { try { return i && i.require && i.require("util").types || o && o.binding && o.binding("util") } catch (e) {} }(); t.a = a }).call(this, n("Ono3")(e)) } });