@magmamath/students-features 1.5.0 → 1.5.1

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerStats.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerStats = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _i18n = require("../../../../i18n/i18n.js");
+var _DrawerOperatorStatCard = require("./DrawerOperatorStatCard.js");
+var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DrawerStats = ({
+  scores
+}) => {
+  const t = (0, _i18n.useText)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+      title: t('student.fluency.addition'),
+      symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.ADDITION,
+      color: _reactNativeUi.COLORS.PRIMARY_GREEN,
+      value: scores.addition
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+      title: t('student.fluency.subtraction'),
+      symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.SUBTRACTION,
+      color: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+      value: scores.subtraction
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+      title: t('student.fluency.multiplication'),
+      symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.MULTIPLICATION,
+      color: _reactNativeUi.COLORS.PRIMARY_BLUE,
+      value: scores.multiplication
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+      title: t('student.fluency.division'),
+      symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.DIVISION,
+      color: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+      value: scores.division
+    })]
+  });
+};
+exports.DrawerStats = DrawerStats;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    gap: _reactNativeUi.SPACING[300],
+    paddingBottom: _reactNativeUi.SPACING[300]
+  }
+});
+//# sourceMappingURL=DrawerStats.js.map

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerStats.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_i18n","_DrawerOperatorStatCard","_fluencyTeacherConstants","_jsxRuntime","e","__esModule","default","DrawerStats","scores","t","useText","jsxs","View","style","styles","container","children","jsx","DrawerOperatorStatCard","title","symbol","FluencyMathOperatorSymbol","ADDITION","color","COLORS","PRIMARY_GREEN","value","addition","SUBTRACTION","PRIMARY_ORANGE","subtraction","MULTIPLICATION","PRIMARY_BLUE","multiplication","DIVISION","PRIMARY_PURPLE","division","exports","StyleSheet","create","flexDirection","gap","SPACING","paddingBottom"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerStats.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AAGA,IAAAK,wBAAA,GAAAL,OAAA;AAA0E,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMnE,MAAMG,WAAW,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC3D,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,oBACE,IAAAP,WAAA,CAAAQ,IAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAb,WAAA,CAAAc,GAAA,EAAChB,uBAAA,CAAAiB,sBAAsB;MACrBC,KAAK,EAAEV,CAAC,CAAC,0BAA0B,CAAE;MACrCW,MAAM,EAAEC,kDAAyB,CAACC,QAAS;MAC3CC,KAAK,EAAEC,qBAAM,CAACC,aAAc;MAC5BC,KAAK,EAAElB,MAAM,CAACmB;IAAS,CACxB,CAAC,eACF,IAAAxB,WAAA,CAAAc,GAAA,EAAChB,uBAAA,CAAAiB,sBAAsB;MACrBC,KAAK,EAAEV,CAAC,CAAC,6BAA6B,CAAE;MACxCW,MAAM,EAAEC,kDAAyB,CAACO,WAAY;MAC9CL,KAAK,EAAEC,qBAAM,CAACK,cAAe;MAC7BH,KAAK,EAAElB,MAAM,CAACsB;IAAY,CAC3B,CAAC,eACF,IAAA3B,WAAA,CAAAc,GAAA,EAAChB,uBAAA,CAAAiB,sBAAsB;MACrBC,KAAK,EAAEV,CAAC,CAAC,gCAAgC,CAAE;MAC3CW,MAAM,EAAEC,kDAAyB,CAACU,cAAe;MACjDR,KAAK,EAAEC,qBAAM,CAACQ,YAAa;MAC3BN,KAAK,EAAElB,MAAM,CAACyB;IAAe,CAC9B,CAAC,eACF,IAAA9B,WAAA,CAAAc,GAAA,EAAChB,uBAAA,CAAAiB,sBAAsB;MACrBC,KAAK,EAAEV,CAAC,CAAC,0BAA0B,CAAE;MACrCW,MAAM,EAAEC,kDAAyB,CAACa,QAAS;MAC3CX,KAAK,EAAEC,qBAAM,CAACW,cAAe;MAC7BT,KAAK,EAAElB,MAAM,CAAC4B;IAAS,CACxB,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAA9B,WAAA,GAAAA,WAAA;AAED,MAAMO,MAAM,GAAGwB,uBAAU,CAACC,MAAM,CAAC;EAC/BxB,SAAS,EAAE;IACTyB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,aAAa,EAAED,sBAAO,CAAC,GAAG;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/drawer/FluencyTeacherDrawer.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyTeacherDrawer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _DrawerHeader = require("./DrawerHeader.js");
+var _DrawerStats = require("./DrawerStats.js");
+var _DrawerMatrixes = require("./DrawerMatrixes.js");
+var _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
+var _DrawerMasteryLegend = require("./DrawerMasteryLegend.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const DRAWER_WIDTH = 700;
+const BACKDROP_COLOR = 'rgba(0, 0, 0, 0.2)';
+const backdropOpacity = new _reactNative.Animated.Value(0);
+const drawerTranslateX = new _reactNative.Animated.Value(DRAWER_WIDTH);
+const FluencyTeacherDrawer = () => {
+  const {
+    model
+  } = (0, _TeacherFluencyContext.useTeacherFluency)();
+  const student = (0, _effectorReact.useUnit)(model.table.$studentInfoDrawer);
+  const isVisible = student !== null;
+  (0, _react.useEffect)(() => {
+    if (!isVisible) return;
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(backdropOpacity, {
+      toValue: 1,
+      duration: 200,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(drawerTranslateX, {
+      toValue: 0,
+      duration: 250,
+      useNativeDriver: true
+    })]).start();
+  }, [isVisible]);
+  if (!isVisible) return null;
+  const closeDrawer = () => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(backdropOpacity, {
+      toValue: 0,
+      duration: 200,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(drawerTranslateX, {
+      toValue: DRAWER_WIDTH,
+      duration: 250,
+      useNativeDriver: true
+    })]).start(() => model.table.setStudentInfoDrawer(null));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: isVisible,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: closeDrawer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.root,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.backdrop, {
+          opacity: backdropOpacity
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          style: _reactNative.StyleSheet.absoluteFill,
+          onPress: closeDrawer
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+        style: [styles.drawer, {
+          transform: [{
+            translateX: drawerTranslateX
+          }]
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerHeader.DrawerHeader, {
+          student: student,
+          onClose: closeDrawer
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.content,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerStats.DrawerStats, {
+            scores: student.scores
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+            showsVerticalScrollIndicator: false,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerMatrixes.DrawerMatrixes, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerMasteryLegend.DrawerMasteryLegend, {})]
+          })]
+        })]
+      })]
+    })
+  });
+};
+exports.FluencyTeacherDrawer = FluencyTeacherDrawer;
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  backdrop: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    backgroundColor: BACKDROP_COLOR
+  },
+  drawer: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: DRAWER_WIDTH,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    ..._reactNativeUi.SHADOWS[3]
+  },
+  content: {
+    flex: 1,
+    paddingVertical: _reactNativeUi.SPACING[500],
+    paddingHorizontal: _reactNativeUi.SPACING[700]
+  }
+});
+//# sourceMappingURL=FluencyTeacherDrawer.js.map

