https://capstone-webdev-wanikani-app.vercel.app/_next/static/chunks/829-022a8c3e28670f88.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[829],{1429:function(e,t,n){let r=n(9393),o=n(2807),a=n(7116),i=r(a);class s{constructor(e){if("string"!=typeof e)throw TypeError(`"${e}" is not a string.`);this.someString=e,this.hiragana=this.convert(this.someString,o),this.hiragana=this.convert(this.hiragana,i),this.katakana=this.convert(this.hiragana,a)}string(){return this.someString}convert(e,t){let n=Object.keys(t).reduce((e,n)=>{let r=t[n],o=RegExp(n,"gi");return e.replace(o,r)},e);return n}toHiragana(){return this.hiragana}toKatakana(){return this.katakana}}let c=e=>new s(e),u=e=>{let t=new s(e);return t.toHiragana()},l=e=>{let t=new s(e);return t.toKatakana()};e.exports=c,e.exports.toHiragana=u,e.exports.toKatakana=l},7116:function(e){e.exports={あ:"ア",い:"イ",う:"ウ",え:"エ",お:"オ",か:"カ",き:"キ",く:"ク",け:"ケ",こ:"コ",さ:"サ",し:"シ",す:"ス",せ:"セ",そ:"ソ",た:"タ",ち:"チ",つ:"ツ",て:"テ",と:"ト",な:"ナ",に:"ニ",ぬ:"ヌ",ね:"ネ",の:"ノ",は:"ハ",ひ:"ヒ",ふ:"フ",へ:"ヘ",ほ:"ホ",ま:"マ",み:"ミ",む:"ム",め:"メ",も:"モ",や:"ヤ",ゆ:"ユ",よ:"ヨ",ら:"ラ",り:"リ",る:"ル",れ:"レ",ろ:"ロ",わ:"ワ",を:"ヲ",ん:"ン",ゔ:"ヴ",が:"ガ",ぎ:"ギ",ぐ:"グ",げ:"ゲ",ご:"ゴ",ざ:"ザ",じ:"ジ",ず:"ズ",ぜ:"ゼ",ぞ:"ゾ",だ:"ダ",ぢ:"ヂ",づ:"ヅ",で:"デ",ど:"ド",ば:"バ",び:"ビ",ぶ:"ブ",べ:"ベ",ぼ:"ボ",ぱ:"パ",ぴ:"ピ",ぷ:"プ",ぺ:"ペ",ぽ:"ポ",ぁ:"ァ",ぃ:"ィ",ぅ:"ゥ",ぇ:"ェ",ぉ:"ォ",ゃ:"ャ",ゅ:"ュ",ょ:"ョ",ゎ:"ヮ",っ:"ッ"}},2807:function(e){e.exports={nn:"ん",mb:"んb",mm:"んm",mp:"んp",bb:"っb",cc:"っc",dd:"っd",ff:"っf",gg:"っg",hh:"っh",jj:"っj",kk:"っk",ll:"っl",pp:"っp",qq:"っq",rr:"っr",ss:"っs",tt:"っt",vv:"っv",ww:"っw",xx:"っx",yy:"っy",zz:"っz",ltsu:"っ",xtsu:"っ",hwyu:"ふゅ",vya:"ゔゃ",vyi:"ゔぃ",vyu:"ゔゅ",vye:"ゔぇ",vyo:"ゔょ",kya:"きゃ",kyi:"きぃ",kyu:"きゅ",kye:"きぇ",kyo:"きょ",kwa:"くぁ",kwi:"くぃ",kwu:"くぅ",kwe:"くぇ",kwo:"くぉ",gya:"ぎゃ",gyi:"ぎぃ",gyu:"ぎゅ",gye:"ぎぇ",gyo:"ぎょ",gwa:"ぐぁ",gwi:"ぐぃ",gwu:"ぐぅ",gwe:"ぐぇ",gwo:"ぐぉ",sya:"しゃ",syi:"しぃ",syu:"しゅ",sye:"しぇ",syo:"しょ",sha:"しゃ",shi:"し",shu:"しゅ",she:"しぇ",sho:"しょ",jya:"じゃ",jyi:"じぃ",jyu:"じゅ",jye:"じぇ",jyo:"じょ",zya:"じゃ",zyi:"じぃ",zyu:"じゅ",zye:"じぇ",zyo:"じょ",tsa:"つぁ",tsi:"つぃ",tsu:"つ",tse:"つぇ",tso:"つぉ",tya:"ちゃ",tyi:"ちぃ",tyu:"ちゅ",tye:"ちぇ",tyo:"ちょ",tha:"てゃ",thi:"てぃ",thu:"てゅ",the:"てぇ",tho:"てょ",cya:"ちゃ",cyi:"ちぃ",cyu:"ちゅ",cye:"ちぇ",cyo:"ちょ",cha:"ちゃ",chi:"ち",chu:"ちゅ",che:"ちぇ",cho:"ちょ",twa:"とぁ",twi:"とぃ",twu:"とぅ",twe:"とぇ",two:"とぉ",dya:"ぢゃ",dyi:"ぢぃ",dyu:"ぢゅ",dye:"ぢぇ",dyo:"ぢょ",dha:"でゃ",dhi:"でぃ",dhu:"でゅ",dhe:"でぇ",dho:"でょ",nya:"にゃ",nyi:"にぃ",nyu:"にゅ",nye:"にぇ",nyo:"にょ",hya:"ひゃ",hyi:"ひぃ",hyu:"ひゅ",hye:"ひぇ",hyo:"ひょ",hwa:"ふぁ",hwi:"ふぃ",hwe:"ふぇ",hwo:"ふぉ",fya:"ふゃ",fyu:"ふゅ",fyo:"ふょ",bya:"びゃ",byi:"びぃ",byu:"びゅ",bye:"びぇ",byo:"びょ",pya:"ぴゃ",pyi:"ぴぃ",pyu:"ぴゅ",pye:"ぴぇ",pyo:"ぴょ",mya:"みゃ",myi:"みぃ",myu:"みゅ",mye:"みぇ",myo:"みょ",rya:"りゃ",ryi:"りぃ",ryu:"りゅ",rye:"りぇ",ryo:"りょ",wha:"うぁ",whi:"うぃ",whu:"う",whe:"うぇ",who:"うぉ",ltu:"っ",xtu:"っ",lya:"ゃ",lyi:"ぃ",lyu:"ゅ",lye:"ぇ",lyo:"ょ",xya:"ゃ",xyi:"ぃ",xyu:"ゅ",xye:"ぇ",xyo:"ょ",lwa:"ゎ",xwa:"ゎ",ka:"か",ki:"き",ku:"く",ke:"け",ko:"こ",sa:"さ",si:"し",su:"す",se:"せ",so:"そ",ca:"か",ci:"し",cu:"く",ce:"せ",co:"こ",ta:"た",ti:"ち",tu:"つ",te:"て",to:"と",na:"な",ni:"に",nu:"ぬ",ne:"ね",no:"の",ha:"は",hi:"ひ",hu:"ふ",he:"へ",ho:"ほ",ma:"ま",mi:"み",mu:"む",me:"め",mo:"も",ya:"や",yu:"ゆ",yo:"よ",ra:"ら",ri:"り",ru:"る",re:"れ",ro:"ろ",wa:"わ",wi:"うぃ",wu:"う",we:"うぇ",wo:"を",qa:"くぁ",qi:"くぃ",qu:"く",qe:"くぇ",qo:"くぉ",fa:"ふぁ",fi:"ふぃ",fu:"ふ",fe:"ふぇ",fo:"ふぉ",va:"ゔぁ",vi:"ゔぃ",vu:"ゔ",ve:"ゔぇ",vo:"ゔぉ",ga:"が",gi:"ぎ",gu:"ぐ",ge:"げ",go:"ご",za:"ざ",zi:"じ",zu:"ず",ze:"ぜ",zo:"ぞ",ja:"じゃ",ji:"じ",ju:"じゅ",je:"じぇ",jo:"じょ",da:"だ",di:"ぢ",du:"づ",de:"で",do:"ど",ba:"ば",bi:"び",bu:"ぶ",be:"べ",bo:"ぼ",pa:"ぱ",pi:"ぴ",pu:"ぷ",pe:"ぺ",po:"ぽ",la:"ぁ",li:"ぃ",lu:"ぅ",le:"ぇ",lo:"ぉ",xa:"ぁ",xi:"ぃ",xu:"ぅ",xe:"ぇ",xo:"ぉ",a:"あ",i:"い",u:"う",e:"え",o:"お",n:"ん",0:"０",1:"１",2:"２",3:"３",4:"４",5:"５",6:"６",7:"７",8:"８",9:"９","-":"ー",",":"、","\\.":"。","\\!":"！","\\?":"？"}},9393:function(e){let t=e=>{let t={};return Object.keys(e).forEach(n=>{let r=e[n];t[r]=n}),t};e.exports=t},133:function(e,t,n){"use strict";var r,o=n(7294);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}t.Z=function(e){return o.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"

