touchstudy-core 0.1.33 → 0.1.34

package/dist/index.css

@@ -6,7 +6,7 @@
     font-weight: 700; }
 
 ._wWIyO {
-  border: 1px solid #ECEAE9;
+  border: 1px solid #eceae9;
   padding: 60px;
   border-radius: 6px;
   width: -moz-max-content;
@@ -23,7 +23,7 @@
   height: 100vh; }
 
 ._2HqmH {
-  border: 1px solid #AEABAC !important;
+  border: 1px solid #aeabac !important;
   border-radius: 5px !important;
   box-shadow: unset !important; }
 
@@ -125,7 +125,7 @@
 
 ._3CMVp {
   max-width: 268px;
-  border: 1px solid #EBEBFF !important;
+  border: 1px solid #ebebff !important;
   border-radius: 6px !important;
   display: flex !important;
   justify-content: space-between !important; }
@@ -134,29 +134,38 @@
   width: 40px;
   height: 40px;
   border-radius: 50%;
-  margin-right: 12px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 20px;
   font-weight: 600;
   line-height: 1;
-  background-color: #5458D5;
-  color: #FFF; }
+  background-color: #5458d5;
+  color: #fff; }
+  ._3RDWF {
+    margin-right: 12px; }
   ._2ibYC img {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     -o-object-fit: cover;
        object-fit: cover; }
+  @media (min-width: 992px) {
+    ._2ibYC {
+      margin-right: 12px; } }
 
 ._1JMRU {
   max-width: 268px;
-  padding: 8px !important;
-  border: 1px solid #EBEBFF !important;
-  border-radius: 6px !important;
+  border: 1px solid #ebebff !important;
+  border-radius: 50% !important;
+  padding: 0px !important;
+  min-width: unset !important;
   display: flex !important;
   justify-content: space-between !important; }