package/dist/commonjs/features/fluency-teacher/components/drawer/FluencyTeacherDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeUi","_DrawerHeader","_DrawerStats","_DrawerMatrixes","_TeacherFluencyContext","_DrawerMasteryLegend","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DRAWER_WIDTH","BACKDROP_COLOR","backdropOpacity","Animated","Value","drawerTranslateX","FluencyTeacherDrawer","model","useTeacherFluency","student","useUnit","table","$studentInfoDrawer","isVisible","useEffect","parallel","timing","toValue","duration","useNativeDriver","start","closeDrawer","setStudentInfoDrawer","jsx","Modal","visible","transparent","animationType","onRequestClose","children","jsxs","View","style","styles","root","backdrop","opacity","Pressable","StyleSheet","absoluteFill","onPress","drawer","transform","translateX","DrawerHeader","onClose","content","DrawerStats","scores","ScrollView","showsVerticalScrollIndicator","DrawerMatrixes","DrawerMasteryLegend","exports","create","flex","absoluteFillObject","backgroundColor","position","top","right","bottom","width","COLORS","NEUTRAL_1","SHADOWS","paddingVertical","SPACING","paddingHorizontal"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/FluencyTeacherDrawer.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/header/AverageTimePerStudent.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AverageTimePerStudent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
+var _effectorReact = require("effector-react");
+var _i18n = require("../../../../i18n/i18n.js");
+var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AverageTimePerStudent = () => {
+  const t = (0, _i18n.useText)();
+  const {
+    model
+  } = (0, _TeacherFluencyContext.useTeacherFluency)();
+  const data = (0, _effectorReact.useUnit)(model.table.$stats);
+  const students = data?.students ?? [];
+  const totalWeeklyMs = students.reduce((sum, {
+    weeklyTimeMs
+  }) => sum + weeklyTimeMs, 0);
+  const currentMinutes = students.length > 0 ? Math.round(totalWeeklyMs / students.length / 60000) : 0;
+  const fillPercent = Math.min(currentMinutes / _fluencyTeacherConstants.TEACHER_FLUENCY_GOAL_MINUTES, 1);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    testID: "average-time-per-student",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.accentBar
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.header,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.TimerIcon, {
+          size: 16,
+          color: _reactNativeUi.COLORS.PRIMARY_PURPLE
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H9,
+          style: styles.title,
+          children: t('teacher.fluency.avgTimeTitle')
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.divider
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.data,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.time,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.bigNumber,
+            children: currentMinutes
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+            variant: _reactNativeUi.HeadingVariants.H2,
+            style: styles.goalText,
+            children: t('teacher.fluency.minGoal', {
+              goal: _fluencyTeacherConstants.TEACHER_FLUENCY_GOAL_MINUTES
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.progressTrack,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.progressFill, {
+              width: `${fillPercent * 100}%`
+            }]
+          })
+        })]
+      })]
+    })]
+  });
+};
+exports.AverageTimePerStudent = AverageTimePerStudent;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: 282,
+    height: 170,
+    flexDirection: 'row',
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    overflow: 'hidden',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  accentBar: {
+    width: 6,
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_PURPLE
+  },
+  content: {
+    flex: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    padding: _reactNativeUi.SPACING[200],
+    gap: _reactNativeUi.SPACING[100]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200],
+    padding: _reactNativeUi.SPACING[100]
+  },
+  title: {
+    flex: 1,
+    color: _reactNativeUi.COLORS.NEUTRAL_6
+  },
+  divider: {
+    height: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3
+  },
+  data: {
+    flex: 1,
+    justifyContent: 'flex-end',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  time: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    gap: _reactNativeUi.SPACING[200],
+    padding: _reactNativeUi.SPACING[100]
+  },
+  bigNumber: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresBold,
+    fontSize: 64,
+    lineHeight: 64,
+    color: _reactNativeUi.COLORS.PRIMARY_PURPLE
+  },
+  goalText: {
+    color: _reactNativeUi.COLORS.NEUTRAL_6
+  },
+  progressTrack: {
+    height: 26,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    borderRadius: 36,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%',
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+    borderRadius: 36
+  }
+});
+//# sourceMappingURL=AverageTimePerStudent.js.map

