@magmamath/students-features 1.2.1-rc.2 → 1.2.1-rc.21

package/dist/commonjs/features/pmProgress/components/list/Fluency.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Fluency = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ListCard = require("./ListCard.js");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _SliceDiamondIcon = require("../../../../shared/icons/SliceDiamondIcon.js");
+var _index = require("../../../../shared/translation/index.js");
+var _effectorReact = require("effector-react");
+var _pmProgressConstants = require("../../shared/pmProgress.constants.js");
+var _PmProgressContext = require("../../context/PmProgressContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Fluency = ({
+  data
+}) => {
+  const t = (0, _index.useText)();
+  const {
+    model,
+    onStandardPress
+  } = (0, _PmProgressContext.usePmProgress)();
+  const expandedId = (0, _effectorReact.useUnit)(model.highlight.$expandedId);
+  if (!data) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.separator
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListCard.ListCard, {
+      title: t('pmProgress.fluency'),
+      items: data.standards.map(standard => ({
+        ...standard,
+        id: standard.standardId
+      })),
+      progress: data.scorePercentage,
+      color: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+      onPress: () => model.highlight.expand(_pmProgressConstants.CustomDomain.FLUENCY),
+      onItemPress: async item => {
+        const skill = await model.solving.start({
+          type: _pmProgressConstants.SolvingFlow.STANDARD,
+          standardId: item.standardId
+        });
+        onStandardPress?.(skill);
+      },
+      isFirst: true,
+      isLast: true,
+      isExpanded: expandedId === _pmProgressConstants.CustomDomain.FLUENCY,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceDiamondIcon.SliceDiamondIcon, {
+        color: _reactNativeUi.COLORS.PRIMARY_ORANGE
+      })
+    })]
+  });
+};
+exports.Fluency = Fluency;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    marginBottom: _reactNativeUi.SPACING[800]
+  },
+  separator: {
+    height: 1,
+    marginHorizontal: _reactNativeUi.SPACING[100],
+    marginVertical: _reactNativeUi.SPACING[200],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4
+  }
+});
+//# sourceMappingURL=Fluency.js.map

