@magmamath/students-features 1.2.0 → 1.2.1-rc.10

package/dist/module/features/pmProgress/components/chart/model/SliceHighlight.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import { createEvent, createStore } from 'effector';
+export class SliceHighlight {
+  set = createEvent();
+  reset = createEvent();
+  $highlightedIndex = createStore(null).on(this.set, (_, index) => index).reset(this.reset);
+  constructor(config) {
+    this.config = config;
+  }
+  getTranslateY(isHighlighted) {
+    return isHighlighted ? -this.config.pressOffset : 0;
+  }
+}
+//# sourceMappingURL=SliceHighlight.js.map

package/dist/module/features/pmProgress/components/chart/model/SliceHighlight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEvent","createStore","SliceHighlight","set","reset","$highlightedIndex","on","_","index","constructor","config","getTranslateY","isHighlighted","pressOffset"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/model/SliceHighlight.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,WAAW,QAAQ,UAAU;AAGnD,OAAO,MAAMC,cAAc,CAAC;EACVC,GAAG,GAAGH,WAAW,CAAS,CAAC;EAC3BI,KAAK,GAAGJ,WAAW,CAAC,CAAC;EAErBK,iBAAiB,GAAGJ,WAAW,CAAgB,IAAI,CAAC,CACjEK,EAAE,CAAC,IAAI,CAACH,GAAG,EAAE,CAACI,CAAC,EAAEC,KAAK,KAAKA,KAAK,CAAC,CACjCJ,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EAEpBK,WAAWA,CAAkBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;EAAG;EAEtDC,aAAaA,CAACC,aAAsB,EAAU;IACnD,OAAOA,aAAa,GAAG,CAAC,IAAI,CAACF,MAAM,CAACG,WAAW,GAAG,CAAC;EACrD;AACF","ignoreList":[]}

package/dist/module/features/pmProgress/components/chart/model/SliceShapeGenerator.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { arc, pie } from 'd3-shape';
+export class SliceShapeGenerator {
+  innerRadius = 0;
+  d3Pie = pie().value(({
+    value
+  }) => value).sort(null);
+  constructor(config) {
+    this.config = config;
+  }
+  generateSlices(data) {
+    this.innerRadius = this.getInnerRadius(data.length);
+    return this.d3Pie(data).map((datum, index) => ({
+      index,
+      startAngle: datum.startAngle,
+      endAngle: datum.endAngle,
+      fillPercent: datum.data.fillPercent ?? 0,
+      backgroundColor: datum.data.backgroundColor ?? this.config.colors.background,
+      fillColor: datum.data.fillColor,
+      borderColor: datum.data.borderColor,
+      data: datum.data
+    }));
+  }
+  generateSlicePath(slice) {
+    return this.buildArc(slice, this.config.outerRadius, this.getCornerRadius(100));
+  }
+  generateFillPath(slice) {
+    const fillRadius = this.getFillRadius(slice);
+    const cornerRadius = this.getCornerRadius(slice.fillPercent);
+
+    // Build with innerRadius 0 so d3 only rounds the outer corners.
+    // The slice clip path will cut the inner edge to the correct boundary.
+    return arc().outerRadius(fillRadius).innerRadius(0).cornerRadius(cornerRadius).padAngle(this.padAngle).padRadius(this.config.outerRadius)({
+      startAngle: slice.startAngle,
+      endAngle: slice.endAngle,
+      innerRadius: 0,
+      outerRadius: fillRadius
+    });
+  }
+  generateFillBorderPath(slice) {
+    const fillRadius = this.getFillRadius(slice);
+    const cornerRadius = this.getCornerRadius(slice.fillPercent);
+    return this.buildArc(slice, fillRadius, cornerRadius);
+  }
+  getFillRadius(slice) {
+    return this.innerRadius + (this.config.outerRadius - this.innerRadius) * (slice.fillPercent / 100);
+  }
+  getInnerRadius(sliceCount) {
+    const {
+      innerRadius
+    } = this.config;
+    return typeof innerRadius === 'function' ? innerRadius(sliceCount) : innerRadius;
+  }
+  getCornerRadius(fillPercent) {
+    const {
+      cornerRadius
+    } = this.config;
+    return typeof cornerRadius === 'function' ? cornerRadius(fillPercent) : cornerRadius;
+  }
+  get padAngle() {
+    return this.config.gapBetweenSlices / this.config.outerRadius;
+  }
+  buildArc(slice, outerRadius, cornerRadius) {
+    const innerRadius = this.innerRadius;
+    return arc().outerRadius(outerRadius).innerRadius(innerRadius).cornerRadius(cornerRadius).padAngle(this.padAngle).padRadius(this.config.outerRadius)({
+      startAngle: slice.startAngle,
+      endAngle: slice.endAngle,
+      innerRadius,
+      outerRadius
+    });
+  }
+}
+//# sourceMappingURL=SliceShapeGenerator.js.map

