diff --git a/build/bundle.966bf968.js b/build/bundle.2638688e.js similarity index 65% rename from build/bundle.966bf968.js rename to build/bundle.2638688e.js index ef89f4dd..91e03a46 100644 --- a/build/bundle.966bf968.js +++ b/build/bundle.2638688e.js @@ -1,2 +1,2 @@ -/*! For license information please see bundle.966bf968.js.LICENSE.txt */ -(()=>{var __webpack_modules__={92479:(ie,le,de)=>{"use strict";de.d(le,{A:()=>lr});var ce=de(12379),ye=de.n(ce),He=de(81364),Se=de.n(He),Re=de(83615),Pe=de.n(Re),Qe=new URL(de(40020),de.b),et=new URL(de(54386),de.b),tt=new URL(de(55426),de.b),nt=new URL(de(9771),de.b),rt=new URL(de(2867),de.b),it=new URL(de(36253),de.b),ot=new URL(de(36846),de.b),st=new URL(de(71780),de.b),lt=new URL(de(71124),de.b),dt=new URL(de(12545),de.b),ut=new URL(de(19665),de.b),ct=new URL(de(40979),de.b),pt=new URL(de(16764),de.b),mt=new URL(de(78826),de.b),ht=new URL(de(92090),de.b),ft=new URL(de(57395),de.b),gt=new URL(de(44427),de.b),vt=new URL(de(74421),de.b),yt=new URL(de(77511),de.b),Mt=new URL(de(13831),de.b),bt=new URL(de(74721),de.b),Ct=new URL(de(23362),de.b),xt=new URL(de(66144),de.b),At=new URL(de(31744),de.b),Ht=new URL(de(61526),de.b),wt=new URL(de(32559),de.b),zt=new URL(de(94540),de.b),_t=new URL(de(24724),de.b),Dt=new URL(de(86322),de.b),kt=new URL(de(33282),de.b),Ot=new URL(de(41965),de.b),Tt=new URL(de(25397),de.b),St=new URL(de(93044),de.b),Rt=new URL(de(19574),de.b),Et=new URL(de(23644),de.b),Lt=new URL(de(16716),de.b),Vt=new URL(de(99271),de.b),Nt=new URL(de(14567),de.b),Bt=new URL(de(93633),de.b),Pt=new URL(de(74433),de.b),Ft=new URL(de(16945),de.b),It=new URL(de(91475),de.b),qt=new URL(de(91364),de.b),jt=new URL(de(16802),de.b),Ut=new URL(de(46898),de.b),Wt=new URL(de(27365),de.b),$t=new URL(de(42461),de.b),Gt=new URL(de(41775),de.b),Kt=new URL(de(88554),de.b),Yt=new URL(de(84568),de.b),Qt=new URL(de(77528),de.b),Zt=new URL(de(38987),de.b),Xt=new URL(de(51987),de.b),Jt=new URL(de(25578),de.b),nn=new URL(de(25704),de.b),an=new URL(de(78990),de.b),rn=new URL(de(11118),de.b),ln=new URL(de(64632),de.b),dn=new URL(de(1534),de.b),cn=new URL(de(47774),de.b),pn=Se()(ye()),mn=Pe()(Qe),hn=Pe()(et),gn=Pe()(tt),vn=Pe()(nt),yn=Pe()(rt),Mn=Pe()(it),bn=Pe()(ot),Cn=Pe()(st),xn=Pe()(lt),An=Pe()(dt),Hn=Pe()(ut),wn=Pe()(ct),zn=Pe()(pt),_n=Pe()(mt),Dn=Pe()(ht),kn=Pe()(ft),On=Pe()(gt),Tn=Pe()(vt),Sn=Pe()(yt),Rn=Pe()(Mt),En=Pe()(bt),Ln=Pe()(Ct),Vn=Pe()(xt),Nn=Pe()(At),Bn=Pe()(Ht),Pn=Pe()(wt),Fn=Pe()(zt),In=Pe()(_t),qn=Pe()(Dt),jn=Pe()(kt),Un=Pe()(Ot),Wn=Pe()(Tt),$n=Pe()(St),Gn=Pe()(Rt),Kn=Pe()(Et),Yn=Pe()(Lt),Qn=Pe()(Vt),Zn=Pe()(Nt),Xn=Pe()(Bt),Jn=Pe()(Pt),na=Pe()(Ft),aa=Pe()(It),ca=Pe()(qt),ma=Pe()(jt),ga=Pe()(Ut),Ca=Pe()(Wt),xa=Pe()($t),Ha=Pe()(Gt),wa=Pe()(Kt),_a=Pe()(Yt),Ga=Pe()(Qt),Ja=Pe()(Zt),er=Pe()(Xt),tr=Pe()(Jt),nr=Pe()(nn),ar=Pe()(an),rr=Pe()(rn),ir=Pe()(ln),or=Pe()(dn),sr=Pe()(cn);pn.push([ie.id,`@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(${mn}) format("woff2"),url(${hn}) format("woff"),url(${gn}) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(${vn}) format("woff2"),url(${yn}) format("woff"),url(${Mn}) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(${bn}) format("woff2"),url(${Cn}) format("woff"),url(${xn}) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(${An}) format("woff2"),url(${Hn}) format("woff"),url(${wn}) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(${zn}) format("woff2"),url(${_n}) format("woff"),url(${Dn}) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(${kn}) format("woff2"),url(${On}) format("woff"),url(${Tn}) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(${Sn}) format("woff2"),url(${Rn}) format("woff"),url(${En}) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(${Ln}) format("woff2"),url(${Vn}) format("woff"),url(${Nn}) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(${Bn}) format("woff2"),url(${Pn}) format("woff"),url(${Fn}) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(${In}) format("woff2"),url(${qn}) format("woff"),url(${jn}) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(${Un}) format("woff2"),url(${Wn}) format("woff"),url(${$n}) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(${Gn}) format("woff2"),url(${Kn}) format("woff"),url(${Yn}) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(${Qn}) format("woff2"),url(${Zn}) format("woff"),url(${Xn}) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(${Jn}) format("woff2"),url(${na}) format("woff"),url(${aa}) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(${ca}) format("woff2"),url(${ma}) format("woff"),url(${ga}) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(${Ca}) format("woff2"),url(${xa}) format("woff"),url(${Ha}) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(${wa}) format("woff2"),url(${_a}) format("woff"),url(${Ga}) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(${Ja}) format("woff2"),url(${er}) format("woff"),url(${tr}) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(${nr}) format("woff2"),url(${ar}) format("woff"),url(${rr}) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(${ir}) format("woff2"),url(${or}) format("woff"),url(${sr}) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.10"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}\n`,""]);const lr=pn},47279:(ie,le,de)=>{"use strict";de.d(le,{A:()=>Re});var ce=de(12379),ye=de.n(ce),He=de(81364),Se=de.n(He)()(ye());Se.push([ie.id,".rc-drawer {\n inset: 0;\n position: fixed;\n z-index: 1050;\n pointer-events: none;\n}\n.rc-drawer-inline {\n position: absolute;\n}\n.rc-drawer-mask {\n inset: 0;\n position: absolute;\n z-index: 1050;\n background: rgba(0, 0, 0, 0.5);\n pointer-events: auto;\n}\n.rc-drawer-content-wrapper {\n position: absolute;\n z-index: 1050;\n overflow: hidden;\n transition: transform 0.3s;\n}\n.rc-drawer-content-wrapper-hidden {\n display: none;\n}\n.rc-drawer-left .rc-drawer-content-wrapper {\n top: 0;\n bottom: 0;\n left: 0;\n}\n.rc-drawer-right .rc-drawer-content-wrapper {\n top: 0;\n right: 0;\n bottom: 0;\n}\n.rc-drawer-content {\n width: 100%;\n height: 100%;\n overflow: auto;\n background: #fff;\n pointer-events: auto;\n}\n",""]);const Re=Se},77862:(ie,le,de)=>{"use strict";de.d(le,{A:()=>Re});var ce=de(12379),ye=de.n(ce),He=de(81364),Se=de.n(He)()(ye());Se.push([ie.id,".Dropdown-root {\n position: relative;\n}\n\n.Dropdown-control {\n position: relative;\n overflow: hidden;\n background-color: white;\n border: 1px solid #ccc;\n border-radius: 2px;\n box-sizing: border-box;\n color: #333;\n cursor: default;\n outline: none;\n padding: 8px 52px 8px 10px;\n transition: all 200ms ease;\n}\n\n.Dropdown-control:hover {\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n.Dropdown-arrow {\n border-color: #999 transparent transparent;\n border-style: solid;\n border-width: 5px 5px 0;\n content: ' ';\n display: block;\n height: 0;\n margin-top: -ceil(2.5);\n position: absolute;\n right: 10px;\n top: 14px;\n width: 0\n}\n\n.is-open .Dropdown-arrow {\n border-color: transparent transparent #999;\n border-width: 0 5px 5px;\n}\n\n.Dropdown-menu {\n background-color: white;\n border: 1px solid #ccc;\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n box-sizing: border-box;\n margin-top: -1px;\n max-height: 200px;\n overflow-y: auto;\n position: absolute;\n top: 100%;\n width: 100%;\n z-index: 1000;\n -webkit-overflow-scrolling: touch;\n}\n\n.Dropdown-menu .Dropdown-group > .Dropdown-title{\n padding: 8px 10px;\n color: rgba(51, 51, 51, 1);\n font-weight: bold;\n text-transform: capitalize;\n}\n\n.Dropdown-option {\n box-sizing: border-box;\n color: rgba(51, 51, 51, 0.8);\n cursor: pointer;\n display: block;\n padding: 8px 10px;\n}\n\n.Dropdown-option:last-child {\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 2px;\n}\n\n.Dropdown-option:hover {\n background-color: #f2f9fc;\n color: #333;\n}\n\n.Dropdown-option.is-selected {\n background-color: #f2f9fc;\n color: #333;\n}\n\n.Dropdown-noresults {\n box-sizing: border-box;\n color: #ccc;\n cursor: default;\n display: block;\n padding: 8px 10px;\n}\n",""]);const Re=Se},98371:(ie,le,de)=>{"use strict";de.d(le,{A:()=>Re});var ce=de(12379),ye=de.n(ce),He=de(81364),Se=de.n(He)()(ye());Se.push([ie.id,"/* Copyright 2014 Mozilla Foundation\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n:root {\n --react-pdf-annotation-layer: 1;\n --annotation-unfocused-field-background: url(\"data:image/svg+xml;charset=UTF-8,\");\n --input-focus-border-color: Highlight;\n --input-focus-outline: 1px solid Canvas;\n --input-unfocused-border-color: transparent;\n --input-disabled-border-color: transparent;\n --input-hover-border-color: black;\n --link-outline: none;\n}\n\n@media screen and (forced-colors: active) {\n :root {\n --input-focus-border-color: CanvasText;\n --input-unfocused-border-color: ActiveText;\n --input-disabled-border-color: GrayText;\n --input-hover-border-color: Highlight;\n --link-outline: 1.5px solid LinkText;\n }\n .annotationLayer .textWidgetAnnotation :is(input, textarea):required,\n .annotationLayer .choiceWidgetAnnotation select:required,\n .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {\n outline: 1.5px solid selectedItem;\n }\n\n .annotationLayer .linkAnnotation:hover {\n backdrop-filter: invert(100%);\n }\n}\n\n.annotationLayer {\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n transform-origin: 0 0;\n z-index: 3;\n}\n\n.annotationLayer[data-main-rotation='90'] .norotate {\n transform: rotate(270deg) translateX(-100%);\n}\n.annotationLayer[data-main-rotation='180'] .norotate {\n transform: rotate(180deg) translate(-100%, -100%);\n}\n.annotationLayer[data-main-rotation='270'] .norotate {\n transform: rotate(90deg) translateY(-100%);\n}\n\n.annotationLayer canvas {\n position: absolute;\n width: 100%;\n height: 100%;\n}\n\n.annotationLayer section {\n position: absolute;\n text-align: initial;\n pointer-events: auto;\n box-sizing: border-box;\n margin: 0;\n transform-origin: 0 0;\n}\n\n.annotationLayer .linkAnnotation {\n outline: var(--link-outline);\n}\n\n.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {\n position: absolute;\n font-size: 1em;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover {\n opacity: 0.2;\n background: rgba(255, 255, 0, 1);\n box-shadow: 0 2px 10px rgba(255, 255, 0, 1);\n}\n\n.annotationLayer .textAnnotation img {\n position: absolute;\n cursor: pointer;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n\n.annotationLayer .textWidgetAnnotation :is(input, textarea),\n.annotationLayer .choiceWidgetAnnotation select,\n.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {\n background-image: var(--annotation-unfocused-field-background);\n border: 2px solid var(--input-unfocused-border-color);\n box-sizing: border-box;\n font: calc(9px * var(--scale-factor)) sans-serif;\n height: 100%;\n margin: 0;\n vertical-align: top;\n width: 100%;\n}\n\n.annotationLayer .textWidgetAnnotation :is(input, textarea):required,\n.annotationLayer .choiceWidgetAnnotation select:required,\n.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {\n outline: 1.5px solid red;\n}\n\n.annotationLayer .choiceWidgetAnnotation select option {\n padding: 0;\n}\n\n.annotationLayer .buttonWidgetAnnotation.radioButton input {\n border-radius: 50%;\n}\n\n.annotationLayer .textWidgetAnnotation textarea {\n resize: none;\n}\n\n.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled],\n.annotationLayer .choiceWidgetAnnotation select[disabled],\n.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {\n background: none;\n border: 2px solid var(--input-disabled-border-color);\n cursor: not-allowed;\n}\n\n.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,\n.annotationLayer .choiceWidgetAnnotation select:hover,\n.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {\n border: 2px solid var(--input-hover-border-color);\n}\n.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,\n.annotationLayer .choiceWidgetAnnotation select:hover,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {\n border-radius: 2px;\n}\n\n.annotationLayer .textWidgetAnnotation :is(input, textarea):focus,\n.annotationLayer .choiceWidgetAnnotation select:focus {\n background: none;\n border: 2px solid var(--input-focus-border-color);\n border-radius: 2px;\n outline: var(--input-focus-outline);\n}\n\n.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {\n background-image: none;\n background-color: transparent;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox :focus {\n border: 2px solid var(--input-focus-border-color);\n border-radius: 2px;\n outline: var(--input-focus-outline);\n}\n\n.annotationLayer .buttonWidgetAnnotation.radioButton :focus {\n border: 2px solid var(--input-focus-border-color);\n outline: var(--input-focus-outline);\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,\n.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {\n background-color: CanvasText;\n content: '';\n display: block;\n position: absolute;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {\n height: 80%;\n left: 45%;\n width: 1px;\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {\n transform: rotate(45deg);\n}\n\n.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {\n transform: rotate(-45deg);\n}\n\n.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {\n border-radius: 50%;\n height: 50%;\n left: 30%;\n top: 20%;\n width: 50%;\n}\n\n.annotationLayer .textWidgetAnnotation input.comb {\n font-family: monospace;\n padding-left: 2px;\n padding-right: 0;\n}\n\n.annotationLayer .textWidgetAnnotation input.comb:focus {\n /*\n * Letter spacing is placed on the right side of each character. Hence, the\n * letter spacing of the last character may be placed outside the visible\n * area, causing horizontal scrolling. We avoid this by extending the width\n * when the element has focus and revert this when it loses focus.\n */\n width: 103%;\n}\n\n.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {\n appearance: none;\n}\n\n.annotationLayer .popupTriggerArea {\n height: 100%;\n width: 100%;\n}\n\n.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {\n position: absolute;\n}\n\n.annotationLayer .popupWrapper {\n position: absolute;\n font-size: calc(9px * var(--scale-factor));\n width: 100%;\n min-width: calc(180px * var(--scale-factor));\n pointer-events: none;\n}\n\n.annotationLayer .popup {\n position: absolute;\n max-width: calc(180px * var(--scale-factor));\n background-color: rgba(255, 255, 153, 1);\n box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor))\n rgba(136, 136, 136, 1);\n border-radius: calc(2px * var(--scale-factor));\n padding: calc(6px * var(--scale-factor));\n margin-left: calc(5px * var(--scale-factor));\n cursor: pointer;\n font: message-box;\n white-space: normal;\n word-wrap: break-word;\n pointer-events: auto;\n}\n\n.annotationLayer .popup > * {\n font-size: calc(9px * var(--scale-factor));\n}\n\n.annotationLayer .popup h1 {\n display: inline-block;\n}\n\n.annotationLayer .popupDate {\n display: inline-block;\n margin-left: calc(5px * var(--scale-factor));\n}\n\n.annotationLayer .popupContent {\n border-top: 1px solid rgba(51, 51, 51, 1);\n margin-top: calc(2px * var(--scale-factor));\n padding-top: calc(2px * var(--scale-factor));\n}\n\n.annotationLayer .richText > * {\n white-space: pre-wrap;\n font-size: calc(9px * var(--scale-factor));\n}\n\n.annotationLayer .highlightAnnotation,\n.annotationLayer .underlineAnnotation,\n.annotationLayer .squigglyAnnotation,\n.annotationLayer .strikeoutAnnotation,\n.annotationLayer .freeTextAnnotation,\n.annotationLayer .lineAnnotation svg line,\n.annotationLayer .squareAnnotation svg rect,\n.annotationLayer .circleAnnotation svg ellipse,\n.annotationLayer .polylineAnnotation svg polyline,\n.annotationLayer .polygonAnnotation svg polygon,\n.annotationLayer .caretAnnotation,\n.annotationLayer .inkAnnotation svg polyline,\n.annotationLayer .stampAnnotation,\n.annotationLayer .fileAttachmentAnnotation {\n cursor: pointer;\n}\n\n.annotationLayer section svg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n\n.annotationLayer .annotationTextContent {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n color: transparent;\n user-select: none;\n pointer-events: none;\n}\n\n.annotationLayer .annotationTextContent span {\n width: 100%;\n display: inline-block;\n}\n",""]);const Re=Se},38634:(ie,le,de)=>{"use strict";de.d(le,{A:()=>Re});var ce=de(12379),ye=de.n(ce),He=de(81364),Se=de.n(He)()(ye());Se.push([ie.id,"/* Copyright 2014 Mozilla Foundation\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n:root {\n --react-pdf-text-layer: 1;\n --highlight-bg-color: rgba(180, 0, 170, 1);\n --highlight-selected-bg-color: rgba(0, 100, 0, 1);\n}\n\n@media screen and (forced-colors: active) {\n :root {\n --highlight-bg-color: Highlight;\n --highlight-selected-bg-color: ButtonText;\n }\n}\n\n[data-main-rotation='90'] {\n transform: rotate(90deg) translateY(-100%);\n}\n[data-main-rotation='180'] {\n transform: rotate(180deg) translate(-100%, -100%);\n}\n[data-main-rotation='270'] {\n transform: rotate(270deg) translateX(-100%);\n}\n\n.textLayer {\n position: absolute;\n text-align: initial;\n inset: 0;\n overflow: hidden;\n line-height: 1;\n text-size-adjust: none;\n forced-color-adjust: none;\n transform-origin: 0 0;\n z-index: 2;\n}\n\n.textLayer :is(span, br) {\n color: transparent;\n position: absolute;\n white-space: pre;\n cursor: text;\n margin: 0;\n transform-origin: 0 0;\n}\n\n/* Only necessary in Google Chrome, see issue 14205, and most unfortunately\n * the problem doesn't show up in \"text\" reference tests. */\n.textLayer span.markedContent {\n top: 0;\n height: 0;\n}\n\n.textLayer .highlight {\n margin: -1px;\n padding: 1px;\n background-color: var(--highlight-bg-color);\n border-radius: 4px;\n}\n\n.textLayer .highlight.appended {\n position: initial;\n}\n\n.textLayer .highlight.begin {\n border-radius: 4px 0 0 4px;\n}\n\n.textLayer .highlight.end {\n border-radius: 0 4px 4px 0;\n}\n\n.textLayer .highlight.middle {\n border-radius: 0;\n}\n\n.textLayer .highlight.selected {\n background-color: var(--highlight-selected-bg-color);\n}\n\n/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */\n.textLayer br::selection {\n background: transparent;\n}\n\n.textLayer .endOfContent {\n display: block;\n position: absolute;\n inset: 100% 0 0;\n z-index: -1;\n cursor: default;\n user-select: none;\n}\n\n.textLayer .endOfContent.active {\n top: 0;\n}\n",""]);const Re=Se},26797:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"0cce1c51a9f965fef4cd006934e65af1.png"},25453:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"ef6082cd5a89eab30bf6487062a63843.png"},34909:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"c4e7a8317412d1e7d5e1dbb49fd855ee.png"},85403:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"206a697d49f792533a5bf8b7c1649e0c.png"},2905:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"8b573ff05545c574c052113c2143b46f.png"},64925:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"f7a4d76ed3dc61152afe99e6ea6fde1d.png"},50910:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"c211778d1ad69659a1895cd675036229.png"},5516:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"eb9c51bbe14afa136d5288b287bb791f.png"},80832:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"a9cc6e16714b40602c914a63477b0e79.png"},62518:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"3eb31239763b10e56c7e787f292a9743.png"},22360:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"1e5db6f61207f24c1713a288e2d9e0c6.png"},57108:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"3bd5bb941dc9a42c50c7b231c8b6a6fa.png"},46158:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"143a3e7420f18c7534a25cb522eea4b8.png"},33436:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"70429742794a5d8d01bc59113c3e3b9f.png"},51509:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"cb877a59f276e3fb586a3172ebc532f1.png"},39884:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"941fc314aa6f629d5310635943414e6e.png"},72931:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"440e33f19498a1d4556197f13c70eafc.png"},85056:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"f9b7a46161095462dc47b9899e6bab80.png"},60344:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"76692feea01c2a4782a2425379c7b8c3.png"},51187:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"91ed5fc1c8dd869cb4edc65ad9a3f3b8.png"},86272:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"72576c3e8d0c48586fa38cf0bc03f067.png"},28832:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"e535a41ad61f2f57cd7994a878e0f0dc.png"},61010:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"c77c47de6fc51c6ec3cbf5272e349630.png"},39781:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"c4e7a8317412d1e7d5e1dbb49fd855ee.png"},44012:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"85204e52356bc8920f56af06b11742b0.png"},40704:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"833dbfe80b7001ccb907584010747732.png"},18782:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"a8f5fe51a80ffde183229c8d24ae1010.png"},18772:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"a03f9d995c79ffe1e4287304c8b9f712.png"},47051:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"9e9c01b72abebf31ffdfe5610dd3bc75.png"},39192:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"b126c9da407e4b03cfd2c6e41440e48d.png"},7266:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"7bf7eebdfe76dd5d0adc0ee1460ca5b5.png"},68620:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"316c518381f891e4233bc43ab2759e88.png"},63164:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"b6449c710c3d25c4fc9111c7c355ed2a.png"},37257:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"b6449c710c3d25c4fc9111c7c355ed2a.png"},86281:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"c0cc691fa43f8419b13ac89a24e87ec0.png"},94310:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"a9cc6e16714b40602c914a63477b0e79.png"},3203:(ie,le,de)=>{"use strict";de.r(le),de.d(le,{default:()=>ce});const ce=de.p+"a9cc6e16714b40602c914a63477b0e79.png"},46648:(ie,le,de)=>{var ce={"axe-core":de(74715),react:de(77810),"../../src/index.ts":de(28156),"../../src/styleguide":de(24782)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"All components should pass all a11y tests - tested with axe.\n\nClick on the button below to see the audit result.\n\n**NOTE** You might have encounter `color-contrast` issues if you have selected palette that is not good enough to fullfil this requirement."},{type:"code",content:'import axeCore from "axe-core";\nimport { useCallback, useState, useEffect } from "react";\nimport { Title, Button, Input } from "../../src/index.ts";\nimport { ThemeTester } from "../../src/styleguide";\n\nconst [axeViolations, setAxeViolations] = useState();\nconst [axeLoading, setAxeLoading] = useState(false);\n\nconst a11yTest = useCallback(() => {\n setAxeLoading(true);\n const context = {\n include: [[".wellms-component"]],\n };\n\n axeCore\n .run(context)\n .then((results) => {\n if (results.violations.length > 0) {\n console.table(results.violations);\n }\n setAxeViolations(results.violations);\n })\n .catch((err) => {\n console.error("Something bad happened:", err, Object.keys(err));\n })\n .finally(() => setAxeLoading(false));\n}, []);\n\nuseEffect(() => {\n setTimeout(() => {\n a11yTest();\n }, 3000);\n}, []);\n\n\n \n\n
\n\n {!axeLoading && axeViolations && axeViolations.length > 0 && (\n \n \n \n \n \n \n \n \n \n \n \n \n {axeViolations &&\n axeViolations.map((v) => (\n \n \n \n \n \n \n \n \n ))}\n \n
idimpacttagshelpdescriptionnodes
\n {v.id}\n \n \n {v.impact}\n \n \n
    \n {v.tags.map((tag) => (\n
  • \n {tag}\n
  • \n ))}\n
\n
\n \n {v.help}\n \n {v.description}\n {v.nodes.length} nodes affected
\n {v.nodes.map((n, i) => (\n \n {\n e.preventDefault();\n document\n .querySelector(n.target[0])\n .scrollIntoView({ behavior: "smooth" });\n }}\n >\n {i + 1}\n {" "}\n \n ))}\n
\n )}\n
;',settings:{},evalInContext:He}]},40161:(ie,le,de)=>{var ce={formik:de(66717),"../../src/index.ts":de(28156),"../../src/styleguide":de(24782),react:de(77810)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"Below is example how to use forms with `formik`"},{type:"code",content:'import { Formik } from "formik";\n\nimport { Title, Button, Input } from "../../src/index.ts";\nimport { ThemeTester } from "../../src/styleguide";\n\n\n {\n const errors = {};\n if (!values.email) {\n errors.email = "Required";\n } else if (\n !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(values.email)\n ) {\n errors.email = "Invalid email address";\n }\n return errors;\n }}\n onSubmit={(values, { setSubmitting }) => {\n setTimeout(() => {\n alert(JSON.stringify(values, null, 2));\n setSubmitting(false);\n }, 400);\n }}\n >\n {({\n values,\n errors,\n touched,\n handleChange,\n handleBlur,\n handleSubmit,\n isSubmitting,\n /* and other goodies */\n }) => (\n
\n \n \n \n \n )}\n \n
;',settings:{},evalInContext:He}]},95768:(ie,le,de)=>{var ce={"react-grid-system":de(23038),react:de(77810)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"[`react-grid-system`](https://www.npmjs.com/package/react-grid-system) provides a responsive grid for React inspired by Bootstrap. Moreover, it has various additional powerful features, such as setting breakpoints and gutter widths through React's context."},{type:"code",content:"import { Container, Row, Col } from 'react-grid-system';\n\n\n \n \n One of three columns\n \n \n One of three columns\n \n \n One of three columns\n \n \n",settings:{},evalInContext:He}]},16894:(ie,le,de)=>{var ce={react:de(77810)},ye=de(6463).A.bind(null,ce);de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:'Components and their style do not have any css `break-points` to determine whether this mobile/desktop any other device view.\n\nThis is controlled by `mobile` props in some the components.\n\nYou can use a library like [react-device-detect](https://www.npmjs.com/package/react-device-detect) or write you own hook using [window.matchMedia()](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia)\n\n**Example** how to render mobile view of component\n\n```jsx\nimport { isMobile } from "react-device-detect";\nreturn <Component mobile={isMobile} />;\n```'}]},98700:(ie,le,de)=>{var ce={"react-i18next":de(55139),"../../src/styleguide/i18n.ts":de(10424),"../../src/index.ts":de(28156),"../../src/styleguide":de(24782),react:de(77810)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"code",content:'import { useTranslation } from "react-i18next";\n\nimport "../../src/styleguide/i18n.ts";\n\nimport { Title, Button } from "../../src/index.ts";\nimport { ThemeTester } from "../../src/styleguide";\n\nconst { t, i18n } = useTranslation();\n\n
\n \n {t("I18n.welcomeToWellms")}\n {["en", "fr", "pl"].map((langCode) => (\n i18n.changeLanguage(langCode)}\n disabled={i18n.language === langCode}\n >\n {langCode}\n \n ))}\n \n
;',settings:{},evalInContext:He}]},85702:(ie,le,de)=>{var ce={react:de(77810)},ye=de(6463).A.bind(null,ce);de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"Atoms are the basic building blocks of matter. Applied to web interfaces, atoms are our components that cannot be decompose, such as a form label, an input or a button."}]},52677:(ie,le,de)=>{var ce={react:de(77810)},ye=de(6463).A.bind(null,ce);de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"Molecules are groups of atoms bonded together and are the smallest fundamental units of a compound. Example is search form that consist of input and button."}]},97285:(ie,le,de)=>{var ce={react:de(77810)},ye=de(6463).A.bind(null,ce);de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"Organisms are groups of molecules joined together to form a relatively complex, distinct section of an interface. Those are components that are using [`Software Development Kit`](https://www.npmjs.com/package/@escolalms/sdk)"}]},40542:(ie,le,de)=>{var ce={react:de(77810)},ye=de(6463).A.bind(null,ce);de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"players"}]},52853:(ie,le,de)=>{var ce={react:de(77810)},ye=de(6463).A.bind(null,ce);de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"quizzes"}]},64108:(ie,le,de)=>{var ce={"../../src/styleguide/useLocalTheme":de(32257),"styled-components":de(80413),"q-i":de(16280),react:de(77810)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"Below is example how to implement `ThemeProvider` with current theme settings. Wrap your application with this context provider, then all componet will be using selected styles.\n\nValues will change once you adapt themes, modes or even use custom colors with theme widget in right upper corner.\n\n### ThemeProvider"},{type:"code",content:'import { getThemeFromLocalStorage } from "../../src/styleguide/useLocalTheme";\nimport { ThemeProvider } from "styled-components";\nimport { print, stringify } from "q-i";\n\nconst theme = getThemeFromLocalStorage();\n\n\n \n \n {`import { ThemeProvider } from "styled-components";\nconst theme = ${JSON.stringify(theme, null, " ")}\n\n\n {/* your application here */}\n \n\n`}\n \n \n;',settings:{},evalInContext:He}]},64554:(ie,le,de)=>{var ce={react:de(77810)},ye=de(6463).A.bind(null,ce);de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"This is repository of reused components that can be attached to to Wellms Headless LMS.\n\nWith this set of components one is able to build whole headless e-learning experience."}]},44148:(ie,le,de)=>{var ce={"../../src/styleguide/ThemeTester":de(78684),"../../src/styleguide/ColorBox/ColorBox":de(29473),react:de(77810)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"Components are using `styled-components` to be rendered and the **must** be a [``](https://styled-components.com/docs/advanced#theming) to provider style config to components.\n\nAll config values are defined in [`provider.tsx`](https://github.com/EscolaLMS/Components/blob/main/src/theme/provider.tsx) but it's recommended to use one of the following prepared presets - all of the components will be displayed in every available theme colors both in light and dark mode.\n\n### Colors"},{type:"code",content:'import ThemeTester from "../../src/styleguide/ThemeTester";\nimport ColorBox from "../../src/styleguide/ColorBox/ColorBox";\n\n \n
\n primary\n secondary\n
\n
\n
;',settings:{},evalInContext:He}]},81631:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide":de(24782),"./AsideMenu.png":de(26797),"../../..":de(28156),"./mock.json":de(35899),"./AsideMenu.tsx":de(30353)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst AsideMenu$0 = require('./AsideMenu.tsx');\nconst AsideMenu = AsideMenu$0.default || (AsideMenu$0['AsideMenu'] || AsideMenu$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { ThemeTester } from "../../../styleguide";\nimport img1 from "./AsideMenu.png";\nimport { Text } from "../../..";\nimport data from "./mock.json";\n\nconst [selected, setSelected] = useState(\n Math.round(Math.random() * data.length)\n);\n\n\n \n \n \n;',settings:{},evalInContext:He}]},32039:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"./VideoPlayer.png":de(86281),"../../../":de(28156),"./VideoPlayerPoster.png":de(94310),react:de(77810),"./AudioVideoPlayer.tsx":de(82179)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst AudioVideoPlayer$0 = require('./AudioVideoPlayer.tsx');\nconst AudioVideoPlayer = AudioVideoPlayer$0.default || (AudioVideoPlayer$0['AudioVideoPlayer'] || AudioVideoPlayer$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport img1 from "./VideoPlayer.png";\nimport { Title, Text, Badge, Link } from "../../../";\nimport img2 from "./VideoPlayerPoster.png";\n\n\n \n
\n \n
\n
\n \n Nowość\n \n {/*
\n \n Onet\n \n \n Onet\n \n
*/}\n Video Example\n
\n \n 27/05/2020\n \n \n 3.33 min\n \n
\n
\n
\n \n
\n
\n \n
\n
\n Audio\n \n
\n
\n \n Nowość\n \n {/*
\n \n Onet\n \n \n Onet\n \n
*/}\n Audio Example\n
\n \n 27/05/2020\n \n \n 3.33 min\n \n
\n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},17885:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Avatar.tsx":de(69161)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Avatar$0 = require('./Avatar.tsx');\nconst Avatar = Avatar$0.default || (Avatar$0['Avatar'] || Avatar$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n \n \n \n \n;',settings:{},evalInContext:He}]},87067:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"./Badge.tsx":de(4857)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Badge$0 = require('./Badge.tsx');\nconst Badge = Badge$0.default || (Badge$0['Badge'] || Badge$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\n\n\n \n Bestseller \n New \n Crazy \n Exclusive \n \n;',settings:{},evalInContext:He}]},51680:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"./Banner.png":de(50910),"./BannerIllustration.png":de(5516),"./VideoPlayerPoster.png":de(80832),"../../molecules/MarkdownRenderer/MarkdownRenderer":de(93694),"../../atoms/Typography/Title":de(46226),"../../players/AudioVideoPlayer/AudioVideoPlayer":de(82179),"../../organisms/ResponsiveImage/ResponsiveImage":de(75936),"@escolalms/sdk/lib/react/components/Image":de(61006),"@escolalms/sdk/lib/react/context":de(59779),react:de(77810),"./Banner.tsx":de(33546)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Banner$0 = require('./Banner.tsx');\nconst Banner = Banner$0.default || (Banner$0['Banner'] || Banner$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport img1 from "./Banner.png";\nimport img2 from "./BannerIllustration.png";\nimport img3 from "./VideoPlayerPoster.png";\nimport { MarkdownRenderer } from "../../molecules/MarkdownRenderer/MarkdownRenderer";\nimport { Title } from "../../atoms/Typography/Title";\nimport { AudioVideoPlayer } from "../../players/AudioVideoPlayer/AudioVideoPlayer";\nimport { ResponsiveImage } from "../../organisms/ResponsiveImage/ResponsiveImage";\nimport Image from "@escolalms/sdk/lib/react/components/Image";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\nconst props = {\n background: "transparent",\n btnText: "Sprawdź przycisk",\n handleBtn: () => {\n console.log("clicked");\n },\n};\n\n\n \n
\n }\n btnText={props.btnText}\n handleBtn={props.handleBtn}\n asset={\n \n }\n />\n
\n
\n }\n btnText={props.btnText}\n handleBtn={props.handleBtn}\n asset={\n \n }\n />\n
\n {/*\n // TODO this example should be update\n
\n \n \n \n }\n title={\n \n }\n btnText={props.btnText}\n handleBtn={props.handleBtn}\n />\n
\n */}\n
\n \n }\n btnText={props.btnText}\n handleBtn={props.handleBtn}\n asset={\n \n }\n />\n
\n
\n
;',settings:{},evalInContext:He}]},29465:(ie,le,de)=>{var ce={"@escolalms/sdk/lib/react/context":de(59779),"../../../styleguide":de(24782),"../../..":de(28156),react:de(77810),"./index.tsx":de(90847)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst BookmarkNotes$0 = require('./index.tsx');\nconst BookmarkNotes = BookmarkNotes$0.default || (BookmarkNotes$0['BookmarkNotes'] || BookmarkNotes$0);",ye);ie.exports=[{type:"code",content:'import { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport { ThemeTester } from "../../../styleguide";\nimport { Button } from "../../..";\n\n\n \n console.log("click")} />\n \n;',settings:{},evalInContext:He}]},38629:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"../../../":de(28156),react:de(77810),"./BreadCrumbs.tsx":de(16873)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst BreadCrumbs$0 = require('./BreadCrumbs.tsx');\nconst BreadCrumbs = BreadCrumbs$0.default || (BreadCrumbs$0['BreadCrumbs'] || BreadCrumbs$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\n\nimport { Link } from "../../../";\n\n\n courses, "super course", "lesson XXX"]}\n />\n\n
\n courses,\n "super course with hyphen",\n "lesson with long title",\n ]}\n />\n
\n
;',settings:{},evalInContext:He}]},88487:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"react-i18next":de(55139),react:de(77810),"./Button.tsx":de(19431)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Button$0 = require('./Button.tsx');\nconst Button = Button$0.default || (Button$0['Button'] || Button$0);",ye);ie.exports=[{type:"markdown",content:"React component example:\n\n### Default themes"},{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport { useTranslation } from "react-i18next";\n\nconst { t } = useTranslation();\n\nconst Icon = () => {\n return (\n \n \n \n );\n};\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;',settings:{},evalInContext:He}]},41079:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"../Typography/Title":de(46226),"../Typography/Text":de(76883),"../IconTitle/IconTitle":de(40581),"../Button/Button":de(19431),react:de(77810),"../../molecules/CourseCard/CourseCard":de(29944),"./Card.tsx":de(83075)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Card$0 = require('./Card.tsx');\nconst Card = Card$0.default || (Card$0['Card'] || Card$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport { Title } from "../Typography/Title";\nimport { Text } from "../Typography/Text";\nimport { IconTitle } from "../IconTitle/IconTitle";\nimport { Button } from "../Button/Button";\nimport { useState } from "react";\nimport { CourseCard } from "../../molecules/CourseCard/CourseCard";\n\n\n \n \n With large wings\n \n \n With small Wings\n \n \n Without Wings\n \n \n \n Inline with large wings\n \n \n \n \n Inline with small Wings\n \n \n \n \n Inline without Wings\n \n \n
\n \n Best course ever\n \n }\n hideImage\n categories={{\n onCategoryClick: (id) => {\n console.log("Category click id: ", id);\n },\n categoryElements: [\n { id: 1, name: "Programming" },\n { id: 2, name: "Front-end" },\n ],\n }}\n onTagClick={(tagId) => console.log("onTagClick :", { tagId })}\n onImageClick={() => console.log("onImageClick")}\n onButtonClick={(cardId) => console.log("onButtonClick :", { cardId })}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},57504:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"../../atoms/Typography/Text":de(76883),"../../molecules/MarkdownRenderer/MarkdownRenderer":de(93694),"./CartCard.png":de(62518),react:de(77810),"./CartCard.tsx":de(17874)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CartCard$0 = require('./CartCard.tsx');\nconst CartCard = CartCard$0.default || (CartCard$0['CartCard'] || CartCard$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport { Text } from "../../atoms/Typography/Text";\nimport { MarkdownRenderer } from "../../molecules/MarkdownRenderer/MarkdownRenderer";\nimport img1 from "./CartCard.png";\nimport { useState } from "react";\n\nconst ClockIcon = () => {\n return (\n \n \n \n );\n};\n\nconst [loading, setLoading] = useState(false);\n\nconst Subtitle = () => {\n return (\n \n \n \n **8h 12 min** time left\n \n \n );\n};\n\nconst Description = () => {\n return (\n \n Guaranteed 30 days for return\n \n );\n};\n\nconst cartCardProps = {\n title: "37,99 zł",\n subtitle: ,\n onBuyClick: (id) => {\n setLoading(true);\n setTimeout(() => {\n setLoading(false);\n }, 1000);\n console.log("cardId ", id);\n },\n description: ,\n discount: {\n onDiscountClick: (discountValue) => {\n setLoading(true);\n setTimeout(() => {\n setLoading(false);\n }, 1000);\n console.log("Discount input value ", discountValue);\n },\n\n onDeleteDiscountClick: (id) => {\n setLoading(true);\n setTimeout(() => {\n setLoading(false);\n }, 1000);\n console.log("On delete discount hendler, cardId is ", id);\n },\n isDiscountGranted: false,\n },\n loading,\n};\n\nconst cartCardContainerStyle = {\n maxWidth: 300,\n marginBottom: 20,\n};\n\n<>\n \n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n;',settings:{},evalInContext:He}]},48376:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"../../../":de(28156),"react-grid-system":de(23038),"./mock.json":de(69171),"./Categories.tsx":de(55142)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Categories$0 = require('./Categories.tsx');\nconst Categories = Categories$0.default || (Categories$0['Categories'] || Categories$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { useState } from "react";\n\nimport { Text, Dropdown } from "../../../";\nimport { Row, Col } from "react-grid-system";\nimport json from "./mock.json";\n\nconst [selected, setSelected] = useState([4, 5]);\n\n\n \n
\n \n \n {\n setSelected(value);\n console.log("selected", value);\n }}\n />\n \n \n
\n
\n \n Filtry\n \n }\n drawerButtonText={"Pokaż wyniki"}\n handleChange={(value) => {\n setSelected(value);\n console.log("selected", value);\n }}\n handleDrawerButtonClick={() => console.log("click")}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},70604:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../components/atoms/IconText/IconText":de(64103),"react-grid-system":de(23038),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./CategoryCard.tsx":de(67134)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CategoryCard$0 = require('./CategoryCard.tsx');\nconst CategoryCard = CategoryCard$0.default || (CategoryCard$0['CategoryCard'] || CategoryCard$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport IconText from "../../../components/atoms/IconText/IconText";\nimport { Row, Col } from "react-grid-system";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst IconTag = () => {\n return (\n \n \n \n );\n};\n\nconst IconBook = () => {\n return (\n \n \n \n \n );\n};\n\nconst props = {\n icon: ,\n title: "Marketing i sprzedaż",\n subtitle: } text="Marketing i sprzedaż" />,\n buttonText: "Zobacz więcej",\n variant: "gradient",\n onButtonClick: () => {\n console.log("onButtonClick");\n },\n};\n\n\n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n
\n \n \n \n \n \n
\n
\n
;',settings:{},evalInContext:He}]},61532:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),"./Certificate.png":de(22360),"./CertificateExample.png":de(57108),react:de(77810),"./Certificate.tsx":de(19680)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Certificate$0 = require('./Certificate.tsx');\nconst Certificate = Certificate$0.default || (Certificate$0['Certificate'] || Certificate$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport img1 from "./Certificate.png";\nimport img2 from "./CertificateExample.png";\n\nconst CertificateImg = () => {\n return {"certificate"};\n};\n\nconst props = {\n img: {\n src: img2,\n alt: "Certificate",\n },\n title: "Made in EU",\n description:\n "Wyróżnij się na tle innych, dzięki certyfikatowi potwierdzającemu wiedzę uzyskaną na szkoleniu.",\n handleDownload: () => {\n console.log("download");\n },\n handleShare: () => {\n console.log("share");\n },\n};\n\n\n \n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},62860:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./CertificateCard.tsx":de(27736)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CertificateCard$0 = require('./CertificateCard.tsx');\nconst CertificateCard = CertificateCard$0.default || (CertificateCard$0['CertificateCard'] || CertificateCard$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst props = {\n uptitle: "Tytuł kursu",\n title:

