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

package/dist/commonjs/features/chatbot/components/ChatInput/FreeText/ChatTextInput.js

@@ -1,145 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChatTextInput = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _reactNative = require("react-native");
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _studentsFeatures = require("@magmamath/students-features");
-var _useKeyboard = require("../../../../../shared/hooks/useKeyboard.js");
-var _constants = require("../../../../../lib/constants.js");
-var _SendMessageButton = require("./SendMessageButton.js");
-var _studentsQa = require("@magmamath/students-qa");
-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 MAX_AVAILABLE_MESSAGE_LENGTH = 500;
-const COMPACT_WIDTH = 134;
-const FULL_WIDTH = _reactNativeUi.IS_WEB ? 303 : 301;
-const ANIMATION_DURATION = 200;
-const ChatTextInput = ({
-  value,
-  submitDisabled,
-  onSubmit,
-  onChangeText,
-  onBlur,
-  onFocus,
-  colorScheme = _studentsFeatures.ColorScheme.Blue,
-  placeholder
-}) => {
-  const inputRef = (0, _react.useRef)(null);
-  const [isFocused, setIsFocused] = (0, _react.useState)(false);
-  const widthSv = (0, _reactNativeReanimated.useSharedValue)(value ? FULL_WIDTH : COMPACT_WIDTH);
-  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    width: widthSv.value
-  }), [widthSv]);
-  const handleInputChange = text => {
-    if (text.length > MAX_AVAILABLE_MESSAGE_LENGTH) return;
-    onChangeText?.(text);
-    const hasText = text.trim().length > 0;
-    const isExpanded = widthSv.value > COMPACT_WIDTH;
-    const shouldCollapseInput = !hasText && isExpanded;
-    const shouldExpandInput = hasText && !isExpanded;
-    if (shouldExpandInput) {
-      widthSv.value = (0, _reactNativeReanimated.withTiming)(FULL_WIDTH, {
-        duration: ANIMATION_DURATION
-      });
-      return;
-    }
-    if (shouldCollapseInput) {
-      widthSv.value = (0, _reactNativeReanimated.withTiming)(COMPACT_WIDTH, {
-        duration: ANIMATION_DURATION
-      });
-    }
-  };
-  const handleSendMessage = () => {
-    if (submitDisabled || value.trim().length < 1 || value.length > MAX_AVAILABLE_MESSAGE_LENGTH) return;
-    onSubmit?.();
-    handleInputChange('');
-    inputRef.current?.focus();
-  };
-  const handleOnFocus = e => {
-    setIsFocused(true);
-    onFocus?.(e);
-  };
-  const handleOnBlur = e => {
-    setIsFocused(false);
-    onBlur?.(e);
-  };
-  (0, _useKeyboard.useKeyBoard)({
-    enabled: isFocused,
-    callback: event => {
-      if (event.key === _constants.KeyboardKeys.ENTER) {
-        void handleSendMessage();
-      }
-    }
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
-    style: [styles.inputWrapper, animatedStyle],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-      ref: inputRef,
-      value: value,
-      onChangeText: handleInputChange,
-      onBlur: handleOnBlur,
-      onFocus: handleOnFocus,
-      placeholder: placeholder,
-      placeholderTextColor: _reactNativeUi.COLORS.NEUTRAL_5,
-      style: styles.input,
-      testID: _studentsQa.TEST_IDS.OPEN_CHAT_TEXT_INPUT
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SendMessageButton.SendMessageButton, {
-      onPress: handleSendMessage,
-      disabled: !!submitDisabled,
-      colorScheme: colorScheme
-    })]
-  });
-};
-exports.ChatTextInput = ChatTextInput;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    position: 'relative',
-    width: '100%',
-    alignItems: 'flex-end',
-    justifyContent: 'center'
-  },
-  inputWrapper: {
-    height: 52,
-    position: 'absolute',
-    zIndex: 1,
-    left: 0,
-    flexDirection: 'row',
-    borderWidth: 1,
-    borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
-    borderRadius: 200,
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
-    paddingHorizontal: _reactNativeUi.SPACING[100],
-    paddingVertical: _reactNativeUi.SPACING[100],
-    elevation: 3,
-    shadowColor: '#333',
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.25,
-    shadowRadius: 3
-  },
-  input: {
-    flex: 1,
-    fontSize: 16,
-    minWidth: 60,
-    minHeight: 22,
-    fontWeight: '400',
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
-    paddingHorizontal: _reactNativeUi.SPACING[200],
-    paddingVertical: _reactNativeUi.SPACING[200],
-    ...(_reactNative.Platform.OS === 'web' && {
-      outlineStyle: 'none'
-    })
-  },
-  arrowWrapper: {
-    marginLeft: _reactNativeUi.SPACING[200]
-  }
-});
-//# sourceMappingURL=ChatTextInput.js.map

