mario-education 2.4.510-release → 2.4.512-feedback

package/dist/components/layouts/hooks/useHeaderSideBar.d.ts

@@ -28,5 +28,6 @@ declare const useHeaderSideBar: (_navigations: any) => {
     renderNavigationItem: (navigation: any, isSubItem?: boolean | undefined) => JSX.Element;
     goToSettings: () => void;
     t: import("i18next").TFunction;
+    isEnableMarioAi: any;
 };
 export default useHeaderSideBar;

package/dist/containers/MarioAi/components/ChatContent.d.ts

@@ -4,9 +4,9 @@ interface ChatContentProps {
     theme: string;
     chats: IChat[];
     getBracketedText: Function;
-    submitPromptMessage: Function;
+    submitPromptMessage?: Function;
     inputString: string;
-    setInputString: Function;
+    setInputString?: Function;
     onSelectOption?: Function;
 }
 declare const ChatContent: FC<ChatContentProps>;

package/dist/containers/MarioAi/hooks/useHistoryPrompt.d.ts

@@ -6,5 +6,6 @@ declare const useHistoryPrompt: () => {
     goBack: () => void;
     isOpenSideBar: any;
     prompt: IHistoryPrompt | undefined;
+    getBracketedText: (text: string) => string | null;
 };
 export default useHistoryPrompt;

package/dist/index.css

@@ -126,8 +126,6 @@ tbody._b-AXV tr {
 }
 
 ._2VZin ._2M0vR {
-    font-family: 'Roboto';
-    font-style: normal;
     font-weight: 400;
     font-size: 13px;
 }