package/dist/module/features/pmProgress/components/chart/model/SliceShapeGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["arc","pie","SliceShapeGenerator","innerRadius","d3Pie","value","sort","constructor","config","generateSlices","data","getInnerRadius","length","map","datum","index","startAngle","endAngle","fillPercent","backgroundColor","colors","background","fillColor","borderColor","generateSlicePath","slice","buildArc","outerRadius","getCornerRadius","generateFillPath","fillRadius","getFillRadius","cornerRadius","padAngle","padRadius","generateFillBorderPath","sliceCount","gapBetweenSlices"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/model/SliceShapeGenerator.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/components/header/PmProgressHeader.js

@@ -0,0 +1,192 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Portal } from 'react-native-portalize';
+import { Button, ButtonColor, ButtonSize, ButtonVariant, CaretDownIcon, CaretUpIcon, COLORS, Dropdown, HeadingVariants, Menu, PlayIcon, SPACING, Typography } from '@magmamath/react-native-ui';
+import { SketchArrowRight } from "../../../../shared/icons/SketchArrowRight.js";
+import { SliceDiamondIcon } from "../../../../shared/icons/SliceDiamondIcon.js";
+import { useText } from "../../../../shared/translation/index.js";
+import { useStoreMap, useUnit } from 'effector-react';
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { isFluencyDomain } from "../../shared/pmProgress.helpers.js";
+import { SolvingFlow } from "../../shared/pmProgress.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PmProgressHeader = () => {
+  const t = useText();
+  const {
+    model,
+    onStartPress
+  } = usePmProgress();
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const grade = useUnit(model.tree.$grade);
+  const grades = useStoreMap(model.tree.$grades, grades => grades.map(grade => ({
+    key: grade.value,
+    title: grade.name,
+    disabled: grade.isLocked
+  })));
+  const nextUp = useStoreMap(model.tree.$domains, domains => domains.find(domain => {
+    const isFluency = isFluencyDomain(domain.title);
+    const isCompleted = domain.skillsCount.achieved === domain.skillsCount.total;
+    return !isFluency && !isCompleted;
+  }));
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.title,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H2,
+        style: styles.dark,
+        children: t('pmProgress.title')
+      }), /*#__PURE__*/_jsx(Dropdown, {
+        isOpen: isDropdownOpen,
+        Portal: Portal,
+        onDismiss: () => setIsDropdownOpen(false),
+        anchor: /*#__PURE__*/_jsxs(Button, {
+          variant: ButtonVariant.TERTIARY,
+          onPress: () => setIsDropdownOpen(prev => !prev),
+          children: [/*#__PURE__*/_jsxs(Typography, {
+            variant: HeadingVariants.H8,
+            style: styles.dark,
+            children: [t('pmProgress.grade'), " ", grade]
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.caret,
+            children: isDropdownOpen ? /*#__PURE__*/_jsx(CaretUpIcon, {
+              color: COLORS.NEUTRAL_9
+            }) : /*#__PURE__*/_jsx(CaretDownIcon, {
+              color: COLORS.NEUTRAL_9
+            })
+          })]
+        }),
+        children: /*#__PURE__*/_jsx(Menu, {
+          style: styles.menu,
+          items: grades,
+          onItemPress: item => model.tree.setGrade(item.key)
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.nextUp,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.content,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.subtitle,
+          children: /*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H2,
+            style: styles.dark,
+            children: t('pmProgress.nextUp')
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          style: [styles.row, styles.tilted],
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H7,
+            style: styles.muted,
+            children: nextUp?.title
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.diamond,
+            children: /*#__PURE__*/_jsx(SliceDiamondIcon, {
+              color: nextUp?.color
+            })
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.arrow,
+        children: /*#__PURE__*/_jsx(SketchArrowRight, {})
+      }), /*#__PURE__*/_jsx(Button, {
+        onPress: async () => {
+          const skill = await model.solving.start({
+            type: SolvingFlow.MAGMA
+          });
+
+          // @ts-ignore
+          onStartPress?.(skill);
+        },
+        icon: /*#__PURE__*/_jsx(PlayIcon, {
+          size: 16,
+          color: COLORS.NEUTRAL_1
+        }),
+        variant: ButtonVariant.PRIMARY,
+        size: ButtonSize.LARGE,
+        colorScheme: ButtonColor.YELLOW,
+        raiseLevel: 6,
+        style: {
+          container: styles.startButton
+        },
+        children: /*#__PURE__*/_jsx(Typography, {
+          variant: HeadingVariants.H6,
+          style: styles.startButtonText,
+          children: t('pmProgress.startButton')
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: SPACING[400]
+  },
+  title: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200]
+  },
+  dark: {
+    color: COLORS.NEUTRAL_9
+  },
+  caret: {
+    marginLeft: SPACING[100]
+  },
+  menu: {
+    top: SPACING[100],
+    minWidth: 110
+  },
+  nextUp: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[400]
+  },
+  content: {
+    alignItems: 'center',
+    gap: SPACING[100]
+  },
+  subtitle: {
+    transform: [{
+      rotate: '355deg'
+    }],
+    marginRight: SPACING[300]
+  },
+  tilted: {
+    transform: [{
+      rotate: '355deg'
+    }]
+  },
+  row: {
+    flexDirection: 'row',
+    gap: SPACING[100]
+  },
+  muted: {
+    color: COLORS.NEUTRAL_8
+  },
+  diamond: {
+    bottom: 10,
+    transform: [{
+      rotate: '5deg'
+    }]
+  },
+  arrow: {
+    transform: [{
+      rotate: '358deg'
+    }]
+  },
+  startButton: {
+    minWidth: 145
+  },
+  startButtonText: {
+    fontWeight: '700',
+    textTransform: 'uppercase',
+    color: COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=PmProgressHeader.js.map

package/dist/module/features/pmProgress/components/header/PmProgressHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","StyleSheet","View","Portal","Button","ButtonColor","ButtonSize","ButtonVariant","CaretDownIcon","CaretUpIcon","COLORS","Dropdown","HeadingVariants","Menu","PlayIcon","SPACING","Typography","SketchArrowRight","SliceDiamondIcon","useText","useStoreMap","useUnit","usePmProgress","isFluencyDomain","SolvingFlow","jsx","_jsx","jsxs","_jsxs","PmProgressHeader","t","model","onStartPress","isDropdownOpen","setIsDropdownOpen","grade","tree","$grade","grades","$grades","map","key","value","title","name","disabled","isLocked","nextUp","$domains","domains","find","domain","isFluency","isCompleted","skillsCount","achieved","total","style","styles","container","children","variant","H2","dark","isOpen","onDismiss","anchor","TERTIARY","onPress","prev","H8","caret","color","NEUTRAL_9","menu","items","onItemPress","item","setGrade","content","subtitle","row","tilted","H7","muted","diamond","arrow","skill","solving","start","type","MAGMA","icon","size","NEUTRAL_1","PRIMARY","LARGE","colorScheme","YELLOW","raiseLevel","startButton","H6","startButtonText","create","flexDirection","justifyContent","alignItems","marginBottom","gap","marginLeft","top","minWidth","transform","rotate","marginRight","NEUTRAL_8","bottom","fontWeight","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/PmProgressHeader.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/components/insights/PmInsights.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import React, { useMemo, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { BORDER_RADIUS, COLORS, SPACING } from '@magmamath/react-native-ui';
+import { useStoreMap } from 'effector-react';
+import { PracticeProgressPieChart } from "../chart/components/PracticeProgressPieChart.js";
+import { PmTimeframeStats } from "./PmTimeframeStats.js";
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { createChartConfig } from "../../shared/pmProgress.helpers.js";
+import { STATS_MAX_HEIGHT } from "../../shared/pmProgress.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PmInsights = () => {
+  const {
+    model
+  } = usePmProgress();
+  const [chartSize, setChartSize] = useState(0);
+  const chartData = useStoreMap(model.tree.$domains, domains => domains.map(domain => ({
+    value: 1,
+    fillPercent: Math.round(domain.scorePercentage),
+    fillColor: domain.color,
+    borderColor: domain.borderColor,
+    backgroundColor: domain.backgroundColor
+  })));
+  const chartConfig = useMemo(() => {
+    const size = Math.max(0, chartSize - SPACING[400]);
+    return createChartConfig(size);
+  }, [chartSize]);
+  const measureLayout = event => {
+    const height = event.nativeEvent.layout.height;
+    const size = height - STATS_MAX_HEIGHT - SPACING[800];
+    setChartSize(size);
+  };
+  if (!chartData) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    onLayout: measureLayout,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.chart, {
+        width: chartSize,
+        height: chartSize
+      }],
+      children: /*#__PURE__*/_jsx(PracticeProgressPieChart, {
+        data: chartData,
+        config: chartConfig
+      })
+    }), /*#__PURE__*/_jsx(PmTimeframeStats, {})]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    height: '100%'
+  },
+  chart: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderRadius: BORDER_RADIUS[250],
+    padding: SPACING[400],
+    marginBottom: SPACING[400],
+    marginTop: SPACING[400]
+  }
+});
+//# sourceMappingURL=PmInsights.js.map

