@magmamath/students-features 1.4.1 → 1.4.2

package/dist/module/features/fluency-teacher/components/drawer/DrawerMatrixes.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, SPACING } from '@magmamath/react-native-ui';
+import { useText } from "../../../../i18n/i18n.js";
+import { DrawerOperatorBox } from "./DrawerOperatorBox.js";
+import { FluencyMathOperatorSymbol, FluencyOperator } from "../../fluencyTeacher.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DrawerMatrixes = () => {
+  const t = useText();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.grid,
+    children: [/*#__PURE__*/_jsx(DrawerOperatorBox, {
+      title: t('student.fluency.addition'),
+      symbol: FluencyMathOperatorSymbol.ADDITION,
+      iconBg: COLORS.GREEN_1,
+      iconColor: COLORS.GREEN_7,
+      operator: FluencyOperator.ADDITION
+    }), /*#__PURE__*/_jsx(DrawerOperatorBox, {
+      title: t('student.fluency.subtraction'),
+      symbol: FluencyMathOperatorSymbol.SUBTRACTION,
+      iconBg: COLORS.ORANGE_1,
+      iconColor: COLORS.ORANGE_7,
+      operator: FluencyOperator.SUBTRACTION
+    }), /*#__PURE__*/_jsx(DrawerOperatorBox, {
+      title: t('student.fluency.multiplication'),
+      symbol: FluencyMathOperatorSymbol.MULTIPLICATION,
+      iconBg: COLORS.BLUE_1,
+      iconColor: COLORS.BLUE_7,
+      operator: FluencyOperator.MULTIPLICATION
+    }), /*#__PURE__*/_jsx(DrawerOperatorBox, {
+      title: t('student.fluency.division'),
+      symbol: FluencyMathOperatorSymbol.DIVISION,
+      iconBg: COLORS.PURPLE_1,
+      iconColor: COLORS.PURPLE_7,
+      operator: FluencyOperator.DIVISION
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  grid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: SPACING[300],
+    marginTop: SPACING[300],
+    marginBottom: SPACING[600]
+  }
+});
+//# sourceMappingURL=DrawerMatrixes.js.map

package/dist/module/features/fluency-teacher/components/drawer/DrawerMatrixes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","SPACING","useText","DrawerOperatorBox","FluencyMathOperatorSymbol","FluencyOperator","jsx","_jsx","jsxs","_jsxs","DrawerMatrixes","t","style","styles","grid","children","title","symbol","ADDITION","iconBg","GREEN_1","iconColor","GREEN_7","operator","SUBTRACTION","ORANGE_1","ORANGE_7","MULTIPLICATION","BLUE_1","BLUE_7","DIVISION","PURPLE_1","PURPLE_7","create","flexDirection","flexWrap","gap","marginTop","marginBottom"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerMatrixes.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAC5D,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,yBAAyB,EAAEC,eAAe,QAAQ,mCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3F,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,CAAC,GAAGT,OAAO,CAAC,CAAC;EACnB,oBACEO,KAAA,CAACV,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,gBACvBR,IAAA,CAACJ,iBAAiB;MAChBa,KAAK,EAAEL,CAAC,CAAC,0BAA0B,CAAE;MACrCM,MAAM,EAAEb,yBAAyB,CAACc,QAAS;MAC3CC,MAAM,EAAEnB,MAAM,CAACoB,OAAQ;MACvBC,SAAS,EAAErB,MAAM,CAACsB,OAAQ;MAC1BC,QAAQ,EAAElB,eAAe,CAACa;IAAS,CACpC,CAAC,eACFX,IAAA,CAACJ,iBAAiB;MAChBa,KAAK,EAAEL,CAAC,CAAC,6BAA6B,CAAE;MACxCM,MAAM,EAAEb,yBAAyB,CAACoB,WAAY;MAC9CL,MAAM,EAAEnB,MAAM,CAACyB,QAAS;MACxBJ,SAAS,EAAErB,MAAM,CAAC0B,QAAS;MAC3BH,QAAQ,EAAElB,eAAe,CAACmB;IAAY,CACvC,CAAC,eACFjB,IAAA,CAACJ,iBAAiB;MAChBa,KAAK,EAAEL,CAAC,CAAC,gCAAgC,CAAE;MAC3CM,MAAM,EAAEb,yBAAyB,CAACuB,cAAe;MACjDR,MAAM,EAAEnB,MAAM,CAAC4B,MAAO;MACtBP,SAAS,EAAErB,MAAM,CAAC6B,MAAO;MACzBN,QAAQ,EAAElB,eAAe,CAACsB;IAAe,CAC1C,CAAC,eACFpB,IAAA,CAACJ,iBAAiB;MAChBa,KAAK,EAAEL,CAAC,CAAC,0BAA0B,CAAE;MACrCM,MAAM,EAAEb,yBAAyB,CAAC0B,QAAS;MAC3CX,MAAM,EAAEnB,MAAM,CAAC+B,QAAS;MACxBV,SAAS,EAAErB,MAAM,CAACgC,QAAS;MAC3BT,QAAQ,EAAElB,eAAe,CAACyB;IAAS,CACpC,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMjB,MAAM,GAAGf,UAAU,CAACmC,MAAM,CAAC;EAC/BnB,IAAI,EAAE;IACJoB,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAEnC,OAAO,CAAC,GAAG,CAAC;IACjBoC,SAAS,EAAEpC,OAAO,CAAC,GAAG,CAAC;IACvBqC,YAAY,EAAErC,OAAO,CAAC,GAAG;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/drawer/DrawerOperatorBox.js

