@magmamath/students-features 0.2.0 → 0.2.2

package/dist/typescript/commonjs/features/feedback/constants.d.ts

@@ -16,4 +16,17 @@ export declare const getEmptyComment: (problemId: string, locale: Locale | null)
     teacherName: string;
     updatedAt: Date;
 };
+export declare const TEACHER_FEEDBACK_BUTTON_ID = "teacherFeedbackButton";
+export declare enum FeedbackButtonColors {
+    BLUE = "BLUE",
+    PURPLE = "PURPLE"
+}
+export declare enum FeedbackButtonSize {
+    SMALL = "SMALL",
+    LARGE = "LARGE"
+}
+export declare enum FeedbackMode {
+    SIMPLE = "SIMPLE",
+    NORMAL = "NORMAL"
+}
 //# sourceMappingURL=constants.d.ts.map

package/dist/typescript/commonjs/features/feedback/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/feedback/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AAEtD,eAAO,MAAM,iBAAiB,QAA6E,CAAA;AAE3G,eAAO,MAAM,eAAe,oBAAoB,CAAA;AAChD,eAAO,MAAM,eAAe,6BAAwB,CAAA;AACpD,eAAO,MAAM,gBAAgB,kBAAkB,CAAA;AAE/C,eAAO,MAAM,eAAe,cAAe,MAAM,UAAU,MAAM,GAAG,IAAI;;;;;;;;;;;;CAcvE,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/feedback/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AAEtD,eAAO,MAAM,iBAAiB,QAA6E,CAAA;AAE3G,eAAO,MAAM,eAAe,oBAAoB,CAAA;AAChD,eAAO,MAAM,eAAe,6BAAwB,CAAA;AACpD,eAAO,MAAM,gBAAgB,kBAAkB,CAAA;AAE/C,eAAO,MAAM,eAAe,cAAe,MAAM,UAAU,MAAM,GAAG,IAAI;;;;;;;;;;;;CAcvE,CAAA;AAED,eAAO,MAAM,0BAA0B,0BAA0B,CAAA;AAEjE,oBAAY,oBAAoB;IAC9B,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,oBAAY,kBAAkB;IAC5B,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB"}

package/dist/typescript/commonjs/features/feedback/index.d.ts

@@ -1,4 +1,5 @@
 export * from './model/teacherFeedback.model';
 export * from './types/teacherFeedback.types';
+export * from './constants';
 export * from './components';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/commonjs/features/feedback/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/feedback/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/feedback/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}

package/dist/typescript/commonjs/features/feedback/model/teacherFeedback.model.d.ts

@@ -2,6 +2,7 @@ import { Effect, StoreWritable } from 'effector';
 import { CommentsEntity, GetCommentsByIdProps, Locale, TeacherComment, UpdateCommentSeenStatusProps } from '../types/teacherFeedback.types';
 type TeacherFeedbackModelProps = {
     credits: {
+        assignmentId: StoreWritable<string>;
         problemId: StoreWritable<string>;
         locale: StoreWritable<Locale | null>;
     };
@@ -12,21 +13,27 @@ type TeacherFeedbackModelProps = {
         updateCommentSeenStatus: (props: UpdateCommentSeenStatusProps) => Promise<void>;
     };
 };