package/dist/commonjs/features/pmProgress/components/list/Fluency.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ListCard","_reactNativeUi","_SliceDiamondIcon","_index","_effectorReact","_pmProgressConstants","_PmProgressContext","_jsxRuntime","e","__esModule","default","Fluency","data","t","useText","model","onStandardPress","usePmProgress","expandedId","useUnit","highlight","$expandedId","jsxs","View","style","styles","container","children","jsx","separator","ListCard","title","items","standards","map","standard","id","standardId","progress","scorePercentage","color","COLORS","PRIMARY_ORANGE","onPress","expand","CustomDomain","FLUENCY","onItemPress","item","skill","solving","start","type","SolvingFlow","STANDARD","isFirst","isLast","isExpanded","icon","SliceDiamondIcon","exports","StyleSheet","create","marginBottom","SPACING","height","marginHorizontal","marginVertical","backgroundColor","NEUTRAL_4"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/list/Fluency.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AAEA,IAAAQ,kBAAA,GAAAR,OAAA;AAA+D,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMxD,MAAMG,OAAO,GAAGA,CAAC;EAAEC;AAAmB,CAAC,KAAK;EACjD,MAAMC,CAAC,GAAG,IAAAC,cAAO,EAAC,CAAC;EACnB,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAG,IAAAC,gCAAa,EAAC,CAAC;EAClD,MAAMC,UAAU,GAAG,IAAAC,sBAAO,EAACJ,KAAK,CAACK,SAAS,CAACC,WAAW,CAAC;EAEvD,IAAI,CAACT,IAAI,EAAE,OAAO,IAAI;EAEtB,oBACE,IAAAL,WAAA,CAAAe,IAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAApB,WAAA,CAAAqB,GAAA,EAAC7B,YAAA,CAAAwB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACI;IAAU,CAAE,CAAC,eACjC,IAAAtB,WAAA,CAAAqB,GAAA,EAAC5B,SAAA,CAAA8B,QAAQ;MACPC,KAAK,EAAElB,CAAC,CAAC,oBAAoB,CAAE;MAC/BmB,KAAK,EAAEpB,IAAI,CAACqB,SAAS,CAACC,GAAG,CAAEC,QAAQ,KAAM;QAAE,GAAGA,QAAQ;QAAEC,EAAE,EAAED,QAAQ,CAACE;MAAW,CAAC,CAAC,CAAE;MACpFC,QAAQ,EAAE1B,IAAI,CAAC2B,eAAgB;MAC/BC,KAAK,EAAEC,qBAAM,CAACC,cAAe;MAC7BC,OAAO,EAAEA,CAAA,KAAM5B,KAAK,CAACK,SAAS,CAACwB,MAAM,CAACC,iCAAY,CAACC,OAAO,CAAE;MAC5DC,WAAW,EAAE,MAAOC,IAAI,IAAK;QAC3B,MAAMC,KAAK,GAAG,MAAMlC,KAAK,CAACmC,OAAO,CAACC,KAAK,CAAC;UACtCC,IAAI,EAAEC,gCAAW,CAACC,QAAQ;UAC1BjB,UAAU,EAAEW,IAAI,CAACX;QACnB,CAAC,CAAC;QACFrB,eAAe,GAAGiC,KAAK,CAAC;MAC1B,CAAE;MACFM,OAAO;MACPC,MAAM;MACNC,UAAU,EAAEvC,UAAU,KAAK2B,iCAAY,CAACC,OAAQ;MAChDY,IAAI,eAAE,IAAAnD,WAAA,CAAAqB,GAAA,EAAC1B,iBAAA,CAAAyD,gBAAgB;QAACnB,KAAK,EAAEC,qBAAM,CAACC;MAAe,CAAE;IAAE,CAC1D,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAAAkB,OAAA,CAAAjD,OAAA,GAAAA,OAAA;AAED,MAAMc,MAAM,GAAGoC,uBAAU,CAACC,MAAM,CAAC;EAC/BpC,SAAS,EAAE;IACTqC,YAAY,EAAEC,sBAAO,CAAC,GAAG;EAC3B,CAAC;EACDnC,SAAS,EAAE;IACToC,MAAM,EAAE,CAAC;IACTC,gBAAgB,EAAEF,sBAAO,CAAC,GAAG,CAAC;IAC9BG,cAAc,EAAEH,sBAAO,CAAC,GAAG,CAAC;IAC5BI,eAAe,EAAE3B,qBAAM,CAAC4B;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/list/ListCard.js

