https://keykorea.vercel.app/_next/static/chunks/pages/setup-9e4e392e94ebe9ccc5f6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[463],{37162:function(e,n,t){"use strict";var i=t(85893),s=t(68527),r=t(49609);n.Z=function(){return(0,i.jsx)(s.xu,{pt:"8",w:"full",children:(0,i.jsx)(s.M5,{children:(0,i.jsx)(r.$,{color:"blue.400"})})})}},73155:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return K}});var i=t(85893),s=t(55645),r=t(67294),c=t(68527),a="Windows",o="Linux (Ubuntu)",d="Mac",l=t(47822),u=t(81738),x=t(15193),h=t(59876),p=function(e){var n=e.resetSteps,t=e.setOs,s=function(e){n(),t(e)};return(0,i.jsx)(u.v2,{children:function(e){var n=e.isOpen;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.j2,{size:"sm",variant:"ghost",isActive:n,as:x.zx,rightIcon:(0,i.jsx)(h.v4,{}),children:"Change Operating System"}),(0,i.jsxs)(u.qy,{children:[(0,i.jsx)(u.sN,{onClick:function(){return s(a)},children:a}),(0,i.jsx)(u.sN,{onClick:function(){return s(d)},children:d}),(0,i.jsx)(u.sN,{onClick:function(){return s(o)},children:o})]})]})}})},g=function(e){var n=e.numSteps,t=e.activeStep,s=e.nextStep,r=e.prevStep;return(0,i.jsxs)(x.hE,{children:[(0,i.jsx)(x.zx,{size:"sm",variant:"ghost",isDisabled:0===t,onClick:r,children:"Prev"}),(0,i.jsx)(x.zx,{size:"sm",onClick:s,disabled:n===t,children:"Next"})]})},j=t(20949),m=t(4612),b=/[\u1C88\u3131-\uD79D]/gi,f=function(e){var n=e.os,t=r.useState(null),a=(0,s.Z)(t,2),o=a[0],d=a[1];return(0,i.jsx)(c.xu,{pt:"8",children:(0,i.jsxs)(c.gC,{children:[(0,i.jsxs)(c.X6,{textAlign:"center",as:"h2",size:"md",children:["Well done! You have completed the keyboard setup instructions for ",n,"!"]}),null!==o?o?(0,i.jsx)(c.xv,{color:"blue.400",children:"Everything looks setup correctly! Have fun practicing your korean typing skills!"}):(0,i.jsx)(c.xv,{textAlign:"center",color:"red.400",children:"Oh no! You are not typing in Hangul. Ensure that your keyboard is setup in Korean."}):(0,i.jsx)(c.xv,{textAlign:"center",children:"Type in the text box below to check your keyboard is setup properly!"}),(0,i.jsx)(c.xu,{rounded:"lg",bg:(0,j.ff)("white","gray.700"),w:{base:"sm",md:"md"},boxShadow:"lg",paddingBottom:4,px:4,paddingTop:4,children:(0,i.jsx)(c.Kq,{spacing:4,children:(0,i.jsx)(m.II,{onChange:function(e){var n=e.target.value[e.target.value.length-1];d(n?Boolean(n.match(b)):null)}})})}),null!==o&&o?(0,i.jsx)(c.rU,{href:"/practice",children:(0,i.jsx)(x.zx,{variant:"ghost",mt:"4",children:"Continue to Practice!"})}):null]})})},v=t(90456),S=[{label:"Step 1",description:"Installing Hangul",content:(0,i.jsx)(c.Eq,{justify:"center",pt:"8",children:(0,i.jsxs)(c.gC,{children:[(0,i.jsx)(c.xu,{maxW:"500px",children:(0,i.jsx)(v.Ee,{src:"/images/ubunutu1.png",width:"100%",height:"auto",borderRadius:"2%"})}),(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:"Install the ibus-hangul plugin from the Ubuntu Softw

