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

package/dist/module/features/fluency/components/session-results/SessionStatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","BORDER_RADIUS","COLORS","FONT_FAMILY","SHADOWS","SPACING","jsx","_jsx","jsxs","_jsxs","SessionStatCard","value","label","icon","color","style","styles","card","borderColor","children","iconCircle","backgroundColor","textContainer","create","flex","NEUTRAL_1","borderWidth","borderRadius","padding","flexDirection","alignItems","gap","width","height","justifyContent","fontSize","lineHeight","fontFamily","buenosAires","fontWeight","NEUTRAL_7"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/session-results/SessionStatCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAwB,cAAc;AACrE,SAASC,aAAa,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASjG,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAA4B,CAAC,KAAK;EACtF,oBACEL,KAAA,CAACT,IAAI;IAACe,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,WAAW,EAAEJ;IAAM,CAAC,CAAE;IAAAK,QAAA,gBACjDZ,IAAA,CAACP,IAAI;MAACe,KAAK,EAAE,CAACC,MAAM,CAACI,UAAU,EAAE;QAAEC,eAAe,EAAEP;MAAM,CAAC,CAAE;MAAAK,QAAA,EAAEN;IAAI,CAAO,CAAC,eAC3EJ,KAAA,CAACT,IAAI;MAACe,KAAK,EAAEC,MAAM,CAACM,aAAc;MAAAH,QAAA,gBAChCZ,IAAA,CAACR,IAAI;QAACgB,KAAK,EAAE,CAACC,MAAM,CAACL,KAAK,EAAE;UAAEG;QAAM,CAAC,CAAE;QAAAK,QAAA,EAAER;MAAK,CAAO,CAAC,eACtDJ,IAAA,CAACR,IAAI;QAACgB,KAAK,EAAEC,MAAM,CAACJ,KAAM;QAAAO,QAAA,EAAEP;MAAK,CAAO,CAAC;IAAA,CACrC,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGlB,UAAU,CAACyB,MAAM,CAAC;EAC/BN,IAAI,EAAE;IACJO,IAAI,EAAE,CAAC;IACPH,eAAe,EAAEnB,MAAM,CAACuB,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE1B,aAAa,CAAC,GAAG,CAAC;IAChC2B,OAAO,EAAEvB,OAAO,CAAC,GAAG,CAAC;IACrBwB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE1B,OAAO,CAAC,GAAG;EAClB,CAAC;EACDiB,aAAa,EAAE;IACbS,GAAG,EAAE1B,OAAO,CAAC,EAAE;EACjB,CAAC;EACDe,UAAU,EAAE;IACVY,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVN,YAAY,EAAE,IAAI;IAClBG,UAAU,EAAE,QAAQ;IACpBI,cAAc,EAAE,QAAQ;IACxB,GAAG9B,OAAO,CAAC,CAAC;EACd,CAAC;EACDO,KAAK,EAAE;IACLwB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAElC,WAAW,CAACmC,WAAW;IACnCC,UAAU,EAAE;EACd,CAAC;EACD3B,KAAK,EAAE;IACLuB,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAElC,WAAW,CAACmC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBzB,KAAK,EAAEZ,MAAM,CAACsC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/session-results/SkillProgressionRow.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING, Typography } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BAR_WIDTH = 80;
+export const SkillProgressionRow = ({
+  symbol,
+  symbolColor,
+  symbolBackground,
+  operationName,
+  levelLabel,
+  levelColor,
+  progressRate,
+  progressColor,
+  isActive
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.row, isActive && {
+      borderWidth: 1.5,
+      borderColor: progressColor,
+      backgroundColor: symbolBackground
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.symbolCircle, {
+        backgroundColor: symbolBackground
+      }],
+      children: /*#__PURE__*/_jsx(Typography, {
+        style: [styles.symbol, {
+          color: symbolColor
+        }],
+        children: symbol
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.col,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        style: styles.name,
+        children: operationName
+      }), /*#__PURE__*/_jsx(Typography, {
+        style: [styles.level, {
+          color: levelColor
+        }],
+        children: levelLabel
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.barTrack,
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.barFill, {
+          width: BAR_WIDTH * progressRate,
+          backgroundColor: progressColor
+        }]
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[300],
+    paddingVertical: 10,
+    paddingHorizontal: 14,
+    backgroundColor: COLORS.NEUTRAL_2,
+    borderRadius: 14
+  },
+  symbolCircle: {
+    width: 36,
+    height: 36,
+    borderRadius: BORDER_RADIUS[250],
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0
+  },
+  symbol: {
+    fontSize: 18,
+    fontWeight: '900',
+    fontFamily: FONT_FAMILY.buenosAires
+  },
+  col: {
+    flex: 1,
+    gap: 2
+  },
+  name: {
+    fontSize: 14,
+    fontWeight: '700',
+    color: COLORS.NEUTRAL_10,
+    textAlign: 'center'
+  },
+  level: {
+    fontSize: 12,
+    fontWeight: '600',
+    textAlign: 'center'
+  },
+  barTrack: {
+    width: BAR_WIDTH,
+    height: 6,
+    backgroundColor: COLORS.NEUTRAL_4,
+    borderRadius: BORDER_RADIUS[100],
+    overflow: 'hidden'
+  },
+  barFill: {
+    height: 6,
+    borderRadius: BORDER_RADIUS[100]
+  }
+});
+//# sourceMappingURL=SkillProgressionRow.js.map

package/dist/module/features/fluency/components/session-results/SkillProgressionRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","BAR_WIDTH","SkillProgressionRow","symbol","symbolColor","symbolBackground","operationName","levelLabel","levelColor","progressRate","progressColor","isActive","style","styles","row","borderWidth","borderColor","backgroundColor","children","symbolCircle","color","col","name","level","barTrack","barFill","width","create","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","NEUTRAL_2","borderRadius","height","justifyContent","flexShrink","fontSize","fontWeight","fontFamily","buenosAires","flex","NEUTRAL_10","textAlign","NEUTRAL_4","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/session-results/SkillProgressionRow.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/components/start-banner/BannerFlashcards.js

@@ -5,58 +5,58 @@ import { MathFlashcard } from "./MathFlashcard.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const CARD_LAYOUTS = [{
   card: {
-    width: 146,
-    height: 88,
-    radius: 6
+    width: 175,
+    height: 106,
+    radius: 8
   },
   answer: {
-    width: 20,
-    height: 29,
-    radius: 4
+    width: 24,
+    height: 34,
+    radius: 5
   },
