@magmamath/students-features 1.6.0-rc.1 → 1.6.0

package/dist/typescript/module/features/fluency/shared/fluency.helpers.d.ts

@@ -9,6 +9,7 @@ type CreateFluencyModeParams = {
 };
 export declare const createFluencyMode: ({ mode, label, symbol, colorFamily, }: CreateFluencyModeParams) => FluencyModeConfig;
 export declare const buildMatrixGrid: (data: GetMatrixResponse, mode: FluencyMode) => MatrixGrid;
+export declare const allFactsEmpty: (response: GetMatrixResponse) => boolean;
 export declare const generateStreakDates: (stats: GetWeeklyStatsResponse) => StreakStatus[];
 export {};
 //# sourceMappingURL=fluency.helpers.d.ts.map

package/dist/typescript/module/features/fluency/shared/fluency.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fluency.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/features/fluency/shared/fluency.helpers.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAElB,WAAW,EAEX,YAAY,EAEb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EAEtB,UAAU,EACX,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAExD,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,WAAW,CAAA;IACjB,KAAK,EAAE,cAAc,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,iBAAiB,0CAK3B,uBAAuB,KAAG,iBA4B5B,CAAA;AAED,eAAO,MAAM,eAAe,SAAU,iBAAiB,QAAQ,WAAW,KAAG,UAyD5E,CAAA;AAED,eAAO,MAAM,mBAAmB,UAAW,sBAAsB,mBAchE,CAAA"}
+{"version":3,"file":"fluency.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/features/fluency/shared/fluency.helpers.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAElB,WAAW,EAEX,YAAY,EAEb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,EAEtB,UAAU,EACX,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAExD,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,WAAW,CAAA;IACjB,KAAK,EAAE,cAAc,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,iBAAiB,0CAK3B,uBAAuB,KAAG,iBA4B5B,CAAA;AAED,eAAO,MAAM,eAAe,SAAU,iBAAiB,QAAQ,WAAW,KAAG,UAyD5E,CAAA;AAED,eAAO,MAAM,aAAa,aAAc,iBAAiB,KAAG,OAC0B,CAAA;AAEtF,eAAO,MAAM,mBAAmB,UAAW,sBAAsB,mBAchE,CAAA"}

package/dist/typescript/module/features/keyboard/components/KeysList/KeysList.d.ts