Certificate for H5P Admin Kowalskii

,\n dateUptitle: "Uzyskany w dniu",\n date:

2021-06-01

,\n actions: (\n \n ),\n};\n\n\n \n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},1449:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../Typography/Text":de(76883),"../../../styleguide/ThemeTester":de(78684),"../../../utils/utils":de(32135),react:de(77810),"./Checkbox.tsx":de(56461)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Checkbox$0 = require('./Checkbox.tsx');\nconst Checkbox = Checkbox$0.default || (Checkbox$0['Checkbox'] || Checkbox$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport Text from "../Typography/Text";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport { getUniqueId } from "../../../utils/utils";\n\n\n \n \n checked Checkbox without label\n \n \n \n Checkbox without label\n \n \n Checkbox with primitive label\n \n Checkbox with sophisticated label{" "}\n \n dummy label\n \n }\n />\n dummy label} defaultChecked />\n \n;',settings:{},evalInContext:He}]},71776:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),"../../../components/atoms/IconText/IconText":de(64103),"./CheckoutCard.png":de(46158),"./CheckoutCardIllustration.png":de(33436),react:de(77810),"./CheckoutCard.tsx":de(75322)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CheckoutCard$0 = require('./CheckoutCard.tsx');\nconst CheckoutCard = CheckoutCard$0.default || (CheckoutCard$0['CheckoutCard'] || CheckoutCard$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport IconText from "../../../components/atoms/IconText/IconText";\nimport img1 from "./CheckoutCard.png";\nimport img2 from "./CheckoutCardIllustration.png";\n\nconst IconBadge = () => {\n return (\n \n \n \n );\n};\n\nconst IconStar = () => {\n return (\n \n \n \n );\n};\n\nconst IconThumbsUp = () => {\n return (\n \n \n \n );\n};\n\nconst props = {\n image: {\n src: img2,\n alt: "Checkout Card",\n title: "Checkout Card title",\n },\n title: "Księgowość dla początkujących",\n subtitle: "5 lekcji",\n price: "99.99 zł",\n oldPrice: "199.99 zł",\n summmary: [\n } text={"90%"} noMargin />,\n } text={"Gwarancja"} noMargin />,\n } text={"5.0"} noMargin />,\n ],\n handleDelete: () => {\n console.log("clicked");\n },\n};\n\n\n \n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},10276:(ie,le,de)=>{var ce={"date-fns":de(97223),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./index.tsx":de(59640)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Countdown$0 = require('./index.tsx');\nconst Countdown = Countdown$0.default || (Countdown$0['Countdown'] || Countdown$0);",ye);ie.exports=[{type:"code",content:'import { addMinutes } from "date-fns";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst targetDate = addMinutes(new Date(), 2);\n\nconst onCountdownEnd = () => console.log("countdown ended!");\n\n \n;',settings:{},evalInContext:He}]},41142:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide":de(24782),"../../../":de(28156),"./mock.json":de(74648),"../../../styleguide/i18n.ts":de(10424),"../../../utils/course":de(53145),"./CourseAgenda.tsx":de(60388)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CourseAgenda$0 = require('./CourseAgenda.tsx');\nconst CourseAgenda = CourseAgenda$0.default || (CourseAgenda$0['CourseAgenda'] || CourseAgenda$0);",ye);ie.exports=[{type:"code",content:'import { useState, useCallback, useMemo } from "react";\nimport { ThemeTester } from "../../../styleguide";\nimport { Button } from "../../../";\nimport data from "./mock.json";\nimport "../../../styleguide/i18n.ts";\nimport { getFlatTopics } from "../../../utils/course";\n\nconst flatTopics = useMemo(() => getFlatTopics(data.lessons), []);\n\nconst [state, setState] = useState({\n finishedTopicIds: [],\n currentTopicId: flatTopics[0].id,\n});\n\nconst getRandomizedState = (lessons) =>\n lessons.map((l) => ({\n ...l,\n lessons: getRandomizedState(l.lessons ? l.lessons : []),\n topics: l.topics.map((t) => ({\n ...t,\n can_skip: Math.random() > 0.3,\n })),\n }));\n\nconst [stateWithRandomBlockers, setStateWithRandomBlockers] = useState(\n getRandomizedState(data.lessons)\n);\n\nconst randomizeState = () => {\n const randomizedState = getRandomizedState(data.lessons);\n\n setStateWithRandomBlockers(randomizedState);\n setState({\n finishedTopicIds: [],\n currentTopicId: flatTopics[0].id,\n });\n};\n\nconst changeTopicToNext = useCallback(() => {\n const currentTopicIndex = flatTopics.findIndex(\n (t) => t.id === state.currentTopicId\n );\n if (currentTopicIndex === -1) return;\n const nextTopic = flatTopics[currentTopicIndex + 1];\n\n if (!nextTopic) return;\n setState((prevState) => ({\n ...prevState,\n currentTopicId: nextTopic.id,\n }));\n}, [flatTopics, state.currentTopicId]);\n\nconst markTopicFinished = useCallback(\n (topic) =>\n setState((prevState) => {\n const s = new Set([...prevState.finishedTopicIds, topic.id]);\n\n return {\n ...prevState,\n finishedTopicIds: Array.from(s),\n };\n }),\n []\n);\n\nconst changeTopic = useCallback((topic) => {\n setState((prevState) => ({\n ...prevState,\n currentTopicId: topic.id,\n }));\n}, []);\n\n\n \n
\n \n
\n
\n \n
\n
;',settings:{},evalInContext:He}]},30458:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide":de(24782),"../../atoms/Typography/Title":de(46226),"./CourseCard.png":de(85056),"./CourseCard-2.png":de(51509),"./CourseCard-3.png":de(39884),"./CourseCard-4.png":de(72931),"./bgImage1.png":de(60344),"./bgImage2.png":de(51187),"react-grid-system":de(23038),"../../organisms/ResponsiveImage/ResponsiveImage":de(75936),"../../..":de(28156),"@escolalms/sdk/lib/react/components/Image":de(61006),"@escolalms/sdk/lib/react/context":de(59779),react:de(77810),"./CourseCard.tsx":de(29944)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CourseCard$0 = require('./CourseCard.tsx');\nconst CourseCard = CourseCard$0.default || (CourseCard$0['CourseCard'] || CourseCard$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport { ThemeTester } from "../../../styleguide";\nimport { Title } from "../../atoms/Typography/Title";\nimport img1 from "./CourseCard.png";\nimport img2 from "./CourseCard-2.png";\nimport img3 from "./CourseCard-3.png";\nimport img4 from "./CourseCard-4.png";\nimport backgroundImage1 from "./bgImage1.png";\nimport backgroundImage2 from "./bgImage2.png";\nimport { Row, Col } from "react-grid-system";\nimport { ResponsiveImage } from "../../organisms/ResponsiveImage/ResponsiveImage";\nimport {\n Badge,\n BreadCrumbs,\n Link,\n Button,\n IconText,\n IconTitle,\n} from "../../..";\n\nimport Image from "@escolalms/sdk/lib/react/components/Image";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\nconst Icon1 = () => (\n \n \n \n);\n\n\n \n
\n \n \n \n \n \n \n }\n tags={\n \n console.log("onTag click")}>\n Bestseller\n \n New\n \n }\n subtitle={100% online}\n title={\n \n \n Best course ever\n \n \n }\n categories={\n Wellms,\n courses,\n "super course",\n "lesson XXX",\n ]}\n />\n }\n actions={\n \n console.log("onButton Click")}\n >\n Click me\n \n console.log("onButton 2 Click")}>\n Click me as well\n \n \n }\n footer={\n \n } text="666 USers" />{" "}\n } text="666 Lessons" />\n \n }\n />\n \n \n \n console.log("Category click id: ", id),\n categoryElements: [\n { id: 1, name: "Programming" },\n { id: 2, name: "Front-end" },\n ],\n }}\n onTagClick={(tagId) => console.log("onTagClick :", { tagId })}\n onImageClick={() => console.log("onImageClick")}\n onButtonClick={(cardId) =>\n console.log("onButtonClick :", { cardId })\n }\n />\n \n \n
\n
\n \n \n {\n console.log("Category click id: ", id);\n },\n categoryElements: [\n { id: 1, name: "Programming" },\n { id: 2, name: "Front-end" },\n ],\n }}\n onTagClick={(tagId) => console.log("onTagClick :", { tagId })}\n onImageClick={() => console.log("onImageClick")}\n progress={{\n currentProgress: 0.43,\n maxProgress: 1,\n }}\n />\n \n \n console.log("onTagClick :", { tagId })}\n onButtonClick={(cardId) =>\n console.log("onButtonClick :", { cardId })\n }\n onSecondaryButtonClick={() => console.log("onSecondaryButtonClick")}\n secondaryButtonText={"Link to course"}\n buttonText={"Buy now"}\n onImageClick={() => console.log("onImageClick")}\n />\n \n \n {\n console.log("Category click id: ", id);\n },\n categoryElements: [\n { id: 1, name: "Programming" },\n { id: 2, name: "Front-end" },\n ],\n }}\n onTagClick={(tagId) => console.log("onTagClick :", { tagId })}\n onImageClick={() => console.log("onImageClick")}\n progress={{\n currentProgress: 0.43,\n maxProgress: 1,\n }}\n />\n \n \n
\n
\n
;',settings:{},evalInContext:He}]},92612:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide":de(24782),"../../../":de(28156),"./mock.json":de(45550),"../../../styleguide/i18n.ts":de(10424),"./CourseProgram.tsx":de(33472)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CourseProgram$0 = require('./CourseProgram.tsx');\nconst CourseProgram = CourseProgram$0.default || (CourseProgram$0['CourseProgram'] || CourseProgram$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { ThemeTester } from "../../../styleguide";\nimport { Button } from "../../../";\nimport data from "./mock.json";\nimport "../../../styleguide/i18n.ts";\n\n\n \n
\n console.log("onTopicClick topic", topic)}\n />\n
\n
\n console.log("onTopicClick topic", topic)}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},82723:(ie,le,de)=>{var ce={react:de(77810),"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),"../Button/Button":de(19431),"./CourseProgress.tsx":de(45647)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CourseProgress$0 = require('./CourseProgress.tsx');\nconst CourseProgress = CourseProgress$0.default || (CourseProgress$0['CourseProgress'] || CourseProgress$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { GlobalThemeProvider } from "../../../theme/provider";\n\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport Button from "../Button/Button";\n\nconst [progress, setProgress] = useState(0.5);\n\nconst Icon1 = () => (\n \n \n \n);\n\n\n \n } title="Moje postepy">\n \n Ukończono {Math.round(40 * progress)} z 40 lekcji\n \n

Ukoncz kurs aby zdobyc certyfikat

\n
\n
\n \n \n \n
;',settings:{},evalInContext:He}]},38954:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"./CourseTopNav.png":de(86272),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./CourseTopNav.tsx":de(25304)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CourseTopNav$0 = require('./CourseTopNav.tsx');\nconst CourseTopNav = CourseTopNav$0.default || (CourseTopNav$0['CourseTopNav'] || CourseTopNav$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport img1 from "./CourseTopNav.png";\n\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst onNext = () => console.log("onNext");\nconst onPrev = () => console.log("onPrev");\nconst onFinish = () => console.log("onFinish");\nconst onBookmarkClick = () => console.log("onBookmarkClick");\nconst onCourseFinished = () => console.log("onCourseFinished");\n\n\n \n \n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},49570:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"./DefaultQuestionLayout.tsx":de(68462)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst DefaultQuestionLayout$0 = require('./DefaultQuestionLayout.tsx');\nconst DefaultQuestionLayout = DefaultQuestionLayout$0.default || (DefaultQuestionLayout$0['DefaultQuestionLayout'] || DefaultQuestionLayout$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\n\n\n \n A lot!\n \n;',settings:{},evalInContext:He}]},76706:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Description.tsx":de(85660)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Description$0 = require('./Description.tsx');\nconst Description = Description$0.default || (Description$0['Description'] || Description$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n Finanse\n Finanse\n Finanse\n \n;',settings:{},evalInContext:He}]},19436:(ie,le,de)=>{var ce={"../../../../styleguide":de(24782),react:de(77810),"./Description.tsx":de(70194)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Description$0 = require('./Description.tsx');\nconst Description = Description$0.default || (Description$0['Description'] || Description$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../../styleguide";\nconst question = {\n id: 40,\n type: "description",\n score: 1,\n title: "",\n question: "You can use your pencil and paper for these next math questions.",\n options: [],\n};\n\n console.log(v)} />\n;',settings:{},evalInContext:He}]},81267:(ie,le,de)=>{var ce={"styled-components":de(80413),"./Download":de(17255),"../../../theme":de(94906),"../../atoms/Typography/Title":de(46226),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Download.tsx":de(17255)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Download$0 = require('./Download.tsx');\nconst Download = Download$0.default || (Download$0['Download'] || Download$0);",ye);ie.exports=[{type:"markdown",content:"### Default theme"},{type:"code",content:'import { ThemeProvider } from "styled-components";\nimport Download from "./Download";\nimport themes from "../../../theme";\nimport Title from "../../atoms/Typography/Title";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n Styled Long file name with extension.pdf}\n />\n \n;',settings:{},evalInContext:He}]},84508:(ie,le,de)=>{var ce={"styled-components":de(80413),"../../../theme":de(94906),"../../atoms/Typography/Title":de(46226),"../../../styleguide/ThemeTester":de(78684),"../../atoms/Download/Download":de(17255),react:de(77810),"./Downloads.tsx":de(12868)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Downloads$0 = require('./Downloads.tsx');\nconst Downloads = Downloads$0.default || (Downloads$0['Downloads'] || Downloads$0);",ye);ie.exports=[{type:"markdown",content:"### Default theme"},{type:"code",content:'import { ThemeProvider } from "styled-components";\nimport themes from "../../../theme";\nimport Title from "../../atoms/Typography/Title";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport Download from "../../atoms/Download/Download";\n\n\n \n \n \n;',settings:{},evalInContext:He}]},29578:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Dropdown.tsx":de(20752)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Dropdown$0 = require('./Dropdown.tsx');\nconst Dropdown = Dropdown$0.default || (Dropdown$0['Dropdown'] || Dropdown$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n;',settings:{},evalInContext:He}]},95300:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"react-icons/md":de(32458),"../../../":de(28156),react:de(77810),"./DropdownMenu.tsx":de(55630)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst DropdownMenu$0 = require('./DropdownMenu.tsx');\nconst DropdownMenu = DropdownMenu$0.default || (DropdownMenu$0['DropdownMenu'] || DropdownMenu$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport { MdMoreHoriz, MdEditNote, MdDeleteForever } from "react-icons/md";\nimport { IconText } from "../../../";\n\nconst menuItems = [\n {\n id: 10,\n content: (\n }\n text="Edit"\n onClick={() => console.log("edit")}\n />\n ),\n },\n {\n id: 20,\n content: (\n }\n text="Delete"\n onClick={() => console.log("delete")}\n />\n ),\n },\n];\n\n\n } />\n;',settings:{},evalInContext:He}]},32302:(ie,le,de)=>{var ce={"../../../../styleguide":de(24782),react:de(77810),"./Essay.tsx":de(95638)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Essay$0 = require('./Essay.tsx');\nconst Essay = Essay$0.default || (Essay$0['Essay'] || Essay$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../../styleguide";\nconst question = {\n id: 39,\n type: "essay",\n score: 1,\n title: "",\n question: "Write a short biography of Dag Hammarskjöld.",\n options: [],\n};\n\n\n console.log(v)} />\n;',settings:{},evalInContext:He}]},51364:(ie,le,de)=>{var ce={"date-fns":de(97223),react:de(77810),"../../styleguide":de(24782),"./GiftQuizPlayerContent.tsx":de(56728)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst GiftQuizPlayerContent$0 = require('./GiftQuizPlayerContent.tsx');\nconst GiftQuizPlayerContent = GiftQuizPlayerContent$0.default || (GiftQuizPlayerContent$0['GiftQuizPlayerContent'] || GiftQuizPlayerContent$0);",ye);ie.exports=[{type:"code",content:'import { addMinutes } from "date-fns";\nimport { useState } from "react";\nimport { ThemeTester } from "../../styleguide";\n\nconst [attempt, setAttempt] = useState({\n id: 165,\n user_id: 95,\n topic_gift_quiz_id: 6,\n started_at: "2023-03-29T14:05:48.000000Z",\n end_at: addMinutes(new Date(), 1),\n max_score: 9,\n result_score: 4,\n is_ended: false,\n questions: [\n {\n id: 31,\n type: "multiple_choice",\n score: 1,\n title: "Grants tomb",\n question: "Who is buried in Grant\'s tomb in New York City?",\n options: {\n answers: ["Grant", "No one", "Napoleon", "Churchill", "Mother Teresa"],\n },\n },\n {\n id: 32,\n type: "multiple_choice_with_multiple_right_answers",\n score: 1,\n title: "",\n question: "What two people are entombed in Grant\'s tomb?",\n options: {\n answers: ["No one", "Grant", "Grant\'s wife", "Grant\'s father"],\n },\n },\n {\n id: 33,\n type: "true_false",\n score: 1,\n title: "TrueStatement about Grant",\n question: "Grant was buried in a tomb in New York City.",\n options: [],\n },\n {\n id: 35,\n type: "matching",\n score: 1,\n title: "",\n question:\n "Match the following countries with their corresponding capitals.",\n options: {\n sub_questions: ["Italy", "India", "Japan", "Canada"],\n sub_answers: ["Ottawa", "Rome", "New Delhi", "Tokyo"],\n },\n },\n {\n id: 38,\n type: "numerical_question",\n score: 1,\n title: "",\n question: "When was Ulysses S. Grant born?",\n options: [],\n },\n {\n id: 39,\n type: "essay",\n score: 1,\n title: "",\n question: "Write a short biography of Dag Hammarskjöld.",\n options: [],\n },\n {\n id: 40,\n type: "description",\n score: 1,\n title: "",\n question:\n "You can use your pencil and paper for these next math questions.",\n options: [],\n },\n {\n id: 41,\n type: "multiple_choice",\n score: 1,\n title: "",\n question:\n "Mahatma Gandhi\'s birthday is an Indian holiday on _____ of October.",\n options: {\n answers: ["15th", "3rd", "2nd"],\n },\n },\n {\n id: 42,\n type: "short_answers",\n score: 1,\n title: "",\n question: "Who\'s buried in Grant\'s tomb?",\n options: [],\n },\n ],\n answers: [],\n});\n\nconst startQuiz = () =>\n setAttempt((prev) => ({\n ...prev,\n is_ended: false,\n end_at: addMinutes(new Date(), 1).toString(),\n started_at: new Date().toString(),\n }));\n\nconst endQuiz = () => setAttempt((prev) => ({ ...prev, is_ended: true }));\n\n console.log({ questionId, answer })}\n />\n;',settings:{},evalInContext:He}]},7804:(ie,le,de)=>{var ce={"../../styleguide":de(24782),react:de(77810),"./GiftQuizScore.tsx":de(64232)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst GiftQuizScore$0 = require('./GiftQuizScore.tsx');\nconst GiftQuizScore = GiftQuizScore$0.default || (GiftQuizScore$0['GiftQuizScore'] || GiftQuizScore$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../styleguide";\n\n\n
\n \n
\n
;',settings:{},evalInContext:He}]},48347:(ie,le,de)=>{var ce={react:de(77810),"../../../theme/provider":de(81559),"@escolalms/sdk/lib/react/context":de(59779),"@escolalms/sdk/lib/services/h5p":de(2561),"../../../styleguide/ThemeTester":de(78684),"../../..":de(28156),"./H5Player.tsx":de(96367)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst H5Player$0 = require('./H5Player.tsx');\nconst H5Player = H5Player$0.default || (H5Player$0['H5Player'] || H5Player$0);",ye);ie.exports=[{type:"code",content:'import { useState, useEffect } from "react";\nimport { GlobalThemeProvider } from "../../../theme/provider";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport { getH5p } from "@escolalms/sdk/lib/services/h5p";\n\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport { Title } from "../../..";\n\nconst ids = [\n {\n name: "Accordion",\n id: 1,\n uuid: "96eea0b3-fdc4-4f9c-b227-357c8687c65a",\n },\n {\n name: "Essey",\n id: 74,\n uuid: "96eea477-9e60-46f5-b4ef-28baaede0cef",\n },\n {\n name: "Dialog Cards",\n id: 8,\n uuid: "96eea0b4-1095-4ab2-9af8-a85be47dd579",\n },\n {\n name: "Crossword",\n id: 7,\n uuid: "96eea0b4-0f23-48b8-8159-4c5c1de741f1",\n },\n {\n name: "Image Juxtaposition",\n id: 86,\n uuid: "96eea476-e790-4162-918e-2050cc497e98",\n },\n {\n name: "Guess the Answer",\n id: 221,\n uuid: "96eea477-bccc-45f9-869a-21b518158279",\n },\n {\n name: "Questionnaire",\n id: 123,\n uuid: "96eea477-d11b-4985-bca9-088ba2070dc8",\n },\n {\n name: "True/false",\n id: 30,\n uuid: "96eea477-8d22-4d55-867d-a9c213af4aff",\n },\n {\n name: "Multiple choice",\n id: 32,\n uuid: "96eea477-e318-4308-af1b-c64a28b5deee",\n },\n {\n name: "Single choice",\n id: 31,\n uuid: "96eea476-f1ff-4960-9190-e1dee65a5b33",\n },\n {\n name: "Agamotto",\n id: 28,\n uuid: "96eea477-933e-4ba8-a379-5f66d8231e26",\n },\n {\n name: "Image Hotspots",\n id: 223,\n uuid: "96eea477-b80d-497a-b5d7-38c19d32d2ce",\n },\n {\n name: "Image Slider",\n id: 224,\n uuid: "96eea477-dea1-4ea5-ab18-442758052015",\n },\n {\n name: "Collage",\n id: 6,\n uuid: "96eea0b4-0d60-4772-83e3-c633807f37b9",\n },\n {\n name: "Memory Game",\n id: 335,\n uuid: "96eea477-1ad4-4d18-a5de-a649a2518468",\n },\n {\n name: "Find the hotspot",\n id: 910,\n uuid: "96eea476-86bf-4422-b4da-71a9c7c7c94e",\n },\n {\n name: "Drag the words",\n id: 906,\n uuid: "96eea477-8868-4ed0-9822-432f0a241c71",\n },\n];\n\nconst [uuid, setUuid] = useState(ids[0].uuid);\n\nconst [fetchInComponent, setFetchInComponent] = useState(true);\n\nconst [playerProps, setPlayerProps] = useState();\n\nuseEffect(() => {\n if (fetchInComponent) {\n setPlayerProps({\n uuid: uuid,\n loading: false,\n });\n } else {\n setPlayerProps({\n loading: true,\n });\n getH5p("https://api-stage.escolalms.com/", uuid).then((data) => {\n setPlayerProps({\n state: data.data,\n loading: false,\n });\n });\n }\n}, [uuid, fetchInComponent]);\n\n\n \n
\n \n \n
\n \n
\n {ids.find((idd) => idd.uuid === uuid).name}\n console.log("onXAPI ", e)}\n onTopicEnd={() => console.log("H5P progress")}\n hideActionButtons\n {...playerProps}\n />\n
\n
\n
\n
;',settings:{},evalInContext:He}]},78533:(ie,le,de)=>{var ce={react:de(77810),"../Typography/Text":de(76883),"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),"./_components/IconsDictionary":de(47072),"./Icon.tsx":de(9577)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Icon$0 = require('./Icon.tsx');\nconst Icon = Icon$0.default || (Icon$0['Icon'] || Icon$0);",ye);ie.exports=[{type:"code",content:'import { useState, useCallback } from "react";\nimport { Text } from "../Typography/Text";\nimport { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport { ICONS_DICTIONARY } from "./_components/IconsDictionary";\n\nconst [hovered, setHovered] = useState("");\nconst [saved, setSaved] = useState("");\n\nconst copyToClipboard = useCallback((text) => {\n navigator.clipboard.writeText(text);\n setSaved(text);\n}, []);\n\nconst icons = Object.keys(ICONS_DICTIONARY);\n\n\n "{hovered}" was last hovered.\n {saved ? (\n \n \n {`"${saved}" was saved in your clipboard.`}\n

\n ) : (\n \n Click on icon to copy name.\n \n )}\n
\n {icons.map((name) => (\n copyToClipboard(name)}\n >\n setHovered(name)} name={name} />\n \n ))}\n
\n
;',settings:{},evalInContext:He}]},94267:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./IconText.tsx":de(64103)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst IconText$0 = require('./IconText.tsx');\nconst IconText = IconText$0.default || (IconText$0['IconText'] || IconText$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst Icon1 = () => (\n \n \n \n);\n\n\n \n } text={"My example text"} />\n } text={"My example text"} />\n \n;',settings:{},evalInContext:He}]},90707:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./IconTitle.tsx":de(40581)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst IconTitle$0 = require('./IconTitle.tsx');\nconst IconTitle = IconTitle$0.default || (IconTitle$0['IconTitle'] || IconTitle$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst Icon1 = () => (\n \n \n \n);\n\n\n \n }\n />\n }\n />\n }\n />\n }\n />\n \n;',settings:{},evalInContext:He}]},24616:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"../../../":de(28156),"./../CourseCard/CourseCard-2.png":de(51509),"./../CourseCard/CourseCard-3.png":de(39884),"./../CourseCard/CourseCard-4.png":de(72931),"./../CourseCard/bgImage1.png":de(60344),"./../CourseCard/bgImage2.png":de(51187),"./ImageBubble.png":de(28832),react:de(77810),"./ImageBubble.tsx":de(25336)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ImageBubble$0 = require('./ImageBubble.tsx');\nconst ImageBubble = ImageBubble$0.default || (ImageBubble$0['ImageBubble'] || ImageBubble$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { Badge, CourseCard } from "../../../";\n\nimport img2 from "./../CourseCard/CourseCard-2.png";\nimport img3 from "./../CourseCard/CourseCard-3.png";\nimport img4 from "./../CourseCard/CourseCard-4.png";\nimport backgroundImage1 from "./../CourseCard/bgImage1.png";\nimport backgroundImage2 from "./../CourseCard/bgImage2.png";\n\nimport img1 from "./ImageBubble.png";\n\n\n \n
\n \n Bestseller\n
\n }\n >\n console.log("Category click id: ", id),\n categoryElements: [\n { id: 1, name: "Programming" },\n { id: 2, name: "Front-end" },\n ],\n }}\n onTagClick={(tagId) => console.log("onTagClick :", { tagId })}\n onImageClick={() => console.log("onImageClick")}\n onButtonClick={(cardId) => console.log("onButtonClick :", { cardId })}\n />\n \n \n
\n
;',settings:{},evalInContext:He}]},18913:(ie,le,de)=>{var ce={"@escolalms/sdk/lib/react/context":de(59779),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./ImagePlayer.tsx":de(23241)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ImagePlayer$0 = require('./ImagePlayer.tsx');\nconst ImagePlayer = ImagePlayer$0.default || (ImagePlayer$0['ImagePlayer'] || ImagePlayer$0);",ye);ie.exports=[{type:"code",content:'import { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst mock = {\n id: 737,\n title: "awdwad",\n lesson_id: 22,\n active: true,\n preview: false,\n topicable_id: 109,\n topicable_type: "EscolaLms\\\\TopicTypes\\\\Models\\\\TopicContent\\\\Image",\n topicable: {\n id: 109,\n value:\n "course/7/topic/737/image/I43KisiNXzAoZNyx7q9ddfHcdVXaC6fYTfrElUW9.jpg",\n width: 512,\n height: 512,\n created_at: "2022-05-30T09:47:14.000000Z",\n updated_at: "2022-05-30T09:47:14.000000Z",\n },\n summary: null,\n introduction: null,\n description: null,\n resources: [],\n order: 19,\n json: null,\n can_skip: false,\n};\n\n\n \n \n console.log("load")} />\n \n \n;',settings:{},evalInContext:He}]},95605:(ie,le,de)=>{var ce={react:de(77810),"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),"./Input.tsx":de(14561)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Input$0 = require('./Input.tsx');\nconst Input = Input$0.default || (Input$0['Input'] || Input$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst [text, setText] = useState("lorem ipsum");\n\nconst [texts, setTexts] = useState({\n input1: "",\n input2: "Filled",\n input3: "Error",\n input4: "Text",\n});\n\n\n \n
\n \n setTexts({\n ...texts,\n input1: e.target.value,\n })\n }\n />\n
\n
\n \n setTexts({\n ...texts,\n input2: e.target.value,\n })\n }\n />\n
\n
\n \n setTexts({\n ...texts,\n input3: e.target.value,\n })\n }\n error={"This is error"}\n />\n
\n
\n \n setTexts({\n ...texts,\n input4: e.target.value,\n })\n }\n helper={Text helper}\n />\n
\n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},53389:(ie,le,de)=>{var ce={"./Interval.png":de(25453),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Interval.tsx":de(44657)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Interval$0 = require('./Interval.tsx');\nconst Interval = Interval$0.default || (Interval$0['Interval'] || Interval$0);",ye);ie.exports=[{type:"code",content:'import img1 from "./Interval.png";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n \n \n \n \n \n;',settings:{},evalInContext:He}]},74688:(ie,le,de)=>{var ce={"react-grid-system":de(23038),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./LabelListItem.tsx":de(94640)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst LabelListItem$0 = require('./LabelListItem.tsx');\nconst LabelListItem = LabelListItem$0.default || (LabelListItem$0['LabelListItem'] || LabelListItem$0);",ye);ie.exports=[{type:"code",content:'import { Row, Col } from "react-grid-system";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst Icon1 = () => (\n \n \n \n);\n\nconst Icon2 = () => (\n \n \n \n);\n\nconst Icon3 = () => (\n \n \n \n);\n\n\n \n
\n \n \n \n Finanse\n \n \n \n \n Średni\n \n \n \n \n 22 marca 2022\n \n \n \n \n 120 godzin\n \n \n \n \n \n }>\n Poleca szkolenia Jana Kaminskiego\n \n \n \n }>\n zadowolenia lub zwrot pieniędzy*\n \n \n \n }>\n Średnia ocena szkoleń Jana Kamińskiego\n \n \n \n
\n
\n \n \n \n Finanse\n \n \n \n \n Średni\n \n \n \n \n 22 marca 2022\n \n \n \n \n 120 godzin\n \n \n \n \n \n } mobile={true}>\n Poleca szkolenia Jana Kaminskiego\n \n \n \n } mobile={true}>\n zadowolenia lub zwrot pieniędzy*\n \n \n \n } mobile={true}>\n Średnia ocena szkoleń Jana Kamińskiego\n \n \n \n
\n
\n
;',settings:{},evalInContext:He}]},63186:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"./VideoPlayerPoster.png":de(3203),react:de(77810),"./index.tsx":de(48310)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst LessonEndscreen$0 = require('./index.tsx');\nconst LessonEndscreen = LessonEndscreen$0.default || (LessonEndscreen$0['LessonEndscreen'] || LessonEndscreen$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport img2 from "./VideoPlayerPoster.png";\n\n\n \n \n console.log("Cancel countdowning")}\n onCountdown={() => console.log("Countdown finish")}\n onNextButtonClick={() => console.log("Go to next lesson")}\n />\n \n \n;',settings:{},evalInContext:He}]},30075:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Link.tsx":de(75479)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Link$0 = require('./Link.tsx');\nconst Link = Link$0.default || (Link$0['Link'] || Link$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\n\n<>\n \n \n Onet\n \n \n Onet\n \n console.log(e)}>\n Onet\n \n \n;',settings:{},evalInContext:He}]},69280:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide/ThemeTester":de(78684),"react-icons/bi":de(45498),"./List.tsx":de(43374)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst List$0 = require('./List.tsx');\nconst List = List$0.default || (List$0['List'] || List$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport { BiListCheck, BiListMinus, BiListPlus, BiListUl } from "react-icons/bi";\n\nconst [selectedListItem, setSelectedListItem] = useState(0);\n\nconst listItems = [\n {\n id: 0,\n icon: ,\n text: "All tasks",\n numberOfItems: 10,\n },\n {\n id: 1,\n icon: ,\n text: "Today tasks",\n numberOfItems: 6,\n },\n {\n id: 2,\n icon: ,\n text: "Upcoming tasks",\n numberOfItems: 2,\n },\n {\n id: 3,\n icon: ,\n text: "Overdue tasks",\n numberOfItems: 2,\n },\n];\n\n\n \n;',settings:{},evalInContext:He}]},80728:(ie,le,de)=>{var ce={"./LoginForm.png":de(39192),"../../../styleguide":de(24782),"@escolalms/sdk/lib/react/context":de(59779),"../../../":de(28156),react:de(77810),"./LoginForm.tsx":de(37848)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst LoginForm$0 = require('./LoginForm.tsx');\nconst LoginForm = LoginForm$0.default || (LoginForm$0['LoginForm'] || LoginForm$0);",ye);ie.exports=[{type:"code",content:'import img1 from "./LoginForm.png";\nimport { ThemeTester } from "../../../styleguide";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\nimport { Text } from "../../../";\n\n\n \n \n console.log("onSuccess")}\n onError={(err) => console.log("onError", err.data)}\n onResetPasswordLink={() => console.log("onResetPasswordLink")}\n onRegisterLink={() => console.log("onRegisterLink")}\n />\n Mobile version\n
\n \n
\n
\n
\n
;',settings:{},evalInContext:He}]},78573:(ie,le,de)=>{var ce={"./logo-placeholder.png":de(34909),"./logo-placeholder2.png":de(85403),"../Typography/Text":de(76883),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Logo.tsx":de(16569)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Logo$0 = require('./Logo.tsx');\nconst Logo = Logo$0.default || (Logo$0['Logo'] || Logo$0);",ye);ie.exports=[{type:"code",content:'import logo1 from "./logo-placeholder.png";\nimport logo2 from "./logo-placeholder2.png";\nimport Text from "../Typography/Text";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n
\n Default logo\n
\n \n \n
\n
\n
\n Small logo\n
\n \n \n
\n
\n
\n
;',settings:{},evalInContext:He}]},29195:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"./MarkdownPlayer.tsx":de(4015)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst MarkdownPlayer$0 = require('./MarkdownPlayer.tsx');\nconst MarkdownPlayer = MarkdownPlayer$0.default || (MarkdownPlayer$0['MarkdownPlayer'] || MarkdownPlayer$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\n\nconst markdown = `### Czego się dowiesz i nauczysz?\n\n* Kurs umożliwia nabycie solidnych podstaw z zakresu rachunkowości zarówno pod względem teoretycznym jak i praktycznym\n* Kurs podstawy księgowości przygotowuje słuchacza do pracy w działach księgowości * Kurs przygotowuje do zawodu księgowy, który został ujęty w klasyfikacji zawodów (kod zawodu 331301)\n\n#### Do kogo skierowane jest szkolenie?\n\n* Dla pracowników działu księgowości\n* Dla osób które swoją karierę zawodową chcą związać z pracą w księgowości\n* Dla osób pracujących w działach IT wdrażających systemy księgowe`;\n\n\n \n console.log("MarkdownPlayer onLoad")}\n />\n {markdown}\n \n;',settings:{},evalInContext:He}]},11732:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"./MarkdownRenderer.tsx":de(93694)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst MarkdownRenderer$0 = require('./MarkdownRenderer.tsx');\nconst MarkdownRenderer = MarkdownRenderer$0.default || (MarkdownRenderer$0['MarkdownRenderer'] || MarkdownRenderer$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\n\nconst markdown = {\n text: `### Czego się dowiesz i nauczysz?\n\n* Kurs umożliwia nabycie solidnych podstaw z zakresu rachunkowości zarówno pod względem teoretycznym jak i praktycznym\n* Kurs podstawy księgowości przygotowuje słuchacza do pracy w działach księgowości * Kurs przygotowuje do zawodu księgowy, który został ujęty w klasyfikacji zawodów (kod zawodu 331301)\n\n### Mark\n\n==Sed pretium turpis sapien, eu imperdiet purus fermentum eu. Nunc erat lectus, viverra ac nibh nec==\n\n### Code\n\nUt ut lectus quis urna porttitor lacinia. Vestibulum ac aliquam mi. Vestibulum suscipit tincidunt risus eu viverra. Mauris commodo euismod nisl, at dapibus elit tempor quis.\n\n### Blockquote\n\n> Suspendisse non ex eget lacus aliquam hendrerit id sed mauris. Pellentesque eget purus sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.\n\n### Tasklist\n\n* [ ] Sed ullamcorper, odio id cursus imperdiet, diam velit iaculis magna, non placerat dui odio et nisl. Morbi eget gravida enim. Cras luctus eleifend porttitor. Donec nec lacus eu risus malesuada venenatis. Duis placerat posuere quam at placerat. Integer interdum enim ac sem imperdiet sodales.\n* [x] Sed ullamcorper, odio id cursus imperdiet, diam velit iaculis magna, non placerat dui odio et nisl. Morbi eget gravida enim. Cras luctus eleifend porttitor. Donec nec lacus eu risus malesuada venenatis. Duis placerat posuere quam at placerat. Integer interdum enim ac sem imperdiet sodales.\n\n### Ordered List\n\n1. Item 1\n2. Item 2\n3. Item 3\n\n### Unordered List\n\n- Item 1\n- Item 2\n- Item 3\n\n### Image\n\n![](https://placekitten.com/g/600/600 \\"left-50\\")\\r\\n\\r\\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam libero mauris, laoreet vel elit nec, maximus commodo nulla. Curabitur blandit nisl id enim congue, bibendum molestie est fringilla. Curabitur vehicula tortor sed eros posuere eleifend. Sed id enim a dui dictum bibendum eu in diam. Praesent vulputate semper lorem, vel vestibulum leo aliquam a. Integer fermentum massa sit amet sem vestibulum, efficitur suscipit lacus tempor. Curabitur eu dignissim elit.\\r\\n\\r\\nSed pretium turpis sapien, eu imperdiet purus fermentum eu. Nunc erat lectus, viverra ac nibh nec, dignissim consequat neque. Cras lacinia sodales augue tempus rutrum. Praesent nec metus venenatis, tincidunt nunc eleifend, molestie turpis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque imperdiet elit et risus viverra imperdiet. Nunc ut iaculis augue. Praesent dapibus vehicula metus at maximus.\\r\\n\\r\\n ![](https://placekitten.com/g/600/600 \\"right-50\\")\\r\\n\\r\\nUt ut lectus quis urna porttitor lacinia. Vestibulum ac aliquam mi. Vestibulum suscipit tincidunt risus eu viverra. Mauris commodo euismod nisl, at dapibus elit tempor quis. Phasellus sit amet cursus lacus, hendrerit tempus augue. Suspendisse a libero risus. Nam hendrerit metus nisi, laoreet sagittis leo ullamcorper non. Etiam eget nibh convallis, finibus tellus ac, porttitor lacus. Ut at augue et magna pretium aliquet quis in leo. Donec malesuada lectus nibh, vel consequat purus cursus eu. Nunc nec scelerisque metus, vitae varius nibh. Nullam imperdiet tellus et interdum iaculis. Proin tristique quam faucibus dolor tincidunt, in fringilla mauris facilisis.\\r\\n\\r\\n ![](https://placekitten.com/g/600/600)\\r\\n\\r\\nSuspendisse non ex eget lacus aliquam hendrerit id sed mauris. Pellentesque eget purus sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer laoreet elementum lacus, gravida iaculis dolor dictum non. Praesent id sapien sed libero vulputate tempus. Vestibulum faucibus ante vel arcu blandit euismod. Integer auctor sem eget scelerisque commodo. Duis tempor, lectus et viverra condimentum, ante tellus maximus quam, eu suscipit risus tortor a dui. In fermentum metus sed mi eleifend sagittis.\\r\\n\\r\\n\\\\\\r\\n\\\\\\r\\n\n\n# Header 1\n\nAlternative Header 1\n================\n\n## Header 2\n\n### Header 3\n\n#### Header 4\n\n##### Header 5\n\n#### Do kogo skierowane jest szkolenie?\n\n* Dla pracowników działu księgowości\n* Dla osób które swoją karierę zawodową chcą związać z pracą w księgowości\n* Dla osób pracujących w działach IT wdrażających systemy księgowe`,\n table: `\n| First Header | Second Header |\n| ------------- | ------------- |\n| Content Cell | Content Cell |\n| Content Cell | Content Cell |`,\n image: `![alt text](https://placekitten.com/g/600/600)`,\n link: `My favorite search engine is [Duck Duck Go](https://duckduckgo.com "The best search engine for privacy").`,\n mathInline: "$c = \\\\pm\\\\sqrt{a^2 + b^2}$",\n mathBlock: `Lift($L$) can be determined by Lift Coefficient ($C_L$) like the following\nequation.\n\n$$\nL = \\\\frac{1}{2} \\\\rho v^2 S C_L\n$$`,\n mathMatrix: `$$\nM = \n\\\\begin{bmatrix}\n\\\\frac{5}{6} & \\\\frac{1}{6} & 0 \\\\\\\\\\[0.3em]\n\\\\frac{5}{6} & 0 & \\\\frac{1}{6} \\\\\\\\\\[0.3em]\n0 & \\\\frac{5}{6} & \\\\frac{1}{6}\n\\\\end{bmatrix}\n$$`,\n};\n\n\n {Object.entries(markdown).map(([key, markdownContent]) => (\n {markdownContent}\n ))}\n;',settings:{},evalInContext:He}]},60408:(ie,le,de)=>{var ce={"../../../../styleguide":de(24782),react:de(77810),"./Matching.tsx":de(40566)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Matching$0 = require('./Matching.tsx');\nconst Matching = Matching$0.default || (Matching$0['Matching'] || Matching$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../../styleguide";\nimport { useState } from "react";\n\nconst question = {\n id: 35,\n type: "matching",\n score: 1,\n title: "",\n question: "Match the following countries with their corresponding capitals.",\n options: {\n sub_questions: ["Italy", "India", "Japan", "Canada"],\n sub_answers: ["Ottawa", "Rome", "New Delhi", "Tokyo"],\n },\n};\n\nconst [values, setValues] = useState({});\n\n\n
\n console.log(v)} values={values} />\n
\n
;',settings:{},evalInContext:He}]},81183:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide":de(24782),"../../..":de(28156),"./Modal.tsx":de(3197)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Modal$0 = require('./Modal.tsx');\nconst Modal = Modal$0.default || (Modal$0['Modal'] || Modal$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { ThemeTester } from "../../../styleguide";\nimport { Button, Title, Text } from "../../..";\n\nconst ModalWrapper = () => {\n const [visible, setVisible] = useState(false);\n return (\n \n setVisible((prevVisible) => !prevVisible)}\n mode="secondary"\n >\n launch modal\n \n setVisible(false)}\n visible={visible}\n animation="zoom"\n maskAnimation="fade"\n destroyOnClose={true}\n width={800}\n >\n \n Modal title\n \n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias\n aliquid autem ea earum id minima necessitatibus nulla perferendis\n porro, rem, vitae voluptates. Dolor doloremque eum ipsum iusto modi\n recusandae velit?\n \n \n \n );\n};\n\n\n \n \n \n;',settings:{},evalInContext:He}]},7764:(ie,le,de)=>{var ce={react:de(77810),"@escolalms/sdk/lib/react/context":de(59779),"../../../styleguide":de(24782),"../../../utils/components/authbtn":de(51958),"../../..":de(28156),"./index.tsx":de(13830)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ModalCourseAccess$0 = require('./index.tsx');\nconst ModalCourseAccess = ModalCourseAccess$0.default || (ModalCourseAccess$0['ModalCourseAccess'] || ModalCourseAccess$0);",ye);ie.exports=[{type:"code",content:'import { useState, useContext } from "react";\nimport {\n EscolaLMSContextProvider,\n EscolaLMSContext,\n} from "@escolalms/sdk/lib/react/context";\nimport { ThemeTester } from "../../../styleguide";\nimport Authbtn from "../../../utils/components/authbtn";\nimport { Button, Title, Text, Modal } from "../../..";\n\nconst InnerContent = () => {\n const { token } = useContext(EscolaLMSContext);\n\n const [visible, setVisible] = useState(false);\n const closeModal = () => setVisible(false);\n\n if (!token) {\n return ;\n }\n\n return (\n <>\n setVisible((prevVisible) => !prevVisible)}\n mode="secondary"\n >\n Open modal\n \n \n \n \n \n );\n};\n\n\n \n \n \n;',settings:{},evalInContext:He}]},7760:(ie,le,de)=>{var ce={react:de(77810),"../../../../styleguide":de(24782),"./MultipleChoice.tsx":de(11382)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst MultipleChoice$0 = require('./MultipleChoice.tsx');\nconst MultipleChoice = MultipleChoice$0.default || (MultipleChoice$0['MultipleChoice'] || MultipleChoice$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { ThemeTester } from "../../../../styleguide";\n\nconst question = {\n id: 31,\n type: "multiple_choice",\n score: 1,\n title: "Grants tomb",\n question: "Who is buried in Grant\'s tomb in New York City?",\n options: {\n answers: ["Grant", "No one", "Napoleon", "Churchill", "Mother Teresa"],\n },\n};\n\nconst [value, setValue] = useState("");\n\n setValue(e.target.value)}\n value={value}\n />\n;',settings:{},evalInContext:He}]},99058:(ie,le,de)=>{var ce={react:de(77810),"../../../../styleguide":de(24782),"./MultipleChoiceWithMultipleRightAnswers.tsx":de(52267)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst MultipleChoiceWithMultipleRightAnswers$0 = require('./MultipleChoiceWithMultipleRightAnswers.tsx');\nconst MultipleChoiceWithMultipleRightAnswers = MultipleChoiceWithMultipleRightAnswers$0.default || (MultipleChoiceWithMultipleRightAnswers$0['MultipleChoiceWithMultipleRightAnswers'] || MultipleChoiceWithMultipleRightAnswers$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { ThemeTester } from "../../../../styleguide";\n\nconst question = {\n id: 32,\n type: "multiple_choice_with_multiple_right_answers",\n score: 1,\n title: "",\n question: "What two people are entombed in Grant\'s tomb?",\n options: {\n answers: ["No one", "Grant", "Grant\'s wife", "Grant\'s father"],\n },\n};\n\nconst [values, setValues] = useState(\n question.options.answers.reduce((acc, val) => ({ ...acc, [val]: false }), {})\n);\n\nconst onChange = (e) => {\n setValues((prev) => ({ ...prev, [e.target.value]: e.target.checked }));\n};\n\n \n;',settings:{},evalInContext:He}]},73388:(ie,le,de)=>{var ce={"./MyProfile.png":de(7266),"../../../styleguide":de(24782),"@escolalms/sdk/lib/react/context":de(59779),"../../../":de(28156),"../../../utils/components/authbtn":de(51958),react:de(77810),"./MyProfileForm.tsx":de(69856)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst MyProfileForm$0 = require('./MyProfileForm.tsx');\nconst MyProfileForm = MyProfileForm$0.default || (MyProfileForm$0['MyProfileForm'] || MyProfileForm$0);",ye);ie.exports=[{type:"code",content:'import img1 from "./MyProfile.png";\nimport { ThemeTester } from "../../../styleguide";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport { Text } from "../../../";\nimport Authbtn from "../../../utils/components/authbtn";\n\n\n \n \n \n console.log("onSuccess")}\n onError={(err) => console.log("onError", err.data)}\n onLoginLink={() => console.log("onLoginLink")}\n return_url="?action=_after_click_from_email"\n />\n\n Mobile version\n
\n \n
\n \n
\n
;',settings:{},evalInContext:He}]},62020:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide":de(24782),"./Navigation.png":de(61010),"./logo-placeholder.png":de(39781),react:de(77810),"../../../":de(28156),"./Navigation.tsx":de(59574)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Navigation$0 = require('./Navigation.tsx');\nconst Navigation = Navigation$0.default || (Navigation$0['Navigation'] || Navigation$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport { ThemeTester } from "../../../styleguide";\nimport img1 from "./Navigation.png";\nimport logoImage from "./logo-placeholder.png";\nimport { useState } from "react";\nimport { Text, Search, Button } from "../../../";\n\nconst [loading, setLoading] = useState(false);\n\nconst onSearch = (value) => {\n console.log(`Search: ${value}`);\n setLoading(true);\n\n setTimeout(() => {\n setLoading(false);\n }, 1500);\n};\n\nconst onSubmit = (value) => {\n console.log(`Submit ${value}`);\n};\n\nconst onChange = (value) => {\n console.log(`Change: ${value}`);\n};\n\nconst menuItems = [\n {\n title: (\n \n \n menu-1\n \n \n ),\n key: "menu-1",\n },\n {\n title: (\n \n \n menu-2\n \n \n ),\n key: "menu-2",\n },\n {\n title: (\n \n menu-3\n \n ),\n key: "menu-3",\n children: [\n {\n title: (\n \n submenu-1\n \n ),\n key: "submenu-1",\n children: [\n {\n title: (\n \n \n submenu-1\n \n \n ),\n key: "subsubmenu-1",\n },\n ],\n },\n ],\n },\n {\n title: (\n \n ),\n key: "block-button",\n },\n];\n\n\n
\n onSubmit(e)}\n onChange={(e) => onChange(e)}\n onSearch={(e) => onSearch(e)}\n placeholder="Select a course"\n loading={loading}\n >\n football\n voleyball\n basketball\n \n }\n />\n
\n
;',settings:{},evalInContext:He}]},90035:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Note.tsx":de(46175)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Note$0 = require('./Note.tsx');\nconst Note = Note$0.default || (Note$0['Note'] || Note$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n \n \n;',settings:{},evalInContext:He}]},11519:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"../../../":de(28156),react:de(77810),"./NoteAction.tsx":de(19731)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst NoteAction$0 = require('./NoteAction.tsx');\nconst NoteAction = NoteAction$0.default || (NoteAction$0['NoteAction'] || NoteAction$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { Link, Title, Text } from "../../../";\nconst DownloadIcon = () => (\n \n \n \n);\n\nconst Download2Icon = () => (\n \n \n \n);\n\n\n \n "Note without color"}\n subtitle={"luty 2018"}\n actions={\n \n \n (.pdf)\n {" "}\n \n \n \n \n }\n />\n "Note with color"}\n actions={"action"}\n color={"red"}\n />\n "luty 2018"}\n title={\n \n "Note with color and long text t is a long established fact that a\n reader will be distracted by the readable content of a page when\n looking at its layout. The point of using Lorem Ipsum is that it has a\n more-or-less normal distribution of letters, as opposed to using\n \'Content here, content here\', making it look like readable English."\n \n }\n actions={"15:20"}\n color={"#09c3bc"}\n />\n \n;',settings:{},evalInContext:He}]},93614:(ie,le,de)=>{var ce={"./NoteEditor.png":de(68620),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./NoteEditor.tsx":de(85732)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst NoteEditor$0 = require('./NoteEditor.tsx');\nconst NoteEditor = NoteEditor$0.default || (NoteEditor$0['NoteEditor'] || NoteEditor$0);",ye);ie.exports=[{type:"code",content:'import img1 from "./NoteEditor.png";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n<>\n \n console.log("Success")}\n onError={() => console.log("Error")}\n />\n \n;',settings:{},evalInContext:He}]},57308:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"./Notes.png":de(44012),"../../atoms/Typography/Title":de(46226),react:de(77810),"./Notes.tsx":de(476)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Notes$0 = require('./Notes.tsx');\nconst Notes = Notes$0.default || (Notes$0['Notes'] || Notes$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport img1 from "./Notes.png";\nimport { Title } from "../../atoms/Typography/Title";\nconst noteGroups = [\n {\n title: "lesson 1",\n notes: [\n {\n description: "Simple node",\n time: "15:10",\n color: "red",\n },\n {\n description: "Note without color",\n time: "14:00",\n },\n {\n description: "Note with color",\n time: "15:10",\n },\n ],\n },\n {\n title: "lesson 2",\n notes: [\n {\n description: "Front-end lesson",\n time: "12:00",\n color: "blue",\n },\n {\n description: "Back-end lesson",\n time: "18:00",\n },\n ],\n },\n];\n\n\n Desktop View\n console.log("On add node click")}\n />\n
\n
\n Mobile View\n console.log("On add node click")}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},75474:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"./Notification.png":de(40704),"./Notification":de(54072),react:de(77810),"./Notification.tsx":de(54072)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Notification$0 = require('./Notification.tsx');\nconst Notification = Notification$0.default || (Notification$0['Notification'] || Notification$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport img from "./Notification.png";\nimport Notification from "./Notification";\n\n\n \n console.log("click")}\n maxLengthDesc={60}\n />\n \n;',settings:{},evalInContext:He}]},89730:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"./Notifications":de(83596),react:de(77810),"./Notifications.tsx":de(83596)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Notifications$0 = require('./Notifications.tsx');\nconst Notifications = Notifications$0.default || (Notifications$0['Notifications'] || Notifications$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport Notifications from "./Notifications";\n\n\n \n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},11200:(ie,le,de)=>{var ce={"../../../../styleguide":de(24782),react:de(77810),"./NumericalQuestion.tsx":de(4742)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst NumericalQuestion$0 = require('./NumericalQuestion.tsx');\nconst NumericalQuestion = NumericalQuestion$0.default || (NumericalQuestion$0['NumericalQuestion'] || NumericalQuestion$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../../styleguide";\nconst question = {\n id: 38,\n type: "numerical_question",\n score: 1,\n title: "",\n question: "When was Ulysses S. Grant born?",\n options: [],\n};\n\n \n;',settings:{},evalInContext:He}]},85569:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"react-grid-system":de(23038),react:de(77810),"./OEmbedPlayer.tsx":de(80829)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst OEmbedPlayer$0 = require('./OEmbedPlayer.tsx');\nconst OEmbedPlayer = OEmbedPlayer$0.default || (OEmbedPlayer$0['OEmbedPlayer'] || OEmbedPlayer$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { Row, Col } from "react-grid-system";\n\n\n \n
\n \n \n \n \n \n
\n
\n \n \n \n \n \n
\n
\n
;',settings:{},evalInContext:He}]},92753:(ie,le,de)=>{var ce={react:de(77810),"./Option.tsx":de(10641)},ye=de(6463).A.bind(null,ce);de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Option$0 = require('./Option.tsx');\nconst Option = Option$0.default || (Option$0['Option'] || Option$0);",ye);ie.exports=[{type:"markdown",content:"Option component is either `checkbox` or `radio`"}]},34218:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"../../../":de(28156),react:de(77810),"./Orders.tsx":de(99660)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Orders$0 = require('./Orders.tsx');\nconst Orders = Orders$0.default || (Orders$0['Orders'] || Orders$0);",ye);ie.exports=[{type:"markdown",content:"TODO: style me"},{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { Button } from "../../../";\n\nconst data = [\n {\n title: (\n \n product 1\n \n ),\n date: "2022-02-02 20:20",\n price: "666.66 USD",\n actions: ,\n },\n {\n title: (\n \n product 2\n \n ),\n date: "2022-02-02 20:20",\n price: "666.66 USD",\n actions: ,\n },\n {\n title: (\n \n product 3\n \n ),\n date: "2022-02-02 20:20",\n price: "666.66 USD",\n actions: ,\n },\n];\n\n\n \n
\n \n
;',settings:{},evalInContext:He}]},71699:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"@escolalms/sdk/lib/react/context":de(59779),"../../../styleguide/ThemeTester":de(78684),"../../../utils/components/authbtn":de(51958),"../../../":de(28156),react:de(77810),"./PdfPlayer.tsx":de(117)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst PdfPlayer$0 = require('./PdfPlayer.tsx');\nconst PdfPlayer = PdfPlayer$0.default || (PdfPlayer$0['PdfPlayer'] || PdfPlayer$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport Authbtn from "../../../utils/components/authbtn";\nimport { Text } from "../../../";\n\n\n \n \n console.log("load")}\n />\n\n
\n With pagination\n
\n\n console.log("load")}\n onTopicEnd={() => console.log("Action on topic end")}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},38445:(ie,le,de)=>{var ce={react:de(77810),"react-grid-system":de(23038),"../../../styleguide":de(24782),"../../..":de(28156),"../../atoms/Typography/Title":de(46226),"../../molecules/MarkdownRenderer/MarkdownRenderer":de(93694),"./PricingCard.png":de(2905),"./PricingCard.tsx":de(67029)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst PricingCard$0 = require('./PricingCard.tsx');\nconst PricingCard = PricingCard$0.default || (PricingCard$0['PricingCard'] || PricingCard$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { Row, Col } from "react-grid-system";\nimport { ThemeTester } from "../../../styleguide";\nimport { IconText, Button, CourseProgress, Link, Text } from "../../..";\nimport { Title } from "../../atoms/Typography/Title";\nimport { MarkdownRenderer } from "../../molecules/MarkdownRenderer/MarkdownRenderer";\nimport img1 from "./PricingCard.png";\n\nconst [progress, setProgress] = useState(0.5);\n\nconst IconCamera = () => {\n return (\n \n \n \n );\n};\n\nconst IconWin = () => {\n return (\n \n \n \n );\n};\n\nconst IconDownload = () => {\n return (\n \n \n \n );\n};\n\nconst IconSquares = () => {\n return (\n \n \n \n );\n};\n\nconst IconBadge = () => {\n return (\n \n \n \n );\n};\n\nconst IconTime = () => {\n return (\n \n \n \n );\n};\n\nconst props = {\n title: "Księgowość dla początkujących",\n price: "99 zł",\n oldPrice: "199 zł",\n};\n\n\n \n
\n \n \n \n \n {props.title}\n \n
\n \n {props.price}\n \n
\n \n {props.oldPrice}\n \n
\n
\n }\n text={\n \n **8h 12 min** time left\n \n }\n />\n console.log("Dodaj do koszyka")}\n >\n Dodaj do koszyka\n \n\n
\n } text={"40 godzin video"} />\n }\n text={"Materiały szkoleniowe do pobrania"}\n />\n }\n text={"Dostęp na smartphone i tablet"}\n />\n } text={"Certyfikat ukończenia"} />\n
\n }\n title="Moje postepy"\n >\n {true ? (\n \n \n Zaloguj się\n \n aby widzieć postępy\n \n ) : (\n \n \n Ukończono {Math.round(40 * progress)} z 40 lekcji\n \n

\n Ukoncz kurs aby zdobyc certyfikat\n

\n
\n )}\n \n
\n \n \n \n \n Księgowość dla początkujących\n \n
\n \n 0 zł\n \n
\n \n za darmo\n \n
\n
\n }\n text={\n \n **8h 12 min** time left\n \n }\n />\n console.log("Dodaj do koszyka")}\n >\n Dodaj do koszyka\n \n\n
\n } text={"40 godzin video"} />\n }\n text={"Materiały szkoleniowe do pobrania"}\n />\n }\n text={"Dostęp na smartphone i tablet"}\n />\n } text={"Certyfikat ukończenia"} />\n
\n }\n title="Moje postepy"\n >\n {false ? (\n \n \n Zaloguj się\n \n aby widzieć postępy\n \n ) : (\n \n \n Ukończono {Math.round(40 * progress)} z 40 lekcji\n \n

\n Ukoncz kurs aby zdobyc certyfikat\n

\n
\n )}\n \n
\n \n
\n
\n
\n \n \n {props.title}\n \n
\n
\n
\n \n {props.oldPrice}\n \n
\n \n {props.price}\n \n
\n
\n console.log("Dodaj do koszyka")}\n >\n Dodaj do koszyka\n \n
\n
\n
\n
\n
\n
;',settings:{},evalInContext:He}]},8413:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),react:de(77810),"../../../styleguide/ThemeTester":de(78684),"../Button/Button":de(19431),"./ProgressBar.tsx":de(18557)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ProgressBar$0 = require('./ProgressBar.tsx');\nconst ProgressBar = ProgressBar$0.default || (ProgressBar$0['ProgressBar'] || ProgressBar$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport { useState } from "react";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport Button from "../Button/Button";\n\nconst [currentProgresses, setCurrentProgresses] = useState({\n progress1: 10,\n progress2: 5,\n progress3: 1.4,\n});\n\nconst randomProgress = () => (Math.random() * 10).toFixed(2);\n\nconst setRandomProgresses = () => {\n setCurrentProgresses({\n progress1: randomProgress(),\n progress2: randomProgress(),\n progress3: randomProgress(),\n });\n};\n\n\n \n \n \n \n
\n \n
\n
;',settings:{},evalInContext:He}]},78285:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide":de(24782),"../../../":de(28156),"./ProgressRing.tsx":de(37329)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ProgressRing$0 = require('./ProgressRing.tsx');\nconst ProgressRing = ProgressRing$0.default || (ProgressRing$0['ProgressRing'] || ProgressRing$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { ThemeTester } from "../../../styleguide";\nimport { Button } from "../../../";\n\nconst [percentage, setPercentage] = useState(Math.round(100 * Math.random()));\n\n\n \n \n \n \n setPercentage(Math.round(100 * Math.random()))}\n >\n Click for random percentage {percentage}%\n \n \n;',settings:{},evalInContext:He}]},18769:(ie,le,de)=>{var ce={"@escolalms/sdk/lib/react/context":de(59779),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./ProjectPlayer.tsx":de(50085)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ProjectPlayer$0 = require('./ProjectPlayer.tsx');\nconst ProjectPlayer = ProjectPlayer$0.default || (ProjectPlayer$0['ProjectPlayer'] || ProjectPlayer$0);",ye);ie.exports=[{type:"code",content:'import { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst mockTopic = {\n "id": 1432,\n "title": "William Shakespeare",\n "lesson_id": 255,\n "active": true,\n "preview": true,\n "topicable_id": 1,\n "topicable_type": "EscolaLms\\\\TopicTypeProject\\\\Models\\\\Project",\n "topicable": {\n "id": 1,\n "value": "theProject",\n "created_at": "2023-04-06T11:38:54.000000Z",\n "updated_at": "2023-04-06T11:38:54.000000Z"\n },\n "description": "Write an essay on the life of William Shakespeare. It must consist of at least 250 words. Accepted file types are: pdf, docx.",\n "resources": [],\n "order": 1,\n "can_skip": false,\n "duration": "5 min"\n};\n\n\n \n \n \n;',settings:{},evalInContext:He}]},50392:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"../../atoms/Typography/Text":de(76883),react:de(77810),"./QuizCta.tsx":de(536)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst QuizCta$0 = require('./QuizCta.tsx');\nconst QuizCta = QuizCta$0.default || (QuizCta$0['QuizCta'] || QuizCta$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport Text from "../../atoms/Typography/Text";\n\nconst props = {\n title: "Szybki Quiz",\n children: (\n \n Utrwal wiedzę po ukończonym module\n Quiz zawiera 2-3 pytania jednokrotnego wyboru\n \n ),\n primaryButtonText: "Rozpocznij quiz",\n onPrimaryButtonClick: () => {\n console.log("onPrimaryButtonClick");\n },\n secondaryButtonText: "Następny moduł",\n onSecondaryButtonClick: () => {\n console.log("handleTeriaryBtn");\n },\n};\n\n\n \n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},93943:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../Typography/Text":de(76883),"../../../styleguide/ThemeTester":de(78684),"../../../utils/utils":de(32135),react:de(77810),"./Radio.tsx":de(42897)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Radio$0 = require('./Radio.tsx');\nconst Radio = Radio$0.default || (Radio$0['Radio'] || Radio$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport Text from "../Typography/Text";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport { getUniqueId } from "../../../utils/utils";\n\n\n \n \n checked Radio without label\n \n \n \n Radio without label\n \n \n Radio with primitive label\n \n Radio with sophisticated label\n \n dummy label\n \n }\n />\n dummy label} />\n \n;',settings:{},evalInContext:He}]},29984:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Rate.tsx":de(8330)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Rate$0 = require('./Rate.tsx');\nconst Rate = Rate$0.default || (Rate$0['Rate'] || Rate$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\n\n\n console.log("Rate: ", rate)} />\n;',settings:{},evalInContext:He}]},85825:(ie,le,de)=>{var ce={"./Rating.png":de(64925),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Rating.tsx":de(59009)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Rating$0 = require('./Rating.tsx');\nconst Rating = Rating$0.default || (Rating$0['Rating'] || Rating$0);",ye);ie.exports=[{type:"code",content:'import img1 from "./Rating.png";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n \n \n \n \n \n \n;',settings:{},evalInContext:He}]},13862:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"./mock.json":de(10129),"../../atoms/Typography/Title":de(46226),react:de(77810),"./Ratings.tsx":de(79704)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Ratings$0 = require('./Ratings.tsx');\nconst Ratings = Ratings$0.default || (Ratings$0['Ratings'] || Ratings$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport mockApi from "./mock.json";\nimport { Title } from "../../atoms/Typography/Title";\n\nconst ratingsProps = {\n sumRates: mockApi.sum_rates,\n avgRate: mockApi.avg_rate,\n rates: mockApi.rates,\n header: "Students rating",\n};\n\n\n
\n \n Desktop View\n \n \n
\n
\n
\n \n Mobile View\n \n \n
\n
\n
;',settings:{},evalInContext:He}]},6163:(ie,le,de)=>{var ce={react:de(77810),"./RatioBox.tsx":de(65007)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst RatioBox$0 = require('./RatioBox.tsx');\nconst RatioBox = RatioBox$0.default || (RatioBox$0['RatioBox'] || RatioBox$0);",ye);ie.exports=[{type:"markdown",content:"This component allows to you use Aspect Ratio Boxes, for eg images / videos."},{type:"code",content:'import { useState } from "react";\n\nconst [ratio, setRatio] = useState(0.5);\nconst [width, setWidth] = useState(500);\nconst [objectPosition, setObjectPosition] = useState("center");\n\nconst rndCat = () =>\n `http://placekitten.com/${200 + Math.round(Math.random() * 500)}/${\n 200 + Math.round(Math.random() * 500)\n }`;\n\n
\n

