@magmamath/students-features 0.3.3 → 0.4.0

package/dist/module/features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Spark } from "./Spark.js";
+import { SPARKS_ANIMATION_DELAY } from "../../constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const GD_SPARKS_MAP = [{
+  id: '1',
+  x: 20,
+  y: 135.5,
+  size: 14,
+  initialDelay: SPARKS_ANIMATION_DELAY * 1.25
+}, {
+  id: '2',
+  x: 25,
+  y: 19.5,
+  size: 21,
+  initialDelay: SPARKS_ANIMATION_DELAY
+}, {
+  id: '3',
+  x: 115,
+  y: 132,
+  size: 28,
+  initialDelay: SPARKS_ANIMATION_DELAY * 1.1
+}, {
+  id: '4',
+  x: 315,
+  y: 42,
+  size: 14,
+  initialDelay: SPARKS_ANIMATION_DELAY * 1.31
+}, {
+  id: '5',
+  x: 326,
+  y: 24.5,
+  size: 21,
+  initialDelay: SPARKS_ANIMATION_DELAY * 1.36
+}];
+export const GoodDrawingSparks = ({
+  color,
+  shouldStartAnimation
+}) => {
+  if (!shouldStartAnimation) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: GD_SPARKS_MAP.map(star => /*#__PURE__*/_jsx(Spark, {
+      color: color,
+      ...star
+    }, star.id))
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    zIndex: 110,
+    width: '100%',
+    height: '100%'
+  }
+});
+//# sourceMappingURL=GoodDrawingSparks.js.map

package/dist/module/features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Spark","SPARKS_ANIMATION_DELAY","jsx","_jsx","GD_SPARKS_MAP","id","x","y","size","initialDelay","GoodDrawingSparks","color","shouldStartAnimation","style","styles","container","children","map","star","create","position","zIndex","width","height"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/CorrectAnswer/GoodDrawingSparks.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,KAAK,QAAQ,YAAS;AAC/B,SAASC,sBAAsB,QAAQ,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAMC,aAAa,GAAG,CACpB;EAAEC,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,EAAE;EAAEC,CAAC,EAAE,KAAK;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAK,CAAC,EACnF;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,EAAE;EAAEC,CAAC,EAAE,IAAI;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER;AAAuB,CAAC,EAC3E;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAI,CAAC,EACjF;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAK,CAAC,EACjF;EAAEI,EAAE,EAAE,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE,IAAI;EAAEC,IAAI,EAAE,EAAE;EAAEC,YAAY,EAAER,sBAAsB,GAAG;AAAK,CAAC,CACpF;AAOD,OAAO,MAAMS,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA6C,CAAC,KAAK;EAC5F,IAAI,CAACA,oBAAoB,EAAE;IACzB,OAAO,IAAI;EACb;EAEA,oBACET,IAAA,CAACJ,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BZ,aAAa,CAACa,GAAG,CAAEC,IAAI,iBACtBf,IAAA,CAACH,KAAK;MAAeW,KAAK,EAAEA,KAAM;MAAA,GAAKO;IAAI,GAA/BA,IAAI,CAACb,EAA6B,CAC/C;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMS,MAAM,GAAGhB,UAAU,CAACqB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,GAAG;IACXC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/endOfAssignment/components/CorrectAnswer/Spark.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import React from 'react';
+import { COLORS } from '@magmamath/react-native-ui';
+import { SparkIcon } from "../../ui/SparkIcon.js";
+import { useSparkAnimation } from "../../hooks/useSparkAnimation.js";
+import Animated from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SPARKS_SPRING_CONFIG = {
+  mass: 1.8,
+  damping: 25,
+  stiffness: 293,
+  overshootClamping: false,
+  restDisplacementThreshold: 0.01,
+  restSpeedThreshold: 2
+};
+const HOLD_DELAY = 800;
+const ROTATION_ANGLE = 90;
+export const Spark = ({
+  id,
+  x,
+  y,
+  size,
+  initialDelay = 350,
+  color = COLORS.GREEN_3
+}) => {
+  const {
+    animatedStyle
+  } = useSparkAnimation({
+    id,
+    initialDelay,
+    rotationAngle: ROTATION_ANGLE,
+    holdDelay: HOLD_DELAY,
+    springConfig: SPARKS_SPRING_CONFIG,
+    x,
+    y,
+    size
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: animatedStyle,
+    children: /*#__PURE__*/_jsx(SparkIcon, {
+      size: size,
+      color: color
+    })
+  });
+};
+//# sourceMappingURL=Spark.js.map

