@magmamath/students-features 1.2.1-rc.21 → 1.2.1-rc.23

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

@@ -77,6 +77,7 @@ export declare const LOCALIZATION_CONFIGS: {
             grade: string;
             gradeK: string;
             gradeOther: string;
+            loading: string;
         };
     };
     "en-GB": {
@@ -157,6 +158,7 @@ export declare const LOCALIZATION_CONFIGS: {
             grade: string;
             gradeK: string;
             gradeOther: string;
+            loading: string;
         };
     };
     "sv-SE": {
@@ -237,6 +239,7 @@ export declare const LOCALIZATION_CONFIGS: {
             grade: string;
             gradeK: string;
             gradeOther: string;
+            loading: string;
         };
     };
     "en-CA": {
@@ -317,6 +320,7 @@ export declare const LOCALIZATION_CONFIGS: {
             grade: string;
             gradeK: string;
             gradeOther: string;
+            loading: string;
         };
     };
     "en-SCT": {
@@ -397,6 +401,7 @@ export declare const LOCALIZATION_CONFIGS: {
             grade: string;
             gradeK: string;
             gradeOther: string;
+            loading: string;
         };
     };
     "de-DE": {
@@ -477,6 +482,7 @@ export declare const LOCALIZATION_CONFIGS: {
             grade: string;
             gradeK: string;
             gradeOther: string;
+            loading: string;
         };
     };
 };

package/dist/typescript/commonjs/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/commonjs/shared/translation/model.d.ts

@@ -78,6 +78,7 @@ export declare const setLocalization: import("effector").EventCallable<{
         grade: string;
         gradeK: string;
         gradeOther: string;
+        loading: string;
     };
 } | ((config: typeof LOCALIZATION_CONFIGS) => Translations)>;
 export declare const $localization: import("effector").StoreWritable<{
@@ -158,6 +159,7 @@ export declare const $localization: import("effector").StoreWritable<{
         grade: string;
         gradeK: string;
         gradeOther: string;
+        loading: string;
     };
 }>;
 //# sourceMappingURL=model.d.ts.map

package/dist/typescript/commonjs/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,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"}
+{"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/features/pmProgress/components/header/PmProgressHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PmProgressHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/PmProgressHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAyBvC,eAAO,MAAM,gBAAgB,yBAkG5B,CAAA"}
+{"version":3,"file":"PmProgressHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/PmProgressHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAuBvC,eAAO,MAAM,gBAAgB,yBAqG5B,CAAA"}

