@magmamath/students-features 1.3.26-rc.2 → 1.3.26-rc.20

package/src/features/pmProgress/components/standard/StandardTag.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { StyleSheet, View, Text, StyleProp, ViewStyle } from 'react-native'
-import { PmProgressModel } from '@magmamath/students-features'
+import { PmProgressModel } from '../../model/PmProgressModel'
 import { SliceDiamondIcon } from '../../../../shared/icons/SliceDiamondIcon'
 import { BORDER_RADIUS, COLORS, FONT_FAMILY, SHADOWS, SPACING } from '@magmamath/react-native-ui'
 import { useStoreMap } from 'effector-react'

package/src/features/pmProgress/context/PmProgressContext.tsx

@@ -1,6 +1,6 @@
 import { createContext, useContext } from 'react'
 import { PmProgressModel } from '../model/PmProgressModel'
-import { Skill, GradeLabelsMap } from '@magmamath/students-features'
+import { Skill, GradeLabelsMap } from '../shared/pmProgress.types'
 
 export type PmProgressContextValue = {
   model: PmProgressModel

package/src/features/pmProgress/shared/pmProgress.constants.ts

@@ -92,7 +92,6 @@ export const DOMAIN_BORDER_COLORS = [
   COLORS.GREEN_6,
 ]
 
-export const BURGER_MENU_BREAKPOINT = 1024
 export const SMALL_SCREEN_THRESHOLD = 568
 export const SMALL_SCREEN_MENU_MAX_HEIGHT = 300
 export const WINDOW_HEIGHT = Dimensions.get('window').height

package/src/i18n/.generated/schema.json

@@ -57,29 +57,64 @@
   "student": {
     "fluency": {
       "addition": "Addition",
-      "cardsReady": "new cards ready",
+      "cardsReady": "individualized facts ready",
+      "claimProgress": "Claim progress",
+      "correct": "Correct!",
       "dayFriday": "F",
       "dayMonday": "M",
       "dayThursday": "T",
       "dayTuesday": "T",
       "dayWednesday": "W",
       "division": "Division",
+      "enter": "Submit",
+      "fast": "Fast!",
+      "incorrect": "INCORRECT — ANSWER: {{answer}}",
       "masteryGrowing": "Growing",
       "masteryLearning": "Learning",
       "masteryMastered": "Mastered",
       "masteryStrong": "Strong",
       "multiplication": "Multiplication",
-      "notStarted": "Not started",
+      "notStarted": "New",
       "practice": "Practice",
       "practiceThisWeek": "Practice this week",
+      "resultCorrectCardLabel": "Wow there! ",
+      "resultStreakCardLabel": "Nice streak!",
+      "resultSubtitle": "Nice job {{name}}!",
+      "resultTitle": "Checked and done",
+      "skipped": "Skipped",
       "startPractice": "Start fluency practice",
       "subtraction": "Subtraction",
-      "title": "Fluency practice"
+      "title": "Fluency practice",
+      "typeYourAnswer": "Type your answer"
     }
   },
   "teacherFeedback": {
     "noComments": "No comments yet"
   },
+  "teacher": {
+    "fluency": {
+      "allPupils": "All pupils",
+      "average": "Average",
+      "avgTimeTitle": "Avg Time / Student",
+      "factFluency": "Fact Fluency",
+      "factsGridLabel": "{{cols}}×{{rows}} facts",
+      "hardestFactsEmpty": "No hardest facts yet",
+      "hardestFactsTitle": "Top 3 Hardest Facts",
+      "minGoal": "/ {{goal}} min goal",
+      "noFactsPracticed": "No facts practiced yet",
+      "noStudents": "This class has no students",
+      "noStudentsFound": "No students match your search",
+      "overallMastery": "Overall mastery",
+      "progressDeveloping": "Developing",
+      "progressFluent": "Fluent",
+      "progressLearning": "Learning",
+      "progressNotStarted": "Not started",
+      "progressProficient": "Proficient",
+      "rowClickHint": "Click a student row to see their full fluency breakdown.",
+      "search": "Search",
+      "studentFluency": "Student Fluency"
+    }
+  },
   "time": {
     "dayAgo": "day ago",
     "daysAgo": "{{count}} days ago",

package/src/index.ts

@@ -15,3 +15,4 @@ export * from './features/voice'
 export * from './features/featureUsage'
 export * from './features/uiMode'
 export * from './features/fluency'
+export * from './features/fluency-teacher'

package/src/lib/components/GradientView.tsx

@@ -0,0 +1,71 @@
+import React from 'react'
+import { View, Platform, ColorValue } from 'react-native'
+import { LinearGradient } from 'expo-linear-gradient'
+import type { StyleProp, ViewStyle } from 'react-native'
+
+type Point = { x: number; y: number }
+
+type GradientViewProps = {
+  colors: string[]
+  start?: Point
+  end?: Point
+  locations?: number[]
+  style?: StyleProp<ViewStyle>
+  pointerEvents?: 'none' | 'box-none' | 'box-only' | 'auto'
+  children?: React.ReactNode
+}
+
+const buildCssGradient = (
+  colors: string[],
+  start: Point,
+  end: Point,
+  locations?: number[],
+): string => {
+  const angle = Math.round(Math.atan2(end.x - start.x, -(end.y - start.y)) * (180 / Math.PI))
+  const stops = colors
+    .map((color, i) => {
+      const pct = locations
+        ? `${Math.round(locations[i] * 100)}%`
+        : `${Math.round((i / (colors.length - 1)) * 100)}%`
+      return `${color} ${pct}`
+    })
+    .join(', ')
+  return `linear-gradient(${angle}deg, ${stops})`
+}
+
+export const GradientView = ({
+  colors,
+  start = { x: 0, y: 0 },
+  end = { x: 0, y: 1 },
+  locations,
+  style,
+  pointerEvents,
+  children,
+}: GradientViewProps) => {
+  if (Platform.OS === 'web') {
+    return (
+      <View
+        pointerEvents={pointerEvents}
+        style={[
+          style,
+          { backgroundImage: buildCssGradient(colors, start, end, locations) } as ViewStyle,
+        ]}
+      >
+        {children}
+      </View>
+    )
+  }
+
+  return (
+    <LinearGradient
+      colors={colors as [ColorValue, ColorValue]}
+      start={start}
+      end={end}
+      locations={locations as [number, number]}
+      style={style}
+      pointerEvents={pointerEvents}
+    >
+      {children}
+    </LinearGradient>
+  )
+}

package/src/lib/constants.ts

@@ -1,3 +1,4 @@
 export enum KeyboardKeys {
-    ENTER = 'Enter',
-  }
+  ENTER = 'Enter',
+  BACKSPACE = 'Backspace',
+}

package/src/shared/common.constants.ts

@@ -1,3 +1,10 @@
 import { Platform } from 'react-native'
 
 export const isWeb = Platform.OS === 'web'
+
+export enum SortingDirection {
+  DESC = 'desc',
+  ASC = 'asc',
+}
+
+export const BURGER_MENU_BREAKPOINT = 1024

package/src/shared/icons/keyboard/FrancIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Text as SvgText } from 'react-native-svg'
+
+export const FrancIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <SvgText
+        x="8"
+        y="12"
+        fill={color}
+        fontSize="10"
+        fontWeight="600"
+        textAnchor="middle"
+      >
+        Fr
+      </SvgText>
+    </Svg>
+  )
+}