1are app, and restart your computer."})]})})},{label:"Step 2",description:"Navigating Settings",content:(0,i.jsxs)(c.Eq,{justify:"center",pt:"8",children:[(0,i.jsx)(c.xu,{maxW:"500px",children:(0,i.jsx)(v.Ee,{src:"/images/Linux 1.png",width:"100%",height:"auto",borderRadius:"2%"})}),(0,i.jsx)(c.W2,{minW:"60vw",children:(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:"Open Settings, and navigate to the Language and Region tab."})})]})},{label:"Step 3",description:"Setting Language",content:(0,i.jsxs)(c.Eq,{justify:"center",pt:"8",children:[(0,i.jsx)(c.xu,{maxW:"500px",children:(0,i.jsx)(v.Ee,{src:"/images/Linux 2.png",width:"100%",height:"auto",borderRadius:"2%"})}),(0,i.jsx)(c.xu,{maxW:"500px",children:(0,i.jsx)(v.Ee,{src:"/images/ubuntu2.png",width:"100%",height:"auto",borderRadius:"2%"})}),(0,i.jsx)(c.W2,{minW:"60vw",children:(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:'Click the plus button under the Input Sources heading, then the 3 vertical dots at the button to open the expanded menu, then scroll to the bottom and find "Other". Once in other, search for "Korean" and select "Korean (Hangul)".'})})]})},{label:"Step 4",description:"Selecting Hangul",content:(0,i.jsx)(c.Eq,{justify:"center",pt:"8",children:(0,i.jsxs)(c.gC,{children:[(0,i.jsx)(c.xu,{maxW:"500px",children:(0,i.jsx)(v.Ee,{src:"/images/ubuntu3.png",width:"100%",height:"auto",borderRadius:"2%"})}),(0,i.jsx)(c.W2,{minW:"60vw",children:(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:"At the top right of the screen, select the language drop down menu, select Korean (Hangul), and then click on it again and turn Hangul mode on."})})]})})}],w=[{label:"Step 1",description:"Starting",content:(0,i.jsxs)(c.Eq,{justify:"center",pt:"8",children:[(0,i.jsx)(c.xu,{maxW:"500px",children:(0,i.jsx)(v.Ee,{src:"/images/Mac - Step 1.png",width:"100%",borderRadius:"2%"})}),(0,i.jsx)(c.W2,{minW:"60vw",children:(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:'Click on the Apple logo in the upper left corner of the screen and Select "System Preferences".'})})]})},{label:"Step 2",description:"System Preferences",content:(0,i.jsxs)(c.Eq,{justify:"center",pt:"8",children:[(0,i.jsx)(c.xu,{maxW:"500px",children:(0,i.jsx)(v.Ee,{src:"/images/Mac - Step 2.png",width:"100%",borderRadius:"2%"})}),(0,i.jsx)(c.W2,{minW:"60vw",children:(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:'Under system preferences, first select "Keyboard", then under the "Input Sources" tab click on the "+" sign in the bottom left corner.'})})]})},{label:"Step 3",description:"Input Sources",content:(0,i.jsxs)(c.Eq,{justify:"center",pt:"8",children:[(0,i.jsx)(c.xu,{maxW:"500px",children:(0,i.jsx)(v.Ee,{src:"/images/Mac - Step 3.png",width:"100%",borderRadius:"2%"})}),(0,i.jsx)(c.W2,{minW:"60vw",children:(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:'In the pop-up input method list, select \u201cKorean\u201d and then in the list of Korean input methods on the right, select the one you want to use, and then click "Add". We suggest you choose 2-Set Korean because it is the only national standard for Hangul keyboard.'})})]})},{label:"Step 4",description:"Set Korean Keyboard",content:(0,i.jsxs)(c.Eq,{justify:"center",pt:"8",children:[(0,i.jsxs)(c.xu,{maxW:"500px",children:[(0,i.jsx)(v.Ee,{src:"/images/Mac - Step 4.png",width:"100%",borderRadius:"2%"})," "]}),(0,i.jsx)(c.W2,{minW:"60vw",children:(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:"Ensure that your the 2-Set Korean Keyboard is your default keyboard."})})]})}],y=[{label:"Step 1",description:"Starting",content:(0,i.jsx)(c.Eq,{justify:"center",pt:"8",children:(0,i.jsxs)(c.gC,{children:[(0,i.jsx)(v.Ee,{src:"/images/Windows_1.png",width:"auto",maxH:"400px",borderRadius:"2%"}),(0,i.jsx)(c.W2,{minW:"60vw",children:(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:'Click the "Start" button and select "Settings"'})})]})})},{label:"Step 2",description:"Adding a Language",content:(0,i.jsx)(c.Eq,{justify:"center",pt:"8",children:(0,i.jsxs)(c.gC,{children:[(0,i.jsx)(v.Ee,{src:"/images/Windows_2.png",width:"auto",maxH:"400px",borderRadius:"2%"}),(0,i.jsx)(c.W2,{minW:"60vw",children:(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:'Select "Time & Language"'})})]})})},{label:"Step 3",description:"Setting Korean Keyboard",content:(0,i.jsxs)(c.Eq,{justify:"center",pt:"8",children:[(0,i.jsx)(c.xu,{children:(0,i.jsx)(v.Ee,{src:"/images/Windows_3.png",width:"auto",maxH:"500px",borderRadius:"2%"})}),(0,i.jsx)(c.xu,{children:(0,i.jsx)(v.Ee,{src:"/images/Windows_4.png",width:"auto",maxH:"500px",borderRadius:"2%"})}),(0,i.jsx)(c.W2,{minW:"60vw",children:(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:'Select "Language" and click on the following.'})})]})},{label:"Step 4",description:"Installing Korean",content:(0,i.jsxs)(c.Eq,{justify:"center",pt:"8",children:[(0,i.jsx)(c.xu,{children:(0,i.jsx)(v.Ee,{src:"/images/Windows_5.png",width:"auto",maxH:"400px",borderRadius:"2%"})}),(0,i.jsx)(c.xu,{children:(0,i.jsx)(v.Ee,{src:"/images/Windows_6.png",width:"auto",maxH:"400px",borderRadius:"2%"})}),(0,i.jsx)(c.W2,{minW:"60vw",children:(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:'Select "Language" and click on the following.'})})]})},{label:"Step 5",description:"Switch to Korean",content:(0,i.jsxs)(c.Eq,{justify:"center",pt:"8",children:[(0,i.jsx)(c.xu,{children:(0,i.jsx)(v.Ee,{src:"/images/Windows_7.png",width:"auto",maxH:"400px",borderRadius:"2%"})}),(0,i.jsx)(c.xu,{children:(0,i.jsx)(v.Ee,{src:"/images/Windows_8.png",width:"auto",maxH:"400px",borderRadius:"2%"})}),(0,i.jsx)(c.W2,{minW:"60vw",children:(0,i.jsx)(c.xv,{size:"md",pt:"8",textAlign:"center",children:'Now the Korean Keyboard is available for use. Ensure that "2-Beolsik" 

