@magmamath/students-features 1.0.2 → 1.0.3-rc.0

package/dist/typescript/module/shared/icons/keyboard/SigmaIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/SigmaIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SigmaIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/SigmaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,SAAS,oBAA0B,SAAS,sBAWxD,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/SigmaSumIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/SigmaSumIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SigmaSumIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/SigmaSumIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,YAAY,oBAA0B,SAAS,sBAW3D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/SlashIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/SlashIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/SlashIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,SAAS,oBAA0B,SAAS,sBAWxD,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/SquarePowerIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/SquarePowerIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SquarePowerIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/SquarePowerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,eAAe,gCAAsC,SAAS,sBAU1E,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/SquareRootIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/SquareRootIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SquareRootIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/SquareRootIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,cAAc,oBAA0B,SAAS,sBAW7D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/SubsetIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/SubsetIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubsetIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/SubsetIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,UAAU,oBAA0B,SAAS,sBAWzD,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/SubtractionIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/SubtractionIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubtractionIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/SubtractionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,eAAe,oBAA0B,SAAS,sBAW9D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/ThetaIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/ThetaIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThetaIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/ThetaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,SAAS,oBAA0B,SAAS,sBAWxD,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/TildeIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/TildeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TildeIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/TildeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,SAAS,oBAA0B,SAAS,sBAWxD,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/UnderlinedOneIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/UnderlinedOneIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinedOneIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/UnderlinedOneIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,iBAAiB,oBAA0B,SAAS,sBAYhE,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/UnderlinedTenIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/UnderlinedTenIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinedTenIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/UnderlinedTenIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,iBAAiB,oBAA0B,SAAS,sBAehE,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/UnderlinedUIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/UnderlinedUIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlinedUIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/UnderlinedUIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,eAAe,oBAA0B,SAAS,sBAe9D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/UnionIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/UnionIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnionIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/UnionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,SAAS,oBAA0B,SAAS,sBASxD,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/XIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/XIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/XIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,KAAK,oBAA0B,SAAS,sBASpD,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/YIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/YIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/YIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIxC,eAAO,MAAM,KAAK,oBAA0B,SAAS,sBASpD,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/YenIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/YenIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YenIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/YenIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,OAAO,oBAA0B,SAAS,sBAStD,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/ZIcon.d.ts

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

package/dist/typescript/module/shared/icons/keyboard/ZIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/ZIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,KAAK,oBAA0B,SAAS,sBASpD,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/icon.types.d.ts

@@ -0,0 +1,6 @@
+export type IconProps = {
+    size?: number;
+    color?: string;
+    extraColor?: string;
+};
+//# sourceMappingURL=icon.types.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/icon.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/icon.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA"}

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