package/src/shared/icons/keyboard/RappenIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IconProps } from './icon.types'
+import Svg, { Text as SvgText } from 'react-native-svg'
+
+export const RappenIcon = ({ size = 20, color }: IconProps) => {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+      <SvgText
+        x="8"
+        y="12"
+        fill={color}
+        fontSize="8"
+        fontWeight="600"
+        textAnchor="middle"
+      >
+        Rp
+      </SvgText>
+    </Svg>
+  )
+}

package/src/types/types.d.ts

@@ -2,3 +2,8 @@ declare module '*.scss' {
   const content: Record<string, string>
   export default content
 }
+
+declare module '*.mp3' {
+  const src: string | number
+  export default src
+}

package/dist/commonjs/features/fluency/assets/DivideIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DivideIcon","size","color","COLORS","NEUTRAL_9","jsx","width","height","viewBox","fill","children","Path","fillRule","clipRule","d","exports"],"sourceRoot":"../../../../../src","sources":["features/fluency/assets/DivideIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAmD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAO5C,MAAMmB,UAAU,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAGC,qBAAM,CAACC;AAA2B,CAAC,KAAK;EACtF,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAAC7B,eAAA,CAAAU,OAAG;IAACoB,KAAK,EAAEL,IAAK;IAACM,MAAM,EAAEN,IAAK;IAACO,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eAC7D,IAAA/B,WAAA,CAAA0B,GAAA,EAAC7B,eAAA,CAAAmC,IAAI;MACHC,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,qFAAqF;MACvFL,IAAI,EAAEP;IAAM,CACb;EAAC,CACC,CAAC;AAEV,CAAC;AAAAa,OAAA,CAAAf,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/commonjs/features/fluency/assets/SpringIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeSvg","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SpringIcon","jsx","width","height","viewBox","fill","children","Path","opacity","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","exports"],"sourceRoot":"../../../../../src","sources":["features/fluency/assets/SpringIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,uBAAA,CAAAC,OAAA;AAA4C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAErC,MAAMW,UAAU,GAAGA,CAAA,KAAM;EAC9B,oBACE,IAAArB,WAAA,CAAAsB,GAAA,EAACvB,eAAA,CAAAQ,OAAG;IAACgB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eACzD,IAAA3B,WAAA,CAAAsB,GAAA,EAACvB,eAAA,CAAA6B,IAAI;MACHC,OAAO,EAAE,GAAI;MACbC,CAAC,EAAC,sMAAsM;MACxMC,MAAM,EAAC,SAAS;MAChBC,WAAW,EAAE,CAAE;MACfC,aAAa,EAAC,OAAO;MACrBC,cAAc,EAAC;IAAO,CACvB;EAAC,CACC,CAAC;AAEV,CAAC;AAAAC,OAAA,CAAAd,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/commonjs/features/fluency/components/fluency-solving/EquationContent.js