package/dist/commonjs/features/endOfAssignment/components/AssessmentScoreCard/AssessmentScoreCard.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AssessmentScoreCard = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const AssessmentScoreCard = ({
-  textContent,
-  solvedAmount = 0,
-  problemsAmount = 0
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.container,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      style: styles.text,
-      children: [solvedAmount, " / ", problemsAmount, " ", textContent.stats?.score ?? 'pt']
-    })
-  });
-};
-exports.AssessmentScoreCard = AssessmentScoreCard;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    minHeight: 130,
-    minWidth: 410,
-    padding: _reactNativeUi.SPACING['400'],
-    borderRadius: _reactNativeUi.BORDER_RADIUS['400'],
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
-    ..._reactNativeUi.SHADOWS['1']
-  },
-  text: {
-    fontSize: 96,
-    fontWeight: '700',
-    color: _reactNativeUi.COLORS.NEUTRAL_9,
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  }
-});
-//# sourceMappingURL=AssessmentScoreCard.js.map

package/dist/commonjs/features/endOfAssignment/components/CheatDetected/CheatDetected.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CheatDetected = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _useKeyboard = require("../../../../shared/hooks/useKeyboard.js");
-var _constants = require("../../../../lib/constants.js");
-var _studentsQa = require("@magmamath/students-qa");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CheatDetected = ({
-  textContent,
-  model
-}) => {
-  (0, _useKeyboard.useKeyBoard)({
-    callback: event => {
-      if (event.key === _constants.KeyboardKeys.ENTER) {
-        model.hidePopUpAndLeave();
-      }
-    }
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    testID: _studentsQa.TEST_IDS.EOA_CHEAT_DETECTED,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-      variant: "h2",
-      style: styles.title,
-      children: textContent.title
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-      variant: "h1",
-      style: styles.description,
-      children: textContent.description
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
-      variant: _reactNativeUi.ButtonVariant.PRIMARY,
-      colorScheme: _reactNativeUi.ButtonColor.RED,
-      size: _reactNativeUi.ButtonSize.LARGE,
-      style: {
-        text: styles.buttonText
-      },
-      onPress: model.hidePopUpAndLeave,
-      testID: _studentsQa.TEST_IDS.EOA_LEAVE_BUTTON,
-      children: textContent.leftButtonText
-    })]
-  });
-};
-exports.CheatDetected = CheatDetected;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    gap: _reactNativeUi.SPACING[800],
-    alignItems: 'center',
-    justifyContent: 'space-between'
-  },
-  title: {
-    color: _reactNativeUi.COLORS.NEUTRAL_9
-  },
-  description: {
-    color: _reactNativeUi.COLORS.NEUTRAL_9,
-    textAlign: 'center',
-    fontWeight: '700'
-  },
-  buttonText: {
-    textTransform: 'uppercase'
-  }
-});
-//# sourceMappingURL=CheatDetected.js.map

package/dist/commonjs/features/endOfAssignment/components/CorrectAnswer/AnimatedCard.js