package/dist/commonjs/features/fluency-teacher/components/header/AverageTimePerStudent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_TeacherFluencyContext","_effectorReact","_i18n","_fluencyTeacherConstants","_jsxRuntime","e","__esModule","default","AverageTimePerStudent","t","useText","model","useTeacherFluency","data","useUnit","table","$stats","students","totalWeeklyMs","reduce","sum","weeklyTimeMs","currentMinutes","length","Math","round","fillPercent","min","TEACHER_FLUENCY_GOAL_MINUTES","jsxs","View","style","styles","container","testID","children","jsx","accentBar","content","header","TimerIcon","size","color","COLORS","PRIMARY_PURPLE","Typography","variant","HeadingVariants","H9","title","divider","time","Text","bigNumber","H2","goalText","goal","progressTrack","progressFill","width","exports","StyleSheet","create","height","flexDirection","borderRadius","BORDER_RADIUS","overflow","SHADOWS","backgroundColor","flex","NEUTRAL_1","padding","SPACING","gap","alignItems","NEUTRAL_6","NEUTRAL_3","justifyContent","fontFamily","FONT_FAMILY","buenosAiresBold","fontSize","lineHeight"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/header/AverageTimePerStudent.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/header/FluencyTeacherHeader.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyTeacherHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _i18n = require("../../../../i18n/i18n.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// import { AverageTimePerStudent } from './AverageTimePerStudent'
+// import { TopHardestFacts } from './TopHardestFacts'
+
+const FluencyTeacherHeader = () => {
+  const t = (0, _i18n.useText)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    testID: "teacher-fluency-header",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H2,
+      style: styles.title,
+      children: t('teacher.fluency.factFluency')
+    })
+  });
+};
+exports.FluencyTeacherHeader = FluencyTeacherHeader;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: _reactNativeUi.SPACING[400]
+  },
+  title: {
+    flex: 1,
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  }
+});
+//# sourceMappingURL=FluencyTeacherHeader.js.map

