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

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

@@ -0,0 +1,145 @@
+"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/chatbot/helpers.js

@@ -106,9 +106,6 @@ function prepareChatRequestPayload(payload, threadItem) {
       ...(imageAltText && {
         altText: imageAltText
       }),
-      ...(chatHistory && {
-        chatHistory
-      }),
       ...(!!problemStandards?.length && {
         problemStandards
       }),

package/dist/commonjs/features/chatbot/helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeUi","require","_constants","_i18n","_modelTypes","decodeHTMLEntities","input","replace","exports","replaceKatexSyntax","texts","reverse","replacements","Object","entries","KATEX_REPLACEMENTS_REVERSE","KATEX_REPLACEMENTS","map","text","reduce","newText","pattern","placeholder","RegExp","transformAlternatives","payload","isOpenChatEnabled","IS_WEB","options","default","t","promptKey","translatedText","hints","prepareChatRequestPayload","threadItem","conversationId","freeTextMessage","problemDescription","problemStandards","problemAnswer","language","imageCdnId","imageAltText","answerOptions","answer","chatHistory","assignmentGrade","type","ChatRequestType","FREETEXT","data","message","length","correctAnswer","altText","HINT","getNextHintProps","userAnswer","undefined"],"sourceRoot":"../../../../src","sources":["features/chatbot/helpers.ts"],"mappings":";;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AALA;;AAOO,MAAMI,kBAAkB,GAAIC,KAAa,IAAK;EACnD,OAAOA,KAAK,CAACC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;AACrC,CAAC;AAAAC,OAAA,CAAAH,kBAAA,GAAAA,kBAAA;AAEM,MAAMI,kBAAkB,GAAGA,CAACC,KAAe,EAAEC,OAAO,GAAG,KAAK,KAAK;EACtE,MAAMC,YAAY,GAAGD,OAAO,GACxBE,MAAM,CAACC,OAAO,CAACC,qCAA0B,CAAC,GAC1CF,MAAM,CAACC,OAAO,CAACE,6BAAkB,CAAC;EAEtC,OAAON,KAAK,CAACO,GAAG,CAAEC,IAAI,IACpBN,YAAY,CAACO,MAAM,CACjB,CAACC,OAAO,EAAE,CAACC,OAAO,EAAEC,WAAW,CAAC,KAAKF,OAAO,CAACb,OAAO,CAAC,IAAIgB,MAAM,CAACF,OAAO,EAAE,GAAG,CAAC,EAAEC,WAAW,CAAC,EAC3FJ,IACF,CACF,CAAC;AACH,CAAC;AAAAV,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAEM,MAAMe,qBAAqB,GAAIC,OAAuC,IAAK;EAChF,IAAI,CAACA,OAAO,EAAE,OAAOA,OAAO;EAE5B,MAAMC,iBAAiB,GAAG,CAAC,CAACD,OAAO,CAACC,iBAAiB,IAAIC,qBAAM;EAE/D,OAAO;IACL,GAAGF,OAAO;IACVC,iBAAiB;IACjBE,OAAO,EAAE;MACPC,OAAO,EAAE,CACP;QACEX,IAAI,EAAE,IAAAY,aAAC,EAAC,eAAe,CAAC;QACxBC,SAAS,EAAEN,OAAO,CAACG,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC,CAACE,SAAS;QAC/CC,cAAc,EAAEP,OAAO,CAACG,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC,CAACG;MAC7C,CAAC,CACF;MACDC,KAAK,EAAE,CACL;QACEf,IAAI,EAAEQ,iBAAiB,GAAG,IAAAI,aAAC,EAAC,eAAe,CAAC,GAAG,IAAAA,aAAC,EAAC,kBAAkB,CAAC;QACpEC,SAAS,EAAEN,OAAO,CAACG,OAAO,CAACK,KAAK,CAAC,CAAC,CAAC,CAACF,SAAS;QAC7CC,cAAc,EAAEP,OAAO,CAACG,OAAO,CAACK,KAAK,CAAC,CAAC,CAAC,CAACD;MAC3C,CAAC;IAEL;EACF,CAAC;AACH,CAAC;AAAAxB,OAAA,CAAAgB,qBAAA,GAAAA,qBAAA;AAEM,SAASU,yBAAyBA,CACvCT,OAA2B,EAC3BU,UAAsB,EACF;EACpB,MAAM;IACJC,cAAc;IACdC,eAAe;IACfC,kBAAkB;IAClBC,gBAAgB;IAChBC,aAAa;IACbC,QAAQ;IACRC,UAAU;IACVC,YAAY;IACZC,aAAa;IACbC,MAAM;IACNC,WAAW;IACXC;EACF,CAAC,GAAGtB,OAAO;EAEX,IAAIY,eAAe,EAAE;IACnB,OAAOD,cAAc,GACjB;MACEY,IAAI,EAAEC,2BAAe,CAACC,QAAQ;MAC9BC,IAAI,EAAE;QACJf,cAAc;QACdgB,OAAO,EAAEf,eAAe;QACxB,IAAI,CAAC,CAACE,gBAAgB,EAAEc,MAAM,IAAI;UAAEd;QAAiB,CAAC;MACxD;IACF,CAAC,GACD;MACES,IAAI,EAAEC,2BAAe,CAACC,QAAQ;MAC9BC,IAAI,EAAE;QACJC,OAAO,EAAEf,eAAe;QACxBiB,aAAa,EAAEd,aAAa;QAC5BF,kBAAkB;QAClBG,QAAQ;QACR,IAAIC,UAAU,IAAI;UAAEA;QAAW,CAAC,CAAC;QACjC,IAAIC,YAAY,IAAI;UAAEY,OAAO,EAAEZ;QAAa,CAAC,CAAC;QAC9C,IAAIG,WAAW,IAAI;UAAEA;QAAY,CAAC,CAAC;QACnC,IAAI,CAAC,CAACP,gBAAgB,EAAEc,MAAM,IAAI;UAAEd;QAAiB,CAAC,CAAC;QACvD,IAAI,CAAC,CAACK,aAAa,EAAES,MAAM,IAAI;UAAET;QAAc,CAAC;MAClD;IACF,CAAC;EACP;EAEA,OAAO;IACLI,IAAI,EAAEC,2BAAe,CAACO,IAAI;IAC1BL,IAAI,EAAE;MACJ,GAAGhB,UAAU,CAACsB,gBAAgB,CAAC,CAAC;MAChCH,aAAa,EAAEd,aAAa;MAC5BF,kBAAkB;MAClBoB,UAAU,EAAEb,MAAM;MAClBJ,QAAQ;MACR,IAAIC,UAAU,IAAI;QAAEA;MAAW,CAAC,CAAC;MACjC,IAAIC,YAAY,IAAI;QAAEY,OAAO,EAAEZ;MAAa,CAAC,CAAC;MAC9C,IAAIG,WAAW,IAAI;QAAEA;MAAY,CAAC,CAAC;MACnC,IAAI,CAAC,CAACP,gBAAgB,EAAEc,MAAM,IAAI;QAAEd;MAAiB,CAAC,CAAC;MACvD,IAAI,CAAC,CAACK,aAAa,EAAES,MAAM,IAAI;QAAET;MAAc,CAAC,CAAC;MACjD,IAAIG,eAAe,KAAKY,SAAS,IAAI;QAAEZ;MAAgB,CAAC;IAC1D;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_reactNativeUi","require","_constants","_i18n","_modelTypes","decodeHTMLEntities","input","replace","exports","replaceKatexSyntax","texts","reverse","replacements","Object","entries","KATEX_REPLACEMENTS_REVERSE","KATEX_REPLACEMENTS","map","text","reduce","newText","pattern","placeholder","RegExp","transformAlternatives","payload","isOpenChatEnabled","IS_WEB","options","default","t","promptKey","translatedText","hints","prepareChatRequestPayload","threadItem","conversationId","freeTextMessage","problemDescription","problemStandards","problemAnswer","language","imageCdnId","imageAltText","answerOptions","answer","chatHistory","assignmentGrade","type","ChatRequestType","FREETEXT","data","message","length","correctAnswer","altText","HINT","getNextHintProps","userAnswer","undefined"],"sourceRoot":"../../../../src","sources":["features/chatbot/helpers.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"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

@@ -0,0 +1,70 @@
+"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

@@ -0,0 +1,255 @@
+"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