@cuemath/leap 2.8.25-link.0 → 2.8.25-link.1

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

@@ -1,13 +1,27 @@
 import { jsx as t } from "react/jsx-runtime";
-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,
+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,
     {
       $borderRadius: 10,
       $background: "REAL_BLACK",
@@ -15,11 +29,11 @@ const d = { name: "validated", loop: !1 }, g = n(({ validated: i }) => {
       $height: 20,
       $alignItems: "center",
       $justifyContent: "center",
-      children: /* @__PURE__ */ t(m, { color: "WHITE", width: 16, height: 16 })
+      children: /* @__PURE__ */ t(s, { color: "WHITE", width: 16, height: 16 })
     }
-  ) }) : /* @__PURE__ */ t(s, { src: a.TEACHER_VALIDATION, settings: d });
+  ) }) : /* @__PURE__ */ t("div", { ref: r });
 });
 export {
-  g as default
+  w 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 { 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;"}
+{"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;"}

package/dist/index.d.ts

@@ -3280,64 +3280,6 @@ 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>;