@@ -0,0 +1,117 @@
+"use strict";
+
+import React from 'react';
+import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
+import { useUnit } from 'effector-react';
+import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
+import { useText } from "../../../../i18n/i18n.js";
+import { useDrawerMatrix } from "../../hooks/useDrawerMatrix.js";
+import { DrawerMatrix } from "../matrix/DrawerMatrix.js";
+import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DrawerOperatorBox = ({
+  title,
+  symbol,
+  iconBg,
+  iconColor,
+  operator
+}) => {
+  const t = useText();
+  const {
+    model
+  } = useTeacherFluency();
+  const isLoading = useUnit(model.api.getStudentDetailsFx.pending);
+  const matrixProps = useDrawerMatrix(operator);
+  const factsLabel = matrixProps.grid ? t('teacher.fluency.factsGridLabel', {
+    cols: matrixProps.grid.colLabels.length,
+    rows: matrixProps.grid.rows.length
+  }) : '';
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.iconBox, {
+          backgroundColor: iconBg
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.symbol, {
+            color: iconColor
+          }],
+          children: symbol
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: title
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.spacer
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.factsLabel,
+        children: factsLabel
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.content,
+      children: isLoading ? /*#__PURE__*/_jsx(View, {
+        style: styles.loader,
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "large",
+          color: COLORS.PRIMARY_BLUE
+        })
+      }) : /*#__PURE__*/_jsx(DrawerMatrix, {
+        ...matrixProps
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: 315,
+    height: 315,
+    borderWidth: 1,
+    borderColor: COLORS.NEUTRAL_4,
+    borderRadius: BORDER_RADIUS[300],
+    padding: SPACING[400]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200],
+    marginBottom: SPACING[300]
+  },
+  iconBox: {
+    width: 24,
+    height: 24,
+    borderRadius: 6,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  symbol: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontSize: 20,
+    marginBottom: 2
+  },
+  title: {
+    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
+    fontWeight: '700',
+    fontSize: 15,
+    color: COLORS.NEUTRAL_10
+  },
+  spacer: {
+    flex: 1
+  },
+  factsLabel: {
+    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
+    fontSize: 13,
+    fontWeight: '600',
+    color: COLORS.NEUTRAL_7
+  },
+  content: {
+    flex: 1
+  },
+  loader: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=DrawerOperatorBox.js.map

package/dist/module/features/fluency-teacher/components/drawer/DrawerOperatorBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","StyleSheet","Text","View","useUnit","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","useText","useDrawerMatrix","DrawerMatrix","useTeacherFluency","jsx","_jsx","jsxs","_jsxs","DrawerOperatorBox","title","symbol","iconBg","iconColor","operator","t","model","isLoading","api","getStudentDetailsFx","pending","matrixProps","factsLabel","grid","cols","colLabels","length","rows","style","styles","container","children","header","iconBox","backgroundColor","color","spacer","content","loader","size","PRIMARY_BLUE","create","width","height","borderWidth","borderColor","NEUTRAL_4","borderRadius","padding","flexDirection","alignItems","gap","marginBottom","justifyContent","fontFamily","buenosAiresBold","fontSize","buenosAiresSemiBold","fontWeight","NEUTRAL_10","flex","NEUTRAL_7"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerOperatorBox.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/drawer/DrawerOperatorStatCard.js