@@ -0,0 +1,198 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _ListItem = require("./ListItem.js");
+var _index = require("../../../../shared/translation/index.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 HEADER_HEIGHT = 60;
+const PROGRESS_BAR_WIDTH = 50;
+const PROGRESS_BAR_HEIGHT = 10;
+function getVisibleItems(items, maxItems) {
+  const visible = maxItems != null ? items.slice(0, maxItems) : items;
+  const remainingCount = maxItems != null ? Math.max(0, items.length - maxItems) : 0;
+  return {
+    visible,
+    remainingCount
+  };
+}
+const ListCard = ({
+  title,
+  icon,
+  color,
+  items,
+  isExpanded = false,
+  isHighlighted = false,
+  onPress,
+  onHoverIn,
+  onHoverOut,
+  onItemPress,
+  progress = 0,
+  rightContent,
+  isFirst,
+  isLast,
+  maxItems,
+  expandedColor = _reactNativeUi.COLORS.NEUTRAL_3,
+  isSkillsLeftHidden = false
+}) => {
+  const t = (0, _index.useText)();
+  const [isHovered, setIsHovered] = (0, _react.useState)(false);
+  const {
+    visible,
+    remainingCount
+  } = getVisibleItems(items, maxItems);
+  const withHighlight = isHovered || isExpanded || isHighlighted;
+  const Caret = isExpanded ? _reactNativeUi.CaretDownIcon : _reactNativeUi.CaretRightIcon;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, !isFirst && styles.containerCollapsed, isFirst && styles.containerFirst, isLast && styles.containerLast, withHighlight && {
+      backgroundColor: expandedColor
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      style: [styles.header, isFirst && styles.headerFirst, isLast && !isExpanded && styles.headerLast, withHighlight && {
+        backgroundColor: expandedColor
+      }],
+      onPress: onPress,
+      onHoverIn: () => {
+        setIsHovered(true);
+        onHoverIn?.();
+      },
+      onHoverOut: () => {
+        setIsHovered(false);
+        onHoverOut?.();
+      },
+      children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.caret,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Caret, {
+          color: _reactNativeUi.COLORS.NEUTRAL_9
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H6,
+        style: styles.title,
+        children: title
+      }), rightContent ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.progress,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H7,
+          style: [styles.percentage, {
+            color
+          }],
+          children: [Math.round(progress), "%"]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.track,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.fill, {
+              width: `${Math.round(progress)}%`,
+              backgroundColor: color
+            }]
+          })
+        })]
+      })]
+    }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.items, isLast && styles.itemsLast],
+      children: [visible.map(item => {
+        const skillsLeft = item.skillsCount.total - item.skillsCount.achieved;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.ListItem, {
+          title: item.title,
+          skillsLeft: skillsLeft,
+          subtitle: item.subtitle,
+          isFinished: skillsLeft === 0,
+          isSkillsLeftHidden: isSkillsLeftHidden,
+          onPress: () => onItemPress?.(item)
+        }, item.id);
+      }), remainingCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H8,
+        style: styles.moreText,
+        children: t('pmProgress.andMore', {
+          count: `${remainingCount}`
+        })
+      })]
+    })]
+  });
+};
+exports.ListCard = ListCard;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+    overflow: 'hidden',
+    cursor: 'pointer'
+  },
+  containerCollapsed: {
+    marginTop: -1
+  },
+  containerFirst: {
+    borderTopLeftRadius: _reactNativeUi.BORDER_RADIUS[200],
+    borderTopRightRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  containerLast: {
+    borderBottomLeftRadius: _reactNativeUi.BORDER_RADIUS[200],
+    borderBottomRightRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: HEADER_HEIGHT,
+    padding: _reactNativeUi.SPACING[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    cursor: 'pointer'
+  },
+  headerFirst: {
+    borderTopLeftRadius: _reactNativeUi.BORDER_RADIUS[200],
+    borderTopRightRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  headerLast: {
+    borderBottomLeftRadius: _reactNativeUi.BORDER_RADIUS[200],
+    borderBottomRightRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  caret: {
+    marginLeft: _reactNativeUi.SPACING[400]
+  },
+  title: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9,
+    marginLeft: _reactNativeUi.SPACING[200],
+    flex: 1
+  },
+  progress: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  percentage: {
+    textAlign: 'right'
+  },
+  track: {
+    width: PROGRESS_BAR_WIDTH,
+    height: PROGRESS_BAR_HEIGHT,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
+    overflow: 'hidden'
+  },
+  fill: {
+    height: '100%',
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  items: {
+    gap: _reactNativeUi.SPACING[200],
+    padding: _reactNativeUi.SPACING[200],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
+  },
+  itemsLast: {
+    borderBottomLeftRadius: _reactNativeUi.BORDER_RADIUS[200],
+    borderBottomRightRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  moreText: {
+    textAlign: 'center',
+    color: _reactNativeUi.COLORS.NEUTRAL_7,
+    marginVertical: _reactNativeUi.SPACING[200]
+  }
+});
+//# sourceMappingURL=ListCard.js.map

package/dist/commonjs/features/pmProgress/components/list/ListCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_ListItem","_index","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HEADER_HEIGHT","PROGRESS_BAR_WIDTH","PROGRESS_BAR_HEIGHT","getVisibleItems","items","maxItems","visible","slice","remainingCount","Math","max","length","ListCard","title","icon","color","isExpanded","isHighlighted","onPress","onHoverIn","onHoverOut","onItemPress","progress","rightContent","isFirst","isLast","expandedColor","COLORS","NEUTRAL_3","isSkillsLeftHidden","useText","isHovered","setIsHovered","useState","withHighlight","Caret","CaretDownIcon","CaretRightIcon","jsxs","View","style","styles","container","containerCollapsed","containerFirst","containerLast","backgroundColor","children","Pressable","header","headerFirst","headerLast","jsx","caret","NEUTRAL_9","Typography","variant","HeadingVariants","H6","H7","percentage","round","track","fill","width","itemsLast","map","item","skillsLeft","skillsCount","total","achieved","ListItem","subtitle","isFinished","id","H8","moreText","count","exports","StyleSheet","create","justifyContent","NEUTRAL_2","overflow","cursor","marginTop","borderTopLeftRadius","BORDER_RADIUS","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexDirection","alignItems","height","padding","SPACING","borderWidth","borderColor","NEUTRAL_4","marginLeft","flex","gap","textAlign","borderRadius","NEUTRAL_1","NEUTRAL_7","marginVertical"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/list/ListCard.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/list/ListItem.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _index = require("../../../../shared/translation/index.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 FINISHED_BG = '#EFFBF5';
+const FINISHED_TITLE = '#00804A';
+const FINISHED_SUBTITLE = '#29A96F';
+const FINISHED_ICON = '#5CD497';
+const CARD_HEIGHT = 52;
+const ICON_SIZE = 25;
+const SUBTITLE_FONT_SIZE = 10;
+const SUBTITLE_LINE_HEIGHT = 14;
+const ListItem = ({
+  title,
+  subtitle,
+  skillsLeft,
+  isFinished = false,
+  onPress,
+  isSkillsLeftHidden = false
+}) => {
+  const t = (0, _index.useText)();
+  const [isHovered, setIsHovered] = (0, _react.useState)(false);
+  const isSkillsLeftVisible = skillsLeft > 0 && !isFinished && !isSkillsLeftHidden;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    onPress: onPress,
+    style: [styles.card, isFinished && styles.finished, isHovered && styles.hovered],
+    onHoverIn: () => setIsHovered(true),
+    onHoverOut: () => setIsHovered(false),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H10,
+        style: [styles.title, isFinished && styles.titleFinished],
+        numberOfLines: 1,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        style: [styles.subtitle, isFinished && styles.subtitleFinished],
+        numberOfLines: 1,
+        children: subtitle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.trailing,
+      children: [isSkillsLeftVisible && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H10,
+        style: styles.skills,
+        children: [skillsLeft, " ", skillsLeft === 1 ? t('pmProgress.skillLeft') : t('pmProgress.skillsLeft')]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.icon,
+        children: isFinished ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CheckIcon, {
+          color: FINISHED_ICON
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ArrowRightIcon, {
+          color: _reactNativeUi.COLORS.NEUTRAL_9
+        })
+      })]
+    })]
+  });
+};
+exports.ListItem = ListItem;
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: CARD_HEIGHT,
+    paddingLeft: 32,
+    paddingRight: 16,
+    backgroundColor: 'white',
+    borderRadius: 12,
+    gap: 8,
+    boxShadow: '0px 0px 1px 0px #33333366, 0px 1px 3px 0px #3333331A'
+  },
+  finished: {
+    backgroundColor: FINISHED_BG,
+    boxShadow: '0px 0px 1px 0px #33333366, 0px 1px 3px 0px #3333331A'
+  },
+  hovered: {
+    backgroundColor: '#FAFAFB',
+    boxShadow: '0px 0px 1px 0px #33333366, 0px 1px 3px 0px #3333331A, 4px 4px 10px rgba(51, 51, 51, 0.15)'
+  },
+  content: {
+    flex: 1
+  },
+  title: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  titleFinished: {
+    color: FINISHED_TITLE
+  },
+  subtitle: {
+    color: _reactNativeUi.COLORS.NEUTRAL_7,
+    fontSize: SUBTITLE_FONT_SIZE,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    lineHeight: SUBTITLE_LINE_HEIGHT
+  },
+  subtitleFinished: {
+    color: FINISHED_SUBTITLE
+  },
+  trailing: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  skills: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  icon: {
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=ListItem.js.map

package/dist/commonjs/features/pmProgress/components/list/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_index","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FINISHED_BG","FINISHED_TITLE","FINISHED_SUBTITLE","FINISHED_ICON","CARD_HEIGHT","ICON_SIZE","SUBTITLE_FONT_SIZE","SUBTITLE_LINE_HEIGHT","ListItem","title","subtitle","skillsLeft","isFinished","onPress","isSkillsLeftHidden","useText","isHovered","setIsHovered","useState","isSkillsLeftVisible","jsxs","Pressable","style","styles","card","finished","hovered","onHoverIn","onHoverOut","children","View","content","jsx","Typography","variant","HeadingVariants","H10","titleFinished","numberOfLines","subtitleFinished","trailing","skills","icon","CheckIcon","color","ArrowRightIcon","COLORS","NEUTRAL_9","exports","StyleSheet","create","flexDirection","alignItems","height","paddingLeft","paddingRight","backgroundColor","borderRadius","gap","boxShadow","flex","NEUTRAL_7","fontSize","fontFamily","FONT_FAMILY","buenosAires","lineHeight","width","justifyContent"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/list/ListItem.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/list/PmDomainList.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PmDomainList = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _ListCard = require("./ListCard.js");
+var _Fluency = require("./Fluency.js");
+var _SliceDiamondIcon = require("../../../../shared/icons/SliceDiamondIcon.js");
+var _PmProgressContext = require("../../context/PmProgressContext.js");
+var _pmProgressHelpers = require("../../shared/pmProgress.helpers.js");
+var _pmProgressConstants = require("../../shared/pmProgress.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PmDomainList = () => {
+  const {
+    model,
+    onStandardPress
+  } = (0, _PmProgressContext.usePmProgress)();
+  const domains = (0, _effectorReact.useUnit)(model.tree.$domains);
+  const expandedId = (0, _effectorReact.useUnit)(model.highlight.$expandedId);
+  const hoveredId = (0, _effectorReact.useUnit)(model.highlight.$hoveredId);
+  const fluency = domains.find(({
+    title
+  }) => (0, _pmProgressHelpers.isFluencyDomain)(title));
+  const list = fluency ? domains.filter(({
+    title
+  }) => !(0, _pmProgressHelpers.isFluencyDomain)(title)) : domains;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ScrollableList, {
+      data: list,
+      hideShadow: true,
+      scrollbarWidth: 8,
+      style: styles.scroll,
+      ListFooterComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fluency.Fluency, {
+        data: fluency
+      }),
+      keyExtractor: item => item.domainId,
+      renderItem: ({
+        item,
+        index
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListCard.ListCard, {
+        title: item.title,
+        items: item.standards.map(standard => ({
+          ...standard,
+          id: standard.standardId
+        })),
+        progress: item.scorePercentage,
+        color: item.color,
+        onPress: () => model.highlight.expand(item.domainId),
+        onHoverIn: () => model.highlight.hover(item.domainId),
+        onHoverOut: () => model.highlight.hover(null),
+        onItemPress: async item => {
+          const skill = await model.solving.start({
+            type: _pmProgressConstants.SolvingFlow.STANDARD,
+            standardId: item.standardId
+          });
+          onStandardPress?.(skill);
+        },
+        isLast: index === list.length - 1,
+        isFirst: index === 0,
+        isExpanded: expandedId === item.domainId,
+        isHighlighted: hoveredId === item.domainId || expandedId === item.domainId,
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceDiamondIcon.SliceDiamondIcon, {
+          color: item.color
+        })
+      })
+    })
+  });
+};
+exports.PmDomainList = PmDomainList;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    overflow: 'hidden',
+    padding: _reactNativeUi.SPACING[200],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400]
+  },
+  scroll: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=PmDomainList.js.map

