@magmamath/students-features 1.2.0 → 1.2.1-rc.10

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Pressable","View","StyleSheet","BORDER_RADIUS","CaretDownIcon","CaretRightIcon","COLORS","HeadingVariants","SPACING","Typography","ListItem","useText","jsx","_jsx","jsxs","_jsxs","HEADER_HEIGHT","PROGRESS_BAR_WIDTH","PROGRESS_BAR_HEIGHT","getVisibleItems","items","maxItems","visible","slice","remainingCount","Math","max","length","ListCard","title","icon","color","isExpanded","onPress","onItemPress","progress","rightContent","isFirst","isLast","expandedColor","NEUTRAL_3","t","isHovered","setIsHovered","isHighlighted","Caret","style","styles","container","containerCollapsed","containerFirst","containerLast","backgroundColor","children","header","headerFirst","headerLast","onHoverIn","onHoverOut","caret","NEUTRAL_9","variant","H6","H7","percentage","round","track","fill","width","itemsLast","map","item","skillsLeft","skillsCount","total","achieved","subtitle","isFinished","id","H8","moreText","count","create","justifyContent","NEUTRAL_2","overflow","cursor","marginTop","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexDirection","alignItems","height","padding","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/module/features/pmProgress/components/list/ListItem.js

@@ -0,0 +1,112 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { View, Pressable, StyleSheet } from 'react-native';
+import { ArrowRightIcon, CheckIcon, COLORS, FONT_FAMILY, HeadingVariants, Typography } from '@magmamath/react-native-ui';
+import { useText } from "../../../../shared/translation/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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;
+export const ListItem = ({
+  title,
+  subtitle,
+  skillsLeft,
+  isFinished = false,
+  onPress
+}) => {
+  const t = useText();
+  const [isHovered, setIsHovered] = useState(false);
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: onPress,
+    style: [styles.card, isFinished && styles.finished, isHovered && styles.hovered],
+    onHoverIn: () => setIsHovered(true),
+    onHoverOut: () => setIsHovered(false),
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H10,
+        style: [styles.title, isFinished && styles.titleFinished],
+        numberOfLines: 1,
+        children: title
+      }), /*#__PURE__*/_jsx(Typography, {
+        style: [styles.subtitle, isFinished && styles.subtitleFinished],
+        numberOfLines: 1,
+        children: subtitle
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.trailing,
+      children: [!isFinished && skillsLeft > 0 && /*#__PURE__*/_jsxs(Typography, {
+        variant: HeadingVariants.H10,
+        style: styles.skills,
+        children: [skillsLeft, " ", skillsLeft === 1 ? t('pmProgress.skillLeft') : t('pmProgress.skillsLeft')]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.icon,
+        children: isFinished ? /*#__PURE__*/_jsx(CheckIcon, {
+          color: FINISHED_ICON
+        }) : /*#__PURE__*/_jsx(ArrowRightIcon, {
+          color: COLORS.NEUTRAL_9
+        })
+      })]
+    })]
+  });
+};
+const styles = 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: COLORS.NEUTRAL_9
+  },
+  titleFinished: {
+    color: FINISHED_TITLE
+  },
+  subtitle: {
+    color: COLORS.NEUTRAL_7,
+    fontSize: SUBTITLE_FONT_SIZE,
+    fontFamily: FONT_FAMILY.buenosAires,
+    lineHeight: SUBTITLE_LINE_HEIGHT
+  },
+  subtitleFinished: {
+    color: FINISHED_SUBTITLE
+  },
+  trailing: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  skills: {
+    color: COLORS.NEUTRAL_9
+  },
+  icon: {
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=ListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","Pressable","StyleSheet","ArrowRightIcon","CheckIcon","COLORS","FONT_FAMILY","HeadingVariants","Typography","useText","jsx","_jsx","jsxs","_jsxs","FINISHED_BG","FINISHED_TITLE","FINISHED_SUBTITLE","FINISHED_ICON","CARD_HEIGHT","ICON_SIZE","SUBTITLE_FONT_SIZE","SUBTITLE_LINE_HEIGHT","ListItem","title","subtitle","skillsLeft","isFinished","onPress","t","isHovered","setIsHovered","style","styles","card","finished","hovered","onHoverIn","onHoverOut","children","content","variant","H10","titleFinished","numberOfLines","subtitleFinished","trailing","skills","icon","color","NEUTRAL_9","create","flexDirection","alignItems","height","paddingLeft","paddingRight","backgroundColor","borderRadius","gap","boxShadow","flex","NEUTRAL_7","fontSize","fontFamily","buenosAires","lineHeight","width","justifyContent"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/list/ListItem.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAC1D,SACEC,cAAc,EACdC,SAAS,EACTC,MAAM,EACNC,WAAW,EACXC,eAAe,EACfC,UAAU,QACL,4BAA4B;AACnC,SAASC,OAAO,QAAQ,yCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExD,MAAMC,WAAW,GAAG,SAAS;AAC7B,MAAMC,cAAc,GAAG,SAAS;AAChC,MAAMC,iBAAiB,GAAG,SAAS;AACnC,MAAMC,aAAa,GAAG,SAAS;AAC/B,MAAMC,WAAW,GAAG,EAAE;AACtB,MAAMC,SAAS,GAAG,EAAE;AACpB,MAAMC,kBAAkB,GAAG,EAAE;AAC7B,MAAMC,oBAAoB,GAAG,EAAE;AAU/B,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EACvBC,KAAK;EACLC,QAAQ;EACRC,UAAU;EACVC,UAAU,GAAG,KAAK;EAClBC;AACa,CAAC,KAAK;EACnB,MAAMC,CAAC,GAAGnB,OAAO,CAAC,CAAC;EACnB,MAAM,CAACoB,SAAS,EAAEC,YAAY,CAAC,GAAG/B,QAAQ,CAAC,KAAK,CAAC;EACjD,oBACEc,KAAA,CAACZ,SAAS;IACR0B,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEP,UAAU,IAAIM,MAAM,CAACE,QAAQ,EAAEL,SAAS,IAAIG,MAAM,CAACG,OAAO,CAAE;IACjFC,SAAS,EAAEA,CAAA,KAAMN,YAAY,CAAC,IAAI,CAAE;IACpCO,UAAU,EAAEA,CAAA,KAAMP,YAAY,CAAC,KAAK,CAAE;IAAAQ,QAAA,gBAEtCzB,KAAA,CAACb,IAAI;MAAC+B,KAAK,EAAEC,MAAM,CAACO,OAAQ;MAAAD,QAAA,gBAC1B3B,IAAA,CAACH,UAAU;QACTgC,OAAO,EAAEjC,eAAe,CAACkC,GAAI;QAC7BV,KAAK,EAAE,CAACC,MAAM,CAACT,KAAK,EAAEG,UAAU,IAAIM,MAAM,CAACU,aAAa,CAAE;QAC1DC,aAAa,EAAE,CAAE;QAAAL,QAAA,EAEhBf;MAAK,CACI,CAAC,eACbZ,IAAA,CAACH,UAAU;QACTuB,KAAK,EAAE,CAACC,MAAM,CAACR,QAAQ,EAAEE,UAAU,IAAIM,MAAM,CAACY,gBAAgB,CAAE;QAChED,aAAa,EAAE,CAAE;QAAAL,QAAA,EAEhBd;MAAQ,CACC,CAAC;IAAA,CACT,CAAC,eACPX,KAAA,CAACb,IAAI;MAAC+B,KAAK,EAAEC,MAAM,CAACa,QAAS;MAAAP,QAAA,GAC1B,CAACZ,UAAU,IAAID,UAAU,GAAG,CAAC,iBAC5BZ,KAAA,CAACL,UAAU;QAACgC,OAAO,EAAEjC,eAAe,CAACkC,GAAI;QAACV,KAAK,EAAEC,MAAM,CAACc,MAAO;QAAAR,QAAA,GAC5Db,UAAU,EAAC,GAAC,EAACA,UAAU,KAAK,CAAC,GAAGG,CAAC,CAAC,sBAAsB,CAAC,GAAGA,CAAC,CAAC,uBAAuB,CAAC;MAAA,CAC7E,CACb,eACDjB,IAAA,CAACX,IAAI;QAAC+B,KAAK,EAAEC,MAAM,CAACe,IAAK;QAAAT,QAAA,EACtBZ,UAAU,gBACTf,IAAA,CAACP,SAAS;UAAC4C,KAAK,EAAE/B;QAAc,CAAE,CAAC,gBAEnCN,IAAA,CAACR,cAAc;UAAC6C,KAAK,EAAE3C,MAAM,CAAC4C;QAAU,CAAE;MAC3C,CACG,CAAC;IAAA,CACH,CAAC;EAAA,CACE,CAAC;AAEhB,CAAC;AAED,MAAMjB,MAAM,GAAG9B,UAAU,CAACgD,MAAM,CAAC;EAC/BjB,IAAI,EAAE;IACJkB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAEnC,WAAW;IACnBoC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,OAAO;IACxBC,YAAY,EAAE,EAAE;IAChBC,GAAG,EAAE,CAAC;IACNC,SAAS,EAAE;EACb,CAAC;EACDzB,QAAQ,EAAE;IACRsB,eAAe,EAAE1C,WAAW;IAC5B6C,SAAS,EAAE;EACb,CAAC;EACDxB,OAAO,EAAE;IACPqB,eAAe,EAAE,SAAS;IAC1BG,SAAS,EACP;EACJ,CAAC;EACDpB,OAAO,EAAE;IACPqB,IAAI,EAAE;EACR,CAAC;EACDrC,KAAK,EAAE;IACLyB,KAAK,EAAE3C,MAAM,CAAC4C;EAChB,CAAC;EACDP,aAAa,EAAE;IACbM,KAAK,EAAEjC;EACT,CAAC;EACDS,QAAQ,EAAE;IACRwB,KAAK,EAAE3C,MAAM,CAACwD,SAAS;IACvBC,QAAQ,EAAE1C,kBAAkB;IAC5B2C,UAAU,EAAEzD,WAAW,CAAC0D,WAAW;IACnCC,UAAU,EAAE5C;EACd,CAAC;EACDuB,gBAAgB,EAAE;IAChBI,KAAK,EAAEhC;EACT,CAAC;EACD6B,QAAQ,EAAE;IACRM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBM,GAAG,EAAE;EACP,CAAC;EACDZ,MAAM,EAAE;IACNE,KAAK,EAAE3C,MAAM,CAAC4C;EAChB,CAAC;EACDF,IAAI,EAAE;IACJmB,KAAK,EAAE/C,SAAS;IAChBkC,MAAM,EAAElC,SAAS;IACjBgD,cAAc,EAAE,QAAQ;IACxBf,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useUnit } from 'effector-react';
+import { BORDER_RADIUS, COLORS, ScrollableList, SPACING } from '@magmamath/react-native-ui';
+import { ListCard } from "./ListCard.js";
+import { Fluency } from "./Fluency.js";
+import { SliceDiamondIcon } from "../../../../shared/icons/SliceDiamondIcon.js";
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { isFluencyDomain } from "../../shared/pmProgress.helpers.js";
+import { SolvingFlow } from "../../shared/pmProgress.constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const PmDomainList = () => {
+  const {
+    model,
+    onStandardPress
+  } = usePmProgress();
+  const domains = useUnit(model.tree.$domains);
+  const highlightedId = useUnit(model.tree.$highlightedId);
+  const fluency = domains.find(({
+    title
+  }) => isFluencyDomain(title));
+  const list = fluency ? domains.filter(({
+    title
+  }) => !isFluencyDomain(title)) : domains;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(ScrollableList, {
+      data: list,
+      hideShadow: true,
+      scrollbarWidth: 8,
+      style: styles.scroll,
+      ListFooterComponent: /*#__PURE__*/_jsx(Fluency, {
+        data: fluency
+      }),
+      keyExtractor: item => item.domainId,
+      renderItem: ({
+        item,
+        index
+      }) => /*#__PURE__*/_jsx(ListCard, {
+        title: item.title,
+        items: item.standards.map(standard => ({
+          ...standard,
+          id: standard.standardId
+        })),
+        progress: item.scorePercentage,
+        color: item.color,
+        onPress: () => model.tree.setHighlightedId(item.domainId),
+        onItemPress: async item => {
+          const skill = await model.solving.start({
+            type: SolvingFlow.STANDARD,
+            standardId: item.standardId
+          });
+          // @ts-ignore
+          onStandardPress?.(skill);
+        },
+        isLast: index === list.length - 1,
+        isFirst: index === 0,
+        isExpanded: highlightedId === item.domainId,
+        icon: /*#__PURE__*/_jsx(SliceDiamondIcon, {
+          color: item.color
+        })
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    overflow: 'hidden',
+    padding: SPACING[200],
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderRadius: BORDER_RADIUS[400]
+  },
+  scroll: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=PmDomainList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useUnit","BORDER_RADIUS","COLORS","ScrollableList","SPACING","ListCard","Fluency","SliceDiamondIcon","usePmProgress","isFluencyDomain","SolvingFlow","jsx","_jsx","PmDomainList","model","onStandardPress","domains","tree","$domains","highlightedId","$highlightedId","fluency","find","title","list","filter","style","styles","container","children","data","hideShadow","scrollbarWidth","scroll","ListFooterComponent","keyExtractor","item","domainId","renderItem","index","items","standards","map","standard","id","standardId","progress","scorePercentage","color","onPress","setHighlightedId","onItemPress","skill","solving","start","type","STANDARD","isLast","length","isFirst","isExpanded","icon","create","flex","overflow","padding","backgroundColor","NEUTRAL_1","borderRadius"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/list/PmDomainList.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,112 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { ListCard } from "../list/ListCard.js";
+import { PentagonIcon } from "../../../../shared/icons/PentagonIcon.js";
+import { BORDER_RADIUS, Button, ButtonSize, ButtonVariant, COLORS, SPACING } from '@magmamath/react-native-ui';
+import { useText } from "../../../../shared/translation/index.js";
+import { useStoreMap, useUnit } from 'effector-react';
+import { CustomDomain, SolvingFlow } from "../../shared/pmProgress.constants.js";
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PmTeacherRecs = () => {
+  const t = useText();
+  const {
+    model,
+    onPracticePress,
+    onTeacherRecommendationPress
+  } = usePmProgress();
+  const highlightedId = useUnit(model.tree.$highlightedId);
+
+  // TODO: rework this, probably split and pass renderer to ListCard
+  const recommendations = 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??
+  })));
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.wrapper,
+      children: [/*#__PURE__*/_jsx(ListCard, {
+        title: t('pmProgress.teacherRecs'),
+        items: recommendations,
+        maxItems: 3,
+        color: COLORS.PRIMARY_YELLOW,
+        expandedColor: COLORS.YELLOW_1,
+        onPress: () => model.tree.setHighlightedId(CustomDomain.TEACHER),
+        onItemPress: async item => {
+          const skill = await model.solving.start({
+            type: SolvingFlow.TEACHER,
+            skillId: item.skillId
+          });
+          // @ts-ignore
+          onPracticePress?.(skill);
+        },
+        isLast: true,
+        isFirst: true,
+        isExpanded: highlightedId === CustomDomain.TEACHER,
+        icon: /*#__PURE__*/_jsx(PentagonIcon, {
+          color: COLORS.PRIMARY_YELLOW
+        }),
+        rightContent: /*#__PURE__*/_jsx(Button, {
+          onPress: async () => {
+            const skill = await model.solving.start({
+              type: SolvingFlow.TEACHER
+            });
+
+            // @ts-ignore
+            onTeacherRecommendationPress?.(skill);
+          },
+          size: ButtonSize.SMALL,
+          variant: ButtonVariant.SECONDARY,
+          children: t('pmProgress.practiceButton')
+        })
+      }), recommendations.length > 0 && /*#__PURE__*/_jsx(View, {
+        style: styles.badge,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.text,
+          children: recommendations.length
+        })
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'visible',
+    padding: SPACING[200],
+    borderRadius: BORDER_RADIUS[400],
+    backgroundColor: COLORS.NEUTRAL_1
+  },
+  wrapper: {
+    position: 'relative'
+  },
+  badge: {
+    position: 'absolute',
+    top: -8,
+    right: -8,
+    width: 20,
+    height: 20,
+    backgroundColor: COLORS.PRIMARY_RED,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: '50%'
+  },
+  text: {
+    textAlign: 'center',
+    fontSize: 12,
+    fontWeight: '600',
+    color: COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=PmTeacherRecs.js.map

package/dist/module/features/pmProgress/components/recs/PmTeacherRecs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","ListCard","PentagonIcon","BORDER_RADIUS","Button","ButtonSize","ButtonVariant","COLORS","SPACING","useText","useStoreMap","useUnit","CustomDomain","SolvingFlow","usePmProgress","jsx","_jsx","jsxs","_jsxs","PmTeacherRecs","t","model","onPracticePress","onTeacherRecommendationPress","highlightedId","tree","$highlightedId","recommendations","$teacher","items","map","skill","id","_id","skillId","title","nameTranslations","subtitle","shortDescriptionTranslations","skillsCount","total","achieved","failed","style","styles","container","children","wrapper","maxItems","color","PRIMARY_YELLOW","expandedColor","YELLOW_1","onPress","setHighlightedId","TEACHER","onItemPress","item","solving","start","type","isLast","isFirst","isExpanded","icon","rightContent","size","SMALL","variant","SECONDARY","length","badge","text","create","overflow","padding","borderRadius","backgroundColor","NEUTRAL_1","position","top","right","width","height","PRIMARY_RED","alignItems","justifyContent","textAlign","fontSize","fontWeight"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/recs/PmTeacherRecs.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/context/PmProgressContext.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+const PmProgressContext = /*#__PURE__*/createContext(null);
+export function usePmProgress() {
+  const value = useContext(PmProgressContext);
+  if (!value) {
+    throw new Error('usePmProgress must be used within PmProgressProvider');
+  }
+  return value;
+}
+export const PmProgressProvider = PmProgressContext.Provider;
+//# sourceMappingURL=PmProgressContext.js.map

package/dist/module/features/pmProgress/context/PmProgressContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","PmProgressContext","usePmProgress","value","Error","PmProgressProvider","Provider"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/context/PmProgressContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAYjD,MAAMC,iBAAiB,gBAAGF,aAAa,CAAgC,IAAI,CAAC;AAE5E,OAAO,SAASG,aAAaA,CAAA,EAA2B;EACtD,MAAMC,KAAK,GAAGH,UAAU,CAACC,iBAAiB,CAAC;EAC3C,IAAI,CAACE,KAAK,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,sDAAsD,CAAC;EACzE;EACA,OAAOD,KAAK;AACd;AAEA,OAAO,MAAME,kBAAkB,GAAGJ,iBAAiB,CAACK,QAAQ","ignoreList":[]}

package/dist/module/features/pmProgress/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+export { PmProgress } from "./PmProgress.js";
+export { PmProgressModel } from "./model/PmProgressModel.js";
+export * from "./shared/pmProgress.types.js";
+
+// TODO:
+// !!! case when card is failed and easier card suggested !!!
+//# sourceMappingURL=index.js.map

package/dist/module/features/pmProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PmProgress","PmProgressModel"],"sourceRoot":"../../../../src","sources":["features/pmProgress/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc;AACzC,SAASC,eAAe,QAAQ,4BAAyB;AACzD,cAAc,8BAA2B;;AAEzC;AACA","ignoreList":[]}

package/dist/module/features/pmProgress/model/PmInsightsModel.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { combine, createEvent, createStore, restore } from 'effector';
+import { InsightsTimeframe } from "../shared/pmProgress.constants.js";
+export class PmInsightsModel {
+  setTimeframe = createEvent();
+  $data = createStore(null);
+  $timeframe = restore(this.setTimeframe, InsightsTimeframe.WEEK);
+  $insights = combine(this.$data, this.$timeframe, (stats, timeframe) => {
+    return stats ? stats[timeframe] : null;
+  });
+  constructor(api) {
+    this.api = api;
+    this.$data.on(this.api.getUserInsightsFx.doneData, (_, response) => response.practiceModeStatsByTimeFrame);
+  }
+}
+//# sourceMappingURL=PmInsightsModel.js.map

package/dist/module/features/pmProgress/model/PmInsightsModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["combine","createEvent","createStore","restore","InsightsTimeframe","PmInsightsModel","setTimeframe","$data","$timeframe","WEEK","$insights","stats","timeframe","constructor","api","on","getUserInsightsFx","doneData","_","response","practiceModeStatsByTimeFrame"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/model/PmInsightsModel.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,WAAW,EAAEC,WAAW,EAAEC,OAAO,QAAQ,UAAU;AAGrE,SAASC,iBAAiB,QAAQ,mCAAgC;AAElE,OAAO,MAAMC,eAAe,CAAC;EACXC,YAAY,GAAGL,WAAW,CAAoB,CAAC;EAE9CM,KAAK,GAAGL,WAAW,CAClC,IACF,CAAC;EACeM,UAAU,GAAGL,OAAO,CAAC,IAAI,CAACG,YAAY,EAAEF,iBAAiB,CAACK,IAAI,CAAC;EAC/DC,SAAS,GAAGV,OAAO,CAAC,IAAI,CAACO,KAAK,EAAE,IAAI,CAACC,UAAU,EAAE,CAACG,KAAK,EAAEC,SAAS,KAAK;IACrF,OAAOD,KAAK,GAAGA,KAAK,CAACC,SAAS,CAAC,GAAG,IAAI;EACxC,CAAC,CAAC;EAEFC,WAAWA,CAAkBC,GAAkB,EAAE;IAAA,KAApBA,GAAkB,GAAlBA,GAAkB;IAC7C,IAAI,CAACP,KAAK,CAACQ,EAAE,CACX,IAAI,CAACD,GAAG,CAACE,iBAAiB,CAACC,QAAQ,EACnC,CAACC,CAAC,EAAEC,QAAQ,KAAKA,QAAQ,CAACC,4BAC5B,CAAC;EACH;AACF","ignoreList":[]}

package/dist/module/features/pmProgress/model/PmProgressApi.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { createEffect } from 'effector';
+export class PmProgressApi {
+  constructor(props) {
+    this.getTreeFx = createEffect(props.getTree);
+    this.getStatisticsFx = createEffect(props.getStatistics);
+    this.getTeacherRecsFx = createEffect(props.getTeacherRecs);
+    this.getMagmaRecsFx = createEffect(props.getMagmaRecs);
+    this.getUserInsightsFx = createEffect(() => props.getUserInsights());
+  }
+}
+//# sourceMappingURL=PmProgressApi.js.map

package/dist/module/features/pmProgress/model/PmProgressApi.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","PmProgressApi","constructor","props","getTreeFx","getTree","getStatisticsFx","getStatistics","getTeacherRecsFx","getTeacherRecs","getMagmaRecsFx","getMagmaRecs","getUserInsightsFx","getUserInsights"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/model/PmProgressApi.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,UAAU;AAmBvC,OAAO,MAAMC,aAAa,CAAC;EAOzBC,WAAWA,CAACC,KAAyB,EAAE;IACrC,IAAI,CAACC,SAAS,GAAGJ,YAAY,CAACG,KAAK,CAACE,OAAO,CAAC;IAC5C,IAAI,CAACC,eAAe,GAAGN,YAAY,CAACG,KAAK,CAACI,aAAa,CAAC;IACxD,IAAI,CAACC,gBAAgB,GAAGR,YAAY,CAACG,KAAK,CAACM,cAAc,CAAC;IAC1D,IAAI,CAACC,cAAc,GAAGV,YAAY,CAACG,KAAK,CAACQ,YAAY,CAAC;IACtD,IAAI,CAACC,iBAAiB,GAAGZ,YAAY,CAAC,MAAMG,KAAK,CAACU,eAAe,CAAC,CAAC,CAAC;EACtE;AACF","ignoreList":[]}

package/dist/module/features/pmProgress/model/PmProgressModel.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import { sample } from 'effector';
+import { createGate } from 'effector-react';
+import { PmProgressApi } from "./PmProgressApi.js";
+import { PmTreeModel } from "./PmTreeModel.js";
+import { PmInsightsModel } from "./PmInsightsModel.js";
+import { PmRecommendationsModel } from "./PmRecommendationsModel.js";
+import { PmSolvingFlowModel } from "./PmSolvingFlowModel.js";
+export class PmProgressModel {
+  gate = createGate();
+  constructor({
+    api
+  }) {
+    this.api = new PmProgressApi(api);
+    this.insights = new PmInsightsModel(this.api);
+    this.tree = new PmTreeModel(this.api);
+    this.recommendations = new PmRecommendationsModel(this.api);
+    this.solving = new PmSolvingFlowModel(this.tree, this.recommendations);
+    this.init();
+  }
+  init() {
+    sample({
+      clock: this.gate.open,
+      target: [this.tree.initTreeFx, this.api.getUserInsightsFx]
+    });
+    sample({
+      clock: this.tree.initTreeFx.done,
+      fn: ({
+        result: [tree]
+      }) => tree,
+      target: this.recommendations.initRecommendationsFx
+    });
+    sample({
+      clock: this.gate.close,
+      target: this.solving.reset
+    });
+  }
+}
+//# sourceMappingURL=PmProgressModel.js.map

package/dist/module/features/pmProgress/model/PmProgressModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sample","createGate","PmProgressApi","PmTreeModel","PmInsightsModel","PmRecommendationsModel","PmSolvingFlowModel","PmProgressModel","gate","constructor","api","insights","tree","recommendations","solving","init","clock","open","target","initTreeFx","getUserInsightsFx","done","fn","result","initRecommendationsFx","close","reset"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/model/PmProgressModel.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,UAAU;AACjC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,SAASC,aAAa,QAAiC,oBAAiB;AACxE,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,kBAAkB,QAAQ,yBAAsB;AAMzD,OAAO,MAAMC,eAAe,CAAC;EACXC,IAAI,GAAGP,UAAU,CAAsB,CAAC;EAQxDQ,WAAWA,CAAC;IAAEC;EAA0B,CAAC,EAAE;IACzC,IAAI,CAACA,GAAG,GAAG,IAAIR,aAAa,CAACQ,GAAG,CAAC;IACjC,IAAI,CAACC,QAAQ,GAAG,IAAIP,eAAe,CAAC,IAAI,CAACM,GAAG,CAAC;IAC7C,IAAI,CAACE,IAAI,GAAG,IAAIT,WAAW,CAAC,IAAI,CAACO,GAAG,CAAC;IACrC,IAAI,CAACG,eAAe,GAAG,IAAIR,sBAAsB,CAAC,IAAI,CAACK,GAAG,CAAC;IAC3D,IAAI,CAACI,OAAO,GAAG,IAAIR,kBAAkB,CAAC,IAAI,CAACM,IAAI,EAAE,IAAI,CAACC,eAAe,CAAC;IAEtE,IAAI,CAACE,IAAI,CAAC,CAAC;EACb;EAEQA,IAAIA,CAAA,EAAG;IACbf,MAAM,CAAC;MACLgB,KAAK,EAAE,IAAI,CAACR,IAAI,CAACS,IAAI;MACrBC,MAAM,EAAE,CAAC,IAAI,CAACN,IAAI,CAACO,UAAU,EAAE,IAAI,CAACT,GAAG,CAACU,iBAAiB;IAC3D,CAAC,CAAC;IAEFpB,MAAM,CAAC;MACLgB,KAAK,EAAE,IAAI,CAACJ,IAAI,CAACO,UAAU,CAACE,IAAI;MAChCC,EAAE,EAAEA,CAAC;QAAEC,MAAM,EAAE,CAACX,IAAI;MAAE,CAAC,KAAKA,IAAI;MAChCM,MAAM,EAAE,IAAI,CAACL,eAAe,CAACW;IAC/B,CAAC,CAAC;IAEFxB,MAAM,CAAC;MACLgB,KAAK,EAAE,IAAI,CAACR,IAAI,CAACiB,KAAK;MACtBP,MAAM,EAAE,IAAI,CAACJ,OAAO,CAACY;IACvB,CAAC,CAAC;EACJ;AACF","ignoreList":[]}