+  @media (min-width: 992px) {
+    ._1JMRU {
+      border-radius: 6px !important;
+      padding: 8px !important; } }
 
 ._N4FNf {
   width: 34px;
@@ -165,7 +174,7 @@
   justify-content: center;
   align-items: center; }
   ._N4FNf svg {
-    fill: #5458D5; }
+    fill: #5458d5; }
 
 ._31Dr0 {
   width: 100%;
@@ -194,31 +203,31 @@
   display: flex;
   flex-wrap: wrap;
   margin-top: calc(-1 * var(--bs-gutter-y));
-  margin-right: calc(-.5 * var(--bs-gutter-x));
-  margin-left: calc(-.5 * var(--bs-gutter-x)); }
+  margin-right: calc(-0.5 * var(--bs-gutter-x));
+  margin-left: calc(-0.5 * var(--bs-gutter-x)); }
   ._31ZQk ._3yXyK {
-    flex: 0 0 calc((2/12)*100%);
-    max-width: calc((2/12)*100%);
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
+    flex: 0 0 calc((2 / 12) * 100%);
+    max-width: calc((2 / 12) * 100%);
+    padding-right: calc(var(--bs-gutter-x) * 0.5);
+    padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-top: var(--bs-gutter-y); }
   ._31ZQk ._1RsJQ {
     flex: 0 0 25%;
     max-width: 25%;
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
+    padding-right: calc(var(--bs-gutter-x) * 0.5);
+    padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-top: var(--bs-gutter-y); }
   ._31ZQk ._L42CP {
-    flex: 0 0 calc((5/12)*100%);
-    max-width: calc((5/12)*100%);
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
+    flex: 0 0 calc((5 / 12) * 100%);
+    max-width: calc((5 / 12) * 100%);
+    padding-right: calc(var(--bs-gutter-x) * 0.5);
+    padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-top: var(--bs-gutter-y); }
   ._31ZQk ._2u6eL {
-    flex: 0 0 calc((10/12)*100%);
-    max-width: calc((10/12)*100%);
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
+    flex: 0 0 calc((10 / 12) * 100%);
+    max-width: calc((10 / 12) * 100%);
+    padding-right: calc(var(--bs-gutter-x) * 0.5);
+    padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-top: var(--bs-gutter-y); }
 
 ._8x7OP {
@@ -227,44 +236,44 @@
   display: flex;
   flex-wrap: wrap;
   margin-top: calc(-1 * var(--bs-gutter-y));
-  margin-right: calc(-.5 * var(--bs-gutter-x));
-  margin-left: calc(-.5 * var(--bs-gutter-x)); }
+  margin-right: calc(-0.5 * var(--bs-gutter-x));
+  margin-left: calc(-0.5 * var(--bs-gutter-x)); }
   ._8x7OP ._1JmTh {
     flex: 1 0;
     width: 100%;
     max-width: 100%;
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
+    padding-right: calc(var(--bs-gutter-x) * 0.5);
+    padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-top: var(--bs-gutter-y); }
   ._8x7OP ._1RsJQ {
     flex: 0 0 25%;
     max-width: 25%;
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
+    padding-right: calc(var(--bs-gutter-x) * 0.5);
+    padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-top: var(--bs-gutter-y); }
   ._8x7OP ._3HO1e {
-    flex: 0 0 calc((4/12)*100%);
-    max-width: calc((4/12)*100%);
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
+    flex: 0 0 calc((4 / 12) * 100%);
+    max-width: calc((4 / 12) * 100%);
+    padding-right: calc(var(--bs-gutter-x) * 0.5);
+    padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-top: var(--bs-gutter-y); }
   ._8x7OP ._L42CP {
-    flex: 0 0 calc((5/12)*100%);
-    max-width: calc((5/12)*100%);
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
+    flex: 0 0 calc((5 / 12) * 100%);
+    max-width: calc((5 / 12) * 100%);
+    padding-right: calc(var(--bs-gutter-x) * 0.5);
+    padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-top: var(--bs-gutter-y); }
   ._8x7OP ._Oy31M {
-    flex: 0 0 calc((8/12)*100%);
-    max-width: calc((8/12)*100%);
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
+    flex: 0 0 calc((8 / 12) * 100%);
+    max-width: calc((8 / 12) * 100%);
+    padding-right: calc(var(--bs-gutter-x) * 0.5);
+    padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-top: var(--bs-gutter-y); }
   ._8x7OP ._3aUKo {
-    flex: 0 0 calc((12/12)*100%);
-    max-width: calc((12/12)*100%);
-    padding-right: calc(var(--bs-gutter-x) * .5);
-    padding-left: calc(var(--bs-gutter-x) * .5);
+    flex: 0 0 calc((12 / 12) * 100%);
+    max-width: calc((12 / 12) * 100%);
+    padding-right: calc(var(--bs-gutter-x) * 0.5);
+    padding-left: calc(var(--bs-gutter-x) * 0.5);
     margin-top: var(--bs-gutter-y); }
 
 ._39LRs {
@@ -307,7 +316,7 @@
   background-clip: padding-box;
   border: 1px solid #dee2e6;
   border-radius: 0.375rem;
-  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
 
 ._2PWdX {
   display: inline-block;
@@ -326,7 +335,7 @@
   border: 1px solid #0d6efd;
   border-radius: 0.375rem;
   background-color: transparent;
-  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
   ._2PWdX:hover {
     color: #fff !important;
     background-color: #0d6efd;
@@ -360,13 +369,86 @@
   background-size: 10px 7px;
   border: 1px solid #dee2e6;
   border-radius: 0.375rem;
-  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
 
 ._3NJzN {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap; }
 
+._3xnI5 {
+  position: fixed;
+  z-index: 100;
+  background: #fff;
+  top: 0; }
+  ._3xnI5 ._3YG70 {
+    display: flex;
+    align-items: center;
+    width: 64px;
+    min-width: 64px;
+    padding: 16px;
+    max-height: 80px; }
+  ._3xnI5._1CQPn {
+    display: flex;
+    justify-content: space-between;
+    padding: 0 27px 0 27px;
+    border-bottom: 1px solid var(--gray-300); }
+  ._3xnI5 ._3hx2T {
+    text-align: start; }
+    ._3xnI5 ._3hx2T ._3UyhW div span {
+      display: none; }
+  ._3xnI5 a._1TGKA {
+    border-bottom: 1px solid #7366ff;
+    border-radius: 0; }
+  ._3xnI5 a._1AqMh,
+  ._3xnI5 a._1TGKA {
+    color: #5458d5; }
+  ._3xnI5 ._3UyhW {
+    font-size: 14px;
+    font-weight: 700;
+    height: 100%;
+    padding: 7px 12px;
+    display: inline-table;
+    text-align: center;
+    line-height: 4.5;
+    color: #aeabac;
+    display: flex;
+    align-items: center; }
+  ._3xnI5 ._2RI6G {
+    width: unset;
+    height: unset;
+    padding-right: 16px;
+    line-height: 73px;
+    float: right; }
+  ._3xnI5 ._2RI6G > p {
+    line-height: 5;
+    color: #aeabac;
+    font-weight: 700; }
+  ._3xnI5 ._3aVHg {
+    pointer-events: none; }
+
+@media (min-width: 992px) {
+  ._3xnI5 ._3YG70 {
+    width: 120px;
+    min-width: 120px;
+    padding: 16px 0; } }
+
+@media (min-width: 1200px) {
+  ._3xnI5 ._3YG70 {
+    width: 162px;
+    min-width: 162px; }
+  ._3xnI5 ._2RI6G {
+    width: 73px;
+    height: 100%;
+    padding-right: 0; }
+  ._3xnI5 ._3hx2T {
+    display: flex;
+    flex-wrap: nowrap; }
+    ._3xnI5 ._3hx2T ._3UyhW div span {
+      display: inline-block; }
+  ._3xnI5 ._3UyhW {
+    padding: 7px 16px; } }
+
 ._2oGcJ {
   width: 48px;
   height: 48px;

package/dist/index.d.ts

@@ -61,4 +61,5 @@ import InputText from "./components/Inputs/InputText";
 import * as Textbook from "./containers/Textbooks/views";
 import SubjectSelector from "./components/Selectors/SubjectSelector";
 import * as timeUtils from "./utils/times";
-export { diffFromNow, formatTime, utcToLocalTime, setLoading, setReadyRegisterPusher, BASE_URL, SUPER_ADMIN_BASE_URL, ACCESS_TOKEN, Login, store, setAlert, setUser, Loading, NotFound, LayoutContext, api, apiUpload, ConfirmDialog, CommonDialog, CustomPagination, useGoogleSignOut, PUSHER_CONFIG, ExamEvent, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, setLanguage, i18n, TheLanguageDropdown, TheAcademyDropdown, useTranslation, I18nextProvider, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, ACADEMY_DOMAIN, minutesToTimeSpan, toISOString, canAccessRoute, CustomSelect, CustomAsyncSelect, CustomSelectOption, getAccessToken, ChatContainer, IChatContainerProps, IChatItemProps, IChatHeaderProps, IInputChatProps, ChatItemType, useChatContainer, ConversationResponse, usePusherConversation, ExamResultV2, ToastContainer, toast, Role, useLanguage, useSwitchAcademy, LANGUAGES, CustomCreatable, moment, ExamDetailView, ExamDetailViewProps, Exam, Question, ArticleGroup, getAcademyDomain, useSubjectSelect, useLogin, useAutoAcademyDomain, LoginAccessTokenRequest, LoginRequest, setReFetchUserAcademies, ChatTypes, AcademyHeaders, Types, Enums, CoreHooks, ArticleGroupView, AnswerCountSelector, QuestionCountSelector, ScoreSelector, ArticleCategorySelector, SubjectSelector, useCategorySelect, InputText, Textbook, TextbookDetail, TextbookList, timeUtils };
+import Header from "./layouts/Header";
+export { diffFromNow, formatTime, utcToLocalTime, setLoading, setReadyRegisterPusher, BASE_URL, SUPER_ADMIN_BASE_URL, ACCESS_TOKEN, Login, store, setAlert, setUser, Loading, NotFound, LayoutContext, api, apiUpload, ConfirmDialog, CommonDialog, CustomPagination, useGoogleSignOut, PUSHER_CONFIG, ExamEvent, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, setLanguage, i18n, TheLanguageDropdown, TheAcademyDropdown, useTranslation, I18nextProvider, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, ACADEMY_DOMAIN, minutesToTimeSpan, toISOString, canAccessRoute, CustomSelect, CustomAsyncSelect, CustomSelectOption, getAccessToken, ChatContainer, IChatContainerProps, IChatItemProps, IChatHeaderProps, IInputChatProps, ChatItemType, useChatContainer, ConversationResponse, usePusherConversation, ExamResultV2, ToastContainer, toast, Role, useLanguage, useSwitchAcademy, LANGUAGES, CustomCreatable, moment, ExamDetailView, ExamDetailViewProps, Exam, Question, ArticleGroup, getAcademyDomain, useSubjectSelect, useLogin, useAutoAcademyDomain, LoginAccessTokenRequest, LoginRequest, setReFetchUserAcademies, ChatTypes, AcademyHeaders, Types, Enums, CoreHooks, ArticleGroupView, AnswerCountSelector, QuestionCountSelector, ScoreSelector, ArticleCategorySelector, SubjectSelector, useCategorySelect, InputText, Textbook, TextbookDetail, TextbookList, timeUtils, Header };