package/dist/commonjs/features/fluency-teacher/components/header/FluencyTeacherHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_i18n","_jsxRuntime","e","__esModule","default","FluencyTeacherHeader","t","useText","jsx","View","style","styles","container","testID","children","Typography","variant","HeadingVariants","H2","title","exports","StyleSheet","create","flexDirection","alignItems","gap","SPACING","flex","color","COLORS","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/header/FluencyTeacherHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAC/C;AACA;;AAEO,MAAMG,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACV,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,MAAM,EAAC,wBAAwB;IAAAC,QAAA,eAC5D,IAAAb,WAAA,CAAAO,GAAA,EAACT,cAAA,CAAAgB,UAAU;MAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;MAACR,KAAK,EAAEC,MAAM,CAACQ,KAAM;MAAAL,QAAA,EAC1DR,CAAC,CAAC,6BAA6B;IAAC,CACvB;EAAC,CAKT,CAAC;AAEX,CAAC;AAAAc,OAAA,CAAAf,oBAAA,GAAAA,oBAAA;AAED,MAAMM,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDP,KAAK,EAAE;IACLQ,IAAI,EAAE,CAAC;IACPC,KAAK,EAAEC,qBAAM,CAACC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/header/HardestFact.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HardestFact = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _PersonIcon = require("../../assets/PersonIcon.js");
+var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const OPERATOR_CONFIG = {
+  [_fluencyTeacherConstants.FluencyOperator.ADDITION]: {
+    symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.ADDITION,
+    color: _reactNativeUi.COLORS.PRIMARY_GREEN
+  },
+  [_fluencyTeacherConstants.FluencyOperator.SUBTRACTION]: {
+    symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.SUBTRACTION,
+    color: _reactNativeUi.COLORS.PRIMARY_ORANGE
+  },
+  [_fluencyTeacherConstants.FluencyOperator.MULTIPLICATION]: {
+    symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.MULTIPLICATION,
+    color: _reactNativeUi.COLORS.PRIMARY_BLUE
+  },
+  [_fluencyTeacherConstants.FluencyOperator.DIVISION]: {
+    symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.DIVISION,
+    color: _reactNativeUi.COLORS.PRIMARY_PURPLE
+  }
+};
+const HardestFact = ({
+  symbol,
+  leftOperand,
+  rightOperand,
+  studentsCount
+}) => {
+  const {
+    symbol: mathOperatorSymbol,
+    color
+  } = OPERATOR_CONFIG[symbol];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.equation,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H3,
+        style: styles.operand,
+        children: leftOperand
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H3,
+        style: [styles.operator, {
+          color
+        }],
+        children: mathOperatorSymbol
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H3,
+        style: styles.operand,
+        children: rightOperand
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.studentCount,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H3,
+        style: styles.count,
+        children: studentsCount
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PersonIcon.PersonIcon, {
+        size: 16,
+        color: _reactNativeUi.COLORS.PRIMARY_RED
+      })]
+    })]
+  });
+};
+exports.HardestFact = HardestFact;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: _reactNativeUi.SPACING[100],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  equation: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flex: 1,
+    gap: _reactNativeUi.SPACING[100]
+  },
+  operand: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  operator: {},
+  studentCount: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[100]
+  },
+  count: {
+    color: _reactNativeUi.COLORS.PRIMARY_RED
+  }
+});
+//# sourceMappingURL=HardestFact.js.map

