@magmamath/students-features 1.5.0 → 1.5.1

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyEquationCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _EquationContent = require("./EquationContent.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getDisplayedEquation = fact => {
+  const left = fact?.numbers[0] ?? 0;
+  const right = fact?.numbers[1] ?? 0;
+  return {
+    leftOperand: left,
+    rightOperand: right,
+    mode: fact?.mode
+  };
+};
+const FluencyEquationCard = ({
+  cardContent,
+  readOnly = false,
+  status,
+  onAnswerChange
+}) => {
+  const equation = getDisplayedEquation(cardContent.fact);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EquationContent.EquationContent, {
+    leftOperand: equation.leftOperand,
+    rightOperand: equation.rightOperand,
+    mode: equation.mode,
+    value: cardContent.answer,
+    readOnly: readOnly,
+    status: status,
+    correctAnswer: cardContent.fact?.answer,
+    onChange: onAnswerChange
+  });
+};
+exports.FluencyEquationCard = FluencyEquationCard;
+//# sourceMappingURL=FluencyEquationCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_EquationContent","_jsxRuntime","e","__esModule","default","getDisplayedEquation","fact","left","numbers","right","leftOperand","rightOperand","mode","FluencyEquationCard","cardContent","readOnly","status","onAnswerChange","equation","jsx","EquationContent","value","answer","correctAnswer","onChange","exports"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencyEquationCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAiBnD,MAAMG,oBAAoB,GAAIC,IAAwB,IAAwB;EAC5E,MAAMC,IAAI,GAAGD,IAAI,EAAEE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;EAClC,MAAMC,KAAK,GAAGH,IAAI,EAAEE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;EAEnC,OAAO;IACLE,WAAW,EAAEH,IAAI;IACjBI,YAAY,EAAEF,KAAK;IACnBG,IAAI,EAAEN,IAAI,EAAEM;EACd,CAAC;AACH,CAAC;AAEM,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,WAAW;EACXC,QAAQ,GAAG,KAAK;EAChBC,MAAM;EACNC;AACwB,CAAC,KAAK;EAC9B,MAAMC,QAAQ,GAAGb,oBAAoB,CAACS,WAAW,CAACR,IAAI,CAAC;EAEvD,oBACE,IAAAL,WAAA,CAAAkB,GAAA,EAACnB,gBAAA,CAAAoB,eAAe;IACdV,WAAW,EAAEQ,QAAQ,CAACR,WAAY;IAClCC,YAAY,EAAEO,QAAQ,CAACP,YAAa;IACpCC,IAAI,EAAEM,QAAQ,CAACN,IAAK;IACpBS,KAAK,EAAEP,WAAW,CAACQ,MAAO;IAC1BP,QAAQ,EAAEA,QAAS;IACnBC,MAAM,EAAEA,MAAO;IACfO,aAAa,EAAET,WAAW,CAACR,IAAI,EAAEgB,MAAO;IACxCE,QAAQ,EAAEP;EAAe,CAC1B,CAAC;AAEN,CAAC;AAAAQ,OAAA,CAAAZ,mBAAA,GAAAA,mBAAA","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyNumpad = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _useFluencyNumpad = require("../../../hooks/useFluencyNumpad.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencyNumpad = ({
+  onSubmit
+}) => {
+  const {
+    options
+  } = (0, _useFluencyNumpad.useFluencyNumpad)({
+    onSubmit
+  });
+  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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencyNumpad","_jsxRuntime","e","__esModule","default","FluencyNumpad","onSubmit","options","useFluencyNumpad","jsx","View","style","styles","container","children","SelectGroup","numOfRows","color","SelectOptionColor","GREY","size","SelectOptionSize","SMALL","grid","row","option","button","optionButton","text","optionText","exports","StyleSheet","create","alignItems","paddingVertical","SPACING","marginTop","width","gap","height","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencyNumpad.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAkE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM3D,MAAMG,aAAa,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EACjE,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,kCAAgB,EAAC;IAAEF;EAAS,CAAC,CAAC;EAElD,oBACE,IAAAL,WAAA,CAAAQ,GAAA,EAACX,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAAb,WAAA,CAAAQ,GAAA,EAACV,cAAA,CAAAgB,WAAW;MACVC,SAAS,EAAE,CAAE;MACbC,KAAK,EAAEC,gCAAiB,CAACC,IAAK;MAC9BC,IAAI,EAAEC,+BAAgB,CAACC,KAAM;MAC7Bf,OAAO,EAAEA,OAAQ;MACjBI,KAAK,EAAE;QACLE,SAAS,EAAED,MAAM,CAACW,IAAI;QACtBC,GAAG,EAAEZ,MAAM,CAACY,GAAG;QACfC,MAAM,EAAE;UACNC,MAAM,EAAEd,MAAM,CAACe,YAAY;UAC3BC,IAAI,EAAEhB,MAAM,CAACiB;QACf;MACF;IAAE,CACH;EAAC,CACE,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAzB,aAAA,GAAAA,aAAA;AAED,MAAMO,MAAM,GAAGmB,uBAAU,CAACC,MAAM,CAAC;EAC/BnB,SAAS,EAAE;IACToB,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,SAAS,EAAED,sBAAO,CAAC,GAAG;EACxB,CAAC;EACDZ,IAAI,EAAE;IACJc,KAAK,EAAE,GAAG;IACVC,GAAG,EAAEH,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDX,GAAG,EAAE;IACHc,GAAG,EAAEH,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDR,YAAY,EAAE;IACZY,MAAM,EAAE;EACV,CAAC;EACDV,UAAU,EAAE;IACVW,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,0BAAW,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencySolvingCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react/effector-react.mjs");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _FluencyNumpad = require("./FluencyNumpad.js");
+var _FluencyCardDeck = require("./FluencyCardDeck.js");
+var _FluencyContext = require("../../../context/FluencyContext.js");
+var _useFluencyCardDeckAnimation = require("../../../hooks/useFluencyCardDeckAnimation.js");
+var _useSuccessSound = require("../../../hooks/useSuccessSound.js");
+var _fluencyConstants = require("../../../shared/fluency.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencySolvingCard = () => {
+  const {
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const {
+    currentAnswer,
+    currentFact
+  } = (0, _effectorReact.useUnit)({
+    currentAnswer: model.solving.$answer,
+    currentFact: model.solving.$current
+  });
+  const cardDeckAnimation = (0, _useFluencyCardDeckAnimation.useFluencyCardDeckAnimation)();
+  const successSound = (0, _useSuccessSound.useSuccessSound)();
+  const currentCardContent = {
+    fact: currentFact,
+    answer: currentAnswer ?? ''
+  };
+  const updateAnswer = text => {
+    const digits = text.replace(/\D/g, '');
+    model.solving.setAnswer(digits || null);
+  };
+  const submit = () => {
+    if (!currentFact) return;
+    if (currentAnswer === null) return;
+    const isCorrect = Number(currentAnswer) === currentFact.answer;
+    const direction = isCorrect ? 'right' : 'left';
+    const status = isCorrect ? _fluencyConstants.AttemptStatus.CORRECT : _fluencyConstants.AttemptStatus.INCORRECT;
+    if (!cardDeckAnimation.startCardExit({
+      cardContent: currentCardContent,
+      direction,
+      status
+    })) return;
+    if (isCorrect) {
+      successSound.play();
+    }
+    model.solving.submit();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.wrapper,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyCardDeck.FluencyCardDeck, {
+        currentCardContent: currentCardContent,
+        exitingCardContent: cardDeckAnimation.exitingCardContent,
+        exitingCardStatus: cardDeckAnimation.exitingCardStatus,
+        snapStyles: cardDeckAnimation.snapStyles,
+        onAnswerChange: updateAnswer
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencyNumpad.FluencyNumpad, {
+      onSubmit: submit
+    })]
+  });
+};
+exports.FluencySolvingCard = FluencySolvingCard;
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    alignItems: 'center',
+    paddingVertical: _reactNativeUi.SPACING[400],
+    paddingHorizontal: _reactNativeUi.SPACING[600],
+    marginTop: _reactNativeUi.SPACING[300]
+  }
+});
+//# sourceMappingURL=FluencySolvingCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_FluencyNumpad","_FluencyCardDeck","_FluencyContext","_useFluencyCardDeckAnimation","_useSuccessSound","_fluencyConstants","_jsxRuntime","e","__esModule","default","FluencySolvingCard","model","useFluency","currentAnswer","currentFact","useUnit","solving","$answer","$current","cardDeckAnimation","useFluencyCardDeckAnimation","successSound","useSuccessSound","currentCardContent","fact","answer","updateAnswer","text","digits","replace","setAnswer","submit","isCorrect","Number","direction","status","AttemptStatus","CORRECT","INCORRECT","startCardExit","cardContent","play","jsxs","View","children","jsx","style","styles","wrapper","FluencyCardDeck","exitingCardContent","exitingCardStatus","snapStyles","onAnswerChange","FluencyNumpad","onSubmit","exports","StyleSheet","create","alignItems","paddingVertical","SPACING","paddingHorizontal","marginTop"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencySolvingHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _useFluencySolvingPreset = require("../../../hooks/useFluencySolvingPreset.js");
+var _XCloseIcon = require("../../../../../shared/icons/XCloseIcon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencySolvingHeader = ({
+  onClosePress
+}) => {
+  const modePreset = (0, _useFluencySolvingPreset.useFluencySolvingPreset)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+      variant: _reactNativeUi.ButtonVariant.SECONDARY,
+      size: _reactNativeUi.ButtonSize.LARGE,
+      colorScheme: _reactNativeUi.ButtonColor.WHITE,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_XCloseIcon.XCloseIcon, {}),
+      onPress: onClosePress
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.operatorBadge, {
+        backgroundColor: modePreset.colors.accent
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H7,
+        style: styles.symbol,
+        children: modePreset.symbol
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H4,
+      style: styles.title,
+      children: modePreset.label
+    })]
+  });
+};
+exports.FluencySolvingHeader = FluencySolvingHeader;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: 76,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 14,
+    paddingVertical: _reactNativeUi.SPACING[400],
+    paddingHorizontal: _reactNativeUi.SPACING[600],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  operatorBadge: {
+    width: 32,
+    height: 32,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
+    alignItems: 'center',
+    justifyContent: 'center',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  title: {
+    color: _reactNativeUi.COLORS.NEUTRAL_10,
+    fontWeight: '700'
+  },
+  symbol: {
+    fontSize: 32,
+    fontWeight: '100',
+    marginBottom: 2,
+    color: _reactNativeUi.COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=FluencySolvingHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencySolvingPreset","_XCloseIcon","_jsxRuntime","e","__esModule","default","FluencySolvingHeader","onClosePress","modePreset","useFluencySolvingPreset","jsxs","View","style","styles","container","children","jsx","Button","variant","ButtonVariant","SECONDARY","size","ButtonSize","LARGE","colorScheme","ButtonColor","WHITE","icon","XCloseIcon","onPress","operatorBadge","backgroundColor","colors","accent","Typography","HeadingVariants","H7","symbol","H4","title","label","exports","StyleSheet","create","height","flexDirection","alignItems","gap","paddingVertical","SPACING","paddingHorizontal","COLORS","NEUTRAL_1","SHADOWS","width","borderRadius","BORDER_RADIUS","justifyContent","color","NEUTRAL_10","fontWeight","fontSize","marginBottom"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAYA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAmE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM5D,MAAMG,oBAAoB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EACnF,MAAMC,UAAU,GAAG,IAAAC,gDAAuB,EAAC,CAAC;EAE5C,oBACE,IAAAP,WAAA,CAAAQ,IAAA,EAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAb,WAAA,CAAAc,GAAA,EAACjB,cAAA,CAAAkB,MAAM;MACLC,OAAO,EAAEC,4BAAa,CAACC,SAAU;MACjCC,IAAI,EAAEC,yBAAU,CAACC,KAAM;MACvBC,WAAW,EAAEC,0BAAW,CAACC,KAAM;MAC/BC,IAAI,eAAE,IAAAzB,WAAA,CAAAc,GAAA,EAACf,WAAA,CAAA2B,UAAU,IAAE,CAAE;MACrBC,OAAO,EAAEtB;IAAa,CACvB,CAAC,eACF,IAAAL,WAAA,CAAAc,GAAA,EAAClB,YAAA,CAAAa,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACiB,aAAa,EAAE;QAAEC,eAAe,EAAEvB,UAAU,CAACwB,MAAM,CAACC;MAAO,CAAC,CAAE;MAAAlB,QAAA,eACjF,IAAAb,WAAA,CAAAc,GAAA,EAACjB,cAAA,CAAAmC,UAAU;QAAChB,OAAO,EAAEiB,8BAAe,CAACC,EAAG;QAACxB,KAAK,EAAEC,MAAM,CAACwB,MAAO;QAAAtB,QAAA,EAC3DP,UAAU,CAAC6B;MAAM,CACR;IAAC,CACT,CAAC,eACP,IAAAnC,WAAA,CAAAc,GAAA,EAACjB,cAAA,CAAAmC,UAAU;MAAChB,OAAO,EAAEiB,8BAAe,CAACG,EAAG;MAAC1B,KAAK,EAAEC,MAAM,CAAC0B,KAAM;MAAAxB,QAAA,EAC1DP,UAAU,CAACgC;IAAK,CACP,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAnC,oBAAA,GAAAA,oBAAA;AAED,MAAMO,MAAM,GAAG6B,uBAAU,CAACC,MAAM,CAAC;EAC/B7B,SAAS,EAAE;IACT8B,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,EAAE;IACPC,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/BlB,eAAe,EAAEoB,qBAAM,CAACC,SAAS;IACjC,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDvB,aAAa,EAAE;IACbwB,KAAK,EAAE,EAAE;IACTV,MAAM,EAAE,EAAE;IACVW,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCV,UAAU,EAAE,QAAQ;IACpBW,cAAc,EAAE,QAAQ;IACxB,GAAGJ,sBAAO,CAAC,CAAC;EACd,CAAC;EACDd,KAAK,EAAE;IACLmB,KAAK,EAAEP,qBAAM,CAACQ,UAAU;IACxBC,UAAU,EAAE;EACd,CAAC;EACDvB,MAAM,EAAE;IACNwB,QAAQ,EAAE,EAAE;IACZD,UAAU,EAAE,KAAK;IACjBE,YAAY,EAAE,CAAC;IACfJ,KAAK,EAAEP,qBAAM,CAACC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencySolvingProgress = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _fluencyConstants = require("../../../shared/fluency.constants.js");
+var _FluencySolvingProgressDot = require("./FluencySolvingProgressDot.js");
+var _FluencyContext = require("../../../context/FluencyContext.js");
+var _effectorReact = require("effector-react");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GROUP_SIZE = 5;
+const ProgressDot = ({
+  index,
+  activeIndex,
+  outcome
+}) => {
+  if (index === activeIndex) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluencySolvingProgressDot.FluencySolvingProgressDot, {});
+  if (index < activeIndex && outcome) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: DOT_STYLE_BY_OUTCOME[outcome.status]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.dot
+  });
+};
+const FluencySolvingProgress = () => {
+  const {
+    model
+  } = (0, _FluencyContext.useFluency)();
+  const outcomes = (0, _effectorReact.useUnit)(model.solving.$outcomes);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: Array.from({
+      length: _fluencyConstants.SESSION_LENGTH / GROUP_SIZE
+    }, (_, groupIndex) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.group,
+      children: Array.from({
+        length: GROUP_SIZE
+      }, (_, dotIndex) => {
+        const index = groupIndex * GROUP_SIZE + dotIndex;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressDot, {
+          index: index,
+          activeIndex: outcomes.length,
+          outcome: outcomes[index]
+        }, index);
+      })
+    }, groupIndex))
+  });
+};
+exports.FluencySolvingProgress = FluencySolvingProgress;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    gap: _reactNativeUi.SPACING[500],
+    paddingHorizontal: _reactNativeUi.SPACING[600],
+    paddingVertical: 14,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  group: {
+    flexDirection: 'row',
+    gap: 8,
+    alignItems: 'center'
+  },
+  dot: {
+    width: 10,
+    height: 10,
+    borderRadius: 5,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4
+  },
+  dotCorrect: {
+    width: 10,
+    height: 10,
+    borderRadius: 5,
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_GREEN
+  },
+  dotWrong: {
+    width: 10,
+    height: 10,
+    borderRadius: 5,
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_RED
+  }
+});
+const DOT_STYLE_BY_OUTCOME = {
+  [_fluencyConstants.AttemptStatus.CORRECT]: styles.dotCorrect,
+  [_fluencyConstants.AttemptStatus.INCORRECT]: styles.dotWrong,
+  [_fluencyConstants.AttemptStatus.SKIPPED]: styles.dot
+};
+//# sourceMappingURL=FluencySolvingProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_fluencyConstants","_FluencySolvingProgressDot","_FluencyContext","_effectorReact","_jsxRuntime","e","__esModule","default","GROUP_SIZE","ProgressDot","index","activeIndex","outcome","jsx","FluencySolvingProgressDot","View","style","DOT_STYLE_BY_OUTCOME","status","styles","dot","FluencySolvingProgress","model","useFluency","outcomes","useUnit","solving","$outcomes","container","children","Array","from","length","SESSION_LENGTH","_","groupIndex","group","dotIndex","exports","StyleSheet","create","flexDirection","gap","SPACING","paddingHorizontal","paddingVertical","justifyContent","alignItems","width","height","borderRadius","backgroundColor","COLORS","NEUTRAL_4","dotCorrect","PRIMARY_GREEN","dotWrong","PRIMARY_RED","AttemptStatus","CORRECT","INCORRECT","SKIPPED"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingProgress.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencySolvingProgressDot = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+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 DOT_SIZE = 16;
+const RING_SPREAD_MIN = 4;
+const RING_SPREAD_MAX = 8;
+const RING_SIZE = DOT_SIZE + RING_SPREAD_MAX * 2;
+const RING_SCALE_MIN = (DOT_SIZE + RING_SPREAD_MIN * 2) / RING_SIZE;
+const RING_OPACITY_MIN = 0.06;
+const RING_OPACITY_MAX = 0.12;
+const PULSE_DURATION_MS = 800;
+const FluencySolvingProgressDot = () => {
+  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    progress.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(1, {
+      duration: PULSE_DURATION_MS,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
+    }), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: PULSE_DURATION_MS,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
+    })), -1, false);
+    return () => (0, _reactNativeReanimated.cancelAnimation)(progress);
+  }, [progress]);
+  const ringStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const scale = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [RING_SCALE_MIN, 1]);
+    const opacity = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [RING_OPACITY_MAX, RING_OPACITY_MIN]);
+    return {
+      opacity,
+      transform: [{
+        scale
+      }]
+    };
+  }, [progress]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.dot,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.ring, ringStyle]
+    })
+  });
+};
+exports.FluencySolvingProgressDot = FluencySolvingProgressDot;
+const styles = _reactNative.StyleSheet.create({
+  dot: {
+    width: DOT_SIZE,
+    height: DOT_SIZE,
+    borderRadius: DOT_SIZE / 2,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_10
+  },
+  ring: {
+    position: 'absolute',
+    top: -RING_SPREAD_MAX,
+    left: -RING_SPREAD_MAX,
+    width: RING_SIZE,
+    height: RING_SIZE,
+    borderRadius: RING_SIZE / 2,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_10
+  }
+});
+//# sourceMappingURL=FluencySolvingProgressDot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DOT_SIZE","RING_SPREAD_MIN","RING_SPREAD_MAX","RING_SIZE","RING_SCALE_MIN","RING_OPACITY_MIN","RING_OPACITY_MAX","PULSE_DURATION_MS","FluencySolvingProgressDot","progress","useSharedValue","useEffect","value","withRepeat","withSequence","withTiming","duration","easing","Easing","inOut","ease","cancelAnimation","ringStyle","useAnimatedStyle","scale","interpolate","opacity","transform","jsx","View","style","styles","dot","children","ring","exports","StyleSheet","create","width","height","borderRadius","backgroundColor","COLORS","NEUTRAL_10","position","top","left"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/fluency-solving/components/FluencySolvingProgressDot.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/matrix/FluencyMatrix.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyMatrix = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _MatrixLegend = require("./components/MatrixLegend.js");
+var _MatrixFill = require("./components/MatrixFill.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencyMatrix = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.matrixFillContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixFill.MatrixFill, {})
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixLegend.MatrixLegend, {})]
+});
+exports.FluencyMatrix = FluencyMatrix;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    overflow: 'hidden',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  matrixFillContainer: {
+    flex: 1,
+    padding: _reactNativeUi.SPACING[300]
+  }
+});
+//# sourceMappingURL=FluencyMatrix.js.map

