@cuemath/leap 2.8.24 → 2.8.25-link.0

package/dist/features/ui/perfect-hits/perfect-hits-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"perfect-hits-helpers.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits-helpers.ts"],"sourcesContent":["import { RANGE_SIZE, TIERS } from './constants';\n\ntype AnimationData = Record<string, unknown>;\n\nconst animationFilesMap: Record<string, () => Promise<{ default: AnimationData }>> = {\n  bronze_1: () => import('../../../assets/lotties/perfect-hits/bronze-1.json'),\n  bronze_2: () => import('../../../assets/lotties/perfect-hits/bronze-2.json'),\n  bronze_3: () => import('../../../assets/lotties/perfect-hits/bronze-3.json'),\n  silver_1: () => import('../../../assets/lotties/perfect-hits/silver-1.json'),\n  silver_2: () => import('../../../assets/lotties/perfect-hits/silver-2.json'),\n  silver_3: () => import('../../../assets/lotties/perfect-hits/silver-3.json'),\n  gold_1: () => import('../../../assets/lotties/perfect-hits/gold-1.json'),\n  gold_2: () => import('../../../assets/lotties/perfect-hits/gold-2.json'),\n  gold_3: () => import('../../../assets/lotties/perfect-hits/gold-3.json'),\n  color_1: () => import('../../../assets/lotties/perfect-hits/color-1.json'),\n  color_2: () => import('../../../assets/lotties/perfect-hits/color-2.json'),\n  color_3: () => import('../../../assets/lotties/perfect-hits/color-3.json'),\n};\n\n/**\n * [0-4] => bronze_1\n * [5-9] => silver_1\n * [10-14] => gold_1\n * [15-19] => color_1\n * [20-24] => bronze_2\n * [25-29] => silver_2\n * [30-34] => gold_2\n * [35-39] => color_2\n * [40-44] => bronze_3\n * [45-49] => silver_3\n * [50-54] => gold_3\n * [55-59] => color_3\n * [>60] => color_3\n */\n\nasync function getAnimationFile(num: number): Promise<AnimationData | null> {\n  const setNumber = num >= RANGE_SIZE * 12 ? 3 : Math.floor(num / (TIERS.length * RANGE_SIZE)) + 1;\n\n  const tierIndex = Math.floor((num % (TIERS.length * RANGE_SIZE)) / RANGE_SIZE);\n  const tier = num >= RANGE_SIZE * 12 ? 'color' : TIERS[tierIndex];\n  const fileName = `${tier}_${setNumber}`;\n\n  const loadAnimationData = animationFilesMap[fileName];\n\n  if (loadAnimationData) {\n    try {\n      const module = await loadAnimationData();\n\n      return module.default;\n    } catch (error) {\n      return null;\n    }\n  }\n\n  return null;\n}\n\nexport { getAnimationFile, RANGE_SIZE };\n"],"names":["animationFilesMap","getAnimationFile","num","setNumber","RANGE_SIZE","TIERS","tierIndex","fileName","loadAnimationData"],"mappings":";AAIA,MAAMA,IAA+E;AAAA,EACnF,UAAU,MAAM,OAAO,uDAAoD;AAAA,EAC3E,UAAU,MAAM,OAAO,uDAAoD;AAAA,EAC3E,UAAU,MAAM,OAAO,uDAAoD;AAAA,EAC3E,UAAU,MAAM,OAAO,uDAAoD;AAAA,EAC3E,UAAU,MAAM,OAAO,uDAAoD;AAAA,EAC3E,UAAU,MAAM,OAAO,uDAAoD;AAAA,EAC3E,QAAQ,MAAM,OAAO,qDAAkD;AAAA,EACvE,QAAQ,MAAM,OAAO,qDAAkD;AAAA,EACvE,QAAQ,MAAM,OAAO,qDAAkD;AAAA,EACvE,SAAS,MAAM,OAAO,sDAAmD;AAAA,EACzE,SAAS,MAAM,OAAO,sDAAmD;AAAA,EACzE,SAAS,MAAM,OAAO,sDAAmD;AAC3E;AAkBA,eAAeC,EAAiBC,GAA4C;AACpE,QAAAC,IAAYD,KAAOE,IAAa,KAAK,IAAI,KAAK,MAAMF,KAAOG,EAAM,SAASD,EAAW,IAAI,GAEzFE,IAAY,KAAK,MAAOJ,KAAOG,EAAM,SAASD,KAAeA,CAAU,GAEvEG,IAAW,GADJL,KAAOE,IAAa,KAAK,UAAUC,EAAMC,CAAS,CACvC,IAAIH,CAAS,IAE/BK,IAAoBR,EAAkBO,CAAQ;AAEpD,MAAIC;AACE,QAAA;AAGF,cAFe,MAAMA,KAEP;AAAA,YACA;AACP,aAAA;AAAA,IACT;AAGK,SAAA;AACT;"}
+{"version":3,"file":"perfect-hits-helpers.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits-helpers.ts"],"sourcesContent":["import { LOTTIE } from '../../../assets/lottie/lottie';\nimport { fetchLottie } from '../lottie-animation/helper';\nimport { RANGE_SIZE, TIERS } from './constants';\n\ntype AnimationData = Record<string, unknown>;\n\nconst animationFilesMap: Record<string, string> = {\n  bronze_1: LOTTIE.BRONZE_1,\n  bronze_2: LOTTIE.BRONZE_2,\n  bronze_3: LOTTIE.BRONZE_3,\n  silver_1: LOTTIE.SILVER_1,\n  silver_2: LOTTIE.SILVER_2,\n  silver_3: LOTTIE.SILVER_3,\n  gold_1: LOTTIE.GOLD_1,\n  gold_2: LOTTIE.GOLD_2,\n  gold_3: LOTTIE.GOLD_3,\n  color_1: LOTTIE.COLOR_1,\n  color_2: LOTTIE.COLOR_2,\n  color_3: LOTTIE.COLOR_3,\n};\n\n/**\n * [0-4] => bronze_1\n * [5-9] => silver_1\n * [10-14] => gold_1\n * [15-19] => color_1\n * [20-24] => bronze_2\n * [25-29] => silver_2\n * [30-34] => gold_2\n * [35-39] => color_2\n * [40-44] => bronze_3\n * [45-49] => silver_3\n * [50-54] => gold_3\n * [55-59] => color_3\n * [>60] => color_3\n */\n\nasync function getAnimationFile(num: number): Promise<AnimationData | null> {\n  const setNumber = num >= RANGE_SIZE * 12 ? 3 : Math.floor(num / (TIERS.length * RANGE_SIZE)) + 1;\n\n  const tierIndex = Math.floor((num % (TIERS.length * RANGE_SIZE)) / RANGE_SIZE);\n  const tier = num >= RANGE_SIZE * 12 ? 'color' : TIERS[tierIndex];\n  const fileName = `${tier}_${setNumber}`;\n\n  const loadAnimationPath = animationFilesMap[fileName];\n\n  if (loadAnimationPath) {\n    try {\n      const lottieModule = await fetchLottie(loadAnimationPath);\n\n      return lottieModule;\n    } catch (error) {\n      return null;\n    }\n  }\n\n  return null;\n}\n\nexport { getAnimationFile, RANGE_SIZE };\n"],"names":["animationFilesMap","LOTTIE","getAnimationFile","num","setNumber","RANGE_SIZE","TIERS","tierIndex","fileName","loadAnimationPath","fetchLottie"],"mappings":";;;AAMA,MAAMA,IAA4C;AAAA,EAChD,UAAUC,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAClB;AAkBA,eAAeC,EAAiBC,GAA4C;AACpE,QAAAC,IAAYD,KAAOE,IAAa,KAAK,IAAI,KAAK,MAAMF,KAAOG,EAAM,SAASD,EAAW,IAAI,GAEzFE,IAAY,KAAK,MAAOJ,KAAOG,EAAM,SAASD,KAAeA,CAAU,GAEvEG,IAAW,GADJL,KAAOE,IAAa,KAAK,UAAUC,EAAMC,CAAS,CACvC,IAAIH,CAAS,IAE/BK,IAAoBT,EAAkBQ,CAAQ;AAEpD,MAAIC;AACE,QAAA;AAGK,aAFc,MAAMC,EAAYD,CAAiB;AAAA,YAG1C;AACP,aAAA;AAAA,IACT;AAGK,SAAA;AACT;"}