1keyboard type is selected. You Should be able to switch to Korean Keyboard as seen from the bottom righ corner of the screen.'})})]})}],W=t(14428),E=t(37162),k=function(e){switch(e){case a:return y;case d:return w;case o:return S;default:return y}},K=function(){(0,W.Z)("KeyKorea - Keyboard Setup");var e=r.useState(null),n=(0,s.Z)(e,2),t=n[0],u=n[1],x=r.useState(k(t)),h=(0,s.Z)(x,2),j=h[0],m=h[1],b=(0,l.h4)({initialStep:0}),v=b.nextStep,S=b.prevStep,w=b.reset,y=b.activeStep;return r.useEffect((function(){u(function(){var e=[{name:a,appVersion:"Windows"},{name:d,appVersion:"Mac"},{name:o,appVersion:"X11"}].find((function(e){return navigator.appVersion.includes(e.appVersion)}));return null==e?a:e.name}())}),[]),r.useEffect((function(){m(k(t))}),[t]),(0,i.jsx)(c.W2,{pt:"8",maxW:"container.xl",children:(0,i.jsx)(c.gC,{spacing:5,width:"100%",align:"stretch",children:t?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(c.X6,{fontSize:"45px",textAlign:"center",children:["Setup Hangul Keyboard on ",t]}),(0,i.jsx)(l.Rg,{activeStep:y,children:j.map((function(e){var n=e.label,t=e.content,s=e.description;return(0,i.jsx)(l.h8,{label:n,description:s,children:t},n)}))}),y===j.length&&(0,i.jsx)(f,{os:t,reset:w}),(0,i.jsxs)(c.kC,{children:[(0,i.jsx)(p,{setOs:u,resetSteps:w}),(0,i.jsx)(c.LZ,{}),(0,i.jsx)(g,{activeStep:y,numSteps:j.length,nextStep:v,prevStep:S})]})]}):(0,i.jsx)(E.Z,{})})})}},70165:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/setup",function(){return t(73155)}])}},function(e){e.O(0,[729,774,888,179],(function(){return n=70165,e(e.s=n);var n}));var n=e.O();_N_E=n}]);