package/dist/module/features/pmProgress/components/insights/PmInsights.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","StyleSheet","View","BORDER_RADIUS","COLORS","SPACING","useStoreMap","PracticeProgressPieChart","PmTimeframeStats","usePmProgress","createChartConfig","STATS_MAX_HEIGHT","jsx","_jsx","jsxs","_jsxs","PmInsights","model","chartSize","setChartSize","chartData","tree","$domains","domains","map","domain","value","fillPercent","Math","round","scorePercentage","fillColor","color","borderColor","backgroundColor","chartConfig","size","max","measureLayout","event","height","nativeEvent","layout","style","styles","container","onLayout","children","chart","width","data","config","create","alignItems","justifyContent","NEUTRAL_1","borderRadius","padding","marginBottom","marginTop"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/PmInsights.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/components/insights/PmTimeframeStats.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, SelectGroup, SelectOptionColor, SPACING } from '@magmamath/react-native-ui';
+import { StatsCard } from "./StatsCard.js";
+import { StarIcon } from "../../../../shared/icons/StarIcon.js";
+import { TimerIcon } from "../../../../shared/icons/TimerIcon.js";
+import { BORDER_RADIUS } from '@magmamath/react-native-ui';
+import { useText } from "../../../../shared/translation/index.js";
+import { useUnit } from 'effector-react';
+import { formatTime } from "../../shared/pmProgress.helpers.js";
+import { InsightsTimeframe, STATS_MAX_HEIGHT } from "../../shared/pmProgress.constants.js";
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PmTimeframeStats = () => {
+  const t = useText();
+  const {
+    model
+  } = usePmProgress();
+  const timeframe = useUnit(model.insights.$timeframe);
+  const insights = useUnit(model.insights.$insights);
+  const OPTIONS = [{
+    key: InsightsTimeframe.WEEK,
+    title: t('pmProgress.thisWeek')
+  }, {
+    key: InsightsTimeframe.LAST_WEEK,
+    title: t('pmProgress.lastWeek')
+  }, {
+    key: InsightsTimeframe.ALL,
+    title: t('pmProgress.allTime')
+  }];
+  if (!insights) return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.cards,
+        children: [/*#__PURE__*/_jsx(StatsCard, {
+          value: insights.numberOfStars,
+          label: t('pmProgress.stars'),
+          color: COLORS.PRIMARY_YELLOW,
+          icon: /*#__PURE__*/_jsx(StarIcon, {})
+        }), /*#__PURE__*/_jsx(StatsCard, {
+          value: formatTime(insights.timeInPracticeMs),
+          label: t('pmProgress.time'),
+          color: COLORS.PRIMARY_PURPLE,
+          icon: /*#__PURE__*/_jsx(TimerIcon, {})
+        })]
+      }), /*#__PURE__*/_jsx(SelectGroup, {
+        color: SelectOptionColor.GREY,
+        options: OPTIONS,
+        selectedOptions: OPTIONS.filter(({
+          key
+        }) => key === timeframe),
+        onOptionChange: ({
+          key
+        }) => model.insights.setTimeframe(key)
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    maxHeight: STATS_MAX_HEIGHT,
+    height: '100%',
+    padding: SPACING[200],
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderRadius: BORDER_RADIUS[300],
+    shadowColor: COLORS.NEUTRAL_9,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 3,
+    elevation: 2
+  },
+  content: {
+    gap: SPACING[100],
+    marginBottom: 4
+  },
+  cards: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: SPACING[300]
+  }
+});
+//# sourceMappingURL=PmTimeframeStats.js.map