@@ -0,0 +1,71 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DrawerOperatorStatCard = ({
+  title,
+  value,
+  symbol,
+  color
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.container,
+  children: [/*#__PURE__*/_jsx(View, {
+    style: [styles.iconContainer, {
+      backgroundColor: color + '26'
+    }],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.symbol, {
+        color
+      }],
+      children: symbol
+    })
+  }), /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.title,
+      children: title
+    }), /*#__PURE__*/_jsxs(Text, {
+      style: styles.value,
+      children: [value, "%"]
+    })]
+  })]
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[300],
+    padding: SPACING[300],
+    borderRadius: SPACING[300],
+    borderWidth: 1,
+    borderColor: COLORS.NEUTRAL_4,
+    backgroundColor: COLORS.NEUTRAL_2
+  },
+  iconContainer: {
+    width: 32,
+    height: 32,
+    borderRadius: SPACING[200],
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  symbol: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontSize: 28,
+    marginBottom: 2
+  },
+  title: {
+    fontFamily: FONT_FAMILY.buenosAires,
+    fontWeight: '400',
+    fontSize: 12,
+    color: COLORS.NEUTRAL_7
+  },
+  value: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontWeight: '700',
+    fontSize: 18,
+    color: COLORS.NEUTRAL_10
+  }
+});
+//# sourceMappingURL=DrawerOperatorStatCard.js.map