package/dist/module/features/endOfAssignment/components/CorrectAnswer/Spark.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","COLORS","SparkIcon","useSparkAnimation","Animated","jsx","_jsx","SPARKS_SPRING_CONFIG","mass","damping","stiffness","overshootClamping","restDisplacementThreshold","restSpeedThreshold","HOLD_DELAY","ROTATION_ANGLE","Spark","id","x","y","size","initialDelay","color","GREEN_3","animatedStyle","rotationAngle","holdDelay","springConfig","View","style","children"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/CorrectAnswer/Spark.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,SAAS,QAAQ,uBAAoB;AAC9C,SAASC,iBAAiB,QAAQ,kCAA+B;AACjE,OAAOC,QAAQ,MAAM,yBAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAW9C,MAAMC,oBAAoB,GAAG;EAC3BC,IAAI,EAAE,GAAG;EACTC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,GAAG;EACdC,iBAAiB,EAAE,KAAK;EACxBC,yBAAyB,EAAE,IAAI;EAC/BC,kBAAkB,EAAE;AACtB,CAAC;AAED,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,cAAc,GAAG,EAAE;AAEzB,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,EAAE;EAAEC,CAAC;EAAEC,CAAC;EAAEC,IAAI;EAAEC,YAAY,GAAG,GAAG;EAAEC,KAAK,GAAGrB,MAAM,CAACsB;AAAoB,CAAC,KAAK;EACnG,MAAM;IAAEC;EAAc,CAAC,GAAGrB,iBAAiB,CAAC;IAC1Cc,EAAE;IACFI,YAAY;IACZI,aAAa,EAAEV,cAAc;IAC7BW,SAAS,EAAEZ,UAAU;IACrBa,YAAY,EAAEpB,oBAAoB;IAClCW,CAAC;IACDC,CAAC;IACDC;EACF,CAAC,CAAC;EAEF,oBACEd,IAAA,CAACF,QAAQ,CAACwB,IAAI;IAACC,KAAK,EAAEL,aAAc;IAAAM,QAAA,eAClCxB,IAAA,CAACJ,SAAS;MAACkB,IAAI,EAAEA,IAAK;MAACE,KAAK,EAAEA;IAAM,CAAE;EAAC,CAC1B,CAAC;AAEpB,CAAC","ignoreList":[]}

package/dist/module/features/endOfAssignment/components/EOAModal.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import React from 'react';
+import { useUnit } from 'effector-react';
+import { EOAEventType, EOAModalVariant } from "../types.js";
+import { Modal } from "./Modal/Modal.js";
+import { NoAnswer } from "./NoAnswer/NoAnswer.js";
+import { CheatDetected } from "./CheatDetected/CheatDetected.js";
+import { CorrectAnswer } from "./CorrectAnswer/CorrectAnswer.js";
+import { ExamLeave } from "./ExamLeave/ExamLeave.js";
+import { ExamPaused } from "./ExamPaused/ExamPaused.js";
+import { ExamSubmit } from "./ExamSubmit/ExamSubmit.js";
+import { getModalContainerSize, shouldDisplayModalBackground } from "../helpers.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const MODAL_CONTENT_VARIANTS_MAP = new Map([[EOAModalVariant.NO_CORRECT_ANSWERS, NoAnswer], [EOAModalVariant.HAS_CORRECT_ANSWERS, CorrectAnswer], [EOAModalVariant.HAS_GOOD_DRAWING, CorrectAnswer], [EOAModalVariant.EXAM_FINISHED_NO_CORRECT_ANSWERS, NoAnswer], [EOAModalVariant.EXAM_FINISHED_HAS_CORRECT_ANSWERS, CorrectAnswer], [EOAModalVariant.EXAM_SAFE_MODE_SUBMIT, ExamSubmit], [EOAModalVariant.EXAM_SUBMIT, ExamSubmit], [EOAModalVariant.EXAM_PAUSED, ExamPaused], [EOAModalVariant.EXAM_SAFE_MODE_CHEAT_DETECTED, CheatDetected], [EOAModalVariant.EXAM_SAFE_MODE_LEAVE, ExamLeave]]);
+export const EOAModal = ({
+  model,
+  textContent,
+  onPracticePress
+}) => {
+  const popUpData = useUnit(model.$popUpData);
+  const modalVariant = useUnit(model.$modalVariant);
+  if (!popUpData || !modalVariant) return null;
+  const withBackground = shouldDisplayModalBackground(modalVariant);
+  const isDismissable = popUpData.eventType !== EOAEventType.CHEAT_DETECTED && popUpData.eventType !== EOAEventType.EXAM_PAUSED;
+  const ModalContent = MODAL_CONTENT_VARIANTS_MAP.get(modalVariant);
+  if (!ModalContent) return null;
+  return /*#__PURE__*/_jsx(Modal, {
+    isVisible: true,
+    isDismissable: isDismissable,
+    style: getModalContainerSize(modalVariant),
+    onClose: model.hidePopUp,
+    content: /*#__PURE__*/_jsx(ModalContent, {
+      model: model,
+      textContent: textContent,
+      onPracticePress: onPracticePress
+    }),
+    withBackground: withBackground
+  });
+};
+//# sourceMappingURL=EOAModal.js.map