package/dist/module/features/pmProgress/components/insights/PmTimeframeStats.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","SelectGroup","SelectOptionColor","SPACING","StatsCard","StarIcon","TimerIcon","BORDER_RADIUS","useText","useUnit","formatTime","InsightsTimeframe","STATS_MAX_HEIGHT","usePmProgress","jsx","_jsx","jsxs","_jsxs","PmTimeframeStats","t","model","timeframe","insights","$timeframe","$insights","OPTIONS","key","WEEK","title","LAST_WEEK","ALL","style","styles","container","children","content","cards","value","numberOfStars","label","color","PRIMARY_YELLOW","icon","timeInPracticeMs","PRIMARY_PURPLE","GREY","options","selectedOptions","filter","onOptionChange","setTimeframe","create","maxHeight","height","padding","backgroundColor","NEUTRAL_1","borderRadius","shadowColor","NEUTRAL_9","shadowOffset","width","shadowOpacity","shadowRadius","elevation","gap","marginBottom","flexDirection","justifyContent"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/PmTimeframeStats.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/components/insights/StatsCard.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import { COLORS, FONT_FAMILY } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const StatsCard = ({
+  value,
+  label,
+  color,
+  icon
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.card, {
+      borderColor: color
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.iconContainer, {
+        backgroundColor: color
+      }],
+      children: icon
+    }), /*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.value, {
+          color
+        }],
+        children: value
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.label,
+        children: label
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  card: {
+    flex: 1,
+    height: 65,
+    alignItems: 'center',
+    flexDirection: 'row',
+    borderRadius: 12,
+    borderWidth: 4,
+    padding: 8,
+    gap: 8
+  },
+  iconContainer: {
+    width: 42,
+    height: 42,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 100
+  },
+  value: {
+    fontSize: 32,
+    fontWeight: '700',
+    fontFamily: FONT_FAMILY.buenosAires
+  },
+  label: {
+    color: COLORS.NEUTRAL_8,
+    fontSize: 12,
+    fontFamily: FONT_FAMILY.buenosAires,
+    top: -6
+  }
+});
+//# sourceMappingURL=StatsCard.js.map

package/dist/module/features/pmProgress/components/insights/StatsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","COLORS","FONT_FAMILY","jsx","_jsx","jsxs","_jsxs","StatsCard","value","label","color","icon","style","styles","card","borderColor","children","iconContainer","backgroundColor","create","flex","height","alignItems","flexDirection","borderRadius","borderWidth","padding","gap","width","justifyContent","fontSize","fontWeight","fontFamily","buenosAires","NEUTRAL_8","top"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/StatsCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,QAAkB,cAAc;AAC/D,SAASC,MAAM,EAAEC,WAAW,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAShE,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAAqB,CAAC,KAAK;EAC1E,oBACEL,KAAA,CAACR,IAAI;IAACc,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,WAAW,EAAEL;IAAM,CAAC,CAAE;IAAAM,QAAA,gBACjDZ,IAAA,CAACN,IAAI;MAACc,KAAK,EAAE,CAACC,MAAM,CAACI,aAAa,EAAE;QAAEC,eAAe,EAAER;MAAM,CAAC,CAAE;MAAAM,QAAA,EAAEL;IAAI,CAAO,CAAC,eAC9EL,KAAA,CAACR,IAAI;MAAAkB,QAAA,gBACHZ,IAAA,CAACJ,IAAI;QAACY,KAAK,EAAE,CAACC,MAAM,CAACL,KAAK,EAAE;UAAEE;QAAM,CAAC,CAAE;QAAAM,QAAA,EAAER;MAAK,CAAO,CAAC,eACtDJ,IAAA,CAACJ,IAAI;QAACY,KAAK,EAAEC,MAAM,CAACJ,KAAM;QAAAO,QAAA,EAAEP;MAAK,CAAO,CAAC;IAAA,CACrC,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGd,UAAU,CAACoB,MAAM,CAAC;EAC/BL,IAAI,EAAE;IACJM,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,OAAO,EAAE,CAAC;IACVC,GAAG,EAAE;EACP,CAAC;EACDV,aAAa,EAAE;IACbW,KAAK,EAAE,EAAE;IACTP,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE,QAAQ;IACxBL,YAAY,EAAE;EAChB,CAAC;EACDhB,KAAK,EAAE;IACLsB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE9B,WAAW,CAAC+B;EAC1B,CAAC;EACDxB,KAAK,EAAE;IACLC,KAAK,EAAET,MAAM,CAACiC,SAAS;IACvBJ,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE9B,WAAW,CAAC+B,WAAW;IACnCE,GAAG,EAAE,CAAC;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/components/list/Fluency.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ListCard } from "./ListCard.js";
+import { COLORS, SPACING } from '@magmamath/react-native-ui';
+import { SliceDiamondIcon } from "../../../../shared/icons/SliceDiamondIcon.js";
+import { useText } from "../../../../shared/translation/index.js";
+import { useUnit } from 'effector-react';
+import { CustomDomain, SolvingFlow } from "../../shared/pmProgress.constants.js";
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Fluency = ({
+  data
+}) => {
+  const t = useText();
+  const {
+    model,
+    onStandardPress
+  } = usePmProgress();
+  const highlightedId = useUnit(model.tree.$highlightedId);
+  if (!data) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.separator
+    }), /*#__PURE__*/_jsx(ListCard, {
+      title: t('pmProgress.fluency'),
+      items: data.standards.map(standard => ({
+        ...standard,
+        id: standard.standardId
+      })),
+      progress: data.scorePercentage,
+      color: COLORS.PRIMARY_ORANGE,
+      onPress: () => model.tree.setHighlightedId(CustomDomain.FLUENCY),
+      onItemPress: async item => {
+        const skill = await model.solving.start({
+          type: SolvingFlow.STANDARD,
+          standardId: item.standardId
+        });
+        // @ts-ignore
+        onStandardPress?.(skill);
+      },
+      isFirst: true,
+      isLast: true,
+      isExpanded: highlightedId === CustomDomain.FLUENCY,
+      icon: /*#__PURE__*/_jsx(SliceDiamondIcon, {
+        color: COLORS.PRIMARY_ORANGE
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    marginBottom: SPACING[800]
+  },
+  separator: {
+    height: 1,
+    marginHorizontal: SPACING[100],
+    marginVertical: SPACING[200],
+    backgroundColor: COLORS.NEUTRAL_4
+  }
+});
+//# sourceMappingURL=Fluency.js.map

package/dist/module/features/pmProgress/components/list/Fluency.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","ListCard","COLORS","SPACING","SliceDiamondIcon","useText","useUnit","CustomDomain","SolvingFlow","usePmProgress","jsx","_jsx","jsxs","_jsxs","Fluency","data","t","model","onStandardPress","highlightedId","tree","$highlightedId","style","styles","container","children","separator","title","items","standards","map","standard","id","standardId","progress","scorePercentage","color","PRIMARY_ORANGE","onPress","setHighlightedId","FLUENCY","onItemPress","item","skill","solving","start","type","STANDARD","isFirst","isLast","isExpanded","icon","create","marginBottom","height","marginHorizontal","marginVertical","backgroundColor","NEUTRAL_4"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/list/Fluency.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAC5D,SAASC,gBAAgB,QAAQ,8CAA2C;AAC5E,SAASC,OAAO,QAAQ,yCAAgC;AACxD,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,YAAY,EAAEC,WAAW,QAAQ,sCAAmC;AAE7E,SAASC,aAAa,QAAQ,oCAAiC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM/D,OAAO,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAmB,CAAC,KAAK;EACjD,MAAMC,CAAC,GAAGX,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEY,KAAK;IAAEC;EAAgB,CAAC,GAAGT,aAAa,CAAC,CAAC;EAClD,MAAMU,aAAa,GAAGb,OAAO,CAACW,KAAK,CAACG,IAAI,CAACC,cAAc,CAAC;EAExD,IAAI,CAACN,IAAI,EAAE,OAAO,IAAI;EAEtB,oBACEF,KAAA,CAACb,IAAI;IAACsB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5Bd,IAAA,CAACX,IAAI;MAACsB,KAAK,EAAEC,MAAM,CAACG;IAAU,CAAE,CAAC,eACjCf,IAAA,CAACV,QAAQ;MACP0B,KAAK,EAAEX,CAAC,CAAC,oBAAoB,CAAE;MAC/BY,KAAK,EAAEb,IAAI,CAACc,SAAS,CAACC,GAAG,CAAEC,QAAQ,KAAM;QAAE,GAAGA,QAAQ;QAAEC,EAAE,EAAED,QAAQ,CAACE;MAAW,CAAC,CAAC,CAAE;MACpFC,QAAQ,EAAEnB,IAAI,CAACoB,eAAgB;MAC/BC,KAAK,EAAElC,MAAM,CAACmC,cAAe;MAC7BC,OAAO,EAAEA,CAAA,KAAMrB,KAAK,CAACG,IAAI,CAACmB,gBAAgB,CAAChC,YAAY,CAACiC,OAAO,CAAE;MACjEC,WAAW,EAAE,MAAOC,IAAI,IAAK;QAC3B,MAAMC,KAAK,GAAG,MAAM1B,KAAK,CAAC2B,OAAO,CAACC,KAAK,CAAC;UACtCC,IAAI,EAAEtC,WAAW,CAACuC,QAAQ;UAC1Bd,UAAU,EAAES,IAAI,CAACT;QACnB,CAAC,CAAC;QACF;QACAf,eAAe,GAAGyB,KAAK,CAAC;MAC1B,CAAE;MACFK,OAAO;MACPC,MAAM;MACNC,UAAU,EAAE/B,aAAa,KAAKZ,YAAY,CAACiC,OAAQ;MACnDW,IAAI,eAAExC,IAAA,CAACP,gBAAgB;QAACgC,KAAK,EAAElC,MAAM,CAACmC;MAAe,CAAE;IAAE,CAC1D,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMd,MAAM,GAAGxB,UAAU,CAACqD,MAAM,CAAC;EAC/B5B,SAAS,EAAE;IACT6B,YAAY,EAAElD,OAAO,CAAC,GAAG;EAC3B,CAAC;EACDuB,SAAS,EAAE;IACT4B,MAAM,EAAE,CAAC;IACTC,gBAAgB,EAAEpD,OAAO,CAAC,GAAG,CAAC;IAC9BqD,cAAc,EAAErD,OAAO,CAAC,GAAG,CAAC;IAC5BsD,eAAe,EAAEvD,MAAM,CAACwD;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}