+type CommentsMap = Map<string, Record<string, CommentsEntity>>;
 export declare class TeacherFeedbackModel {
+    $assignmentId: StoreWritable<string>;
     $currentProblemId: StoreWritable<string>;
     $locale: StoreWritable<Locale | null>;
     setCommentsSeen: import("effector").EventCallable<{
         ids: string[];
         currentProblemId: string;
+        assignmentId: string;
     }>;
-    $comments: StoreWritable<Map<string, CommentsEntity>>;
+    $comments: StoreWritable<CommentsMap>;
     setIsOpened: import("effector").EventCallable<boolean>;
     $isOpened: StoreWritable<boolean>;
     setIsVisible: import("effector").EventCallable<boolean>;
     $isVisible: StoreWritable<boolean>;
-    getCommentsByAssignmentIdFx: Effect<GetCommentsByIdProps, Record<string, {
-        comments: TeacherComment[];
-    }>>;
+    getCommentsByAssignmentIdFx: Effect<GetCommentsByIdProps, {
+        data: Record<string, {
+            comments: TeacherComment[];
+        }>;
+        assignmentId: string;
+    }>;
     updateCommentSeenFx: Effect<UpdateCommentSeenStatusProps, void>;
     sockets: {
         onCreate: import("effector").EventCallable<TeacherComment>;

package/dist/typescript/commonjs/features/feedback/model/teacherFeedback.model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teacherFeedback.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/model/teacherFeedback.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0C,MAAM,EAAmB,aAAa,EAAE,MAAM,UAAU,CAAA;AACzG,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,MAAM,EACN,cAAc,EACd,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AAGvC,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE;QACP,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;QAChC,MAAM,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;KACrC,CAAA;IACD,GAAG,EAAE;QACH,yBAAyB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE;YAAE,QAAQ,EAAE,cAAc,EAAE,CAAA;SAAE,CAAC,CAAC,CAAA;QACnH,uBAAuB,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAChF,CAAA;CACF,CAAA;AAED,qBAAa,oBAAoB;IAC/B,iBAAiB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACxC,OAAO,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAErC,eAAe;aAAsB,MAAM,EAAE;0BAAoB,MAAM;OAAK;IAC5E,SAAS,6CAAsD;IAE/D,WAAW,4CAAyB;IACpC,SAAS,yBAAmC;IAC5C,YAAY,4CAAyB;IACrC,UAAU,yBAAoC;IAE9C,2BAA2B,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,cAAc,EAAE,CAAA;KAAE,CAAC,CAAC,CAAA;IACzG,mBAAmB,EAAE,MAAM,CAAC,4BAA4B,EAAE,IAAI,CAAC,CAAA;IAE/D,OAAO;;;MAGN;gBAEW,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,yBAAyB;CA4IxD"}
+{"version":3,"file":"teacherFeedback.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/model/teacherFeedback.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0C,MAAM,EAAmB,aAAa,EAAE,MAAM,UAAU,CAAA;AACzG,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,MAAM,EACN,cAAc,EACd,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AAGvC,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE;QACP,YAAY,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;QACnC,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;QAChC,MAAM,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;KACrC,CAAA;IACD,GAAG,EAAE;QACH,yBAAyB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE;YAAE,QAAQ,EAAE,cAAc,EAAE,CAAA;SAAE,CAAC,CAAC,CAAA;QACnH,uBAAuB,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAChF,CAAA;CACF,CAAA;AAED,KAAK,WAAW,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;AAE9D,qBAAa,oBAAoB;IAC/B,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACpC,iBAAiB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACxC,OAAO,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAErC,eAAe;aAAsB,MAAM,EAAE;0BAAoB,MAAM;sBAAgB,MAAM;OAAK;IAClG,SAAS,6BAAsC;IAE/C,WAAW,4CAAyB;IACpC,SAAS,yBAAmC;IAC5C,YAAY,4CAAyB;IACrC,UAAU,yBAAoC;IAE9C,2BAA2B,EAAE,MAAM,CACjC,oBAAoB,EACpB;QACE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,QAAQ,EAAE,cAAc,EAAE,CAAA;SAAE,CAAC,CAAA;QACpD,YAAY,EAAE,MAAM,CAAA;KACrB,CACF,CAAA;IACD,mBAAmB,EAAE,MAAM,CAAC,4BAA4B,EAAE,IAAI,CAAC,CAAA;IAE/D,OAAO;;;MAGN;gBAEW,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,yBAAyB;CA2MxD"}

package/dist/typescript/module/features/chatbot/components/ChatControls/ChatControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatControls.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatControls/ChatControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKhD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,YAAY,CAAA;IACnB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,aAAa,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,YAAY,qGAOtB,iBAAiB,sBA+CnB,CAAA"}
+{"version":3,"file":"ChatControls.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatControls/ChatControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAWxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKhD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,YAAY,CAAA;IACnB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,aAAa,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,YAAY,qGAOtB,iBAAiB,sBA2DnB,CAAA"}

package/dist/typescript/module/features/feedback/components/TeacherFeedback.d.ts

@@ -1,8 +1,11 @@
 import React from 'react';
 import { TeacherFeedbackModel } from '../model/teacherFeedback.model';
+import { FeedbackMode } from '../constants';
 type TeacherFeedbackProps = {
     model: TeacherFeedbackModel;
+    mode: FeedbackMode;
+    isExam: boolean;
 };
-export declare const TeacherFeedback: ({ model }: TeacherFeedbackProps) => React.JSX.Element | null;
+export declare const TeacherFeedback: ({ model, mode, isExam }: TeacherFeedbackProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=TeacherFeedback.d.ts.map

package/dist/typescript/module/features/feedback/components/TeacherFeedback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeacherFeedback.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/components/TeacherFeedback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAErE,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,oBAAoB,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,eAAe,cAAe,oBAAoB,6BAwB9D,CAAA"}
+{"version":3,"file":"TeacherFeedback.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/components/TeacherFeedback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,EAA4C,YAAY,EAAE,MAAM,cAAc,CAAA;AAErF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,oBAAoB,CAAA;IAC3B,IAAI,EAAE,YAAY,CAAA;IAClB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,eAAe,4BAAqC,oBAAoB,6BA2BpF,CAAA"}

package/dist/typescript/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
+import { FeedbackButtonColors, FeedbackButtonSize } from '../../constants';
 type TeacherFeedbackButtonProps = {
     isOpen: boolean;
     isLoading: boolean;
     onPress?: () => void;
     unreadCommentsCount?: number;
+    size?: FeedbackButtonSize;
+    color?: FeedbackButtonColors;
 };
-export declare const TeacherFeedbackButton: ({ isOpen, onPress, unreadCommentsCount, isLoading, }: TeacherFeedbackButtonProps) => React.JSX.Element;
+export declare const TeacherFeedbackButton: ({ isOpen, onPress, unreadCommentsCount, isLoading, size, color, }: TeacherFeedbackButtonProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=TeacherFeedbackButton.d.ts.map

package/dist/typescript/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeacherFeedbackButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,qBAAqB,yDAK/B,0BAA0B,sBA6C5B,CAAA"}
+{"version":3,"file":"TeacherFeedbackButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAEnB,MAAM,iBAAiB,CAAA;AAOxB,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,KAAK,CAAC,EAAE,oBAAoB,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,qBAAqB,sEAO/B,0BAA0B,sBAuE5B,CAAA"}

package/dist/typescript/module/features/feedback/components/TeacherFeedbackButton/colorSchemes.d.ts

@@ -1,4 +1,21 @@
 export declare const COLOR_SCHEMES: {
+    PURPLE: {
+        1: {
+            borderColor: "#7853c6";
+            raiseColor: "#7853c6";
+            backgroundColor: "#976fe6";
+        };
+        2: {
+            borderColor: "#7853c6";
+            raiseColor: "#7853c6";
+            backgroundColor: "#976fe6";
+        };
+        0: {
+            borderColor: "#7853c6";
+            raiseColor: "#7853c6";
+            backgroundColor: "#976fe6";
+        };
+    };
     BLUE: {
         1: {
             borderColor: "#2488bb";

package/dist/typescript/module/features/feedback/components/TeacherFeedbackButton/colorSchemes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorSchemes.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/feedback/components/TeacherFeedbackButton/colorSchemes.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCzB,CAAA"}
+{"version":3,"file":"colorSchemes.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/feedback/components/TeacherFeedbackButton/colorSchemes.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDzB,CAAA"}

package/dist/typescript/module/features/feedback/components/TeacherFeedbackComments/TeacherComment.d.ts

@@ -5,7 +5,8 @@ type TeacherCommentProps = {
     teacherName: string;
     createdAt: Date;
     locale: Locale | null;
+    isLastComment: boolean;
 };
-export declare const TeacherComment: ({ content, teacherName, createdAt, locale }: TeacherCommentProps) => React.JSX.Element;
+export declare const TeacherComment: ({ content, teacherName, createdAt, locale, isLastComment }: TeacherCommentProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=TeacherComment.d.ts.map

package/dist/typescript/module/features/feedback/components/TeacherFeedbackComments/TeacherComment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeacherComment.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/feedback/components/TeacherFeedbackComments/TeacherComment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAE1D,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,IAAI,CAAA;IACf,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,cAAc,gDAAiD,mBAAmB,sBAkB9F,CAAA"}
+{"version":3,"file":"TeacherComment.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/feedback/components/TeacherFeedbackComments/TeacherComment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAE1D,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,IAAI,CAAA;IACf,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,cAAc,+DAAgE,mBAAmB,sBAkB7G,CAAA"}

package/dist/typescript/module/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { Locale, TeacherComment as FeedbackComment } from '../../types/teacherFeedback.types';
+import { FeedbackMode } from '../../constants';
 type TeacherFeedbackCommentsProps = {
     comments: FeedbackComment[] | null;
     locale: Locale | null;
+    mode: FeedbackMode;
 };
-export declare const TeacherFeedbackComments: ({ comments, locale }: TeacherFeedbackCommentsProps) => React.JSX.Element | null;
+export declare const TeacherFeedbackComments: ({ comments, locale, mode, }: TeacherFeedbackCommentsProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=TeacherFeedbackComments.d.ts.map

package/dist/typescript/module/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeacherFeedbackComments.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAA;AAQ7F,KAAK,4BAA4B,GAAG;IAClC,QAAQ,EAAE,eAAe,EAAE,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,uBAAuB,yBAA0B,4BAA4B,6BAkCzF,CAAA"}
+{"version":3,"file":"TeacherFeedbackComments.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAA;AAG7F,OAAO,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAOhE,KAAK,4BAA4B,GAAG;IAClC,QAAQ,EAAE,eAAe,EAAE,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,EAAE,YAAY,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,uBAAuB,gCAIjC,4BAA4B,6BAyC9B,CAAA"}

package/dist/typescript/module/features/feedback/components/UnreadMessagesBadge.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
 type UnreadMessagesBadgeProps = {
     badgeContent?: number;
     withBorder?: boolean;
     style?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
 };
-export declare const UnreadMessagesBadge: ({ badgeContent, withBorder, style }: UnreadMessagesBadgeProps) => React.JSX.Element;
+export declare const UnreadMessagesBadge: ({ badgeContent, withBorder, style, textStyle }: UnreadMessagesBadgeProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=UnreadMessagesBadge.d.ts.map

package/dist/typescript/module/features/feedback/components/UnreadMessagesBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnreadMessagesBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/components/UnreadMessagesBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAoC,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGrF,KAAK,wBAAwB,GAAG;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,mBAAmB,wCAAiD,wBAAwB,sBAcxG,CAAA"}
+{"version":3,"file":"UnreadMessagesBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/components/UnreadMessagesBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAoC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGhG,KAAK,wBAAwB,GAAG;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,mBAAmB,mDAA4D,wBAAwB,sBAcnH,CAAA"}

package/dist/typescript/module/features/feedback/constants.d.ts

@@ -16,4 +16,17 @@ export declare const getEmptyComment: (problemId: string, locale: Locale | null)
     teacherName: string;
     updatedAt: Date;
 };
+export declare const TEACHER_FEEDBACK_BUTTON_ID = "teacherFeedbackButton";
+export declare enum FeedbackButtonColors {
+    BLUE = "BLUE",
+    PURPLE = "PURPLE"
+}
+export declare enum FeedbackButtonSize {
+    SMALL = "SMALL",
+    LARGE = "LARGE"
+}
+export declare enum FeedbackMode {
+    SIMPLE = "SIMPLE",
+    NORMAL = "NORMAL"
+}
 //# sourceMappingURL=constants.d.ts.map

package/dist/typescript/module/features/feedback/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/feedback/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AAEtD,eAAO,MAAM,iBAAiB,QAA6E,CAAA;AAE3G,eAAO,MAAM,eAAe,oBAAoB,CAAA;AAChD,eAAO,MAAM,eAAe,6BAAwB,CAAA;AACpD,eAAO,MAAM,gBAAgB,kBAAkB,CAAA;AAE/C,eAAO,MAAM,eAAe,cAAe,MAAM,UAAU,MAAM,GAAG,IAAI;;;;;;;;;;;;CAcvE,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/feedback/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AAEtD,eAAO,MAAM,iBAAiB,QAA6E,CAAA;AAE3G,eAAO,MAAM,eAAe,oBAAoB,CAAA;AAChD,eAAO,MAAM,eAAe,6BAAwB,CAAA;AACpD,eAAO,MAAM,gBAAgB,kBAAkB,CAAA;AAE/C,eAAO,MAAM,eAAe,cAAe,MAAM,UAAU,MAAM,GAAG,IAAI;;;;;;;;;;;;CAcvE,CAAA;AAED,eAAO,MAAM,0BAA0B,0BAA0B,CAAA;AAEjE,oBAAY,oBAAoB;IAC9B,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,oBAAY,kBAAkB;IAC5B,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB"}

package/dist/typescript/module/features/feedback/index.d.ts

@@ -1,4 +1,5 @@
 export * from './model/teacherFeedback.model';
 export * from './types/teacherFeedback.types';
+export * from './constants';
 export * from './components';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/features/feedback/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/feedback/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/feedback/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}

package/dist/typescript/module/features/feedback/model/teacherFeedback.model.d.ts

@@ -2,6 +2,7 @@ import { Effect, StoreWritable } from 'effector';
 import { CommentsEntity, GetCommentsByIdProps, Locale, TeacherComment, UpdateCommentSeenStatusProps } from '../types/teacherFeedback.types';
 type TeacherFeedbackModelProps = {
     credits: {
+        assignmentId: StoreWritable<string>;
         problemId: StoreWritable<string>;
         locale: StoreWritable<Locale | null>;
     };
@@ -12,21 +13,27 @@ type TeacherFeedbackModelProps = {
         updateCommentSeenStatus: (props: UpdateCommentSeenStatusProps) => Promise<void>;
     };
 };
+type CommentsMap = Map<string, Record<string, CommentsEntity>>;
 export declare class TeacherFeedbackModel {
+    $assignmentId: StoreWritable<string>;
     $currentProblemId: StoreWritable<string>;
     $locale: StoreWritable<Locale | null>;
     setCommentsSeen: import("effector").EventCallable<{
         ids: string[];
         currentProblemId: string;
+        assignmentId: string;
     }>;
-    $comments: StoreWritable<Map<string, CommentsEntity>>;
+    $comments: StoreWritable<CommentsMap>;
     setIsOpened: import("effector").EventCallable<boolean>;
     $isOpened: StoreWritable<boolean>;
     setIsVisible: import("effector").EventCallable<boolean>;
     $isVisible: StoreWritable<boolean>;
-    getCommentsByAssignmentIdFx: Effect<GetCommentsByIdProps, Record<string, {
-        comments: TeacherComment[];
-    }>>;
+    getCommentsByAssignmentIdFx: Effect<GetCommentsByIdProps, {
+        data: Record<string, {
+            comments: TeacherComment[];
+        }>;
+        assignmentId: string;
+    }>;
     updateCommentSeenFx: Effect<UpdateCommentSeenStatusProps, void>;
     sockets: {
         onCreate: import("effector").EventCallable<TeacherComment>;

package/dist/typescript/module/features/feedback/model/teacherFeedback.model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teacherFeedback.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/model/teacherFeedback.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0C,MAAM,EAAmB,aAAa,EAAE,MAAM,UAAU,CAAA;AACzG,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,MAAM,EACN,cAAc,EACd,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AAGvC,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE;QACP,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;QAChC,MAAM,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;KACrC,CAAA;IACD,GAAG,EAAE;QACH,yBAAyB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE;YAAE,QAAQ,EAAE,cAAc,EAAE,CAAA;SAAE,CAAC,CAAC,CAAA;QACnH,uBAAuB,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAChF,CAAA;CACF,CAAA;AAED,qBAAa,oBAAoB;IAC/B,iBAAiB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACxC,OAAO,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAErC,eAAe;aAAsB,MAAM,EAAE;0BAAoB,MAAM;OAAK;IAC5E,SAAS,6CAAsD;IAE/D,WAAW,4CAAyB;IACpC,SAAS,yBAAmC;IAC5C,YAAY,4CAAyB;IACrC,UAAU,yBAAoC;IAE9C,2BAA2B,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,cAAc,EAAE,CAAA;KAAE,CAAC,CAAC,CAAA;IACzG,mBAAmB,EAAE,MAAM,CAAC,4BAA4B,EAAE,IAAI,CAAC,CAAA;IAE/D,OAAO;;;MAGN;gBAEW,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,yBAAyB;CA4IxD"}
+{"version":3,"file":"teacherFeedback.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/model/teacherFeedback.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0C,MAAM,EAAmB,aAAa,EAAE,MAAM,UAAU,CAAA;AACzG,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,MAAM,EACN,cAAc,EACd,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AAGvC,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE;QACP,YAAY,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;QACnC,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;QAChC,MAAM,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;KACrC,CAAA;IACD,GAAG,EAAE;QACH,yBAAyB,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE;YAAE,QAAQ,EAAE,cAAc,EAAE,CAAA;SAAE,CAAC,CAAC,CAAA;QACnH,uBAAuB,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAChF,CAAA;CACF,CAAA;AAED,KAAK,WAAW,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;AAE9D,qBAAa,oBAAoB;IAC/B,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACpC,iBAAiB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACxC,OAAO,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAErC,eAAe;aAAsB,MAAM,EAAE;0BAAoB,MAAM;sBAAgB,MAAM;OAAK;IAClG,SAAS,6BAAsC;IAE/C,WAAW,4CAAyB;IACpC,SAAS,yBAAmC;IAC5C,YAAY,4CAAyB;IACrC,UAAU,yBAAoC;IAE9C,2BAA2B,EAAE,MAAM,CACjC,oBAAoB,EACpB;QACE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,QAAQ,EAAE,cAAc,EAAE,CAAA;SAAE,CAAC,CAAA;QACpD,YAAY,EAAE,MAAM,CAAA;KACrB,CACF,CAAA;IACD,mBAAmB,EAAE,MAAM,CAAC,4BAA4B,EAAE,IAAI,CAAC,CAAA;IAE/D,OAAO;;;MAGN;gBAEW,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,yBAAyB;CA2MxD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "dist/commonjs/index.js",
@@ -17,17 +17,17 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@magmamath/react-native-ui": "0.2.15",
     "effector": "^23.2.3",
     "effector-react": "^23.2.1"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "react-native-svg": "^15.10.0"
+    "react-native-svg": "^15.10.0",
+    "@magmamath/react-native-ui": "*"
   },
   "devDependencies": {
-    "@magmamath/react-native-ui": "0.2.15",
+    "@magmamath/react-native-ui": "0.3.0",
     "@react-native/eslint-config": "^0.73.1",
     "@release-it/conventional-changelog": "^9.0.2",
     "@types/jest": "^29.5.5",

package/src/features/chatbot/components/ChatControls/ChatControls.tsx

@@ -1,7 +1,14 @@
 import React from 'react'
 import { ComponentType, PropsWithChildren } from 'react'
 import { ActivityIndicator, Pressable, StyleSheet, View } from 'react-native'
-import { Button } from '@magmamath/react-native-ui'
+import {
+  Button,
+  ButtonColor,
+  ButtonSize,
+  ButtonStates,
+  ButtonVariant,
+  COLORS,
+} from '@magmamath/react-native-ui'
 import { useUnit } from 'effector-react'
 import { ChatbotModel } from '../../model/model'
 import { ChatbotIcon } from '../../../../shared/icons/ChatbotIcon'
@@ -49,12 +56,24 @@ export const ChatControls = ({
         <Button
           onPress={onPressClose}
           style={{
-            container: styles.buttonClose,
-            button: {
+            button: styles.buttonClose,
+          }}
+          variant={ButtonVariant.PRIMARY}
+          size={ButtonSize.LARGE}
+          colorScheme={ButtonColor.GRAY}
+          raiseLevel={5}
+          customColorScheme={{
+            [ButtonStates.DEFAULT]: {
               backgroundColor: '#FFF',
+              borderColor: COLORS.NEUTRAL_5,
+              raiseColor: COLORS.NEUTRAL_5,
+            },
+            [ButtonStates.PRESSED]: {
+              backgroundColor: COLORS.NEUTRAL_4,
+              borderColor: COLORS.NEUTRAL_5,
+              raiseColor: COLORS.NEUTRAL_5,
             },
           }}
-          raiseLevel={5}
         >
           <CloseIcon />
         </Button>
@@ -84,6 +103,10 @@ const styles = StyleSheet.create({
   buttonClose: {
     width: 50,
     height: 50,
+    borderRadius: 50,
+    paddingHorizontal: 0,
+    borderWidth: 1.5,
+    borderColor: COLORS.NEUTRAL_5,
   },
   buttonTranslate: {
     alignItems: 'center',

package/src/features/feedback/components/EmptyComment/EmptyComment.tsx

@@ -23,7 +23,7 @@ const styles = StyleSheet.create({
     borderTopLeftRadius: 8,
     borderTopRightRadius: 8,
     borderBottomRightRadius: 8,
-    shadowColor: COLORS.PRIMARY_SHADOW,
+    shadowColor: COLORS.NEUTRAL_10,
     shadowOffset: { width: 0, height: 1 },
     shadowOpacity: 0.25,
     shadowRadius: 3,

package/src/features/feedback/components/TeacherFeedback.tsx

@@ -4,32 +4,38 @@ import { View, StyleSheet } from 'react-native'
 import { TeacherFeedbackButton } from './TeacherFeedbackButton/TeacherFeedbackButton'
 import { TeacherFeedbackComments } from './TeacherFeedbackComments/TeacherFeedbackComments'
 import { TeacherFeedbackModel } from '../model/teacherFeedback.model'
+import { FeedbackButtonColors, FeedbackButtonSize, FeedbackMode } from '../constants'
 
 type TeacherFeedbackProps = {
   model: TeacherFeedbackModel
+  mode: FeedbackMode
+  isExam: boolean
 }
 
-export const TeacherFeedback = ({ model }: TeacherFeedbackProps) => {
+export const TeacherFeedback = ({ model, mode, isExam = false }: TeacherFeedbackProps) => {
   const isOpen = useUnit(model.$isOpened)
+  const assignmentId = useUnit(model.$assignmentId)
   const problemId = useUnit(model.$currentProblemId)
   const locale = useUnit(model.$locale)
   const isLoading = useUnit(model.getCommentsByAssignmentIdFx.pending)
   const teacherFeedback = useStoreMap({
     store: model.$comments,
-    fn: (feedback, [problemId]) => feedback.get(problemId) ?? null,
-    keys: [problemId],
+    fn: (feedback, [assignmentId, problemId]) => feedback.get(assignmentId)?.[problemId] ?? null,
+    keys: [assignmentId, problemId],
   })
 
   if (!problemId || !teacherFeedback) return null
 
   return (
     <View style={styles.container}>
-      {isOpen && <TeacherFeedbackComments comments={teacherFeedback.comments} locale={locale} />}
+      {isOpen && <TeacherFeedbackComments comments={teacherFeedback.comments} locale={locale} mode={mode} />}
       <TeacherFeedbackButton
         onPress={() => model.setIsOpened(!isOpen)}
         unreadCommentsCount={teacherFeedback.unreadMessagesCount}
         isOpen={isOpen}
         isLoading={isLoading}
+        size={mode === FeedbackMode.NORMAL ? FeedbackButtonSize.SMALL : FeedbackButtonSize.LARGE}
+        color={isExam ? FeedbackButtonColors.PURPLE : FeedbackButtonColors.BLUE}
       />
     </View>
   )

package/src/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.tsx

@@ -5,12 +5,24 @@ import { UnreadMessagesBadge } from '../UnreadMessagesBadge'
 import { MessageBubbleIcon } from '../icons/MessageBubbleIcon'
 import { XCloseIcon } from '../icons/XCloseIcon'
 import { COLOR_SCHEMES } from './colorSchemes'
+import {
+  FeedbackButtonColors,
+  FeedbackButtonSize,
+  TEACHER_FEEDBACK_BUTTON_ID,
+} from '../../constants'
+
+const ICON_SIZES = {
+  [FeedbackButtonSize.LARGE]: 37,
+  [FeedbackButtonSize.SMALL]: 26,
+}
 
 type TeacherFeedbackButtonProps = {
   isOpen: boolean
   isLoading: boolean
   onPress?: () => void
   unreadCommentsCount?: number
+  size?: FeedbackButtonSize
+  color?: FeedbackButtonColors
 }
 
 export const TeacherFeedbackButton = ({
@@ -18,45 +30,73 @@ export const TeacherFeedbackButton = ({
   onPress,
   unreadCommentsCount,
   isLoading,
+  size = FeedbackButtonSize.LARGE,
+  color = FeedbackButtonColors.BLUE,
 }: TeacherFeedbackButtonProps) => {
+  const isLarge = size === FeedbackButtonSize.LARGE
+  const isPurpleColor = color === FeedbackButtonColors.PURPLE
+
   if (isOpen) {
     return (
       <Button
-        key='open'
+        id={TEACHER_FEEDBACK_BUTTON_ID}
         onPress={onPress}
-        size='large'
-        variant='primary'
+        size="large"
+        variant="primary"
         disabled={isLoading}
         isLoading={isLoading}
         style={{
-          container: styles.container,
-          button: [styles.button, { borderColor: COLORS.NEUTRAL_5 }],
+          container: isLarge ? styles.containerLarge : styles.container,
+          button: [styles.button, { borderColor: COLORS.NEUTRAL_5 }, styles[size]],
         }}
         customColorScheme={COLOR_SCHEMES.GREY}
-        icon={<XCloseIcon />}
+        icon={<XCloseIcon size={ICON_SIZES[size]} />}
       />
     )
   }
 
   return (
     <Button
-      key='closed'
+      id={TEACHER_FEEDBACK_BUTTON_ID}
       onPress={onPress}
-      size='large'
-      variant='primary'
+      size="large"
+      variant="primary"
       disabled={isLoading}
       isLoading={isLoading}
       style={{
-        container: styles.container,
-        button: [styles.button, { borderColor: !!unreadCommentsCount ? COLORS.BLUE_6 : COLORS.NEUTRAL_5 }],
+        container: isLarge ? styles.containerLarge : styles.container,
+        button: [
+          styles.button,
+          {
+            borderColor: !!unreadCommentsCount
+              ? isPurpleColor
+                ? COLORS.PURPLE_6
+                : COLORS.BLUE_6
+              : COLORS.NEUTRAL_5,
+          },
+          styles[size],
+        ],
       }}
-      customColorScheme={!!unreadCommentsCount ? COLOR_SCHEMES.BLUE : COLOR_SCHEMES.GREY}
+      customColorScheme={
+        !!unreadCommentsCount
+          ? isPurpleColor
+            ? COLOR_SCHEMES.PURPLE
+            : COLOR_SCHEMES.BLUE
+          : COLOR_SCHEMES.GREY
+      }
       icon={
         <View style={styles.iconContainer}>
-          <MessageBubbleIcon color={!!unreadCommentsCount ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9} />
+          <MessageBubbleIcon
+            color={!!unreadCommentsCount ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9}
+            size={ICON_SIZES[size]}
+          />
           {!!unreadCommentsCount && (
-            <View style={styles.badgeContainer}>
-              <UnreadMessagesBadge badgeContent={unreadCommentsCount} />
+            <View style={isLarge ? styles.badgeContainerLarge : styles.badgeContainer}>
+              <UnreadMessagesBadge
+                badgeContent={unreadCommentsCount}
+                textStyle={isLarge && styles.textLarge}
+                style={isLarge && styles.badgeLarge}
+              />
             </View>
           )}
         </View>
@@ -70,17 +110,49 @@ const styles = StyleSheet.create({
     width: 54,
     height: 54,
   },
-  button: {
+  containerLarge: {
+    width: 80,
+    height: 80,
+  },
+  [FeedbackButtonSize.SMALL]: {
     width: 50,
     height: 50,
+  },
+  [FeedbackButtonSize.LARGE]: {
+    width: 75,
+    height: 75,
+  },
+  button: {
+    borderWidth: 2,
+  },
+  buttonLarge: {
+    width: 75,
+    height: 75,
     borderWidth: 2,
   },
   iconContainer: {
     position: 'relative',
   },
+  badgeContainerLarge: {
+    position: 'absolute',
+    top: -24,
+    right: -24,
+  },
   badgeContainer: {
     position: 'absolute',
     top: -17,
     right: -17,
   },
+  textLarge: {
+    fontSize: 18,
+    lineHeight: 0,
+    textAlign: 'center',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  badgeLarge: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+  },
 })

package/src/features/feedback/components/TeacherFeedbackButton/colorSchemes.ts

@@ -1,6 +1,23 @@
 import { ButtonStates, COLORS } from '@magmamath/react-native-ui'
 
 export const COLOR_SCHEMES = {
+  PURPLE: {
+    [ButtonStates.DEFAULT]: {
+      borderColor: COLORS.PURPLE_6,
+      raiseColor: COLORS.PURPLE_6,
+      backgroundColor: COLORS.PRIMARY_PURPLE,
+    },
+    [ButtonStates.PRESSED]: {
+      borderColor: COLORS.PURPLE_6,
+      raiseColor: COLORS.PURPLE_6,
+      backgroundColor: COLORS.PRIMARY_PURPLE,
+    },
+    [ButtonStates.HOVER]: {
+      borderColor: COLORS.PURPLE_6,
+      raiseColor: COLORS.PURPLE_6,
+      backgroundColor: COLORS.PRIMARY_PURPLE,
+    },
+  },
   BLUE: {
     [ButtonStates.DEFAULT]: {
       borderColor: COLORS.BLUE_6,