-  fontSize: 26,
+  fontSize: 31,
   position: {
-    right: 283,
-    top: 31,
+    right: 69,
+    top: 84,
     zIndex: 1
   },
-  rotation: '21.3deg'
+  rotation: '5.63deg'
 }, {
   card: {
-    width: 195,
-    height: 118,
-    radius: 9
+    width: 234,
+    height: 141,
+    radius: 10
   },
   answer: {
-    width: 27,
-    height: 38,
-    radius: 6
+    width: 32,
+    height: 46,
+    radius: 7
   },
-  fontSize: 35,
+  fontSize: 41,
   position: {
-    right: 148,
-    top: -6,
+    right: 35,
+    top: 37,
     zIndex: 2
   },
-  rotation: '-15.43deg'
+  rotation: '-2.47deg'
 }, {
   card: {
-    width: 260,
-    height: 157,
-    radius: 12
+    width: 286,
+    height: 172,
+    radius: 13
   },
   answer: {
-    width: 36,
-    height: 51,
+    width: 39,
+    height: 56,
     radius: 8
   },
-  fontSize: 46,
+  fontSize: 51,
   position: {
-    right: 0,
-    top: -11,
+    right: 9,
+    top: -5,
     zIndex: 3
   },
-  rotation: '8.83deg'
+  rotation: '3.07deg'
 }];
 export const BannerFlashcards = ({
   examples

package/dist/module/features/fluency/components/start-banner/BannerFlashcards.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","MathFlashcard","jsx","_jsx","Fragment","_Fragment","CARD_LAYOUTS","card","width","height","radius","answer","fontSize","position","right","top","zIndex","rotation","BannerFlashcards","examples","children","map","layout","index","example","left"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/BannerFlashcards.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAyB,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOhE,MAAMC,YAA+B,GAAG,CACtC;EACEC,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,GAAG,EAAE,CAAC,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE,CAAC,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,QAAQ,EAAE;AACZ,CAAC,CACF;AAMD,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,kBAClEhB,IAAA,CAAAE,SAAA;EAAAe,QAAA,EACGd,YAAY,CAACe,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;IACnC,MAAMC,OAAO,GAAGL,QAAQ,CAACI,KAAK,CAAC;IAC/B,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;IACzB,oBAAOrB,IAAA,CAACF,aAAa;MAAawB,IAAI,EAAED,OAAO,CAACC,IAAK;MAACX,KAAK,EAAEU,OAAO,CAACV,KAAM;MAACQ,MAAM,EAAEA;IAAO,GAAhEC,KAAkE,CAAC;EAChG,CAAC;AAAC,CACF,CACH","ignoreList":[]}
+{"version":3,"names":["React","MathFlashcard","jsx","_jsx","Fragment","_Fragment","CARD_LAYOUTS","card","width","height","radius","answer","fontSize","position","right","top","zIndex","rotation","BannerFlashcards","examples","children","map","layout","index","example","left"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/BannerFlashcards.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAQ/C,MAAMC,YAA+B,GAAG,CACtC;EACEC,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC3CC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEV,IAAI,EAAE;IAAEC,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7CC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC5CE,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;IAAEC,KAAK,EAAE,CAAC;IAAEC,GAAG,EAAE,CAAC,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EAC1CC,QAAQ,EAAE;AACZ,CAAC,CACF;AAMD,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,kBAClEhB,IAAA,CAAAE,SAAA;EAAAe,QAAA,EACGd,YAAY,CAACe,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;IACnC,MAAMC,OAAO,GAAGL,QAAQ,CAACI,KAAK,CAAC;IAC/B,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;IACzB,oBAAOrB,IAAA,CAACF,aAAa;MAAawB,IAAI,EAAED,OAAO,CAACC,IAAK;MAACX,KAAK,EAAEU,OAAO,CAACV,KAAM;MAACQ,MAAM,EAAEA;IAAO,GAAhEC,KAAkE,CAAC;EAChG,CAAC;AAAC,CACF,CACH","ignoreList":[]}

package/dist/module/features/fluency/components/start-banner/MathFlashcard.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
-import { COLORS, SHADOWS } from '@magmamath/react-native-ui';
+import { COLORS, FONT_FAMILY, SHADOWS } from '@magmamath/react-native-ui';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const MathFlashcard = ({
   left,
@@ -56,6 +56,7 @@ const styles = StyleSheet.create({
   },
   text: {
     fontWeight: 'bold',
+    fontFamily: FONT_FAMILY.buenosAires,
     color: COLORS.BLACK
   },
   answerBox: {

package/dist/module/features/fluency/components/start-banner/MathFlashcard.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","COLORS","SHADOWS","jsx","_jsx","jsxs","_jsxs","MathFlashcard","left","right","layout","style","styles","card","width","height","borderRadius","radius","position","top","zIndex","transform","rotate","rotation","children","row","text","fontSize","answerBox","answer","create","backgroundColor","NEUTRAL_1","alignItems","justifyContent","flexDirection","gap","fontWeight","color","BLACK","NEUTRAL_2","borderWidth","borderColor","NEUTRAL_5"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/MathFlashcard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgB5D,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAA2B,CAAC,kBACvEN,IAAA,CAACN,IAAI;EACHa,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;IACEC,KAAK,EAAEJ,MAAM,CAACG,IAAI,CAACC,KAAK;IACxBC,MAAM,EAAEL,MAAM,CAACG,IAAI,CAACE,MAAM;IAC1BC,YAAY,EAAEN,MAAM,CAACG,IAAI,CAACI,MAAM;IAChCR,KAAK,EAAEC,MAAM,CAACQ,QAAQ,CAACT,KAAK;IAC5BU,GAAG,EAAET,MAAM,CAACQ,QAAQ,CAACC,GAAG;IACxBC,MAAM,EAAEV,MAAM,CAACQ,QAAQ,CAACE,MAAM;IAC9BC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEZ,MAAM,CAACa;IAAS,CAAC;EACzC,CAAC,CACD;EAAAC,QAAA,eAEFlB,KAAA,CAACR,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACa,GAAI;IAAAD,QAAA,gBACtBpB,IAAA,CAACL,IAAI;MAACY,KAAK,EAAE,CAACC,MAAM,CAACc,IAAI,EAAE;QAAEC,QAAQ,EAAEjB,MAAM,CAACiB;MAAS,CAAC,CAAE;MAAAH,QAAA,EAAEhB;IAAI,CAAO,CAAC,eACxEJ,IAAA,CAACN,IAAI;MACHa,KAAK,EAAE,CACLC,MAAM,CAACgB,SAAS,EAChB;QAAEd,KAAK,EAAEJ,MAAM,CAACmB,MAAM,CAACf,KAAK;QAAEC,MAAM,EAAEL,MAAM,CAACmB,MAAM,CAACd,MAAM;QAAEC,YAAY,EAAEN,MAAM,CAACmB,MAAM,CAACZ;MAAO,CAAC;IAChG,CACH,CAAC,eACFb,IAAA,CAACL,IAAI;MAACY,KAAK,EAAE,CAACC,MAAM,CAACc,IAAI,EAAE;QAAEC,QAAQ,EAAEjB,MAAM,CAACiB;MAAS,CAAC,CAAE;MAAAH,QAAA,EAAEf;IAAK,CAAO,CAAC;EAAA,CACrE;AAAC,CACH,CACP;AAED,MAAMG,MAAM,GAAGZ,UAAU,CAAC8B,MAAM,CAAC;EAC/BjB,IAAI,EAAE;IACJK,QAAQ,EAAE,UAAU;IACpBa,eAAe,EAAE9B,MAAM,CAAC+B,SAAS;IACjCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGhC,OAAO,CAAC,CAAC;EACd,CAAC;EACDuB,GAAG,EAAE;IACHU,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,QAAQ;IACpBG,GAAG,EAAE;EACP,CAAC;EACDV,IAAI,EAAE;IACJW,UAAU,EAAE,MAAM;IAClBC,KAAK,EAAErC,MAAM,CAACsC;EAChB,CAAC;EACDX,SAAS,EAAE;IACTG,eAAe,EAAE9B,MAAM,CAACuC,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEzC,MAAM,CAAC0C;EACtB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","COLORS","FONT_FAMILY","SHADOWS","jsx","_jsx","jsxs","_jsxs","MathFlashcard","left","right","layout","style","styles","card","width","height","borderRadius","radius","position","top","zIndex","transform","rotate","rotation","children","row","text","fontSize","answerBox","answer","create","backgroundColor","NEUTRAL_1","alignItems","justifyContent","flexDirection","gap","fontWeight","fontFamily","buenosAires","color","BLACK","NEUTRAL_2","borderWidth","borderColor","NEUTRAL_5"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/MathFlashcard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASzE,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAA2B,CAAC,kBACvEN,IAAA,CAACP,IAAI;EACHc,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;IACEC,KAAK,EAAEJ,MAAM,CAACG,IAAI,CAACC,KAAK;IACxBC,MAAM,EAAEL,MAAM,CAACG,IAAI,CAACE,MAAM;IAC1BC,YAAY,EAAEN,MAAM,CAACG,IAAI,CAACI,MAAM;IAChCR,KAAK,EAAEC,MAAM,CAACQ,QAAQ,CAACT,KAAK;IAC5BU,GAAG,EAAET,MAAM,CAACQ,QAAQ,CAACC,GAAG;IACxBC,MAAM,EAAEV,MAAM,CAACQ,QAAQ,CAACE,MAAM;IAC9BC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEZ,MAAM,CAACa;IAAS,CAAC;EACzC,CAAC,CACD;EAAAC,QAAA,eAEFlB,KAAA,CAACT,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACa,GAAI;IAAAD,QAAA,gBACtBpB,IAAA,CAACN,IAAI;MAACa,KAAK,EAAE,CAACC,MAAM,CAACc,IAAI,EAAE;QAAEC,QAAQ,EAAEjB,MAAM,CAACiB;MAAS,CAAC,CAAE;MAAAH,QAAA,EAAEhB;IAAI,CAAO,CAAC,eACxEJ,IAAA,CAACP,IAAI;MACHc,KAAK,EAAE,CACLC,MAAM,CAACgB,SAAS,EAChB;QACEd,KAAK,EAAEJ,MAAM,CAACmB,MAAM,CAACf,KAAK;QAC1BC,MAAM,EAAEL,MAAM,CAACmB,MAAM,CAACd,MAAM;QAC5BC,YAAY,EAAEN,MAAM,CAACmB,MAAM,CAACZ;MAC9B,CAAC;IACD,CACH,CAAC,eACFb,IAAA,CAACN,IAAI;MAACa,KAAK,EAAE,CAACC,MAAM,CAACc,IAAI,EAAE;QAAEC,QAAQ,EAAEjB,MAAM,CAACiB;MAAS,CAAC,CAAE;MAAAH,QAAA,EAAEf;IAAK,CAAO,CAAC;EAAA,CACrE;AAAC,CACH,CACP;AAED,MAAMG,MAAM,GAAGb,UAAU,CAAC+B,MAAM,CAAC;EAC/BjB,IAAI,EAAE;IACJK,QAAQ,EAAE,UAAU;IACpBa,eAAe,EAAE/B,MAAM,CAACgC,SAAS;IACjCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGhC,OAAO,CAAC,CAAC;EACd,CAAC;EACDuB,GAAG,EAAE;IACHU,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,QAAQ;IACpBG,GAAG,EAAE;EACP,CAAC;EACDV,IAAI,EAAE;IACJW,UAAU,EAAE,MAAM;IAClBC,UAAU,EAAErC,WAAW,CAACsC,WAAW;IACnCC,KAAK,EAAExC,MAAM,CAACyC;EAChB,CAAC;EACDb,SAAS,EAAE;IACTG,eAAe,EAAE/B,MAAM,CAAC0C,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE5C,MAAM,CAAC6C;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/components/start-banner/StartBanner.js

@@ -2,29 +2,44 @@
 
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
-import { Button, ButtonColor, ButtonSize, ButtonVariant, Typography, PlayIcon, COLORS, SHADOWS, SPACING, FONT_FAMILY, BORDER_RADIUS } from '@magmamath/react-native-ui';
+import { Button, ButtonColor, ButtonSize, ButtonVariant, Typography, COLORS, SHADOWS, SPACING, FONT_FAMILY, BORDER_RADIUS } from '@magmamath/react-native-ui';
+import { GradientView } from "../../../../lib/components/GradientView.js";
 import { BannerFlashcards } from "./BannerFlashcards.js";
 import { useFluency } from "../../context/FluencyContext.js";
 import { useText } from "../../../../i18n/i18n.js";
-import { SpringIcon } from "../../assets/SpringIcon.js";
+import { FlashIcon } from "../../assets/FlashIcon.js";
+import { SESSION_LENGTH } from "../../shared/fluency.constants.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const StartBanner = () => {
   const t = useText();
   const {
+    model,
     onStartPress
   } = useFluency();
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
     children: [/*#__PURE__*/_jsx(View, {
+      style: styles.gradientClip,
+      children: /*#__PURE__*/_jsx(GradientView, {
+        colors: ['#FFFFFF', '#FFF7E9'],
+        locations: [0.231, 0.8173],
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 0
+        },
+        style: StyleSheet.absoluteFill,
+        pointerEvents: "none"
+      })
+    }), /*#__PURE__*/_jsx(View, {
       style: styles.buttonContainer,
       children: /*#__PURE__*/_jsxs(View, {
         style: styles.buttonGroup,
         children: [/*#__PURE__*/_jsx(Button, {
-          onPress: onStartPress,
-          disabled: false,
-          isLoading: false,
-          isActive: false,
-          icon: /*#__PURE__*/_jsx(PlayIcon, {
+          icon: /*#__PURE__*/_jsx(FlashIcon, {
             color: COLORS.NEUTRAL_1
           }),
           variant: ButtonVariant.PRIMARY,
@@ -34,13 +49,14 @@ export const StartBanner = () => {
           style: {
             container: styles.button
           },
+          onPress: () => {
+            model.solving.start();
+            onStartPress?.();
+          },
           children: t('student.fluency.startPractice')
         }), /*#__PURE__*/_jsxs(Typography, {
           style: styles.buttonSubtitle,
-          children: ["0 ", t('student.fluency.cardsReady')]
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.springIcon,
-          children: /*#__PURE__*/_jsx(SpringIcon, {})
+          children: [SESSION_LENGTH, " ", t('student.fluency.cardsReady')]
         })]
       })
     }), /*#__PURE__*/_jsx(BannerFlashcards, {
@@ -65,9 +81,13 @@ const styles = StyleSheet.create({
     paddingVertical: SPACING[400],
     paddingHorizontal: SPACING[800],
     borderRadius: BORDER_RADIUS[400],
-    backgroundColor: COLORS.NEUTRAL_1,
     ...SHADOWS[1]
   },
+  gradientClip: {
+    ...StyleSheet.absoluteFillObject,
+    borderRadius: BORDER_RADIUS[400],
+    overflow: 'hidden'
+  },
   buttonContainer: {
     alignItems: 'flex-start',
     zIndex: 4
@@ -83,9 +103,10 @@ const styles = StyleSheet.create({
   },
   buttonSubtitle: {
     fontSize: 13,
-    fontWeight: '400',
+    fontWeight: '700',
     color: COLORS.BLACK,
-    fontFamily: FONT_FAMILY.buenosAires
+    fontFamily: FONT_FAMILY.buenosAires,
+    textTransform: 'uppercase'
   },
   flashcard: {
     position: 'absolute',

package/dist/module/features/fluency/components/start-banner/StartBanner.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","Button","ButtonColor","ButtonSize","ButtonVariant","Typography","PlayIcon","COLORS","SHADOWS","SPACING","FONT_FAMILY","BORDER_RADIUS","BannerFlashcards","useFluency","useText","SpringIcon","jsx","_jsx","jsxs","_jsxs","StartBanner","t","onStartPress","style","styles","container","children","buttonContainer","buttonGroup","onPress","disabled","isLoading","isActive","icon","color","NEUTRAL_1","variant","PRIMARY","size","LARGE","colorScheme","YELLOW","raiseLevel","button","buttonSubtitle","springIcon","examples","left","right","create","flex","height","justifyContent","paddingVertical","paddingHorizontal","borderRadius","backgroundColor","alignItems","zIndex","gap","minWidth","maxWidth","textTransform","fontSize","fontWeight","BLACK","fontFamily","buenosAires","flashcard","position","bottom","marginTop","alignSelf"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/StartBanner.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","Button","ButtonColor","ButtonSize","ButtonVariant","Typography","COLORS","SHADOWS","SPACING","FONT_FAMILY","BORDER_RADIUS","GradientView","BannerFlashcards","useFluency","useText","FlashIcon","SESSION_LENGTH","jsx","_jsx","jsxs","_jsxs","StartBanner","t","model","onStartPress","style","styles","container","children","gradientClip","colors","locations","start","x","y","end","absoluteFill","pointerEvents","buttonContainer","buttonGroup","icon","color","NEUTRAL_1","variant","PRIMARY","size","LARGE","colorScheme","YELLOW","raiseLevel","button","onPress","solving","buttonSubtitle","examples","left","right","create","flex","height","justifyContent","paddingVertical","paddingHorizontal","borderRadius","absoluteFillObject","overflow","alignItems","zIndex","gap","minWidth","maxWidth","textTransform","fontSize","fontWeight","BLACK","fontFamily","buenosAires","flashcard","position","backgroundColor","springIcon","bottom","marginTop","alignSelf"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/start-banner/StartBanner.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SACEC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,aAAa,EACbC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,OAAO,EACPC,WAAW,EACXC,aAAa,QACR,4BAA4B;AACnC,SAASC,YAAY,QAAQ,4CAAyC;AACtE,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,UAAU,QAAQ,iCAA8B;AACzD,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,SAAS,QAAQ,2BAAwB;AAClD,SAASC,cAAc,QAAQ,mCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/D,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,CAAC,GAAGR,OAAO,CAAC,CAAC;EACnB,MAAM;IAAES,KAAK;IAAEC;EAAa,CAAC,GAAGX,UAAU,CAAC,CAAC;EAE5C,oBACEO,KAAA,CAACrB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BV,IAAA,CAACnB,IAAI;MAAC0B,KAAK,EAAEC,MAAM,CAACG,YAAa;MAAAD,QAAA,eAC/BV,IAAA,CAACP,YAAY;QACXmB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAE;QAC/BC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,CAAE;QAC3BC,KAAK,EAAE;UAAEC,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAE;QACtBC,GAAG,EAAE;UAAEF,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAE;QACpBT,KAAK,EAAEzB,UAAU,CAACoC,YAAa;QAC/BC,aAAa,EAAC;MAAM,CACrB;IAAC,CACE,CAAC,eAEPnB,IAAA,CAACnB,IAAI;MAAC0B,KAAK,EAAEC,MAAM,CAACY,eAAgB;MAAAV,QAAA,eAClCR,KAAA,CAACrB,IAAI;QAAC0B,KAAK,EAAEC,MAAM,CAACa,WAAY;QAAAX,QAAA,gBAC9BV,IAAA,CAACjB,MAAM;UACLuC,IAAI,eAAEtB,IAAA,CAACH,SAAS;YAAC0B,KAAK,EAAEnC,MAAM,CAACoC;UAAU,CAAE,CAAE;UAC7CC,OAAO,EAAEvC,aAAa,CAACwC,OAAQ;UAC/BC,IAAI,EAAE1C,UAAU,CAAC2C,KAAM;UACvBC,WAAW,EAAE7C,WAAW,CAAC8C,MAAO;UAChCC,UAAU,EAAE,CAAE;UACdxB,KAAK,EAAE;YAAEE,SAAS,EAAED,MAAM,CAACwB;UAAO,CAAE;UACpCC,OAAO,EAAEA,CAAA,KAAM;YACb5B,KAAK,CAAC6B,OAAO,CAACpB,KAAK,CAAC,CAAC;YACrBR,YAAY,GAAG,CAAC;UAClB,CAAE;UAAAI,QAAA,EAEDN,CAAC,CAAC,+BAA+B;QAAC,CAC7B,CAAC,eACTF,KAAA,CAACf,UAAU;UAACoB,KAAK,EAAEC,MAAM,CAAC2B,cAAe;UAAAzB,QAAA,GACtCZ,cAAc,EAAC,GAAC,EAACM,CAAC,CAAC,4BAA4B,CAAC;QAAA,CACvC,CAAC;MAAA,CACT;IAAC,CACH,CAAC,eAEPJ,IAAA,CAACN,gBAAgB;MACf0C,QAAQ,EAAE,CACR;QAAEC,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAE;MAAM,CAAC,EAC7B;QAAED,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAE;MAAM,CAAC,EAC7B;QAAED,IAAI,EAAE,IAAI;QAAEC,KAAK,EAAE;MAAM,CAAC;IAC5B,CACH,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAM9B,MAAM,GAAG1B,UAAU,CAACyD,MAAM,CAAC;EAC/B9B,SAAS,EAAE;IACT+B,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,MAAM;IACdC,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAErD,OAAO,CAAC,GAAG,CAAC;IAC7BsD,iBAAiB,EAAEtD,OAAO,CAAC,GAAG,CAAC;IAC/BuD,YAAY,EAAErD,aAAa,CAAC,GAAG,CAAC;IAChC,GAAGH,OAAO,CAAC,CAAC;EACd,CAAC;EACDsB,YAAY,EAAE;IACZ,GAAG7B,UAAU,CAACgE,kBAAkB;IAChCD,YAAY,EAAErD,aAAa,CAAC,GAAG,CAAC;IAChCuD,QAAQ,EAAE;EACZ,CAAC;EACD3B,eAAe,EAAE;IACf4B,UAAU,EAAE,YAAY;IACxBC,MAAM,EAAE;EACV,CAAC;EACD5B,WAAW,EAAE;IACX2B,UAAU,EAAE,QAAQ;IACpBE,GAAG,EAAE5D,OAAO,CAAC,GAAG;EAClB,CAAC;EACD0C,MAAM,EAAE;IACNmB,QAAQ,EAAE,GAAG;IACbC,QAAQ,EAAE,GAAG;IACbC,aAAa,EAAE;EACjB,CAAC;EACDlB,cAAc,EAAE;IACdmB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBhC,KAAK,EAAEnC,MAAM,CAACoE,KAAK;IACnBC,UAAU,EAAElE,WAAW,CAACmE,WAAW;IACnCL,aAAa,EAAE;EACjB,CAAC;EACDM,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,eAAe,EAAEzE,MAAM,CAACoC,SAAS;IACjCwB,UAAU,EAAE,QAAQ;IACpBN,cAAc,EAAE,QAAQ;IACxB,GAAGrD,OAAO,CAAC,CAAC;EACd,CAAC;EACDyE,UAAU,EAAE;IACVF,QAAQ,EAAE,UAAU;IACpBG,MAAM,EAAE,CAAC,EAAE;IACXzB,KAAK,EAAE,CAAC;IACR0B,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency/hooks/useCardSnapAnimation.js

@@ -3,6 +3,8 @@
 import { useRef } from 'react';
 import { Dimensions } from 'react-native';
 import { useSharedValue, useAnimatedStyle, withTiming, withDelay, withSequence, Easing, runOnJS } from 'react-native-reanimated';
+const SHAKE_STEP_DURATION = 60;
+const SNAP_SUCCESS_DURATION = 300;
 const SNAP = {
   duration: 240,
   easing: Easing.bezier(0.6, 0, 0.4, 1),
@@ -15,8 +17,6 @@ const STEP_UP = {
   duration: 320,
   easing: Easing.bezier(0.3, 0.9, 0.2, 1)
 };
-
-// Initial positions of each backing layer: [top, side]
 const L = [{
   top: 12,
   side: 20
@@ -27,8 +27,10 @@ const L = [{
   top: 36,
   side: 60
 }];
-export const useCardSnapAnimation = () => {
+export const useCardSnapAnimation = (params = {}) => {
   const isAnimating = useRef(false);
+  const onCompleteRef = useRef(params.onComplete);
+  onCompleteRef.current = params.onComplete;
   const translateX = useSharedValue(0);
   const translateY = useSharedValue(0);
   const rotate = useSharedValue(0);
@@ -69,12 +71,11 @@ export const useCardSnapAnimation = () => {
     right: l3Side.value,
     opacity: l3Opacity.value
   }), [l3Top, l3Side, l3Opacity]);
-  const reset = () => {
-    translateX.value = 0;
-    translateY.value = 0;
-    rotate.value = 0;
-    scale.value = 1;
-    opacity.value = 1;
+  const complete = () => {
+    isAnimating.current = false;
+    onCompleteRef.current?.();
+  };
+  const resetBackingCards = () => {
     l1Top.value = L[0].top;
     l1Side.value = L[0].side;
     l2Top.value = L[1].top;
@@ -82,11 +83,17 @@ export const useCardSnapAnimation = () => {
     l3Top.value = L[2].top;
     l3Side.value = L[2].side;
     l3Opacity.value = 0;
-    isAnimating.current = false;
   };
-  const snap = (toX, toRotate) => {
+  const resetFrontCard = () => {
+    translateX.value = 0;
+    translateY.value = 0;
+    rotate.value = 0;
+    scale.value = 1;
+    opacity.value = 1;
+  };
+  const snap = (toX, toRotate, duration = SNAP.duration) => {
     const snapConfig = {
-      duration: SNAP.duration,
+      duration,
       easing: SNAP.easing
     };
     const stepConfig = {
@@ -98,7 +105,7 @@ export const useCardSnapAnimation = () => {
     rotate.value = withTiming(toRotate, snapConfig);
     scale.value = withTiming(SNAP.scale, snapConfig);
     opacity.value = withTiming(0, snapConfig);
-    l1Top.value = withDelay(STEP_UP.delay, withTiming(0, stepConfig, () => runOnJS(reset)()));
+    l1Top.value = withDelay(STEP_UP.delay, withTiming(0, stepConfig, () => runOnJS(complete)()));
     l1Side.value = withDelay(STEP_UP.delay, withTiming(0, stepConfig));
     l2Top.value = withDelay(STEP_UP.delay, withTiming(L[0].top, stepConfig));
     l2Side.value = withDelay(STEP_UP.delay, withTiming(L[0].side, stepConfig));
@@ -107,26 +114,29 @@ export const useCardSnapAnimation = () => {
     l3Opacity.value = withDelay(STEP_UP.delay, withTiming(1, stepConfig));
   };
   const trigger = direction => {
-    if (isAnimating.current) return;
+    if (isAnimating.current) return false;
     isAnimating.current = true;
+    resetFrontCard();
+    resetBackingCards();
     const screenWidth = Dimensions.get('window').width;
     const toX = direction === 'right' ? screenWidth * 1.6 : -screenWidth * 1.6;
     const toRotate = direction === 'right' ? SNAP.rotate : -SNAP.rotate;
     if (direction === 'right') {
-      snap(toX, toRotate);
-      return;
+      snap(toX, toRotate, SNAP_SUCCESS_DURATION);
+      return true;
     }
     translateX.value = withSequence(withTiming(-10, {
-      duration: 60
+      duration: SHAKE_STEP_DURATION
     }), withTiming(10, {
-      duration: 60
+      duration: SHAKE_STEP_DURATION
     }), withTiming(-6, {
-      duration: 60
+      duration: SHAKE_STEP_DURATION
     }), withTiming(6, {
-      duration: 60
+      duration: SHAKE_STEP_DURATION
     }), withTiming(0, {
-      duration: 60
+      duration: SHAKE_STEP_DURATION
     }, () => runOnJS(snap)(toX, toRotate)));
+    return true;
   };
   return {
     snapStyles: {
@@ -135,7 +145,8 @@ export const useCardSnapAnimation = () => {
       mid,
       far
     },
-    trigger
+    trigger,
+    resetBackingCards
   };
 };
 //# sourceMappingURL=useCardSnapAnimation.js.map

package/dist/module/features/fluency/hooks/useCardSnapAnimation.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","Dimensions","useSharedValue","useAnimatedStyle","withTiming","withDelay","withSequence","Easing","runOnJS","SNAP","duration","easing","bezier","rotate","scale","y","STEP_UP","delay","L","top","side","useCardSnapAnimation","isAnimating","translateX","translateY","opacity","l1Top","l1Side","l2Top","l2Side","l3Top","l3Side","l3Opacity","front","transform","value","near","left","right","mid","far","reset","current","snap","toX","toRotate","snapConfig","stepConfig","trigger","direction","screenWidth","get","width","snapStyles"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useCardSnapAnimation.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,cAAc,EACdC,gBAAgB,EAChBC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,MAAM,EACNC,OAAO,QACF,yBAAyB;AAahC,MAAMC,IAAI,GAAG;EACXC,QAAQ,EAAE,GAAG;EACbC,MAAM,EAAEJ,MAAM,CAACK,MAAM,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;EACrCC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE,IAAI;EACXC,CAAC,EAAE,CAAC;AACN,CAAU;AAEV,MAAMC,OAAO,GAAG;EACdC,KAAK,EAAE,EAAE;EACTP,QAAQ,EAAE,GAAG;EACbC,MAAM,EAAEJ,MAAM,CAACK,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AACxC,CAAU;;AAEV;AACA,MAAMM,CAAC,GAAG,CACR;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC,EACrB;EAAED,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC,EACrB;EAAED,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC,CACtB;AAED,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,WAAW,GAAGtB,MAAM,CAAC,KAAK,CAAC;EAEjC,MAAMuB,UAAU,GAAGrB,cAAc,CAAC,CAAC,CAAC;EACpC,MAAMsB,UAAU,GAAGtB,cAAc,CAAC,CAAC,CAAC;EACpC,MAAMW,MAAM,GAAGX,cAAc,CAAC,CAAC,CAAC;EAChC,MAAMY,KAAK,GAAGZ,cAAc,CAAC,CAAC,CAAC;EAC/B,MAAMuB,OAAO,GAAGvB,cAAc,CAAC,CAAC,CAAC;EAEjC,MAAMwB,KAAK,GAAGxB,cAAc,CAACgB,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC;EACtC,MAAMQ,MAAM,GAAGzB,cAAc,CAACgB,CAAC,CAAC,CAAC,CAAC,CAACE,IAAI,CAAC;EACxC,MAAMQ,KAAK,GAAG1B,cAAc,CAACgB,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC;EACtC,MAAMU,MAAM,GAAG3B,cAAc,CAACgB,CAAC,CAAC,CAAC,CAAC,CAACE,IAAI,CAAC;EACxC,MAAMU,KAAK,GAAG5B,cAAc,CAACgB,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC;EACtC,MAAMY,MAAM,GAAG7B,cAAc,CAACgB,CAAC,CAAC,CAAC,CAAC,CAACE,IAAI,CAAC;EACxC,MAAMY,SAAS,GAAG9B,cAAc,CAAC,CAAC,CAAC;EAEnC,MAAM+B,KAAK,GAAG9B,gBAAgB,CAC5B,OAAO;IACL+B,SAAS,EAAE,CACT;MAAEX,UAAU,EAAEA,UAAU,CAACY;IAAM,CAAC,EAChC;MAAEX,UAAU,EAAEA,UAAU,CAACW;IAAM,CAAC,EAChC;MAAEtB,MAAM,EAAE,GAAGA,MAAM,CAACsB,KAAK;IAAM,CAAC,EAChC;MAAErB,KAAK,EAAEA,KAAK,CAACqB;IAAM,CAAC,CACvB;IACDV,OAAO,EAAEA,OAAO,CAACU;EACnB,CAAC,CAAC,EACF,CAACZ,UAAU,EAAEC,UAAU,EAAEX,MAAM,EAAEC,KAAK,EAAEW,OAAO,CACjD,CAAC;EAED,MAAMW,IAAI,GAAGjC,gBAAgB,CAC3B,OAAO;IAAEgB,GAAG,EAAEO,KAAK,CAACS,KAAK;IAAEE,IAAI,EAAEV,MAAM,CAACQ,KAAK;IAAEG,KAAK,EAAEX,MAAM,CAACQ;EAAM,CAAC,CAAC,EACrE,CAACT,KAAK,EAAEC,MAAM,CAChB,CAAC;EAED,MAAMY,GAAG,GAAGpC,gBAAgB,CAC1B,OAAO;IAAEgB,GAAG,EAAES,KAAK,CAACO,KAAK;IAAEE,IAAI,EAAER,MAAM,CAACM,KAAK;IAAEG,KAAK,EAAET,MAAM,CAACM;EAAM,CAAC,CAAC,EACrE,CAACP,KAAK,EAAEC,MAAM,CAChB,CAAC;EAED,MAAMW,GAAG,GAAGrC,gBAAgB,CAC1B,OAAO;IAAEgB,GAAG,EAAEW,KAAK,CAACK,KAAK;IAAEE,IAAI,EAAEN,MAAM,CAACI,KAAK;IAAEG,KAAK,EAAEP,MAAM,CAACI,KAAK;IAAEV,OAAO,EAAEO,SAAS,CAACG;EAAM,CAAC,CAAC,EAC/F,CAACL,KAAK,EAAEC,MAAM,EAAEC,SAAS,CAC3B,CAAC;EAED,MAAMS,KAAK,GAAGA,CAAA,KAAM;IAClBlB,UAAU,CAACY,KAAK,GAAG,CAAC;IACpBX,UAAU,CAACW,KAAK,GAAG,CAAC;IACpBtB,MAAM,CAACsB,KAAK,GAAG,CAAC;IAChBrB,KAAK,CAACqB,KAAK,GAAG,CAAC;IACfV,OAAO,CAACU,KAAK,GAAG,CAAC;IAEjBT,KAAK,CAACS,KAAK,GAAGjB,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG;IACtBQ,MAAM,CAACQ,KAAK,GAAGjB,CAAC,CAAC,CAAC,CAAC,CAACE,IAAI;IACxBQ,KAAK,CAACO,KAAK,GAAGjB,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG;IACtBU,MAAM,CAACM,KAAK,GAAGjB,CAAC,CAAC,CAAC,CAAC,CAACE,IAAI;IACxBU,KAAK,CAACK,KAAK,GAAGjB,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG;IACtBY,MAAM,CAACI,KAAK,GAAGjB,CAAC,CAAC,CAAC,CAAC,CAACE,IAAI;IACxBY,SAAS,CAACG,KAAK,GAAG,CAAC;IAEnBb,WAAW,CAACoB,OAAO,GAAG,KAAK;EAC7B,CAAC;EAED,MAAMC,IAAI,GAAGA,CAACC,GAAW,EAAEC,QAAgB,KAAK;IAC9C,MAAMC,UAAU,GAAG;MAAEpC,QAAQ,EAAED,IAAI,CAACC,QAAQ;MAAEC,MAAM,EAAEF,IAAI,CAACE;IAAO,CAAC;IACnE,MAAMoC,UAAU,GAAG;MAAErC,QAAQ,EAAEM,OAAO,CAACN,QAAQ;MAAEC,MAAM,EAAEK,OAAO,CAACL;IAAO,CAAC;IAEzEY,UAAU,CAACY,KAAK,GAAG/B,UAAU,CAACwC,GAAG,EAAEE,UAAU,CAAC;IAC9CtB,UAAU,CAACW,KAAK,GAAG/B,UAAU,CAACK,IAAI,CAACM,CAAC,EAAE+B,UAAU,CAAC;IACjDjC,MAAM,CAACsB,KAAK,GAAG/B,UAAU,CAACyC,QAAQ,EAAEC,UAAU,CAAC;IAC/ChC,KAAK,CAACqB,KAAK,GAAG/B,UAAU,CAACK,IAAI,CAACK,KAAK,EAAEgC,UAAU,CAAC;IAChDrB,OAAO,CAACU,KAAK,GAAG/B,UAAU,CAAC,CAAC,EAAE0C,UAAU,CAAC;IAEzCpB,KAAK,CAACS,KAAK,GAAG9B,SAAS,CAACW,OAAO,CAACC,KAAK,EAAEb,UAAU,CAAC,CAAC,EAAE2C,UAAU,EAAE,MAAMvC,OAAO,CAACiC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACzFd,MAAM,CAACQ,KAAK,GAAG9B,SAAS,CAACW,OAAO,CAACC,KAAK,EAAEb,UAAU,CAAC,CAAC,EAAE2C,UAAU,CAAC,CAAC;IAClEnB,KAAK,CAACO,KAAK,GAAG9B,SAAS,CAACW,OAAO,CAACC,KAAK,EAAEb,UAAU,CAACc,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG,EAAE4B,UAAU,CAAC,CAAC;IACxElB,MAAM,CAACM,KAAK,GAAG9B,SAAS,CAACW,OAAO,CAACC,KAAK,EAAEb,UAAU,CAACc,CAAC,CAAC,CAAC,CAAC,CAACE,IAAI,EAAE2B,UAAU,CAAC,CAAC;IAC1EjB,KAAK,CAACK,KAAK,GAAG9B,SAAS,CAACW,OAAO,CAACC,KAAK,EAAEb,UAAU,CAACc,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG,EAAE4B,UAAU,CAAC,CAAC;IACxEhB,MAAM,CAACI,KAAK,GAAG9B,SAAS,CAACW,OAAO,CAACC,KAAK,EAAEb,UAAU,CAACc,CAAC,CAAC,CAAC,CAAC,CAACE,IAAI,EAAE2B,UAAU,CAAC,CAAC;IAC1Ef,SAAS,CAACG,KAAK,GAAG9B,SAAS,CAACW,OAAO,CAACC,KAAK,EAAEb,UAAU,CAAC,CAAC,EAAE2C,UAAU,CAAC,CAAC;EACvE,CAAC;EAED,MAAMC,OAAO,GAAIC,SAAwB,IAAK;IAC5C,IAAI3B,WAAW,CAACoB,OAAO,EAAE;IACzBpB,WAAW,CAACoB,OAAO,GAAG,IAAI;IAE1B,MAAMQ,WAAW,GAAGjD,UAAU,CAACkD,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;IAClD,MAAMR,GAAG,GAAGK,SAAS,KAAK,OAAO,GAAGC,WAAW,GAAG,GAAG,GAAG,CAACA,WAAW,GAAG,GAAG;IAC1E,MAAML,QAAQ,GAAGI,SAAS,KAAK,OAAO,GAAGxC,IAAI,CAACI,MAAM,GAAG,CAACJ,IAAI,CAACI,MAAM;IAEnE,IAAIoC,SAAS,KAAK,OAAO,EAAE;MACzBN,IAAI,CAACC,GAAG,EAAEC,QAAQ,CAAC;MACnB;IACF;IAEAtB,UAAU,CAACY,KAAK,GAAG7B,YAAY,CAC7BF,UAAU,CAAC,CAAC,EAAE,EAAE;MAAEM,QAAQ,EAAE;IAAG,CAAC,CAAC,EACjCN,UAAU,CAAC,EAAE,EAAE;MAAEM,QAAQ,EAAE;IAAG,CAAC,CAAC,EAChCN,UAAU,CAAC,CAAC,CAAC,EAAE;MAAEM,QAAQ,EAAE;IAAG,CAAC,CAAC,EAChCN,UAAU,CAAC,CAAC,EAAE;MAAEM,QAAQ,EAAE;IAAG,CAAC,CAAC,EAC/BN,UAAU,CAAC,CAAC,EAAE;MAAEM,QAAQ,EAAE;IAAG,CAAC,EAAE,MAAMF,OAAO,CAACmC,IAAI,CAAC,CAACC,GAAG,EAAEC,QAAQ,CAAC,CACpE,CAAC;EACH,CAAC;EAED,OAAO;IAAEQ,UAAU,EAAE;MAAEpB,KAAK;MAAEG,IAAI;MAAEG,GAAG;MAAEC;IAAI,CAAe;IAAEQ;EAAQ,CAAC;AACzE,CAAC","ignoreList":[]}
+{"version":3,"names":["useRef","Dimensions","useSharedValue","useAnimatedStyle","withTiming","withDelay","withSequence","Easing","runOnJS","SHAKE_STEP_DURATION","SNAP_SUCCESS_DURATION","SNAP","duration","easing","bezier","rotate","scale","y","STEP_UP","delay","L","top","side","useCardSnapAnimation","params","isAnimating","onCompleteRef","onComplete","current","translateX","translateY","opacity","l1Top","l1Side","l2Top","l2Side","l3Top","l3Side","l3Opacity","front","transform","value","near","left","right","mid","far","complete","resetBackingCards","resetFrontCard","snap","toX","toRotate","snapConfig","stepConfig","trigger","direction","screenWidth","get","width","snapStyles"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useCardSnapAnimation.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency/hooks/useFluencyCardDeckAnimation.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { useCallback, useLayoutEffect, useState } from 'react';
+import { useCardSnapAnimation } from "./useCardSnapAnimation.js";
+export const useFluencyCardDeckAnimation = () => {
+  const [exitingCardContent, setExitingCardContent] = useState(null);
+  const [exitingCardStatus, setExitingCardStatus] = useState(null);
+  const [shouldResetBackingCards, setShouldResetBackingCards] = useState(false);
+  const clearExitingCard = useCallback(() => {
+    setExitingCardContent(null);
+    setExitingCardStatus(null);
+    setShouldResetBackingCards(true);
+  }, []);
+  const animation = useCardSnapAnimation({
+    onComplete: clearExitingCard
+  });
+  useLayoutEffect(() => {
+    if (!shouldResetBackingCards || exitingCardContent) return;
+    animation.resetBackingCards();
+    setShouldResetBackingCards(false);
+  });
+  const startCardExit = ({
+    cardContent,
+    direction,
+    status
+  }) => {
+    if (!animation.trigger(direction)) return false;
+    setExitingCardContent(cardContent);
+    setExitingCardStatus(status);
+    return true;
+  };
+  return {
+    exitingCardContent,
+    exitingCardStatus,
+    snapStyles: animation.snapStyles,
+    startCardExit
+  };
+};
+//# sourceMappingURL=useFluencyCardDeckAnimation.js.map

package/dist/module/features/fluency/hooks/useFluencyCardDeckAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useLayoutEffect","useState","useCardSnapAnimation","useFluencyCardDeckAnimation","exitingCardContent","setExitingCardContent","exitingCardStatus","setExitingCardStatus","shouldResetBackingCards","setShouldResetBackingCards","clearExitingCard","animation","onComplete","resetBackingCards","startCardExit","cardContent","direction","status","trigger","snapStyles"],"sourceRoot":"../../../../../src","sources":["features/fluency/hooks/useFluencyCardDeckAnimation.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAE9D,SAASC,oBAAoB,QAA4B,2BAAwB;AAUjF,OAAO,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGJ,QAAQ,CAC1D,IACF,CAAC;EACD,MAAM,CAACK,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGN,QAAQ,CAAuB,IAAI,CAAC;EACtF,MAAM,CAACO,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGR,QAAQ,CAAC,KAAK,CAAC;EAE7E,MAAMS,gBAAgB,GAAGX,WAAW,CAAC,MAAM;IACzCM,qBAAqB,CAAC,IAAI,CAAC;IAC3BE,oBAAoB,CAAC,IAAI,CAAC;IAC1BE,0BAA0B,CAAC,IAAI,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,SAAS,GAAGT,oBAAoB,CAAC;IAAEU,UAAU,EAAEF;EAAiB,CAAC,CAAC;EAExEV,eAAe,CAAC,MAAM;IACpB,IAAI,CAACQ,uBAAuB,IAAIJ,kBAAkB,EAAE;IAEpDO,SAAS,CAACE,iBAAiB,CAAC,CAAC;IAC7BJ,0BAA0B,CAAC,KAAK,CAAC;EACnC,CAAC,CAAC;EAEF,MAAMK,aAAa,GAAGA,CAAC;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAA4B,CAAC,KAAK;IACjF,IAAI,CAACN,SAAS,CAACO,OAAO,CAACF,SAAS,CAAC,EAAE,OAAO,KAAK;IAE/CX,qBAAqB,CAACU,WAAW,CAAC;IAClCR,oBAAoB,CAACU,MAAM,CAAC;IAC5B,OAAO,IAAI;EACb,CAAC;EAED,OAAO;IACLb,kBAAkB;IAClBE,iBAAiB;IACjBa,UAAU,EAAER,SAAS,CAACQ,UAAU;IAChCL;EACF,CAAC;AACH,CAAC","ignoreList":[]}