package/dist/module/features/endOfAssignment/components/EOAModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useUnit","EOAEventType","EOAModalVariant","Modal","NoAnswer","CheatDetected","CorrectAnswer","ExamLeave","ExamPaused","ExamSubmit","getModalContainerSize","shouldDisplayModalBackground","jsx","_jsx","MODAL_CONTENT_VARIANTS_MAP","Map","NO_CORRECT_ANSWERS","HAS_CORRECT_ANSWERS","HAS_GOOD_DRAWING","EXAM_FINISHED_NO_CORRECT_ANSWERS","EXAM_FINISHED_HAS_CORRECT_ANSWERS","EXAM_SAFE_MODE_SUBMIT","EXAM_SUBMIT","EXAM_PAUSED","EXAM_SAFE_MODE_CHEAT_DETECTED","EXAM_SAFE_MODE_LEAVE","EOAModal","model","textContent","onPracticePress","popUpData","$popUpData","modalVariant","$modalVariant","withBackground","isDismissable","eventType","CHEAT_DETECTED","ModalContent","get","isVisible","style","onClose","hidePopUp","content"],"sourceRoot":"../../../../../src","sources":["features/endOfAssignment/components/EOAModal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,gBAAgB;AAGxC,SAASC,YAAY,EAAgBC,eAAe,QAAQ,aAAU;AAEtE,SAASC,KAAK,QAAQ,kBAAe;AAErC,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,aAAa,QAAQ,kCAA+B;AAC7D,SAASC,aAAa,QAAQ,kCAA+B;AAC7D,SAASC,SAAS,QAAQ,0BAAuB;AACjD,SAASC,UAAU,QAAQ,4BAAyB;AACpD,SAASC,UAAU,QAAQ,4BAAyB;AAEpD,SAASC,qBAAqB,EAAEC,4BAA4B,QAAQ,eAAY;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEhF,MAAMC,0BAA0B,GAAG,IAAIC,GAAG,CAAC,CACzC,CAACb,eAAe,CAACc,kBAAkB,EAAEZ,QAAQ,CAAC,EAC9C,CAACF,eAAe,CAACe,mBAAmB,EAAEX,aAAa,CAAC,EACpD,CAACJ,eAAe,CAACgB,gBAAgB,EAAEZ,aAAa,CAAC,EACjD,CAACJ,eAAe,CAACiB,gCAAgC,EAAEf,QAAQ,CAAC,EAC5D,CAACF,eAAe,CAACkB,iCAAiC,EAAEd,aAAa,CAAC,EAClE,CAACJ,eAAe,CAACmB,qBAAqB,EAAEZ,UAAU,CAAC,EACnD,CAACP,eAAe,CAACoB,WAAW,EAAEb,UAAU,CAAC,EACzC,CAACP,eAAe,CAACqB,WAAW,EAAEf,UAAU,CAAC,EACzC,CAACN,eAAe,CAACsB,6BAA6B,EAAEnB,aAAa,CAAC,EAC9D,CAACH,eAAe,CAACuB,oBAAoB,EAAElB,SAAS,CAAC,CAClD,CAAC;AAQF,OAAO,MAAMmB,QAAQ,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC;AAA+B,CAAC,KAAK;EAClF,MAAMC,SAAS,GAAG9B,OAAO,CAAC2B,KAAK,CAACI,UAAU,CAAC;EAC3C,MAAMC,YAAY,GAAGhC,OAAO,CAAC2B,KAAK,CAACM,aAAa,CAAC;EAEjD,IAAI,CAACH,SAAS,IAAI,CAACE,YAAY,EAAE,OAAO,IAAI;EAE5C,MAAME,cAAc,GAAGvB,4BAA4B,CAACqB,YAAY,CAAC;EACjE,MAAMG,aAAa,GACjBL,SAAS,CAACM,SAAS,KAAKnC,YAAY,CAACoC,cAAc,IACnDP,SAAS,CAACM,SAAS,KAAKnC,YAAY,CAACsB,WAAW;EAElD,MAAMe,YAAY,GAAGxB,0BAA0B,CAACyB,GAAG,CAACP,YAAY,CAAC;EAEjE,IAAI,CAACM,YAAY,EAAE,OAAO,IAAI;EAE9B,oBACEzB,IAAA,CAACV,KAAK;IACJqC,SAAS,EAAE,IAAK;IAChBL,aAAa,EAAEA,aAAc;IAC7BM,KAAK,EAAE/B,qBAAqB,CAACsB,YAAY,CAAE;IAC3CU,OAAO,EAAEf,KAAK,CAACgB,SAAU;IACzBC,OAAO,eACL/B,IAAA,CAACyB,YAAY;MAACX,KAAK,EAAEA,KAAM;MAACC,WAAW,EAAEA,WAAY;MAACC,eAAe,EAAEA;IAAgB,CAAE,CAC1F;IACDK,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/module/features/endOfAssignment/components/ExamLeave/ExamLeave.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Button, COLORS, SPACING, Typography } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ExamLeave = ({
+  textContent,
+  model
+}) => {
+  const handleDismiss = () => model.hidePopUp();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Typography, {
+      variant: "h1",
+      style: styles.description,
+      children: textContent.description
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.buttonsContainer,
+      children: [/*#__PURE__*/_jsx(Button, {
+        variant: "tertiary",
+        size: "large",
+        style: {
+          text: styles.buttonText
+        },
+        onPress: handleDismiss,
+        children: textContent.leftButtonText
+      }), /*#__PURE__*/_jsx(Button, {
+        variant: "primary",
+        colorScheme: "red",
+        size: "large",
+        style: {
+          text: styles.buttonText
+        },
+        onPress: model.hidePopUpAndLeave,
+        children: textContent.rightButtonText
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    gap: SPACING[800],
+    paddingTop: SPACING[800],
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  description: {
+    textAlign: 'center',
+    fontWeight: '700',
+    color: COLORS.NEUTRAL_9
+  },
+  buttonsContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200]
+  },
+  buttonText: {
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=ExamLeave.js.map

package/dist/module/features/endOfAssignment/components/ExamLeave/ExamLeave.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Button","COLORS","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","ExamLeave","textContent","model","handleDismiss","hidePopUp","style","styles","container","children","variant","description","buttonsContainer","size","text","buttonText","onPress","leftButtonText","colorScheme","hidePopUpAndLeave","rightButtonText","create","flex","gap","paddingTop","alignItems","justifyContent","textAlign","fontWeight","color","NEUTRAL_9","flexDirection","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/ExamLeave/ExamLeave.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIhF,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC,WAAW;EAAEC;AAA4B,CAAC,KAAK;EACzE,MAAMC,aAAa,GAAGA,CAAA,KAAMD,KAAK,CAACE,SAAS,CAAC,CAAC;EAE7C,oBACEL,KAAA,CAACT,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BX,IAAA,CAACF,UAAU;MAACc,OAAO,EAAC,IAAI;MAACJ,KAAK,EAAEC,MAAM,CAACI,WAAY;MAAAF,QAAA,EAChDP,WAAW,CAACS;IAAW,CACd,CAAC,eAEbX,KAAA,CAACT,IAAI;MAACe,KAAK,EAAEC,MAAM,CAACK,gBAAiB;MAAAH,QAAA,gBACnCX,IAAA,CAACL,MAAM;QAACiB,OAAO,EAAC,UAAU;QAACG,IAAI,EAAC,OAAO;QAACP,KAAK,EAAE;UAAEQ,IAAI,EAAEP,MAAM,CAACQ;QAAW,CAAE;QAACC,OAAO,EAAEZ,aAAc;QAAAK,QAAA,EAChGP,WAAW,CAACe;MAAc,CACrB,CAAC,eAETnB,IAAA,CAACL,MAAM;QACLiB,OAAO,EAAC,SAAS;QACjBQ,WAAW,EAAC,KAAK;QACjBL,IAAI,EAAC,OAAO;QACZP,KAAK,EAAE;UAAEQ,IAAI,EAAEP,MAAM,CAACQ;QAAW,CAAE;QACnCC,OAAO,EAAEb,KAAK,CAACgB,iBAAkB;QAAAV,QAAA,EAEhCP,WAAW,CAACkB;MAAe,CACtB,CAAC;IAAA,CACL,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMb,MAAM,GAAGf,UAAU,CAAC6B,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE5B,OAAO,CAAC,GAAG,CAAC;IACjB6B,UAAU,EAAE7B,OAAO,CAAC,GAAG,CAAC;IACxB8B,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDf,WAAW,EAAE;IACXgB,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEnC,MAAM,CAACoC;EAChB,CAAC;EACDlB,gBAAgB,EAAE;IAChBmB,aAAa,EAAE,KAAK;IACpBN,UAAU,EAAE,QAAQ;IACpBF,GAAG,EAAE5B,OAAO,CAAC,GAAG;EAClB,CAAC;EACDoB,UAAU,EAAE;IACViB,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/endOfAssignment/components/ExamPaused/ExamPaused.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Button, COLORS, SPACING, Typography } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ExamPaused = ({
+  textContent,
+  model
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Typography, {
+      variant: "h2",
+      style: styles.title,
+      children: textContent.title
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: "h1",
+      style: styles.description,
+      children: textContent.description
+    }), /*#__PURE__*/_jsx(Button, {
+      variant: "primary",
+      colorScheme: "purple",
+      size: "large",
+      style: {
+        text: styles.buttonText
+      },
+      onPress: model.hidePopUpAndLeave,
+      children: textContent.leftButtonText
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    gap: SPACING[800],
+    alignItems: 'center'
+  },
+  title: {
+    color: COLORS.NEUTRAL_9
+  },
+  description: {
+    textAlign: 'center',
+    fontWeight: '700'
+  },
+  buttonText: {
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=ExamPaused.js.map

package/dist/module/features/endOfAssignment/components/ExamPaused/ExamPaused.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Button","COLORS","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","ExamPaused","textContent","model","style","styles","container","children","variant","title","description","colorScheme","size","text","buttonText","onPress","hidePopUpAndLeave","leftButtonText","create","gap","alignItems","color","NEUTRAL_9","textAlign","fontWeight","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/ExamPaused/ExamPaused.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIhF,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,WAAW;EAAEC;AAA4B,CAAC,KAAK;EAC1E,oBACEH,KAAA,CAACT,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BT,IAAA,CAACF,UAAU;MAACY,OAAO,EAAC,IAAI;MAACJ,KAAK,EAAEC,MAAM,CAACI,KAAM;MAAAF,QAAA,EAC1CL,WAAW,CAACO;IAAK,CACR,CAAC,eAEbX,IAAA,CAACF,UAAU;MAACY,OAAO,EAAC,IAAI;MAACJ,KAAK,EAAEC,MAAM,CAACK,WAAY;MAAAH,QAAA,EAChDL,WAAW,CAACQ;IAAW,CACd,CAAC,eAEbZ,IAAA,CAACL,MAAM;MACLe,OAAO,EAAC,SAAS;MACjBG,WAAW,EAAC,QAAQ;MACpBC,IAAI,EAAC,OAAO;MACZR,KAAK,EAAE;QAAES,IAAI,EAAER,MAAM,CAACS;MAAW,CAAE;MACnCC,OAAO,EAAEZ,KAAK,CAACa,iBAAkB;MAAAT,QAAA,EAEhCL,WAAW,CAACe;IAAc,CACrB,CAAC;EAAA,CACL,CAAC;AAEX,CAAC;AAED,MAAMZ,MAAM,GAAGb,UAAU,CAAC0B,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,GAAG,EAAExB,OAAO,CAAC,GAAG,CAAC;IACjByB,UAAU,EAAE;EACd,CAAC;EACDX,KAAK,EAAE;IACLY,KAAK,EAAE3B,MAAM,CAAC4B;EAChB,CAAC;EACDZ,WAAW,EAAE;IACXa,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE;EACd,CAAC;EACDV,UAAU,EAAE;IACVW,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/endOfAssignment/components/ExamSubmit/ExamSubmit.js

@@ -0,0 +1,96 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, Platform, Image } from 'react-native';
+import { useUnit } from 'effector-react';
+import { Button, ButtonVariant, COLORS, IS_MOBILE, SPACING, Typography } from '@magmamath/react-native-ui';
+import { ExamSubmitContent } from "./ExamSubmitContent.js";
+import { PracticeButton } from "../../ui/PracticeButton.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ExamSubmit = ({
+  textContent,
+  model,
+  onPracticePress
+}) => {
+  const popUpData = useUnit(model.$popUpData);
+  const problemsAmount = popUpData?.stats?.problemsAmount ?? 0;
+  const practiceModeEnabled = popUpData?.user.practiceMode;
+  const leaveAssignmentButtonVariant = !practiceModeEnabled || popUpData?.newerAssignmentAvailable ? ButtonVariant.PRIMARY : ButtonVariant.TERTIARY;
+  const handlePracticePress = () => {
+    onPracticePress?.();
+    model.hidePopUp();
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.contentBackground,
+      children: IS_MOBILE ? /*#__PURE__*/_jsx(Image, {
+        source: require('./blurred-card.png')
+      }) : /*#__PURE__*/_jsx(ExamSubmitContent, {
+        problemsAmount: problemsAmount
+      })
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: "h2",
+      style: styles.title,
+      children: textContent.title
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: "h1",
+      style: styles.description,
+      children: textContent.description
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.buttonsContainer,
+      children: [/*#__PURE__*/_jsx(Button, {
+        variant: leaveAssignmentButtonVariant,
+        size: "large",
+        colorScheme: popUpData?.isExam ? 'purple' : 'blue',
+        style: {
+          text: {
+            textTransform: 'uppercase'
+          }
+        },
+        onPress: model.hidePopUpAndLeave,
+        children: textContent.leftButtonText ?? ''
+      }), !!practiceModeEnabled && !popUpData?.newerAssignmentAvailable && /*#__PURE__*/_jsx(PracticeButton, {
+        onPress: handlePracticePress,
+        text: textContent.rightButtonText
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    gap: SPACING[400],
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  title: {
+    color: COLORS.NEUTRAL_9,
+    paddingVertical: SPACING[100]
+  },
+  description: {
+    color: COLORS.NEUTRAL_9,
+    textAlign: 'center',
+    fontWeight: 700,
+    paddingTop: SPACING[800],
+    paddingBottom: SPACING[1600]
+  },
+  contentBackground: {
+    position: 'absolute',
+    zIndex: -1,
+    top: '22%',
+    ...(Platform.OS === 'web' && {
+      filter: 'blur(4px)'
+    })
+  },
+  buttonsContainer: {
+    height: 62,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200]
+  },
+  buttonText: {
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=ExamSubmit.js.map

package/dist/module/features/endOfAssignment/components/ExamSubmit/ExamSubmit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Platform","Image","useUnit","Button","ButtonVariant","COLORS","IS_MOBILE","SPACING","Typography","ExamSubmitContent","PracticeButton","jsx","_jsx","jsxs","_jsxs","ExamSubmit","textContent","model","onPracticePress","popUpData","$popUpData","problemsAmount","stats","practiceModeEnabled","user","practiceMode","leaveAssignmentButtonVariant","newerAssignmentAvailable","PRIMARY","TERTIARY","handlePracticePress","hidePopUp","style","styles","container","children","contentBackground","source","require","variant","title","description","buttonsContainer","size","colorScheme","isExam","text","textTransform","onPress","hidePopUpAndLeave","leftButtonText","rightButtonText","create","flex","gap","alignItems","justifyContent","color","NEUTRAL_9","paddingVertical","textAlign","fontWeight","paddingTop","paddingBottom","position","zIndex","top","OS","filter","height","flexDirection","buttonText"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/ExamSubmit/ExamSubmit.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/endOfAssignment/components/ExamSubmit/ExamSubmitContent.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { BORDER_RADIUS, COLORS, CorrectIcon, SPACING, Typography } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ExamSubmitContent = ({
+  problemsAmount,
+  description
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.iconContainer,
+        children: /*#__PURE__*/_jsx(CorrectIcon, {
+          size: 70,
+          color: COLORS.NEUTRAL_1
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.textContainer,
+        children: [/*#__PURE__*/_jsx(Typography, {
+          variant: "xxl",
+          style: styles.largeText,
+          children: description || '?'
+        }), /*#__PURE__*/_jsxs(Typography, {
+          style: styles.text,
+          children: ["/", problemsAmount]
+        })]
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    opacity: 0.4,
+    paddingHorizontal: SPACING[100],
+    paddingTop: SPACING[100],
+    paddingBottom: 38,
+    marginBottom: SPACING[800],
+    backgroundColor: COLORS.NEUTRAL_5,
+    borderRadius: BORDER_RADIUS[400]
+  },
+  content: {
+    flexDirection: 'row',
+    borderRadius: BORDER_RADIUS[200],
+    paddingVertical: SPACING[400],
+    paddingHorizontal: SPACING[800],
+    backgroundColor: COLORS.NEUTRAL_1,
+    gap: SPACING[500]
+  },
+  iconContainer: {
+    backgroundColor: COLORS.NEUTRAL_5,
+    padding: SPACING[200],
+    borderRadius: 100,
+    height: 70,
+    width: 70,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  textContainer: {
+    flexDirection: 'row'
+  },
+  text: {
+    fontWeight: '700',
+    color: COLORS.NEUTRAL_5,
+    alignSelf: 'flex-end'
+  },
+  largeText: {
+    fontSize: 48,
+    fontWeight: '700',
+    lineHeight: 48,
+    color: COLORS.NEUTRAL_5
+  }
+});
+//# sourceMappingURL=ExamSubmitContent.js.map

package/dist/module/features/endOfAssignment/components/ExamSubmit/ExamSubmitContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","BORDER_RADIUS","COLORS","CorrectIcon","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","ExamSubmitContent","problemsAmount","description","style","styles","container","children","content","iconContainer","size","color","NEUTRAL_1","textContainer","variant","largeText","text","create","opacity","paddingHorizontal","paddingTop","paddingBottom","marginBottom","backgroundColor","NEUTRAL_5","borderRadius","flexDirection","paddingVertical","gap","padding","height","width","justifyContent","alignItems","fontWeight","alignSelf","fontSize","lineHeight"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/ExamSubmit/ExamSubmitContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,aAAa,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOpG,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,cAAc;EAAEC;AAAmC,CAAC,KAAK;EAC3F,oBACEL,IAAA,CAACR,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BP,KAAA,CAACV,IAAI;MAACc,KAAK,EAAEC,MAAM,CAACG,OAAQ;MAAAD,QAAA,gBAC1BT,IAAA,CAACR,IAAI;QAACc,KAAK,EAAEC,MAAM,CAACI,aAAc;QAAAF,QAAA,eAChCT,IAAA,CAACJ,WAAW;UAACgB,IAAI,EAAE,EAAG;UAACC,KAAK,EAAElB,MAAM,CAACmB;QAAU,CAAE;MAAC,CAC9C,CAAC,eACPZ,KAAA,CAACV,IAAI;QAACc,KAAK,EAAEC,MAAM,CAACQ,aAAc;QAAAN,QAAA,gBAChCT,IAAA,CAACF,UAAU;UAACkB,OAAO,EAAC,KAAK;UAACV,KAAK,EAAEC,MAAM,CAACU,SAAU;UAAAR,QAAA,EAC/CJ,WAAW,IAAI;QAAG,CACT,CAAC,eACbH,KAAA,CAACJ,UAAU;UAACQ,KAAK,EAAEC,MAAM,CAACW,IAAK;UAAAT,QAAA,GAAC,GAAC,EAACL,cAAc;QAAA,CAAa,CAAC;MAAA,CAC1D,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGd,UAAU,CAAC0B,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,OAAO,EAAE,GAAG;IACZC,iBAAiB,EAAExB,OAAO,CAAC,GAAG,CAAC;IAC/ByB,UAAU,EAAEzB,OAAO,CAAC,GAAG,CAAC;IACxB0B,aAAa,EAAE,EAAE;IACjBC,YAAY,EAAE3B,OAAO,CAAC,GAAG,CAAC;IAC1B4B,eAAe,EAAE9B,MAAM,CAAC+B,SAAS;IACjCC,YAAY,EAAEjC,aAAa,CAAC,GAAG;EACjC,CAAC;EACDgB,OAAO,EAAE;IACPkB,aAAa,EAAE,KAAK;IACpBD,YAAY,EAAEjC,aAAa,CAAC,GAAG,CAAC;IAChCmC,eAAe,EAAEhC,OAAO,CAAC,GAAG,CAAC;IAC7BwB,iBAAiB,EAAExB,OAAO,CAAC,GAAG,CAAC;IAC/B4B,eAAe,EAAE9B,MAAM,CAACmB,SAAS;IACjCgB,GAAG,EAAEjC,OAAO,CAAC,GAAG;EAClB,CAAC;EACDc,aAAa,EAAE;IACbc,eAAe,EAAE9B,MAAM,CAAC+B,SAAS;IACjCK,OAAO,EAAElC,OAAO,CAAC,GAAG,CAAC;IACrB8B,YAAY,EAAE,GAAG;IACjBK,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDpB,aAAa,EAAE;IACba,aAAa,EAAE;EACjB,CAAC;EACDV,IAAI,EAAE;IACJkB,UAAU,EAAE,KAAK;IACjBvB,KAAK,EAAElB,MAAM,CAAC+B,SAAS;IACvBW,SAAS,EAAE;EACb,CAAC;EACDpB,SAAS,EAAE;IACTqB,QAAQ,EAAE,EAAE;IACZF,UAAU,EAAE,KAAK;IACjBG,UAAU,EAAE,EAAE;IACd1B,KAAK,EAAElB,MAAM,CAAC+B;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/endOfAssignment/components/Modal/Modal.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import React, { useEffect, useState } from 'react';
+import { ButtonVariant, CrossIcon, COLORS, BORDER_RADIUS, SPACING, SHADOWS, Button } from '@magmamath/react-native-ui';
+import { Animated, StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
+import { ModalModel } from "./model.js";
+import { ModalBackground } from "./ModalBackground.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const stopPropagation = {
+  onTouchStart: event => {
+    event.stopPropagation();
+  },
+  onMouseDown: event => {
+    event.stopPropagation();
+  }
+};
+export const Modal = ({
+  isVisible,
+  isDismissable = true,
+  onClose,
+  style,
+  content,
+  withBackground
+}) => {
+  const [modalModel] = useState(() => new ModalModel());
+  useEffect(() => {
+    if (isVisible) {
+      modalModel.animation.show();
+    }
+  }, [isVisible]);
+  if (!isVisible) return null;
+  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+    onPress: () => isDismissable && onClose?.(),
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.overlay, style?.overlay, modalModel.animatedStyle],
+      children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+        ...stopPropagation,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: [styles.container, style?.container],
+          children: [withBackground && /*#__PURE__*/_jsx(View, {
+            style: styles.backgroundWrapper,
+            children: /*#__PURE__*/_jsx(ModalBackground, {})
+          }), isDismissable && /*#__PURE__*/_jsx(View, {
+            style: [styles.closeButton, style?.closeButton],
+            children: /*#__PURE__*/_jsx(Button, {
+              variant: ButtonVariant.TERTIARY,
+              icon: /*#__PURE__*/_jsx(CrossIcon, {
+                size: 18,
+                color: COLORS.NEUTRAL_7
+              }),
+              onPress: onClose
+            })
+          }), content]
+        })
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  overlay: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.2)',
+    zIndex: 10001
+  },
+  container: {
+    position: 'relative',
+    justifyContent: 'space-between',
+    backgroundColor: COLORS.NEUTRAL_1,
+    minWidth: 300,
+    maxWidth: 957,
+    borderRadius: BORDER_RADIUS['400'],
+    paddingHorizontal: SPACING['1600'],
+    paddingVertical: SPACING['800'],
+    gap: SPACING['600'],
+    ...SHADOWS['5']
+  },
+  closeButton: {
+    position: 'absolute',
+    top: SPACING['400'],
+    right: SPACING['400']
+  },
+  backgroundWrapper: {
+    ...StyleSheet.absoluteFillObject,
+    zIndex: -1
+  }
+});
+//# sourceMappingURL=Modal.js.map

package/dist/module/features/endOfAssignment/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","ButtonVariant","CrossIcon","COLORS","BORDER_RADIUS","SPACING","SHADOWS","Button","Animated","StyleSheet","TouchableWithoutFeedback","View","ModalModel","ModalBackground","jsx","_jsx","jsxs","_jsxs","stopPropagation","onTouchStart","event","onMouseDown","Modal","isVisible","isDismissable","onClose","style","content","withBackground","modalModel","animation","show","onPress","children","styles","overlay","animatedStyle","container","backgroundWrapper","closeButton","variant","TERTIARY","icon","size","color","NEUTRAL_7","create","absoluteFillObject","justifyContent","alignItems","backgroundColor","zIndex","position","NEUTRAL_1","minWidth","maxWidth","borderRadius","paddingHorizontal","paddingVertical","gap","top","right"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/Modal/Modal.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/endOfAssignment/components/Modal/ModalBackground.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { BORDER_RADIUS } from '@magmamath/react-native-ui';
+import { TrophyIcon } from "./assets/TrophyIcon.js";
+import { SunrisingIcon } from "./assets/SunrisingIcon.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ModalBackground = () => /*#__PURE__*/_jsxs(View, {
+  style: [StyleSheet.absoluteFill, styles.backgroundContainer],
+  children: [/*#__PURE__*/_jsx(View, {
+    style: styles.bgImageLeft,
+    children: /*#__PURE__*/_jsx(TrophyIcon, {
+      size: 466
+    })
+  }), /*#__PURE__*/_jsx(View, {
+    style: styles.bgImageRight,
+    children: /*#__PURE__*/_jsx(SunrisingIcon, {
+      size: 909
+    })
+  })]
+});
+const styles = StyleSheet.create({
+  backgroundContainer: {
+    borderRadius: BORDER_RADIUS[400],
+    overflow: 'hidden'
+  },
+  bgImageLeft: {
+    position: 'absolute',
+    bottom: 0,
+    zIndex: -1
+  },
+  bgImageRight: {
+    position: 'absolute',
+    zIndex: -2
+  }
+});
+//# sourceMappingURL=ModalBackground.js.map