@@ -1,255 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AnimatedCard = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _GoodDrawingSparks = require("./GoodDrawingSparks.js");
-var _CorrectAnswerSparks = require("./CorrectAnswerSparks.js");
-var _EOABadge = require("../../ui/EOABadge.js");
-var _SparkIcon = require("../../ui/SparkIcon.js");
-var _types = require("../../types.js");
-var _constants = require("../../constants.js");
-var _types2 = require("../../../celebrations/types.js");
-var _Celebrations = require("../../../celebrations/components/Celebrations.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 AnimatedCard = exports.AnimatedCard = /*#__PURE__*/(0, _react.memo)(({
-  variant,
-  textContent,
-  shouldTriggerSparkles,
-  solvedAmount = 0,
-  problemsAmount = 0,
-  gbdAmount = 0,
-  delay = 0,
-  onAnimationEnd
-}) => {
-  const celebrationsRef = (0, _react.useRef)(null);
-  const cardOpacity = (0, _reactNativeReanimated.useSharedValue)(_constants.OPACITY.initial);
-  const cardWidth = (0, _reactNativeReanimated.useSharedValue)(_constants.CARD_DIMENSIONS.initialWidth);
-  const badgeTranslateX = (0, _reactNativeReanimated.useSharedValue)(_constants.BADGE_PARAMS.initialTranslateX);
-  const badgeRotation = (0, _reactNativeReanimated.useSharedValue)(_constants.BADGE_PARAMS.initialRotation);
-  const badgeScale = (0, _reactNativeReanimated.useSharedValue)(_constants.BADGE_PARAMS.initialScale);
-  const statsOpacity = (0, _reactNativeReanimated.useSharedValue)(_constants.OPACITY.initial);
-  const delaySv = (0, _reactNativeReanimated.useSharedValue)(0);
-  const starOffsetLeft = gbdAmount > 9 ? 70 : 55;
-  const animatedCardStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const progress = (0, _reactNativeReanimated.interpolate)(statsOpacity.value, [_constants.OPACITY.initial, _constants.OPACITY.final], [_constants.OPACITY.initial, _constants.OPACITY.final]);
-    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress, [_constants.OPACITY.initial, _constants.OPACITY.final], [_constants.VARIANT_COLORS[variant].initial, _constants.VARIANT_COLORS[variant].final]);
-    const height = (0, _reactNativeReanimated.interpolate)(cardWidth.value, [_constants.CARD_DIMENSIONS.initialWidth, _constants.CARD_DIMENSIONS.finalWidth], [_constants.CARD_DIMENSIONS.initialHeight, _constants.CARD_DIMENSIONS.finalHeight]);
-    return {
-      opacity: cardOpacity.value,
-      width: cardWidth.value,
-      height,
-      backgroundColor
-    };
-  }, [statsOpacity, cardOpacity, cardWidth]);
-  const animatedBadgeStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    transform: [{
-      translateX: badgeTranslateX.value
-    }, {
-      rotate: `${badgeRotation.value}deg`
-    }, {
-      scale: badgeScale.value
-    }]
-  }), [badgeTranslateX, badgeRotation, badgeScale]);
-  const animatedStatsStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    return {
-      opacity: statsOpacity.value
-    };
-  }, [statsOpacity]);
-  const statsSubtitle = (() => {
-    if (variant === _types.AnimatedCardVariant.CORRECT_ANSWER) {
-      if (solvedAmount > 1) {
-        return textContent.stats?.correctAnswersPlural;
-      }
-      return textContent.stats?.correctAnswers;
-    } else {
-      if (gbdAmount > 1) {
-        return textContent.stats?.goodCalculationsPlural;
-      }
-      return textContent.stats?.goodCalculations;
-    }
-  })();
-  const runCelebration = () => {
-    if (variant === _types.AnimatedCardVariant.CORRECT_ANSWER) {
-      celebrationsRef.current?.play(_types2.CelebrationVariant.CORRECT_FINISH_ASSIGNMENT);
-    } else {
-      celebrationsRef.current?.play(_types2.CelebrationVariant.GBD_FINISH_ASSIGNMENT);
-    }
-    onAnimationEnd?.();
-  };
-  (0, _react.useEffect)(() => {
-    (0, _reactNativeReanimated.runOnUI)(() => {
-      'worklet';
-
-      const step3 = () => {
-        badgeTranslateX.value = (0, _reactNativeReanimated.withSpring)(_constants.BADGE_PARAMS.finalTranslateX, _constants.SPRING_CONFIG_STEP_3);
-        statsOpacity.value = (0, _reactNativeReanimated.withDelay)(80, (0, _reactNativeReanimated.withSpring)(_constants.OPACITY.final, _constants.SPRING_CONFIG_STEP_3));
-      };
-      const step2 = () => {
-        badgeTranslateX.value = (0, _reactNativeReanimated.withSpring)(_constants.BADGE_PARAMS.intermediateTranslateX, _constants.SPRING_CONFIG);
-        cardWidth.value = (0, _reactNativeReanimated.withSpring)(_constants.CARD_DIMENSIONS.finalWidth, _constants.SPRING_CONFIG);
-        badgeRotation.value = (0, _reactNativeReanimated.withSpring)(0, _constants.SPRING_CONFIG);
-        badgeScale.value = (0, _reactNativeReanimated.withSpring)(1, _constants.SPRING_CONFIG, () => {
-          delaySv.value = (0, _reactNativeReanimated.withTiming)(1, {
-            duration: _constants.ANIMATION_DELAYS.step3
-          }, () => {
-            step3();
-            delaySv.value = (0, _reactNativeReanimated.withTiming)(0, {
-              duration: 100
-            }, finished => {
-              if (finished) {
-                (0, _reactNativeReanimated.runOnJS)(runCelebration)();
-              }
-            });
-          });
-        });
-      };
-      const step1 = () => {
-        cardOpacity.value = (0, _reactNativeReanimated.withDelay)(delay, (0, _reactNativeReanimated.withSpring)(_constants.OPACITY.final, _constants.SPRING_CONFIG, () => {
-          step2();
-        }));
-      };
-      step1();
-    })();
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
-    style: styles.cardContainer,
-    children: [variant === _types.AnimatedCardVariant.CORRECT_ANSWER ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CorrectAnswerSparks.CorrectAnswerSparks, {
-      color: _reactNativeUi.COLORS.GREEN_3,
-      shouldStartAnimation: shouldTriggerSparkles
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_GoodDrawingSparks.GoodDrawingSparks, {
-      color: _reactNativeUi.COLORS.ORANGE_3,
-      shouldStartAnimation: shouldTriggerSparkles
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Celebrations.Celebrations, {
-      modelRef: celebrationsRef,
-      style: styles.celebrations
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: [styles.card, animatedCardStyle],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
-        style: styles.cardContent,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-          style: [styles.badgeContainer, animatedBadgeStyle],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EOABadge.EOABadge, {
-            variant: variant,
-            color: _constants.VARIANT_COLORS[variant].primary,
-            size: 88,
-            iconSize: 56
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
-          style: [styles.statsWrapper, animatedStatsStyle],
-          children: [variant === _types.AnimatedCardVariant.GOOD_DRAWING && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: [styles.starContainer, {
-              left: starOffsetLeft
-            }],
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SparkIcon.SparkIcon, {
-              size: 20,
-              color: _constants.VARIANT_COLORS[variant].initial
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: styles.starCircle
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SparkIcon.SparkIcon, {
-              size: 12,
-              color: _constants.VARIANT_COLORS[variant].initial
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.statsValueContainer,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-              variant: "h1",
-              style: [styles.largeText, {
-                color: _constants.VARIANT_COLORS[variant].primary
-              }],
-              children: variant === _types.AnimatedCardVariant.CORRECT_ANSWER ? solvedAmount : gbdAmount
-            }), variant === _types.AnimatedCardVariant.CORRECT_ANSWER && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
-              variant: "h5",
-              style: styles.smallText,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.slash,
-                children: '/'
-              }), problemsAmount]
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-            variant: "h3",
-            style: styles.cardTitle,
-            children: statsSubtitle
-          })]
-        })]
-      })
-    })]
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  cardContainer: {
-    height: _constants.CARD_DIMENSIONS.finalHeight,
-    width: _constants.CARD_DIMENSIONS.finalWidth,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  card: {
-    padding: _reactNativeUi.SPACING[200],
-    borderRadius: _reactNativeUi.SPACING[400]
-  },
-  cardContent: {
-    flex: 1,
-    gap: _reactNativeUi.SPACING[100],
-    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
-    flexDirection: 'row',
-    alignItems: 'center',
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
-  },
-  badgeContainer: {
-    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
-    marginRight: 50
-  },
-  statsWrapper: {
-    padding: _reactNativeUi.SPACING[100],
-    gap: _reactNativeUi.SPACING[100]
-  },
-  statsValueContainer: {
-    flexDirection: 'row',
-    height: _reactNativeUi.IS_MOBILE ? 42 : 'auto',
-    paddingHorizontal: _reactNativeUi.SPACING[100],
-    marginVertical: _reactNativeUi.SPACING[100]
-  },
-  largeText: {
-    textAlign: 'center',
-    textAlignVertical: 'bottom',
-    fontSize: _reactNativeUi.IS_MOBILE ? 56 : 60,
-    fontWeight: '700',
-    lineHeight: _reactNativeUi.IS_MOBILE ? 54 : 46
-  },
-  slash: {
-    paddingRight: 1
-  },
-  smallText: {
-    fontSize: 16,
-    fontWeight: '700',
-    lineHeight: 16,
-    color: _reactNativeUi.COLORS.NEUTRAL_6,
-    alignSelf: 'flex-end'
-  },
-  cardTitle: {
-    color: _reactNativeUi.COLORS.NEUTRAL_7,
-    padding: _reactNativeUi.SPACING[100]
-  },
-  starContainer: {
-    position: 'absolute',
-    top: 10
-  },
-  starCircle: {
-    width: 4,
-    height: 4,
-    borderRadius: 5,
-    backgroundColor: _reactNativeUi.COLORS.ORANGE_2
-  },
-  celebrations: {
-    top: 0,
-    zIndex: 100000
-  }
-});
-//# sourceMappingURL=AnimatedCard.js.map