package/dist/module/features/fluency-teacher/components/drawer/DrawerOperatorStatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","COLORS","FONT_FAMILY","SPACING","jsx","_jsx","jsxs","_jsxs","DrawerOperatorStatCard","title","value","symbol","color","style","styles","container","children","iconContainer","backgroundColor","create","flex","flexDirection","alignItems","gap","padding","borderRadius","borderWidth","borderColor","NEUTRAL_4","NEUTRAL_2","width","height","justifyContent","fontFamily","buenosAiresBold","fontSize","marginBottom","buenosAires","fontWeight","NEUTRAL_7","NEUTRAL_10"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerOperatorStatCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASzE,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,KAAK;EACLC,KAAK;EACLC,MAAM;EACNC;AAC2B,CAAC,kBAC5BL,KAAA,CAACP,IAAI;EAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5BX,IAAA,CAACL,IAAI;IAACa,KAAK,EAAE,CAACC,MAAM,CAACG,aAAa,EAAE;MAAEC,eAAe,EAAEN,KAAK,GAAG;IAAK,CAAC,CAAE;IAAAI,QAAA,eACrEX,IAAA,CAACN,IAAI;MAACc,KAAK,EAAE,CAACC,MAAM,CAACH,MAAM,EAAE;QAAEC;MAAM,CAAC,CAAE;MAAAI,QAAA,EAAEL;IAAM,CAAO;EAAC,CACpD,CAAC,eACPJ,KAAA,CAACP,IAAI;IAAAgB,QAAA,gBACHX,IAAA,CAACN,IAAI;MAACc,KAAK,EAAEC,MAAM,CAACL,KAAM;MAAAO,QAAA,EAAEP;IAAK,CAAO,CAAC,eACzCF,KAAA,CAACR,IAAI;MAACc,KAAK,EAAEC,MAAM,CAACJ,KAAM;MAAAM,QAAA,GAAEN,KAAK,EAAC,GAAC;IAAA,CAAM,CAAC;EAAA,CACtC,CAAC;AAAA,CACH,CACP;AAED,MAAMI,MAAM,GAAGhB,UAAU,CAACqB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEpB,OAAO,CAAC,GAAG,CAAC;IACjBqB,OAAO,EAAErB,OAAO,CAAC,GAAG,CAAC;IACrBsB,YAAY,EAAEtB,OAAO,CAAC,GAAG,CAAC;IAC1BuB,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE1B,MAAM,CAAC2B,SAAS;IAC7BV,eAAe,EAAEjB,MAAM,CAAC4B;EAC1B,CAAC;EACDZ,aAAa,EAAE;IACba,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVN,YAAY,EAAEtB,OAAO,CAAC,GAAG,CAAC;IAC1BmB,UAAU,EAAE,QAAQ;IACpBU,cAAc,EAAE;EAClB,CAAC;EACDrB,MAAM,EAAE;IACNsB,UAAU,EAAE/B,WAAW,CAACgC,eAAe;IACvCC,QAAQ,EAAE,EAAE;IACZC,YAAY,EAAE;EAChB,CAAC;EACD3B,KAAK,EAAE;IACLwB,UAAU,EAAE/B,WAAW,CAACmC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBH,QAAQ,EAAE,EAAE;IACZvB,KAAK,EAAEX,MAAM,CAACsC;EAChB,CAAC;EACD7B,KAAK,EAAE;IACLuB,UAAU,EAAE/B,WAAW,CAACgC,eAAe;IACvCI,UAAU,EAAE,KAAK;IACjBH,QAAQ,EAAE,EAAE;IACZvB,KAAK,EAAEX,MAAM,CAACuC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, SPACING } from '@magmamath/react-native-ui';
+import { useText } from "../../../../i18n/i18n.js";
+import { DrawerOperatorStatCard } from "./DrawerOperatorStatCard.js";
+import { FluencyMathOperatorSymbol } from "../../fluencyTeacher.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DrawerStats = ({
+  scores
+}) => {
+  const t = useText();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(DrawerOperatorStatCard, {
+      title: t('student.fluency.addition'),
+      symbol: FluencyMathOperatorSymbol.ADDITION,
+      color: COLORS.PRIMARY_GREEN,
+      value: scores.addition
+    }), /*#__PURE__*/_jsx(DrawerOperatorStatCard, {
+      title: t('student.fluency.subtraction'),
+      symbol: FluencyMathOperatorSymbol.SUBTRACTION,
+      color: COLORS.PRIMARY_ORANGE,
+      value: scores.subtraction
+    }), /*#__PURE__*/_jsx(DrawerOperatorStatCard, {
+      title: t('student.fluency.multiplication'),
+      symbol: FluencyMathOperatorSymbol.MULTIPLICATION,
+      color: COLORS.PRIMARY_BLUE,
+      value: scores.multiplication
+    }), /*#__PURE__*/_jsx(DrawerOperatorStatCard, {
+      title: t('student.fluency.division'),
+      symbol: FluencyMathOperatorSymbol.DIVISION,
+      color: COLORS.PRIMARY_PURPLE,
+      value: scores.division
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    gap: SPACING[300],
+    paddingBottom: SPACING[300]
+  }
+});
+//# sourceMappingURL=DrawerStats.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","SPACING","useText","DrawerOperatorStatCard","FluencyMathOperatorSymbol","jsx","_jsx","jsxs","_jsxs","DrawerStats","scores","t","style","styles","container","children","title","symbol","ADDITION","color","PRIMARY_GREEN","value","addition","SUBTRACTION","PRIMARY_ORANGE","subtraction","MULTIPLICATION","PRIMARY_BLUE","multiplication","DIVISION","PRIMARY_PURPLE","division","create","flexDirection","gap","paddingBottom"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerStats.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAC5D,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,sBAAsB,QAAQ,6BAA0B;AAGjE,SAASC,yBAAyB,QAAQ,mCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM1E,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC3D,MAAMC,CAAC,GAAGT,OAAO,CAAC,CAAC;EACnB,oBACEM,KAAA,CAACT,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BT,IAAA,CAACH,sBAAsB;MACrBa,KAAK,EAAEL,CAAC,CAAC,0BAA0B,CAAE;MACrCM,MAAM,EAAEb,yBAAyB,CAACc,QAAS;MAC3CC,KAAK,EAAEnB,MAAM,CAACoB,aAAc;MAC5BC,KAAK,EAAEX,MAAM,CAACY;IAAS,CACxB,CAAC,eACFhB,IAAA,CAACH,sBAAsB;MACrBa,KAAK,EAAEL,CAAC,CAAC,6BAA6B,CAAE;MACxCM,MAAM,EAAEb,yBAAyB,CAACmB,WAAY;MAC9CJ,KAAK,EAAEnB,MAAM,CAACwB,cAAe;MAC7BH,KAAK,EAAEX,MAAM,CAACe;IAAY,CAC3B,CAAC,eACFnB,IAAA,CAACH,sBAAsB;MACrBa,KAAK,EAAEL,CAAC,CAAC,gCAAgC,CAAE;MAC3CM,MAAM,EAAEb,yBAAyB,CAACsB,cAAe;MACjDP,KAAK,EAAEnB,MAAM,CAAC2B,YAAa;MAC3BN,KAAK,EAAEX,MAAM,CAACkB;IAAe,CAC9B,CAAC,eACFtB,IAAA,CAACH,sBAAsB;MACrBa,KAAK,EAAEL,CAAC,CAAC,0BAA0B,CAAE;MACrCM,MAAM,EAAEb,yBAAyB,CAACyB,QAAS;MAC3CV,KAAK,EAAEnB,MAAM,CAAC8B,cAAe;MAC7BT,KAAK,EAAEX,MAAM,CAACqB;IAAS,CACxB,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMlB,MAAM,GAAGf,UAAU,CAACkC,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEjC,OAAO,CAAC,GAAG,CAAC;IACjBkC,aAAa,EAAElC,OAAO,CAAC,GAAG;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,107 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { Animated, Modal, Pressable, ScrollView, StyleSheet, View } from 'react-native';
+import { useUnit } from 'effector-react';
+import { COLORS, SHADOWS, SPACING } from '@magmamath/react-native-ui';
+import { DrawerHeader } from "./DrawerHeader.js";
+import { DrawerStats } from "./DrawerStats.js";
+import { DrawerMatrixes } from "./DrawerMatrixes.js";
+import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
+import { DrawerMasteryLegend } from "./DrawerMasteryLegend.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DRAWER_WIDTH = 700;
+const BACKDROP_COLOR = 'rgba(0, 0, 0, 0.2)';
+const backdropOpacity = new Animated.Value(0);
+const drawerTranslateX = new Animated.Value(DRAWER_WIDTH);
+export const FluencyTeacherDrawer = () => {
+  const {
+    model
+  } = useTeacherFluency();
+  const student = useUnit(model.table.$studentInfoDrawer);
+  const isVisible = student !== null;
+  useEffect(() => {
+    if (!isVisible) return;
+    Animated.parallel([Animated.timing(backdropOpacity, {
+      toValue: 1,
+      duration: 200,
+      useNativeDriver: true
+    }), Animated.timing(drawerTranslateX, {
+      toValue: 0,
+      duration: 250,
+      useNativeDriver: true
+    })]).start();
+  }, [isVisible]);
+  if (!isVisible) return null;
+  const closeDrawer = () => {
+    Animated.parallel([Animated.timing(backdropOpacity, {
+      toValue: 0,
+      duration: 200,
+      useNativeDriver: true
+    }), Animated.timing(drawerTranslateX, {
+      toValue: DRAWER_WIDTH,
+      duration: 250,
+      useNativeDriver: true
+    })]).start(() => model.table.setStudentInfoDrawer(null));
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: isVisible,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: closeDrawer,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.root,
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.backdrop, {
+          opacity: backdropOpacity
+        }],
+        children: /*#__PURE__*/_jsx(Pressable, {
+          style: StyleSheet.absoluteFill,
+          onPress: closeDrawer
+        })
+      }), /*#__PURE__*/_jsxs(Animated.View, {
+        style: [styles.drawer, {
+          transform: [{
+            translateX: drawerTranslateX
+          }]
+        }],
+        children: [/*#__PURE__*/_jsx(DrawerHeader, {
+          student: student,
+          onClose: closeDrawer
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.content,
+          children: [/*#__PURE__*/_jsx(DrawerStats, {
+            scores: student.scores
+          }), /*#__PURE__*/_jsxs(ScrollView, {
+            showsVerticalScrollIndicator: false,
+            children: [/*#__PURE__*/_jsx(DrawerMatrixes, {}), /*#__PURE__*/_jsx(DrawerMasteryLegend, {})]
+          })]
+        })]
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  backdrop: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: BACKDROP_COLOR
+  },
+  drawer: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: DRAWER_WIDTH,
+    backgroundColor: COLORS.NEUTRAL_1,
+    ...SHADOWS[3]
+  },
+  content: {
+    flex: 1,
+    paddingVertical: SPACING[500],
+    paddingHorizontal: SPACING[700]
+  }
+});
+//# sourceMappingURL=FluencyTeacherDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Animated","Modal","Pressable","ScrollView","StyleSheet","View","useUnit","COLORS","SHADOWS","SPACING","DrawerHeader","DrawerStats","DrawerMatrixes","useTeacherFluency","DrawerMasteryLegend","jsx","_jsx","jsxs","_jsxs","DRAWER_WIDTH","BACKDROP_COLOR","backdropOpacity","Value","drawerTranslateX","FluencyTeacherDrawer","model","student","table","$studentInfoDrawer","isVisible","parallel","timing","toValue","duration","useNativeDriver","start","closeDrawer","setStudentInfoDrawer","visible","transparent","animationType","onRequestClose","children","style","styles","root","backdrop","opacity","absoluteFill","onPress","drawer","transform","translateX","onClose","content","scores","showsVerticalScrollIndicator","create","flex","absoluteFillObject","backgroundColor","position","top","right","bottom","width","NEUTRAL_1","paddingVertical","paddingHorizontal"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/FluencyTeacherDrawer.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,133 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { BORDER_RADIUS, COLORS, FONT_FAMILY, HeadingVariants, SHADOWS, SPACING, TimerIcon, Typography } from '@magmamath/react-native-ui';
+import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
+import { useUnit } from 'effector-react';
+import { useText } from "../../../../i18n/i18n.js";
+import { TEACHER_FLUENCY_GOAL_MINUTES } from "../../fluencyTeacher.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AverageTimePerStudent = () => {
+  const t = useText();
+  const {
+    model
+  } = useTeacherFluency();
+  const data = 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 / TEACHER_FLUENCY_GOAL_MINUTES, 1);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    testID: "average-time-per-student",
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.accentBar
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.header,
+        children: [/*#__PURE__*/_jsx(TimerIcon, {
+          size: 16,
+          color: COLORS.PRIMARY_PURPLE
+        }), /*#__PURE__*/_jsx(Typography, {
+          variant: HeadingVariants.H9,
+          style: styles.title,
+          children: t('teacher.fluency.avgTimeTitle')
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.divider
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.data,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.time,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.bigNumber,
+            children: currentMinutes
+          }), /*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H2,
+            style: styles.goalText,
+            children: t('teacher.fluency.minGoal', {
+              goal: TEACHER_FLUENCY_GOAL_MINUTES
+            })
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.progressTrack,
+          children: /*#__PURE__*/_jsx(View, {
+            style: [styles.progressFill, {
+              width: `${fillPercent * 100}%`
+            }]
+          })
+        })]
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: 282,
+    height: 170,
+    flexDirection: 'row',
+    borderRadius: BORDER_RADIUS[300],
+    overflow: 'hidden',
+    ...SHADOWS[1]
+  },
+  accentBar: {
+    width: 6,
+    backgroundColor: COLORS.PRIMARY_PURPLE
+  },
+  content: {
+    flex: 1,
+    backgroundColor: COLORS.NEUTRAL_1,
+    padding: SPACING[200],
+    gap: SPACING[100]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200],
+    padding: SPACING[100]
+  },
+  title: {
+    flex: 1,
+    color: COLORS.NEUTRAL_6
+  },
+  divider: {
+    height: 1,
+    backgroundColor: COLORS.NEUTRAL_3
+  },
+  data: {
+    flex: 1,
+    justifyContent: 'flex-end',
+    gap: SPACING[200]
+  },
+  time: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    gap: SPACING[200],
+    padding: SPACING[100]
+  },
+  bigNumber: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontSize: 64,
+    lineHeight: 64,
+    color: COLORS.PRIMARY_PURPLE
+  },
+  goalText: {
+    color: COLORS.NEUTRAL_6
+  },
+  progressTrack: {
+    height: 26,
+    backgroundColor: COLORS.NEUTRAL_3,
+    borderRadius: 36,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%',
+    backgroundColor: COLORS.PRIMARY_PURPLE,
+    borderRadius: 36
+  }
+});
+//# sourceMappingURL=AverageTimePerStudent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","BORDER_RADIUS","COLORS","FONT_FAMILY","HeadingVariants","SHADOWS","SPACING","TimerIcon","Typography","useTeacherFluency","useUnit","useText","TEACHER_FLUENCY_GOAL_MINUTES","jsx","_jsx","jsxs","_jsxs","AverageTimePerStudent","t","model","data","table","$stats","students","totalWeeklyMs","reduce","sum","weeklyTimeMs","currentMinutes","length","Math","round","fillPercent","min","style","styles","container","testID","children","accentBar","content","header","size","color","PRIMARY_PURPLE","variant","H9","title","divider","time","bigNumber","H2","goalText","goal","progressTrack","progressFill","width","create","height","flexDirection","borderRadius","overflow","backgroundColor","flex","NEUTRAL_1","padding","gap","alignItems","NEUTRAL_6","NEUTRAL_3","justifyContent","fontFamily","buenosAiresBold","fontSize","lineHeight"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/header/AverageTimePerStudent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SACEC,aAAa,EACbC,MAAM,EACNC,WAAW,EACXC,eAAe,EACfC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,UAAU,QACL,4BAA4B;AACnC,SAASC,iBAAiB,QAAQ,wCAAqC;AACvE,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,4BAA4B,QAAQ,mCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7E,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,CAAC,GAAGP,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEQ;EAAM,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EACrC,MAAMW,IAAI,GAAGV,OAAO,CAACS,KAAK,CAACE,KAAK,CAACC,MAAM,CAAC;EAExC,MAAMC,QAAQ,GAAGH,IAAI,EAAEG,QAAQ,IAAI,EAAE;EACrC,MAAMC,aAAa,GAAGD,QAAQ,CAACE,MAAM,CAAC,CAACC,GAAG,EAAE;IAAEC;EAAa,CAAC,KAAKD,GAAG,GAAGC,YAAY,EAAE,CAAC,CAAC;EACvF,MAAMC,cAAc,GAAGL,QAAQ,CAACM,MAAM,GAAG,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACP,aAAa,GAAGD,QAAQ,CAACM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC;EACpG,MAAMG,WAAW,GAAGF,IAAI,CAACG,GAAG,CAACL,cAAc,GAAGhB,4BAA4B,EAAE,CAAC,CAAC;EAE9E,oBACEI,KAAA,CAAChB,IAAI;IAACkC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,MAAM,EAAC,0BAA0B;IAAAC,QAAA,gBAC9DxB,IAAA,CAACd,IAAI;MAACkC,KAAK,EAAEC,MAAM,CAACI;IAAU,CAAE,CAAC,eAEjCvB,KAAA,CAAChB,IAAI;MAACkC,KAAK,EAAEC,MAAM,CAACK,OAAQ;MAAAF,QAAA,gBAC1BtB,KAAA,CAAChB,IAAI;QAACkC,KAAK,EAAEC,MAAM,CAACM,MAAO;QAAAH,QAAA,gBACzBxB,IAAA,CAACP,SAAS;UAACmC,IAAI,EAAE,EAAG;UAACC,KAAK,EAAEzC,MAAM,CAAC0C;QAAe,CAAE,CAAC,eACrD9B,IAAA,CAACN,UAAU;UAACqC,OAAO,EAAEzC,eAAe,CAAC0C,EAAG;UAACZ,KAAK,EAAEC,MAAM,CAACY,KAAM;UAAAT,QAAA,EAC1DpB,CAAC,CAAC,8BAA8B;QAAC,CACxB,CAAC;MAAA,CACT,CAAC,eAEPJ,IAAA,CAACd,IAAI;QAACkC,KAAK,EAAEC,MAAM,CAACa;MAAQ,CAAE,CAAC,eAE/BhC,KAAA,CAAChB,IAAI;QAACkC,KAAK,EAAEC,MAAM,CAACf,IAAK;QAAAkB,QAAA,gBACvBtB,KAAA,CAAChB,IAAI;UAACkC,KAAK,EAAEC,MAAM,CAACc,IAAK;UAAAX,QAAA,gBACvBxB,IAAA,CAACf,IAAI;YAACmC,KAAK,EAAEC,MAAM,CAACe,SAAU;YAAAZ,QAAA,EAAEV;UAAc,CAAO,CAAC,eACtDd,IAAA,CAACN,UAAU;YAACqC,OAAO,EAAEzC,eAAe,CAAC+C,EAAG;YAACjB,KAAK,EAAEC,MAAM,CAACiB,QAAS;YAAAd,QAAA,EAC7DpB,CAAC,CAAC,yBAAyB,EAAE;cAAEmC,IAAI,EAAEzC;YAA6B,CAAC;UAAC,CAC3D,CAAC;QAAA,CACT,CAAC,eACPE,IAAA,CAACd,IAAI;UAACkC,KAAK,EAAEC,MAAM,CAACmB,aAAc;UAAAhB,QAAA,eAChCxB,IAAA,CAACd,IAAI;YAACkC,KAAK,EAAE,CAACC,MAAM,CAACoB,YAAY,EAAE;cAAEC,KAAK,EAAE,GAAGxB,WAAW,GAAG,GAAG;YAAI,CAAC;UAAE,CAAE;QAAC,CACtE,CAAC;MAAA,CACH,CAAC;IAAA,CACH,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGrC,UAAU,CAAC2D,MAAM,CAAC;EAC/BrB,SAAS,EAAE;IACToB,KAAK,EAAE,GAAG;IACVE,MAAM,EAAE,GAAG;IACXC,aAAa,EAAE,KAAK;IACpBC,YAAY,EAAE3D,aAAa,CAAC,GAAG,CAAC;IAChC4D,QAAQ,EAAE,QAAQ;IAClB,GAAGxD,OAAO,CAAC,CAAC;EACd,CAAC;EACDkC,SAAS,EAAE;IACTiB,KAAK,EAAE,CAAC;IACRM,eAAe,EAAE5D,MAAM,CAAC0C;EAC1B,CAAC;EACDJ,OAAO,EAAE;IACPuB,IAAI,EAAE,CAAC;IACPD,eAAe,EAAE5D,MAAM,CAAC8D,SAAS;IACjCC,OAAO,EAAE3D,OAAO,CAAC,GAAG,CAAC;IACrB4D,GAAG,EAAE5D,OAAO,CAAC,GAAG;EAClB,CAAC;EACDmC,MAAM,EAAE;IACNkB,aAAa,EAAE,KAAK;IACpBQ,UAAU,EAAE,QAAQ;IACpBD,GAAG,EAAE5D,OAAO,CAAC,GAAG,CAAC;IACjB2D,OAAO,EAAE3D,OAAO,CAAC,GAAG;EACtB,CAAC;EACDyC,KAAK,EAAE;IACLgB,IAAI,EAAE,CAAC;IACPpB,KAAK,EAAEzC,MAAM,CAACkE;EAChB,CAAC;EACDpB,OAAO,EAAE;IACPU,MAAM,EAAE,CAAC;IACTI,eAAe,EAAE5D,MAAM,CAACmE;EAC1B,CAAC;EACDjD,IAAI,EAAE;IACJ2C,IAAI,EAAE,CAAC;IACPO,cAAc,EAAE,UAAU;IAC1BJ,GAAG,EAAE5D,OAAO,CAAC,GAAG;EAClB,CAAC;EACD2C,IAAI,EAAE;IACJU,aAAa,EAAE,KAAK;IACpBQ,UAAU,EAAE,UAAU;IACtBD,GAAG,EAAE5D,OAAO,CAAC,GAAG,CAAC;IACjB2D,OAAO,EAAE3D,OAAO,CAAC,GAAG;EACtB,CAAC;EACD4C,SAAS,EAAE;IACTqB,UAAU,EAAEpE,WAAW,CAACqE,eAAe;IACvCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACd/B,KAAK,EAAEzC,MAAM,CAAC0C;EAChB,CAAC;EACDQ,QAAQ,EAAE;IACRT,KAAK,EAAEzC,MAAM,CAACkE;EAChB,CAAC;EACDd,aAAa,EAAE;IACbI,MAAM,EAAE,EAAE;IACVI,eAAe,EAAE5D,MAAM,CAACmE,SAAS;IACjCT,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDN,YAAY,EAAE;IACZG,MAAM,EAAE,MAAM;IACdI,eAAe,EAAE5D,MAAM,CAAC0C,cAAc;IACtCgB,YAAY,EAAE;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { useText } from "../../../../i18n/i18n.js";
+// import { AverageTimePerStudent } from './AverageTimePerStudent'
+// import { TopHardestFacts } from './TopHardestFacts'
+import { jsx as _jsx } from "react/jsx-runtime";
+export const FluencyTeacherHeader = () => {
+  const t = useText();
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    testID: "teacher-fluency-header",
+    children: /*#__PURE__*/_jsx(Typography, {
+      variant: HeadingVariants.H2,
+      style: styles.title,
+      children: t('teacher.fluency.factFluency')
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: SPACING[400]
+  },
+  title: {
+    flex: 1,
+    color: COLORS.NEUTRAL_9
+  }
+});
+//# sourceMappingURL=FluencyTeacherHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","HeadingVariants","SPACING","Typography","useText","jsx","_jsx","FluencyTeacherHeader","t","style","styles","container","testID","children","variant","H2","title","create","flexDirection","alignItems","gap","flex","color","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/header/FluencyTeacherHeader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AACzF,SAASC,OAAO,QAAQ,0BAAuB;AAC/C;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEA,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,CAAC,GAAGJ,OAAO,CAAC,CAAC;EACnB,oBACEE,IAAA,CAACP,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,MAAM,EAAC,wBAAwB;IAAAC,QAAA,eAC5DP,IAAA,CAACH,UAAU;MAACW,OAAO,EAAEb,eAAe,CAACc,EAAG;MAACN,KAAK,EAAEC,MAAM,CAACM,KAAM;MAAAH,QAAA,EAC1DL,CAAC,CAAC,6BAA6B;IAAC,CACvB;EAAC,CAKT,CAAC;AAEX,CAAC;AAED,MAAME,MAAM,GAAGZ,UAAU,CAACmB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,GAAG,EAAElB,OAAO,CAAC,GAAG;EAClB,CAAC;EACDc,KAAK,EAAE;IACLK,IAAI,EAAE,CAAC;IACPC,KAAK,EAAEtB,MAAM,CAACuB;EAChB;AACF,CAAC,CAAC","ignoreList":[]}