@@ -15,7 +15,8 @@ export declare const LOCALIZATION_CONFIGS: {
         "time.yearsAgo": string;
         chat: {
             anotherHint: string;
-            giveHint: string;
+            getHint: string;
+            needHint: string;
             giveHintOpenChat: string;
             answerAgain: string;
             errorMessage: string;
@@ -75,7 +76,8 @@ export declare const LOCALIZATION_CONFIGS: {
         "time.yearsAgo": string;
         chat: {
             anotherHint: string;
-            giveHint: string;
+            getHint: string;
+            needHint: string;
             giveHintOpenChat: string;
             answerAgain: string;
             errorMessage: string;
@@ -135,7 +137,8 @@ export declare const LOCALIZATION_CONFIGS: {
         "time.yearsAgo": string;
         chat: {
             anotherHint: string;
-            giveHint: string;
+            getHint: string;
+            needHint: string;
             giveHintOpenChat: string;
             answerAgain: string;
             errorMessage: string;
@@ -195,7 +198,8 @@ export declare const LOCALIZATION_CONFIGS: {
         "time.yearsAgo": string;
         chat: {
             anotherHint: string;
-            giveHint: string;
+            getHint: string;
+            needHint: string;
             giveHintOpenChat: string;
             answerAgain: string;
             errorMessage: string;
@@ -255,7 +259,8 @@ export declare const LOCALIZATION_CONFIGS: {
         "time.yearsAgo": string;
         chat: {
             anotherHint: string;
-            giveHint: string;
+            getHint: string;
+            needHint: string;
             giveHintOpenChat: string;
             answerAgain: string;
             errorMessage: string;
@@ -315,7 +320,8 @@ export declare const LOCALIZATION_CONFIGS: {
         "time.yearsAgo": string;
         chat: {
             anotherHint: string;
-            giveHint: string;
+            getHint: string;
+            needHint: string;
             giveHintOpenChat: string;
             answerAgain: string;
             errorMessage: string;

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":"AAQA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOhC,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/constants.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOhC,CAAA"}

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

@@ -1,5 +1,4 @@
 export { useFeaturesLocalization, useText } from './hooks';
 export { setFeaturesLocalization, getText as t } from './helpers';
 export { $localization, setLocalization } from './model';
-export { Locale } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,uBAAuB,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,WAAW,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,uBAAuB,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,WAAW,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}

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

@@ -16,7 +16,8 @@ export declare const setLocalization: import("effector").EventCallable<{
     "time.yearsAgo": string;
     chat: {
         anotherHint: string;
-        giveHint: string;
+        getHint: string;
+        needHint: string;
         giveHintOpenChat: string;
         answerAgain: string;
         errorMessage: string;
@@ -76,7 +77,8 @@ export declare const $localization: import("effector").StoreWritable<{
     "time.yearsAgo": string;
     chat: {
         anotherHint: string;
-        giveHint: string;
+        getHint: string;
+        needHint: string;
         giveHintOpenChat: string;
         answerAgain: string;
         errorMessage: string;

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

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/model.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,YAAY,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAElD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cACD,OAAO,oBAAoB,KAAK,YAAY,EACpE,CAAA;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMzB,CAAA"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAGlD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cACD,OAAO,oBAAoB,KAAK,YAAY,EACpE,CAAA;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMzB,CAAA"}

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

@@ -3,12 +3,4 @@ import { RetrieveKeys } from '../../lib/types/keys';
 export type Translations = typeof enTranslations;
 export type TranslationKeys = RetrieveKeys<Translations>;
 export type GetText = (key: TranslationKeys, args?: Record<string, string> | null) => string;
-export declare enum Locale {
-    EN = "en-SE",
-    SW = "sv-SE",
-    GB = "en-GB",
-    CA = "en-CA",
-    SCT = "en-SCT",
-    DE = "de-DE"
-}
 //# sourceMappingURL=types.d.ts.map

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,OAAO,cAAc,MAAM,wBAAwB,CAAA;AAOnD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,MAAM,MAAM,YAAY,GAAG,OAAO,cAAc,CAAA;AAChD,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,YAAY,CAAC,CAAA;AACxD,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,eAAe,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,KAAK,MAAM,CAAA;AAE5F,oBAAY,MAAM;IAChB,EAAE,UAAU;IACZ,EAAE,UAAU;IACZ,EAAE,UAAU;IACZ,EAAE,UAAU;IACZ,GAAG,WAAW;IACd,EAAE,UAAU;CACb"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/types.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wBAAwB,CAAA;AAOnD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,MAAM,MAAM,YAAY,GAAG,OAAO,cAAc,CAAA;AAChD,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,YAAY,CAAC,CAAA;AACxD,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,eAAe,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,KAAK,MAAM,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.0.2",
+  "version": "1.0.3-rc.0",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",
@@ -18,6 +18,7 @@
     "release": "release-it"
   },
   "peerDependencies": {
+    "@magmamath/frontend-config": "1.1.0",
     "@magmamath/react-native-ui": "*",
     "effector": "^23.2.3",
     "effector-react": "^23.2.1",
@@ -29,10 +30,13 @@
     "react-native-reanimated": ">=0.3.16",
     "react-native-svg": "^15.10.0",
     "expo-audio": "^1.1.1",
-    "expo": ">=52.0.47"
+    "expo": ">=52.0.47",
+    "@react-native-masked-view/masked-view": "*",
+    "react-native-linear-gradient": "*"
   },
   "devDependencies": {
     "@magmamath/react-native-ui": "0.4.83",
+    "@magmamath/frontend-config": "1.1.0",
     "@react-native/eslint-config": "^0.73.1",
     "@release-it/conventional-changelog": "^9.0.2",
     "@types/jest": "^29.5.5",
@@ -57,7 +61,9 @@
     "react-native-svg": "^15.10.0",
     "release-it": "^17.10.0",
     "typescript": "^5.2.2",
-    "axios": "^1.13.5"
+    "axios": "^1.13.5",
+    "@react-native-masked-view/masked-view": "^0.3.2",
+    "react-native-linear-gradient": "^2.8.3"
   },
   "resolutions": {
     "@types/react": "^18.2.44"

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

@@ -1,30 +1,40 @@
-import React, { ComponentType, PropsWithChildren, useRef } from 'react'
-import { Platform, ScrollView, StyleSheet, useWindowDimensions, View } from 'react-native'
+import React, {
+  ComponentType,
+  PropsWithChildren,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+} from 'react'
+import { FlatList, ListRenderItemInfo, StyleSheet, View } from 'react-native'
 import { useStoreMap, useUnit } from 'effector-react'
+import { SPACING } from '@magmamath/react-native-ui'
 
+import { ConversationMessage } from '../../types/units.types'
 import { ChatbotModel } from '../../model/ChatBotModel'
-import { ChatMessage } from '../ChatMessage/ChatMessage'
 import { MessageLoader } from '../ChatMessage/MessageLoader'
-import { ChatInput } from '../ChatInput/ChatInput'
-import { MessageVariant } from '../../types/model.types'
 import { ColorScheme } from '../../types/style.types'
-import { ConditionalWrapper } from '../../../../lib/components/ConditionalWrapper'
 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 { useChatScroll } from '../../hooks/useChatScroll'
+import { useChatFade, FadeOverlays } from '../../hooks/useChatFade'
 
-const TOOLBAR_HEIGHT = 140
-const BOTTOM_OFFSET = Platform.select({
-  web: 265,
-  default: 294,
-})
+const Separator = () => <View style={styles.separator} />
+const keyExtractor = (item: ConversationMessage, index: number) => `${item.id}-${index}`
 
 type ChatProps = {
   model: ChatbotModel
   isHintFeedback: boolean
   isTextToSpeechEnabled: boolean
   isInputDisabled?: boolean
+  maxHeight?: number
   colorScheme?: ColorScheme
   MessageWrapper?: ComponentType<PropsWithChildren>
   TTSHighlightRenderer?: TTSHighlightRenderer
+  onPressClose?: () => void
 }
 
 export const Chat = ({
@@ -32,110 +42,134 @@ export const Chat = ({
   isHintFeedback,
   isTextToSpeechEnabled,
   isInputDisabled,
+  maxHeight = 100,
   colorScheme = ColorScheme.Blue,
   MessageWrapper,
   TTSHighlightRenderer,
+  onPressClose,
 }: ChatProps) => {
-  const dimensions = useWindowDimensions()
-  const ref = useRef<ScrollView>(null)
-  const isOpen = useUnit(model.$isOpen)
+  const listRef = useRef<FlatList>(null)
+  const { fadeRef, maskStyle, handleScrollStateChange, resetFade } = useChatFade()
+  const {
+    scrollStateRef,
+    isScrolledUp,
+    handleScroll,
+    handleLayout,
+    handleContentSizeChange,
+    scrollToBottom,
+    reset: resetScroll,
+  } = useChatScroll({ listRef, onStateChange: handleScrollStateChange })
 
+  const isOpen = useUnit(model.$isOpen)
   const isHelpRequestPending = useUnit(model.sendHelpRequestFx.pending)
-  const isTextToSpeechPending = useUnit(model.api.textToSpeechTextFx.pending)
+  const messages = useStoreMap(model.$currentChatData, ({ messages }) => messages)
 
-  const audioStatus = useUnit(model.t2s.$status)
-  const currentPlayingId = useUnit(model.t2s.$currentPlayingId)
-  const highlightedWordIndex = useUnit(model.t2s.wordHighlight.$highlightedWordIndex)
+  const lastBotMessageId = [...messages].reverse().find((m) => !m.isOwnMessage)?.id
+  const shouldWrapMessage = !!MessageWrapper && !!isInputDisabled && messages.length === 1
+  const reversedMessages = useMemo(() => [...messages].reverse(), [messages])
 
-  const isTranslated = useUnit(model.translation.$isTranslated)
-  const errorSpottingEnabled = useUnit(model.errorSpotting.$isEnabled)
+  const renderMessage = useCallback(
+    ({ item: message }: ListRenderItemInfo<ConversationMessage>) => {
+      const withIcon =
+        isInputDisabled ||
+        (!message.isOwnMessage &&
+          message.id === lastBotMessageId &&
+          scrollStateRef.current.isScrolledUp)
 
-  const messages = useStoreMap(model.$currentChatData, ({ messages }) => messages)
-  const lastMessageId = messages.at(-1)?.id
+      return (
+        <MessageItem
+          message={message}
+          withIcon={withIcon}
+          colorScheme={colorScheme}
+          isInputDisabled={isInputDisabled}
+          isTextToSpeechEnabled={isTextToSpeechEnabled}
+          shouldWrapMessage={shouldWrapMessage}
+          MessageWrapper={MessageWrapper}
+          TTSHighlightRenderer={TTSHighlightRenderer}
+        />
+      )
+    },
+    [lastBotMessageId, colorScheme, isInputDisabled, isTextToSpeechEnabled, shouldWrapMessage],
+  )
+
+  const listHeader = useMemo(
+    () => (
+      <MessageLoader
+        isLoading={isHelpRequestPending && (messages.at(-1)?.isOwnMessage || messages.length === 0)}
+      />
+    ),
+    [isHelpRequestPending, messages],
+  )
 
-  const MAX_HEIGHT = dimensions.height - TOOLBAR_HEIGHT - BOTTOM_OFFSET
-  const shouldWrapMessage = MessageWrapper && isInputDisabled && messages.length === 1
+  useEffect(() => {
+    scrollToBottom()
+  }, [messages.length])
+
+  useEffect(() => {
+    if (!isOpen) {
+      resetScroll()
+      resetFade()
+    }
+  }, [isOpen])
+
+  if (!isOpen) return null
 
   return (
-    <View style={[styles.container, { maxHeight: MAX_HEIGHT }]}>
-      <ScrollView
-        ref={ref}
-        bounces={false}
-        contentContainerStyle={styles.list}
-        onContentSizeChange={(_, height) => {
-          ref.current?.scrollToEnd()
-
-          if (height >= MAX_HEIGHT) {
-            model.setScrollActive(true)
-          }
-        }}
-      >
-        {isOpen && (
-          <View style={[styles.gap, isInputDisabled && styles.messagesWithoutInput]}>
-            {messages.map((message, index) => {
-              const key = `${message.id}-${index}`
-              const isPlayingMessage = message.id === currentPlayingId
-              const messageHighlightIndex =
-                model.t2s.isWordHighlightEnabled && isPlayingMessage ? highlightedWordIndex : -1
-
-              return (
-                <React.Fragment key={key}>
-                  <ConditionalWrapper withWrapper={shouldWrapMessage} Wrapper={MessageWrapper}>
-                    <ChatMessage
-                      isTranslated={isTranslated}
-                      withIcon={!message.isOwnMessage && message.id === lastMessageId}
-                      message={message}
-                      variant={message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED}
-                      colorScheme={colorScheme}
-                      withErrorSpotting={errorSpottingEnabled && !message.isOwnMessage}
-                      highlightedWordIndex={messageHighlightIndex}
-                      TTSHighlightRenderer={TTSHighlightRenderer}
-                      t2sState={{
-                        isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
-                        isActive: isPlayingMessage,
-                        isLoading: isTextToSpeechPending,
-                        status: audioStatus,
-                        disabled: isTextToSpeechPending,
-                      }}
-                    />
-                  </ConditionalWrapper>
-                </React.Fragment>
-              )
-            })}
-
-            {isHelpRequestPending && <MessageLoader colorScheme={colorScheme} />}
-          </View>
-        )}
-
-        {isOpen && !isInputDisabled && (
-          <ChatInput
-            isHintFeedback={isHintFeedback}
-            colorScheme={colorScheme}
-            hasMessages={messages.length > 1}
-          />
-        )}
-      </ScrollView>
+    <View style={[styles.container, { maxHeight }]}>
+      <View style={styles.listWrapper}>
+        <FlatList
+          ref={listRef}
+          data={reversedMessages}
+          renderItem={renderMessage}
+          keyExtractor={keyExtractor}
+          style={[styles.flatList, maskStyle]}
+          contentContainerStyle={styles.list}
+          showsVerticalScrollIndicator={false}
+          inverted
+          bounces={false}
+          onLayout={handleLayout}
+          onScroll={handleScroll}
+          onContentSizeChange={handleContentSizeChange}
+          ItemSeparatorComponent={Separator}
+          ListHeaderComponent={listHeader}
+        />
+        <FadeOverlays fadeRef={fadeRef} />
+      </View>
+
+      {!isScrolledUp && !isInputDisabled && <ChatIcon isLoading={isHelpRequestPending} />}
+
+      <ChatInputBlock
+        isHintFeedback={isHintFeedback}
+        isInputDisabled={isInputDisabled}
+        colorScheme={colorScheme}
+        hasMessages={messages.length > 1}
+        onPressClose={onPressClose}
+      />
     </View>
   )
 }
 
 const styles = StyleSheet.create({
   container: {
-    flex: 1,
     alignItems: 'flex-end',
-    width: 378,
-    height: '100%',
+    width: CHAT_CONTAINER_WIDTH,
+    paddingRight: SPACING['100'],
   },
-  list: {
-    alignItems: 'flex-end',
-    paddingVertical: 2,
-    paddingRight: 6,
+  listWrapper: {
+    flexGrow: 1,
+    flexShrink: 1,
+    alignSelf: 'stretch',
   },
-  messagesWithoutInput: {
-    marginBottom: 8,
+  flatList: {
+    flexGrow: 1,
+    flexShrink: 1,
+    alignSelf: 'stretch',
+  },
+  list: {
+    paddingTop: 15,
+    paddingBottom: 3,
   },
-  gap: {
-    flex: 1,
-    gap: 8,
+  separator: {
+    height: SPACING['200'],
   },
 })