package/dist/commonjs/features/endOfAssignment/components/CorrectAnswer/CorrectAnswer.js

@@ -1,144 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CorrectAnswer = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _effectorReact = require("effector-react");
-var _reactNativeUi = require("@magmamath/react-native-ui");
-var _AnimatedCard = require("./AnimatedCard.js");
-var _PracticeButtonGroup = require("../../ui/PracticeButtonGroup.js");
-var _constants = require("../../constants.js");
-var _types = require("../../types.js");
-var _useKeyboard = require("../../../../shared/hooks/useKeyboard.js");
-var _constants2 = require("../../../../lib/constants.js");
-var _helpers = require("../../helpers.js");
-var _AssessmentScoreCard = require("../AssessmentScoreCard/AssessmentScoreCard.js");
-var _studentsQa = require("@magmamath/students-qa");
-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 CorrectAnswer = ({
-  textContent,
-  model,
-  onPracticePress
-}) => {
-  const popUpData = (0, _effectorReact.useUnit)(model.$popUpData);
-  const modalVariant = (0, _effectorReact.useUnit)(model.$modalVariant);
-  const [cardsAnimationCompleted, setCardsAnimationCompleted] = (0, _react.useState)(false);
-  const {
-    user,
-    stats,
-    hasRecommendations,
-    isExam = false,
-    isAssessment = false,
-    newerAssignmentAvailable
-  } = popUpData ?? {};
-  const isPracticeButtonVisible = !!(user?.practiceMode && user.practiceButtonVisible && !newerAssignmentAvailable && (isExam || hasRecommendations));
-  const handlePracticeButtonPress = () => {
-    onPracticePress?.();
-    model.hidePopUp();
-  };
-  const onCorrectAnswerAnimationEnd = (0, _react.useCallback)(() => {
-    if (stats?.goodDrawingAmount === 0) {
-      setCardsAnimationCompleted(true);
-    }
-  }, []);
-  const onGBDAnimationEnd = (0, _react.useCallback)(() => {
-    setCardsAnimationCompleted(true);
-  }, []);
-  (0, _useKeyboard.useKeyBoard)({
-    callback: event => {
-      if (event.key === _constants2.KeyboardKeys.ENTER) {
-        isPracticeButtonVisible ? handlePracticeButtonPress() : model.hidePopUpAndLeave();
-      }
-    }
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    testID: _studentsQa.TEST_IDS.EOA_WITH_CORRECT_ANSWER,
-    style: [styles.wrapper, modalVariant !== _types.EOAModalVariant.HAS_GOOD_DRAWING && {
-      alignItems: 'center'
-    }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.header,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-        variant: "large",
-        style: styles.title,
-        children: textContent?.title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
-        variant: "h4",
-        style: styles.subtitle,
-        children: `${textContent?.subtitle} ${user?.firstName}!`
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.animationContainer,
-      children: [isAssessment ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssessmentScoreCard.AssessmentScoreCard, {
-        textContent: textContent,
-        solvedAmount: stats?.solvedAmount,
-        problemsAmount: stats?.problemsAmount
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedCard.AnimatedCard, {
-        variant: _types.AnimatedCardVariant.CORRECT_ANSWER,
-        textContent: textContent,
-        solvedAmount: stats?.solvedAmount,
-        problemsAmount: stats?.problemsAmount,
-        shouldTriggerSparkles: cardsAnimationCompleted,
-        onAnimationEnd: onCorrectAnswerAnimationEnd
-      }), modalVariant === _types.EOAModalVariant.HAS_GOOD_DRAWING && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimatedCard.AnimatedCard, {
-        variant: _types.AnimatedCardVariant.GOOD_DRAWING,
-        textContent: textContent,
-        gbdAmount: stats?.goodDrawingAmount,
-        shouldTriggerSparkles: cardsAnimationCompleted,
-        onAnimationEnd: onGBDAnimationEnd,
-        delay: _constants.GOOD_DRAWING_CARD_APPEARENCE_DELAY
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PracticeButtonGroup.PracticeButtonGroup, {
-      textContent: textContent,
-      isPracticeButtonVisible: isPracticeButtonVisible,
-      onLeftButtonPress: model.hidePopUpAndLeave,
-      onRightButtonPress: handlePracticeButtonPress,
-      buttonColor: (0, _helpers.getEoaButtonColor)(popUpData)
-    })]
-  });
-};
-exports.CorrectAnswer = CorrectAnswer;
-const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    flex: 1,
-    gap: _reactNativeUi.SPACING[400]
-  },
-  header: {
-    gap: _reactNativeUi.SPACING[100],
-    alignItems: 'center'
-  },
-  title: {
-    fontWeight: '900',
-    lineHeight: 54,
-    fontSize: 36,
-    paddingVertical: _reactNativeUi.SPACING[100],
-    color: _reactNativeUi.COLORS.NEUTRAL_9,
-    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
-  },
-  subtitle: {
-    color: _reactNativeUi.COLORS.NEUTRAL_7,
-    paddingVertical: _reactNativeUi.SPACING[100],
-    lineHeight: 25
-  },
-  animationContainer: {
-    flex: 1,
-    flexDirection: 'row',
-    justifyContent: 'center',
-    gap: _reactNativeUi.SPACING[800],
-    paddingTop: _reactNativeUi.SPACING[800],
-    paddingBottom: _reactNativeUi.SPACING[1600]
-  },
-  buttonsContainer: {
-    height: 62,
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: _reactNativeUi.SPACING[200],
-    paddingVertical: _reactNativeUi.SPACING[300]
-  }
-});
-//# sourceMappingURL=CorrectAnswer.js.map