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

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

@@ -0,0 +1,191 @@
+"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,
+  isHighlighted = false,
+  onPress,
+  onHoverIn,
+  onHoverOut,
+  onItemPress,
+  progress = 0,
+  rightContent,
+  isFirst,
+  isLast,
+  maxItems,
+  expandedColor = COLORS.NEUTRAL_3,
+  isSkillsLeftHidden = false
+}) => {
+  const t = useText();
+  const [isHovered, setIsHovered] = useState(false);
+  const {
+    visible,
+    remainingCount
+  } = getVisibleItems(items, maxItems);
+  const withHighlight = isHovered || isExpanded || isHighlighted;
+  const Caret = isExpanded ? CaretDownIcon : CaretRightIcon;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, !isFirst && styles.containerCollapsed, isFirst && styles.containerFirst, isLast && styles.containerLast, withHighlight && {
+      backgroundColor: expandedColor
+    }],
+    children: [/*#__PURE__*/_jsxs(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__*/_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,
+          isSkillsLeftHidden: isSkillsLeftHidden,
+          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","isHighlighted","onPress","onHoverIn","onHoverOut","onItemPress","progress","rightContent","isFirst","isLast","expandedColor","NEUTRAL_3","isSkillsLeftHidden","t","isHovered","setIsHovered","withHighlight","Caret","style","styles","container","containerCollapsed","containerFirst","containerLast","backgroundColor","children","header","headerFirst","headerLast","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,114 @@
+"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,
+  isSkillsLeftHidden = false
+}) => {
+  const t = useText();
+  const [isHovered, setIsHovered] = useState(false);
+  const isSkillsLeftVisible = skillsLeft > 0 && !isFinished && !isSkillsLeftHidden;
+  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: [isSkillsLeftVisible && /*#__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","isSkillsLeftHidden","t","isHovered","setIsHovered","isSkillsLeftVisible","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":"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","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+"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 expandedId = useUnit(model.highlight.$expandedId);
+  const hoveredId = useUnit(model.highlight.$hoveredId);
+  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.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: 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__*/_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","expandedId","highlight","$expandedId","hoveredId","$hoveredId","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","expand","onHoverIn","hover","onHoverOut","onItemPress","skill","solving","start","type","STANDARD","isLast","length","isFirst","isExpanded","isHighlighted","icon","create","flex","overflow","padding","backgroundColor","NEUTRAL_1","borderRadius"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/list/PmDomainList.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,aAAa,EAAEC,MAAM,EAAEC,cAAc,EAAEC,OAAO,QAAQ,4BAA4B;AAC3F,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,OAAO,QAAQ,cAAW;AACnC,SAASC,gBAAgB,QAAQ,8CAA2C;AAC5E,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,eAAe,QAAQ,oCAAiC;AACjE,SAASC,WAAW,QAAQ,sCAAmC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAE/D,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAGP,aAAa,CAAC,CAAC;EAClD,MAAMQ,OAAO,GAAGhB,OAAO,CAACc,KAAK,CAACG,IAAI,CAACC,QAAQ,CAAC;EAC5C,MAAMC,UAAU,GAAGnB,OAAO,CAACc,KAAK,CAACM,SAAS,CAACC,WAAW,CAAC;EACvD,MAAMC,SAAS,GAAGtB,OAAO,CAACc,KAAK,CAACM,SAAS,CAACG,UAAU,CAAC;EAErD,MAAMC,OAAO,GAAGR,OAAO,CAACS,IAAI,CAAC,CAAC;IAAEC;EAAM,CAAC,KAAKjB,eAAe,CAACiB,KAAK,CAAC,CAAC;EACnE,MAAMC,IAAI,GAAGH,OAAO,GAAGR,OAAO,CAACY,MAAM,CAAC,CAAC;IAAEF;EAAM,CAAC,KAAK,CAACjB,eAAe,CAACiB,KAAK,CAAC,CAAC,GAAGV,OAAO;EAEvF,oBACEJ,IAAA,CAACb,IAAI;IAAC8B,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BpB,IAAA,CAACT,cAAc;MACb8B,IAAI,EAAEN,IAAK;MACXO,UAAU;MACVC,cAAc,EAAE,CAAE;MAClBN,KAAK,EAAEC,MAAM,CAACM,MAAO;MACrBC,mBAAmB,eAAEzB,IAAA,CAACN,OAAO;QAAC2B,IAAI,EAAET;MAAQ,CAAE,CAAE;MAChDc,YAAY,EAAGC,IAAI,IAAKA,IAAI,CAACC,QAAS;MACtCC,UAAU,EAAEA,CAAC;QAAEF,IAAI;QAAEG;MAAM,CAAC,kBAC1B9B,IAAA,CAACP,QAAQ;QACPqB,KAAK,EAAEa,IAAI,CAACb,KAAM;QAClBiB,KAAK,EAAEJ,IAAI,CAACK,SAAS,CAACC,GAAG,CAAEC,QAAQ,KAAM;UAAE,GAAGA,QAAQ;UAAEC,EAAE,EAAED,QAAQ,CAACE;QAAW,CAAC,CAAC,CAAE;QACpFC,QAAQ,EAAEV,IAAI,CAACW,eAAgB;QAC/BC,KAAK,EAAEZ,IAAI,CAACY,KAAM;QAClBC,OAAO,EAAEA,CAAA,KAAMtC,KAAK,CAACM,SAAS,CAACiC,MAAM,CAACd,IAAI,CAACC,QAAQ,CAAE;QACrDc,SAAS,EAAEA,CAAA,KAAMxC,KAAK,CAACM,SAAS,CAACmC,KAAK,CAAChB,IAAI,CAACC,QAAQ,CAAE;QACtDgB,UAAU,EAAEA,CAAA,KAAM1C,KAAK,CAACM,SAAS,CAACmC,KAAK,CAAC,IAAI,CAAE;QAC9CE,WAAW,EAAE,MAAOlB,IAAI,IAAK;UAC3B,MAAMmB,KAAK,GAAG,MAAM5C,KAAK,CAAC6C,OAAO,CAACC,KAAK,CAAC;YACtCC,IAAI,EAAEnD,WAAW,CAACoD,QAAQ;YAC1Bd,UAAU,EAAET,IAAI,CAACS;UACnB,CAAC,CAAC;UACFjC,eAAe,GAAG2C,KAAK,CAAC;QAC1B,CAAE;QACFK,MAAM,EAAErB,KAAK,KAAKf,IAAI,CAACqC,MAAM,GAAG,CAAE;QAClCC,OAAO,EAAEvB,KAAK,KAAK,CAAE;QACrBwB,UAAU,EAAE/C,UAAU,KAAKoB,IAAI,CAACC,QAAS;QACzC2B,aAAa,EAAE7C,SAAS,KAAKiB,IAAI,CAACC,QAAQ,IAAIrB,UAAU,KAAKoB,IAAI,CAACC,QAAS;QAC3E4B,IAAI,eAAExD,IAAA,CAACL,gBAAgB;UAAC4C,KAAK,EAAEZ,IAAI,CAACY;QAAM,CAAE;MAAE,CAC/C;IACD,CACH;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMrB,MAAM,GAAGhC,UAAU,CAACuE,MAAM,CAAC;EAC/BtC,SAAS,EAAE;IACTuC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,QAAQ;IAClBC,OAAO,EAAEpE,OAAO,CAAC,GAAG,CAAC;IACrBqE,eAAe,EAAEvE,MAAM,CAACwE,SAAS;IACjCC,YAAY,EAAE1E,aAAa,CAAC,GAAG;EACjC,CAAC;EACDmC,MAAM,EAAE;IACNkC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","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 expandedId = useUnit(model.highlight.$expandedId);
+
+  // 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??
+  })));
+  if (!recommendations.length) return null;
+  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.highlight.expand(CustomDomain.TEACHER),
+        onItemPress: async item => {
+          const skill = await model.solving.start({
+            type: SolvingFlow.TEACHER,
+            skillId: item.skillId
+          });
+          onPracticePress?.(skill);
+        },
+        isLast: true,
+        isFirst: true,
+        isSkillsLeftHidden: true,
+        isExpanded: expandedId === CustomDomain.TEACHER,
+        isHighlighted: expandedId === 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
+            });
+            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","expandedId","highlight","$expandedId","recommendations","$teacher","items","map","skill","id","_id","skillId","title","nameTranslations","subtitle","shortDescriptionTranslations","skillsCount","total","achieved","failed","length","style","styles","container","children","wrapper","maxItems","color","PRIMARY_YELLOW","expandedColor","YELLOW_1","onPress","expand","TEACHER","onItemPress","item","solving","start","type","isLast","isFirst","isSkillsLeftHidden","isExpanded","isHighlighted","icon","rightContent","size","SMALL","variant","SECONDARY","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":[]}