@magmamath/students-features 0.2.10 → 0.2.12

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

@@ -1,9 +1,13 @@
 import { Effect } from 'effector';
-import { TeacherFeedbackModelProps } from './model';
 import { GetCommentsPayload, GetCommentsResponse, UpdateCommentStatusSeenPayload } from '../types';
+type TeacherFeedbackAPIProps = {
+    getComments: (props: GetCommentsPayload) => Promise<GetCommentsResponse>;
+    updateCommentStatusSeen: (props: UpdateCommentStatusSeenPayload) => Promise<void>;
+};
 export declare class TeacherFeedbackAPI {
     readonly getCommentsFx: Effect<GetCommentsPayload, GetCommentsResponse>;
     readonly updateCommentStatusSeenFx: Effect<UpdateCommentStatusSeenPayload, void>;
-    constructor(api: TeacherFeedbackModelProps['api']);
+    constructor(api: TeacherFeedbackAPIProps);
 }
+export {};
 //# sourceMappingURL=api.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/model/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAA;AAElG,qBAAa,kBAAkB;IAC7B,SAAgB,aAAa,EAAE,MAAM,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAA;IAC9E,SAAgB,yBAAyB,EAAE,MAAM,CAAC,8BAA8B,EAAE,IAAI,CAAC,CAAA;gBAE3E,GAAG,EAAE,yBAAyB,CAAC,KAAK,CAAC;CAIlD"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/model/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAA;AAElG,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACxE,uBAAuB,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAClF,CAAA;AAED,qBAAa,kBAAkB;IAC7B,SAAgB,aAAa,EAAE,MAAM,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAA;IAC9E,SAAgB,yBAAyB,EAAE,MAAM,CAAC,8BAA8B,EAAE,IAAI,CAAC,CAAA;gBAE3E,GAAG,EAAE,uBAAuB;CAIzC"}

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

@@ -1,20 +1,18 @@
 import { Store } from 'effector';
-import { CommentsMap, Credits, TeacherComment } from '../types';
+import { AddCommentProps, CommentsMap, Credits, DeleteCommentProps } from '../types';
 import { TeacherFeedbackAPI } from './api';