package/dist/typescript/module/features/pmProgress/components/header/StartButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type StartButtonProps = {
+    onPress: () => void;
+    disabled: boolean;
+    isLoading: boolean;
+    isActive: boolean;
+    withPulsation?: boolean;
+};
+export declare const StartButton: ({ onPress, disabled, isLoading, isActive, withPulsation, }: StartButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=StartButton.d.ts.map

package/dist/typescript/module/features/pmProgress/components/header/StartButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/StartButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAmB1D,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,WAAW,+DAMrB,gBAAgB,sBAwFlB,CAAA"}

package/dist/typescript/module/features/pmProgress/components/list/Fluency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Fluency.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/list/Fluency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AAGtD,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,OAAO,aAAc,YAAY,6BA8B7C,CAAA"}
+{"version":3,"file":"Fluency.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/list/Fluency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AAGtD,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,OAAO,aAAc,YAAY,6BAkC7C,CAAA"}

package/dist/typescript/module/features/pmProgress/components/list/ListCard.d.ts

@@ -24,7 +24,8 @@ type ListCardProps<T extends ListCardItem> = {
     expandedColor?: string;
     isSkillsLeftHidden?: boolean;
     isHighlighted?: boolean;
+    loadingItemId?: string | null;
 };
-export declare const ListCard: <T extends ListCardItem>({ title, icon, color, items, isExpanded, isHighlighted, onPress, onHoverIn, onHoverOut, onItemPress, progress, rightContent, isFirst, isLast, maxItems, expandedColor, isSkillsLeftHidden, }: ListCardProps<T>) => React.JSX.Element;
+export declare const ListCard: <T extends ListCardItem>({ title, icon, color, items, isExpanded, isHighlighted, onPress, onHoverIn, onHoverOut, onItemPress, progress, rightContent, isFirst, isLast, maxItems, expandedColor, isSkillsLeftHidden, loadingItemId, }: ListCardProps<T>) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ListCard.d.ts.map

package/dist/typescript/module/features/pmProgress/components/list/ListCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListCard.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/list/ListCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAavC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAM3D,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;CACzB,CAAA;AAQD,KAAK,aAAa,CAAC,CAAC,SAAS,YAAY,IAAI;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,YAAY,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,YAAY,gMAkB5C,aAAa,CAAC,CAAC,CAAC,sBAiFlB,CAAA"}
+{"version":3,"file":"ListCard.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/list/ListCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAavC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAM3D,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;CACzB,CAAA;AAQD,KAAK,aAAa,CAAC,CAAC,SAAS,YAAY,IAAI;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,YAAY,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,YAAY,+MAmB5C,aAAa,CAAC,CAAC,CAAC,sBAkFlB,CAAA"}

package/dist/typescript/module/features/pmProgress/components/list/ListItem.d.ts

@@ -4,8 +4,9 @@ export type ListItemProps = {
     subtitle: string;
     skillsLeft: number;
     isFinished?: boolean;
+    isLoading?: boolean;
     onPress?: () => void;
     isSkillsLeftHidden?: boolean;
 };
-export declare const ListItem: ({ title, subtitle, skillsLeft, isFinished, onPress, isSkillsLeftHidden, }: ListItemProps) => React.JSX.Element;
+export declare const ListItem: ({ title, subtitle, skillsLeft, isFinished, isLoading, onPress, isSkillsLeftHidden, }: ListItemProps) => React.JSX.Element;
 //# sourceMappingURL=ListItem.d.ts.map

package/dist/typescript/module/features/pmProgress/components/list/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/list/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAqBvC,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,QAAQ,8EAOlB,aAAa,sBA2Cf,CAAA"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/list/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAqBvC,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,QAAQ,yFAQlB,aAAa,sBA2Df,CAAA"}

package/dist/typescript/module/features/pmProgress/components/list/PmDomainList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PmDomainList.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/list/PmDomainList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,eAAO,MAAM,YAAY,yBA4CxB,CAAA"}
+{"version":3,"file":"PmDomainList.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/list/PmDomainList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,eAAO,MAAM,YAAY,yBAgDxB,CAAA"}

package/dist/typescript/module/features/pmProgress/components/recs/PmTeacherRecs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PmTeacherRecs.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/recs/PmTeacherRecs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,eAAO,MAAM,aAAa,gCA8DzB,CAAA"}
+{"version":3,"file":"PmTeacherRecs.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/recs/PmTeacherRecs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,eAAO,MAAM,aAAa,gCAsEzB,CAAA"}

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