\n Width:{" "}\n {\n setWidth(Number(e.target.value));\n }}\n />\n {" | "}\n Ratio:{" "}\n setRatio(Number(e.target.value))}\n />\n Object position: setObjectPosition(e.target.value)}\n >\n \n \n \n \n
\n

\n\n

\n Ratio {ratio}, object Position {objectPosition}\n

\n\n \n Cat\n \n\n

Ratio 1 = Square

\n \n Cat\n \n\n

Ratio 1.5 = Rectangle vertical

\n \n Cat\n \n\n

Ratio 0.5 = Rectangle horizontal

\n \n Cat\n \n
;',settings:{},evalInContext:He}]},9290:(ie,le,de)=>{var ce={"./LoginForm.png":de(63164),"../../../styleguide":de(24782),"@escolalms/sdk/lib/react/context":de(59779),"../../../":de(28156),react:de(77810),"./RegisterForm.tsx":de(94096)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst RegisterForm$0 = require('./RegisterForm.tsx');\nconst RegisterForm = RegisterForm$0.default || (RegisterForm$0['RegisterForm'] || RegisterForm$0);",ye);ie.exports=[{type:"code",content:'import img1 from "./LoginForm.png";\nimport { ThemeTester } from "../../../styleguide";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport { Text } from "../../../";\n\nconst fieldLabels = {\n email: Overwrite email label,\n "AdditionalFields.Privacy Policy": (\n \n By checking this fields you accept{" "}\n Privacy Policy\n \n ),\n};\n\n\n \n \n console.log("onSuccess form", res, values)}\n onError={(err) => console.log("onError", err.data)}\n onLoginLink={() => console.log("onLoginLink")}\n return_url="?action=_after_click_from_email"\n />\n\n Mobile version\n
\n \n
\n
\n
\n
;',settings:{},evalInContext:He}]},72387:(ie,le,de)=>{var ce={react:de(77810),"@escolalms/sdk/lib/react/context":de(59779),"../../../":de(28156),"../../../styleguide/ThemeTester":de(78684),"./index.tsx":de(87921)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst RelatedTreeSelect$0 = require('./index.tsx');\nconst RelatedTreeSelect = RelatedTreeSelect$0.default || (RelatedTreeSelect$0['RelatedTreeSelect'] || RelatedTreeSelect$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport { Text, Stack } from "../../../";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst [selected, setSelected] = useState("");\n\n\n \n \n Selected value: {selected}\n setSelected(v)} />\n \n \n;',settings:{},evalInContext:He}]},43754:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide":de(24782),"./LoginForm.png":de(37257),"@escolalms/sdk/lib/react/context":de(59779),react:de(77810),"./ResetPasswordForm.tsx":de(75060)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ResetPasswordForm$0 = require('./ResetPasswordForm.tsx');\nconst ResetPasswordForm = ResetPasswordForm$0.default || (ResetPasswordForm$0['ResetPasswordForm'] || ResetPasswordForm$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport { ThemeTester } from "../../../styleguide";\nimport img1 from "./LoginForm.png";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\n \n \n console.log("onSuccess")}\n onError={(err) => console.log("onError", err.data)}\n backToLogin={() => console.log("backToLogin")}\n onRegisterLink={() => console.log("onRegisterLink")}\n return_url={"reset"}\n />\n
\n console.log("onSuccess")}\n onError={(err) => console.log("onError", err.data)}\n onRegisterLink={() => console.log("onRegisterLink")}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},46376:(ie,le,de)=>{var ce={"@escolalms/sdk/lib/react/components/Image":de(61006),"@escolalms/sdk/lib/react/context":de(59779),react:de(77810),"./ResponsiveImage.tsx":de(75936)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ResponsiveImage$0 = require('./ResponsiveImage.tsx');\nconst ResponsiveImage = ResponsiveImage$0.default || (ResponsiveImage$0['ResponsiveImage'] || ResponsiveImage$0);",ye);ie.exports=[{type:"markdown",content:"`ResponsiveImage` is component that should be used to display all images in Wellms app,\n\nIs is connected to [Images](https://github.com/EscolaLMS/Images) backend.\n\nBelow is default generation of the image."},{type:"code",content:'import Image from "@escolalms/sdk/lib/react/components/Image";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\n\n
\n \n
\n
;',settings:{},evalInContext:He},{type:"markdown",content:"You should pass image url prefix if CDN is used\n\nTODO: this example should be update"},{type:"code",content:'import Image from "@escolalms/sdk/lib/react/components/Image";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\n\n
\n \n
\n;',settings:{},evalInContext:He}]},66284:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"./Search.png":de(18782),"./Search.tsx":de(30506)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Search$0 = require('./Search.tsx');\nconst Search = Search$0.default || (Search$0['Search'] || Search$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { useState } from "react";\nimport img1 from "./Search.png";\n\nconst [loading, setLoading] = useState(false);\n\nconst onSearch = (value) => {\n console.log(`Search: ${value}`);\n setLoading(true);\n\n setTimeout(() => {\n setLoading(false);\n }, 1500);\n};\n\nconst onSubmit = (value) => {\n console.log(`Submit ${value}`);\n};\n\nconst onChange = (value) => {\n console.log(`Change: ${value}`);\n};\n\n\n \n onSubmit(e)}\n onChange={(e) => onChange(e)}\n onSearch={(e) => onSearch(e)}\n placeholder="Select a course"\n loading={loading}\n >\n
football
\n
voleyball
\n
basketball
\n \n
\n
;',settings:{},evalInContext:He}]},39634:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"@escolalms/sdk/lib/react/context":de(59779),react:de(77810),"./SearchCourses.tsx":de(41816)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst SearchCourses$0 = require('./SearchCourses.tsx');\nconst SearchCourses = SearchCourses$0.default || (SearchCourses$0['SearchCourses'] || SearchCourses$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\n\n \n console.log("item selected", item)}\n onInputSubmitted={(input) => console.log("submitted", input)}\n />\n \n;',settings:{},evalInContext:He}]},76984:(ie,le,de)=>{var ce={"../../../../styleguide":de(24782),react:de(77810),"./ShortAnswers.tsx":de(51810)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ShortAnswers$0 = require('./ShortAnswers.tsx');\nconst ShortAnswers = ShortAnswers$0.default || (ShortAnswers$0['ShortAnswers'] || ShortAnswers$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../../styleguide";\nconst question = {\n id: 42,\n type: "short_answers",\n score: 1,\n title: "",\n question: "Who\'s buried in Grant\'s tomb?",\n options: [],\n};\n\n \n;',settings:{},evalInContext:He}]},63417:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide/ThemeTester":de(78684),"./Slider.tsx":de(70225)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Slider$0 = require('./Slider.tsx');\nconst Slider = Slider$0.default || (Slider$0['Slider'] || Slider$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst settings = {\n arrows: false,\n dots: true,\n infinite: true,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1,\n};\n\nconst dotsOptions = [\n "top",\n "top right",\n "top left",\n "bottom",\n "bottom left",\n "bottom right",\n];\n\nconst [dots, setDots] = useState(true);\n\nconst [dotsOption, setDotOption] = useState("top");\n\n\n
\n Dots{" "}\n setDots(v.target.checked)}\n />\n Dots position: setDotOption(v.target.value)}\n >\n {dotsOptions.map((o) => (\n \n ))}\n \n
\n \n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},29099:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Spin.tsx":de(87527)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Spin$0 = require('./Spin.tsx');\nconst Spin = Spin$0.default || (Spin$0['Spin'] || Spin$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n;',settings:{},evalInContext:He}]},34404:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Steps.tsx":de(46136)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Steps$0 = require('./Steps.tsx');\nconst Steps = Steps$0.default || (Steps$0['Steps'] || Steps$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n;',settings:{},evalInContext:He}]},32371:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"../../../":de(28156),react:de(77810),"./Tabs.tsx":de(45447)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Tabs$0 = require('./Tabs.tsx');\nconst Tabs = Tabs$0.default || (Tabs$0['Tabs'] || Tabs$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport { Text } from "../../../";\n\nconst props = {\n tabs: [\n {\n label: "Plan kursu",\n key: 33,\n component: "Tab 1 content",\n },\n {\n label: "Do przeczytania",\n key: 50,\n component: Tab 2 content,\n },\n {\n label: "Materiały do pobrania",\n key: 22,\n component: Tab 3 content,\n },\n {\n label: "Zaplanowane",\n key: 23,\n component: Tab 4 content,\n },\n ],\n defaultActiveKey: 22,\n onClick: (key) => console.log(`onClick tab id: ${key}`),\n};\n\n\n \n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},28401:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"./Tag.tsx":de(21853)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Tag$0 = require('./Tag.tsx');\nconst Tag = Tag$0.default || (Tag$0['Tag'] || Tag$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\n\n<>\n \n tag1\n bestseller\n nowość\n console.log("click")}>Clickable tag\n \n;',settings:{},evalInContext:He}]},19654:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"../../../":de(28156),"react-grid-system":de(23038),"./mock.json":de(5776),"./Tags.tsx":de(99724)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Tags$0 = require('./Tags.tsx');\nconst Tags = Tags$0.default || (Tags$0['Tags'] || Tags$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { useState } from "react";\n\nimport { Text, Dropdown } from "../../../";\nimport { Row, Col } from "react-grid-system";\nimport json from "./mock.json";\n\nconst [selected, setSelected] = useState(["Animacja", "Finances"]);\n\n\n \n
\n \n \n {\n setSelected(value);\n console.log("selected", value);\n }}\n />\n \n \n
\n
\n \n Filtry\n \n }\n drawerButtonText={"Pokaż wyniki"}\n handleChange={(value) => {\n setSelected(value);\n console.log("selected", value);\n }}\n handleDrawerButtonClick={() => console.log("click")}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},49753:(ie,le,de)=>{var ce={react:de(77810),"@escolalms/sdk/lib/react/context":de(59779),"../../../styleguide":de(24782),"../../../":de(28156),"react-icons/md":de(32458),"./index.tsx":de(7827)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst TasksComponent$0 = require('./index.tsx');\nconst TasksComponent = TasksComponent$0.default || (TasksComponent$0['TasksComponent'] || TasksComponent$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport { ThemeTester } from "../../../styleguide";\nimport { IconText } from "../../../";\nimport {\n MdMoreHoriz,\n MdEditNote,\n MdDeleteForever,\n MdCheck,\n MdClose,\n} from "react-icons/md";\n\nconst [sort, setSort] = useState("Ascending");\nconst [createBy, setCreateBy] = useState("Personal");\nconst [showDone, setShowDone] = useState(true);\n\nconst taskShowAction = [\n {\n id: 1,\n content: (\n : }\n text="Tasks.ShowDone"\n onClick={() => setShowDone(!showDone)}\n />\n ),\n },\n];\n\nconst sortType = [\n {\n id: 0,\n content: (\n }\n text="Ascending"\n onClick={() => setSort("Ascending")}\n />\n ),\n },\n {\n id: 1,\n content: (\n }\n text="Descending"\n onClick={() => setSort("Descending")}\n />\n ),\n },\n];\n\nconst taskCreateBy = [\n {\n id: 0,\n content: (\n }\n text="Personal"\n onClick={() => setCreateBy("Personal")}\n />\n ),\n },\n {\n id: 1,\n content: (\n }\n text="Incoming"\n onClick={() => setCreateBy("Incoming")}\n />\n ),\n },\n];\n\n\n \n console.log(),\n }}\n />\n \n;',settings:{},evalInContext:He}]},28767:(ie,le,de)=>{var ce={"../../../theme":de(94906),"styled-components":de(80413),"./Title":de(46226),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Text.tsx":de(76883)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Text$0 = require('./Text.tsx');\nconst Text = Text$0.default || (Text$0['Text'] || Text$0);",ye);ie.exports=[{type:"markdown",content:"React component example:\n\n### Default themes"},{type:"code",content:'import themes from "../../../theme";\nimport { DefaultTheme, ThemeProvider } from "styled-components";\nimport Title from "./Title";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n Title\n \n To przecież nie koniec świata! Ciężka sprawa, bo nasze dizajny niestety są\n bez polotu – jak zwykle, więc trzeba dobrze stargetować ten kejs.\n Potrzebny będzie refresz dizajnu i to ASAP, bo klient odrzucił wszystkie\n ajdije, także to chyba jakiś faken dżołk. Generalnie wszystko okej, ale\n będziemy robić nowy iwent, dlatego działaj keżualnie.\n \n \n Chyba nie bardzo identyfikujecie się z misją naszej firmy, także macie\n teraz zakaz wychodzenia na kawkę w czasie mitingów. Na szczęście poszedł\n sajnof na tym rilisie, więc sprawa jest jasna: o naszym timie będzie teraz\n głośno. Straszny szejm, bo musimy acziwnąć ten czelendż, więc idziemy na\n mały korytarzowy fokus. Fakap na całej linii: zredżektowali nam te zmiany,\n ale co tam – nie płacą nam za nadgodziny. Tak czy inaczej, szykują się\n nadgodziny. Jes! Uwaga, szybki fokus! Zapomnij o przerwie na lancz – znowu\n zmienili hasła do drukarek, więc do roboty!{" "}\n \n \n Nie wszystko musi być z sensem. W mailu, który Ci zaraz forwardnę,\n napisali, że mamy opóźnienia w projekcie, więc nie ma się co śmiać - mamy\n kola z biznesem o 15:00. Nic nie robicie, tylko siedzicie cały dzień i\n puszczacie bąki w fotele. Dizajn musi urywać dupę, ale zbliża się dedlajn,\n dlatego potrzebny będzie fokus na konkretny target.\n \n \n;',settings:{},evalInContext:He}]},38903:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide/ThemeTester":de(78684),"./TextArea.tsx":de(5923)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst TextArea$0 = require('./TextArea.tsx');\nconst TextArea = TextArea$0.default || (TextArea$0['TextArea'] || TextArea$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst [text, setText] = useState("lorem ipsum");\n\nconst [texts, setTexts] = useState({\n textarea1: "",\n textarea2: "Filled",\n textarea3: "Error",\n textarea4: "Text",\n textarea5: "Large",\n});\n\n\n \n \n setTexts({\n ...texts,\n textarea1: e.target.value,\n })\n }\n />\n \n setTexts({\n ...texts,\n textarea2: e.target.value,\n })\n }\n />\n \n setTexts({\n ...texts,\n textarea3: e.target.value,\n })\n }\n />\n Text helper}\n onChange={(e) =>\n setTexts({\n ...texts,\n textarea4: e.target.value,\n })\n }\n />\n \n
\n;',settings:{},evalInContext:He}]},64554:(ie,le,de)=>{var ce={react:de(77810)},ye=de(6463).A.bind(null,ce);de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"This is repository of reused components that can be attached to to Wellms Headless LMS.\n\nWith this set of components one is able to build whole headless e-learning experience."}]},44148:(ie,le,de)=>{var ce={"../../src/styleguide/ThemeTester":de(78684),"../../src/styleguide/ColorBox/ColorBox":de(29473),react:de(77810)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);",ye);ie.exports=[{type:"markdown",content:"Components are using `styled-components` to be rendered and the **must** be a [``](https://styled-components.com/docs/advanced#theming) to provider style config to components.\n\nAll config values are defined in [`provider.tsx`](https://github.com/EscolaLMS/Components/blob/main/src/theme/provider.tsx) but it's recommended to use one of the following prepared presets - all of the components will be displayed in every available theme colors both in light and dark mode.\n\n### Colors"},{type:"code",content:'import ThemeTester from "../../src/styleguide/ThemeTester";\nimport ColorBox from "../../src/styleguide/ColorBox/ColorBox";\n\n \n
\n primary\n secondary\n
\n
\n
;',settings:{},evalInContext:He}]},81631:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide":de(24782),"./AsideMenu.png":de(26797),"../../..":de(28156),"./mock.json":de(35899),"./AsideMenu.tsx":de(30353)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst AsideMenu$0 = require('./AsideMenu.tsx');\nconst AsideMenu = AsideMenu$0.default || (AsideMenu$0['AsideMenu'] || AsideMenu$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { ThemeTester } from "../../../styleguide";\nimport img1 from "./AsideMenu.png";\nimport { Text } from "../../..";\nimport data from "./mock.json";\n\nconst [selected, setSelected] = useState(\n Math.round(Math.random() * data.length)\n);\n\n\n \n \n \n;',settings:{},evalInContext:He}]},32039:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"./VideoPlayer.png":de(86281),"../../../":de(28156),"./VideoPlayerPoster.png":de(94310),react:de(77810),"./AudioVideoPlayer.tsx":de(82179)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst AudioVideoPlayer$0 = require('./AudioVideoPlayer.tsx');\nconst AudioVideoPlayer = AudioVideoPlayer$0.default || (AudioVideoPlayer$0['AudioVideoPlayer'] || AudioVideoPlayer$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport img1 from "./VideoPlayer.png";\nimport { Title, Text, Badge, Link } from "../../../";\nimport img2 from "./VideoPlayerPoster.png";\n\n\n \n
\n \n
\n
\n \n Nowość\n \n {/*
\n \n Onet\n \n \n Onet\n \n
*/}\n Video Example\n
\n \n 27/05/2020\n \n \n 3.33 min\n \n
\n
\n
\n \n
\n
\n \n
\n
\n Audio\n \n
\n
\n \n Nowość\n \n {/*
\n \n Onet\n \n \n Onet\n \n
*/}\n Audio Example\n
\n \n 27/05/2020\n \n \n 3.33 min\n \n
\n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},17885:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Avatar.tsx":de(69161)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Avatar$0 = require('./Avatar.tsx');\nconst Avatar = Avatar$0.default || (Avatar$0['Avatar'] || Avatar$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n \n \n \n \n;',settings:{},evalInContext:He}]},87067:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"./Badge.tsx":de(4857)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Badge$0 = require('./Badge.tsx');\nconst Badge = Badge$0.default || (Badge$0['Badge'] || Badge$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\n\n\n \n Bestseller \n New \n Crazy \n Exclusive \n \n;',settings:{},evalInContext:He}]},51680:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"./Banner.png":de(50910),"./BannerIllustration.png":de(5516),"./VideoPlayerPoster.png":de(80832),"../../molecules/MarkdownRenderer/MarkdownRenderer":de(93694),"../../atoms/Typography/Title":de(46226),"../../players/AudioVideoPlayer/AudioVideoPlayer":de(82179),"../../organisms/ResponsiveImage/ResponsiveImage":de(75936),"@escolalms/sdk/lib/react/components/Image":de(61006),"@escolalms/sdk/lib/react/context":de(59779),react:de(77810),"./Banner.tsx":de(33546)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Banner$0 = require('./Banner.tsx');\nconst Banner = Banner$0.default || (Banner$0['Banner'] || Banner$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport img1 from "./Banner.png";\nimport img2 from "./BannerIllustration.png";\nimport img3 from "./VideoPlayerPoster.png";\nimport { MarkdownRenderer } from "../../molecules/MarkdownRenderer/MarkdownRenderer";\nimport { Title } from "../../atoms/Typography/Title";\nimport { AudioVideoPlayer } from "../../players/AudioVideoPlayer/AudioVideoPlayer";\nimport { ResponsiveImage } from "../../organisms/ResponsiveImage/ResponsiveImage";\nimport Image from "@escolalms/sdk/lib/react/components/Image";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\nconst props = {\n background: "transparent",\n btnText: "Sprawdź przycisk",\n handleBtn: () => {\n console.log("clicked");\n },\n};\n\n\n \n
\n }\n btnText={props.btnText}\n handleBtn={props.handleBtn}\n asset={\n \n }\n />\n
\n
\n }\n btnText={props.btnText}\n handleBtn={props.handleBtn}\n asset={\n \n }\n />\n
\n {/*\n // TODO this example should be update\n
\n \n \n \n }\n title={\n \n }\n btnText={props.btnText}\n handleBtn={props.handleBtn}\n />\n
\n */}\n
\n \n }\n btnText={props.btnText}\n handleBtn={props.handleBtn}\n asset={\n \n }\n />\n
\n
\n
;',settings:{},evalInContext:He}]},29465:(ie,le,de)=>{var ce={"@escolalms/sdk/lib/react/context":de(59779),"../../../styleguide":de(24782),"../../..":de(28156),react:de(77810),"./index.tsx":de(90847)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst BookmarkNotes$0 = require('./index.tsx');\nconst BookmarkNotes = BookmarkNotes$0.default || (BookmarkNotes$0['BookmarkNotes'] || BookmarkNotes$0);",ye);ie.exports=[{type:"code",content:'import { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport { ThemeTester } from "../../../styleguide";\nimport { Button } from "../../..";\n\n\n \n console.log("click")} />\n \n;',settings:{},evalInContext:He}]},38629:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"../../../":de(28156),react:de(77810),"./BreadCrumbs.tsx":de(16873)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst BreadCrumbs$0 = require('./BreadCrumbs.tsx');\nconst BreadCrumbs = BreadCrumbs$0.default || (BreadCrumbs$0['BreadCrumbs'] || BreadCrumbs$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\n\nimport { Link } from "../../../";\n\n\n courses, "super course", "lesson XXX"]}\n />\n\n
\n courses,\n "super course with hyphen",\n "lesson with long title",\n ]}\n />\n
\n
;',settings:{},evalInContext:He}]},88487:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"react-i18next":de(55139),react:de(77810),"./Button.tsx":de(19431)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Button$0 = require('./Button.tsx');\nconst Button = Button$0.default || (Button$0['Button'] || Button$0);",ye);ie.exports=[{type:"markdown",content:"React component example:\n\n### Default themes"},{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport { useTranslation } from "react-i18next";\n\nconst { t } = useTranslation();\n\nconst Icon = () => {\n return (\n \n \n \n );\n};\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n;',settings:{},evalInContext:He}]},41079:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"../Typography/Title":de(46226),"../Typography/Text":de(76883),"../IconTitle/IconTitle":de(40581),"../Button/Button":de(19431),react:de(77810),"../../molecules/CourseCard/CourseCard":de(29944),"./Card.tsx":de(83075)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Card$0 = require('./Card.tsx');\nconst Card = Card$0.default || (Card$0['Card'] || Card$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport { Title } from "../Typography/Title";\nimport { Text } from "../Typography/Text";\nimport { IconTitle } from "../IconTitle/IconTitle";\nimport { Button } from "../Button/Button";\nimport { useState } from "react";\nimport { CourseCard } from "../../molecules/CourseCard/CourseCard";\n\n\n \n \n With large wings\n \n \n With small Wings\n \n \n Without Wings\n \n \n \n Inline with large wings\n \n \n \n \n Inline with small Wings\n \n \n \n \n Inline without Wings\n \n \n
\n \n Best course ever\n \n }\n hideImage\n categories={{\n onCategoryClick: (id) => {\n console.log("Category click id: ", id);\n },\n categoryElements: [\n { id: 1, name: "Programming" },\n { id: 2, name: "Front-end" },\n ],\n }}\n onTagClick={(tagId) => console.log("onTagClick :", { tagId })}\n onImageClick={() => console.log("onImageClick")}\n onButtonClick={(cardId) => console.log("onButtonClick :", { cardId })}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},57504:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"../../atoms/Typography/Text":de(76883),"../../molecules/MarkdownRenderer/MarkdownRenderer":de(93694),"./CartCard.png":de(62518),react:de(77810),"./CartCard.tsx":de(17874)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CartCard$0 = require('./CartCard.tsx');\nconst CartCard = CartCard$0.default || (CartCard$0['CartCard'] || CartCard$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport { Text } from "../../atoms/Typography/Text";\nimport { MarkdownRenderer } from "../../molecules/MarkdownRenderer/MarkdownRenderer";\nimport img1 from "./CartCard.png";\nimport { useState } from "react";\n\nconst ClockIcon = () => {\n return (\n \n \n \n );\n};\n\nconst [loading, setLoading] = useState(false);\n\nconst Subtitle = () => {\n return (\n \n \n \n **8h 12 min** time left\n \n \n );\n};\n\nconst Description = () => {\n return (\n \n Guaranteed 30 days for return\n \n );\n};\n\nconst cartCardProps = {\n title: "37,99 zł",\n subtitle: ,\n onBuyClick: (id) => {\n setLoading(true);\n setTimeout(() => {\n setLoading(false);\n }, 1000);\n console.log("cardId ", id);\n },\n description: ,\n discount: {\n onDiscountClick: (discountValue) => {\n setLoading(true);\n setTimeout(() => {\n setLoading(false);\n }, 1000);\n console.log("Discount input value ", discountValue);\n },\n\n onDeleteDiscountClick: (id) => {\n setLoading(true);\n setTimeout(() => {\n setLoading(false);\n }, 1000);\n console.log("On delete discount hendler, cardId is ", id);\n },\n isDiscountGranted: false,\n },\n loading,\n};\n\nconst cartCardContainerStyle = {\n maxWidth: 300,\n marginBottom: 20,\n};\n\n<>\n \n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n;',settings:{},evalInContext:He}]},48376:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"../../../":de(28156),"react-grid-system":de(23038),"./mock.json":de(69171),"./Categories.tsx":de(55142)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Categories$0 = require('./Categories.tsx');\nconst Categories = Categories$0.default || (Categories$0['Categories'] || Categories$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { useState } from "react";\n\nimport { Text, Dropdown } from "../../../";\nimport { Row, Col } from "react-grid-system";\nimport json from "./mock.json";\n\nconst [selected, setSelected] = useState([4, 5]);\n\n\n \n
\n \n \n {\n setSelected(value);\n console.log("selected", value);\n }}\n />\n \n \n
\n
\n \n Filtry\n \n }\n drawerButtonText={"Pokaż wyniki"}\n handleChange={(value) => {\n setSelected(value);\n console.log("selected", value);\n }}\n handleDrawerButtonClick={() => console.log("click")}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},70604:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../components/atoms/IconText/IconText":de(64103),"react-grid-system":de(23038),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./CategoryCard.tsx":de(67134)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CategoryCard$0 = require('./CategoryCard.tsx');\nconst CategoryCard = CategoryCard$0.default || (CategoryCard$0['CategoryCard'] || CategoryCard$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport IconText from "../../../components/atoms/IconText/IconText";\nimport { Row, Col } from "react-grid-system";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst IconTag = () => {\n return (\n \n \n \n );\n};\n\nconst IconBook = () => {\n return (\n \n \n \n \n );\n};\n\nconst props = {\n icon: ,\n title: "Marketing i sprzedaż",\n subtitle: } text="Marketing i sprzedaż" />,\n buttonText: "Zobacz więcej",\n variant: "gradient",\n onButtonClick: () => {\n console.log("onButtonClick");\n },\n};\n\n\n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n
\n \n \n \n \n \n
\n
\n
;',settings:{},evalInContext:He}]},61532:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),"./Certificate.png":de(22360),"./CertificateExample.png":de(57108),react:de(77810),"./Certificate.tsx":de(19680)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Certificate$0 = require('./Certificate.tsx');\nconst Certificate = Certificate$0.default || (Certificate$0['Certificate'] || Certificate$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport img1 from "./Certificate.png";\nimport img2 from "./CertificateExample.png";\n\nconst CertificateImg = () => {\n return {"certificate"};\n};\n\nconst props = {\n img: {\n src: img2,\n alt: "Certificate",\n },\n title: "Made in EU",\n description:\n "Wyróżnij się na tle innych, dzięki certyfikatowi potwierdzającemu wiedzę uzyskaną na szkoleniu.",\n handleDownload: () => {\n console.log("download");\n },\n handleShare: () => {\n console.log("share");\n },\n};\n\n\n \n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},62860:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./CertificateCard.tsx":de(27736)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CertificateCard$0 = require('./CertificateCard.tsx');\nconst CertificateCard = CertificateCard$0.default || (CertificateCard$0['CertificateCard'] || CertificateCard$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst props = {\n uptitle: "Tytuł kursu",\n title:

Certificate for H5P Admin Kowalskii

,\n dateUptitle: "Uzyskany w dniu",\n date:

2021-06-01

,\n actions: (\n \n ),\n};\n\n\n \n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},1449:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../Typography/Text":de(76883),"../../../styleguide/ThemeTester":de(78684),"../../../utils/utils":de(32135),react:de(77810),"./Checkbox.tsx":de(56461)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Checkbox$0 = require('./Checkbox.tsx');\nconst Checkbox = Checkbox$0.default || (Checkbox$0['Checkbox'] || Checkbox$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport Text from "../Typography/Text";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport { getUniqueId } from "../../../utils/utils";\n\n\n \n \n checked Checkbox without label\n \n \n \n Checkbox without label\n \n \n Checkbox with primitive label\n \n Checkbox with sophisticated label{" "}\n \n dummy label\n \n }\n />\n dummy label} defaultChecked />\n \n;',settings:{},evalInContext:He}]},71776:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),"../../../components/atoms/IconText/IconText":de(64103),"./CheckoutCard.png":de(46158),"./CheckoutCardIllustration.png":de(33436),react:de(77810),"./CheckoutCard.tsx":de(75322)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CheckoutCard$0 = require('./CheckoutCard.tsx');\nconst CheckoutCard = CheckoutCard$0.default || (CheckoutCard$0['CheckoutCard'] || CheckoutCard$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport IconText from "../../../components/atoms/IconText/IconText";\nimport img1 from "./CheckoutCard.png";\nimport img2 from "./CheckoutCardIllustration.png";\n\nconst IconBadge = () => {\n return (\n \n \n \n );\n};\n\nconst IconStar = () => {\n return (\n \n \n \n );\n};\n\nconst IconThumbsUp = () => {\n return (\n \n \n \n );\n};\n\nconst props = {\n image: {\n src: img2,\n alt: "Checkout Card",\n title: "Checkout Card title",\n },\n title: "Księgowość dla początkujących",\n subtitle: "5 lekcji",\n price: "99.99 zł",\n oldPrice: "199.99 zł",\n summmary: [\n } text={"90%"} noMargin />,\n } text={"Gwarancja"} noMargin />,\n } text={"5.0"} noMargin />,\n ],\n handleDelete: () => {\n console.log("clicked");\n },\n};\n\n\n \n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},10276:(ie,le,de)=>{var ce={"date-fns":de(97223),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./index.tsx":de(59640)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Countdown$0 = require('./index.tsx');\nconst Countdown = Countdown$0.default || (Countdown$0['Countdown'] || Countdown$0);",ye);ie.exports=[{type:"code",content:'import { addMinutes } from "date-fns";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst targetDate = addMinutes(new Date(), 2);\n\nconst onCountdownEnd = () => console.log("countdown ended!");\n\n \n;',settings:{},evalInContext:He}]},41142:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide":de(24782),"../../../":de(28156),"./mock.json":de(74648),"../../../styleguide/i18n.ts":de(10424),"../../../utils/course":de(53145),"./CourseAgenda.tsx":de(60388)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CourseAgenda$0 = require('./CourseAgenda.tsx');\nconst CourseAgenda = CourseAgenda$0.default || (CourseAgenda$0['CourseAgenda'] || CourseAgenda$0);",ye);ie.exports=[{type:"code",content:'import { useState, useCallback, useMemo } from "react";\nimport { ThemeTester } from "../../../styleguide";\nimport { Button } from "../../../";\nimport data from "./mock.json";\nimport "../../../styleguide/i18n.ts";\nimport { getFlatTopics } from "../../../utils/course";\n\nconst flatTopics = useMemo(() => getFlatTopics(data.lessons), []);\n\nconst [state, setState] = useState({\n finishedTopicIds: [],\n currentTopicId: flatTopics[0].id,\n});\n\nconst getRandomizedState = (lessons) =>\n lessons.map((l) => ({\n ...l,\n lessons: getRandomizedState(l.lessons ? l.lessons : []),\n topics: l.topics.map((t) => ({\n ...t,\n can_skip: Math.random() > 0.3,\n })),\n }));\n\nconst [stateWithRandomBlockers, setStateWithRandomBlockers] = useState(\n getRandomizedState(data.lessons)\n);\n\nconst randomizeState = () => {\n const randomizedState = getRandomizedState(data.lessons);\n\n setStateWithRandomBlockers(randomizedState);\n setState({\n finishedTopicIds: [],\n currentTopicId: flatTopics[0].id,\n });\n};\n\nconst changeTopicToNext = useCallback(() => {\n const currentTopicIndex = flatTopics.findIndex(\n (t) => t.id === state.currentTopicId\n );\n if (currentTopicIndex === -1) return;\n const nextTopic = flatTopics[currentTopicIndex + 1];\n\n if (!nextTopic) return;\n setState((prevState) => ({\n ...prevState,\n currentTopicId: nextTopic.id,\n }));\n}, [flatTopics, state.currentTopicId]);\n\nconst markTopicFinished = useCallback(\n (topic) =>\n setState((prevState) => {\n const s = new Set([...prevState.finishedTopicIds, topic.id]);\n\n return {\n ...prevState,\n finishedTopicIds: Array.from(s),\n };\n }),\n []\n);\n\nconst changeTopic = useCallback((topic) => {\n setState((prevState) => ({\n ...prevState,\n currentTopicId: topic.id,\n }));\n}, []);\n\n\n \n
\n \n
\n
\n \n
\n
;',settings:{},evalInContext:He}]},30458:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide":de(24782),"../../atoms/Typography/Title":de(46226),"./CourseCard.png":de(85056),"./CourseCard-2.png":de(51509),"./CourseCard-3.png":de(39884),"./CourseCard-4.png":de(72931),"./bgImage1.png":de(60344),"./bgImage2.png":de(51187),"react-grid-system":de(23038),"../../organisms/ResponsiveImage/ResponsiveImage":de(75936),"../../..":de(28156),"@escolalms/sdk/lib/react/components/Image":de(61006),"@escolalms/sdk/lib/react/context":de(59779),react:de(77810),"./CourseCard.tsx":de(29944)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CourseCard$0 = require('./CourseCard.tsx');\nconst CourseCard = CourseCard$0.default || (CourseCard$0['CourseCard'] || CourseCard$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport { ThemeTester } from "../../../styleguide";\nimport { Title } from "../../atoms/Typography/Title";\nimport img1 from "./CourseCard.png";\nimport img2 from "./CourseCard-2.png";\nimport img3 from "./CourseCard-3.png";\nimport img4 from "./CourseCard-4.png";\nimport backgroundImage1 from "./bgImage1.png";\nimport backgroundImage2 from "./bgImage2.png";\nimport { Row, Col } from "react-grid-system";\nimport { ResponsiveImage } from "../../organisms/ResponsiveImage/ResponsiveImage";\nimport {\n Badge,\n BreadCrumbs,\n Link,\n Button,\n IconText,\n IconTitle,\n} from "../../..";\n\nimport Image from "@escolalms/sdk/lib/react/components/Image";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\nconst Icon1 = () => (\n \n \n \n);\n\n\n \n
\n \n \n \n \n \n \n }\n tags={\n \n console.log("onTag click")}>\n Bestseller\n \n New\n \n }\n subtitle={100% online}\n title={\n \n \n Best course ever\n \n \n }\n categories={\n Wellms,\n courses,\n "super course",\n "lesson XXX",\n ]}\n />\n }\n actions={\n \n console.log("onButton Click")}\n >\n Click me\n \n console.log("onButton 2 Click")}>\n Click me as well\n \n \n }\n footer={\n \n } text="666 USers" />{" "}\n } text="666 Lessons" />\n \n }\n />\n \n \n \n console.log("Category click id: ", id),\n categoryElements: [\n { id: 1, name: "Programming" },\n { id: 2, name: "Front-end" },\n ],\n }}\n onTagClick={(tagId) => console.log("onTagClick :", { tagId })}\n onImageClick={() => console.log("onImageClick")}\n onButtonClick={(cardId) =>\n console.log("onButtonClick :", { cardId })\n }\n />\n \n \n
\n
\n \n \n {\n console.log("Category click id: ", id);\n },\n categoryElements: [\n { id: 1, name: "Programming" },\n { id: 2, name: "Front-end" },\n ],\n }}\n onTagClick={(tagId) => console.log("onTagClick :", { tagId })}\n onImageClick={() => console.log("onImageClick")}\n progress={{\n currentProgress: 0.43,\n maxProgress: 1,\n }}\n />\n \n \n console.log("onTagClick :", { tagId })}\n onButtonClick={(cardId) =>\n console.log("onButtonClick :", { cardId })\n }\n onSecondaryButtonClick={() => console.log("onSecondaryButtonClick")}\n secondaryButtonText={"Link to course"}\n buttonText={"Buy now"}\n onImageClick={() => console.log("onImageClick")}\n />\n \n \n {\n console.log("Category click id: ", id);\n },\n categoryElements: [\n { id: 1, name: "Programming" },\n { id: 2, name: "Front-end" },\n ],\n }}\n onTagClick={(tagId) => console.log("onTagClick :", { tagId })}\n onImageClick={() => console.log("onImageClick")}\n progress={{\n currentProgress: 0.43,\n maxProgress: 1,\n }}\n />\n \n \n
\n
\n
;',settings:{},evalInContext:He}]},92612:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide":de(24782),"../../../":de(28156),"./mock.json":de(45550),"../../../styleguide/i18n.ts":de(10424),"./CourseProgram.tsx":de(33472)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CourseProgram$0 = require('./CourseProgram.tsx');\nconst CourseProgram = CourseProgram$0.default || (CourseProgram$0['CourseProgram'] || CourseProgram$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { ThemeTester } from "../../../styleguide";\nimport { Button } from "../../../";\nimport data from "./mock.json";\nimport "../../../styleguide/i18n.ts";\n\n\n \n
\n console.log("onTopicClick topic", topic)}\n />\n
\n
\n console.log("onTopicClick topic", topic)}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},82723:(ie,le,de)=>{var ce={react:de(77810),"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),"../Button/Button":de(19431),"./CourseProgress.tsx":de(45647)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CourseProgress$0 = require('./CourseProgress.tsx');\nconst CourseProgress = CourseProgress$0.default || (CourseProgress$0['CourseProgress'] || CourseProgress$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { GlobalThemeProvider } from "../../../theme/provider";\n\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport Button from "../Button/Button";\n\nconst [progress, setProgress] = useState(0.5);\n\nconst Icon1 = () => (\n \n \n \n);\n\n\n \n } title="Moje postepy">\n \n Ukończono {Math.round(40 * progress)} z 40 lekcji\n \n

Ukoncz kurs aby zdobyc certyfikat

\n
\n
\n \n \n \n
;',settings:{},evalInContext:He}]},38954:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"./CourseTopNav.png":de(86272),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./CourseTopNav.tsx":de(25304)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst CourseTopNav$0 = require('./CourseTopNav.tsx');\nconst CourseTopNav = CourseTopNav$0.default || (CourseTopNav$0['CourseTopNav'] || CourseTopNav$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport img1 from "./CourseTopNav.png";\n\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst onNext = () => console.log("onNext");\nconst onPrev = () => console.log("onPrev");\nconst onFinish = () => console.log("onFinish");\nconst onBookmarkClick = () => console.log("onBookmarkClick");\nconst onCourseFinished = () => console.log("onCourseFinished");\n\n\n \n \n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},49570:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"./DefaultQuestionLayout.tsx":de(68462)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst DefaultQuestionLayout$0 = require('./DefaultQuestionLayout.tsx');\nconst DefaultQuestionLayout = DefaultQuestionLayout$0.default || (DefaultQuestionLayout$0['DefaultQuestionLayout'] || DefaultQuestionLayout$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\n\n\n \n A lot!\n \n;',settings:{},evalInContext:He}]},76706:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Description.tsx":de(85660)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Description$0 = require('./Description.tsx');\nconst Description = Description$0.default || (Description$0['Description'] || Description$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n Finanse\n Finanse\n Finanse\n \n;',settings:{},evalInContext:He}]},19436:(ie,le,de)=>{var ce={"../../../../styleguide":de(24782),react:de(77810),"./Description.tsx":de(70194)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Description$0 = require('./Description.tsx');\nconst Description = Description$0.default || (Description$0['Description'] || Description$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../../styleguide";\nconst question = {\n id: 40,\n type: "description",\n score: 1,\n title: "",\n question: "You can use your pencil and paper for these next math questions.",\n options: [],\n};\n\n console.log(v)} />\n;',settings:{},evalInContext:He}]},81267:(ie,le,de)=>{var ce={"styled-components":de(80413),"./Download":de(17255),"../../../theme":de(94906),"../../atoms/Typography/Title":de(46226),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Download.tsx":de(17255)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Download$0 = require('./Download.tsx');\nconst Download = Download$0.default || (Download$0['Download'] || Download$0);",ye);ie.exports=[{type:"markdown",content:"### Default theme"},{type:"code",content:'import { ThemeProvider } from "styled-components";\nimport Download from "./Download";\nimport themes from "../../../theme";\nimport Title from "../../atoms/Typography/Title";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n Styled Long file name with extension.pdf}\n />\n \n;',settings:{},evalInContext:He}]},84508:(ie,le,de)=>{var ce={"styled-components":de(80413),"../../../theme":de(94906),"../../atoms/Typography/Title":de(46226),"../../../styleguide/ThemeTester":de(78684),"../../atoms/Download/Download":de(17255),react:de(77810),"./Downloads.tsx":de(12868)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Downloads$0 = require('./Downloads.tsx');\nconst Downloads = Downloads$0.default || (Downloads$0['Downloads'] || Downloads$0);",ye);ie.exports=[{type:"markdown",content:"### Default theme"},{type:"code",content:'import { ThemeProvider } from "styled-components";\nimport themes from "../../../theme";\nimport Title from "../../atoms/Typography/Title";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport Download from "../../atoms/Download/Download";\n\n\n \n \n \n;',settings:{},evalInContext:He}]},29578:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Dropdown.tsx":de(20752)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Dropdown$0 = require('./Dropdown.tsx');\nconst Dropdown = Dropdown$0.default || (Dropdown$0['Dropdown'] || Dropdown$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n;',settings:{},evalInContext:He}]},95300:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"react-icons/md":de(32458),"../../../":de(28156),react:de(77810),"./DropdownMenu.tsx":de(55630)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst DropdownMenu$0 = require('./DropdownMenu.tsx');\nconst DropdownMenu = DropdownMenu$0.default || (DropdownMenu$0['DropdownMenu'] || DropdownMenu$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport { MdMoreHoriz, MdEditNote, MdDeleteForever } from "react-icons/md";\nimport { IconText } from "../../../";\n\nconst menuItems = [\n {\n id: 10,\n content: (\n }\n text="Edit"\n onClick={() => console.log("edit")}\n />\n ),\n },\n {\n id: 20,\n content: (\n }\n text="Delete"\n onClick={() => console.log("delete")}\n />\n ),\n },\n];\n\n\n } />\n;',settings:{},evalInContext:He}]},32302:(ie,le,de)=>{var ce={"../../../../styleguide":de(24782),react:de(77810),"./Essay.tsx":de(95638)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Essay$0 = require('./Essay.tsx');\nconst Essay = Essay$0.default || (Essay$0['Essay'] || Essay$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../../styleguide";\nconst question = {\n id: 39,\n type: "essay",\n score: 1,\n title: "",\n question: "Write a short biography of Dag Hammarskjöld.",\n options: [],\n};\n\n\n console.log(v)} />\n;',settings:{},evalInContext:He}]},51364:(ie,le,de)=>{var ce={"date-fns":de(97223),react:de(77810),"../../styleguide":de(24782),"./GiftQuizPlayerContent.tsx":de(56728)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst GiftQuizPlayerContent$0 = require('./GiftQuizPlayerContent.tsx');\nconst GiftQuizPlayerContent = GiftQuizPlayerContent$0.default || (GiftQuizPlayerContent$0['GiftQuizPlayerContent'] || GiftQuizPlayerContent$0);",ye);ie.exports=[{type:"code",content:'import { addMinutes } from "date-fns";\nimport { useState } from "react";\nimport { ThemeTester } from "../../styleguide";\n\nconst [attempt, setAttempt] = useState({\n id: 165,\n user_id: 95,\n topic_gift_quiz_id: 6,\n started_at: "2023-03-29T14:05:48.000000Z",\n end_at: addMinutes(new Date(), 1),\n max_score: 9,\n result_score: 4,\n is_ended: false,\n questions: [\n {\n id: 31,\n type: "multiple_choice",\n score: 1,\n title: "Grants tomb",\n question: "Who is buried in Grant\'s tomb in New York City?",\n options: {\n answers: ["Grant", "No one", "Napoleon", "Churchill", "Mother Teresa"],\n },\n },\n {\n id: 32,\n type: "multiple_choice_with_multiple_right_answers",\n score: 1,\n title: "",\n question: "What two people are entombed in Grant\'s tomb?",\n options: {\n answers: ["No one", "Grant", "Grant\'s wife", "Grant\'s father"],\n },\n },\n {\n id: 33,\n type: "true_false",\n score: 1,\n title: "TrueStatement about Grant",\n question: "Grant was buried in a tomb in New York City.",\n options: [],\n },\n {\n id: 35,\n type: "matching",\n score: 1,\n title: "",\n question:\n "Match the following countries with their corresponding capitals.",\n options: {\n sub_questions: ["Italy", "India", "Japan", "Canada"],\n sub_answers: ["Ottawa", "Rome", "New Delhi", "Tokyo"],\n },\n },\n {\n id: 38,\n type: "numerical_question",\n score: 1,\n title: "",\n question: "When was Ulysses S. Grant born?",\n options: [],\n },\n {\n id: 39,\n type: "essay",\n score: 1,\n title: "",\n question: "Write a short biography of Dag Hammarskjöld.",\n options: [],\n },\n {\n id: 40,\n type: "description",\n score: 1,\n title: "",\n question:\n "You can use your pencil and paper for these next math questions.",\n options: [],\n },\n {\n id: 41,\n type: "multiple_choice",\n score: 1,\n title: "",\n question:\n "Mahatma Gandhi\'s birthday is an Indian holiday on _____ of October.",\n options: {\n answers: ["15th", "3rd", "2nd"],\n },\n },\n {\n id: 42,\n type: "short_answers",\n score: 1,\n title: "",\n question: "Who\'s buried in Grant\'s tomb?",\n options: [],\n },\n ],\n answers: [],\n});\n\nconst startQuiz = () =>\n setAttempt((prev) => ({\n ...prev,\n is_ended: false,\n end_at: addMinutes(new Date(), 1).toString(),\n started_at: new Date().toString(),\n }));\n\nconst endQuiz = () => setAttempt((prev) => ({ ...prev, is_ended: true }));\n\n console.log({ questionId, answer })}\n />\n;',settings:{},evalInContext:He}]},7804:(ie,le,de)=>{var ce={"../../styleguide":de(24782),react:de(77810),"./GiftQuizScore.tsx":de(64232)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst GiftQuizScore$0 = require('./GiftQuizScore.tsx');\nconst GiftQuizScore = GiftQuizScore$0.default || (GiftQuizScore$0['GiftQuizScore'] || GiftQuizScore$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../styleguide";\n\n\n
\n \n
\n
;',settings:{},evalInContext:He}]},48347:(ie,le,de)=>{var ce={react:de(77810),"../../../theme/provider":de(81559),"@escolalms/sdk/lib/react/context":de(59779),"@escolalms/sdk/lib/services/h5p":de(2561),"../../../styleguide/ThemeTester":de(78684),"../../..":de(28156),"./H5Player.tsx":de(96367)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst H5Player$0 = require('./H5Player.tsx');\nconst H5Player = H5Player$0.default || (H5Player$0['H5Player'] || H5Player$0);",ye);ie.exports=[{type:"code",content:'import { useState, useEffect } from "react";\nimport { GlobalThemeProvider } from "../../../theme/provider";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport { getH5p } from "@escolalms/sdk/lib/services/h5p";\n\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport { Title } from "../../..";\n\nconst ids = [\n {\n name: "Accordion",\n id: 1,\n uuid: "96eea0b3-fdc4-4f9c-b227-357c8687c65a",\n },\n {\n name: "Essey",\n id: 74,\n uuid: "96eea477-9e60-46f5-b4ef-28baaede0cef",\n },\n {\n name: "Dialog Cards",\n id: 8,\n uuid: "96eea0b4-1095-4ab2-9af8-a85be47dd579",\n },\n {\n name: "Crossword",\n id: 7,\n uuid: "96eea0b4-0f23-48b8-8159-4c5c1de741f1",\n },\n {\n name: "Image Juxtaposition",\n id: 86,\n uuid: "96eea476-e790-4162-918e-2050cc497e98",\n },\n {\n name: "Guess the Answer",\n id: 221,\n uuid: "96eea477-bccc-45f9-869a-21b518158279",\n },\n {\n name: "Questionnaire",\n id: 123,\n uuid: "96eea477-d11b-4985-bca9-088ba2070dc8",\n },\n {\n name: "True/false",\n id: 30,\n uuid: "96eea477-8d22-4d55-867d-a9c213af4aff",\n },\n {\n name: "Multiple choice",\n id: 32,\n uuid: "96eea477-e318-4308-af1b-c64a28b5deee",\n },\n {\n name: "Single choice",\n id: 31,\n uuid: "96eea476-f1ff-4960-9190-e1dee65a5b33",\n },\n {\n name: "Agamotto",\n id: 28,\n uuid: "96eea477-933e-4ba8-a379-5f66d8231e26",\n },\n {\n name: "Image Hotspots",\n id: 223,\n uuid: "96eea477-b80d-497a-b5d7-38c19d32d2ce",\n },\n {\n name: "Image Slider",\n id: 224,\n uuid: "96eea477-dea1-4ea5-ab18-442758052015",\n },\n {\n name: "Collage",\n id: 6,\n uuid: "96eea0b4-0d60-4772-83e3-c633807f37b9",\n },\n {\n name: "Memory Game",\n id: 335,\n uuid: "96eea477-1ad4-4d18-a5de-a649a2518468",\n },\n {\n name: "Find the hotspot",\n id: 910,\n uuid: "96eea476-86bf-4422-b4da-71a9c7c7c94e",\n },\n {\n name: "Drag the words",\n id: 906,\n uuid: "96eea477-8868-4ed0-9822-432f0a241c71",\n },\n];\n\nconst [uuid, setUuid] = useState(ids[0].uuid);\n\nconst [fetchInComponent, setFetchInComponent] = useState(true);\n\nconst [playerProps, setPlayerProps] = useState();\n\nuseEffect(() => {\n if (fetchInComponent) {\n setPlayerProps({\n uuid: uuid,\n loading: false,\n });\n } else {\n setPlayerProps({\n loading: true,\n });\n getH5p("https://api-stage.escolalms.com/", uuid).then((data) => {\n setPlayerProps({\n state: data.data,\n loading: false,\n });\n });\n }\n}, [uuid, fetchInComponent]);\n\n\n \n
\n \n \n
\n \n
\n {ids.find((idd) => idd.uuid === uuid).name}\n console.log("onXAPI ", e)}\n onTopicEnd={() => console.log("H5P progress")}\n hideActionButtons\n {...playerProps}\n />\n
\n
\n
\n
;',settings:{},evalInContext:He}]},78533:(ie,le,de)=>{var ce={react:de(77810),"../Typography/Text":de(76883),"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),"./_components/IconsDictionary":de(47072),"./Icon.tsx":de(9577)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Icon$0 = require('./Icon.tsx');\nconst Icon = Icon$0.default || (Icon$0['Icon'] || Icon$0);",ye);ie.exports=[{type:"code",content:'import { useState, useCallback } from "react";\nimport { Text } from "../Typography/Text";\nimport { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport { ICONS_DICTIONARY } from "./_components/IconsDictionary";\n\nconst [hovered, setHovered] = useState("");\nconst [saved, setSaved] = useState("");\n\nconst copyToClipboard = useCallback((text) => {\n navigator.clipboard.writeText(text);\n setSaved(text);\n}, []);\n\nconst icons = Object.keys(ICONS_DICTIONARY);\n\n\n "{hovered}" was last hovered.\n {saved ? (\n \n \n {`"${saved}" was saved in your clipboard.`}\n

\n ) : (\n \n Click on icon to copy name.\n \n )}\n
\n {icons.map((name) => (\n copyToClipboard(name)}\n >\n setHovered(name)} name={name} />\n \n ))}\n
\n
;',settings:{},evalInContext:He}]},94267:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./IconText.tsx":de(64103)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst IconText$0 = require('./IconText.tsx');\nconst IconText = IconText$0.default || (IconText$0['IconText'] || IconText$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst Icon1 = () => (\n \n \n \n);\n\n\n \n } text={"My example text"} />\n } text={"My example text"} />\n \n;',settings:{},evalInContext:He}]},90707:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./IconTitle.tsx":de(40581)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst IconTitle$0 = require('./IconTitle.tsx');\nconst IconTitle = IconTitle$0.default || (IconTitle$0['IconTitle'] || IconTitle$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst Icon1 = () => (\n \n \n \n);\n\n\n \n }\n />\n }\n />\n }\n />\n }\n />\n \n;',settings:{},evalInContext:He}]},24616:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"../../../":de(28156),"./../CourseCard/CourseCard-2.png":de(51509),"./../CourseCard/CourseCard-3.png":de(39884),"./../CourseCard/CourseCard-4.png":de(72931),"./../CourseCard/bgImage1.png":de(60344),"./../CourseCard/bgImage2.png":de(51187),"./ImageBubble.png":de(28832),react:de(77810),"./ImageBubble.tsx":de(25336)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ImageBubble$0 = require('./ImageBubble.tsx');\nconst ImageBubble = ImageBubble$0.default || (ImageBubble$0['ImageBubble'] || ImageBubble$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { Badge, CourseCard } from "../../../";\n\nimport img2 from "./../CourseCard/CourseCard-2.png";\nimport img3 from "./../CourseCard/CourseCard-3.png";\nimport img4 from "./../CourseCard/CourseCard-4.png";\nimport backgroundImage1 from "./../CourseCard/bgImage1.png";\nimport backgroundImage2 from "./../CourseCard/bgImage2.png";\n\nimport img1 from "./ImageBubble.png";\n\n\n \n
\n \n Bestseller\n
\n }\n >\n console.log("Category click id: ", id),\n categoryElements: [\n { id: 1, name: "Programming" },\n { id: 2, name: "Front-end" },\n ],\n }}\n onTagClick={(tagId) => console.log("onTagClick :", { tagId })}\n onImageClick={() => console.log("onImageClick")}\n onButtonClick={(cardId) => console.log("onButtonClick :", { cardId })}\n />\n \n \n
\n
;',settings:{},evalInContext:He}]},18913:(ie,le,de)=>{var ce={"@escolalms/sdk/lib/react/context":de(59779),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./ImagePlayer.tsx":de(23241)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ImagePlayer$0 = require('./ImagePlayer.tsx');\nconst ImagePlayer = ImagePlayer$0.default || (ImagePlayer$0['ImagePlayer'] || ImagePlayer$0);",ye);ie.exports=[{type:"code",content:'import { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst mock = {\n id: 737,\n title: "awdwad",\n lesson_id: 22,\n active: true,\n preview: false,\n topicable_id: 109,\n topicable_type: "EscolaLms\\\\TopicTypes\\\\Models\\\\TopicContent\\\\Image",\n topicable: {\n id: 109,\n value:\n "course/7/topic/737/image/I43KisiNXzAoZNyx7q9ddfHcdVXaC6fYTfrElUW9.jpg",\n width: 512,\n height: 512,\n created_at: "2022-05-30T09:47:14.000000Z",\n updated_at: "2022-05-30T09:47:14.000000Z",\n },\n summary: null,\n introduction: null,\n description: null,\n resources: [],\n order: 19,\n json: null,\n can_skip: false,\n};\n\n\n \n \n console.log("load")} />\n \n \n;',settings:{},evalInContext:He}]},95605:(ie,le,de)=>{var ce={react:de(77810),"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),"./Input.tsx":de(14561)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Input$0 = require('./Input.tsx');\nconst Input = Input$0.default || (Input$0['Input'] || Input$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst [text, setText] = useState("lorem ipsum");\n\nconst [texts, setTexts] = useState({\n input1: "",\n input2: "Filled",\n input3: "Error",\n input4: "Text",\n});\n\n\n \n
\n \n setTexts({\n ...texts,\n input1: e.target.value,\n })\n }\n />\n
\n
\n \n setTexts({\n ...texts,\n input2: e.target.value,\n })\n }\n />\n
\n
\n \n setTexts({\n ...texts,\n input3: e.target.value,\n })\n }\n error={"This is error"}\n />\n
\n
\n \n setTexts({\n ...texts,\n input4: e.target.value,\n })\n }\n helper={Text helper}\n />\n
\n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},53389:(ie,le,de)=>{var ce={"./Interval.png":de(25453),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Interval.tsx":de(44657)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Interval$0 = require('./Interval.tsx');\nconst Interval = Interval$0.default || (Interval$0['Interval'] || Interval$0);",ye);ie.exports=[{type:"code",content:'import img1 from "./Interval.png";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n \n \n \n \n \n;',settings:{},evalInContext:He}]},74688:(ie,le,de)=>{var ce={"react-grid-system":de(23038),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./LabelListItem.tsx":de(94640)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst LabelListItem$0 = require('./LabelListItem.tsx');\nconst LabelListItem = LabelListItem$0.default || (LabelListItem$0['LabelListItem'] || LabelListItem$0);",ye);ie.exports=[{type:"code",content:'import { Row, Col } from "react-grid-system";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst Icon1 = () => (\n \n \n \n);\n\nconst Icon2 = () => (\n \n \n \n);\n\nconst Icon3 = () => (\n \n \n \n);\n\n\n \n
\n \n \n \n Finanse\n \n \n \n \n Średni\n \n \n \n \n 22 marca 2022\n \n \n \n \n 120 godzin\n \n \n \n \n \n }>\n Poleca szkolenia Jana Kaminskiego\n \n \n \n }>\n zadowolenia lub zwrot pieniędzy*\n \n \n \n }>\n Średnia ocena szkoleń Jana Kamińskiego\n \n \n \n
\n
\n \n \n \n Finanse\n \n \n \n \n Średni\n \n \n \n \n 22 marca 2022\n \n \n \n \n 120 godzin\n \n \n \n \n \n } mobile={true}>\n Poleca szkolenia Jana Kaminskiego\n \n \n \n } mobile={true}>\n zadowolenia lub zwrot pieniędzy*\n \n \n \n } mobile={true}>\n Średnia ocena szkoleń Jana Kamińskiego\n \n \n \n
\n
\n
;',settings:{},evalInContext:He}]},63186:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"./VideoPlayerPoster.png":de(3203),react:de(77810),"./index.tsx":de(48310)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst LessonEndscreen$0 = require('./index.tsx');\nconst LessonEndscreen = LessonEndscreen$0.default || (LessonEndscreen$0['LessonEndscreen'] || LessonEndscreen$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport img2 from "./VideoPlayerPoster.png";\n\n\n \n \n console.log("Cancel countdowning")}\n onCountdown={() => console.log("Countdown finish")}\n onNextButtonClick={() => console.log("Go to next lesson")}\n />\n \n \n;',settings:{},evalInContext:He}]},30075:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Link.tsx":de(75479)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Link$0 = require('./Link.tsx');\nconst Link = Link$0.default || (Link$0['Link'] || Link$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\n\n<>\n \n \n Onet\n \n \n Onet\n \n console.log(e)}>\n Onet\n \n \n;',settings:{},evalInContext:He}]},69280:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide/ThemeTester":de(78684),"react-icons/bi":de(45498),"./List.tsx":de(43374)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst List$0 = require('./List.tsx');\nconst List = List$0.default || (List$0['List'] || List$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport { BiListCheck, BiListMinus, BiListPlus, BiListUl } from "react-icons/bi";\n\nconst [selectedListItem, setSelectedListItem] = useState(0);\n\nconst listItems = [\n {\n id: 0,\n icon: ,\n text: "All tasks",\n numberOfItems: 10,\n },\n {\n id: 1,\n icon: ,\n text: "Today tasks",\n numberOfItems: 6,\n },\n {\n id: 2,\n icon: ,\n text: "Upcoming tasks",\n numberOfItems: 2,\n },\n {\n id: 3,\n icon: ,\n text: "Overdue tasks",\n numberOfItems: 2,\n },\n];\n\n\n \n;',settings:{},evalInContext:He}]},80728:(ie,le,de)=>{var ce={"./LoginForm.png":de(39192),"../../../styleguide":de(24782),"@escolalms/sdk/lib/react/context":de(59779),"../../../":de(28156),react:de(77810),"./LoginForm.tsx":de(37848)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst LoginForm$0 = require('./LoginForm.tsx');\nconst LoginForm = LoginForm$0.default || (LoginForm$0['LoginForm'] || LoginForm$0);",ye);ie.exports=[{type:"code",content:'import img1 from "./LoginForm.png";\nimport { ThemeTester } from "../../../styleguide";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\nimport { Text } from "../../../";\n\n\n \n \n console.log("onSuccess")}\n onError={(err) => console.log("onError", err.data)}\n onResetPasswordLink={() => console.log("onResetPasswordLink")}\n onRegisterLink={() => console.log("onRegisterLink")}\n />\n Mobile version\n
\n \n
\n
\n
\n
;',settings:{},evalInContext:He}]},78573:(ie,le,de)=>{var ce={"./logo-placeholder.png":de(34909),"./logo-placeholder2.png":de(85403),"../Typography/Text":de(76883),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Logo.tsx":de(16569)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Logo$0 = require('./Logo.tsx');\nconst Logo = Logo$0.default || (Logo$0['Logo'] || Logo$0);",ye);ie.exports=[{type:"code",content:'import logo1 from "./logo-placeholder.png";\nimport logo2 from "./logo-placeholder2.png";\nimport Text from "../Typography/Text";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n
\n Default logo\n
\n \n \n
\n
\n
\n Small logo\n
\n \n \n
\n
\n
\n
;',settings:{},evalInContext:He}]},29195:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"./MarkdownPlayer.tsx":de(4015)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst MarkdownPlayer$0 = require('./MarkdownPlayer.tsx');\nconst MarkdownPlayer = MarkdownPlayer$0.default || (MarkdownPlayer$0['MarkdownPlayer'] || MarkdownPlayer$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\n\nconst markdown = `### Czego się dowiesz i nauczysz?\n\n* Kurs umożliwia nabycie solidnych podstaw z zakresu rachunkowości zarówno pod względem teoretycznym jak i praktycznym\n* Kurs podstawy księgowości przygotowuje słuchacza do pracy w działach księgowości * Kurs przygotowuje do zawodu księgowy, który został ujęty w klasyfikacji zawodów (kod zawodu 331301)\n\n#### Do kogo skierowane jest szkolenie?\n\n* Dla pracowników działu księgowości\n* Dla osób które swoją karierę zawodową chcą związać z pracą w księgowości\n* Dla osób pracujących w działach IT wdrażających systemy księgowe`;\n\n\n \n console.log("MarkdownPlayer onLoad")}\n />\n {markdown}\n \n;',settings:{},evalInContext:He}]},11732:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"./MarkdownRenderer.tsx":de(93694)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst MarkdownRenderer$0 = require('./MarkdownRenderer.tsx');\nconst MarkdownRenderer = MarkdownRenderer$0.default || (MarkdownRenderer$0['MarkdownRenderer'] || MarkdownRenderer$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\n\nconst markdown = {\n text: `### Czego się dowiesz i nauczysz?\n\n* Kurs umożliwia nabycie solidnych podstaw z zakresu rachunkowości zarówno pod względem teoretycznym jak i praktycznym\n* Kurs podstawy księgowości przygotowuje słuchacza do pracy w działach księgowości * Kurs przygotowuje do zawodu księgowy, który został ujęty w klasyfikacji zawodów (kod zawodu 331301)\n\n### Mark\n\n==Sed pretium turpis sapien, eu imperdiet purus fermentum eu. Nunc erat lectus, viverra ac nibh nec==\n\n### Code\n\nUt ut lectus quis urna porttitor lacinia. Vestibulum ac aliquam mi. Vestibulum suscipit tincidunt risus eu viverra. Mauris commodo euismod nisl, at dapibus elit tempor quis.\n\n### Blockquote\n\n> Suspendisse non ex eget lacus aliquam hendrerit id sed mauris. Pellentesque eget purus sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.\n\n### Tasklist\n\n* [ ] Sed ullamcorper, odio id cursus imperdiet, diam velit iaculis magna, non placerat dui odio et nisl. Morbi eget gravida enim. Cras luctus eleifend porttitor. Donec nec lacus eu risus malesuada venenatis. Duis placerat posuere quam at placerat. Integer interdum enim ac sem imperdiet sodales.\n* [x] Sed ullamcorper, odio id cursus imperdiet, diam velit iaculis magna, non placerat dui odio et nisl. Morbi eget gravida enim. Cras luctus eleifend porttitor. Donec nec lacus eu risus malesuada venenatis. Duis placerat posuere quam at placerat. Integer interdum enim ac sem imperdiet sodales.\n\n### Ordered List\n\n1. Item 1\n2. Item 2\n3. Item 3\n\n### Unordered List\n\n- Item 1\n- Item 2\n- Item 3\n\n### Image\n\n![](https://placekitten.com/g/600/600 \\"left-50\\")\\r\\n\\r\\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam libero mauris, laoreet vel elit nec, maximus commodo nulla. Curabitur blandit nisl id enim congue, bibendum molestie est fringilla. Curabitur vehicula tortor sed eros posuere eleifend. Sed id enim a dui dictum bibendum eu in diam. Praesent vulputate semper lorem, vel vestibulum leo aliquam a. Integer fermentum massa sit amet sem vestibulum, efficitur suscipit lacus tempor. Curabitur eu dignissim elit.\\r\\n\\r\\nSed pretium turpis sapien, eu imperdiet purus fermentum eu. Nunc erat lectus, viverra ac nibh nec, dignissim consequat neque. Cras lacinia sodales augue tempus rutrum. Praesent nec metus venenatis, tincidunt nunc eleifend, molestie turpis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque imperdiet elit et risus viverra imperdiet. Nunc ut iaculis augue. Praesent dapibus vehicula metus at maximus.\\r\\n\\r\\n ![](https://placekitten.com/g/600/600 \\"right-50\\")\\r\\n\\r\\nUt ut lectus quis urna porttitor lacinia. Vestibulum ac aliquam mi. Vestibulum suscipit tincidunt risus eu viverra. Mauris commodo euismod nisl, at dapibus elit tempor quis. Phasellus sit amet cursus lacus, hendrerit tempus augue. Suspendisse a libero risus. Nam hendrerit metus nisi, laoreet sagittis leo ullamcorper non. Etiam eget nibh convallis, finibus tellus ac, porttitor lacus. Ut at augue et magna pretium aliquet quis in leo. Donec malesuada lectus nibh, vel consequat purus cursus eu. Nunc nec scelerisque metus, vitae varius nibh. Nullam imperdiet tellus et interdum iaculis. Proin tristique quam faucibus dolor tincidunt, in fringilla mauris facilisis.\\r\\n\\r\\n ![](https://placekitten.com/g/600/600)\\r\\n\\r\\nSuspendisse non ex eget lacus aliquam hendrerit id sed mauris. Pellentesque eget purus sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer laoreet elementum lacus, gravida iaculis dolor dictum non. Praesent id sapien sed libero vulputate tempus. Vestibulum faucibus ante vel arcu blandit euismod. Integer auctor sem eget scelerisque commodo. Duis tempor, lectus et viverra condimentum, ante tellus maximus quam, eu suscipit risus tortor a dui. In fermentum metus sed mi eleifend sagittis.\\r\\n\\r\\n\\\\\\r\\n\\\\\\r\\n\n\n# Header 1\n\nAlternative Header 1\n================\n\n## Header 2\n\n### Header 3\n\n#### Header 4\n\n##### Header 5\n\n#### Do kogo skierowane jest szkolenie?\n\n* Dla pracowników działu księgowości\n* Dla osób które swoją karierę zawodową chcą związać z pracą w księgowości\n* Dla osób pracujących w działach IT wdrażających systemy księgowe`,\n table: `\n| First Header | Second Header |\n| ------------- | ------------- |\n| Content Cell | Content Cell |\n| Content Cell | Content Cell |`,\n image: `![alt text](https://placekitten.com/g/600/600)`,\n link: `My favorite search engine is [Duck Duck Go](https://duckduckgo.com "The best search engine for privacy").`,\n mathInline: "$c = \\\\pm\\\\sqrt{a^2 + b^2}$",\n mathBlock: `Lift($L$) can be determined by Lift Coefficient ($C_L$) like the following\nequation.\n\n$$\nL = \\\\frac{1}{2} \\\\rho v^2 S C_L\n$$`,\n mathMatrix: `$$\nM = \n\\\\begin{bmatrix}\n\\\\frac{5}{6} & \\\\frac{1}{6} & 0 \\\\\\\\\\[0.3em]\n\\\\frac{5}{6} & 0 & \\\\frac{1}{6} \\\\\\\\\\[0.3em]\n0 & \\\\frac{5}{6} & \\\\frac{1}{6}\n\\\\end{bmatrix}\n$$`,\n};\n\n\n {Object.entries(markdown).map(([key, markdownContent]) => (\n {markdownContent}\n ))}\n;',settings:{},evalInContext:He}]},60408:(ie,le,de)=>{var ce={"../../../../styleguide":de(24782),react:de(77810),"./Matching.tsx":de(40566)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Matching$0 = require('./Matching.tsx');\nconst Matching = Matching$0.default || (Matching$0['Matching'] || Matching$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../../styleguide";\nimport { useState } from "react";\n\nconst question = {\n id: 35,\n type: "matching",\n score: 1,\n title: "",\n question: "Match the following countries with their corresponding capitals.",\n options: {\n sub_questions: ["Italy", "India", "Japan", "Canada"],\n sub_answers: ["Ottawa", "Rome", "New Delhi", "Tokyo"],\n },\n};\n\nconst [values, setValues] = useState({});\n\n\n
\n console.log(v)} values={values} />\n
\n
;',settings:{},evalInContext:He}]},81183:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide":de(24782),"../../..":de(28156),"./Modal.tsx":de(3197)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Modal$0 = require('./Modal.tsx');\nconst Modal = Modal$0.default || (Modal$0['Modal'] || Modal$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { ThemeTester } from "../../../styleguide";\nimport { Button, Title, Text } from "../../..";\n\nconst ModalWrapper = () => {\n const [visible, setVisible] = useState(false);\n return (\n \n setVisible((prevVisible) => !prevVisible)}\n mode="secondary"\n >\n launch modal\n \n setVisible(false)}\n visible={visible}\n animation="zoom"\n maskAnimation="fade"\n destroyOnClose={true}\n width={800}\n >\n \n Modal title\n \n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias\n aliquid autem ea earum id minima necessitatibus nulla perferendis\n porro, rem, vitae voluptates. Dolor doloremque eum ipsum iusto modi\n recusandae velit?\n \n \n \n );\n};\n\n\n \n \n \n;',settings:{},evalInContext:He}]},7764:(ie,le,de)=>{var ce={react:de(77810),"@escolalms/sdk/lib/react/context":de(59779),"../../../styleguide":de(24782),"../../../utils/components/authbtn":de(51958),"../../..":de(28156),"./index.tsx":de(13830)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ModalCourseAccess$0 = require('./index.tsx');\nconst ModalCourseAccess = ModalCourseAccess$0.default || (ModalCourseAccess$0['ModalCourseAccess'] || ModalCourseAccess$0);",ye);ie.exports=[{type:"code",content:'import { useState, useContext } from "react";\nimport {\n EscolaLMSContextProvider,\n EscolaLMSContext,\n} from "@escolalms/sdk/lib/react/context";\nimport { ThemeTester } from "../../../styleguide";\nimport Authbtn from "../../../utils/components/authbtn";\nimport { Button, Title, Text, Modal } from "../../..";\n\nconst InnerContent = () => {\n const { token } = useContext(EscolaLMSContext);\n\n const [visible, setVisible] = useState(false);\n const closeModal = () => setVisible(false);\n\n if (!token) {\n return ;\n }\n\n return (\n <>\n setVisible((prevVisible) => !prevVisible)}\n mode="secondary"\n >\n Open modal\n \n \n \n \n \n );\n};\n\n\n \n \n \n;',settings:{},evalInContext:He}]},7760:(ie,le,de)=>{var ce={react:de(77810),"../../../../styleguide":de(24782),"./MultipleChoice.tsx":de(11382)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst MultipleChoice$0 = require('./MultipleChoice.tsx');\nconst MultipleChoice = MultipleChoice$0.default || (MultipleChoice$0['MultipleChoice'] || MultipleChoice$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { ThemeTester } from "../../../../styleguide";\n\nconst question = {\n id: 31,\n type: "multiple_choice",\n score: 1,\n title: "Grants tomb",\n question: "Who is buried in Grant\'s tomb in New York City?",\n options: {\n answers: ["Grant", "No one", "Napoleon", "Churchill", "Mother Teresa"],\n },\n};\n\nconst [value, setValue] = useState("");\n\n setValue(e.target.value)}\n value={value}\n />\n;',settings:{},evalInContext:He}]},99058:(ie,le,de)=>{var ce={react:de(77810),"../../../../styleguide":de(24782),"./MultipleChoiceWithMultipleRightAnswers.tsx":de(52267)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst MultipleChoiceWithMultipleRightAnswers$0 = require('./MultipleChoiceWithMultipleRightAnswers.tsx');\nconst MultipleChoiceWithMultipleRightAnswers = MultipleChoiceWithMultipleRightAnswers$0.default || (MultipleChoiceWithMultipleRightAnswers$0['MultipleChoiceWithMultipleRightAnswers'] || MultipleChoiceWithMultipleRightAnswers$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { ThemeTester } from "../../../../styleguide";\n\nconst question = {\n id: 32,\n type: "multiple_choice_with_multiple_right_answers",\n score: 1,\n title: "",\n question: "What two people are entombed in Grant\'s tomb?",\n options: {\n answers: ["No one", "Grant", "Grant\'s wife", "Grant\'s father"],\n },\n};\n\nconst [values, setValues] = useState(\n question.options.answers.reduce((acc, val) => ({ ...acc, [val]: false }), {})\n);\n\nconst onChange = (e) => {\n setValues((prev) => ({ ...prev, [e.target.value]: e.target.checked }));\n};\n\n \n;',settings:{},evalInContext:He}]},73388:(ie,le,de)=>{var ce={"./MyProfile.png":de(7266),"../../../styleguide":de(24782),"@escolalms/sdk/lib/react/context":de(59779),"../../../":de(28156),"../../../utils/components/authbtn":de(51958),react:de(77810),"./MyProfileForm.tsx":de(69856)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst MyProfileForm$0 = require('./MyProfileForm.tsx');\nconst MyProfileForm = MyProfileForm$0.default || (MyProfileForm$0['MyProfileForm'] || MyProfileForm$0);",ye);ie.exports=[{type:"code",content:'import img1 from "./MyProfile.png";\nimport { ThemeTester } from "../../../styleguide";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport { Text } from "../../../";\nimport Authbtn from "../../../utils/components/authbtn";\n\n\n \n \n \n console.log("onSuccess")}\n onError={(err) => console.log("onError", err.data)}\n onLoginLink={() => console.log("onLoginLink")}\n return_url="?action=_after_click_from_email"\n />\n\n Mobile version\n
\n \n
\n \n
\n
;',settings:{},evalInContext:He}]},62020:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide":de(24782),"./Navigation.png":de(61010),"./logo-placeholder.png":de(39781),react:de(77810),"../../../":de(28156),"./Navigation.tsx":de(59574)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Navigation$0 = require('./Navigation.tsx');\nconst Navigation = Navigation$0.default || (Navigation$0['Navigation'] || Navigation$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport { ThemeTester } from "../../../styleguide";\nimport img1 from "./Navigation.png";\nimport logoImage from "./logo-placeholder.png";\nimport { useState } from "react";\nimport { Text, Search, Button } from "../../../";\n\nconst [loading, setLoading] = useState(false);\n\nconst onSearch = (value) => {\n console.log(`Search: ${value}`);\n setLoading(true);\n\n setTimeout(() => {\n setLoading(false);\n }, 1500);\n};\n\nconst onSubmit = (value) => {\n console.log(`Submit ${value}`);\n};\n\nconst onChange = (value) => {\n console.log(`Change: ${value}`);\n};\n\nconst menuItems = [\n {\n title: (\n \n \n menu-1\n \n \n ),\n key: "menu-1",\n },\n {\n title: (\n \n \n menu-2\n \n \n ),\n key: "menu-2",\n },\n {\n title: (\n \n menu-3\n \n ),\n key: "menu-3",\n children: [\n {\n title: (\n \n submenu-1\n \n ),\n key: "submenu-1",\n children: [\n {\n title: (\n \n \n submenu-1\n \n \n ),\n key: "subsubmenu-1",\n },\n ],\n },\n ],\n },\n {\n title: (\n \n ),\n key: "block-button",\n },\n];\n\n\n
\n onSubmit(e)}\n onChange={(e) => onChange(e)}\n onSearch={(e) => onSearch(e)}\n placeholder="Select a course"\n loading={loading}\n >\n football\n voleyball\n basketball\n \n }\n />\n
\n
;',settings:{},evalInContext:He}]},90035:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Note.tsx":de(46175)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Note$0 = require('./Note.tsx');\nconst Note = Note$0.default || (Note$0['Note'] || Note$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n \n \n;',settings:{},evalInContext:He}]},11519:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"../../../":de(28156),react:de(77810),"./NoteAction.tsx":de(19731)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst NoteAction$0 = require('./NoteAction.tsx');\nconst NoteAction = NoteAction$0.default || (NoteAction$0['NoteAction'] || NoteAction$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { Link, Title, Text } from "../../../";\nconst DownloadIcon = () => (\n \n \n \n);\n\nconst Download2Icon = () => (\n \n \n \n);\n\n\n \n "Note without color"}\n subtitle={"luty 2018"}\n actions={\n \n \n (.pdf)\n {" "}\n \n \n \n \n }\n />\n "Note with color"}\n actions={"action"}\n color={"red"}\n />\n "luty 2018"}\n title={\n \n "Note with color and long text t is a long established fact that a\n reader will be distracted by the readable content of a page when\n looking at its layout. The point of using Lorem Ipsum is that it has a\n more-or-less normal distribution of letters, as opposed to using\n \'Content here, content here\', making it look like readable English."\n \n }\n actions={"15:20"}\n color={"#09c3bc"}\n />\n \n;',settings:{},evalInContext:He}]},93614:(ie,le,de)=>{var ce={"./NoteEditor.png":de(68620),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./NoteEditor.tsx":de(85732)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst NoteEditor$0 = require('./NoteEditor.tsx');\nconst NoteEditor = NoteEditor$0.default || (NoteEditor$0['NoteEditor'] || NoteEditor$0);",ye);ie.exports=[{type:"code",content:'import img1 from "./NoteEditor.png";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n<>\n \n console.log("Success")}\n onError={() => console.log("Error")}\n />\n \n;',settings:{},evalInContext:He}]},57308:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"./Notes.png":de(44012),"../../atoms/Typography/Title":de(46226),react:de(77810),"./Notes.tsx":de(476)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Notes$0 = require('./Notes.tsx');\nconst Notes = Notes$0.default || (Notes$0['Notes'] || Notes$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport img1 from "./Notes.png";\nimport { Title } from "../../atoms/Typography/Title";\nconst noteGroups = [\n {\n title: "lesson 1",\n notes: [\n {\n description: "Simple node",\n time: "15:10",\n color: "red",\n },\n {\n description: "Note without color",\n time: "14:00",\n },\n {\n description: "Note with color",\n time: "15:10",\n },\n ],\n },\n {\n title: "lesson 2",\n notes: [\n {\n description: "Front-end lesson",\n time: "12:00",\n color: "blue",\n },\n {\n description: "Back-end lesson",\n time: "18:00",\n },\n ],\n },\n];\n\n\n Desktop View\n console.log("On add node click")}\n />\n
\n
\n Mobile View\n console.log("On add node click")}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},75474:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"./Notification.png":de(40704),"./Notification":de(54072),react:de(77810),"./Notification.tsx":de(54072)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Notification$0 = require('./Notification.tsx');\nconst Notification = Notification$0.default || (Notification$0['Notification'] || Notification$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport img from "./Notification.png";\nimport Notification from "./Notification";\n\n\n \n console.log("click")}\n maxLengthDesc={60}\n />\n \n;',settings:{},evalInContext:He}]},89730:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"./Notifications":de(83596),react:de(77810),"./Notifications.tsx":de(83596)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Notifications$0 = require('./Notifications.tsx');\nconst Notifications = Notifications$0.default || (Notifications$0['Notifications'] || Notifications$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport Notifications from "./Notifications";\n\n\n \n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},11200:(ie,le,de)=>{var ce={"../../../../styleguide":de(24782),react:de(77810),"./NumericalQuestion.tsx":de(4742)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst NumericalQuestion$0 = require('./NumericalQuestion.tsx');\nconst NumericalQuestion = NumericalQuestion$0.default || (NumericalQuestion$0['NumericalQuestion'] || NumericalQuestion$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../../styleguide";\nconst question = {\n id: 38,\n type: "numerical_question",\n score: 1,\n title: "",\n question: "When was Ulysses S. Grant born?",\n options: [],\n};\n\n \n;',settings:{},evalInContext:He}]},85569:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"react-grid-system":de(23038),react:de(77810),"./OEmbedPlayer.tsx":de(80829)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst OEmbedPlayer$0 = require('./OEmbedPlayer.tsx');\nconst OEmbedPlayer = OEmbedPlayer$0.default || (OEmbedPlayer$0['OEmbedPlayer'] || OEmbedPlayer$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { Row, Col } from "react-grid-system";\n\n\n \n
\n \n \n \n \n \n
\n
\n \n \n \n \n \n
\n
\n
;',settings:{},evalInContext:He}]},92753:(ie,le,de)=>{var ce={react:de(77810),"./Option.tsx":de(10641)},ye=de(6463).A.bind(null,ce);de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Option$0 = require('./Option.tsx');\nconst Option = Option$0.default || (Option$0['Option'] || Option$0);",ye);ie.exports=[{type:"markdown",content:"Option component is either `checkbox` or `radio`"}]},34218:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"../../../":de(28156),react:de(77810),"./Orders.tsx":de(99660)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Orders$0 = require('./Orders.tsx');\nconst Orders = Orders$0.default || (Orders$0['Orders'] || Orders$0);",ye);ie.exports=[{type:"markdown",content:"TODO: style me"},{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { Button } from "../../../";\n\nconst data = [\n {\n title: (\n \n product 1\n \n ),\n date: "2022-02-02 20:20",\n price: "666.66 USD",\n actions: ,\n },\n {\n title: (\n \n product 2\n \n ),\n date: "2022-02-02 20:20",\n price: "666.66 USD",\n actions: ,\n },\n {\n title: (\n \n product 3\n \n ),\n date: "2022-02-02 20:20",\n price: "666.66 USD",\n actions: ,\n },\n];\n\n\n \n
\n \n
;',settings:{},evalInContext:He}]},71699:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"@escolalms/sdk/lib/react/context":de(59779),"../../../styleguide/ThemeTester":de(78684),"../../../utils/components/authbtn":de(51958),"../../../":de(28156),react:de(77810),"./PdfPlayer.tsx":de(117)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst PdfPlayer$0 = require('./PdfPlayer.tsx');\nconst PdfPlayer = PdfPlayer$0.default || (PdfPlayer$0['PdfPlayer'] || PdfPlayer$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport Authbtn from "../../../utils/components/authbtn";\nimport { Text } from "../../../";\n\n\n \n \n console.log("load")}\n />\n\n
\n With pagination\n
\n\n console.log("load")}\n onTopicEnd={() => console.log("Action on topic end")}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},38445:(ie,le,de)=>{var ce={react:de(77810),"react-grid-system":de(23038),"../../../styleguide":de(24782),"../../..":de(28156),"../../atoms/Typography/Title":de(46226),"../../molecules/MarkdownRenderer/MarkdownRenderer":de(93694),"./PricingCard.png":de(2905),"./PricingCard.tsx":de(67029)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst PricingCard$0 = require('./PricingCard.tsx');\nconst PricingCard = PricingCard$0.default || (PricingCard$0['PricingCard'] || PricingCard$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { Row, Col } from "react-grid-system";\nimport { ThemeTester } from "../../../styleguide";\nimport { IconText, Button, CourseProgress, Link, Text } from "../../..";\nimport { Title } from "../../atoms/Typography/Title";\nimport { MarkdownRenderer } from "../../molecules/MarkdownRenderer/MarkdownRenderer";\nimport img1 from "./PricingCard.png";\n\nconst [progress, setProgress] = useState(0.5);\n\nconst IconCamera = () => {\n return (\n \n \n \n );\n};\n\nconst IconWin = () => {\n return (\n \n \n \n );\n};\n\nconst IconDownload = () => {\n return (\n \n \n \n );\n};\n\nconst IconSquares = () => {\n return (\n \n \n \n );\n};\n\nconst IconBadge = () => {\n return (\n \n \n \n );\n};\n\nconst IconTime = () => {\n return (\n \n \n \n );\n};\n\nconst props = {\n title: "Księgowość dla początkujących",\n price: "99 zł",\n oldPrice: "199 zł",\n};\n\n\n \n
\n \n \n \n \n {props.title}\n \n
\n \n {props.price}\n \n
\n \n {props.oldPrice}\n \n
\n
\n }\n text={\n \n **8h 12 min** time left\n \n }\n />\n console.log("Dodaj do koszyka")}\n >\n Dodaj do koszyka\n \n\n
\n } text={"40 godzin video"} />\n }\n text={"Materiały szkoleniowe do pobrania"}\n />\n }\n text={"Dostęp na smartphone i tablet"}\n />\n } text={"Certyfikat ukończenia"} />\n
\n }\n title="Moje postepy"\n >\n {true ? (\n \n \n Zaloguj się\n \n aby widzieć postępy\n \n ) : (\n \n \n Ukończono {Math.round(40 * progress)} z 40 lekcji\n \n

\n Ukoncz kurs aby zdobyc certyfikat\n

\n
\n )}\n \n
\n \n \n \n \n Księgowość dla początkujących\n \n
\n \n 0 zł\n \n
\n \n za darmo\n \n
\n
\n }\n text={\n \n **8h 12 min** time left\n \n }\n />\n console.log("Dodaj do koszyka")}\n >\n Dodaj do koszyka\n \n\n
\n } text={"40 godzin video"} />\n }\n text={"Materiały szkoleniowe do pobrania"}\n />\n }\n text={"Dostęp na smartphone i tablet"}\n />\n } text={"Certyfikat ukończenia"} />\n
\n }\n title="Moje postepy"\n >\n {false ? (\n \n \n Zaloguj się\n \n aby widzieć postępy\n \n ) : (\n \n \n Ukończono {Math.round(40 * progress)} z 40 lekcji\n \n

\n Ukoncz kurs aby zdobyc certyfikat\n

\n
\n )}\n \n
\n \n
\n
\n
\n \n \n {props.title}\n \n
\n
\n
\n \n {props.oldPrice}\n \n
\n \n {props.price}\n \n
\n
\n console.log("Dodaj do koszyka")}\n >\n Dodaj do koszyka\n \n
\n
\n
\n
\n
\n
;',settings:{},evalInContext:He}]},8413:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),react:de(77810),"../../../styleguide/ThemeTester":de(78684),"../Button/Button":de(19431),"./ProgressBar.tsx":de(18557)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ProgressBar$0 = require('./ProgressBar.tsx');\nconst ProgressBar = ProgressBar$0.default || (ProgressBar$0['ProgressBar'] || ProgressBar$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport { useState } from "react";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport Button from "../Button/Button";\n\nconst [currentProgresses, setCurrentProgresses] = useState({\n progress1: 10,\n progress2: 5,\n progress3: 1.4,\n});\n\nconst randomProgress = () => (Math.random() * 10).toFixed(2);\n\nconst setRandomProgresses = () => {\n setCurrentProgresses({\n progress1: randomProgress(),\n progress2: randomProgress(),\n progress3: randomProgress(),\n });\n};\n\n\n \n \n \n \n
\n \n
\n
;',settings:{},evalInContext:He}]},78285:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide":de(24782),"../../../":de(28156),"./ProgressRing.tsx":de(37329)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ProgressRing$0 = require('./ProgressRing.tsx');\nconst ProgressRing = ProgressRing$0.default || (ProgressRing$0['ProgressRing'] || ProgressRing$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { ThemeTester } from "../../../styleguide";\nimport { Button } from "../../../";\n\nconst [percentage, setPercentage] = useState(Math.round(100 * Math.random()));\n\n\n \n \n \n \n setPercentage(Math.round(100 * Math.random()))}\n >\n Click for random percentage {percentage}%\n \n \n;',settings:{},evalInContext:He}]},18769:(ie,le,de)=>{var ce={"@escolalms/sdk/lib/react/context":de(59779),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./ProjectPlayer.tsx":de(50085)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ProjectPlayer$0 = require('./ProjectPlayer.tsx');\nconst ProjectPlayer = ProjectPlayer$0.default || (ProjectPlayer$0['ProjectPlayer'] || ProjectPlayer$0);",ye);ie.exports=[{type:"code",content:'import { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst mockTopic = {\n "id": 1432,\n "title": "William Shakespeare",\n "lesson_id": 255,\n "active": true,\n "preview": true,\n "topicable_id": 1,\n "topicable_type": "EscolaLms\\\\TopicTypeProject\\\\Models\\\\Project",\n "topicable": {\n "id": 1,\n "value": "theProject",\n "created_at": "2023-04-06T11:38:54.000000Z",\n "updated_at": "2023-04-06T11:38:54.000000Z"\n },\n "description": "Write an essay on the life of William Shakespeare. It must consist of at least 250 words. Accepted file types are: pdf, docx.",\n "resources": [],\n "order": 1,\n "can_skip": false,\n "duration": "5 min"\n};\n\n\n \n \n \n;',settings:{},evalInContext:He}]},50392:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"../../atoms/Typography/Text":de(76883),react:de(77810),"./QuizCta.tsx":de(536)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst QuizCta$0 = require('./QuizCta.tsx');\nconst QuizCta = QuizCta$0.default || (QuizCta$0['QuizCta'] || QuizCta$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport Text from "../../atoms/Typography/Text";\n\nconst props = {\n title: "Szybki Quiz",\n children: (\n \n Utrwal wiedzę po ukończonym module\n Quiz zawiera 2-3 pytania jednokrotnego wyboru\n \n ),\n primaryButtonText: "Rozpocznij quiz",\n onPrimaryButtonClick: () => {\n console.log("onPrimaryButtonClick");\n },\n secondaryButtonText: "Następny moduł",\n onSecondaryButtonClick: () => {\n console.log("handleTeriaryBtn");\n },\n};\n\n\n \n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},93943:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../Typography/Text":de(76883),"../../../styleguide/ThemeTester":de(78684),"../../../utils/utils":de(32135),react:de(77810),"./Radio.tsx":de(42897)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Radio$0 = require('./Radio.tsx');\nconst Radio = Radio$0.default || (Radio$0['Radio'] || Radio$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport Text from "../Typography/Text";\nimport ThemeTester from "../../../styleguide/ThemeTester";\nimport { getUniqueId } from "../../../utils/utils";\n\n\n \n \n checked Radio without label\n \n \n \n Radio without label\n \n \n Radio with primitive label\n \n Radio with sophisticated label\n \n dummy label\n \n }\n />\n dummy label} />\n \n;',settings:{},evalInContext:He}]},29984:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Rate.tsx":de(8330)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Rate$0 = require('./Rate.tsx');\nconst Rate = Rate$0.default || (Rate$0['Rate'] || Rate$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\n\n\n console.log("Rate: ", rate)} />\n;',settings:{},evalInContext:He}]},85825:(ie,le,de)=>{var ce={"./Rating.png":de(64925),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Rating.tsx":de(59009)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Rating$0 = require('./Rating.tsx');\nconst Rating = Rating$0.default || (Rating$0['Rating'] || Rating$0);",ye);ie.exports=[{type:"code",content:'import img1 from "./Rating.png";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n \n \n \n \n \n \n;',settings:{},evalInContext:He}]},13862:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"./mock.json":de(10129),"../../atoms/Typography/Title":de(46226),react:de(77810),"./Ratings.tsx":de(79704)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Ratings$0 = require('./Ratings.tsx');\nconst Ratings = Ratings$0.default || (Ratings$0['Ratings'] || Ratings$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport mockApi from "./mock.json";\nimport { Title } from "../../atoms/Typography/Title";\n\nconst ratingsProps = {\n sumRates: mockApi.sum_rates,\n avgRate: mockApi.avg_rate,\n rates: mockApi.rates,\n header: "Students rating",\n};\n\n\n
\n \n Desktop View\n \n \n
\n
\n
\n \n Mobile View\n \n \n
\n
\n
;',settings:{},evalInContext:He}]},6163:(ie,le,de)=>{var ce={react:de(77810),"./RatioBox.tsx":de(65007)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst RatioBox$0 = require('./RatioBox.tsx');\nconst RatioBox = RatioBox$0.default || (RatioBox$0['RatioBox'] || RatioBox$0);",ye);ie.exports=[{type:"markdown",content:"This component allows to you use Aspect Ratio Boxes, for eg images / videos."},{type:"code",content:'import { useState } from "react";\n\nconst [ratio, setRatio] = useState(0.5);\nconst [width, setWidth] = useState(500);\nconst [objectPosition, setObjectPosition] = useState("center");\n\nconst rndCat = () =>\n `http://placekitten.com/${200 + Math.round(Math.random() * 500)}/${\n 200 + Math.round(Math.random() * 500)\n }`;\n\n
\n