@@ -13469,6 +13467,7 @@ p._1YLGi {
   justify-content: space-between;
   flex-direction: column;
   flex: 1;
+  position: relative;
   width: 100%; }
 
 ._12ysw {
@@ -13616,6 +13615,501 @@ p._1YLGi {
   ._1XXX_ {
     margin-left: 280px; } }
 
+._1hAN- {
+  width: 100%;
+  height: 100%;
+  padding-bottom: 32px; }
+  ._1hAN- ._U4585 {
+    background: linear-gradient(90deg, rgba(52, 109, 218, 0.08) 0%, rgba(132, 77, 225, 0.08) 100%), #FFFFFF;
+    width: 100%;
+    height: 100%;
+    border-radius: 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    padding: 48px 48px 0 48px;
+    overflow: hidden;
+    position: relative;
+    background-size: cover; }
+    ._1hAN- ._U4585 ._3H3TX {
+      z-index: 1; }
+      ._1hAN- ._U4585 ._3H3TX ._2wizn {
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 24px;
+        -webkit-text-decoration-skip-ink: none;
+                text-decoration-skip-ink: none;
+        color: #242424;
+        opacity: 56%;
+        margin-bottom: 8px; }
+      ._1hAN- ._U4585 ._3H3TX ._1uejP {
+        background: linear-gradient(90deg, #346DDA 0%, #844DE1 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        font-family: 'Montserrat';
+        font-size: 36px;
+        font-weight: 700;
+        line-height: 44px;
+        width: -webkit-fit-content;
+        width: -moz-fit-content;
+        width: fit-content;
+        -webkit-text-decoration-skip-ink: none;
+                text-decoration-skip-ink: none; }
+      ._1hAN- ._U4585 ._3H3TX ._wXhYW {
+        display: flex;
+        gap: 16px;
+        overflow: auto;
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+        padding: 32px;
+        margin: 0 -32px;
+        flex-wrap: wrap; }
+        ._1hAN- ._U4585 ._3H3TX ._wXhYW ._3F1f0 {
+          flex: 1;
+          border: 1px solid #D3D3D3;
+          background: #fff;
+          transition: all 0.3s ease-in-out;
+          border-radius: 16px;
+          padding: 24px;
+          height: 140px;
+          width: 100%;
+          position: relative;
+          cursor: pointer;
+          text-align: left;
+          max-width: 333px; }
+          ._1hAN- ._U4585 ._3H3TX ._wXhYW ._3F1f0:hover {
+            box-shadow: #000dff33 0px 8px 24px; }
+          ._1hAN- ._U4585 ._3H3TX ._wXhYW ._3F1f0 ._cB_eW {
+            display: flex;
+            flex-direction: column;
+            gap: 4px;
+            width: 276px; }
+            ._1hAN- ._U4585 ._3H3TX ._wXhYW ._3F1f0 ._cB_eW ._30saB {
+              font-size: 18px;
+              font-weight: 600;
+              line-height: 24px; }
+            ._1hAN- ._U4585 ._3H3TX ._wXhYW ._3F1f0 ._cB_eW ._6m3YS > p,
+            ._1hAN- ._U4585 ._3H3TX ._wXhYW ._3F1f0 ._cB_eW ._6m3YS {
+              font-size: 14px;
+              font-weight: 400;
+              line-height: 20px;
+              opacity: 0.56; }
+          ._1hAN- ._U4585 ._3H3TX ._wXhYW ._3F1f0 ._gG2mp {
+            position: absolute;
+            top: 8px;
+            right: 8px;
+            border-radius: 12px;
+            width: 48px;
+            height: 48px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            background: #F6F6F6; }
+          ._1hAN- ._U4585 ._3H3TX ._wXhYW ._3F1f0 ._1tJEn {
+            position: absolute;
+            bottom: 8px;
+            right: 8px; }
+    ._1hAN- ._U4585 ._1O09T {
+      display: flex;
+      flex-direction: column;
+      flex: 1;
+      width: 50%;
+      position: relative; }
+      @media (max-width: 1023px) {
+        ._1hAN- ._U4585 ._1O09T {
+          width: 100%; } }
+      @media (max-width: 767px) {
+        ._1hAN- ._U4585 ._1O09T {
+          width: 100%; } }
+      ._1hAN- ._U4585 ._1O09T ._1lK2v {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 12px; }
+        ._1hAN- ._U4585 ._1O09T ._1lK2v ._30saB {
+          font-size: 18px;
+          font-weight: 600;
+          line-height: 24px;
+          text-align: left; }
+        ._1hAN- ._U4585 ._1O09T ._1lK2v ._1Qk2i {
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+          gap: 8px;
+          cursor: pointer;
+          border: none;
+          outline: none;
+          background: transparent; }
+          ._1hAN- ._U4585 ._1O09T ._1lK2v ._1Qk2i ._3qcYP {
+            font-size: 14px;
+            font-weight: 600;
+            line-height: 22px;
+            text-align: left;
+            color: #316CD9; }
+      ._1hAN- ._U4585 ._1O09T ._2DkM3 {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        width: 100%;
+        overflow: auto;
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+        padding-bottom: 60px; }
+        ._1hAN- ._U4585 ._1O09T ._2DkM3::-webkit-scrollbar {
+          display: none; }
+        ._1hAN- ._U4585 ._1O09T ._2DkM3 ._1FFC5 {
+          display: flex;
+          gap: 16px;
+          border-radius: 8px;
+          position: relative;
+          background: #fff; }
+          ._1hAN- ._U4585 ._1O09T ._2DkM3 ._1FFC5 ._rGovp {
+            width: 100%;
+            height: 100%;
+            background: #fff;
+            z-index: 1;
+            position: absolute;
+            border-radius: 8px;
+            opacity: 0.56; }
+          ._1hAN- ._U4585 ._1O09T ._2DkM3 ._1FFC5 ._1X7t2 {
+            display: flex;
+            gap: 16px;
+            flex: 1;
+            justify-content: flex-start;
+            align-items: center;
+            z-index: 2; }
+            ._1hAN- ._U4585 ._1O09T ._2DkM3 ._1FFC5 ._1X7t2 ._gG2mp {
+              width: 36px;
+              height: 36px;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              background: #fff;
+              border-radius: 6px;
+              padding: 6px;
+              margin: 4px;
+              z-index: 1; }
+            ._1hAN- ._U4585 ._1O09T ._2DkM3 ._1FFC5 ._1X7t2 ._3qcYP {
+              flex: 1;
+              font-size: 14px;
+              font-weight: 600;
+              line-height: 20px;
+              text-align: left;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              min-width: 198px;
+              max-width: 40%; }
+              @media (max-width: 1020px) {
+                ._1hAN- ._U4585 ._1O09T ._2DkM3 ._1FFC5 ._1X7t2 ._3qcYP {
+                  min-width: 120px; } }
+          ._1hAN- ._U4585 ._1O09T ._2DkM3 ._1FFC5 ._1w2YZ {
+            z-index: 2;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            flex: 1; }
+            ._1hAN- ._U4585 ._1O09T ._2DkM3 ._1FFC5 ._1w2YZ ._3qcYP {
+              font-size: 12px;
+              font-weight: 400;
+              line-height: 18px;
+              text-align: left;
+              color: #24242456; }
+            ._1hAN- ._U4585 ._1O09T ._2DkM3 ._1FFC5 ._1w2YZ ._gG2mp {
+              padding: 8px 16px;
+              border-radius: 8px;
+              border: none;
+              outline: none;
+              background: transparent; }
+      ._1hAN- ._U4585 ._1O09T ._4kmno {
+        height: 74px;
+        bottom: 0;
+        background: linear-gradient(360deg, #edeefc 0%, #dfe5f300 100%);
+        position: absolute;
+        left: -50px;
+        right: -50px;
+        z-index: 2; }
+    ._1hAN- ._U4585 ._6K7Pz {
+      position: absolute;
+      width: 227px;
+      height: 227px;
+      border-radius: 50%;
+      opacity: 0.32;
+      background: #FF8AB4;
+      filter: blur(80px); }
+      ._1hAN- ._U4585 ._3mOqe {
+        top: -100px;
+        left: -100px; }
+      ._1hAN- ._U4585 ._1LVOo {
+        bottom: -25px;
+        right: -50px; }
+
+._2eGy1 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%; }
+  ._1_oTD {
+    position: fixed;
+    top: 64px;
+    height: 56px;
+    background: #eeeeee;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px;
+    width: calc(100% - 280px);
+    z-index: 1; }
+    @media screen and (-webkit-min-device-pixel-ratio: 1.1), screen and (-moz-min-device-pixel-ratio: 1.1) {
+      ._1_oTD {
+        width: calc(100% - 260px); } }
+    @media screen and (-webkit-min-device-pixel-ratio: 1.2), screen and (-moz-min-device-pixel-ratio: 1.2) {
+      ._1_oTD {
+        width: calc(100% - 240px); } }
+    ._1_oTD ._u-oqg {
+      background: #fff;
+      width: 40px;
+      height: 40px;
+      border-radius: 8px;
+      border: none;
+      outline: none;
+      color: #242424;
+      cursor: pointer;
+      display: flex;
+      justify-content: center;
+      align-items: center; }
+      ._1_oTD ._u-oqg:hover {
+        box-shadow: #201c3d 0px 2px 4px 0px, #201c3d 0px 2px 16px 0px; }
+    ._1_oTD ._PBH_Y {
+      font-size: 14px;
+      font-weight: 600;
+      line-height: 22px;
+      color: #242424; }
+    ._1_oTD ._31WqA {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      gap: 4px;
+      padding: 4px;
+      background: #D3D3D366;
+      border-radius: 8px;
+      z-index: 2;
+      transition: all 0.3s ease-in-out;
+      cursor: pointer;
+      border: none;
+      outline: none; }
+      ._1_oTD ._31WqA:hover {
+        box-shadow: #201c3d 0px 2px 4px 0px, #201c3d 0px 2px 16px 0px; }
+      ._1_oTD ._31WqA ._1FFC5 {
+        display: flex;
+        width: 32px;
+        height: 32px;
+        border-radius: 4px;
+        display: flex;
+        justify-content: center;
+        align-items: center; }
+        ._1_oTD ._31WqA ._3Zheb {
+          background: #fff; }
+        ._1_oTD ._31WqA ._7T1lB {
+          background: transparent; }
+  .__lhBc {
+    background: #201c3d;
+    color: #fff; }
+    .__lhBc ._u-oqg {
+      background: #3a3653;
+      color: #fff; }
+      .__lhBc ._u-oqg:hover {
+        box-shadow: #fff 0px 2px 4px 0px, #fff 0px 2px 16px 0px; }
+    .__lhBc ._PBH_Y {
+      color: #fff; }
+    .__lhBc ._31WqA {
+      background: #3b3754; }
+      .__lhBc ._31WqA:hover {
+        box-shadow: #fff 0px 2px 4px 0px, #fff 0px 2px 16px 0px; }
+  ._2h1fv {
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background: #f6f6f6;
+    padding-top: 56px;
+    padding-bottom: 32px;
+    scrollbar-width: none;
+    -ms-overflow-style: none; }
+    @media (max-width: 1020px) {
+      ._2h1fv {
+        padding-bottom: 80px; } }
+    @media (max-width: 767px) {
+      ._2h1fv {
+        padding-bottom: 120px; } }
+    ._2h1fv ._3kxy- {
+      width: 60%;
+      position: relative;
+      margin: auto;
+      margin-top: 24px;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      height: 100%; }
+      @media (max-width: 1020px) {
+        ._2h1fv ._3kxy- {
+          width: 80%; } }
+      @media (max-width: 767px) {
+        ._2h1fv ._3kxy- {
+          width: 96%; } }
+      ._2h1fv ._3kxy- ._3gjP5 {
+        width: 100%;
+        display: flex;
+        align-items: flex-start;
+        justify-content: flex-start;
+        gap: 10px; }
+        ._2h1fv ._3kxy- ._2x_-F {
+          max-width: 60%;
+          min-width: 120px;
+          position: relative;
+          display: flex;
+          flex-direction: column;
+          gap: 5px; }
+          ._2h1fv ._3kxy- ._2x_-F ._2bqyW {
+            font-size: 16px;
+            font-weight: 600;
+            line-height: 24px;
+            text-align: left; }
+          ._2h1fv ._3kxy- ._2x_-F ._1N1T3 {
+            background: linear-gradient(90deg, rgba(52, 109, 218, 0.12) 0%, rgba(132, 77, 225, 0.12) 100%);
+            border-radius: 16px;
+            border-bottom-left-radius: 0;
+            padding: 14px 16px 24px 16px; }
+            ._2h1fv ._3kxy- ._2x_-F ._1N1T3 > div,
+            ._2h1fv ._3kxy- ._2x_-F ._1N1T3 > div > p {
+              margin-bottom: 0; }
+            ._2h1fv ._3kxy- ._2x_-F ._1N1T3 ._31bf9 {
+              display: flex;
+              flex-wrap: wrap;
+              gap: 8px;
+              margin-top: 8px;
+              transition: all 0.2s ease-in-out; }
+              ._2h1fv ._3kxy- ._2x_-F ._1N1T3 ._7cV8X {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                padding: 4px 16px;
+                border-radius: 888px;
+                background: #fff;
+                cursor: pointer;
+                transition: all 0.2s ease-in-out;
+                border: none;
+                outline: none; }
+                ._2h1fv ._3kxy- ._2x_-F ._1N1T3 ._7cV8X:hover {
+                  background: linear-gradient(90deg, #346DDA 0%, #844DE1 100%);
+                  color: #fff;
+                  transition: all 0.2s ease-in-out;
+                  box-shadow: 0px 6px 32px 0px #C09FF8B8; }
+            ._2h1fv ._3kxy- ._2x_-F ._1N1T3 ._2YD7M {
+              align-items: center;
+              display: flex;
+              justify-content: center; }
+              ._2h1fv ._3kxy- ._2x_-F ._1N1T3 ._23N4j {
+                -webkit-animation: _3St_4 ease-in-out 1s infinite;
+                        animation: _3St_4 ease-in-out 1s infinite;
+                background-color: grey;
+                display: inline-block;
+                height: 8px;
+                margin: 4px;
+                width: 8px;
+                border-radius: 50%; }
+                ._2h1fv ._3kxy- ._2x_-F ._1N1T3 ._23N4j:nth-of-type(2) {
+                  -webkit-animation-delay: 0.3s;
+                          animation-delay: 0.3s; }
+                ._2h1fv ._3kxy- ._2x_-F ._1N1T3 ._23N4j:nth-of-type(3) {
+                  -webkit-animation-delay: 0.5s;
+                          animation-delay: 0.5s; }
+
+@-webkit-keyframes _3St_4 {
+  0% {
+    background-color: #939FE316;
+    transform: scale(1); }
+  50% {
+    background-color: #939FE3;
+    transform: scale(1.3); }
+  100% {
+    background-color: #939FE316;
+    transform: scale(1); } }
+
+@keyframes _3St_4 {
+  0% {
+    background-color: #939FE316;
+    transform: scale(1); }
+  50% {
+    background-color: #939FE3;
+    transform: scale(1.3); }
+  100% {
+    background-color: #939FE316;
+    transform: scale(1); } }
+          ._2h1fv ._3kxy- ._2x_-F ._CjCyy {
+            font-size: 12px;
+            font-weight: 400;
+            line-height: 16px;
+            color: #a2a2a2;
+            color: #6e6b80;
+            text-align: right;
+            padding: 0 15px; }
+        ._2h1fv ._3kxy- ._ZC3ml ._1N1T3 {
+          border-radius: 16px;
+          border-bottom-right-radius: 0;
+          background: #fff; }
+        ._2h1fv ._3kxy- ._ZC3ml ._CjCyy {
+          text-align: left; }
+        ._2h1fv ._3kxy- ._2oBqf {
+          justify-content: flex-end; }
+  ._1r1Jl {
+    background: #0D082C;
+    color: #fff; }
+    ._1r1Jl ._2x_-F ._1N1T3 {
+      background: linear-gradient(90deg, #346DDA 0%, #844DE1 100%) !important; }
+      ._1r1Jl ._2x_-F ._1N1T3 ._7cV8X:hover {
+        outline: 1px solid #fff;
+        background: transparent !important; }
+    ._1r1Jl ._ZC3ml ._1N1T3 {
+      background: #1D1748 !important; }
+
+._2o38p {
+  padding-left: 0;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  margin-bottom: 0; }
+  ._2o38p ._1IcP8 {
+    padding: 16px 24px;
+    font-size: 16px;
+    font-weight: 400;
+    list-style: none;
+    font-family: "Poppins-Regular";
+    border-bottom: 1px solid transparent;
+    border-top: 1px solid transparent;
+    cursor: pointer; }
+    ._2o38p ._1IcP8:hover {
+      color: #316CD9;
+      background: #EFF3FC;
+      border-color: #D3D3D3; }
+
+._206DV {
+  width: 100%;
+  padding: 10px 20px; }
+
+._1A9xm {
+  width: calc(100% - 25px);
+  position: absolute;
+  bottom: 10px; }
+
+._1Lwom {
+  font-size: 25px !important;
+  margin-left: 20px;
+  cursor: pointer; }
+
+._1Lwom:hover {
+  color: #346dda; }
+
 ._32YVh {
     height: calc(-200px + 100vh);
     display: flex;

package/dist/index.d.ts

@@ -54,5 +54,9 @@ import MainLayoutAdmin from "./layouts/MainLayoutAdmin";
 import SyncData from "./containers/SyncData/views/SyncData";
 import SummarizeQuestion from "./containers/Dashboard/views/SummarizeQuestion";
 import SurveyQuestion from "./containers/QuestionBank/views/SurveyQuestion";
+import MarioAi from "./containers/MarioAi/views/MarioAi";
+import AIMario from "./containers/MarioAi/views/AIMario";
+import ChatWithAI from "./containers/MarioAi/views/ChatWithAI";
+import ViewHistoryPrompt from "./containers/MarioAi/views/ViewHistoryPrompt";
 import SurveyPortal from "./containers/SurveyDashboard/views/SurveyPortal";
-export { ClassList, ConferenceRubricList, ConferenceRubricDetail, SuggestionList, LearningStrategyList, SetupContainer, QuestionBankList, ReflectionFormList, ReflectionContainer, QuestionDetail, SubjectList, LearningSupportCategoryList, BadgeList, GoalExampleList, TutorialScreenContainer, FeedbackList, AssessmentList, QuestionBankContainer, SurveyQuestionContainer, QuestionCategoryList, AssignmentList, AssessmentAssignmentContainer, SessionTemplateContainer, SessionTemplateDetail, SessionTemplateGeneralClassDetail, CustomAlertList, CertificateContainer, CompareTeacher, AssetLog, SessionTemplateList, SessionTemplateGeneralClassList, Dashboard, AdminTraining, TemplateContainer, OneRosterContainer, SandboxContainer, TemplateBuilderPage, TemplateStartBuild, SurveyDashboardContainer, RevertUser, FixDataStudent, CustomQuestionAlert, SurveyDetailAdmin, SurveyStudentFlagListAdmin, SurveyResultAdmin, SurveyIndexAdmin, CreateSurveyAdmin, PreviewSurveyAdmin, ExternalApi, WeeklyQuest, SettingWeeklyQuest, HomePage, MainLayoutAdmin, SyncData, SummarizeQuestion, SurveyQuestion, SurveyPortal };
+export { ClassList, ConferenceRubricList, ConferenceRubricDetail, SuggestionList, LearningStrategyList, SetupContainer, QuestionBankList, ReflectionFormList, ReflectionContainer, QuestionDetail, SubjectList, LearningSupportCategoryList, BadgeList, GoalExampleList, TutorialScreenContainer, FeedbackList, AssessmentList, QuestionBankContainer, SurveyQuestionContainer, QuestionCategoryList, AssignmentList, AssessmentAssignmentContainer, SessionTemplateContainer, SessionTemplateDetail, SessionTemplateGeneralClassDetail, CustomAlertList, CertificateContainer, CompareTeacher, AssetLog, SessionTemplateList, SessionTemplateGeneralClassList, Dashboard, AdminTraining, TemplateContainer, OneRosterContainer, SandboxContainer, TemplateBuilderPage, TemplateStartBuild, SurveyDashboardContainer, RevertUser, FixDataStudent, CustomQuestionAlert, SurveyDetailAdmin, SurveyStudentFlagListAdmin, SurveyResultAdmin, SurveyIndexAdmin, CreateSurveyAdmin, PreviewSurveyAdmin, ExternalApi, WeeklyQuest, SettingWeeklyQuest, HomePage, MainLayoutAdmin, SyncData, SummarizeQuestion, SurveyQuestion, MarioAi, AIMario, ChatWithAI, ViewHistoryPrompt, SurveyPortal };