1currentColor",className:"chevron-down_svg__w-6 chevron-down_svg__h-6",viewBox:"0 0 24 24"},e),r||(r=o.createElement("path",{fillRule:"evenodd",d:"M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5z",clipRule:"evenodd"})))}},6047:function(e,t,n){"use strict";var r,o=n(7294);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}t.Z=function(e){return o.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"chevron-right_svg__w-6 chevron-right_svg__h-6",viewBox:"0 0 24 24"},e),r||(r=o.createElement("path",{fillRule:"evenodd",d:"M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5z",clipRule:"evenodd"})))}},2444:function(e,t,n){"use strict";var r,o,a,i=n(7294);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}t.Z=function(e){return i.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"eye-slash_svg__w-6 eye-slash_svg__h-6",viewBox:"0 0 24 24"},e),r||(r=i.createElement("path",{d:"M3.53 2.47a.75.75 0 0 0-1.06 1.06l18 18a.75.75 0 1 0 1.06-1.06l-18-18zm19.15 10.08a11.25 11.25 0 0 1-2.64 4.31l-3.1-3.1a5.25 5.25 0 0 0-6.7-6.7L7.76 4.57A11.22 11.22 0 0 1 12 3.75c4.97 0 9.19 3.22 10.68 7.69.12.36.12.75 0 1.11z"})),o||(o=i.createElement("path",{d:"M15.75 12c0 .18-.01.36-.04.53l-4.24-4.24A3.75 3.75 0 0 1 15.75 12zm-3.22 3.71-4.24-4.24a3.75 3.75 0 0 0 4.24 4.24z"})),a||(a=i.createElement("path",{d:"M6.75 12c0-.62.1-1.21.3-1.76l-3.1-3.1a11.25 11.25 0 0 0-2.63 4.3c-.12.37-.12.76 0 1.12a11.25 11.25 0 0 0 14.92 6.86l-2.48-2.47A5.25 5.25 0 0 1 6.75 12z"})))}},3072:function(e,t,n){"use strict";var r,o,a=n(7294);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}t.Z=function(e){return a.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"eye_svg__w-6 eye_svg__h-6",viewBox:"0 0 24 24"},e),r||(r=a.createElement("path",{d:"M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"})),o||(o=a.createElement("path",{fillRule:"evenodd",d:"M1.32 11.45a11.26 11.26 0 0 1 21.36-.01c.12.36.12.75 0 1.11a11.26 11.26 0 0 1-21.36.01 1.76 1.76 0 0 1 0-1.11zm15.93.55a5.25 5.25 0 1 1-10.5 0 5.25 5.25 0 0 1 10.5 0z",clipRule:"evenodd"})))}},1143:function(e,t,n){"use strict";var r,o,a=n(7294);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}t.Z=function(e){return a.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"speaker-wave_svg__w-6 speaker-wave_svg__h-6",viewBox:"0 0 24 24"},e),r||(r=a.createElement("path",{d:"M13.5 4.06c0-1.34-1.62-2-2.56-1.06l-4.5 4.5H4.51a2.7 2.7 0 0 0-2.66 1.9A9.76 9.76 0 0 0 1.5 12c0 .9.12 1.77.35 2.6a2.7 2.7 0 0 0 2.66 1.9h1.93l4.5 4.5a1.5 1.5 0 0 0 2.56-1.06V4.06zm5.08 1.05a.75.75 0 0 1 1.06 0 9.75 9.75 0 0 1 0 13.78.75.75 0 1 1-1.06-1.06 8.25 8.25 0 0 0 0-11.66.75.75 0 0 1 0-1.06z"})),o||(o=a.createElement("path",{d:"M15.93 7.76a.75.75 0 0 1 1.06 0 6 6 0 0 1 0 8.48.75.75 0 0 1-1.06-1.06 4.5 4.5 0 0 0 0-6.36.75.75 0 0 1 0-1.06z"})))}},1798:function(e,t,n){"use strict";n.d(t,{Z:function(){return b}});var r=n(7297),o=n(5893),a=n(9521),i=n(6047),s=n(7294),c=n(9734),u=n(3545);function l(){let e=(0,r.Z)(["\n  display: flex;\n  justify-content: center;\n  padding-top: 1em;\n"]);return l=function(){return e},e}function h(){let e=(0,r.Z)(["\n  background-color: ",";\n  display: flex;\n  justify-content: stretch;\n  width: 95%;\n  height: 5em;