\n Width:{" "}\n {\n setWidth(Number(e.target.value));\n }}\n />\n {" | "}\n Ratio:{" "}\n setRatio(Number(e.target.value))}\n />\n Object position: setObjectPosition(e.target.value)}\n >\n \n \n \n \n
\n

\n\n

\n Ratio {ratio}, object Position {objectPosition}\n

\n\n \n Cat\n \n\n

Ratio 1 = Square

\n \n Cat\n \n\n

Ratio 1.5 = Rectangle vertical

\n \n Cat\n \n\n

Ratio 0.5 = Rectangle horizontal

\n \n Cat\n \n
;',settings:{},evalInContext:He}]},9290:(ie,le,de)=>{var ce={"./LoginForm.png":de(63164),"../../../styleguide":de(24782),"@escolalms/sdk/lib/react/context":de(59779),"../../../":de(28156),react:de(77810),"./RegisterForm.tsx":de(94096)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst RegisterForm$0 = require('./RegisterForm.tsx');\nconst RegisterForm = RegisterForm$0.default || (RegisterForm$0['RegisterForm'] || RegisterForm$0);",ye);ie.exports=[{type:"code",content:'import img1 from "./LoginForm.png";\nimport { ThemeTester } from "../../../styleguide";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport { Text } from "../../../";\n\nconst fieldLabels = {\n email: Overwrite email label,\n "AdditionalFields.Privacy Policy": (\n \n By checking this fields you accept{" "}\n Privacy Policy\n \n ),\n};\n\n\n \n \n console.log("onSuccess form", res, values)}\n onError={(err) => console.log("onError", err.data)}\n onLoginLink={() => console.log("onLoginLink")}\n return_url="?action=_after_click_from_email"\n />\n\n Mobile version\n
\n \n
\n
\n
\n
;',settings:{},evalInContext:He}]},72387:(ie,le,de)=>{var ce={react:de(77810),"@escolalms/sdk/lib/react/context":de(59779),"../../../":de(28156),"../../../styleguide/ThemeTester":de(78684),"./index.tsx":de(87921)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst RelatedTreeSelect$0 = require('./index.tsx');\nconst RelatedTreeSelect = RelatedTreeSelect$0.default || (RelatedTreeSelect$0['RelatedTreeSelect'] || RelatedTreeSelect$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport { Text, Stack } from "../../../";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst [selected, setSelected] = useState("");\n\n\n \n \n Selected value: {selected}\n setSelected(v)} />\n \n \n;',settings:{},evalInContext:He}]},43754:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide":de(24782),"./LoginForm.png":de(37257),"@escolalms/sdk/lib/react/context":de(59779),react:de(77810),"./ResetPasswordForm.tsx":de(75060)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ResetPasswordForm$0 = require('./ResetPasswordForm.tsx');\nconst ResetPasswordForm = ResetPasswordForm$0.default || (ResetPasswordForm$0['ResetPasswordForm'] || ResetPasswordForm$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport { ThemeTester } from "../../../styleguide";\nimport img1 from "./LoginForm.png";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\n \n \n console.log("onSuccess")}\n onError={(err) => console.log("onError", err.data)}\n backToLogin={() => console.log("backToLogin")}\n onRegisterLink={() => console.log("onRegisterLink")}\n return_url={"reset"}\n />\n
\n console.log("onSuccess")}\n onError={(err) => console.log("onError", err.data)}\n onRegisterLink={() => console.log("onRegisterLink")}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},46376:(ie,le,de)=>{var ce={"@escolalms/sdk/lib/react/components/Image":de(61006),"@escolalms/sdk/lib/react/context":de(59779),react:de(77810),"./ResponsiveImage.tsx":de(75936)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ResponsiveImage$0 = require('./ResponsiveImage.tsx');\nconst ResponsiveImage = ResponsiveImage$0.default || (ResponsiveImage$0['ResponsiveImage'] || ResponsiveImage$0);",ye);ie.exports=[{type:"markdown",content:"`ResponsiveImage` is component that should be used to display all images in Wellms app,\n\nIs is connected to [Images](https://github.com/EscolaLMS/Images) backend.\n\nBelow is default generation of the image."},{type:"code",content:'import Image from "@escolalms/sdk/lib/react/components/Image";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\n\n
\n \n
\n
;',settings:{},evalInContext:He},{type:"markdown",content:"You should pass image url prefix if CDN is used\n\nTODO: this example should be update"},{type:"code",content:'import Image from "@escolalms/sdk/lib/react/components/Image";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\n\n
\n \n
\n;',settings:{},evalInContext:He}]},66284:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"./Search.png":de(18782),"./Search.tsx":de(30506)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Search$0 = require('./Search.tsx');\nconst Search = Search$0.default || (Search$0['Search'] || Search$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { useState } from "react";\nimport img1 from "./Search.png";\n\nconst [loading, setLoading] = useState(false);\n\nconst onSearch = (value) => {\n console.log(`Search: ${value}`);\n setLoading(true);\n\n setTimeout(() => {\n setLoading(false);\n }, 1500);\n};\n\nconst onSubmit = (value) => {\n console.log(`Submit ${value}`);\n};\n\nconst onChange = (value) => {\n console.log(`Change: ${value}`);\n};\n\n\n \n onSubmit(e)}\n onChange={(e) => onChange(e)}\n onSearch={(e) => onSearch(e)}\n placeholder="Select a course"\n loading={loading}\n >\n
football
\n
voleyball
\n
basketball
\n \n
\n
;',settings:{},evalInContext:He}]},39634:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),"@escolalms/sdk/lib/react/context":de(59779),react:de(77810),"./SearchCourses.tsx":de(41816)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst SearchCourses$0 = require('./SearchCourses.tsx');\nconst SearchCourses = SearchCourses$0.default || (SearchCourses$0['SearchCourses'] || SearchCourses$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\n\n\n \n console.log("item selected", item)}\n onInputSubmitted={(input) => console.log("submitted", input)}\n />\n \n;',settings:{},evalInContext:He}]},76984:(ie,le,de)=>{var ce={"../../../../styleguide":de(24782),react:de(77810),"./ShortAnswers.tsx":de(51810)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst ShortAnswers$0 = require('./ShortAnswers.tsx');\nconst ShortAnswers = ShortAnswers$0.default || (ShortAnswers$0['ShortAnswers'] || ShortAnswers$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../../styleguide";\nconst question = {\n id: 42,\n type: "short_answers",\n score: 1,\n title: "",\n question: "Who\'s buried in Grant\'s tomb?",\n options: [],\n};\n\n \n;',settings:{},evalInContext:He}]},63417:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide/ThemeTester":de(78684),"./Slider.tsx":de(70225)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Slider$0 = require('./Slider.tsx');\nconst Slider = Slider$0.default || (Slider$0['Slider'] || Slider$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst settings = {\n arrows: false,\n dots: true,\n infinite: true,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1,\n};\n\nconst dotsOptions = [\n "top",\n "top right",\n "top left",\n "bottom",\n "bottom left",\n "bottom right",\n];\n\nconst [dots, setDots] = useState(true);\n\nconst [dotsOption, setDotOption] = useState("top");\n\n\n
\n Dots{" "}\n setDots(v.target.checked)}\n />\n Dots position: setDotOption(v.target.value)}\n >\n {dotsOptions.map((o) => (\n \n ))}\n \n
\n \n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},29099:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Spin.tsx":de(87527)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Spin$0 = require('./Spin.tsx');\nconst Spin = Spin$0.default || (Spin$0['Spin'] || Spin$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n;',settings:{},evalInContext:He}]},34404:(ie,le,de)=>{var ce={"../../../theme/provider":de(81559),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Steps.tsx":de(46136)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Steps$0 = require('./Steps.tsx');\nconst Steps = Steps$0.default || (Steps$0['Steps'] || Steps$0);",ye);ie.exports=[{type:"code",content:'import { GlobalThemeProvider } from "../../../theme/provider";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n \n \n;',settings:{},evalInContext:He}]},32371:(ie,le,de)=>{var ce={"../../../styleguide/ThemeTester":de(78684),"../../../":de(28156),react:de(77810),"./Tabs.tsx":de(45447)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Tabs$0 = require('./Tabs.tsx');\nconst Tabs = Tabs$0.default || (Tabs$0['Tabs'] || Tabs$0);",ye);ie.exports=[{type:"code",content:'import ThemeTester from "../../../styleguide/ThemeTester";\nimport { Text } from "../../../";\n\nconst props = {\n tabs: [\n {\n label: "Plan kursu",\n key: 33,\n component: "Tab 1 content",\n },\n {\n label: "Do przeczytania",\n key: 50,\n component: Tab 2 content,\n },\n {\n label: "Materiały do pobrania",\n key: 22,\n component: Tab 3 content,\n },\n {\n label: "Zaplanowane",\n key: 23,\n component: Tab 4 content,\n },\n ],\n defaultActiveKey: 22,\n onClick: (key) => console.log(`onClick tab id: ${key}`),\n};\n\n\n \n
\n \n
\n
\n \n
\n
\n
;',settings:{},evalInContext:He}]},28401:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"./Tag.tsx":de(21853)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Tag$0 = require('./Tag.tsx');\nconst Tag = Tag$0.default || (Tag$0['Tag'] || Tag$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\n\n<>\n \n tag1\n bestseller\n nowość\n console.log("click")}>Clickable tag\n \n;',settings:{},evalInContext:He}]},19654:(ie,le,de)=>{var ce={"../../../styleguide":de(24782),react:de(77810),"../../../":de(28156),"react-grid-system":de(23038),"./mock.json":de(5776),"./Tags.tsx":de(99724)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Tags$0 = require('./Tags.tsx');\nconst Tags = Tags$0.default || (Tags$0['Tags'] || Tags$0);",ye);ie.exports=[{type:"code",content:'import { ThemeTester } from "../../../styleguide";\nimport { useState } from "react";\n\nimport { Text, Dropdown } from "../../../";\nimport { Row, Col } from "react-grid-system";\nimport json from "./mock.json";\n\nconst [selected, setSelected] = useState(["Animacja", "Finances"]);\n\n\n \n
\n \n \n {\n setSelected(value);\n console.log("selected", value);\n }}\n />\n \n \n
\n
\n \n Filtry\n \n }\n drawerButtonText={"Pokaż wyniki"}\n handleChange={(value) => {\n setSelected(value);\n console.log("selected", value);\n }}\n handleDrawerButtonClick={() => console.log("click")}\n />\n
\n
\n
;',settings:{},evalInContext:He}]},49753:(ie,le,de)=>{var ce={react:de(77810),"@escolalms/sdk/lib/react/context":de(59779),"../../../styleguide":de(24782),"../../../":de(28156),"react-icons/md":de(32458),"./index.tsx":de(7827)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst TasksComponent$0 = require('./index.tsx');\nconst TasksComponent = TasksComponent$0.default || (TasksComponent$0['TasksComponent'] || TasksComponent$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport { EscolaLMSContextProvider } from "@escolalms/sdk/lib/react/context";\nimport { ThemeTester } from "../../../styleguide";\nimport { IconText } from "../../../";\nimport {\n MdMoreHoriz,\n MdEditNote,\n MdDeleteForever,\n MdCheck,\n MdClose,\n} from "react-icons/md";\n\nconst [sort, setSort] = useState("Ascending");\nconst [createBy, setCreateBy] = useState("Personal");\nconst [showDone, setShowDone] = useState(true);\n\nconst taskShowAction = [\n {\n id: 1,\n content: (\n : }\n text="Tasks.ShowDone"\n onClick={() => setShowDone(!showDone)}\n />\n ),\n },\n];\n\nconst sortType = [\n {\n id: 0,\n content: (\n }\n text="Ascending"\n onClick={() => setSort("Ascending")}\n />\n ),\n },\n {\n id: 1,\n content: (\n }\n text="Descending"\n onClick={() => setSort("Descending")}\n />\n ),\n },\n];\n\nconst taskCreateBy = [\n {\n id: 0,\n content: (\n }\n text="Personal"\n onClick={() => setCreateBy("Personal")}\n />\n ),\n },\n {\n id: 1,\n content: (\n }\n text="Incoming"\n onClick={() => setCreateBy("Incoming")}\n />\n ),\n },\n];\n\n\n \n console.log(),\n }}\n />\n \n;',settings:{},evalInContext:He}]},28767:(ie,le,de)=>{var ce={"../../../theme":de(94906),"styled-components":de(80413),"./Title":de(46226),"../../../styleguide/ThemeTester":de(78684),react:de(77810),"./Text.tsx":de(76883)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst Text$0 = require('./Text.tsx');\nconst Text = Text$0.default || (Text$0['Text'] || Text$0);",ye);ie.exports=[{type:"markdown",content:"React component example:\n\n### Default themes"},{type:"code",content:'import themes from "../../../theme";\nimport { DefaultTheme, ThemeProvider } from "styled-components";\nimport Title from "./Title";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\n\n \n Title\n \n To przecież nie koniec świata! Ciężka sprawa, bo nasze dizajny niestety są\n bez polotu – jak zwykle, więc trzeba dobrze stargetować ten kejs.\n Potrzebny będzie refresz dizajnu i to ASAP, bo klient odrzucił wszystkie\n ajdije, także to chyba jakiś faken dżołk. Generalnie wszystko okej, ale\n będziemy robić nowy iwent, dlatego działaj keżualnie.\n \n \n Chyba nie bardzo identyfikujecie się z misją naszej firmy, także macie\n teraz zakaz wychodzenia na kawkę w czasie mitingów. Na szczęście poszedł\n sajnof na tym rilisie, więc sprawa jest jasna: o naszym timie będzie teraz\n głośno. Straszny szejm, bo musimy acziwnąć ten czelendż, więc idziemy na\n mały korytarzowy fokus. Fakap na całej linii: zredżektowali nam te zmiany,\n ale co tam – nie płacą nam za nadgodziny. Tak czy inaczej, szykują się\n nadgodziny. Jes! Uwaga, szybki fokus! Zapomnij o przerwie na lancz – znowu\n zmienili hasła do drukarek, więc do roboty!{" "}\n \n \n Nie wszystko musi być z sensem. W mailu, który Ci zaraz forwardnę,\n napisali, że mamy opóźnienia w projekcie, więc nie ma się co śmiać - mamy\n kola z biznesem o 15:00. Nic nie robicie, tylko siedzicie cały dzień i\n puszczacie bąki w fotele. Dizajn musi urywać dupę, ale zbliża się dedlajn,\n dlatego potrzebny będzie fokus na konkretny target.\n \n \n;',settings:{},evalInContext:He}]},38903:(ie,le,de)=>{var ce={react:de(77810),"../../../styleguide/ThemeTester":de(78684),"./TextArea.tsx":de(5923)},ye=de(6463).A.bind(null,ce),He=de(44350).A.bind(null,"const React$0 = require('react');\nconst React = React$0.default || (React$0['React'] || React$0);\nconst TextArea$0 = require('./TextArea.tsx');\nconst TextArea = TextArea$0.default || (TextArea$0['TextArea'] || TextArea$0);",ye);ie.exports=[{type:"code",content:'import { useState } from "react";\nimport ThemeTester from "../../../styleguide/ThemeTester";\n\nconst [text, setText] = useState("lorem ipsum");\n\nconst [texts, setTexts] = useState({\n textarea1: "",\n textarea2: "Filled",\n textarea3: "Error",\n textarea4: "Text",\n textarea5: "Large",\n});\n\n\n \n \n setTexts({\n ...texts,\n textarea1: e.target.value,\n })\n }\n />\n \n setTexts({\n ...texts,\n textarea2: e.target.value,\n })\n }\n />\n \n setTexts({\n ...texts,\n textarea3: e.target.value,\n })\n }\n />\n Text helper}\n onChange={(e) =>\n setTexts({\n ...texts,\n textarea4: e.target.value,\n })\n }\n />\n