@@ -1,89 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EquationContent = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _useFluencyModePreset = require("../../hooks/useFluencyModePreset.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const EquationContent = ({
-  leftOperand,
-  rightOperand,
-  input = ''
-}) => {
-  const uiMode = (0, _useFluencyModePreset.useFluencyModePreset)();
-  const OperatorIcon = uiMode.operatorIcon;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-      variant: _reactNativeUi.HeadingVariants.H9,
-      style: styles.cardLabel,
-      children: "Type your answer"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.equationRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-        style: styles.number,
-        children: leftOperand
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(OperatorIcon, {
-        color: uiMode.accentColor,
-        size: 36
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-        style: styles.number,
-        children: rightOperand
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-        style: styles.equals,
-        children: "="
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.answerBox,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-          style: [styles.number, styles.answerText, {
-            color: uiMode.accentColor
-          }],
-          children: input
-        })
-      })]
-    })]
-  });
-};
-exports.EquationContent = EquationContent;
-const styles = _reactNative.StyleSheet.create({
-  cardLabel: {
-    fontSize: 11,
-    fontWeight: '700',
-    letterSpacing: 1.3,
-    marginBottom: _reactNativeUi.SPACING[300],
-    color: _reactNativeUi.COLORS.NEUTRAL_7
-  },
-  equationRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: _reactNativeUi.SPACING[300],
-    marginTop: _reactNativeUi.SPACING[600]
-  },
-  number: {
-    fontSize: 60,
-    color: _reactNativeUi.COLORS.NEUTRAL_10,
-    fontWeight: '700',
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  equals: {
-    fontSize: 60,
-    color: _reactNativeUi.COLORS.NEUTRAL_7,
-    fontWeight: '700',
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  answerBox: {
-    width: 100,
-    height: 44,
-    alignItems: 'center',
-    borderBottomWidth: 8,
-    borderBottomColor: _reactNativeUi.COLORS.NEUTRAL_10
-  },
-  answerText: {
-    position: 'absolute'
-  }
-});
-//# sourceMappingURL=EquationContent.js.map

package/dist/commonjs/features/fluency/components/fluency-solving/EquationContent.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencyModePreset","_jsxRuntime","e","__esModule","default","EquationContent","leftOperand","rightOperand","input","uiMode","useFluencyModePreset","OperatorIcon","operatorIcon","jsxs","Fragment","children","jsx","Typography","variant","HeadingVariants","H9","style","styles","cardLabel","View","equationRow","number","color","accentColor","size","equals","answerBox","answerText","exports","StyleSheet","create","fontSize","fontWeight","letterSpacing","marginBottom","SPACING","COLORS","NEUTRAL_7","flexDirection","alignItems","gap","marginTop","NEUTRAL_10","fontFamily","FONT_FAMILY","buenosAires","width","height","borderBottomWidth","borderBottomColor","position"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/EquationContent.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/fluency-solving/FluencyEquationCard.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FluencyEquationCard = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _EquationContent = require("./EquationContent.js");
-var _effectorReact = require("effector-react");
-var _FluencyContext = require("../../context/FluencyContext.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FluencyEquationCard = ({
-  animationStyles
-}) => {
-  const {
-    model
-  } = (0, _FluencyContext.useFluency)();
-  const input = (0, _effectorReact.useUnit)(model.input.$state);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.stack,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: [styles.card, styles.cardFar, animationStyles.far]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: [styles.card, styles.cardMid, animationStyles.mid]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: [styles.card, styles.cardNear, animationStyles.near],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EquationContent.EquationContent, {
-        leftOperand: 6,
-        rightOperand: 6
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: [styles.card, styles.cardFront, animationStyles.front],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EquationContent.EquationContent, {
-        leftOperand: 6,
-        rightOperand: 6,
-        input: input
-      })
-    })]
-  });
-};
-exports.FluencyEquationCard = FluencyEquationCard;
-const styles = _reactNative.StyleSheet.create({
-  stack: {
-    width: '100%',
-    maxWidth: 560
-  },
-  card: {
-    height: 260,
-    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
-    ..._reactNativeUi.SHADOWS[5]
-  },
-  cardFar: {
-    position: 'absolute',
-    top: 36,
-    left: 60,
-    right: 60,
-    opacity: 0
-  },
-  cardMid: {
-    position: 'absolute',
-    top: 24,
-    left: 40,
-    right: 40
-  },
-  cardNear: {
-    position: 'absolute',
-    top: 12,
-    left: 20,
-    right: 20,
-    alignItems: 'center',
-    justifyContent: 'center',
-    ..._reactNativeUi.SHADOWS[5]
-  },
-  cardFront: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-//# sourceMappingURL=FluencyEquationCard.js.map

package/dist/commonjs/features/fluency/components/fluency-solving/FluencyEquationCard.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_EquationContent","_effectorReact","_FluencyContext","_jsxRuntime","e","__esModule","default","FluencyEquationCard","animationStyles","model","useFluency","input","useUnit","$state","jsxs","View","style","styles","stack","children","jsx","card","cardFar","far","cardMid","mid","cardNear","near","EquationContent","leftOperand","rightOperand","cardFront","front","exports","StyleSheet","create","width","maxWidth","height","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","position","top","left","right","opacity","alignItems","justifyContent"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/fluency-solving/FluencyEquationCard.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/fluency-solving/FluencyNumpad.js

@@ -1,203 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FluencyNumpad = 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 _BackspaceIcon = require("../../../../shared/icons/keyboard/BackspaceIcon.js");
-var _FluencyContext = require("../../context/FluencyContext.js");
-var _useFluencyModePreset = require("../../hooks/useFluencyModePreset.js");
-var _commonConstants = require("../../../../shared/common.constants.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 ACTION_KEY_COLOR_SCHEME = {
-  [_reactNativeUi.ButtonStates.DEFAULT]: {
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
-    borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
-    raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
-    color: _reactNativeUi.COLORS.NEUTRAL_9
-  },
-  [_reactNativeUi.ButtonStates.HOVER]: {
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
-    borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
-    raiseColor: _reactNativeUi.COLORS.NEUTRAL_4,
-    color: _reactNativeUi.COLORS.NEUTRAL_9
-  }
-};
-const NUMPAD_KEYS = [{
-  key: '1',
-  title: '1',
-  value: 1
-}, {
-  key: '2',
-  title: '2',
-  value: 2
-}, {
-  key: '3',
-  title: '3',
-  value: 3
-}, {
-  key: '4',
-  title: '4',
-  value: 4
-}, {
-  key: '5',
-  title: '5',
-  value: 5
-}, {
-  key: '6',
-  title: '6',
-  value: 6
-}, {
-  key: '7',
-  title: '7',
-  value: 7
-}, {
-  key: '8',
-  title: '8',
-  value: 8
-}, {
-  key: '9',
-  title: '9',
-  value: 9
-}, {
-  key: 'backspace',
-  title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackspaceIcon.BackspaceIcon, {
-    size: 20,
-    color: _reactNativeUi.COLORS.NEUTRAL_9
-  }),
-  value: 'backspace',
-  customColorScheme: ACTION_KEY_COLOR_SCHEME
-}, {
-  key: '0',
-  title: '0',
-  value: 0
-}, {
-  key: 'enter',
-  title: 'Enter',
-  value: 'enter',
-  customColorScheme: ACTION_KEY_COLOR_SCHEME
-}];
-const FluencyNumpad = ({
-  onEnterPress
-}) => {
-  const {
-    model
-  } = (0, _FluencyContext.useFluency)();
-  const uiMode = (0, _useFluencyModePreset.useFluencyModePreset)();
-  const input = (0, _effectorReact.useUnit)(model.input.$state);
-  const [pressedKey, setPressedKey] = (0, _react.useState)(null);
-  (0, _react.useEffect)(() => {
-    if (!_commonConstants.isWeb) return;
-    let timeoutId;
-    const handleKeyDown = event => {
-      let numpadKey = null;
-      if (/^\d$/.test(event.key)) numpadKey = event.key;else if (event.key === 'Backspace') numpadKey = 'backspace';else if (event.key === 'Enter') numpadKey = 'enter';
-      if (!numpadKey) return;
-      clearTimeout(timeoutId);
-      setPressedKey(numpadKey);
-      timeoutId = setTimeout(() => setPressedKey(null), 175);
-    };
-    window.addEventListener('keydown', handleKeyDown);
-    return () => {
-      window.removeEventListener('keydown', handleKeyDown);
-      clearTimeout(timeoutId);
-    };
-  }, []);
-  const accentColor = uiMode.accentColor;
-  const accentBorderColor = uiMode.matrix.mastery.mastered;
-  const enterAccentScheme = {
-    [_reactNativeUi.ButtonStates.DEFAULT]: {
-      backgroundColor: accentColor,
-      borderColor: accentBorderColor,
-      raiseColor: accentBorderColor,
-      color: _reactNativeUi.COLORS.NEUTRAL_1
-    },
-    [_reactNativeUi.ButtonStates.HOVER]: {
-      backgroundColor: accentColor,
-      borderColor: accentBorderColor,
-      raiseColor: accentBorderColor,
-      color: _reactNativeUi.COLORS.NEUTRAL_1
-    },
-    [_reactNativeUi.ButtonStates.PRESSED]: {
-      backgroundColor: accentColor,
-      borderColor: accentBorderColor,
-      raiseColor: accentBorderColor,
-      color: _reactNativeUi.COLORS.NEUTRAL_1
-    },
-    [_reactNativeUi.ButtonStates.ACTIVE]: {
-      backgroundColor: accentColor,
-      borderColor: accentBorderColor,
-      raiseColor: accentBorderColor,
-      color: _reactNativeUi.COLORS.NEUTRAL_1
-    }
-  };
-  const options = NUMPAD_KEYS.map(({
-    value,
-    customColorScheme,
-    ...props
-  }) => {
-    const isEnterKey = value === 'enter';
-    const colorScheme = isEnterKey && input ? enterAccentScheme : customColorScheme;
-    return {
-      ...props,
-      selected: pressedKey === props.key,
-      customColorScheme: colorScheme,
-      onPressIn: () => {
-        if (value === 'backspace') return model.input.set({
-          erase: 'latest'
-        });
-        if (value === 'enter') return onEnterPress();
-        model.input.set({
-          value
-        });
-      }
-    };
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.container,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectGroup, {
-      numOfRows: 4,
-      color: _reactNativeUi.SelectOptionColor.GREY,
-      size: _reactNativeUi.SelectOptionSize.SMALL,
-      options: options,
-      style: {
-        container: styles.grid,
-        row: styles.row,
-        option: {
-          button: styles.optionButton,
-          text: styles.optionText
-        }
-      }
-    })
-  });
-};
-exports.FluencyNumpad = FluencyNumpad;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    paddingVertical: _reactNativeUi.SPACING[400],
-    marginTop: _reactNativeUi.SPACING[200]
-  },
-  grid: {
-    width: 360,
-    gap: _reactNativeUi.SPACING[200]
-  },
-  row: {
-    gap: _reactNativeUi.SPACING[200]
-  },
-  optionButton: {
-    height: 60
-  },
-  optionText: {
-    fontSize: 24,
-    fontWeight: '700',
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  }
-});
-//# sourceMappingURL=FluencyNumpad.js.map