1\n  box-shadow: 3px 3px 0 #e1e1e1;\n  margin-bottom: 0.5em;\n"]);return h=function(){return e},e}function f(){let e=(0,r.Z)(["\n  height: 100%;\n  border: none;\n  text-align: center;\n  font-size: 1.5em;\n  outline: none;\n  color: ",";\n"]);return f=function(){return e},e}function g(){let e=(0,r.Z)(["\n  border: none;\n  width: 5em;\n  height: 100%;\n  position: relative;\n  right: 0.8em;\n  margin-left: 0.8em;\n"]);return g=function(){return e},e}function d(){let e=(0,r.Z)(["\n  height: 2em;\n  width: 100%;\n  border: none;\n"]);return d=function(){return e},e}let y=a.ZP.div.withConfig({componentId:"sc-52099b4-0"})(l()),p=a.ZP.form.attrs(e=>({$backgroundcolor:e.$backgroundcolor})).withConfig({componentId:"sc-52099b4-1"})(h(),e=>e.$backgroundcolor),w=a.ZP.input.attrs(e=>({$color:e.$color})).withConfig({componentId:"sc-52099b4-2"})(f(),e=>e.$color),v=a.ZP.button.withConfig({componentId:"sc-52099b4-3"})(g()),m=(0,a.ZP)(i.Z).withConfig({componentId:"sc-52099b4-4"})(d());function b(e){let{expectedAnswerType:t,expectedAnswerText:r,setIsHiddenWrong:a,setIsHiddenInfo:i,quizItems:l,setQuizItems:h,currentQuizItem:f,changeQuizItemIndexRandomly:g,setIsPopupVisible:d}

