"use strict";(self.webpackChunkstatic=self.webpackChunkstatic||[]).push([["515083"],{450452:function(e,t,i){e.exports=i.p+"images/e38ec7e373f7610f-sparkle.svg"},952399:function(e,t,i){i.d(t,{OF:()=>a,gf:()=>s,tt:()=>r});var n=i(404094),s=(0,n.fade)(n.color.offBlack,.02),r="#e7eff8",a={paddingLeft:n.spacing.xxLarge_48,paddingRight:n.spacing.xxLarge_48}},111608:function(e,t,i){i.d(t,{M:()=>_,Z:()=>I});var n=i(990201),s=i(168770),r=i(602836),a=i(73438),l=i(288353),o=i(511527),c=i(417514),d=i(189943),u=i(50959),m=i(404094),g=i(766257),x=i(362367),p=i(110433),h=i(90123),f=i(879004),j=i(192774),y=i(624073),v=i(659723),_=function(e){function t(){var e;return(0,s._)(this,t),e=(0,n._)(this,t,arguments),(0,a._)(e,"state",{imageStatus:"loading"}),e}return(0,l._)(t,e),(0,r._)(t,[{key:"getImageSrc",value:function(){var e=this.props.slug;return j.a("https://s3.amazonaws.com/ka-exercise-screenshots/".concat(e,"_256.png"))}},{key:"render",value:function(){var e=this,t=this.state.imageStatus;return"error"===t?(0,o.jsx)("span",{className:(0,d.css)(k.previewNotAvailable),children:c.ag._({id:"Ha5wml",message:"Preview not available for this exercise."})}):(0,o.jsxs)("div",{children:["loading"===t&&(0,o.jsx)(f.Z,{}),(0,o.jsx)("img",{alt:"","aria-hidden":!0,src:(0,y.Z)(this.getImageSrc()),className:(0,d.css)(k.previewImage),onLoad:function(){return e.setState({imageStatus:"loaded"})},onError:function(){return e.setState({imageStatus:"error"})}})]})}}]),t}(u.Component),S=function(e){var t=e.exercise,i=t.slug,n=t.title;return(0,o.jsxs)("div",{className:(0,d.css)(k.tooltipContainer),children:[(0,o.jsxs)("div",{className:(0,d.css)(k.tooltipHeading),children:[(0,o.jsx)(g.D9,{children:n}),"unfamiliar"!==t.mastery&&(0,o.jsx)("div",{children:(0,o.jsx)(g.S$,{style:k.tooltipMastery,children:(0,h.Sx)(t.mastery)})})]}),(0,o.jsx)("div",{className:(0,d.css)(k.tooltipContent),children:(0,o.jsx)(_,{slug:i})})]})},k=d.StyleSheet.create({progressIndicatorContainer:{position:"relative",display:"flex",flexWrap:"wrap",paddingTop:8,marginLeft:-2,marginBottom:-12},progressIndicator:{paddingBottom:4},tooltipContainer:{minWidth:280,margin:-22},tooltipHeading:{borderBottom:"1px solid",color:m.color.offBlack,padding:22,paddingBottom:8,textAlign:"center"},tooltipMastery:{color:m.color.offBlack64},tooltipContent:{padding:22},previewImage:{width:248},previewNotAvailable:{color:m.color.offBlack50}});let I=function(e){var t=e.tutorial.contentItems.filter(function(e){return"Exercise"===e.kind});return(0,o.jsx)("div",{className:(0,d.css)(k.progressIndicatorContainer),children:t.map(function(e){return(0,o.jsx)(x.Z,{content:(0,o.jsx)(S,{exercise:e}),side:"right",dismissOnScroll:!0,horizontalAlignment:"left",horizontalTooltipShift:4,offset:10,zIndex:v.L_+1,children:(0,o.jsx)("div",{className:(0,d.css)(k.progressIndicator),children:(0,o.jsx)(p.Z,{level:e.mastery})})},e.contentId)})})}},553487:function(e,t,i){i.d(t,{Z:()=>p});var n=i(511527),s=i(857988),r=i(417514),a=i(189943),l=i(50959),o=i(322482),c=i(404094),d=i(605860),u=i(766257),m=i(90123),g=i(247687),x=i(308805);let p=function(){var e=(0,l.useId)(),t=(0,l.useId)(),i=(0,l.useId)(),a=(0,l.useId)(),c=(0,l.useId)(),p=(0,l.useId)(),f=(0,l.useId)(),j=(0,n.jsx)("strong",{children:(0,m.Sx)("familiar")}),y=(0,n.jsx)("strong",{children:(0,m.Sx)("proficient")});return(0,n.jsxs)(o.G7,{style:h.legend,children:[(0,n.jsx)(d.ZP,{content:(0,n.jsx)(d._v,{title:r.ag._({id:"rizLrz",message:"Mastered (100 points)"}),children:(0,n.jsx)(u.uT,{children:(0,n.jsx)(s.cC,{message:"Get a {formattedProficient} skill correct on the unit test.",id:"eGMH8u",values:{formattedProficient:y}})})}),children:(0,n.jsxs)(o.G7,{style:h.legendKey,children:[(0,n.jsx)(x.Vr,{"aria-labelledby":e}),(0,n.jsx)(u.S$,{id:e,children:g.Zf("mastered")})]})}),(0,n.jsx)(d.ZP,{content:(0,n.jsx)(d._v,{title:r.ag._({id:"eNy97O",message:"Proficient (80 points)"}),children:(0,n.jsx)(u.uT,{children:(0,n.jsx)(s.cC,{message:"Answer 100% of the questions correct when practicing a skill or get a {formattedFamiliar} skill correct during a quiz or unit test.",id:"pqrRhH",values:{formattedFamiliar:j}})})}),children:(0,n.jsxs)(o.G7,{style:h.legendKey,children:[(0,n.jsx)(x.Ho,{"aria-labelledby":t}),(0,n.jsx)(u.S$,{id:t,children:g.Zf("proficient")})]})}),(0,n.jsx)(d.ZP,{content:(0,n.jsx)(d._v,{title:r.ag._({id:"K/nKJm",message:"Familiar (50 points)"}),children:(0,n.jsx)(u.uT,{children:r.ag._({id:"vpd7Zp",message:"Get 70% or more correct when practicing a skill. Or, correctly answer a question related to a skill on a quiz or unit test."})})}),children:(0,n.jsxs)(o.G7,{style:h.legendKey,children:[(0,n.jsx)(x.jc,{"aria-labelledby":i}),(0,n.jsx)(u.S$,{id:i,children:g.Zf("familiar")})]})}),(0,n.jsx)(d.ZP,{content:(0,n.jsx)(d._v,{title:r.ag._({id:"GmcpXq",message:"Attempted (0 points)"}),children:(0,n.jsx)(u.uT,{children:r.ag._({id:"WLHOON",message:"If you get less than 70% correct when practicing a skill or if you get questions related to this skill incorrect on a quiz or unit test you’ll be here."})})}),children:(0,n.jsxs)(o.G7,{style:h.legendKey,children:[(0,n.jsx)(x.zt,{"aria-labelledby":a}),(0,n.jsx)(u.S$,{id:a,children:g.Zf("attempted")})]})}),(0,n.jsx)(d.ZP,{content:(0,n.jsx)(d._v,{title:r.ag._({id:"9KT9hY",message:"Not started (0 points)"}),children:(0,n.jsx)(u.uT,{children:r.ag._({id:"yYnsNg",message:"This is where you’ll start. Watch videos and practice skills if you’re new to the material or jump to a quiz or unit test if you feel more confident."})})}),children:(0,n.jsxs)(o.G7,{style:h.legendKey,children:[(0,n.jsx)(x.hN,{"aria-labelledby":c}),(0,n.jsx)(u.S$,{id:c,children:g.Zf("unfamiliar")})]})}),(0,n.jsxs)(o.G7,{style:h.legendKey,children:[(0,n.jsx)(x.ex,{"aria-labelledby":p}),(0,n.jsx)(u.S$,{id:p,children:g.E8("Quiz")})]}),(0,n.jsxs)(o.G7,{style:h.legendKey,children:[(0,n.jsx)(x.mm,{"aria-labelledby":f}),(0,n.jsx)(u.S$,{id:f,children:g.E8("UnitTest")})]})]})};var h=a.StyleSheet.create({legend:{flexDirection:"row",flexWrap:"wrap",gap:c.spacing.medium_16},legendKey:{alignItems:"center",flexDirection:"row",gap:c.spacing.xSmall_8,flexShrink:0}})},657373:function(e,t,i){i.d(t,{Po:()=>P,j:()=>Y,Hl:()=>O,Je:()=>A,Ml:()=>G});var n,s=i(73438),r=i(4186),a=i(22312),l=i(511527),o=i(417514),c=i(189943);i(50959);var d=i(322482),u=i(16991),m=i(404094),g=i(605860),x=i(766257),p=i(111608),h=i(38176),f=i(99230),j=i(775699),y=i(165344),v=i(991792),_=i(585015),S=i(661806),k=i(204296),I=i(247687),L=i(723392),C=i(198155),b=i(553487),N=i(308805),Z=i(952399),U=i(603817),T=i(450452);let w=function(e){return(0,l.jsxs)(d.G7,(0,a._)((0,r._)({},e),{style:K.container,children:[(0,l.jsx)(U.H,{icon:T,size:"medium",style:{width:20}}),(0,l.jsx)(x.UU,{style:K.text,children:o.ag._({id:"R83ajC",message:"Up next for you!"})})]}))};var K=c.StyleSheet.create({container:{alignItems:"center",color:m.color.offBlack64,flexDirection:"row",gap:m.spacing.xxSmall_6},text:{fontWeight:700,textTransform:"uppercase"}}),F=function(e){var t,i=(0,S.Z)(e),n=new Map;return"success"===i.status&&(null===(t=i.data.masteryMap)||void 0===t||t.forEach(function(e){(null==e?void 0:e.progressKey)&&(null==e?void 0:e.status)&&n.set(e.progressKey,e.status)})),n},P=function(e){var t=(0,_.ZP)().contentPath,i=(0,y.Z)(t),n=(0,L.Z)(t),s=F(null==i?void 0:i.id);if(!i)return null;var r=i.unitChildren.length,a=I.DK(10).length+"ch",u=(0,d.cu)("li");return(0,l.jsxs)(d.G7,{children:[!e.hideLegend&&(0,l.jsx)(d.G7,{style:E.legendWrapperCourse,children:(0,l.jsx)(b.Z,{})}),(0,l.jsx)("nav",{"aria-label":o.ag._({id:"Zthhp7",message:"Course mastery"}),children:(0,l.jsxs)("ol",{"aria-label":o.ag._({id:"LF/DpI",message:"units"}),className:(0,c.css)(E.unitsList),children:[i.unitChildren.map(function(e,t){var o,d=(null===(o=n.exercise)||void 0===o?void 0:o.unitId)===e.id,m=t===r-1;return(0,l.jsxs)(u,{style:[E.unitListItem,d&&E.unitUpNextForYou,!m&&E.unitListItemBorder,m&&i.courseChallenge&&E.spacingForCourseChallengeLink,{gridTemplateColumns:"".concat(a," 1fr")}],children:[(0,l.jsx)("span",{className:(0,c.css)(E.unitLinkWrapper),children:(0,l.jsx)(O,{isUpNextForYou:d,readableIndex:t+1,relativeUrl:e.relativeUrl,translatedTitle:e.translatedTitle})}),(0,l.jsx)(z,{masteryLookup:s,unit:e,upNextForYou:n})]},e.id)}),i.courseChallenge&&(0,l.jsx)("li",{className:(0,c.css)(E.courseChallengeLinkWrapper),children:(0,l.jsx)(k.Z,{courseId:i.id,href:i.courseChallenge.urlWithinCurationNode,size:"small",testId:"m8z-cc-link"})})]})})]})},z=function(e){var t,i=e.unit,n=e.upNextForYou,s=e.masteryLookup,r=(null==n?void 0:null===(t=n.exercise)||void 0===t?void 0:t.unitId)===i.id;return(0,l.jsxs)(d.G7,{style:E.unitDetails,children:[r&&(0,l.jsx)(w,{"aria-hidden":"true"}),i.masteryEnabled?(0,l.jsx)(W,{masteryLookup:s,unit:i,upNextForYou:n}):(0,l.jsx)(B,{unit:i})]})},G=function(e){var t,i=(0,_.ZP)().contentPath,n=(0,y.Z)(i),s=(0,v.Z)(i),r=null!==(t=e.unit)&&void 0!==t?t:s,a=F(null==n?void 0:n.id);return n&&r?(0,l.jsxs)(d.G7,{children:[!e.hideLegend&&(0,l.jsx)(d.G7,{style:E.legendWrapperUnit,children:(0,l.jsx)(b.Z,{})}),(0,l.jsx)("nav",{"aria-label":o.ag._({id:"wyz5gM",message:"Unit mastery"}),children:(0,l.jsx)(z,{masteryLookup:a,unit:r})})]}):null},O=function(e){var t=(0,j.f0)();return(0,l.jsx)(g.ZP,{content:(0,l.jsx)(g._v,{children:I.h8(e.readableIndex,e.translatedTitle)}),children:(0,l.jsx)(u.Z,{style:E.unitLink,href:e.relativeUrl,onClick:function(){t("COURSE_UNIT_MASTERY_VIZ","Unit")},testId:e.isUpNextForYou?"m8z-unfy-unit":void 0,children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{className:(0,c.css)(E.unitLinkWide),children:I.DK(e.readableIndex)}),(0,l.jsx)("span",{className:(0,c.css)(E.unitLinkSkinny),children:I.h8(e.readableIndex,e.translatedTitle)}),e.isUpNextForYou&&(0,l.jsx)("span",{className:(0,c.css)(h.Z.srOnly),children:o.ag._({id:"R83ajC",message:"Up next for you!"})})]})})})},B=function(e){return e.unit.children.some(function(e){if("Lesson"===e.contentKind)return e.curatedChildren.some(function(e){return"Exercise"===e.contentKind})})?(0,l.jsx)(x.S$,{style:E.nonMasteryContentLabel,children:o.ag._({id:"0feXMs",message:"This unit's exercises do not count toward course mastery."})}):(0,l.jsx)(x.S$,{style:E.nonMasteryContentLabel,children:o.ag._({id:"i5KcnW",message:"This unit does not include exercises."})})},W=function(e){var t=e.unit,i=e.upNextForYou,n=e.masteryLookup;return(0,l.jsx)("ol",{"aria-label":o.ag._({id:"PCSkw2",message:"Skills"}),className:(0,c.css)(E.unitChildren),children:t.children.map(function(e){var t,s;return"Lesson"===e.contentKind?e.curatedChildren.map(function(e){if("Exercise"===e.contentKind){var t,s;return(0,l.jsx)(M,{isUpNextForYou:(null==i?void 0:null===(t=i.exercise)||void 0===t?void 0:t.id)===e.id,masteryItem:e,masteryStatus:n.get(null!==(s=e.progressKey)&&void 0!==s?s:"")},e.id)}}):(0,l.jsx)(M,{isQuizOrUnitTest:!0,isUpNextForYou:(null==i?void 0:null===(t=i.exercise)||void 0===t?void 0:t.id)===e.id,masteryItem:e,masteryStatus:n.get(null!==(s=e.progressKey)&&void 0!==s?s:"")},e.id)})})},M=function(e){var t,i=e.isQuizOrUnitTest,n=e.isUpNextForYou,s=e.masteryItem,r=e.masteryStatus,a=(0,j.f0)(),d=(0,j.Ol)();return(0,l.jsx)("li",{className:(0,c.css)(E.masteryItem),children:(0,l.jsx)(g.ZP,{forceAnchorFocusivity:!1,content:(0,l.jsx)(Y,{masteryItem:s,masteryStatus:r}),placement:i?"top":"bottom",children:(0,l.jsx)(u.Z,{style:[E.masteryItemLink,n&&E.masteryItemLinkUpNext],href:null!==(t=null==s?void 0:s.urlWithinCurationNode)&&void 0!==t?t:"",onClick:function(){a("COURSE_UNIT_MASTERY_VIZ",s.contentKind),d(s.contentKind,n,r&&"unfamiliar"!==r?"TAKE_AGAIN":"START")},testId:n?"m8z-unfy-item":void 0,children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(R,{contentKind:s.contentKind,masteryStatus:r}),(0,l.jsxs)("span",{className:(0,c.css)(h.Z.srOnly),children:[r?I.mL(s.translatedTitle,r):s.translatedTitle,n&&o.ag._({id:"R83ajC",message:"Up next for you!"})]})]})})})})},R=function(e){switch(e.contentKind){case"Quiz":return(0,l.jsx)(N.ex,{});case"UnitTest":return(0,l.jsx)(N.mm,{})}switch(e.masteryStatus){case"mastered":return(0,l.jsx)(N.Vr,{});case"proficient":return(0,l.jsx)(N.Ho,{});case"familiar":return(0,l.jsx)(N.jc,{});case"attempted":return(0,l.jsx)(N.zt,{});default:return(0,l.jsx)(N.hN,{})}},Y=function(e){var t=e.masteryItem,i=e.masteryStatus;return"Quiz"===t.contentKind?(0,l.jsx)(g._v,{title:I.UX(t.index+1,t.exerciseLength),children:o.ag._({id:"UNC7KM",message:"Practice what you’ve learned and level up your skills!"})}):"UnitTest"===t.contentKind?(0,l.jsx)(g._v,{title:I.Z5(t.exerciseLength),children:o.ag._({id:"7VGa0c",message:"Level up on all the skills in this unit"})}):(0,l.jsx)(g._v,{title:I.Mz(t.translatedTitle),children:(0,l.jsxs)(d.G7,{style:E.tooltipContentExercise,children:[(0,l.jsx)(x.Uc,{style:E.textFaint,children:I.Zf(i)}),(0,l.jsx)(p.M,{slug:t.slug})]})})},A=function(e){return(0,l.jsxs)(d.G7,{style:[E.container,e.isUnit&&E.containerUnit],children:[e.children,e.isUnit&&(0,l.jsx)("hr",{className:(0,c.css)(E.unitHr)})]})},E=c.StyleSheet.create({container:(0,a._)((0,r._)({},Z.OF),(n={},(0,s._)(n,f.ZP.mdOrSmaller,{paddingLeft:m.spacing.large_24,paddingRight:m.spacing.large_24}),(0,s._)(n,f.ZP.smOrSmaller,{paddingLeft:0,paddingRight:0}),n)),containerUnit:(0,s._)({marginBottom:m.spacing.medium_16},f.ZP.smOrSmaller,{marginLeft:m.spacing.medium_16,marginRight:m.spacing.medium_16}),unitHr:{backgroundColor:m.color.offBlack16,boxShadow:"initial",height:1,margin:"".concat(m.spacing.large_24,"px 0 0")},unitsList:(0,s._)({},f.ZP.lgOrLarger,{columns:"2",columnGap:m.spacing.xLarge_32}),unitListItem:(0,s._)({breakInside:"avoid-column",display:"grid",gap:m.spacing.xxxSmall_4,padding:"".concat(m.spacing.xSmall_8,"px ").concat(m.spacing.medium_16,"px")},f.ZP.smOrSmaller,{gridTemplateColumns:"unset !important"}),unitListItemBorder:{borderBottom:"1px solid ".concat(m.color.offBlack16)},unitUpNextForYou:{backgroundColor:Z.tt},unitChildren:{alignItems:"center",display:"flex",flexWrap:"wrap",gap:m.spacing.xxxSmall_4},textFaint:{color:m.color.offBlack64},tooltipContentExercise:{alignItems:"center"},masteryItem:{display:"flex"},masteryItemLink:{":focus":(0,C.A)((0,s._)({},N.KF,"2px"),{display:"inline",outlineOffset:4}),":hover":(0,C.A)((0,s._)({},N.KF,"2px"))},masteryItemLinkUpNext:{backgroundColor:Z.tt,border:"2px solid ".concat(m.color.blue),borderRadius:m.spacing.xSmall_8,padding:m.spacing.xxxSmall_4},nonMasteryContentLabel:{alignItems:"center",color:m.color.offBlack64,display:"flex",minHeight:24},unitLink:{color:m.color.offBlack,fontWeight:"bold",textDecoration:"none",whiteSpace:"nowrap",":focus":{textDecoration:"underline"},":hover":{textDecoration:"underline"}},unitLinkWrapper:{paddingTop:3},unitLinkWide:(0,s._)({},f.ZP.smOrSmaller,{display:"none"}),unitLinkSkinny:(0,s._)({},f.ZP.mdOrLarger,{display:"none"}),unitDetails:{gap:m.spacing.xxxSmall_4},legendWrapperCourse:{marginLeft:m.spacing.medium_16,marginRight:m.spacing.medium_16,marginTop:m.spacing.large_24,marginBottom:m.spacing.large_24},legendWrapperUnit:{marginLeft:0,marginRight:0,marginTop:m.spacing.medium_16,marginBottom:m.spacing.medium_16},spacingForCourseChallengeLink:{marginBottom:m.spacing.xSmall_8},courseChallengeLinkWrapper:{breakInside:"avoid-column"}})}}]);
//# debugId=81f273a6-4b3a-4378-8960-29a6ceae2b98
//# sourceMappingURL=sourcemaps/en/515083.481c67300a35c286.js.map