@@ -7,6 +7,8 @@ export declare class PmSolvingFlowModel {
     readonly reset: import("effector").EventCallable<void>;
     readonly setQueue: import("effector").EventCallable<Skill[]>;
     readonly advance: import("effector").EventCallable<void>;
+    readonly setLoaderOpeningId: import("effector").EventCallable<string | null>;
+    readonly $loaderOpeningId: import("effector").StoreWritable<string | null>;
     readonly $queue: import("effector").StoreWritable<Skill[]>;
     constructor(treeModel: PmTreeModel, recommendationsModel: PmRecommendationsModel);
     start(props: StartSolvingProps): Promise<Skill>;

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

@@ -1 +1 @@
-{"version":3,"file":"PmSolvingFlowModel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/model/PmSolvingFlowModel.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAIL,KAAK,EAEL,iBAAiB,EAGlB,MAAM,4BAA4B,CAAA;AAYnC,qBAAa,kBAAkB;IAW3B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,oBAAoB;IAXvC,SAAgB,KAAK,yCAAgB;IAErC,SAAgB,QAAQ,4CAAyB;IACjD,SAAgB,OAAO,yCAAgB;IAEvC,SAAgB,MAAM,4CAEF;gBAGD,SAAS,EAAE,WAAW,EACtB,oBAAoB,EAAE,sBAAsB;IAKlD,KAAK,CAAC,KAAK,EAAE,iBAAiB,GAAG,OAAO,CAAC,KAAK,CAAC;IAU/C,IAAI;IAKjB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,kBAAkB;YAkBZ,UAAU;CAWzB"}
+{"version":3,"file":"PmSolvingFlowModel.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/model/PmSolvingFlowModel.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAIL,KAAK,EAEL,iBAAiB,EAGlB,MAAM,4BAA4B,CAAA;AAYnC,qBAAa,kBAAkB;IAc3B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,oBAAoB;IAdvC,SAAgB,KAAK,yCAAgB;IAErC,SAAgB,QAAQ,4CAAyB;IACjD,SAAgB,OAAO,yCAAgB;IACvC,SAAgB,kBAAkB,kDAA+B;IAEjE,SAAgB,gBAAgB,kDAAyC;IAEzE,SAAgB,MAAM,4CAEF;gBAGD,SAAS,EAAE,WAAW,EACtB,oBAAoB,EAAE,sBAAsB;IAKlD,KAAK,CAAC,KAAK,EAAE,iBAAiB,GAAG,OAAO,CAAC,KAAK,CAAC;IAU/C,IAAI;IAKjB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,kBAAkB;YAkBZ,UAAU;CAWzB"}

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

@@ -15,6 +15,10 @@ export declare enum SolvingFlow {
     MAGMA = "MAGMA",
     STANDARD = "STANDARD"
 }
+export declare enum OpeningLoaderId {
+    START_BUTTON = "START_BUTTON",
+    PRACTICE_BUTTON = "PRACTICE_BUTTON"
+}
 export declare enum SessionStorageKeys {
     SOLVING_QUEUE = "PM_SOLVING_QUEUE",
     GRADE = "PM_GRADE",

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

@@ -1 +1 @@
-{"version":3,"file":"pmProgress.constants.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/shared/pmProgress.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,kBAAkB,MAAM,CAAA;AAErC,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,SAAS,aAAa;CACvB;AAED,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,oBAAY,kBAAkB;IAC5B,aAAa,qBAAqB;IAClC,KAAK,aAAa;IAClB,OAAO,eAAe;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,+PAsBzB,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;;GAM9B,CAAA;AAEH,eAAO,MAAM,oBAAoB,uFAsBhC,CAAA"}
+{"version":3,"file":"pmProgress.constants.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/shared/pmProgress.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,kBAAkB,MAAM,CAAA;AAErC,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,SAAS,aAAa;CACvB;AAED,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,oBAAY,eAAe;IACzB,YAAY,iBAAiB;IAC7B,eAAe,oBAAoB;CACpC;AAED,oBAAY,kBAAkB;IAC5B,aAAa,qBAAqB;IAClC,KAAK,aAAa;IAClB,OAAO,eAAe;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,+PAsBzB,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;;GAM9B,CAAA;AAEH,eAAO,MAAM,oBAAoB,uFAsBhC,CAAA"}

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

@@ -77,6 +77,7 @@ export declare const LOCALIZATION_CONFIGS: {
             grade: string;
             gradeK: string;
             gradeOther: string;
+            loading: string;
         };
     };
     "en-GB": {
@@ -157,6 +158,7 @@ export declare const LOCALIZATION_CONFIGS: {
             grade: string;
             gradeK: string;
             gradeOther: string;
+            loading: string;
         };
     };
     "sv-SE": {
@@ -237,6 +239,7 @@ export declare const LOCALIZATION_CONFIGS: {
             grade: string;
             gradeK: string;
             gradeOther: string;
+            loading: string;
         };
     };
     "en-CA": {
@@ -317,6 +320,7 @@ export declare const LOCALIZATION_CONFIGS: {
             grade: string;
             gradeK: string;
             gradeOther: string;
+            loading: string;
         };
     };
     "en-SCT": {
@@ -397,6 +401,7 @@ export declare const LOCALIZATION_CONFIGS: {
             grade: string;
             gradeK: string;
             gradeOther: string;
+            loading: string;
         };
     };
     "de-DE": {
@@ -477,6 +482,7 @@ export declare const LOCALIZATION_CONFIGS: {
             grade: string;
             gradeK: string;
             gradeOther: string;
+            loading: 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/model.d.ts

@@ -78,6 +78,7 @@ export declare const setLocalization: import("effector").EventCallable<{
         grade: string;
         gradeK: string;
         gradeOther: string;
+        loading: string;
     };
 } | ((config: typeof LOCALIZATION_CONFIGS) => Translations)>;
 export declare const $localization: import("effector").StoreWritable<{
@@ -158,6 +159,7 @@ export declare const $localization: import("effector").StoreWritable<{
         grade: string;
         gradeK: string;
         gradeOther: string;
+        loading: string;
     };
 }>;
 //# sourceMappingURL=model.d.ts.map

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,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"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.2.1-rc.21",
+  "version": "1.2.1-rc.23",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/pmProgress/components/header/PmProgressHeader.tsx

@@ -2,8 +2,6 @@ import React, { useState } from 'react'
 import { StyleSheet, View } from 'react-native'
 import {
   Button,
-  ButtonColor,
-  ButtonSize,
   ButtonVariant,
   CaretDownIcon,
   CaretUpIcon,
@@ -11,17 +9,17 @@ import {
   Dropdown,
   HeadingVariants,
   Menu,
-  PlayIcon,
   SPACING,
   Typography,
 } from '@magmamath/react-native-ui'
 import { SketchArrowRight } from '../../../../shared/icons/SketchArrowRight'
 import { SliceDiamondIcon } from '../../../../shared/icons/SliceDiamondIcon'
 import { useText } from '../../../../shared/translation'
-import { useStoreMap, useUnit } from 'effector-react'
+import { useUnit, useStoreMap } from 'effector-react'
 import { usePmProgress } from '../../context/PmProgressContext'
 import { formatGradeName, isFluencyDomain } from '../../shared/pmProgress.helpers'
-import { SolvingFlow } from '../../shared/pmProgress.constants'
+import { OpeningLoaderId, SolvingFlow } from '../../shared/pmProgress.constants'
+import { StartButton } from './StartButton'
 
 export const PmProgressHeader = () => {
   const t = useText()
@@ -37,6 +35,8 @@ export const PmProgressHeader = () => {
     })),
   )
 
+  const loaderOpeningId = useUnit(model.solving.$loaderOpeningId)
+
   const nextUp = useStoreMap(model.tree.$domains, (domains) =>
     domains.find((domain) => {
       const isFluency = isFluencyDomain(domain.title)
@@ -84,40 +84,41 @@ export const PmProgressHeader = () => {
       </View>
 
       <View style={styles.nextUp}>
-        <View style={styles.content}>
-          <View style={styles.subtitle}>
-            <Typography variant={HeadingVariants.H2} style={styles.dark}>
-              {t('pmProgress.nextUp')}
-            </Typography>
-          </View>
-          <View style={[styles.row, styles.tilted]}>
-            <Typography variant={HeadingVariants.H7} style={styles.muted}>
-              {nextUp?.title}
-            </Typography>
-            <View style={styles.diamond}>
-              <SliceDiamondIcon color={nextUp?.color} />
+        {nextUp && (
+          <>
+            <View style={styles.content}>
+              <View style={styles.subtitle}>
+                <Typography variant={HeadingVariants.H2} style={styles.dark}>
+                  {t('pmProgress.nextUp')}
+                </Typography>
+              </View>
+              <View style={[styles.row, styles.tilted]}>
+                <Typography variant={HeadingVariants.H7} style={styles.muted}>
+                  {nextUp?.title}
+                </Typography>
+                <View style={styles.diamond}>
+                  <SliceDiamondIcon color={nextUp?.color} />
+                </View>
+              </View>
+            </View>
+            <View style={styles.arrow}>
+              <SketchArrowRight />
             </View>
-          </View>
-        </View>
-        <View style={styles.arrow}>
-          <SketchArrowRight />
-        </View>
-        <Button
+          </>
+        )}
+
+        <StartButton
           onPress={async () => {
+            model.solving.setLoaderOpeningId(OpeningLoaderId.START_BUTTON)
             const skill = await model.solving.start({ type: SolvingFlow.MAGMA })
-            onStartPress?.(skill)
+            await onStartPress?.(skill)
+            model.solving.setLoaderOpeningId(null)
           }}
-          icon={<PlayIcon size={16} color={COLORS.NEUTRAL_1} />}
-          variant={ButtonVariant.PRIMARY}
-          size={ButtonSize.LARGE}
-          colorScheme={ButtonColor.YELLOW}
-          raiseLevel={6}
-          style={{ container: styles.startButton }}
-        >
-          <Typography variant={HeadingVariants.H6} style={styles.startButtonText}>
-            {t('pmProgress.startButton')}
-          </Typography>
-        </Button>
+          disabled={loaderOpeningId !== null}
+          isLoading={loaderOpeningId === OpeningLoaderId.START_BUTTON}
+          isActive={loaderOpeningId === OpeningLoaderId.START_BUTTON}
+          withPulsation={!!nextUp}
+        />
       </View>
     </View>
   )
@@ -176,12 +177,4 @@ const styles = StyleSheet.create({
   arrow: {
     transform: [{ rotate: '358deg' }],
   },
-  startButton: {
-    minWidth: 145,
-  },
-  startButtonText: {
-    fontWeight: '700',
-    textTransform: 'uppercase',
-    color: COLORS.NEUTRAL_1,
-  },
 })

package/src/features/pmProgress/components/header/StartButton.tsx

@@ -0,0 +1,141 @@
+import React, { useEffect, useRef, useState } from 'react'
+import { Animated, StyleSheet, View } from 'react-native'
+import {
+  Button,
+  ButtonColor,
+  ButtonSize,
+  ButtonVariant,
+  COLORS,
+  HeadingVariants,
+  PlayIcon,
+  Typography,
+} from '@magmamath/react-native-ui'
+import { useText } from '../../../../shared/translation'
+
+type Sizes = {
+  width: number
+  height: number
+}
+
+type StartButtonProps = {
+  onPress: () => void
+  disabled: boolean
+  isLoading: boolean
+  isActive: boolean
+  withPulsation?: boolean
+}
+
+export const StartButton = ({
+  onPress,
+  disabled,
+  isLoading,
+  isActive,
+  withPulsation,
+}: StartButtonProps) => {
+  const t = useText()
+  const [sizes, setSizes] = useState<Sizes | null>(null)
+  const [aspectRatio, setAspectRatio] = useState<number | null>(null)
+  const showPulsation = withPulsation && sizes && aspectRatio
+
+  const scaleAnimValue = useRef(new Animated.Value(0)).current
+  const fadeAnimValue = useRef(new Animated.Value(1)).current
+
+  const scaleAnimation = Animated.timing(scaleAnimValue, {
+    toValue: 1,
+    duration: 1000,
+    useNativeDriver: true,
+  })
+
+  const fadeOutAnimation = Animated.timing(fadeAnimValue, {
+    toValue: 0,
+    duration: 1000,
+    useNativeDriver: true,
+  })
+
+  const pulsationAnimation = Animated.loop(
+    Animated.sequence([scaleAnimation, Animated.delay(1000), fadeOutAnimation]),
+  )
+
+  useEffect(() => {
+    if (sizes && withPulsation) {
+      pulsationAnimation.start()
+    }
+  }, [sizes, withPulsation])
+
+  return (
+    <View
+      style={styles.container}
+      onLayout={(event) => {
+        setSizes({
+          width: event.nativeEvent.layout.width + 16,
+          height: event.nativeEvent.layout.height + 18,
+        })
+        setAspectRatio(event.nativeEvent.layout.width / event.nativeEvent.layout.height)
+      }}
+    >
+      {showPulsation && (
+        <Animated.View
+          style={[
+            styles.animatedBackground,
+            {
+              width: sizes.width,
+              height: sizes.height,
+              top: -6,
+              left: -8,
+              transform: [
+                {
+                  scaleX: scaleAnimValue.interpolate({
+                    inputRange: [0, 1],
+                    outputRange: [aspectRatio / 10 > 0.7 ? 0.7 : aspectRatio / 10, 1],
+                  }),
+                },
+                {
+                  scaleY: scaleAnimValue.interpolate({
+                    inputRange: [0, 1],
+                    outputRange: [0, 1],
+                  }),
+                },
+              ],
+              opacity: fadeAnimValue,
+            },
+          ]}
+        />
+      )}
+      <Button
+        onPress={onPress}
+        disabled={disabled}
+        isLoading={isLoading}
+        isActive={isActive}
+        icon={<PlayIcon size={16} color={COLORS.NEUTRAL_1} />}
+        variant={ButtonVariant.PRIMARY}
+        size={ButtonSize.LARGE}
+        colorScheme={ButtonColor.YELLOW}
+        raiseLevel={6}
+        style={{ container: styles.startButton }}
+      >
+        <Typography variant={HeadingVariants.H6} style={styles.startButtonText}>
+          {t('pmProgress.startButton')}
+        </Typography>
+      </Button>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    marginRight: 8,
+  },
+  startButton: {
+    minWidth: 145,
+  },
+  startButtonText: {
+    fontWeight: '700',
+    textTransform: 'uppercase',
+    color: COLORS.NEUTRAL_1,
+  },
+  animatedBackground: {
+    backgroundColor: '#FFBE4E66',
+    position: 'absolute',
+    borderRadius: 50,
+  },
+})

package/src/features/pmProgress/components/list/Fluency.tsx

@@ -17,6 +17,7 @@ export const Fluency = ({ data }: FluencyProps) => {
   const t = useText()
   const { model, onStandardPress } = usePmProgress()
   const expandedId = useUnit(model.highlight.$expandedId)
+  const loaderOpeningId = useUnit(model.solving.$loaderOpeningId)
 
   if (!data) return null
 
@@ -30,12 +31,15 @@ export const Fluency = ({ data }: FluencyProps) => {
         color={COLORS.PRIMARY_ORANGE}
         onPress={() => model.highlight.expand(CustomDomain.FLUENCY)}
         onItemPress={async (item) => {
+          model.solving.setLoaderOpeningId(item.id)
           const skill = await model.solving.start({
             type: SolvingFlow.STANDARD,
             standardId: item.standardId,
           })
-          onStandardPress?.(skill)
+          await onStandardPress?.(skill)
+          model.solving.setLoaderOpeningId(null)
         }}
+        loadingItemId={loaderOpeningId}
         isFirst
         isLast
         isExpanded={expandedId === CustomDomain.FLUENCY}

package/src/features/pmProgress/components/list/ListCard.tsx

@@ -48,6 +48,7 @@ type ListCardProps<T extends ListCardItem> = {
   expandedColor?: string
   isSkillsLeftHidden?: boolean
   isHighlighted?: boolean
+  loadingItemId?: string | null
 }
 
 export const ListCard = <T extends ListCardItem>({
@@ -68,6 +69,7 @@ export const ListCard = <T extends ListCardItem>({
   maxItems,
   expandedColor = COLORS.NEUTRAL_3,
   isSkillsLeftHidden = false,
+  loadingItemId = null,
 }: ListCardProps<T>) => {
   const t = useText()
   const [isHovered, setIsHovered] = useState(false)
@@ -135,6 +137,7 @@ export const ListCard = <T extends ListCardItem>({
                 skillsLeft={skillsLeft}
                 subtitle={item.subtitle}
                 isFinished={skillsLeft === 0}
+                isLoading={loadingItemId === item.id}
                 isSkillsLeftHidden={isSkillsLeftHidden}
                 onPress={() => onItemPress?.(item)}
               />