-import { TeacherFeedbackModelProps } from './model';
-export declare class TeacherComments {
+type TeacherCommentsModelProps = {
+    api: TeacherFeedbackAPI;
+    $isOpen: Store<boolean>;
+};
+export declare class TeacherCommentsModel {
     private readonly setNoCommentsMessage;
     readonly setAllCommentsRead: import("effector").EventCallable<Credits>;
-    readonly add: import("effector").EventCallable<Credits & {
-        comment: TeacherComment;
-        isRead: boolean;
-    }>;
-    readonly delete: import("effector").EventCallable<Credits & {
-        commentId: string;
-    }>;
+    readonly add: import("effector").EventCallable<AddCommentProps>;
+    readonly delete: import("effector").EventCallable<DeleteCommentProps>;
     readonly setData: import("effector").EventCallable<CommentsMap>;
     readonly $data: import("effector").StoreWritable<CommentsMap | null>;
-    constructor(api: TeacherFeedbackAPI, $isOpen: Store<boolean>, EMPTY_COMMENT: TeacherFeedbackModelProps['defaults']['EMPTY_COMMENT']);
-    private update;
+    constructor({ api, $isOpen }: TeacherCommentsModelProps);
 }
+export {};
 //# sourceMappingURL=comments.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"comments.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/model/comments.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,OAAO,EAAkB,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AASnD,qBAAa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAgC;IACrE,SAAgB,kBAAkB,4CAAyB;IAC3D,SAAgB,GAAG;iBAAoC,cAAc;gBAAU,OAAO;OAAK;IAC3F,SAAgB,MAAM;mBAAsC,MAAM;OAAK;IAEvE,SAAgB,OAAO,gDAA6B;IACpD,SAAgB,KAAK,uDAsDlB;gBAGD,GAAG,EAAE,kBAAkB,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EACvB,aAAa,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC,eAAe,CAAC;IA8BvE,OAAO,CAAC,MAAM;CAkBf"}
+{"version":3,"file":"comments.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/model/comments.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,OAAO,EAAE,kBAAkB,EAAkB,MAAM,UAAU,CAAA;AACpG,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAK1C,KAAK,yBAAyB,GAAG;IAC/B,GAAG,EAAE,kBAAkB,CAAA;IACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CACxB,CAAA;AAED,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAgC;IACrE,SAAgB,kBAAkB,4CAAyB;IAC3D,SAAgB,GAAG,oDAAiC;IACpD,SAAgB,MAAM,uDAAoC;IAE1D,SAAgB,OAAO,gDAA6B;IACpD,SAAgB,KAAK,uDAsDlB;gBAES,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,yBAAyB;CA6BxD"}

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

@@ -1,8 +1,8 @@
 import { Store } from 'effector';
 import { TeacherFeedbackAPI } from './api';
 import { TeacherFeedbackSockets } from './sockets';
-import { TeacherComments } from './comments';
-import { GetCommentsPayload, GetCommentsResponse, NoCommentsMessage, UpdateCommentStatusSeenPayload } from '../types';
+import { TeacherCommentsModel } from './comments';
+import { GetCommentsPayload, GetCommentsResponse, UpdateCommentStatusSeenPayload } from '../types';
 export type TeacherFeedbackModelProps = {
     api: {
         getComments: (props: GetCommentsPayload) => Promise<GetCommentsResponse>;
@@ -13,18 +13,15 @@ export type TeacherFeedbackModelProps = {
         $assignmentId: Store<string>;
         $problemId: Store<string>;
     };
-    defaults: {
-        EMPTY_COMMENT: NoCommentsMessage;
-    };
 };
 export declare class TeacherFeedbackModel {
     readonly sockets: TeacherFeedbackSockets;
     readonly api: TeacherFeedbackAPI;
-    readonly comments: TeacherComments;
+    readonly comments: TeacherCommentsModel;
     readonly setIsOpen: import("effector").EventCallable<boolean>;
     readonly $isOpen: import("effector").StoreWritable<boolean>;
     readonly setIsFeedbackIconDisplayed: import("effector").EventCallable<boolean>;
     readonly $isFeedbackIconDisplayed: import("effector").StoreWritable<boolean>;
-    constructor({ api, socket, credits, defaults }: TeacherFeedbackModelProps);
+    constructor({ api, socket, credits }: TeacherFeedbackModelProps);
 }
 //# sourceMappingURL=model.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/model/model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAE5C,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,8BAA8B,EAC/B,MAAM,UAAU,CAAA;AAGjB,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE;QACH,WAAW,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,OAAO,CAAC,mBAAmB,CAAC,CAAA;QACxE,uBAAuB,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAClF,CAAA;IACD,MAAM,EAAE,GAAG,CAAA;IACX,OAAO,EAAE;QACP,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;QAC5B,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KAC1B,CAAA;IACD,QAAQ,EAAE;QAAE,aAAa,EAAE,iBAAiB,CAAA;KAAE,CAAA;CAC/C,CAAA;AAED,qBAAa,oBAAoB;IAC/B,SAAgB,OAAO,EAAE,sBAAsB,CAAA;IAC/C,SAAgB,GAAG,EAAE,kBAAkB,CAAA;IACvC,SAAgB,QAAQ,EAAE,eAAe,CAAA;IACzC,SAAgB,SAAS,4CAAyB;IAClD,SAAgB,OAAO,4CAAiC;IAExD,SAAgB,0BAA0B,4CAAyB;IACnE,SAAgB,wBAAwB,4CAAiD;gBAE7E,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,yBAAyB;CA2F1E"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/feedback/model/model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAEjD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAA;AAGlG,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE;QACH,WAAW,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,OAAO,CAAC,mBAAmB,CAAC,CAAA;QACxE,uBAAuB,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAClF,CAAA;IACD,MAAM,EAAE,GAAG,CAAA;IACX,OAAO,EAAE;QACP,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;QAC5B,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KAC1B,CAAA;CACF,CAAA;AAED,qBAAa,oBAAoB;IAC/B,SAAgB,OAAO,EAAE,sBAAsB,CAAA;IAC/C,SAAgB,GAAG,EAAE,kBAAkB,CAAA;IACvC,SAAgB,QAAQ,EAAE,oBAAoB,CAAA;IAC9C,SAAgB,SAAS,4CAAyB;IAClD,SAAgB,OAAO,4CAAiC;IAExD,SAAgB,0BAA0B,4CAAyB;IACnE,SAAgB,wBAAwB,4CAAiD;gBAE7E,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,yBAAyB;CA8FhE"}

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

@@ -23,7 +23,7 @@ export type TeacherComment = {
     updatedAt: Date;
     __v: number;
 };
-export type NoCommentsMessage = Omit<TeacherComment, '_id' | 'problemId' | 'exerciseId'> & {
+export type NoCommentsMessage = Omit<TeacherComment, '_id' | 'problemId' | 'exerciseId' | 'content'> & {
     _id: typeof EMPTY_COMMENT_ID;
 };
 export type FeedbackEntity = {
@@ -41,4 +41,11 @@ export declare enum FeedbackSocketEvents {
     COMMENT_ADDED = "exerciseCommentCreated",
     COMMENT_DELETED = "exerciseCommentDeleted"
 }
+export type AddCommentProps = Credits & {
+    comment: TeacherComment;
+    isRead: boolean;
+};
+export type DeleteCommentProps = Credits & {
+    commentId: string;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/feedback/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAE9C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,SAAS,EAAE,MAAM,GAAG;QAAE,QAAQ,EAAE,cAAc,EAAE,CAAA;KAAE,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,GAAG,EAAE,MAAM,EAAE,CAAA;CACd,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,IAAI,CAAA;IACf,SAAS,EAAE,IAAI,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,WAAW,GAAG,YAAY,CAAC,GAAG;IACzF,GAAG,EAAE,OAAO,gBAAgB,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,cAAc,EAAE,CAAA;IAC1B,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,CAAC,MAAM,EAAE;IAAE,CAAC,SAAS,EAAE,MAAM,GAAG,cAAc,CAAA;CAAE,CAAC,CAAA;AAE9E,MAAM,MAAM,OAAO,GAAG;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,oBAAY,oBAAoB;IAC9B,aAAa,2BAA2B;IACxC,eAAe,2BAA2B;CAC3C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/feedback/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAE9C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,SAAS,EAAE,MAAM,GAAG;QAAE,QAAQ,EAAE,cAAc,EAAE,CAAA;KAAE,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,GAAG,EAAE,MAAM,EAAE,CAAA;CACd,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,IAAI,CAAA;IACf,SAAS,EAAE,IAAI,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,cAAc,EACd,KAAK,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAC/C,GAAG;IACF,GAAG,EAAE,OAAO,gBAAgB,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,cAAc,EAAE,CAAA;IAC1B,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,CAAC,MAAM,EAAE;IAAE,CAAC,SAAS,EAAE,MAAM,GAAG,cAAc,CAAA;CAAE,CAAC,CAAA;AAE9E,MAAM,MAAM,OAAO,GAAG;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,oBAAY,oBAAoB;IAC9B,aAAa,2BAA2B;IACxC,eAAe,2BAA2B;CAC3C;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG;IAAE,OAAO,EAAE,cAAc,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAAA;AACpF,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAA"}

package/dist/typescript/module/lib/helpers/helpers.d.ts

@@ -1,4 +1,3 @@
-import { Locale } from '@magmamath/students-features';
 export declare const generateRandomId: () => string;
-export declare const getRelativeTimeText: (date: Date, lang: Locale) => string;
+export declare const getRelativeTimeText: (date: Date) => string;
 //# sourceMappingURL=helpers.d.ts.map

package/dist/typescript/module/lib/helpers/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/lib/helpers/helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAA;AAErD,eAAO,MAAM,gBAAgB,cACsC,CAAA;AAEnE,eAAO,MAAM,mBAAmB,SAAU,IAAI,QAAQ,MAAM,WAqB3D,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/lib/helpers/helpers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,cACsC,CAAA;AASnE,eAAO,MAAM,mBAAmB,SAAU,IAAI,WAuB7C,CAAA"}

package/dist/typescript/module/shared/icons/MessageBubbleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubbleIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/MessageBubbleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAU,MAAM,4BAA4B,CAAA;AAE9D,eAAO,MAAM,iBAAiB,oBAA6C,SAAS,sBAWnF,CAAA"}

package/dist/typescript/module/shared/icons/XCloseIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XCloseIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/XCloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAU,MAAM,4BAA4B,CAAA;AAE9D,eAAO,MAAM,UAAU,oBAA6C,SAAS,sBAS5E,CAAA"}

package/dist/typescript/module/shared/translation/constants.d.ts

@@ -1,47 +1,45 @@
 export declare const LOCALIZATION_CONFIGS: {
-    "en-SE": {};
-    "en-GB": {};
-    "sv-SE": {};
-};
-export declare const RELATIVE_TIME_LABELS: {
     "en-SE": {
-        justNow: string;
-        minuteAgo: string;
-        minutesAgo: string;
-        hourAgo: string;
-        hoursAgo: string;
-        dayAgo: string;
-        daysAgo: string;
-        monthAgo: string;
-        monthsAgo: string;
-        yearAgo: string;
-        yearsAgo: string;
-    };
-    "sv-SE": {
-        justNow: string;
-        minuteAgo: string;
-        minutesAgo: string;
-        hourAgo: string;
-        hoursAgo: string;
-        dayAgo: string;
-        daysAgo: string;
-        monthAgo: string;
-        monthsAgo: string;
-        yearAgo: string;
-        yearsAgo: string;
+        "teacherFeedback.noComments": string;
+        "time.justNow": string;
+        "time.minuteAgo": string;
+        "time.minutesAgo": string;
+        "time.hourAgo": string;
+        "time.hoursAgo": string;
+        "time.dayAgo": string;
+        "time.daysAgo": string;
+        "time.monthAgo": string;
+        "time.monthsAgo": string;
+        "time.yearAgo": string;
+        "time.yearsAgo": string;
     };
     "en-GB": {
-        justNow: string;
-        minuteAgo: string;
-        minutesAgo: string;
-        hourAgo: string;
-        hoursAgo: string;
-        dayAgo: string;
-        daysAgo: string;
-        monthAgo: string;
-        monthsAgo: string;
-        yearAgo: string;
-        yearsAgo: string;
+        "teacherFeedback.noComments": string;
+        "time.justNow": string;
+        "time.minuteAgo": string;
+        "time.minutesAgo": string;
+        "time.hourAgo": string;
+        "time.hoursAgo": string;
+        "time.dayAgo": string;
+        "time.daysAgo": string;
+        "time.monthAgo": string;
+        "time.monthsAgo": string;
+        "time.yearAgo": string;
+        "time.yearsAgo": string;
+    };
+    "sv-SE": {
+        "teacherFeedback.noComments": string;
+        "time.justNow": string;
+        "time.minuteAgo": string;
+        "time.minutesAgo": string;
+        "time.hourAgo": string;
+        "time.hoursAgo": string;
+        "time.dayAgo": string;
+        "time.daysAgo": string;
+        "time.monthAgo": string;
+        "time.monthsAgo": string;
+        "time.yearAgo": string;
+        "time.yearsAgo": string;
     };
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/typescript/module/shared/translation/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/constants.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB;;;;CAIhC,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwChC,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/constants.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIhC,CAAA"}

package/dist/typescript/module/shared/translation/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,oBAAoB,QAAS,MAAM,kBAAiB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,WAWtF,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,OAUrB,CAAA;AAED,eAAO,MAAM,uBAAuB,cACrB,CAAC,CAAC,MAAM,EAAE,OAAO,oBAAoB,KAAK,kBAAkB,CAAC,GAAG,kBAAkB,SAGhG,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAmB,MAAM,SAAS,CAAA;AAEtE,eAAO,MAAM,oBAAoB,QAAS,MAAM,kBAAiB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,WAWtF,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,OAUrB,CAAA;AAED,eAAO,MAAM,uBAAuB,cACvB,CAAC,CAAC,MAAM,EAAE,OAAO,oBAAoB,KAAK,kBAAkB,CAAC,GAAG,kBAAkB,SAG9F,CAAA"}

package/dist/typescript/module/shared/translation/types.d.ts

@@ -1,4 +1,7 @@
-export type GetText = (key: string, args?: Record<string, string> | null) => string;
+import enTranslations from '../../lib/localization/en.json';
+export type Translations = typeof enTranslations;
+export type TranslationKeys = keyof Translations;
+export type GetText = <T extends TranslationKeys>(key: T, args?: Record<string, string> | null) => Translations[T];
 export declare enum Locale {
     EN = "en-SE",
     SW = "sv-SE",

package/dist/typescript/module/shared/translation/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,KAAK,MAAM,CAAA;AAEnF,oBAAY,MAAM;IACd,EAAE,UAAU;IACZ,EAAE,UAAU;IACZ,EAAE,UAAU;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/types.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAE3D,MAAM,MAAM,YAAY,GAAG,OAAO,cAAc,CAAA;AAChD,MAAM,MAAM,eAAe,GAAG,MAAM,YAAY,CAAA;AAEhD,MAAM,MAAM,OAAO,GAAG,CAAC,CAAC,SAAS,eAAe,EAC9C,GAAG,EAAE,CAAC,EACN,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,KACjC,YAAY,CAAC,CAAC,CAAC,CAAA;AAEpB,oBAAY,MAAM;IAChB,EAAE,UAAU;IACZ,EAAE,UAAU;IACZ,EAAE,UAAU;CACb;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "dist/commonjs/index.js",

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

@@ -61,7 +61,7 @@ export const ChatControls = ({
           variant={ButtonVariant.PRIMARY}
           size={ButtonSize.LARGE}
           colorScheme={ButtonColor.GRAY}
-          raiseLevel={4}
+          raiseLevel={5}
           customColorScheme={{
             [ButtonStates.DEFAULT]: {
               backgroundColor: '#FFF',
@@ -94,10 +94,10 @@ export const ChatControls = ({
 
 const styles = StyleSheet.create({
   container: {
-    // borderWidth: 1,
     alignItems: 'center',
     justifyContent: 'flex-end',
     flexDirection: 'row',
+    height: 60,
     gap: 8,
   },
   buttonClose: {

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

@@ -1,4 +1,4 @@
-import { ComponentType, PropsWithChildren, ReactNode } from 'react'
+import { ComponentType, PropsWithChildren, ReactNode, useEffect } from 'react'
 import { useStoreMap, useUnit } from 'effector-react'
 import { ChatbotModel } from '../model/model'
 import { ChatbotMessages } from './ChatMessages/ChatbotMessages'

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

@@ -1,17 +1,14 @@
 import React from 'react'
 import { StyleSheet, Text, View } from 'react-native'
 import { COLORS } from '@magmamath/react-native-ui'
-import { BUENOS_AIRES_FONT, NO_COMMENTS_SWE, NO_COMMENTS_ENG } from '../constants'
-import { Locale } from '../../../shared/translation/types'
+import { BUENOS_AIRES_FONT } from '../constants'
+import { useText } from '../../../shared/translation'
 
-type EmptyCommentProps = {
-  locale: Locale | null
-}
-
-export const EmptyComment = ({ locale }: EmptyCommentProps) => {
+export const EmptyComment = () => {
+  const t = useText()
   return (
     <View style={styles.container}>
-      <Text style={styles.text}>{locale === Locale.SW ? NO_COMMENTS_SWE : NO_COMMENTS_ENG}</Text>
+      <Text style={styles.text}>{t('teacherFeedback.noComments')}</Text>
     </View>
   )
 }

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

@@ -1,6 +1,6 @@
 import React from 'react'
 import { Text, View, StyleSheet } from 'react-native'
-import { MessageBubbleIcon } from '../assets/icons/MessageBubbleIcon'
+import { MessageBubbleIcon } from '../../../shared/icons/MessageBubbleIcon'
 import { COLORS } from '@magmamath/react-native-ui'
 import { BUENOS_AIRES_FONT } from '../constants'
 

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

@@ -5,15 +5,15 @@ import { TeacherFeedbackButton } from './TeacherFeedbackButton/TeacherFeedbackBu
 import { TeacherFeedbackComments } from './TeacherFeedbackComments/TeacherFeedbackComments'
 import { FeedbackButtonColors, FeedbackButtonSize, FeedbackMode } from '../constants'
 import { TeacherFeedbackModel } from '../model/model'
-import { Locale } from '../../../shared/translation'
 
 type TeacherFeedbackProps = {
   model: TeacherFeedbackModel
   mode: FeedbackMode
-  locale: Locale
   assignmentId: string
   problemId: string
-  color: FeedbackButtonColors
+  color?: FeedbackButtonColors
+  size?: FeedbackButtonSize
+  heightOffset?: number
 }
 
 export const TeacherFeedback = ({
@@ -21,8 +21,9 @@ export const TeacherFeedback = ({
   mode,
   assignmentId,
   problemId,
-  locale,
   color = FeedbackButtonColors.BLUE,
+  size = FeedbackButtonSize.SMALL,
+  heightOffset = 0,
 }: TeacherFeedbackProps) => {
   const isOpen = useUnit(model.$isOpen)
   const isLoading = useUnit(model.api.getCommentsFx.pending)
@@ -31,7 +32,6 @@ export const TeacherFeedback = ({
     fn: (feedback, [assignmentId, problemId]) => feedback?.get(assignmentId)?.[problemId] ?? null,
     keys: [assignmentId, problemId],
   })
-  const isSimpleMode = mode === FeedbackMode.SIMPLE
 
   if (!problemId || !teacherFeedback) return null
 
@@ -40,9 +40,8 @@ export const TeacherFeedback = ({
       {isOpen && (
         <TeacherFeedbackComments
           comments={teacherFeedback.comments}
-          locale={locale}
           mode={mode}
-          maxHeightOffset={isSimpleMode ? 70 : 0}
+          maxHeightOffset={heightOffset}
         />
       )}
       <TeacherFeedbackButton
@@ -50,7 +49,7 @@ export const TeacherFeedback = ({
         unreadCommentsCount={teacherFeedback.unreadMessagesCount}
         isOpen={isOpen}
         isLoading={isLoading}
-        size={isSimpleMode ? FeedbackButtonSize.LARGE : FeedbackButtonSize.SMALL}
+        size={size}
         color={color}
       />
     </View>

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

@@ -2,8 +2,8 @@ import React from 'react'
 import { StyleSheet, View } from 'react-native'
 import { Button, COLORS } from '@magmamath/react-native-ui'
 import { UnreadMessagesBadge } from '../UnreadMessagesBadge'
-import { MessageBubbleIcon } from '../../assets/icons/MessageBubbleIcon'
-import { XCloseIcon } from '../../assets/icons/XCloseIcon'
+import { MessageBubbleIcon } from '../../../../shared/icons/MessageBubbleIcon'
+import { XCloseIcon } from '../../../../shared/icons/XCloseIcon'
 import { COLOR_SCHEMES } from './colorSchemes'
 import {
   FeedbackButtonColors,
@@ -16,6 +16,26 @@ const ICON_SIZES = {
   [FeedbackButtonSize.SMALL]: 26,
 }
 
+const COLOR_PRESETS = {
+  [FeedbackButtonColors.PURPLE]: {
+    borderColor: COLORS.PURPLE_6,
+    schemeColor: COLOR_SCHEMES.PURPLE,
+  },
+  [FeedbackButtonColors.BLUE]: {
+    borderColor: COLORS.BLUE_6,
+    schemeColor: COLOR_SCHEMES.BLUE,
+  },
+}
+
+const getVariantStyles = (isUnread: boolean, color: FeedbackButtonColors) => {
+  const { borderColor, schemeColor } = COLOR_PRESETS[color]
+  return {
+    iconColor: isUnread ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9,
+    customColorScheme: isUnread ? schemeColor : COLOR_SCHEMES.GREY,
+    borderColor: isUnread ? borderColor : COLORS.NEUTRAL_5,
+  }
+}
+
 type TeacherFeedbackButtonProps = {
   isOpen: boolean
   isLoading: boolean
@@ -34,9 +54,10 @@ export const TeacherFeedbackButton = ({
   color = FeedbackButtonColors.BLUE,
 }: TeacherFeedbackButtonProps) => {
   const isLarge = size === FeedbackButtonSize.LARGE
-  const isPurpleColor = color === FeedbackButtonColors.PURPLE
-  const borderColor = isPurpleColor ? COLORS.PURPLE_6 : COLORS.BLUE_6
-  const schemeColor = isPurpleColor ? COLOR_SCHEMES.PURPLE : COLOR_SCHEMES.BLUE
+  const { borderColor, iconColor, customColorScheme } = getVariantStyles(
+    !!unreadCommentsCount,
+    color,
+  )
 
   if (isOpen) {
     return (
@@ -67,20 +88,13 @@ export const TeacherFeedbackButton = ({
       isLoading={isLoading}
       style={{
         container: isLarge ? styles.containerLarge : styles.container,
-        button: [
-          styles.button,
-          { borderColor: !!unreadCommentsCount ? borderColor : COLORS.NEUTRAL_5 },
-          styles[size],
-        ],
+        button: [styles.button, { borderColor }, styles[size]],
       }}
-      customColorScheme={!!unreadCommentsCount ? schemeColor : COLOR_SCHEMES.GREY}
+      customColorScheme={customColorScheme}
       icon={
         <View style={styles.iconContainer}>
-          <MessageBubbleIcon
-            color={!!unreadCommentsCount ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9}
-            size={ICON_SIZES[size]}
-          />
-          {!!unreadCommentsCount && (
+          <MessageBubbleIcon color={iconColor} size={ICON_SIZES[size]} />
+          {unreadCommentsCount !== undefined && (
             <View style={isLarge ? styles.badgeContainerLarge : styles.badgeContainer}>
               <UnreadMessagesBadge
                 badgeContent={unreadCommentsCount}

package/src/features/feedback/components/TeacherFeedbackComments/TeacherComment.tsx

@@ -4,15 +4,13 @@ import { COLORS } from '@magmamath/react-native-ui'
 import { BUENOS_AIRES_FONT } from '../../constants'
 import { getRelativeTimeText } from '../../../../lib/helpers/helpers'
 import { TeacherComment as TeacherCommentEntity } from '../../types'
-import { Locale } from '../../../../shared/translation/types'
 
 type TeacherCommentProps = {
   comment: TeacherCommentEntity
-  locale: Locale | null
-  style: StyleProp<ViewStyle>
+  style?: StyleProp<ViewStyle>
 }
 
-export const TeacherComment = ({ comment, locale, style }: TeacherCommentProps) => {
+export const TeacherComment = ({ comment, style }: TeacherCommentProps) => {
   return (
     <View style={style}>
       <View style={styles.authorInfo}>
@@ -21,7 +19,7 @@ export const TeacherComment = ({ comment, locale, style }: TeacherCommentProps)
         </Text>
         <View style={styles.spacer} />
         <Text style={styles.dateAdded} numberOfLines={1}>
-          {getRelativeTimeText(comment.createdAt, locale ?? Locale.EN)}
+          {getRelativeTimeText(comment.createdAt)}
         </Text>
       </View>
 

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

@@ -4,7 +4,6 @@ import { TeacherComment } from './TeacherComment'
 import { EmptyComment } from '../EmptyComment'
 import { EMPTY_COMMENT_ID, FeedbackMode } from '../../constants'
 import { COLORS } from '@magmamath/react-native-ui'
-import { Locale } from '../../../../shared/translation'
 import { TeacherComment as TeacherCommentEntity } from '../../types'
 
 const TOOLBAR_HEIGHT = 140
@@ -14,29 +13,23 @@ const BOTTOM_OFFSET = Platform.select({
 })
 
 type TeacherFeedbackCommentsProps = {
-  comments: TeacherCommentEntity[] | null
-  locale: Locale | null
+  comments: TeacherCommentEntity[]
   mode: FeedbackMode
   maxHeightOffset: number
 }
 
 export const TeacherFeedbackComments = ({
   comments,
-  locale,
-  mode,
   maxHeightOffset,
 }: TeacherFeedbackCommentsProps) => {
   const ref = useRef<ScrollView | null>(null)
   const dimensions = useWindowDimensions()
   const MAX_HEIGHT = dimensions.height - TOOLBAR_HEIGHT - BOTTOM_OFFSET
-  const isSimpleMode = mode === FeedbackMode.SIMPLE
 
   useEffect(() => {
     ref.current?.scrollToEnd({ animated: false })
   }, [])
 
-  if (!comments) return null
-
   return (
     <View style={[styles.container, { maxHeight: MAX_HEIGHT - maxHeightOffset }]}>
       <ScrollView
@@ -45,13 +38,12 @@ export const TeacherFeedbackComments = ({
         onContentSizeChange={() => ref.current?.scrollToEnd()}
       >
         {comments.length === 1 && comments[0]._id === EMPTY_COMMENT_ID ? (
-          <EmptyComment locale={locale} />
+          <EmptyComment />
         ) : (
           comments.map((comment, index) => (
             <TeacherComment
               key={comment._id}
               comment={comment}
-              locale={locale}
               style={{ marginBottom: index === comments.length - 1 ? 8 : 0 }}
             />
           ))

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

@@ -9,18 +9,25 @@ type UnreadMessagesBadgeProps = {
   textStyle?: StyleProp<TextStyle>
 }
 
-export const UnreadMessagesBadge = ({ badgeContent, withBorder = false, style, textStyle }: UnreadMessagesBadgeProps) => {
+export const UnreadMessagesBadge = ({
+  badgeContent,
+  withBorder = false,
+  style,
+  textStyle,
+}: UnreadMessagesBadgeProps) => {
   return (
     <View
       style={[
         styles.container,
         style,
-        !badgeContent && styles.emptyBadge,
+        badgeContent === undefined && styles.emptyBadge,
         withBorder && styles.border,
         withBorder && (badgeContent ? styles.withBorderSize : styles.withBorderSizeEmpty),
       ]}
     >
-      <Text style={[styles.text, textStyle]}>{badgeContent && badgeContent > 99 ? '99+' : badgeContent}</Text>
+      <Text style={[styles.text, textStyle]}>
+        {badgeContent && badgeContent > 99 ? '99+' : badgeContent}
+      </Text>
     </View>
   )
 }

package/src/features/feedback/constants.ts

@@ -1,12 +1,10 @@
 import { Platform } from 'react-native'
+import { NoCommentsMessage } from './types'
 
 export const BUENOS_AIRES_FONT =
   Platform.OS === 'web' ? 'Buenos Aires, sans-serif' : 'BuenosAires-Regular'
 
-export const NO_COMMENTS_ENG = 'No comments yet'
-export const NO_COMMENTS_SWE = 'Inga kommentarer än'
 export const EMPTY_COMMENT_ID = 'empty-comment'
-
 export const TEACHER_FEEDBACK_BUTTON_ID = 'teacherFeedbackButton'
 
 export enum FeedbackButtonColors {
@@ -23,3 +21,14 @@ export enum FeedbackMode {
   SIMPLE = 'SIMPLE',
   NORMAL = 'NORMAL',
 }
+
+export const EMPTY_COMMENT: NoCommentsMessage = {
+  __v: 0,
+  _id: EMPTY_COMMENT_ID,
+  createdAt: new Date(),
+  isRead: true,
+  studentId: '',
+  teacherId: '',
+  teacherName: '',
+  updatedAt: new Date(),
+} as const