@magmamath/students-features 1.2.1-rc.19 → 1.2.1-rc.20

package/dist/commonjs/features/pmProgress/components/insights/PmInsights.js

@@ -20,7 +20,7 @@ const PmInsights = () => {
   const {
     model
   } = (0, _PmProgressContext.usePmProgress)();
-  const [chartSize, setChartSize] = (0, _react.useState)(0);
+  const [chartSize, setChartSize] = (0, _react.useState)(_pmProgressConstants.MAX_PIE_CHART_SIZE);
   const chartData = (0, _effectorReact.useStoreMap)(model.tree.$domains, domains => domains.map(domain => ({
     value: 1,
     fillPercent: Math.round(domain.scorePercentage),
@@ -37,7 +37,6 @@ const PmInsights = () => {
     const size = Math.min(height - _pmProgressConstants.STATS_MAX_HEIGHT - _reactNativeUi.SPACING[800], _pmProgressConstants.MAX_PIE_CHART_SIZE);
     setChartSize(size);
   };
-  if (!chartData.length) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
     onLayout: measureLayout,
@@ -47,7 +46,7 @@ const PmInsights = () => {
         height: chartSize
       }],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PracticeProgressPieChart.PracticeProgressPieChart, {
-        data: chartData,
+        data: chartData.length > 0 ? chartData : _pmProgressConstants.EMPTY_PIE_CHART_DATA,
         config: chartConfig
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PmTimeframeStats.PmTimeframeStats, {})]

package/dist/commonjs/features/pmProgress/components/insights/PmInsights.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_effectorReact","_reactNative","_reactNativeUi","_PracticeProgressPieChart","_PmTimeframeStats","_PmProgressContext","_pmProgressHelpers","_pmProgressConstants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PmInsights","model","usePmProgress","chartSize","setChartSize","useState","chartData","useStoreMap","tree","$domains","domains","map","domain","value","fillPercent","Math","round","scorePercentage","fillColor","color","borderColor","backgroundColor","chartConfig","useMemo","size","max","SPACING","createChartConfig","measureLayout","event","height","nativeEvent","layout","min","STATS_MAX_HEIGHT","MAX_PIE_CHART_SIZE","length","jsxs","View","style","styles","container","onLayout","children","jsx","chart","width","PracticeProgressPieChart","data","config","PmTimeframeStats","exports","StyleSheet","create","alignItems","justifyContent","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","padding","marginBottom","marginTop"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/PmInsights.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_effectorReact","_reactNative","_reactNativeUi","_PracticeProgressPieChart","_PmTimeframeStats","_PmProgressContext","_pmProgressHelpers","_pmProgressConstants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PmInsights","model","usePmProgress","chartSize","setChartSize","useState","MAX_PIE_CHART_SIZE","chartData","useStoreMap","tree","$domains","domains","map","domain","value","fillPercent","Math","round","scorePercentage","fillColor","color","borderColor","backgroundColor","chartConfig","useMemo","size","max","SPACING","createChartConfig","measureLayout","event","height","nativeEvent","layout","min","STATS_MAX_HEIGHT","jsxs","View","style","styles","container","onLayout","children","jsx","chart","width","PracticeProgressPieChart","data","length","EMPTY_PIE_CHART_DATA","config","PmTimeframeStats","exports","StyleSheet","create","alignItems","justifyContent","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","padding","marginBottom","marginTop"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/PmInsights.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/shared/pmProgress.constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SolvingFlow = exports.SessionStorageKeys = exports.STATS_MAX_HEIGHT = exports.RECOMMENDATIONS_LIMIT_PARAM = exports.MAX_PIE_CHART_SIZE = exports.InsightsTimeframe = exports.DOMAIN_COLORS = exports.DOMAIN_BORDER_COLORS = exports.CustomDomain = void 0;
+exports.SolvingFlow = exports.SessionStorageKeys = exports.STATS_MAX_HEIGHT = exports.RECOMMENDATIONS_LIMIT_PARAM = exports.MAX_PIE_CHART_SIZE = exports.InsightsTimeframe = exports.EMPTY_PIE_CHART_DATA = exports.DOMAIN_COLORS = exports.DOMAIN_BORDER_COLORS = exports.CustomDomain = void 0;
 var _reactNativeUi = require("@magmamath/react-native-ui");
 const STATS_MAX_HEIGHT = exports.STATS_MAX_HEIGHT = 136;
 const RECOMMENDATIONS_LIMIT_PARAM = exports.RECOMMENDATIONS_LIMIT_PARAM = 150;
@@ -36,5 +36,14 @@ let SessionStorageKeys = exports.SessionStorageKeys = /*#__PURE__*/function (Ses
  * Supports up to 21 unique colors before repeating.
  */
 const DOMAIN_COLORS = exports.DOMAIN_COLORS = [_reactNativeUi.COLORS.PRIMARY_RED, _reactNativeUi.COLORS.PRIMARY_MAGENTA, _reactNativeUi.COLORS.PRIMARY_PURPLE, _reactNativeUi.COLORS.PRIMARY_INDIGO, _reactNativeUi.COLORS.PRIMARY_TURQUOISE, _reactNativeUi.COLORS.PRIMARY_GREEN, _reactNativeUi.COLORS.PRIMARY_ORANGE, _reactNativeUi.COLORS.RED_4, _reactNativeUi.COLORS.MAGENTA_4, _reactNativeUi.COLORS.PURPLE_4, _reactNativeUi.COLORS.INDIGO_4, _reactNativeUi.COLORS.TURQUOISE_4, _reactNativeUi.COLORS.GREEN_4, _reactNativeUi.COLORS.ORANGE_4, _reactNativeUi.COLORS.RED_6, _reactNativeUi.COLORS.MAGENTA_6, _reactNativeUi.COLORS.PURPLE_6, _reactNativeUi.COLORS.INDIGO_6, _reactNativeUi.COLORS.TURQUOISE_6, _reactNativeUi.COLORS.GREEN_6, _reactNativeUi.COLORS.ORANGE_6];
+const EMPTY_PIE_CHART_DATA = exports.EMPTY_PIE_CHART_DATA = Array.from({
+  length: 5
+}, () => ({
+  value: 1,
+  fillPercent: 0,
+  fillColor: _reactNativeUi.COLORS.NEUTRAL_4,
+  borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
+  backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3
+}));
 const DOMAIN_BORDER_COLORS = exports.DOMAIN_BORDER_COLORS = [_reactNativeUi.COLORS.RED_6, _reactNativeUi.COLORS.MAGENTA_6, _reactNativeUi.COLORS.PURPLE_6, _reactNativeUi.COLORS.INDIGO_6, _reactNativeUi.COLORS.TURQUOISE_6, _reactNativeUi.COLORS.GREEN_6, _reactNativeUi.COLORS.ORANGE_6, _reactNativeUi.COLORS.RED_6, _reactNativeUi.COLORS.MAGENTA_6, _reactNativeUi.COLORS.PURPLE_6, _reactNativeUi.COLORS.INDIGO_6, _reactNativeUi.COLORS.TURQUOISE_6, _reactNativeUi.COLORS.GREEN_6, _reactNativeUi.COLORS.ORANGE_6, _reactNativeUi.COLORS.RED_6, _reactNativeUi.COLORS.MAGENTA_6, _reactNativeUi.COLORS.PURPLE_6, _reactNativeUi.COLORS.INDIGO_6, _reactNativeUi.COLORS.TURQUOISE_6, _reactNativeUi.COLORS.GREEN_6, _reactNativeUi.COLORS.ORANGE_6];
 //# sourceMappingURL=pmProgress.constants.js.map

package/dist/commonjs/features/pmProgress/shared/pmProgress.constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeUi","require","STATS_MAX_HEIGHT","exports","RECOMMENDATIONS_LIMIT_PARAM","MAX_PIE_CHART_SIZE","CustomDomain","InsightsTimeframe","SolvingFlow","SessionStorageKeys","DOMAIN_COLORS","COLORS","PRIMARY_RED","PRIMARY_MAGENTA","PRIMARY_PURPLE","PRIMARY_INDIGO","PRIMARY_TURQUOISE","PRIMARY_GREEN","PRIMARY_ORANGE","RED_4","MAGENTA_4","PURPLE_4","INDIGO_4","TURQUOISE_4","GREEN_4","ORANGE_4","RED_6","MAGENTA_6","PURPLE_6","INDIGO_6","TURQUOISE_6","GREEN_6","ORANGE_6","DOMAIN_BORDER_COLORS"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/shared/pmProgress.constants.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,GAAG;AAC5B,MAAME,2BAA2B,GAAAD,OAAA,CAAAC,2BAAA,GAAG,GAAG;AACvC,MAAMC,kBAAkB,GAAAF,OAAA,CAAAE,kBAAA,GAAG,GAAG;AAAA,IAEzBC,YAAY,GAAAH,OAAA,CAAAG,YAAA,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAAA,IAKZC,iBAAiB,GAAAJ,OAAA,CAAAI,iBAAA,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA;AAAA,IAMjBC,WAAW,GAAAL,OAAA,CAAAK,WAAA,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAAA,IAMXC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA;AAM9B;AACA;AACA;AACA;AACO,MAAMC,aAAa,GAAAP,OAAA,CAAAO,aAAA,GAAG,CAC3BC,qBAAM,CAACC,WAAW,EAClBD,qBAAM,CAACE,eAAe,EACtBF,qBAAM,CAACG,cAAc,EACrBH,qBAAM,CAACI,cAAc,EACrBJ,qBAAM,CAACK,iBAAiB,EACxBL,qBAAM,CAACM,aAAa,EACpBN,qBAAM,CAACO,cAAc,EACrBP,qBAAM,CAACQ,KAAK,EACZR,qBAAM,CAACS,SAAS,EAChBT,qBAAM,CAACU,QAAQ,EACfV,qBAAM,CAACW,QAAQ,EACfX,qBAAM,CAACY,WAAW,EAClBZ,qBAAM,CAACa,OAAO,EACdb,qBAAM,CAACc,QAAQ,EACfd,qBAAM,CAACe,KAAK,EACZf,qBAAM,CAACgB,SAAS,EAChBhB,qBAAM,CAACiB,QAAQ,EACfjB,qBAAM,CAACkB,QAAQ,EACflB,qBAAM,CAACmB,WAAW,EAClBnB,qBAAM,CAACoB,OAAO,EACdpB,qBAAM,CAACqB,QAAQ,CAChB;AAEM,MAAMC,oBAAoB,GAAA9B,OAAA,CAAA8B,oBAAA,GAAG,CAClCtB,qBAAM,CAACe,KAAK,EACZf,qBAAM,CAACgB,SAAS,EAChBhB,qBAAM,CAACiB,QAAQ,EACfjB,qBAAM,CAACkB,QAAQ,EACflB,qBAAM,CAACmB,WAAW,EAClBnB,qBAAM,CAACoB,OAAO,EACdpB,qBAAM,CAACqB,QAAQ,EACfrB,qBAAM,CAACe,KAAK,EACZf,qBAAM,CAACgB,SAAS,EAChBhB,qBAAM,CAACiB,QAAQ,EACfjB,qBAAM,CAACkB,QAAQ,EACflB,qBAAM,CAACmB,WAAW,EAClBnB,qBAAM,CAACoB,OAAO,EACdpB,qBAAM,CAACqB,QAAQ,EACfrB,qBAAM,CAACe,KAAK,EACZf,qBAAM,CAACgB,SAAS,EAChBhB,qBAAM,CAACiB,QAAQ,EACfjB,qBAAM,CAACkB,QAAQ,EACflB,qBAAM,CAACmB,WAAW,EAClBnB,qBAAM,CAACoB,OAAO,EACdpB,qBAAM,CAACqB,QAAQ,CAChB","ignoreList":[]}
+{"version":3,"names":["_reactNativeUi","require","STATS_MAX_HEIGHT","exports","RECOMMENDATIONS_LIMIT_PARAM","MAX_PIE_CHART_SIZE","CustomDomain","InsightsTimeframe","SolvingFlow","SessionStorageKeys","DOMAIN_COLORS","COLORS","PRIMARY_RED","PRIMARY_MAGENTA","PRIMARY_PURPLE","PRIMARY_INDIGO","PRIMARY_TURQUOISE","PRIMARY_GREEN","PRIMARY_ORANGE","RED_4","MAGENTA_4","PURPLE_4","INDIGO_4","TURQUOISE_4","GREEN_4","ORANGE_4","RED_6","MAGENTA_6","PURPLE_6","INDIGO_6","TURQUOISE_6","GREEN_6","ORANGE_6","EMPTY_PIE_CHART_DATA","Array","from","length","value","fillPercent","fillColor","NEUTRAL_4","borderColor","backgroundColor","NEUTRAL_3","DOMAIN_BORDER_COLORS"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/shared/pmProgress.constants.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/components/insights/PmInsights.js

@@ -8,13 +8,13 @@ import { PracticeProgressPieChart } from "../chart/components/PracticeProgressPi
 import { PmTimeframeStats } from "./PmTimeframeStats.js";
 import { usePmProgress } from "../../context/PmProgressContext.js";
 import { createChartConfig } from "../../shared/pmProgress.helpers.js";
-import { MAX_PIE_CHART_SIZE, STATS_MAX_HEIGHT } from "../../shared/pmProgress.constants.js";
+import { EMPTY_PIE_CHART_DATA, MAX_PIE_CHART_SIZE, STATS_MAX_HEIGHT } from "../../shared/pmProgress.constants.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const PmInsights = () => {
   const {
     model
   } = usePmProgress();
-  const [chartSize, setChartSize] = useState(0);
+  const [chartSize, setChartSize] = useState(MAX_PIE_CHART_SIZE);
   const chartData = useStoreMap(model.tree.$domains, domains => domains.map(domain => ({
     value: 1,
     fillPercent: Math.round(domain.scorePercentage),
@@ -31,7 +31,6 @@ export const PmInsights = () => {
     const size = Math.min(height - STATS_MAX_HEIGHT - SPACING[800], MAX_PIE_CHART_SIZE);
     setChartSize(size);
   };
-  if (!chartData.length) return null;
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
     onLayout: measureLayout,
@@ -41,7 +40,7 @@ export const PmInsights = () => {
         height: chartSize
       }],
       children: /*#__PURE__*/_jsx(PracticeProgressPieChart, {
-        data: chartData,
+        data: chartData.length > 0 ? chartData : EMPTY_PIE_CHART_DATA,
         config: chartConfig
       })
     }), /*#__PURE__*/_jsx(PmTimeframeStats, {})]

package/dist/module/features/pmProgress/components/insights/PmInsights.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","useStoreMap","StyleSheet","View","BORDER_RADIUS","COLORS","SPACING","PracticeProgressPieChart","PmTimeframeStats","usePmProgress","createChartConfig","MAX_PIE_CHART_SIZE","STATS_MAX_HEIGHT","jsx","_jsx","jsxs","_jsxs","PmInsights","model","chartSize","setChartSize","chartData","tree","$domains","domains","map","domain","value","fillPercent","Math","round","scorePercentage","fillColor","color","borderColor","backgroundColor","chartConfig","size","max","measureLayout","event","height","nativeEvent","layout","min","length","style","styles","container","onLayout","children","chart","width","data","config","create","alignItems","justifyContent","NEUTRAL_1","borderRadius","padding","marginBottom","marginTop"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/PmInsights.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useState","useStoreMap","StyleSheet","View","BORDER_RADIUS","COLORS","SPACING","PracticeProgressPieChart","PmTimeframeStats","usePmProgress","createChartConfig","EMPTY_PIE_CHART_DATA","MAX_PIE_CHART_SIZE","STATS_MAX_HEIGHT","jsx","_jsx","jsxs","_jsxs","PmInsights","model","chartSize","setChartSize","chartData","tree","$domains","domains","map","domain","value","fillPercent","Math","round","scorePercentage","fillColor","color","borderColor","backgroundColor","chartConfig","size","max","measureLayout","event","height","nativeEvent","layout","min","style","styles","container","onLayout","children","chart","width","data","length","config","create","alignItems","justifyContent","NEUTRAL_1","borderRadius","padding","marginBottom","marginTop"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/PmInsights.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/shared/pmProgress.constants.js

@@ -33,5 +33,14 @@ export let SessionStorageKeys = /*#__PURE__*/function (SessionStorageKeys) {
  * Supports up to 21 unique colors before repeating.
  */
 export const DOMAIN_COLORS = [COLORS.PRIMARY_RED, COLORS.PRIMARY_MAGENTA, COLORS.PRIMARY_PURPLE, COLORS.PRIMARY_INDIGO, COLORS.PRIMARY_TURQUOISE, COLORS.PRIMARY_GREEN, COLORS.PRIMARY_ORANGE, COLORS.RED_4, COLORS.MAGENTA_4, COLORS.PURPLE_4, COLORS.INDIGO_4, COLORS.TURQUOISE_4, COLORS.GREEN_4, COLORS.ORANGE_4, COLORS.RED_6, COLORS.MAGENTA_6, COLORS.PURPLE_6, COLORS.INDIGO_6, COLORS.TURQUOISE_6, COLORS.GREEN_6, COLORS.ORANGE_6];
+export const EMPTY_PIE_CHART_DATA = Array.from({
+  length: 5
+}, () => ({
+  value: 1,
+  fillPercent: 0,
+  fillColor: COLORS.NEUTRAL_4,
+  borderColor: COLORS.NEUTRAL_4,
+  backgroundColor: COLORS.NEUTRAL_3
+}));
 export const DOMAIN_BORDER_COLORS = [COLORS.RED_6, COLORS.MAGENTA_6, COLORS.PURPLE_6, COLORS.INDIGO_6, COLORS.TURQUOISE_6, COLORS.GREEN_6, COLORS.ORANGE_6, COLORS.RED_6, COLORS.MAGENTA_6, COLORS.PURPLE_6, COLORS.INDIGO_6, COLORS.TURQUOISE_6, COLORS.GREEN_6, COLORS.ORANGE_6, COLORS.RED_6, COLORS.MAGENTA_6, COLORS.PURPLE_6, COLORS.INDIGO_6, COLORS.TURQUOISE_6, COLORS.GREEN_6, COLORS.ORANGE_6];
 //# sourceMappingURL=pmProgress.constants.js.map

package/dist/module/features/pmProgress/shared/pmProgress.constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["COLORS","STATS_MAX_HEIGHT","RECOMMENDATIONS_LIMIT_PARAM","MAX_PIE_CHART_SIZE","CustomDomain","InsightsTimeframe","SolvingFlow","SessionStorageKeys","DOMAIN_COLORS","PRIMARY_RED","PRIMARY_MAGENTA","PRIMARY_PURPLE","PRIMARY_INDIGO","PRIMARY_TURQUOISE","PRIMARY_GREEN","PRIMARY_ORANGE","RED_4","MAGENTA_4","PURPLE_4","INDIGO_4","TURQUOISE_4","GREEN_4","ORANGE_4","RED_6","MAGENTA_6","PURPLE_6","INDIGO_6","TURQUOISE_6","GREEN_6","ORANGE_6","DOMAIN_BORDER_COLORS"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/shared/pmProgress.constants.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,4BAA4B;AAEnD,OAAO,MAAMC,gBAAgB,GAAG,GAAG;AACnC,OAAO,MAAMC,2BAA2B,GAAG,GAAG;AAC9C,OAAO,MAAMC,kBAAkB,GAAG,GAAG;AAErC,WAAYC,YAAY,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAKxB,WAAYC,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA;AAM7B,WAAYC,WAAW,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAMvB,WAAYC,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA;;AAM9B;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAG,CAC3BR,MAAM,CAACS,WAAW,EAClBT,MAAM,CAACU,eAAe,EACtBV,MAAM,CAACW,cAAc,EACrBX,MAAM,CAACY,cAAc,EACrBZ,MAAM,CAACa,iBAAiB,EACxBb,MAAM,CAACc,aAAa,EACpBd,MAAM,CAACe,cAAc,EACrBf,MAAM,CAACgB,KAAK,EACZhB,MAAM,CAACiB,SAAS,EAChBjB,MAAM,CAACkB,QAAQ,EACflB,MAAM,CAACmB,QAAQ,EACfnB,MAAM,CAACoB,WAAW,EAClBpB,MAAM,CAACqB,OAAO,EACdrB,MAAM,CAACsB,QAAQ,EACftB,MAAM,CAACuB,KAAK,EACZvB,MAAM,CAACwB,SAAS,EAChBxB,MAAM,CAACyB,QAAQ,EACfzB,MAAM,CAAC0B,QAAQ,EACf1B,MAAM,CAAC2B,WAAW,EAClB3B,MAAM,CAAC4B,OAAO,EACd5B,MAAM,CAAC6B,QAAQ,CAChB;AAED,OAAO,MAAMC,oBAAoB,GAAG,CAClC9B,MAAM,CAACuB,KAAK,EACZvB,MAAM,CAACwB,SAAS,EAChBxB,MAAM,CAACyB,QAAQ,EACfzB,MAAM,CAAC0B,QAAQ,EACf1B,MAAM,CAAC2B,WAAW,EAClB3B,MAAM,CAAC4B,OAAO,EACd5B,MAAM,CAAC6B,QAAQ,EACf7B,MAAM,CAACuB,KAAK,EACZvB,MAAM,CAACwB,SAAS,EAChBxB,MAAM,CAACyB,QAAQ,EACfzB,MAAM,CAAC0B,QAAQ,EACf1B,MAAM,CAAC2B,WAAW,EAClB3B,MAAM,CAAC4B,OAAO,EACd5B,MAAM,CAAC6B,QAAQ,EACf7B,MAAM,CAACuB,KAAK,EACZvB,MAAM,CAACwB,SAAS,EAChBxB,MAAM,CAACyB,QAAQ,EACfzB,MAAM,CAAC0B,QAAQ,EACf1B,MAAM,CAAC2B,WAAW,EAClB3B,MAAM,CAAC4B,OAAO,EACd5B,MAAM,CAAC6B,QAAQ,CAChB","ignoreList":[]}
+{"version":3,"names":["COLORS","STATS_MAX_HEIGHT","RECOMMENDATIONS_LIMIT_PARAM","MAX_PIE_CHART_SIZE","CustomDomain","InsightsTimeframe","SolvingFlow","SessionStorageKeys","DOMAIN_COLORS","PRIMARY_RED","PRIMARY_MAGENTA","PRIMARY_PURPLE","PRIMARY_INDIGO","PRIMARY_TURQUOISE","PRIMARY_GREEN","PRIMARY_ORANGE","RED_4","MAGENTA_4","PURPLE_4","INDIGO_4","TURQUOISE_4","GREEN_4","ORANGE_4","RED_6","MAGENTA_6","PURPLE_6","INDIGO_6","TURQUOISE_6","GREEN_6","ORANGE_6","EMPTY_PIE_CHART_DATA","Array","from","length","value","fillPercent","fillColor","NEUTRAL_4","borderColor","backgroundColor","NEUTRAL_3","DOMAIN_BORDER_COLORS"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/shared/pmProgress.constants.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,4BAA4B;AAEnD,OAAO,MAAMC,gBAAgB,GAAG,GAAG;AACnC,OAAO,MAAMC,2BAA2B,GAAG,GAAG;AAC9C,OAAO,MAAMC,kBAAkB,GAAG,GAAG;AAErC,WAAYC,YAAY,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAKxB,WAAYC,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA;AAM7B,WAAYC,WAAW,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAMvB,WAAYC,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA;;AAM9B;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAG,CAC3BR,MAAM,CAACS,WAAW,EAClBT,MAAM,CAACU,eAAe,EACtBV,MAAM,CAACW,cAAc,EACrBX,MAAM,CAACY,cAAc,EACrBZ,MAAM,CAACa,iBAAiB,EACxBb,MAAM,CAACc,aAAa,EACpBd,MAAM,CAACe,cAAc,EACrBf,MAAM,CAACgB,KAAK,EACZhB,MAAM,CAACiB,SAAS,EAChBjB,MAAM,CAACkB,QAAQ,EACflB,MAAM,CAACmB,QAAQ,EACfnB,MAAM,CAACoB,WAAW,EAClBpB,MAAM,CAACqB,OAAO,EACdrB,MAAM,CAACsB,QAAQ,EACftB,MAAM,CAACuB,KAAK,EACZvB,MAAM,CAACwB,SAAS,EAChBxB,MAAM,CAACyB,QAAQ,EACfzB,MAAM,CAAC0B,QAAQ,EACf1B,MAAM,CAAC2B,WAAW,EAClB3B,MAAM,CAAC4B,OAAO,EACd5B,MAAM,CAAC6B,QAAQ,CAChB;AAED,OAAO,MAAMC,oBAAoB,GAAGC,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAE;AAAE,CAAC,EAAE,OAAO;EACnEC,KAAK,EAAE,CAAC;EACRC,WAAW,EAAE,CAAC;EACdC,SAAS,EAAEpC,MAAM,CAACqC,SAAS;EAC3BC,WAAW,EAAEtC,MAAM,CAACqC,SAAS;EAC7BE,eAAe,EAAEvC,MAAM,CAACwC;AAC1B,CAAC,CAAC,CAAC;AAEH,OAAO,MAAMC,oBAAoB,GAAG,CAClCzC,MAAM,CAACuB,KAAK,EACZvB,MAAM,CAACwB,SAAS,EAChBxB,MAAM,CAACyB,QAAQ,EACfzB,MAAM,CAAC0B,QAAQ,EACf1B,MAAM,CAAC2B,WAAW,EAClB3B,MAAM,CAAC4B,OAAO,EACd5B,MAAM,CAAC6B,QAAQ,EACf7B,MAAM,CAACuB,KAAK,EACZvB,MAAM,CAACwB,SAAS,EAChBxB,MAAM,CAACyB,QAAQ,EACfzB,MAAM,CAAC0B,QAAQ,EACf1B,MAAM,CAAC2B,WAAW,EAClB3B,MAAM,CAAC4B,OAAO,EACd5B,MAAM,CAAC6B,QAAQ,EACf7B,MAAM,CAACuB,KAAK,EACZvB,MAAM,CAACwB,SAAS,EAChBxB,MAAM,CAACyB,QAAQ,EACfzB,MAAM,CAAC0B,QAAQ,EACf1B,MAAM,CAAC2B,WAAW,EAClB3B,MAAM,CAAC4B,OAAO,EACd5B,MAAM,CAAC6B,QAAQ,CAChB","ignoreList":[]}

package/dist/typescript/commonjs/features/pmProgress/components/insights/PmInsights.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const PmInsights: () => React.JSX.Element | null;
+export declare const PmInsights: () => React.JSX.Element;
 //# sourceMappingURL=PmInsights.d.ts.map

package/dist/typescript/commonjs/features/pmProgress/components/insights/PmInsights.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PmInsights.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/insights/PmInsights.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAUhD,eAAO,MAAM,UAAU,gCAkCtB,CAAA"}
+{"version":3,"file":"PmInsights.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/insights/PmInsights.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAUhD,eAAO,MAAM,UAAU,yBAgCtB,CAAA"}

package/dist/typescript/commonjs/features/pmProgress/shared/pmProgress.constants.d.ts

@@ -25,5 +25,12 @@ export declare enum SessionStorageKeys {
  * Supports up to 21 unique colors before repeating.
  */
 export declare const DOMAIN_COLORS: ("#ff5279" | "#5cd497" | "#fd7e14" | "#7dddac" | "#fd9843" | "#976fe6" | "#ac8ceb" | "#ff7594" | "#cb60af" | "#768de3" | "#58BFBB" | "#29a96f" | "#d9295b" | "#d25b00" | "#7853c6" | "#d681c0" | "#BA459B" | "#92a4e9" | "#4e6ed1" | "#7ACDD1" | "#279799")[];
+export declare const EMPTY_PIE_CHART_DATA: {
+    value: number;
+    fillPercent: number;
+    fillColor: "#e6e6e9";
+    borderColor: "#e6e6e9";
+    backgroundColor: "#f2f2f4";
+}[];
 export declare const DOMAIN_BORDER_COLORS: ("#29a96f" | "#d9295b" | "#d25b00" | "#7853c6" | "#BA459B" | "#4e6ed1" | "#279799")[];
 //# sourceMappingURL=pmProgress.constants.d.ts.map

package/dist/typescript/commonjs/features/pmProgress/shared/pmProgress.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pmProgress.constants.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/shared/pmProgress.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,kBAAkB,MAAM,CAAA;AAErC,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,SAAS,aAAa;CACvB;AAED,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,oBAAY,kBAAkB;IAC5B,aAAa,qBAAqB;IAClC,KAAK,aAAa;IAClB,OAAO,eAAe;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,+PAsBzB,CAAA;AAED,eAAO,MAAM,oBAAoB,uFAsBhC,CAAA"}
+{"version":3,"file":"pmProgress.constants.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/shared/pmProgress.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,kBAAkB,MAAM,CAAA;AAErC,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,SAAS,aAAa;CACvB;AAED,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,oBAAY,kBAAkB;IAC5B,aAAa,qBAAqB;IAClC,KAAK,aAAa;IAClB,OAAO,eAAe;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,+PAsBzB,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;;GAM9B,CAAA;AAEH,eAAO,MAAM,oBAAoB,uFAsBhC,CAAA"}

package/dist/typescript/module/features/pmProgress/components/insights/PmInsights.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const PmInsights: () => React.JSX.Element | null;
+export declare const PmInsights: () => React.JSX.Element;
 //# sourceMappingURL=PmInsights.d.ts.map

package/dist/typescript/module/features/pmProgress/components/insights/PmInsights.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PmInsights.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/insights/PmInsights.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAUhD,eAAO,MAAM,UAAU,gCAkCtB,CAAA"}
+{"version":3,"file":"PmInsights.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/insights/PmInsights.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAUhD,eAAO,MAAM,UAAU,yBAgCtB,CAAA"}

package/dist/typescript/module/features/pmProgress/shared/pmProgress.constants.d.ts

@@ -25,5 +25,12 @@ export declare enum SessionStorageKeys {
  * Supports up to 21 unique colors before repeating.
  */
 export declare const DOMAIN_COLORS: ("#ff5279" | "#5cd497" | "#fd7e14" | "#7dddac" | "#fd9843" | "#976fe6" | "#ac8ceb" | "#ff7594" | "#cb60af" | "#768de3" | "#58BFBB" | "#29a96f" | "#d9295b" | "#d25b00" | "#7853c6" | "#d681c0" | "#BA459B" | "#92a4e9" | "#4e6ed1" | "#7ACDD1" | "#279799")[];
+export declare const EMPTY_PIE_CHART_DATA: {
+    value: number;
+    fillPercent: number;
+    fillColor: "#e6e6e9";
+    borderColor: "#e6e6e9";
+    backgroundColor: "#f2f2f4";
+}[];
 export declare const DOMAIN_BORDER_COLORS: ("#29a96f" | "#d9295b" | "#d25b00" | "#7853c6" | "#BA459B" | "#4e6ed1" | "#279799")[];
 //# sourceMappingURL=pmProgress.constants.d.ts.map

package/dist/typescript/module/features/pmProgress/shared/pmProgress.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pmProgress.constants.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/shared/pmProgress.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,kBAAkB,MAAM,CAAA;AAErC,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,SAAS,aAAa;CACvB;AAED,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,oBAAY,kBAAkB;IAC5B,aAAa,qBAAqB;IAClC,KAAK,aAAa;IAClB,OAAO,eAAe;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,+PAsBzB,CAAA;AAED,eAAO,MAAM,oBAAoB,uFAsBhC,CAAA"}
+{"version":3,"file":"pmProgress.constants.d.ts","sourceRoot":"","sources":["../../../../../../src/features/pmProgress/shared/pmProgress.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,kBAAkB,MAAM,CAAA;AAErC,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,SAAS,aAAa;CACvB;AAED,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,oBAAY,kBAAkB;IAC5B,aAAa,qBAAqB;IAClC,KAAK,aAAa;IAClB,OAAO,eAAe;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,+PAsBzB,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;;GAM9B,CAAA;AAEH,eAAO,MAAM,oBAAoB,uFAsBhC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.2.1-rc.19",
+  "version": "1.2.1-rc.20",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/pmProgress/components/insights/PmInsights.tsx

@@ -6,11 +6,11 @@ import { PracticeProgressPieChart } from '../chart/components/PracticeProgressPi
 import { PmTimeframeStats } from './PmTimeframeStats'
 import { usePmProgress } from '../../context/PmProgressContext'
 import { createChartConfig } from '../../shared/pmProgress.helpers'
-import { MAX_PIE_CHART_SIZE, STATS_MAX_HEIGHT } from '../../shared/pmProgress.constants'
+import { EMPTY_PIE_CHART_DATA, MAX_PIE_CHART_SIZE, STATS_MAX_HEIGHT } from '../../shared/pmProgress.constants'
 
 export const PmInsights = () => {
   const { model } = usePmProgress()
-  const [chartSize, setChartSize] = useState(0)
+  const [chartSize, setChartSize] = useState(MAX_PIE_CHART_SIZE)
   const chartData = useStoreMap(model.tree.$domains, (domains) =>
     domains.map((domain) => ({
       value: 1,
@@ -32,12 +32,10 @@ export const PmInsights = () => {
     setChartSize(size)
   }
 
-  if (!chartData.length) return null
-
   return (
     <View style={styles.container} onLayout={measureLayout}>
       <View style={[styles.chart, { width: chartSize, height: chartSize }]}>
-        <PracticeProgressPieChart data={chartData} config={chartConfig} />
+        <PracticeProgressPieChart data={chartData.length > 0 ? chartData : EMPTY_PIE_CHART_DATA} config={chartConfig} />
       </View>
       <PmTimeframeStats />
     </View>

package/src/features/pmProgress/shared/pmProgress.constants.ts

@@ -55,6 +55,14 @@ export const DOMAIN_COLORS = [
   COLORS.ORANGE_6,
 ]
 
+export const EMPTY_PIE_CHART_DATA = Array.from({ length: 5 }, () => ({
+  value: 1,
+  fillPercent: 0,
+  fillColor: COLORS.NEUTRAL_4,
+  borderColor: COLORS.NEUTRAL_4,
+  backgroundColor: COLORS.NEUTRAL_3,
+}))
+
 export const DOMAIN_BORDER_COLORS = [
   COLORS.RED_6,
   COLORS.MAGENTA_6,