1=e,[b,x]=(0,s.useState)("#f4f4f4"),[j,k]=(0,s.useState)("#333"),[_,z]=(0,s.useState)("not answered"),Z=function(e){let[t,n]=(0,u.Z)("apiToken",{defaultValue:""}),r=e+"/start",o=async()=>{let e=new Headers({"Wanikani-Revision":"20170710",Authorization:"Bearer "+t}),n=new Request("https://api.wanikani.com/v2/assignments/"+r,{method:"PUT",headers:e}),{error:o}=await function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return fetch(...t).then(e=>e.json())}(n);return{isError:o}},{error:a,isLoading:i}=(0,c.ZP)(t?["assignments",r]:null,o);return{isLoading:i,isError:a}}(null==f?void 0:f.assignmentId);return(0,o.jsx)(y,{children:(0,o.jsxs)(p,{onSubmit:function(e){e.preventDefault();let t=e.target.elements.answer.value;if("answered correct"===_){if(1===l.length)d(!0);else{z("not answered"),i(!0),h(e=>e.filter(e=>e.quizId!==f.quizId));let t=l.find(e=>e.id===f.id);t?(k("#333"),x("f4f4f4"),console.log(l),e.target.elements.answer.value=""):(Z(),k("#333"),x("f4f4f4"),console.log(l),e.target.elements.answer.value="")}}else"answered wrong"===_?(z("not answered"),i(!0),a(!0),k("#333"),x("f4f4f4"),e.target.elements.answer.value="",h(e=>{let t=e.filter(e=>e.quizId!==f.quizId);return t.push(f),t}),g()):r&&r.includes(t)?(x("#88cc00"),k("#ffffff"),z("answered correct")):(x("#ff0033"),k("#ffffff"),a(!1),z("answered wrong"))},$backgroundcolor:b,children:[(0,o.jsx)(w,{placeholder:"Reading"===t?"答え":"Your answer",type:"text",name:"answer",autoComplete:"off",autocapitalize:"none",autocorrect:"off",spellcheck:"false",$color:j,onChange:function(e){if("Reading"!==t)return null;{let t=e.target.value;if("nn"===t.slice(-2))e.target.value=t.slice(0,-2)+"ん";else{if("n"===t.slice(-1))return null;let r=function(e){let t=n(1429),r=t(e).toHiragana();return r}(t);e.target.value=r}}},autoFocus:!0}),(0,o.jsx)(v,{children:(0,o.jsx)(m,{})})]})})}},7139:function(e,t,n){"use strict";n.d(t,{Z:function(){return y}});var r,o,a=n(7297),i=n(5893),s=n(9521),c=n(7294);function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var l=n(1163);function h(){let e=(0,a.Z)(["\n  border: none;\n  background-color: #fafafa;\n  align-self: start;\n  margin-left: 0.4em;\n  border-radius: 0.4em;\n  padding: 0.4em;\n  box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset,\n    0 0 10px rgba(255, 255, 255, 0.5);\n"]);return h=function(){return e},e}function f(){let e=(0,a.Z)(["\n  width: 100%;\n  height: 3em;\n"]);return f=function(){return e},e}let g=s.ZP.button.withConfig({componentId:"sc-2a68eff5-0"})(h()),d=(0,s.ZP)(function(e){return c.createElement("svg",u({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"home_svg__w-6 home_svg__h-6",viewBox:"0 0 24 24"},e),r||(r=c.createElement("path",{d:"M11.47 3.84a.75.75 0 0 1 1.06 0l8.69 8.69a.75.75 0 1 0 1.06-1.06l-8.69-8.69a2.25 2.25 0 0 0-3.18 0l-8.7 8.69a.75.75 0 0 0 1.07 1.06l8.69-8.69z"})),o||(o=c.createElement("path",{d:"m12 5.43 8.16 8.16.09.09v6.2c0 1.03-.84 1.87-1.88 1.87H15a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75V21a.75.75 0 0 1-.75.75H5.62a1.88 1.88 0 0 1-1.87-1.88v-6.2a2.29 2.29 0 0 0 .1-.08L12 5.43z"})))}).withConfig({componentId:"sc-2a68eff5-1"})(f());function y(){let e=(0,l.useRouter)();return(0,i.jsx)(g,{onClick:()=>e.push("/dashboard"),children:(0,i.jsx)(d,{})})}},6515:function(e,t,n){"use strict";n.d(t,{Z:function(){return f}});var r=n(7297),o=n(5893),a=n(9521);function i(){let e=(0,r.Z)(["\n  background-color: #f4f4f4;\n  box-shadow: 3px 3px 0 #e1e1e1;\n  display: ",";\n  width: 65%;\n  height: 4em;\n  padding: 0.8em;\n  position: relative;\n  margin-top: 0.9em;\n"]);return i=function(){return e},e}function s(){let e=(0,r.Z)(["\n  width: 0;\n  height: 0;\n  border-left: 1.6em solid transparent;\n  border-right: 1.6em solid transparent;\n  border-bottom: 1.6em solid #f4f4f4;\n  position: absolute;\n  top: -1.5em;\n  right: ",";\n"]);return s=function(){return e},e}function c(){let e=(0,r.Z)(["\n  font-size: 1em;\n"]);return c=function(){return e},e}let u=a.ZP.section.attrs(e=>({$visibility:e.$visibility})).withConfig({componentId:"sc-eb0c1752-0"})(i(),e=>e.$visibility?"block":"none"),l=a.ZP.div.attrs(e=>({$position:e.$position})).withConfig({componentId:"sc-eb0c1752-1"})(s(),e=>e.$position),h=a.ZP.p.withConfig({componentId:"sc-eb0c1752-2"})(c());function f(e){let{cardVisibility:t,ArrowPositionRight:n}=e;return(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)(u,{$visibility:t,children:[(0,o.jsx)(l,{$position:n}),(0,o.jsx)(h,{children:"Need help? View the correct reading and mnemonic."})]})})}}}]);