@@ -21,7 +21,7 @@ export declare const styles: {
     };
     optionContainer: {
         flexGrow: number;
-        flexBasis: 45 | "auto";
+        flexBasis: "auto" | 45;
     };
     optionButton: {
         width: number;

package/dist/typescript/module/features/keyboard/components/KeysList/helpers.d.ts

@@ -18,7 +18,7 @@ export declare const mapKeyToOption: ({ key, onKeyPress, disabledKeys, optionSty
     style: {
         container: (import("react-native").StyleProp<import("react-native").ViewStyle> | {
             flexGrow: number;
-            flexBasis: 45 | "auto";
+            flexBasis: "auto" | 45;
         })[];
         button: (import("react-native").StyleProp<import("react-native").ViewStyle> | {
             width: number;
@@ -37,7 +37,7 @@ export declare const mapKeyToOption: ({ key, onKeyPress, disabledKeys, optionSty
     style: {
         container: (import("react-native").StyleProp<import("react-native").ViewStyle> | {
             flexGrow: number;
-            flexBasis: 45 | "auto";
+            flexBasis: "auto" | 45;
         })[];
         button: (import("react-native").StyleProp<import("react-native").ViewStyle> | {
             width: number;

package/dist/typescript/module/features/pmProgress/model/PmProgressModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PmProgressModel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/model/PmProgressModel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,KAAK,oBAAoB,GAAG;IAC1B,GAAG,EAAE,kBAAkB,CAAA;CACxB,CAAA;AAED,qBAAa,eAAe;IAC1B,SAAgB,IAAI,qDAAoC;IAExD,SAAgB,GAAG,EAAE,aAAa,CAAA;IAClC,SAAgB,IAAI,EAAE,WAAW,CAAA;IACjC,SAAgB,SAAS,EAAE,gBAAgB,CAAA;IAC3C,SAAgB,QAAQ,EAAE,eAAe,CAAA;IACzC,SAAgB,eAAe,EAAE,sBAAsB,CAAA;IACvD,SAAgB,OAAO,EAAE,kBAAkB,CAAA;gBAE/B,EAAE,GAAG,EAAE,EAAE,oBAAoB;IAWzC,OAAO,CAAC,IAAI;CAab"}
+{"version":3,"file":"PmProgressModel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/model/PmProgressModel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,KAAK,oBAAoB,GAAG;IAC1B,GAAG,EAAE,kBAAkB,CAAA;CACxB,CAAA;AAED,qBAAa,eAAe;IAC1B,SAAgB,IAAI,qDAAoC;IAExD,SAAgB,GAAG,EAAE,aAAa,CAAA;IAClC,SAAgB,IAAI,EAAE,WAAW,CAAA;IACjC,SAAgB,SAAS,EAAE,gBAAgB,CAAA;IAC3C,SAAgB,QAAQ,EAAE,eAAe,CAAA;IACzC,SAAgB,eAAe,EAAE,sBAAsB,CAAA;IACvD,SAAgB,OAAO,EAAE,kBAAkB,CAAA;gBAE/B,EAAE,GAAG,EAAE,EAAE,oBAAoB;IAWzC,OAAO,CAAC,IAAI;CAgBb"}

package/dist/typescript/module/features/pmProgress/model/PmRecommendationsModel.d.ts

@@ -1,6 +1,10 @@
 import { PmProgressApi } from './PmProgressApi';
 import { Recommendations, TreeMappingResponse } from '../shared/pmProgress.types';
 import { SolvingFlow } from '../shared/pmProgress.constants';
+type FetchMagmaRecsParams = {
+    tree: TreeMappingResponse;
+    lockedGrades: number[];
+};
 export declare class PmRecommendationsModel {
     private readonly api;
     readonly reset: import("effector").EventCallable<void>;
@@ -30,30 +34,13 @@ export declare class PmRecommendationsModel {
         limit: number;
         total: number;
     }, Error>;
-    readonly fetchMagmaRecsFx: import("effector").Effect<TreeMappingResponse, {
-        items: {
-            type: SolvingFlow;
-            _id: string;
-            nameTranslations: string;
-            shortDescriptionTranslations: string;
-            descriptionTranslations: string;
-            ability: {
-                functionName: string;
-                problemCount: number;
-                sectionId: string;
-                visibility: unknown[];
-            };
-            theory: {
-                languageCode: string;
-                theory: string;
-            }[];
-            difficulty: number;
-        }[];
+    readonly fetchMagmaRecsFx: import("effector").Effect<FetchMagmaRecsParams, {
+        items: import("../shared/pmProgress.types").Skill[];
         offset: number;
         limit: number;
         total: number;
     }, Error>;
-    readonly initRecommendationsFx: import("effector").Effect<TreeMappingResponse, [{
+    readonly initRecommendationsFx: import("effector").Effect<FetchMagmaRecsParams, [{
         items: {
             type: SolvingFlow;
             _id: string;
@@ -76,28 +63,12 @@ export declare class PmRecommendationsModel {
         limit: number;
         total: number;
     }, {
-        items: {
-            type: SolvingFlow;
-            _id: string;
-            nameTranslations: string;
-            shortDescriptionTranslations: string;
-            descriptionTranslations: string;
-            ability: {
-                functionName: string;
-                problemCount: number;
-                sectionId: string;
-                visibility: unknown[];
-            };
-            theory: {
-                languageCode: string;
-                theory: string;
-            }[];
-            difficulty: number;
-        }[];
+        items: import("../shared/pmProgress.types").Skill[];
         offset: number;
         limit: number;
         total: number;
     }], Error>;
     private fetchRecs;
 }
+export {};
 //# sourceMappingURL=PmRecommendationsModel.d.ts.map

package/dist/typescript/module/features/pmProgress/model/PmRecommendationsModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PmRecommendationsModel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/model/PmRecommendationsModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAgB,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAC/F,OAAO,EAA+B,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAIzF,qBAAa,sBAAsB;IAMrB,OAAO,CAAC,QAAQ,CAAC,GAAG;IALhC,SAAgB,KAAK,yCAAgB;IAErC,SAAgB,QAAQ,oDAA6D;IACrF,SAAgB,MAAM,oDAA6D;gBAEtD,GAAG,EAAE,aAAa;IAK/C,SAAgB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;cAIjC;IAED,SAAgB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;cAI/B;IAED,SAAgB,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAEpC;IAED,OAAO,CAAC,SAAS,CAahB;CACF"}
+{"version":3,"file":"PmRecommendationsModel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/model/PmRecommendationsModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAgB,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAC/F,OAAO,EAA+B,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAGzF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,mBAAmB,CAAA;IACzB,YAAY,EAAE,MAAM,EAAE,CAAA;CACvB,CAAA;AAID,qBAAa,sBAAsB;IAMrB,OAAO,CAAC,QAAQ,CAAC,GAAG;IALhC,SAAgB,KAAK,yCAAgB;IAErC,SAAgB,QAAQ,oDAA6D;IACrF,SAAgB,MAAM,oDAA6D;gBAEtD,GAAG,EAAE,aAAa;IAK/C,SAAgB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;cAIjC;IAED,SAAgB,gBAAgB;;;;;cAU/B;IAED,SAAgB,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;eAMpC;IAED,OAAO,CAAC,SAAS,CAahB;CACF"}

package/dist/typescript/module/features/pmProgress/shared/pmProgress.helpers.d.ts

@@ -72,6 +72,7 @@ export declare const startGradesFrom: (grades: Grade[], startGrade: number) => G
 export declare const isFluencyDomain: (title: string) => boolean;
 export declare const formatGradeName: (grade: number) => string;
 export declare const formatGradeLabel: (grade: number, customLabelsMap?: GradeLabelsMap) => string;
+export declare const filterLockedGradeRecs: (skills: Skill[], treeMapping: TreeMappingResponse["treeMapping"], lockedGrades: number[]) => Skill[];
 export declare const getTreeGrades: (tree: TreeMappingResponse, user: User) => Grade[];
 export {};
 //# sourceMappingURL=pmProgress.helpers.d.ts.map

package/dist/typescript/module/features/pmProgress/shared/pmProgress.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pmProgress.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/shared/pmProgress.helpers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"pmProgress.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/shared/pmProgress.helpers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAA;AAChG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EACL,MAAM,EACN,cAAc,EACd,KAAK,EACL,KAAK,EACL,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,IAAI,EACL,MAAM,oBAAoB,CAAA;AAG3B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AA0D5E,eAAO,MAAM,kBAAkB,SACvB,sBAAsB,CAAC,MAAM,CAAC,eACvB,mBAAmB,CAAC,aAAa,CAAC,KAC9C,MAAM,EAqBR,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CACrC,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB,6DAK3B,uBAAuB,KAAG,MAAM,GAAG,IAmBrC,CAAA;AAED,eAAO,MAAM,UAAU,OAAQ,MAAM,KAAG,MAKvC,CAAA;AAED,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAChC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAA;IAC3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,mBAAmB,CAAA;IACzB,KAAK,EAAE,aAAa,CAAA;IACpB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,eAAe,WAAY,cAAc,KAAG,MAAM,IAAI,aAC6B,CAAA;AAEhG,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;AACzD,KAAK,yBAAyB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;AAE7D,eAAO,MAAM,2BAA2B,WAC9B,oBAAoB,KAC3B,MAAM,IAAI,yBAC0D,CAAA;AAEvE,eAAO,MAAM,iBAAiB,SAAU,MAAM,KAAG,qBAoBhD,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,aACzB,cAAc,iBACT,aAAa,KAC3B,KAAK,EAIgF,CAAA;AAExF;;;GAGG;AACH,eAAO,MAAM,gCAAgC,aACjC,cAAc,iBACT,aAAa,KAC3B,KAAK,EAOP,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,8BAA8B,WACjC,MAAM,iBACC,aAAa,sBACR,MAAM,KACzB,KAAK,EAG+D,CAAA;AAEvE;;;GAGG;AACH,eAAO,MAAM,uBAAuB,YAAa,MAAM,EAAE,iBAAiB,aAAa,KAAG,KAAK,EAG1B,CAAA;AAErE,0FAA0F;AAC1F,eAAO,MAAM,uBAAuB,OAAQ,MAAM,SAAS,KAAK,EAAE,KAAG,KAAK,EAIzE,CAAA;AAED,eAAO,MAAM,iBAAiB,WAAY,CAAC,KAAK,GAAG,SAAS,CAAC,EAAE,KAAG,KAAK,EAQtE,CAAA;AAED,eAAO,MAAM,mBAAmB,YAAa,MAAM,WAAW,MAAM,EAAE,KAAG,MAAM,GAAG,SACN,CAAA;AAG5E,eAAO,MAAM,eAAe,WAAY,KAAK,EAAE,cAAc,MAAM,KAAG,KAAK,EAI1E,CAAA;AAED,eAAO,MAAM,eAAe,UAAW,MAAM,YAE5C,CAAA;AAED,eAAO,MAAM,eAAe,UAAW,MAAM,KAAG,MAI/C,CAAA;AAED,eAAO,MAAM,gBAAgB,UAAW,MAAM,oBAAoB,cAAc,KAAG,MAQlF,CAAA;AAqBD,eAAO,MAAM,qBAAqB,WACxB,KAAK,EAAE,eACF,mBAAmB,CAAC,aAAa,CAAC,gBACjC,MAAM,EAAE,KACrB,KAAK,EAQP,CAAA;AAED,eAAO,MAAM,aAAa,SAAU,mBAAmB,QAAQ,IAAI,KAAG,KAAK,EAgB1E,CAAA"}

package/dist/typescript/module/shared/icons/ExcitedLavaIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './icon.types';
-export declare const ExcitedLavaIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const ExcitedLavaIcon: ({ size }: IconProps) => React.JSX.Element;
 //# sourceMappingURL=ExcitedLavaIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExcitedLavaIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/ExcitedLavaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,eAAO,MAAM,eAAe,sBAAkC,SAAS,sBAwhBtE,CAAA"}
+{"version":3,"file":"ExcitedLavaIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/ExcitedLavaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIxC,eAAO,MAAM,eAAe,aAAmB,SAAS,sBA0hBvD,CAAA"}

package/dist/typescript/module/shared/icons/LavaIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from '@magmamath/react-native-ui';
+export declare const LavaIcon: ({ size }: IconProps) => React.JSX.Element;
+//# sourceMappingURL=LavaIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LavaIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/LavaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAItD,eAAO,MAAM,QAAQ,aAAmB,SAAS,sBAugBhD,CAAA"}

package/dist/typescript/module/shared/icons/LavaIconInGlasses.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { IconProps } from './icon.types';
-export declare const LavaIconInGlasses: ({ width, height }: IconProps) => React.JSX.Element;
+import { IconProps } from '@magmamath/react-native-ui';
+export declare const LavaIconInGlasses: ({ size }: IconProps) => React.JSX.Element;
 //# sourceMappingURL=LavaIconInGlasses.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LavaIconInGlasses.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/LavaIconInGlasses.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,eAAO,MAAM,iBAAiB,sBAAkC,SAAS,sBA4dxE,CAAA"}
+{"version":3,"file":"LavaIconInGlasses.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/LavaIconInGlasses.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAItD,eAAO,MAAM,iBAAiB,aAAmB,SAAS,sBA4dzD,CAAA"}

package/dist/typescript/module/shared/icons/index.d.ts

@@ -1,5 +1,5 @@
 export * from './ArrowRightIcon';
-export * from './ChatbotIcon';
+export * from './LavaIcon';
 export * from './CloseIcon';
 export * from './ExcitedLavaIcon';
 export * from './GlobeIcon';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,MAAM,CAAA;AACpB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,MAAM,CAAA;AACpB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.6.0-rc.1",
+  "version": "1.6.0",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",
@@ -32,23 +32,12 @@
         "default": "./dist/commonjs/features/voice/index.js"
       }
     },
-    "./fluency-teacher": {
-      "react-native": "./src/features/fluency-teacher/index.ts",
-      "source": "./src/features/fluency-teacher/index.ts",
-      "import": {
-        "types": "./dist/typescript/module/features/fluency-teacher/index.d.ts",
-        "default": "./dist/module/features/fluency-teacher/index.js"
-      },
-      "require": {
-        "types": "./dist/typescript/commonjs/features/fluency-teacher/index.d.ts",
-        "default": "./dist/commonjs/features/fluency-teacher/index.js"
-      }
-    },
     "./package.json": "./package.json"
   },
   "files": [
     "src",
-    "dist"
+    "dist",
+    "!dist/typescript/example"
   ],
   "scripts": {
     "clean": "del-cli dist",
@@ -70,8 +59,8 @@
     "effector-storage": "^8.0.0",
     "expo": ">=52.0.47",
     "expo-audio": "^1.1.1",
-    "i18next": ">=23",
     "expo-linear-gradient": "*",
+    "i18next": ">=23",
     "patronum": "^2.3.0",
     "react": "*",
     "react-i18next": ">=15",
@@ -85,7 +74,7 @@
   "devDependencies": {
     "@magmamath/frontend-config": "1.4.0",
     "@magmamath/react-native-draw-board": "1.8.2",
-    "@magmamath/react-native-ui": "0.4.83",
+    "@magmamath/react-native-ui": "0.5.9",
     "@magmamath/students-qa": "0.1.9",
     "@matteappen/skills-utils": "^3.7.1",
     "@react-native-masked-view/masked-view": "^0.3.2",
@@ -94,7 +83,7 @@
     "@types/d3-shape": "3.1.7",
     "@types/jest": "^29.5.5",
     "@types/react": "^18.2.44",
-    "axios": "^1.13.5",
+    "axios": "^1.15.2",
     "del-cli": "^5.1.0",
     "effector": "^23.2.3",
     "effector-action": "1.2.2",
@@ -123,7 +112,12 @@
     "typescript": "^5.2.2"
   },
   "resolutions": {
-    "@types/react": "^18.2.44"
+    "@types/react": "^18.2.44",
+    "@babel/plugin-transform-modules-systemjs": "7.29.4",
+    "basic-ftp": "5.3.1",
+    "@xmldom/xmldom": "0.8.13",
+    "lodash": "4.18.1",
+    "handlebars": "4.7.9"
   },
   "repository": "https://github.com/matteappen/magmamath-features.git",
   "author": "magmamath <magmamath@gmail.com> (https://magmamath.com)",
@@ -146,6 +140,5 @@
     "languages": "js",
     "type": "library",
     "version": "0.44.3"
-  },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  }
 }

package/src/features/chatbot/components/Chat/AIAvatar.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import { View, StyleSheet } from 'react-native'
+import { COLORS, SHADOWS, SPACING, SparkIcon } from '@magmamath/react-native-ui'
+import { AI_AVATAR_BORDER_RADIUS, AI_ICON_SIZE } from '../../constants'
+import { AvatarProps } from '../../types/chat.types'
+
+export const AIAvatar = ({ size = AI_ICON_SIZE }: AvatarProps) => {
+  return (
+    <View style={styles.container}>
+      <SparkIcon color={COLORS.PRIMARY_ORANGE} size={size} />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: COLORS.NEUTRAL_1,
+    padding: SPACING['300'],
+    borderRadius: AI_AVATAR_BORDER_RADIUS,
+    ...SHADOWS['2'],
+  },
+})

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

@@ -9,19 +9,20 @@ import React, {
 import { FlatList, ListRenderItemInfo, StyleSheet, View } from 'react-native'
 import { useStoreMap, useUnit } from 'effector-react'
 import { SPACING } from '@magmamath/react-native-ui'
+import { TEST_IDS } from '@magmamath/students-qa'
 
 import { ConversationMessage } from '../../types/units.types'
 import { ChatbotModel } from '../../model/ChatBotModel'
 import { MessageLoader } from '../ChatMessage/MessageLoader'
 import { ColorScheme } from '../../types/style.types'
 import { TTSHighlightRenderer } from '../../types/t2s.types'
-import { ChatIcon } from './ChatIcon'
-import { ChatInputBlock } from './ChatInputBlock'
-import { MessageItem } from './MessageItem'
-import { CHAT_CONTAINER_WIDTH } from '../../constants'
+import { CHAT_CONTAINER_WIDTH, ChatbotVariant, FLOATING_AVATAR_BOTTOM } from '../../constants'
+import { getChatbotAvatarVariant } from '../../helpers'
 import { useChatScroll } from '../../hooks/useChatScroll'
 import { useChatFade, FadeOverlays } from '../../hooks/useChatFade'
-import { TEST_IDS } from '@magmamath/students-qa'
+import { ChatInputBlock } from './ChatInputBlock'
+import { MessageItem } from './MessageItem'
+import { ChatbotAvatar } from './ChatbotAvatar'
 
 const Separator = () => <View style={styles.separator} />
 const keyExtractor = (item: ConversationMessage, index: number) => `${item.id}-${index}`
@@ -31,6 +32,7 @@ type ChatProps = {
   isHintFeedback: boolean
   isTextToSpeechEnabled: boolean
   isInputDisabled?: boolean
+  chatbotVariant?: ChatbotVariant
   maxHeight?: number
   colorScheme?: ColorScheme
   MessageWrapper?: ComponentType<PropsWithChildren>
@@ -43,6 +45,7 @@ export const Chat = ({
   isHintFeedback,
   isTextToSpeechEnabled,
   isInputDisabled,
+  chatbotVariant = ChatbotVariant.LAVA,
   maxHeight = 100,
   colorScheme = ColorScheme.Blue,
   MessageWrapper,
@@ -83,6 +86,7 @@ export const Chat = ({
           withIcon={withIcon}
           colorScheme={colorScheme}
           isInputDisabled={isInputDisabled}
+          chatbotVariant={chatbotVariant}
           isTextToSpeechEnabled={isTextToSpeechEnabled}
           shouldWrapMessage={shouldWrapMessage}
           MessageWrapper={MessageWrapper}
@@ -90,7 +94,14 @@ export const Chat = ({
         />
       )
     },
-    [lastBotMessageId, colorScheme, isInputDisabled, isTextToSpeechEnabled, shouldWrapMessage],
+    [
+      lastBotMessageId,
+      colorScheme,
+      isInputDisabled,
+      chatbotVariant,
+      isTextToSpeechEnabled,
+      shouldWrapMessage,
+    ],
   )
 
   const listHeader = useMemo(
@@ -102,6 +113,8 @@ export const Chat = ({
     [isHelpRequestPending, messages],
   )
 
+  const floatingAvatarVariant = getChatbotAvatarVariant(chatbotVariant, isHelpRequestPending)
+
   useEffect(() => {
     scrollToBottom()
   }, [messages.length])
@@ -137,7 +150,11 @@ export const Chat = ({
         <FadeOverlays fadeRef={fadeRef} />
       </View>
 
-      {!isScrolledUp && !isInputDisabled && <ChatIcon isLoading={isHelpRequestPending} />}
+      {!isScrolledUp && !isInputDisabled && (
+        <View testID={TEST_IDS.CHAT_ICON} style={styles.floatingAvatar} pointerEvents="box-none">
+          <ChatbotAvatar variant={floatingAvatarVariant} />
+        </View>
+      )}
 
       <ChatInputBlock
         isHintFeedback={isHintFeedback}
@@ -167,10 +184,15 @@ const styles = StyleSheet.create({
     alignSelf: 'stretch',
   },
   list: {
-    paddingTop: 15,
+    paddingTop: SPACING['400'],
     paddingBottom: 3,
   },
   separator: {
     height: SPACING['200'],
   },
+  floatingAvatar: {
+    position: 'absolute',
+    bottom: FLOATING_AVATAR_BOTTOM,
+    left: 0,
+  },
 })

package/src/features/chatbot/components/Chat/ChatbotAvatar.tsx

@@ -0,0 +1,44 @@
+import React, { ComponentType } from 'react'
+import { View, StyleSheet } from 'react-native'
+
+import { ExcitedLavaIcon, LavaIcon, LavaIconInGlasses } from '../../../../shared/icons'
+import { AI_ICON_SIZE, ChatbotAvatarVariant, LAVA_ICON_SIZE } from '../../constants'
+import { AvatarProps } from '../../types/chat.types'
+import { AIAvatar } from './AIAvatar'
+
+const AVATAR_BY_VARIANT: Record<ChatbotAvatarVariant, ComponentType<AvatarProps>> = {
+  [ChatbotAvatarVariant.AI]: AIAvatar,
+  [ChatbotAvatarVariant.LAVA]: LavaIcon,
+  [ChatbotAvatarVariant.THINKING_LAVA]: LavaIconInGlasses,
+  [ChatbotAvatarVariant.EXCITED_LAVA]: ExcitedLavaIcon,
+}
+
+const DEFAULT_SIZE_BY_VARIANT: Record<ChatbotAvatarVariant, number> = {
+  [ChatbotAvatarVariant.AI]: AI_ICON_SIZE,
+  [ChatbotAvatarVariant.LAVA]: LAVA_ICON_SIZE,
+  [ChatbotAvatarVariant.THINKING_LAVA]: LAVA_ICON_SIZE,
+  [ChatbotAvatarVariant.EXCITED_LAVA]: LAVA_ICON_SIZE,
+}
+
+type ChatbotAvatarProps = AvatarProps & {
+  variant?: ChatbotAvatarVariant
+}
+
+export const ChatbotAvatar = ({
+  variant = ChatbotAvatarVariant.LAVA,
+  size,
+}: ChatbotAvatarProps) => {
+  const Avatar = AVATAR_BY_VARIANT[variant]
+
+  return (
+    <View style={[variant === ChatbotAvatarVariant.AI && styles.aiAvatarContainer]}>
+      <Avatar size={size ?? DEFAULT_SIZE_BY_VARIANT[variant]} />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  aiAvatarContainer: {
+    paddingLeft: 3,
+  },
+})

package/src/features/chatbot/components/Chat/MessageItem.tsx

@@ -7,6 +7,7 @@ import { AnimatedMessage } from '../ChatMessage/AnimatedMessage'
 import { ChatMessage } from '../ChatMessage/ChatMessage'
 import { MessageVariant } from '../../types/model.types'
 import { ColorScheme } from '../../types/style.types'
+import { ChatbotVariant } from '../../constants'
 import { ConditionalWrapper } from '../../../../lib/components/ConditionalWrapper'
 import { TTSHighlightRenderer } from '../../types/t2s.types'
 import { useChatModel } from '../../context/ChatBotModelContext'
@@ -16,6 +17,7 @@ type MessageItemProps = {
   withIcon: boolean
   colorScheme: ColorScheme
   isInputDisabled?: boolean
+  chatbotVariant?: ChatbotVariant
   isTextToSpeechEnabled: boolean
   shouldWrapMessage: boolean
   MessageWrapper?: ComponentType<PropsWithChildren>
@@ -27,6 +29,7 @@ export const MessageItem = ({
   withIcon,
   colorScheme,
   isInputDisabled,
+  chatbotVariant,
   isTextToSpeechEnabled,
   shouldWrapMessage,
   MessageWrapper,
@@ -51,6 +54,7 @@ export const MessageItem = ({
         <ConditionalWrapper withWrapper={shouldWrapMessage} Wrapper={MessageWrapper}>
           <ChatMessage
             withIcon={withIcon}
+            chatbotVariant={chatbotVariant}
             isTranslated={isTranslated}
             message={message}
             variant={message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED}

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

@@ -1,28 +1,31 @@
-import React from 'react'
-import { ComponentType, PropsWithChildren } from 'react'
-import { Pressable, StyleSheet, View } from 'react-native'
-import { Button, ButtonColor, ButtonSize, ButtonVariant } from '@magmamath/react-native-ui'
+import React, { ComponentType, PropsWithChildren } from 'react'
+import { StyleSheet, View } from 'react-native'
+import { TEST_IDS } from '@magmamath/students-qa'
+import { Button, ButtonColor, ButtonSize, ButtonVariant, SPACING } from '@magmamath/react-native-ui'
 import { useUnit } from 'effector-react'
+
 import { ChatbotModel } from '../../model/ChatBotModel'
-import { ChatbotIcon } from '../../../../shared/icons/ChatbotIcon'
-import { TEST_IDS } from '@magmamath/students-qa'
+import { ChatbotVariant } from '../../constants'
+import { ChatLauncher } from './ChatLauncher'
 
 type ChatControlsProps = {
   model: ChatbotModel
-  onPressChatIcon: () => void
-  onPressHelpButton?: () => void
-  withHelpButton?: boolean
+  onPressChatLauncher: () => void
+  onPressQuickAction?: () => void
+  withQuickActionButton?: boolean
   ButtonWrapper?: ComponentType<PropsWithChildren>
-  iconSize?: { width: number; height: number }
+  chatbotIconSize?: number
+  chatbotVariant?: ChatbotVariant
 }
 
 export const ChatControls = ({
   model,
-  onPressChatIcon,
-  onPressHelpButton,
-  withHelpButton = false,
+  onPressChatLauncher,
+  onPressQuickAction,
+  withQuickActionButton = false,
   ButtonWrapper = React.Fragment,
-  iconSize = { width: 70, height: 90 },
+  chatbotIconSize = 70,
+  chatbotVariant = ChatbotVariant.LAVA,
 }: ChatControlsProps) => {
   const isOpen = useUnit(model.$isOpen)
   const isTranslated = useUnit(model.translation.$isTranslated)
@@ -36,22 +39,24 @@ export const ChatControls = ({
     <View style={styles.container}>
       <ButtonWrapper>
         <View style={styles.buttonsRow}>
-          {withHelpButton && (
+          {withQuickActionButton && (
             <Button
               variant={ButtonVariant.PRIMARY}
               colorScheme={ButtonColor.WHITE}
               size={ButtonSize.MEDIUM}
-              raiseLevel={3}
-              onPress={onPressHelpButton}
+              onPress={onPressQuickAction}
               style={{ text: styles.helpButtonText }}
               testID={TEST_IDS.CHAT_GET_A_HINT_BUTTON}
             >
               {(isTranslated && getHint.translatedText) || getHint.text}
             </Button>
           )}
-          <Pressable onPress={onPressChatIcon}>
-            <ChatbotIcon width={iconSize?.width} height={iconSize?.height} />
-          </Pressable>
+
+          <ChatLauncher
+            onPress={onPressChatLauncher}
+            iconSize={chatbotIconSize}
+            variant={chatbotVariant}
+          />
         </View>
       </ButtonWrapper>
     </View>
@@ -70,7 +75,7 @@ const styles = StyleSheet.create({
   buttonsRow: {
     flexDirection: 'row',
     alignItems: 'flex-end',
-    gap: 8,
+    gap: SPACING['200'],
   },
   helpButtonText: {
     textTransform: 'uppercase',

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

@@ -0,0 +1,44 @@
+import React from 'react'
+import { Pressable } from 'react-native'
+import {
+  Button,
+  ButtonColor,
+  ButtonSize,
+  ButtonVariant,
+  COLORS,
+  SparkIcon,
+} from '@magmamath/react-native-ui'
+import { LavaIcon } from '../../../../shared/icons'
+import { ChatbotVariant } from '../../constants'
+
+type ChatLauncherProps = {
+  onPress: () => void
+  variant?: ChatbotVariant
+  iconSize?: number
+}
+
+export const ChatLauncher = ({
+  onPress,
+  variant,
+  iconSize = 20,
+}: ChatLauncherProps) => {
+  if (variant === ChatbotVariant.AI) {
+    return (
+      <Button
+        variant={ButtonVariant.PRIMARY}
+        colorScheme={ButtonColor.WHITE}
+        size={ButtonSize.LARGE}
+        raiseLevel={3}
+        onPress={onPress}
+        icon={<SparkIcon color={COLORS.PRIMARY_ORANGE} size={iconSize} />}
+        accessibilityRole="button"
+      />
+    )
+  }
+
+  return (
+    <Pressable onPress={onPress} accessibilityRole="button">
+      <LavaIcon size={iconSize} />
+    </Pressable>
+  )
+}

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

@@ -6,6 +6,7 @@ import { TTSHighlightRenderer, T2SState } from '../../types/t2s.types'
 import { MessageVariant } from '../../types/model.types'
 import { ConversationMessage } from '../../types/units.types'
 import { ColorScheme } from '../../types/style.types'
+import { ChatbotVariant } from '../../constants'
 
 type ChatMessageProps = {
   variant: MessageVariant
@@ -17,6 +18,7 @@ type ChatMessageProps = {
   highlightedWordIndex?: number
   TTSHighlightRenderer?: TTSHighlightRenderer
   withIcon?: boolean
+  chatbotVariant?: ChatbotVariant
 }
 
 export type VariantProps = Omit<ChatMessageProps, 'variant'>