package/dist/commonjs/features/fluency-teacher/components/header/HardestFact.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_PersonIcon","_fluencyTeacherConstants","_jsxRuntime","e","__esModule","default","OPERATOR_CONFIG","FluencyOperator","ADDITION","symbol","FluencyMathOperatorSymbol","color","COLORS","PRIMARY_GREEN","SUBTRACTION","PRIMARY_ORANGE","MULTIPLICATION","PRIMARY_BLUE","DIVISION","PRIMARY_PURPLE","HardestFact","leftOperand","rightOperand","studentsCount","mathOperatorSymbol","jsxs","View","style","styles","container","children","equation","jsx","Typography","variant","HeadingVariants","H3","operand","operator","studentCount","count","PersonIcon","size","PRIMARY_RED","exports","StyleSheet","create","flexDirection","alignItems","justifyContent","padding","SPACING","borderRadius","BORDER_RADIUS","flex","gap","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/header/HardestFact.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/header/TopHardestFacts.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopHardestFacts = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _i18n = require("../../../../i18n/i18n.js");
+var _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
+var _HardestFact = require("./HardestFact.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TopHardestFacts = () => {
+  const t = (0, _i18n.useText)();
+  const {
+    model
+  } = (0, _TeacherFluencyContext.useTeacherFluency)();
+  const stats = (0, _effectorReact.useUnit)(model.table.$stats);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    testID: "top-hardest-facts",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.accentBar
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.header,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.InfoIcon, {
+          size: 16,
+          color: _reactNativeUi.COLORS.PRIMARY_RED
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H9,
+          style: styles.title,
+          children: t('teacher.fluency.hardestFactsTitle')
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.divider
+      }), stats?.hardestFacts?.length ? stats.hardestFacts.map(fact => /*#__PURE__*/(0, _jsxRuntime.jsx)(_HardestFact.HardestFact, {
+        symbol: fact.operator,
+        leftOperand: fact.numbers[0],
+        rightOperand: fact.numbers[1],
+        studentsCount: fact.strugglingStudentIds.length
+      }, fact.factId)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.empty,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H9,
+          style: styles.emptyText,
+          children: t('teacher.fluency.hardestFactsEmpty')
+        })
+      })]
+    })]
+  });
+};
+exports.TopHardestFacts = TopHardestFacts;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: 282,
+    height: 170,
+    flexDirection: 'row',
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    overflow: 'hidden',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  accentBar: {
+    width: 6,
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_RED
+  },
+  content: {
+    flex: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    padding: _reactNativeUi.SPACING[200],
+    gap: _reactNativeUi.SPACING[100]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200],
+    padding: _reactNativeUi.SPACING[100]
+  },
+  title: {
+    flex: 1,
+    color: _reactNativeUi.COLORS.NEUTRAL_6
+  },
+  divider: {
+    height: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3
+  },
+  empty: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyText: {
+    color: _reactNativeUi.COLORS.NEUTRAL_6,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=TopHardestFacts.js.map

package/dist/commonjs/features/fluency-teacher/components/header/TopHardestFacts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_i18n","_TeacherFluencyContext","_HardestFact","_jsxRuntime","e","__esModule","default","TopHardestFacts","t","useText","model","useTeacherFluency","stats","useUnit","table","$stats","jsxs","View","style","styles","container","testID","children","jsx","accentBar","content","header","InfoIcon","size","color","COLORS","PRIMARY_RED","Typography","variant","HeadingVariants","H9","title","divider","hardestFacts","length","map","fact","HardestFact","symbol","operator","leftOperand","numbers","rightOperand","studentsCount","strugglingStudentIds","factId","empty","emptyText","exports","StyleSheet","create","width","height","flexDirection","borderRadius","BORDER_RADIUS","overflow","SHADOWS","backgroundColor","flex","NEUTRAL_1","padding","SPACING","gap","alignItems","NEUTRAL_6","NEUTRAL_3","justifyContent","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/header/TopHardestFacts.tsx"],"mappings":"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","ignoreList":[]}