package/dist/commonjs/features/pmProgress/components/list/PmDomainList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_ListCard","_Fluency","_SliceDiamondIcon","_PmProgressContext","_pmProgressHelpers","_pmProgressConstants","_jsxRuntime","e","__esModule","default","PmDomainList","model","onStandardPress","usePmProgress","domains","useUnit","tree","$domains","expandedId","highlight","$expandedId","hoveredId","$hoveredId","fluency","find","title","isFluencyDomain","list","filter","jsx","View","style","styles","container","children","ScrollableList","data","hideShadow","scrollbarWidth","scroll","ListFooterComponent","Fluency","keyExtractor","item","domainId","renderItem","index","ListCard","items","standards","map","standard","id","standardId","progress","scorePercentage","color","onPress","expand","onHoverIn","hover","onHoverOut","onItemPress","skill","solving","start","type","SolvingFlow","STANDARD","isLast","length","isFirst","isExpanded","isHighlighted","icon","SliceDiamondIcon","exports","StyleSheet","create","flex","overflow","padding","SPACING","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/list/PmDomainList.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AACA,IAAAS,oBAAA,GAAAT,OAAA;AAA+D,IAAAU,WAAA,GAAAV,OAAA;AAAA,SAAAD,uBAAAY,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExD,MAAMG,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAG,IAAAC,gCAAa,EAAC,CAAC;EAClD,MAAMC,OAAO,GAAG,IAAAC,sBAAO,EAACJ,KAAK,CAACK,IAAI,CAACC,QAAQ,CAAC;EAC5C,MAAMC,UAAU,GAAG,IAAAH,sBAAO,EAACJ,KAAK,CAACQ,SAAS,CAACC,WAAW,CAAC;EACvD,MAAMC,SAAS,GAAG,IAAAN,sBAAO,EAACJ,KAAK,CAACQ,SAAS,CAACG,UAAU,CAAC;EAErD,MAAMC,OAAO,GAAGT,OAAO,CAACU,IAAI,CAAC,CAAC;IAAEC;EAAM,CAAC,KAAK,IAAAC,kCAAe,EAACD,KAAK,CAAC,CAAC;EACnE,MAAME,IAAI,GAAGJ,OAAO,GAAGT,OAAO,CAACc,MAAM,CAAC,CAAC;IAAEH;EAAM,CAAC,KAAK,CAAC,IAAAC,kCAAe,EAACD,KAAK,CAAC,CAAC,GAAGX,OAAO;EAEvF,oBACE,IAAAR,WAAA,CAAAuB,GAAA,EAAChC,YAAA,CAAAiC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAA5B,WAAA,CAAAuB,GAAA,EAAC9B,cAAA,CAAAoC,cAAc;MACbC,IAAI,EAAET,IAAK;MACXU,UAAU;MACVC,cAAc,EAAE,CAAE;MAClBP,KAAK,EAAEC,MAAM,CAACO,MAAO;MACrBC,mBAAmB,eAAE,IAAAlC,WAAA,CAAAuB,GAAA,EAAC5B,QAAA,CAAAwC,OAAO;QAACL,IAAI,EAAEb;MAAQ,CAAE,CAAE;MAChDmB,YAAY,EAAGC,IAAI,IAAKA,IAAI,CAACC,QAAS;MACtCC,UAAU,EAAEA,CAAC;QAAEF,IAAI;QAAEG;MAAM,CAAC,kBAC1B,IAAAxC,WAAA,CAAAuB,GAAA,EAAC7B,SAAA,CAAA+C,QAAQ;QACPtB,KAAK,EAAEkB,IAAI,CAAClB,KAAM;QAClBuB,KAAK,EAAEL,IAAI,CAACM,SAAS,CAACC,GAAG,CAAEC,QAAQ,KAAM;UAAE,GAAGA,QAAQ;UAAEC,EAAE,EAAED,QAAQ,CAACE;QAAW,CAAC,CAAC,CAAE;QACpFC,QAAQ,EAAEX,IAAI,CAACY,eAAgB;QAC/BC,KAAK,EAAEb,IAAI,CAACa,KAAM;QAClBC,OAAO,EAAEA,CAAA,KAAM9C,KAAK,CAACQ,SAAS,CAACuC,MAAM,CAACf,IAAI,CAACC,QAAQ,CAAE;QACrDe,SAAS,EAAEA,CAAA,KAAMhD,KAAK,CAACQ,SAAS,CAACyC,KAAK,CAACjB,IAAI,CAACC,QAAQ,CAAE;QACtDiB,UAAU,EAAEA,CAAA,KAAMlD,KAAK,CAACQ,SAAS,CAACyC,KAAK,CAAC,IAAI,CAAE;QAC9CE,WAAW,EAAE,MAAOnB,IAAI,IAAK;UAC3B,MAAMoB,KAAK,GAAG,MAAMpD,KAAK,CAACqD,OAAO,CAACC,KAAK,CAAC;YACtCC,IAAI,EAAEC,gCAAW,CAACC,QAAQ;YAC1Bf,UAAU,EAAEV,IAAI,CAACU;UACnB,CAAC,CAAC;UACFzC,eAAe,GAAGmD,KAAK,CAAC;QAC1B,CAAE;QACFM,MAAM,EAAEvB,KAAK,KAAKnB,IAAI,CAAC2C,MAAM,GAAG,CAAE;QAClCC,OAAO,EAAEzB,KAAK,KAAK,CAAE;QACrB0B,UAAU,EAAEtD,UAAU,KAAKyB,IAAI,CAACC,QAAS;QACzC6B,aAAa,EAAEpD,SAAS,KAAKsB,IAAI,CAACC,QAAQ,IAAI1B,UAAU,KAAKyB,IAAI,CAACC,QAAS;QAC3E8B,IAAI,eAAE,IAAApE,WAAA,CAAAuB,GAAA,EAAC3B,iBAAA,CAAAyE,gBAAgB;UAACnB,KAAK,EAAEb,IAAI,CAACa;QAAM,CAAE;MAAE,CAC/C;IACD,CACH;EAAC,CACE,CAAC;AAEX,CAAC;AAAAoB,OAAA,CAAAlE,YAAA,GAAAA,YAAA;AAED,MAAMsB,MAAM,GAAG6C,uBAAU,CAACC,MAAM,CAAC;EAC/B7C,SAAS,EAAE;IACT8C,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,QAAQ;IAClBC,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,YAAY,EAAEC,4BAAa,CAAC,GAAG;EACjC,CAAC;EACDhD,MAAM,EAAE;IACNwC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/recs/PmTeacherRecs.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PmTeacherRecs = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ListCard = require("../list/ListCard.js");
+var _PentagonIcon = require("../../../../shared/icons/PentagonIcon.js");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _index = require("../../../../shared/translation/index.js");
+var _effectorReact = require("effector-react");
+var _pmProgressConstants = require("../../shared/pmProgress.constants.js");
+var _PmProgressContext = require("../../context/PmProgressContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PmTeacherRecs = () => {
+  const t = (0, _index.useText)();
+  const {
+    model,
+    onPracticePress,
+    onTeacherRecommendationPress
+  } = (0, _PmProgressContext.usePmProgress)();
+  const expandedId = (0, _effectorReact.useUnit)(model.highlight.$expandedId);
+
+  // TODO: rework this, probably split and pass renderer to ListCard
+  const recommendations = (0, _effectorReact.useStoreMap)(model.recommendations.$teacher, ({
+    items
+  }) => items.map(skill => ({
+    id: skill._id,
+    skillId: skill._id,
+    title: skill.nameTranslations,
+    subtitle: skill.shortDescriptionTranslations,
+    skillsCount: {
+      total: 1,
+      achieved: 0,
+      failed: 0
+    } // TODO: fix this to be able to determine if isFinished - I think need to find this in skillsMapping or something??
+  })));
+  if (!recommendations.length) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.wrapper,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListCard.ListCard, {
+        title: t('pmProgress.teacherRecs'),
+        items: recommendations,
+        maxItems: 3,
+        color: _reactNativeUi.COLORS.PRIMARY_YELLOW,
+        expandedColor: _reactNativeUi.COLORS.YELLOW_1,
+        onPress: () => model.highlight.expand(_pmProgressConstants.CustomDomain.TEACHER),
+        onItemPress: async item => {
+          const skill = await model.solving.start({
+            type: _pmProgressConstants.SolvingFlow.TEACHER,
+            skillId: item.skillId
+          });
+          onPracticePress?.(skill);
+        },
+        isLast: true,
+        isFirst: true,
+        isSkillsLeftHidden: true,
+        isExpanded: expandedId === _pmProgressConstants.CustomDomain.TEACHER,
+        isHighlighted: expandedId === _pmProgressConstants.CustomDomain.TEACHER,
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PentagonIcon.PentagonIcon, {
+          color: _reactNativeUi.COLORS.PRIMARY_YELLOW
+        }),
+        rightContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+          onPress: async () => {
+            const skill = await model.solving.start({
+              type: _pmProgressConstants.SolvingFlow.TEACHER
+            });
+            onTeacherRecommendationPress?.(skill);
+          },
+          size: _reactNativeUi.ButtonSize.SMALL,
+          variant: _reactNativeUi.ButtonVariant.SECONDARY,
+          children: t('pmProgress.practiceButton')
+        })
+      }), recommendations.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.badge,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.text,
+          children: recommendations.length
+        })
+      })]
+    })
+  });
+};
+exports.PmTeacherRecs = PmTeacherRecs;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    overflow: 'visible',
+    padding: _reactNativeUi.SPACING[200],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
+  },
+  wrapper: {
+    position: 'relative'
+  },
+  badge: {
+    position: 'absolute',
+    top: -8,
+    right: -8,
+    width: 20,
+    height: 20,
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_RED,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: '50%'
+  },
+  text: {
+    textAlign: 'center',
+    fontSize: 12,
+    fontWeight: '600',
+    color: _reactNativeUi.COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=PmTeacherRecs.js.map