package/dist/commonjs/features/fluency/components/matrix/FluencyMatrix.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_MatrixLegend","_MatrixFill","_jsxRuntime","e","__esModule","default","FluencyMatrix","jsxs","View","style","styles","container","children","jsx","matrixFillContainer","MatrixFill","MatrixLegend","exports","StyleSheet","create","flex","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","overflow","SHADOWS","padding","SPACING"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/matrix/FluencyMatrix.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAoD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C,MAAMG,aAAa,GAAGA,CAAA,kBAC3B,IAAAJ,WAAA,CAAAK,IAAA,EAACT,YAAA,CAAAU,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAV,WAAA,CAAAW,GAAA,EAACf,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,mBAAoB;IAAAF,QAAA,eACtC,IAAAV,WAAA,CAAAW,GAAA,EAACZ,WAAA,CAAAc,UAAU,IAAE;EAAC,CACV,CAAC,eAEP,IAAAb,WAAA,CAAAW,GAAA,EAACb,aAAA,CAAAgB,YAAY,IAAE,CAAC;AAAA,CACZ,CACP;AAAAC,OAAA,CAAAX,aAAA,GAAAA,aAAA;AAED,MAAMI,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAE,QAAQ;IAClB,GAAGC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDb,mBAAmB,EAAE;IACnBM,IAAI,EAAE,CAAC;IACPQ,OAAO,EAAEC,sBAAO,CAAC,GAAG;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/components/matrix/components/CellTooltip.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CellTooltip = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CellTooltip = ({
+  label
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.bubble,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.label,
+      children: label
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.arrow
+  })]
+});
+exports.CellTooltip = CellTooltip;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center'
+  },
+  bubble: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[150],
+    paddingHorizontal: _reactNativeUi.SPACING[200],
+    paddingVertical: _reactNativeUi.SPACING[100],
+    ..._reactNativeUi.SHADOWS[4]
+  },
+  label: {
+    fontSize: 13,
+    color: _reactNativeUi.COLORS.NEUTRAL_9,
+    textAlign: 'center'
+  },
+  arrow: {
+    width: 0,
+    height: 0,
+    marginTop: -4,
+    borderLeftWidth: 9,
+    borderRightWidth: 9,
+    borderTopWidth: 12,
+    borderStyle: 'solid',
+    borderLeftColor: 'transparent',
+    borderRightColor: 'transparent',
+    borderTopColor: _reactNativeUi.COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=CellTooltip.js.map

package/dist/commonjs/features/fluency/components/matrix/components/CellTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","CellTooltip","label","jsxs","View","style","styles","container","children","jsx","bubble","Text","arrow","exports","StyleSheet","create","alignItems","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","paddingHorizontal","SPACING","paddingVertical","SHADOWS","fontSize","color","NEUTRAL_9","textAlign","width","height","marginTop","borderLeftWidth","borderRightWidth","borderTopWidth","borderStyle","borderLeftColor","borderRightColor","borderTopColor"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/CellTooltip.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAoF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM7E,MAAMG,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,kBACrD,IAAAL,WAAA,CAAAM,IAAA,EAACR,YAAA,CAAAS,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,MAAO;IAAAF,QAAA,eACzB,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAgB,IAAI;MAACN,KAAK,EAAEC,MAAM,CAACJ,KAAM;MAAAM,QAAA,EAAEN;IAAK,CAAO;EAAC,CACrC,CAAC,eACP,IAAAL,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACM;EAAM,CAAE,CAAC;AAAA,CACzB,CACP;AAAAC,OAAA,CAAAZ,WAAA,GAAAA,WAAA;AAED,MAAMK,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,UAAU,EAAE;EACd,CAAC;EACDN,MAAM,EAAE;IACNO,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,iBAAiB,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC/BC,eAAe,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC7B,GAAGE,sBAAO,CAAC,CAAC;EACd,CAAC;EACDvB,KAAK,EAAE;IACLwB,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAET,qBAAM,CAACU,SAAS;IACvBC,SAAS,EAAE;EACb,CAAC;EACDjB,KAAK,EAAE;IACLkB,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,SAAS,EAAE,CAAC,CAAC;IACbC,eAAe,EAAE,CAAC;IAClBC,gBAAgB,EAAE,CAAC;IACnBC,cAAc,EAAE,EAAE;IAClBC,WAAW,EAAE,OAAO;IACpBC,eAAe,EAAE,aAAa;IAC9BC,gBAAgB,EAAE,aAAa;IAC/BC,cAAc,EAAErB,qBAAM,CAACC;EACzB;AACF,CAAC,CAAC","ignoreList":[]}