package/dist/module/features/endOfAssignment/components/Modal/ModalBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","BORDER_RADIUS","TrophyIcon","SunrisingIcon","jsx","_jsx","jsxs","_jsxs","ModalBackground","style","absoluteFill","styles","backgroundContainer","children","bgImageLeft","size","bgImageRight","create","borderRadius","overflow","position","bottom","zIndex"],"sourceRoot":"../../../../../../src","sources":["features/endOfAssignment/components/Modal/ModalBackground.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,aAAa,QAAQ,4BAA4B;AAE1D,SAASC,UAAU,QAAQ,wBAAqB;AAChD,SAASC,aAAa,QAAQ,2BAAwB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtD,OAAO,MAAMC,eAAe,GAAGA,CAAA,kBAC7BD,KAAA,CAACR,IAAI;EAACU,KAAK,EAAE,CAACT,UAAU,CAACU,YAAY,EAAEC,MAAM,CAACC,mBAAmB,CAAE;EAAAC,QAAA,gBACjER,IAAA,CAACN,IAAI;IAACU,KAAK,EAAEE,MAAM,CAACG,WAAY;IAAAD,QAAA,eAC9BR,IAAA,CAACH,UAAU;MAACa,IAAI,EAAE;IAAI,CAAE;EAAC,CACrB,CAAC,eACPV,IAAA,CAACN,IAAI;IAACU,KAAK,EAAEE,MAAM,CAACK,YAAa;IAAAH,QAAA,eAC/BR,IAAA,CAACF,aAAa;MAACY,IAAI,EAAE;IAAI,CAAE;EAAC,CACxB,CAAC;AAAA,CACH,CACP;AAED,MAAMJ,MAAM,GAAGX,UAAU,CAACiB,MAAM,CAAC;EAC/BL,mBAAmB,EAAE;IACnBM,YAAY,EAAEjB,aAAa,CAAC,GAAG,CAAC;IAChCkB,QAAQ,EAAE;EACZ,CAAC;EACDL,WAAW,EAAE;IACXM,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;EACX,CAAC;EACDN,YAAY,EAAE;IACZI,QAAQ,EAAE,UAAU;IACpBE,MAAM,EAAE,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}