package/dist/features/worksheet/worksheet/worksheet-permissions/error.js

@@ -1,52 +1,29 @@
-import { jsx as e, jsxs as g } from "react/jsx-runtime";
-import { memo as A, useState as i, useEffect as a } from "react";
-import E from "../../../ui/buttons/button/button.js";
-import m from "../../../ui/layout/flex-view.js";
-import l from "../../../ui/separator/separator.js";
-import $ from "../../../ui/text/text.js";
-import { BaseWrapper as x } from "./styles.js";
-const o = "error_modal", y = ({ buttonLabel: s = "Home", error: d, handleClick: c }) => {
-  const [r, p] = i(null), [t, u] = i(null);
-  return a(() => {
-    (async () => {
-      const [f, h] = await Promise.all([
-        import("lottie-web"),
-        import("../../../../assets/lotties/error-lottie.json.js")
-      ]);
-      p(f.default), u(h.default);
-    })();
-  }, []), a(() => {
-    if (r && t) {
-      const n = r.loadAnimation({
-        name: o,
-        container: document.getElementById(o),
-        renderer: "svg",
-        loop: !0,
-        autoplay: !0,
-        animationData: t
-      });
-      return () => {
-        n.destroy();
-      };
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { memo as n } from "react";
+import { LOTTIE as p } from "../../../../assets/lottie/lottie.js";
+import a from "../../../ui/buttons/button/button.js";
+import h from "../../../ui/layout/flex-view.js";
+import c from "../../../ui/lottie-animation/lottie-animation.js";
+import o from "../../../ui/separator/separator.js";
+import l from "../../../ui/text/text.js";
+import { BaseWrapper as s } from "./styles.js";
+const d = ({ buttonLabel: e = "Home", error: t, handleClick: i }) => /* @__PURE__ */ r(s, { $background: "BLACK_75", children: /* @__PURE__ */ m(h, { $alignItems: "center", children: [
+  /* @__PURE__ */ r(o, { heightX: 4 }),
+  /* @__PURE__ */ r(c, { src: p.ERROR_LOTTIE, height: 320, width: 320 }),
+  /* @__PURE__ */ r(l, { $renderAs: "h6", $color: "WHITE", $align: "center", children: t || "Oh No! Error detected..." }),
+  /* @__PURE__ */ r(o, { heightX: 1 }),
+  /* @__PURE__ */ r(
+    a,
+    {
+      label: e,
+      onClick: i,
+      renderAs: "primary",
+      size: "regular",
+      widthX: 14
     }
-  }, [r, t]), /* @__PURE__ */ e(x, { $background: "BLACK_75", children: /* @__PURE__ */ g(m, { $alignItems: "center", children: [
-    /* @__PURE__ */ e(l, { heightX: 4 }),
-    /* @__PURE__ */ e(m, { $width: 320, $height: 320, id: o }),
-    /* @__PURE__ */ e($, { $renderAs: "h6", $color: "WHITE", $align: "center", children: d || "Oh No! Error detected..." }),
-    /* @__PURE__ */ e(l, { heightX: 1 }),
-    /* @__PURE__ */ e(
-      E,
-      {
-        label: s,
-        onClick: c,
-        renderAs: "primary",
-        size: "regular",
-        widthX: 14
-      }
-    )
-  ] }) });
-}, R = A(y);
+  )
+] }) }), L = n(d);
 export {
-  R as default
+  L as default
 };
 //# sourceMappingURL=error.js.map

package/dist/features/worksheet/worksheet/worksheet-permissions/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/error.tsx"],"sourcesContent":["import type { LottiePlayer } from 'lottie-web';\n\nimport { memo, useEffect, useState } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { BaseWrapper } from './styles';\n\nconst ERROR_MODAL = 'error_modal';\n\ninterface ErrorProps {\n  buttonLabel?: string;\n  error: string;\n  handleClick: () => void;\n}\n\nconst Error: React.FC<ErrorProps> = ({ buttonLabel = 'Home', error, handleClick }) => {\n  const [lottie, setLottie] = useState<LottiePlayer | null>(null);\n  const [errorAnm, setErrorAnm] = useState<unknown>(null);\n\n  useEffect(() => {\n    const loadDependencies = async () => {\n      const [lottieModule, errorAnmModule] = await Promise.all([\n        import('lottie-web'),\n        import('../../../../assets/lotties/error-lottie.json'),\n      ]);\n\n      setLottie(lottieModule.default);\n      setErrorAnm(errorAnmModule.default);\n    };\n\n    loadDependencies();\n  }, []);\n\n  useEffect(() => {\n    if (lottie && errorAnm) {\n      const animation = lottie.loadAnimation({\n        name: ERROR_MODAL,\n        container: document.getElementById(ERROR_MODAL) as Element,\n        renderer: 'svg',\n        loop: true,\n        autoplay: true,\n        animationData: errorAnm,\n      });\n\n      return () => {\n        animation.destroy();\n      };\n    }\n  }, [lottie, errorAnm]);\n\n  return (\n    <BaseWrapper $background=\"BLACK_75\">\n      <FlexView $alignItems=\"center\">\n        <Separator heightX={4} />\n        <FlexView $width={320} $height={320} id={ERROR_MODAL} />\n        <Text $renderAs=\"h6\" $color=\"WHITE\" $align=\"center\">\n          {error || 'Oh No! Error detected...'}\n        </Text>\n        <Separator heightX={1} />\n        <Button\n          label={buttonLabel}\n          onClick={handleClick}\n          renderAs=\"primary\"\n          size=\"regular\"\n          widthX={14}\n        />\n      </FlexView>\n    </BaseWrapper>\n  );\n};\n\nexport default memo(Error);\n"],"names":["ERROR_MODAL","Error","buttonLabel","error","handleClick","lottie","setLottie","useState","errorAnm","setErrorAnm","useEffect","lottieModule","errorAnmModule","animation","BaseWrapper","jsxs","FlexView","jsx","Separator","Text","Button","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAc,eAQdC,IAA8B,CAAC,EAAE,aAAAC,IAAc,QAAQ,OAAAC,GAAO,aAAAC,QAAkB;AACpF,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAA8B,IAAI,GACxD,CAACC,GAAUC,CAAW,IAAIF,EAAkB,IAAI;AAEtD,SAAAG,EAAU,MAAM;AAWG,KAVQ,YAAY;AACnC,YAAM,CAACC,GAAcC,CAAc,IAAI,MAAM,QAAQ,IAAI;AAAA,QACvD,OAAO,YAAY;AAAA,QACnB,OAAO,iDAA8C;AAAA,MAAA,CACtD;AAED,MAAAN,EAAUK,EAAa,OAAO,GAC9BF,EAAYG,EAAe,OAAO;AAAA,IAAA;EAItC,GAAG,CAAE,CAAA,GAELF,EAAU,MAAM;AACd,QAAIL,KAAUG,GAAU;AAChB,YAAAK,IAAYR,EAAO,cAAc;AAAA,QACrC,MAAML;AAAA,QACN,WAAW,SAAS,eAAeA,CAAW;AAAA,QAC9C,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,eAAeQ;AAAA,MAAA,CAChB;AAED,aAAO,MAAM;AACX,QAAAK,EAAU,QAAQ;AAAA,MAAA;AAAA,IAEtB;AAAA,EAAA,GACC,CAACR,GAAQG,CAAQ,CAAC,qBAGlBM,GAAY,EAAA,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,sBACtBF,GAAS,EAAA,QAAQ,KAAK,SAAS,KAAK,IAAIhB,GAAa;AAAA,IACtD,gBAAAiB,EAACE,KAAK,WAAU,MAAK,QAAO,SAAQ,QAAO,UACxC,UAAAhB,KAAS,2BACZ,CAAA;AAAA,IACA,gBAAAc,EAACC,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAD;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,OAAOlB;AAAA,QACP,SAASE;AAAA,QACT,UAAS;AAAA,QACT,MAAK;AAAA,QACL,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEeD,IAAAkB,EAAKpB,CAAK;"}
+{"version":3,"file":"error.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/error.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { BaseWrapper } from './styles';\n\ninterface ErrorProps {\n  buttonLabel?: string;\n  error: string;\n  handleClick: () => void;\n}\n\nconst Error: React.FC<ErrorProps> = ({ buttonLabel = 'Home', error, handleClick }) => (\n  <BaseWrapper $background=\"BLACK_75\">\n    <FlexView $alignItems=\"center\">\n      <Separator heightX={4} />\n      <LottieAnimation src={LOTTIE.ERROR_LOTTIE} height={320} width={320} />\n      <Text $renderAs=\"h6\" $color=\"WHITE\" $align=\"center\">\n        {error || 'Oh No! Error detected...'}\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        label={buttonLabel}\n        onClick={handleClick}\n        renderAs=\"primary\"\n        size=\"regular\"\n        widthX={14}\n      />\n    </FlexView>\n  </BaseWrapper>\n);\n\nexport default memo(Error);\n"],"names":["Error","buttonLabel","error","handleClick","jsx","BaseWrapper","jsxs","FlexView","Separator","LottieAnimation","LOTTIE","Text","Button","memo"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAA8B,CAAC,EAAE,aAAAC,IAAc,QAAQ,OAAAC,GAAO,aAAAC,EAAA,MAClE,gBAAAC,EAACC,KAAY,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ,EAACK,KAAgB,KAAKC,EAAO,cAAc,QAAQ,KAAK,OAAO,KAAK;AAAA,EACpE,gBAAAN,EAACO,KAAK,WAAU,MAAK,QAAO,SAAQ,QAAO,UACxC,UAAAT,KAAS,2BACZ,CAAA;AAAA,EACA,gBAAAE,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,OAAOX;AAAA,MACP,SAASE;AAAA,MACT,UAAS;AAAA,MACT,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EACF,CAAA,EACF,CAAA,GAGaD,IAAAW,EAAKb,CAAK;"}

package/dist/features/worksheet/worksheet/worksheet-question/header/validated-animation.js

@@ -1,27 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
-import a from "lottie-web";
-import { memo as m, useState as c, useRef as d, useEffect as f } from "react";
-import s from "../../../../../assets/line-icons/icons/check2.js";
-import u from "../../../../../assets/lotties/teacher-validation.json.js";
-import o from "../../../../ui/layout/flex-view.js";
-const w = m(({ validated: e }) => {
-  const [n] = c(e), r = d(null);
-  return f(() => {
-    if (!n && e && r.current) {
-      const i = a.loadAnimation({
-        name: "validated",
-        container: r.current,
-        renderer: "svg",
-        loop: !1,
-        autoplay: !0,
-        animationData: u
-      });
-      return () => {
-        i.destroy();
-      };
-    }
-  }, [e, n]), n ? /* @__PURE__ */ t(o, { $width: 40, $height: 40, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ t(
-    o,
+import { memo as n, useState as r } from "react";
+import m from "../../../../../assets/line-icons/icons/check2.js";
+import { LOTTIE as a } from "../../../../../assets/lottie/lottie.js";
+import e from "../../../../ui/layout/flex-view.js";
+import s from "../../../../ui/lottie-animation/lottie-animation.js";
+const d = { name: "validated", loop: !1 }, g = n(({ validated: i }) => {
+  const [o] = r(i);
+  return o ? /* @__PURE__ */ t(e, { $width: 40, $height: 40, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ t(
+    e,
     {
       $borderRadius: 10,
       $background: "REAL_BLACK",
@@ -29,11 +15,11 @@ const w = m(({ validated: e }) => {
       $height: 20,
       $alignItems: "center",
       $justifyContent: "center",
-      children: /* @__PURE__ */ t(s, { color: "WHITE", width: 16, height: 16 })
+      children: /* @__PURE__ */ t(m, { color: "WHITE", width: 16, height: 16 })
     }
-  ) }) : /* @__PURE__ */ t("div", { ref: r });
+  ) }) : /* @__PURE__ */ t(s, { src: a.TEACHER_VALIDATION, settings: d });
 });
 export {
-  w as default
+  g as default
 };
 //# sourceMappingURL=validated-animation.js.map

package/dist/features/worksheet/worksheet/worksheet-question/header/validated-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"validated-animation.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/validated-animation.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport Lottie from 'lottie-web';\nimport { memo, useEffect, useRef, useState } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport validatedLottieJSON from '../../../../../assets/lotties/teacher-validation.json';\nimport FlexView from '../../../../ui/layout/flex-view';\n\ninterface IValidatedAnimationProps {\n  validated: boolean;\n}\n\nconst ValidatedAnimation: FC<IValidatedAnimationProps> = memo(({ validated }) => {\n  const [validatedOnMount] = useState(validated);\n  const animationContainerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!validatedOnMount && validated && animationContainerRef.current) {\n      const animation = Lottie.loadAnimation({\n        name: 'validated',\n        container: animationContainerRef.current as Element,\n        renderer: 'svg',\n        loop: false,\n        autoplay: true,\n        animationData: validatedLottieJSON,\n      });\n\n      return () => {\n        animation.destroy();\n      };\n    }\n  }, [validated, validatedOnMount]);\n\n  if (validatedOnMount) {\n    return (\n      <FlexView $width={40} $height={40} $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView\n          $borderRadius={10}\n          $background=\"REAL_BLACK\"\n          $width={20}\n          $height={20}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          <Check2Icon color=\"WHITE\" width={16} height={16} />\n        </FlexView>\n      </FlexView>\n    );\n  }\n\n  return <div ref={animationContainerRef} />;\n});\n\nexport default ValidatedAnimation;\n"],"names":["ValidatedAnimation","memo","validated","validatedOnMount","useState","animationContainerRef","useRef","useEffect","animation","Lottie","validatedLottieJSON","jsx","FlexView","Check2Icon"],"mappings":";;;;;;AAaA,MAAMA,IAAmDC,EAAK,CAAC,EAAE,WAAAC,QAAgB;AAC/E,QAAM,CAACC,CAAgB,IAAIC,EAASF,CAAS,GACvCG,IAAwBC,EAAuB,IAAI;AAmBzD,SAjBAC,EAAU,MAAM;AACd,QAAI,CAACJ,KAAoBD,KAAaG,EAAsB,SAAS;AAC7D,YAAAG,IAAYC,EAAO,cAAc;AAAA,QACrC,MAAM;AAAA,QACN,WAAWJ,EAAsB;AAAA,QACjC,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,eAAeK;AAAA,MAAA,CAChB;AAED,aAAO,MAAM;AACX,QAAAF,EAAU,QAAQ;AAAA,MAAA;AAAA,IAEtB;AAAA,EAAA,GACC,CAACN,GAAWC,CAAgB,CAAC,GAE5BA,IAEA,gBAAAQ,EAACC,KAAS,QAAQ,IAAI,SAAS,IAAI,aAAY,UAAS,iBAAgB,UACtE,UAAA,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAe;AAAA,MACf,aAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAEhB,4BAACC,GAAW,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,IAAI;AAAA,IAAA;AAAA,EAErD,EAAA,CAAA,IAIG,gBAAAF,EAAC,OAAI,EAAA,KAAKN,EAAuB,CAAA;AAC1C,CAAC;"}
+{"version":3,"file":"validated-animation.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/header/validated-animation.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo, useState } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\n\ninterface IValidatedAnimationProps {\n  validated: boolean;\n}\n\nconst animationSettings = { name: 'validated', loop: false };\n\nconst ValidatedAnimation: FC<IValidatedAnimationProps> = memo(({ validated }) => {\n  const [validatedOnMount] = useState(validated);\n\n  if (validatedOnMount) {\n    return (\n      <FlexView $width={40} $height={40} $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView\n          $borderRadius={10}\n          $background=\"REAL_BLACK\"\n          $width={20}\n          $height={20}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          <Check2Icon color=\"WHITE\" width={16} height={16} />\n        </FlexView>\n      </FlexView>\n    );\n  }\n\n  return <LottieAnimation src={LOTTIE.TEACHER_VALIDATION} settings={animationSettings} />;\n});\n\nexport default ValidatedAnimation;\n"],"names":["animationSettings","ValidatedAnimation","memo","validated","validatedOnMount","useState","jsx","FlexView","Check2Icon","LottieAnimation","LOTTIE"],"mappings":";;;;;;AAaA,MAAMA,IAAoB,EAAE,MAAM,aAAa,MAAM,GAAM,GAErDC,IAAmDC,EAAK,CAAC,EAAE,WAAAC,QAAgB;AAC/E,QAAM,CAACC,CAAgB,IAAIC,EAASF,CAAS;AAE7C,SAAIC,IAEA,gBAAAE,EAACC,KAAS,QAAQ,IAAI,SAAS,IAAI,aAAY,UAAS,iBAAgB,UACtE,UAAA,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAe;AAAA,MACf,aAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAEhB,4BAACC,GAAW,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,IAAI;AAAA,IAAA;AAAA,EAErD,EAAA,CAAA,sBAIIC,GAAgB,EAAA,KAAKC,EAAO,oBAAoB,UAAUV,EAAmB,CAAA;AACvF,CAAC;"}

package/dist/index.d.ts

@@ -3280,6 +3280,64 @@ export declare const Lock2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const LockIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const LOTTIE: {
+    ACCURACY_METER: string;
+    ACCURACY_NEEDLE: string;
+    BEGINNER1X: string;
+    BRONZE_1: string;
+    BRONZE_2: string;
+    BRONZE_3: string;
+    CIRCULAR_LOADER: string;
+    CLOCK_30MIN: string;
+    CLOCK_45MIN: string;
+    CLOCK_60MIN: string;
+    CLOCK_90MIN: string;
+    COLOR_1: string;
+    COLOR_2: string;
+    COLOR_3: string;
+    DIFFICULT: string;
+    EASY: string;
+    EASY_RESCHEDULING_LOTTIE: string;
+    ELITE_CIRCLE: string;
+    ERROR_LOTTIE: string;
+    FAMILIAR1X: string;
+    FIFTEEN_MIN_CLOCK: string;
+    FIVE_MIN_CLOCK: string;
+    GOLD_1: string;
+    GOLD_2: string;
+    GOLD_3: string;
+    LEVELUP_RINGS: string;
+    MEDIUM: string;
+    NUDGE_TAP: string;
+    POINT100: string;
+    POINT10: string;
+    POINT15: string;
+    POINT1: string;
+    POINT20: string;
+    POINT25: string;
+    POINT30: string;
+    POINT35: string;
+    POINT40: string;
+    POINT45: string;
+    POINT50: string;
+    POINT5: string;
+    POINT60: string;
+    PROFICIENT1X: string;
+    SILVER_1: string;
+    SILVER_2: string;
+    SILVER_3: string;
+    SLEEPY_BOI: string;
+    SPINNER_WHITE: string;
+    SPLASH_SCREEN: string;
+    STAY_CONNECTED_LOTTIE: string;
+    TEACHER_VALIDATION: string;
+    TOTAL_STREAK: string;
+    TOTAL_TIME: string;
+    TOTAL_TIME_SPENT: string;
+    TOURNAMENT_RIPPLE: string;
+    TRACK_PROGRESS_LOTTIE: string;
+};
+
 export declare const LPARChapter: FC<ILPARChapterProps>;
 
 export declare const LPARMilestoneChapter: FC<ILPARMilestoneChapter>;