@cuemath/leap 2.8.25 → 2.8.27

package/dist/features/trial-session/trial-session-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-session-view.js","sources":["../../../src/features/trial-session/trial-session-view.tsx"],"sourcesContent":["import type { ITrialCircleGameParams } from './comps/trial-circle-game/trial-circle-game-types';\nimport type {\n  ITrialSessionContext,\n  ITrialSessionViewProps,\n  ITrialSessionFormFields,\n} from './trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport FlexView from '../ui/layout/flex-view';\nimport TrialSessionContext from './context/trial-session-context';\nimport { useButtonStateForLeftPanel } from './hooks/use-left-panel-button-state';\nimport LeftPanel from './left-panel';\nimport RightPanel from './right-panel';\n\nconst TrialSessionView: FC<ITrialSessionViewProps> = memo(props => {\n  const {\n    userType,\n    teacherPanel,\n    studentPanel,\n    trialGameUrl,\n    formData: formDataProps,\n    height = '100vh',\n    trialHomeData,\n    milestoneConfig,\n    onFormDataChange,\n    worksheet,\n    studentId,\n    teacherId,\n    classStartedOn,\n    worksheetNavigationPanel,\n    questionsRatingPanel,\n    studentAbsentInClass,\n    openEndClassModal,\n    onTrialInformationUpdate,\n    onStudentTimezoneUpdate,\n    handleInfoMessage,\n    onRemoveOptionalSlides,\n    classDuration,\n    studentTimezone,\n    classTimeAlertConfig,\n  } = props;\n  const isTeacher = userType === 'TEACHER';\n  const { pages: slides = [], student } = trialHomeData;\n  const { name: studentName, grade: studentGrade } = student || {};\n  const [formData, setFormData] = useState<ITrialSessionFormFields | undefined>(formDataProps);\n  const formDataToUse = isTeacher ? formData : formDataProps;\n  const currentSlideId = formDataToUse?.id;\n  const currentSlideConfig = useMemo(\n    () => slides.find(config => config.id === currentSlideId) ?? slides[0]!,\n    [currentSlideId, slides],\n  );\n\n  const circleGames = useMemo(() => {\n    const data = {\n      circleConfig: trialHomeData.circle_trial_game_config,\n      playerDetails: {\n        matchMakingId: `${teacherId}_${studentId}_trial_v3`,\n        userId: isTeacher ? teacherId : studentId,\n        circle_username: trialHomeData[isTeacher ? 'teacher' : 'student'].circle_username,\n        user_avatar: trialHomeData[isTeacher ? 'teacher' : 'student'].user_avatar,\n        playerType: userType,\n      },\n    } as ITrialCircleGameParams;\n\n    if (userType === 'STUDENT') {\n      data.playerDetails.grade = trialHomeData.student.grade;\n    }\n\n    return data;\n  }, [isTeacher, studentId, teacherId, trialHomeData, userType]);\n\n  const updateSlideConfig = useCallback((config: Partial<ITrialSessionFormFields>) => {\n    setFormData(previousProps => {\n      if (!previousProps) return config as ITrialSessionFormFields;\n\n      return { ...previousProps, ...config };\n    });\n  }, []);\n  const { buttonState, updateButtonState } = useButtonStateForLeftPanel();\n\n  const contextValue = useMemo<ITrialSessionContext>(\n    () => ({\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      slideConfig: currentSlideConfig,\n      milestoneConfig,\n      formData: isTeacher ? formData : formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    }),\n    [\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      currentSlideConfig,\n      milestoneConfig,\n      formData,\n      formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    ],\n  );\n\n  useEffect(() => {\n    if (formData && onFormDataChange) {\n      onFormDataChange(formData);\n    }\n  }, [onFormDataChange, formData]);\n\n  useEffect(() => {\n    if (!studentTimezone) onStudentTimezoneUpdate?.();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentSlideId]);\n\n  useEffect(() => {\n    updateSlideConfig({ name: studentName, grade: studentGrade, studentTimezone });\n  }, [studentName, studentGrade, updateSlideConfig, studentTimezone]);\n\n  return (\n    <TrialSessionContext.Provider value={contextValue}>\n      <FlexView $height={height} $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n        <LeftPanel />\n        <RightPanel />\n      </FlexView>\n    </TrialSessionContext.Provider>\n  );\n});\n\nexport default TrialSessionView;\n"],"names":["TrialSessionView","memo","props","userType","teacherPanel","studentPanel","trialGameUrl","formDataProps","height","trialHomeData","milestoneConfig","onFormDataChange","worksheet","studentId","teacherId","classStartedOn","worksheetNavigationPanel","questionsRatingPanel","studentAbsentInClass","openEndClassModal","onTrialInformationUpdate","onStudentTimezoneUpdate","handleInfoMessage","onRemoveOptionalSlides","classDuration","studentTimezone","classTimeAlertConfig","isTeacher","slides","student","studentName","studentGrade","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","contextValue","useEffect","jsx","TrialSessionContext","jsxs","FlexView","LeftPanel","RightPanel"],"mappings":";;;;;;;AAgBM,MAAAA,KAA+CC,EAAK,CAASC,MAAA;AAC3D,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAUC;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAAC;AAAA,EACE,IAAAxB,GACEyB,IAAYxB,MAAa,WACzB,EAAE,OAAOyB,IAAS,CAAC,GAAG,SAAAC,MAAYpB,GAClC,EAAE,MAAMqB,GAAa,OAAOC,EAAa,IAAIF,KAAW,IACxD,CAACG,GAAUC,CAAW,IAAIC,EAA8C3B,CAAa,GACrF4B,IAAgBR,IAAYK,IAAWzB,GACvC6B,IAAiBD,KAAA,gBAAAA,EAAe,IAChCE,IAAqBC;AAAA,IACzB,MAAMV,EAAO,KAAK,CAAAW,MAAUA,EAAO,OAAOH,CAAc,KAAKR,EAAO,CAAC;AAAA,IACrE,CAACQ,GAAgBR,CAAM;AAAA,EAAA,GAGnBY,IAAcF,EAAQ,MAAM;AAChC,UAAMG,IAAO;AAAA,MACX,cAAchC,EAAc;AAAA,MAC5B,eAAe;AAAA,QACb,eAAe,GAAGK,CAAS,IAAID,CAAS;AAAA,QACxC,QAAQc,IAAYb,IAAYD;AAAA,QAChC,iBAAiBJ,EAAckB,IAAY,YAAY,SAAS,EAAE;AAAA,QAClE,aAAalB,EAAckB,IAAY,YAAY,SAAS,EAAE;AAAA,QAC9D,YAAYxB;AAAA,MACd;AAAA,IAAA;AAGF,WAAIA,MAAa,cACVsC,EAAA,cAAc,QAAQhC,EAAc,QAAQ,QAG5CgC;AAAA,EAAA,GACN,CAACd,GAAWd,GAAWC,GAAWL,GAAeN,CAAQ,CAAC,GAEvDuC,IAAoBC,EAAY,CAACJ,MAA6C;AAClF,IAAAN,EAAY,CAAiBW,MACtBA,IAEE,EAAE,GAAGA,GAAe,GAAGL,MAFHA,CAG5B;AAAA,EACH,GAAG,CAAE,CAAA,GACC,EAAE,aAAAM,GAAa,mBAAAC,EAAkB,IAAIC,EAA2B,GAEhEC,IAAeV;AAAA,IACnB,OAAO;AAAA,MACL,cAAAlC;AAAA,MACA,cAAAC;AAAA,MACA,WAAAsB;AAAA,MACA,aAAaU;AAAA,MACb,iBAAA3B;AAAA,MACA,UAAUiB,IAAYK,IAAWzB;AAAA,MACjC,mBAAAmC;AAAA,MACA,WAAA9B;AAAA,MACA,aAAAiC;AAAA,MACA,mBAAAC;AAAA,MACA,WAAAjC;AAAA,MACA,WAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,eAAAN;AAAA,MACA,0BAAAO;AAAA,MACA,sBAAAC;AAAA,MACA,0BAAAG;AAAA,MACA,mBAAAD;AAAA,MACA,sBAAAD;AAAA,MACA,aAAAsB;AAAA,MACA,cAAAlC;AAAA,MACA,mBAAAgB;AAAA,MACA,wBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,sBAAAE;AAAA,IAAA;AAAA,IAEF;AAAA,MACEtB;AAAA,MACAC;AAAA,MACAsB;AAAA,MACAU;AAAA,MACA3B;AAAA,MACAsB;AAAA,MACAzB;AAAA,MACAmC;AAAA,MACA9B;AAAA,MACAiC;AAAA,MACAC;AAAA,MACAjC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAN;AAAA,MACAO;AAAA,MACAC;AAAA,MACAG;AAAA,MACAD;AAAA,MACAD;AAAA,MACAsB;AAAA,MACAlC;AAAA,MACAgB;AAAA,MACAC;AAAA,MACAC;AAAA,MACAE;AAAA,IACF;AAAA,EAAA;AAGF,SAAAuB,EAAU,MAAM;AACd,IAAIjB,KAAYrB,KACdA,EAAiBqB,CAAQ;AAAA,EAC3B,GACC,CAACrB,GAAkBqB,CAAQ,CAAC,GAE/BiB,EAAU,MAAM;AACV,IAACxB,KAA2CJ,KAAA,QAAAA;AAAA,EAAA,GAE/C,CAACe,CAAc,CAAC,GAEnBa,EAAU,MAAM;AACd,IAAAP,EAAkB,EAAE,MAAMZ,GAAa,OAAOC,GAAc,iBAAAN,GAAiB;AAAA,KAC5E,CAACK,GAAaC,GAAcW,GAAmBjB,CAAe,CAAC,GAG/D,gBAAAyB,EAAAC,EAAoB,UAApB,EAA6B,OAAOH,GACnC,UAAA,gBAAAI,EAACC,GAAS,EAAA,SAAS7C,GAAQ,gBAAe,OAAM,iBAAgB,UAAS,aAAY,UACnF,UAAA;AAAA,IAAA,gBAAA0C,EAACI,GAAU,EAAA;AAAA,sBACVC,GAAW,EAAA;AAAA,EAAA,EACd,CAAA,EACF,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"trial-session-view.js","sources":["../../../src/features/trial-session/trial-session-view.tsx"],"sourcesContent":["import type { ITrialCircleGameParams } from './comps/trial-circle-game/trial-circle-game-types';\nimport type {\n  ITrialSessionContext,\n  ITrialSessionViewProps,\n  ITrialSessionFormFields,\n} from './trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { getGradesFromConfig } from '../milestone/create/milestone-create-helpers';\nimport FlexView from '../ui/layout/flex-view';\nimport TrialSessionContext from './context/trial-session-context';\nimport { useButtonStateForLeftPanel } from './hooks/use-left-panel-button-state';\nimport LeftPanel from './left-panel';\nimport RightPanel from './right-panel';\n\nconst TrialSessionView: FC<ITrialSessionViewProps> = memo(props => {\n  const {\n    userType,\n    teacherPanel,\n    studentPanel,\n    trialGameUrl,\n    formData: formDataProps,\n    height = '100vh',\n    trialHomeData,\n    milestoneConfig,\n    onFormDataChange,\n    worksheet,\n    studentId,\n    teacherId,\n    classStartedOn,\n    worksheetNavigationPanel,\n    questionsRatingPanel,\n    studentAbsentInClass,\n    openEndClassModal,\n    onTrialInformationUpdate,\n    onStudentTimezoneUpdate,\n    handleInfoMessage,\n    onRemoveOptionalSlides,\n    classDuration,\n    studentTimezone,\n    classTimeAlertConfig,\n  } = props;\n  const isTeacher = userType === 'TEACHER';\n  const { pages: slides = [], student } = trialHomeData;\n  const { name: studentName, grade: studentGrade } = student || {};\n  const [formData, setFormData] = useState<ITrialSessionFormFields | undefined>(formDataProps);\n  const formDataToUse = isTeacher ? formData : formDataProps;\n  const currentSlideId = formDataToUse?.id;\n  const currentSlideConfig = useMemo(\n    () => slides.find(config => config.id === currentSlideId) ?? slides[0]!,\n    [currentSlideId, slides],\n  );\n\n  const circleGames = useMemo(() => {\n    const data = {\n      circleConfig: trialHomeData.circle_trial_game_config,\n      playerDetails: {\n        matchMakingId: `${teacherId}_${studentId}_trial_v3`,\n        userId: isTeacher ? teacherId : studentId,\n        circle_username: trialHomeData[isTeacher ? 'teacher' : 'student'].circle_username,\n        user_avatar: trialHomeData[isTeacher ? 'teacher' : 'student'].user_avatar,\n        playerType: userType,\n      },\n    } as ITrialCircleGameParams;\n\n    if (userType === 'STUDENT') {\n      data.playerDetails.grade = trialHomeData.student.grade;\n    }\n\n    return data;\n  }, [isTeacher, studentId, teacherId, trialHomeData, userType]);\n\n  const updateSlideConfig = useCallback((config: Partial<ITrialSessionFormFields>) => {\n    setFormData(previousProps => {\n      if (!previousProps) return config as ITrialSessionFormFields;\n\n      return { ...previousProps, ...config };\n    });\n  }, []);\n  const { buttonState, updateButtonState } = useButtonStateForLeftPanel();\n\n  const contextValue = useMemo<ITrialSessionContext>(\n    () => ({\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      slideConfig: currentSlideConfig,\n      milestoneConfig,\n      formData: isTeacher ? formData : formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    }),\n    [\n      teacherPanel,\n      studentPanel,\n      isTeacher,\n      currentSlideConfig,\n      milestoneConfig,\n      formData,\n      formDataProps,\n      updateSlideConfig,\n      worksheet,\n      buttonState,\n      updateButtonState,\n      studentId,\n      teacherId,\n      classStartedOn,\n      trialHomeData,\n      worksheetNavigationPanel,\n      questionsRatingPanel,\n      onTrialInformationUpdate,\n      openEndClassModal,\n      studentAbsentInClass,\n      circleGames,\n      trialGameUrl,\n      handleInfoMessage,\n      onRemoveOptionalSlides,\n      classDuration,\n      classTimeAlertConfig,\n    ],\n  );\n\n  useEffect(() => {\n    if (formData && onFormDataChange) {\n      onFormDataChange(formData);\n    }\n  }, [onFormDataChange, formData]);\n\n  useEffect(() => {\n    if (!studentTimezone) onStudentTimezoneUpdate?.();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentSlideId]);\n\n  const IsGradeExistInMilestoneConfig = useMemo(\n    () => !!getGradesFromConfig(milestoneConfig).find(element => element.id === studentGrade),\n    [milestoneConfig, studentGrade],\n  );\n\n  useEffect(() => {\n    updateSlideConfig({\n      studentTimezone,\n      name: studentName,\n      grade: IsGradeExistInMilestoneConfig ? studentGrade : '',\n    });\n  }, [\n    studentName,\n    studentGrade,\n    updateSlideConfig,\n    studentTimezone,\n    IsGradeExistInMilestoneConfig,\n  ]);\n\n  return (\n    <TrialSessionContext.Provider value={contextValue}>\n      <FlexView $height={height} $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n        <LeftPanel />\n        <RightPanel />\n      </FlexView>\n    </TrialSessionContext.Provider>\n  );\n});\n\nexport default TrialSessionView;\n"],"names":["TrialSessionView","memo","props","userType","teacherPanel","studentPanel","trialGameUrl","formDataProps","height","trialHomeData","milestoneConfig","onFormDataChange","worksheet","studentId","teacherId","classStartedOn","worksheetNavigationPanel","questionsRatingPanel","studentAbsentInClass","openEndClassModal","onTrialInformationUpdate","onStudentTimezoneUpdate","handleInfoMessage","onRemoveOptionalSlides","classDuration","studentTimezone","classTimeAlertConfig","isTeacher","slides","student","studentName","studentGrade","formData","setFormData","useState","formDataToUse","currentSlideId","currentSlideConfig","useMemo","config","circleGames","data","updateSlideConfig","useCallback","previousProps","buttonState","updateButtonState","useButtonStateForLeftPanel","contextValue","useEffect","IsGradeExistInMilestoneConfig","getGradesFromConfig","element","jsx","TrialSessionContext","jsxs","FlexView","LeftPanel","RightPanel"],"mappings":"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"}

package/dist/features/ui/loader/circular-loader/circular-loader.js

@@ -1,23 +1,19 @@
-import { jsx as o } from "react/jsx-runtime";
-import e from "lottie-web";
-import { useRef as i, useEffect as n } from "react";
-import a from "../../../../assets/lotties/circle/circular-loader.json.js";
-import { Loader as m, LottieContainer as u } from "./circular-loader-styled.js";
-const d = () => {
-  const r = i(null);
-  return n(() => {
-    const t = e.loadAnimation({
-      container: r.current,
-      animationData: a,
-      autoplay: !0,
-      loop: !0
-    });
-    return () => {
-      t.destroy();
-    };
-  }, []), /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(u, { ref: r }) });
-};
+import { jsx as t } from "react/jsx-runtime";
+import { LOTTIE as r } from "../../../../assets/lottie/lottie.js";
+import i from "../../layout/flex-view.js";
+import o from "../../lottie-animation/lottie-animation.js";
+const h = () => /* @__PURE__ */ t(
+  i,
+  {
+    $width: "100%",
+    $height: "100%",
+    $alignItems: "center",
+    $justifyContent: "center",
+    $background: "TRANSPARENT",
+    children: /* @__PURE__ */ t(o, { width: "50%", height: "50%", src: r.CIRCULAR_LOADER })
+  }
+);
 export {
-  d as CircularLoader
+  h as CircularLoader
 };
 //# sourceMappingURL=circular-loader.js.map

package/dist/features/ui/loader/circular-loader/circular-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular-loader.js","sources":["../../../../../src/features/ui/loader/circular-loader/circular-loader.tsx"],"sourcesContent":["import Lottie from 'lottie-web';\nimport { useEffect, useRef } from 'react';\n\nimport circularLoader from '../../../../assets/lotties/circle/circular-loader.json';\nimport * as Styled from './circular-loader-styled';\n\nexport const CircularLoader = () => {\n  const lottieContainerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const animation = Lottie.loadAnimation({\n      container: lottieContainerRef.current as Element,\n      animationData: circularLoader,\n      autoplay: true,\n      loop: true,\n    });\n\n    return () => {\n      animation.destroy();\n    };\n  }, []);\n\n  return (\n    <Styled.Loader>\n      <Styled.LottieContainer ref={lottieContainerRef} />\n    </Styled.Loader>\n  );\n};\n"],"names":["CircularLoader","lottieContainerRef","useRef","useEffect","animation","Lottie","circularLoader","jsx","Styled.Loader","Styled.LottieContainer"],"mappings":";;;;;AAMO,MAAMA,IAAiB,MAAM;AAC5B,QAAAC,IAAqBC,EAAuB,IAAI;AAEtD,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAYC,EAAO,cAAc;AAAA,MACrC,WAAWJ,EAAmB;AAAA,MAC9B,eAAeK;AAAA,MACf,UAAU;AAAA,MACV,MAAM;AAAA,IAAA,CACP;AAED,WAAO,MAAM;AACX,MAAAF,EAAU,QAAQ;AAAA,IAAA;AAAA,EAEtB,GAAG,CAAE,CAAA,GAGH,gBAAAG,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAuB,KAAKR,GAAoB,EACnD,CAAA;AAEJ;"}
+{"version":3,"file":"circular-loader.js","sources":["../../../../../src/features/ui/loader/circular-loader/circular-loader.tsx"],"sourcesContent":["import { LOTTIE } from '../../../../assets/lottie/lottie';\nimport FlexView from '../../layout/flex-view';\nimport LottieAnimation from '../../lottie-animation/lottie-animation';\n\nexport const CircularLoader = () => (\n  <FlexView\n    $width=\"100%\"\n    $height=\"100%\"\n    $alignItems=\"center\"\n    $justifyContent=\"center\"\n    $background=\"TRANSPARENT\"\n  >\n    <LottieAnimation width=\"50%\" height=\"50%\" src={LOTTIE.CIRCULAR_LOADER} />\n  </FlexView>\n);\n"],"names":["CircularLoader","jsx","FlexView","LottieAnimation","LOTTIE"],"mappings":";;;;AAIO,MAAMA,IAAiB,MAC5B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,aAAY;AAAA,IAEZ,UAAA,gBAAAD,EAACE,KAAgB,OAAM,OAAM,QAAO,OAAM,KAAKC,EAAO,gBAAiB,CAAA;AAAA,EAAA;AACzE;"}

package/dist/features/ui/lottie-animation/helper.js

@@ -0,0 +1,13 @@
+const c = async (o) => {
+  let e = null;
+  try {
+    e = await fetch(o).then((t) => t.json()).catch(() => null);
+  } catch (t) {
+    console.log("Error while fetching the lottie: ", t);
+  }
+  return e;
+};
+export {
+  c as fetchLottie
+};
+//# sourceMappingURL=helper.js.map

package/dist/features/ui/lottie-animation/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\n\nexport const fetchLottie = async (lottieSrc: string): Promise<AnimationItem | null> => {\n  let lottieJson: AnimationItem | null = null;\n\n  try {\n    lottieJson = await fetch(lottieSrc)\n      .then(res => res.json())\n      .catch(() => null);\n  } catch (error) {\n    /* eslint-disable no-console */\n    console.log('Error while fetching the lottie: ', error);\n  }\n\n  return lottieJson;\n};\n"],"names":["fetchLottie","lottieSrc","lottieJson","res","error"],"mappings":"AAEa,MAAAA,IAAc,OAAOC,MAAqD;AACrF,MAAIC,IAAmC;AAEnC,MAAA;AACF,IAAAA,IAAa,MAAM,MAAMD,CAAS,EAC/B,KAAK,CAAAE,MAAOA,EAAI,KAAA,CAAM,EACtB,MAAM,MAAM,IAAI;AAAA,WACZC,GAAO;AAEN,YAAA,IAAI,qCAAqCA,CAAK;AAAA,EACxD;AAEO,SAAAF;AACT;"}

package/dist/features/ui/lottie-animation/lottie-animation.js

@@ -0,0 +1,37 @@
+import { jsx as d } from "react/jsx-runtime";
+import p from "lottie-web";
+import { memo as h, forwardRef as L, useRef as m, useImperativeHandle as g, useEffect as v } from "react";
+import w from "../layout/flex-view.js";
+import { fetchLottie as y } from "./helper.js";
+const A = L((s, u) => {
+  const { src: i, width: l = "100%", height: f = "100%", settings: a, eventListener: t, onRender: n } = s, o = m(null), e = m(null);
+  return g(
+    u,
+    () => ({
+      playSegments: (c, r) => {
+        e.current && e.current.playSegments(c, r);
+      }
+    }),
+    []
+  ), v(() => ((async () => {
+    try {
+      const r = await y(i);
+      o.current && (e.current = p.loadAnimation({
+        container: o.current,
+        animationData: r,
+        renderer: "svg",
+        loop: !0,
+        autoplay: !0,
+        ...a
+      }), n == null || n(), t && e.current.addEventListener(t.name, t.callback));
+    } catch (r) {
+      throw Error(`Error loading Lottie animation: ${r}`);
+    }
+  })(), () => {
+    e.current && (t && e.current.removeEventListener(t.name, t.callback), e.current.destroy());
+  }), [i, t, n, a]), /* @__PURE__ */ d(w, { ref: o, $width: l, $height: f });
+}), I = h(A);
+export {
+  I as default
+};
+//# sourceMappingURL=lottie-animation.js.map

package/dist/features/ui/lottie-animation/lottie-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationItem, AnimationSegment } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const { src, width = '100%', height = '100%', settings, eventListener, onRender } = props;\n\n  const container = useRef<HTMLDivElement>(null);\n  const animationInstance = useRef<AnimationItem | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: AnimationSegment, forceFlag?: boolean) => {\n        if (animationInstance.current) {\n          animationInstance.current.playSegments(segments, forceFlag);\n        }\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n\n        if (container.current) {\n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\n            renderer: 'svg',\n            loop: true,\n            autoplay: true,\n            ...settings,\n          });\n\n          onRender?.();\n          if (eventListener) {\n            animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n          }\n        }\n      } catch (error) {\n        throw Error(`Error loading Lottie animation: ${error}`);\n      }\n    };\n\n    loadAnimation();\n\n    return () => {\n      if (animationInstance.current) {\n        if (eventListener) {\n          animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n        }\n        animationInstance.current.destroy();\n      }\n    };\n  }, [src, eventListener, onRender, settings]);\n\n  return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","container","useRef","animationInstance","useImperativeHandle","segments","forceFlag","useEffect","animationData","fetchLottie","lottie","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA,EAAE,KAAAC,GAAK,OAAAC,IAAQ,QAAQ,QAAAC,IAAS,QAAQ,UAAAC,GAAU,eAAAC,GAAe,UAAAC,EAAa,IAAAP,GAE9EQ,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI;AAE3D,SAAAE;AAAA,IACEV;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACW,GAA4BC,MAAwB;AACjE,QAAIH,EAAkB,WACFA,EAAA,QAAQ,aAAaE,GAAUC,CAAS;AAAA,MAE9D;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHC,EAAU,QACc,YAAY;AAC5B,QAAA;AACI,YAAAC,IAAgB,MAAMC,EAAYd,CAAG;AAE3C,MAAIM,EAAU,YACME,EAAA,UAAUO,EAAO,cAAc;AAAA,QAC/C,WAAWT,EAAU;AAAA,QACrB,eAAAO;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAGV;AAAA,MAAA,CACJ,GAEUE,KAAA,QAAAA,KACPD,KACFI,EAAkB,QAAQ,iBAAiBJ,EAAc,MAAMA,EAAc,QAAQ;AAAA,aAGlFY,GAAO;AACR,YAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,IACxD;AAAA,EAAA,MAKK,MAAM;AACX,IAAIR,EAAkB,YAChBJ,KACFI,EAAkB,QAAQ,oBAAoBJ,EAAc,MAAMA,EAAc,QAAQ,GAE1FI,EAAkB,QAAQ;EAC5B,IAED,CAACR,GAAKI,GAAeC,GAAUF,CAAQ,CAAC,qBAEnCc,GAAS,EAAA,KAAKX,GAAW,QAAQL,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEcgB,IAAAC,EAAKvB,CAAe;"}

package/dist/features/ui/nudge/nudge-styled.js

@@ -1,5 +1,5 @@
 import e from "styled-components";
-import o from "../layout/flex-view.js";
+import n from "../layout/flex-view.js";
 const r = e.div`
   position: absolute;
   top: ${({ $top: t }) => t}px;
@@ -11,18 +11,14 @@ const r = e.div`
   align-items: end;
   z-index: ${({ $zIndex: t }) => t};
   pointer-events: none;
-`, p = e(o)`
-  height: 64px;
-  width: 64px;
+`, p = e(n)`
   overflow: hidden;
-`, s = e.div`
-  cursor: pointer;
-  & > svg {
+
+  & svg {
     transform: scale(3.5) !important;
   }
 `;
 export {
-  s as Nudge,
   p as NudgeLottieContainer,
   r as NudgeWrapper
 };

package/dist/features/ui/nudge/nudge-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"nudge-styled.js","sources":["../../../../src/features/ui/nudge/nudge-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\ninterface NudgeWrapperProps {\n  $top: number;\n  $left: number;\n  $zIndex: number;\n}\n\nexport const NudgeWrapper = styled.div<NudgeWrapperProps>`\n  position: absolute;\n  top: ${({ $top }) => $top}px;\n  left: ${({ $left }) => $left}px;\n  height: max-content;\n  width: max-content;\n  display: flex;\n  justify-content: center;\n  align-items: end;\n  z-index: ${({ $zIndex }) => $zIndex};\n  pointer-events: none;\n`;\n\nexport const NudgeLottieContainer = styled(FlexView)`\n  height: 64px;\n  width: 64px;\n  overflow: hidden;\n`;\n\nexport const Nudge = styled.div`\n  cursor: pointer;\n  & > svg {\n    transform: scale(3.5) !important;\n  }\n`;\n"],"names":["NudgeWrapper","styled","$top","$left","$zIndex","NudgeLottieContainer","FlexView","Nudge"],"mappings":";;AAUO,MAAMA,IAAeC,EAAO;AAAA;AAAA,SAE1B,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA,UACjB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjB,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA;AAAA,GAIxBC,IAAuBJ,EAAOK,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMtCC,IAAQN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"nudge-styled.js","sources":["../../../../src/features/ui/nudge/nudge-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\ninterface NudgeWrapperProps {\n  $top: number;\n  $left: number;\n  $zIndex: number;\n}\n\nexport const NudgeWrapper = styled.div<NudgeWrapperProps>`\n  position: absolute;\n  top: ${({ $top }) => $top}px;\n  left: ${({ $left }) => $left}px;\n  height: max-content;\n  width: max-content;\n  display: flex;\n  justify-content: center;\n  align-items: end;\n  z-index: ${({ $zIndex }) => $zIndex};\n  pointer-events: none;\n`;\n\nexport const NudgeLottieContainer = styled(FlexView)`\n  overflow: hidden;\n\n  & svg {\n    transform: scale(3.5) !important;\n  }\n`;\n"],"names":["NudgeWrapper","styled","$top","$left","$zIndex","NudgeLottieContainer","FlexView"],"mappings":";;AAUO,MAAMA,IAAeC,EAAO;AAAA;AAAA,SAE1B,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA,UACjB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjB,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA;AAAA,GAIxBC,IAAuBJ,EAAOK,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/nudge/nudge.js

@@ -1,34 +1,17 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import l from "lottie-web";
-import { useRef as s, useEffect as m } from "react";
-import { NudgeWrapper as c, NudgeLottieContainer as p, Nudge as f } from "./nudge-styled.js";
-const g = () => import("../../../assets/lotties/common/nudge-tap.json.js"), N = ({
-  content: n,
-  nudgePointerX: r = 0,
-  nudgePointerY: a = 0,
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { LOTTIE as d } from "../../../assets/lottie/lottie.js";
+import m from "../lottie-animation/lottie-animation.js";
+import { NudgeWrapper as p, NudgeLottieContainer as s } from "./nudge-styled.js";
+const f = ({
+  content: r,
+  nudgePointerX: e = 0,
+  nudgePointerY: o = 0,
   zIndex: i = 100
-}) => {
-  const o = s(null);
-  return m(() => {
-    let t = null;
-    return (async () => {
-      const u = (await g()).default;
-      t = l.loadAnimation({
-        container: o.current,
-        animationData: u,
-        autoplay: !0,
-        loop: !0,
-        renderer: "svg"
-      });
-    })(), () => {
-      t == null || t.destroy();
-    };
-  }, []), /* @__PURE__ */ d(c, { $top: a, $left: r, $zIndex: i, children: [
-    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(f, { ref: o }) }),
-    n
-  ] });
-}, j = N;
+}) => /* @__PURE__ */ n(p, { $top: o, $left: e, $zIndex: i, children: [
+  /* @__PURE__ */ t(s, { $height: 64, $width: 64, children: /* @__PURE__ */ t(m, { src: d.NUDGE_TAP }) }),
+  r
+] }), g = f;
 export {
-  j as default
+  g as default
 };
 //# sourceMappingURL=nudge.js.map

package/dist/features/ui/nudge/nudge.js.map

@@ -1 +1 @@
-{"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import type { INudgeProps } from './nudge-types';\nimport type { AnimationItem } from 'lottie-web';\n\nimport Lottie from 'lottie-web';\nimport React, { useEffect, useRef } from 'react';\n\nimport * as S from './nudge-styled';\n\nconst tapLottie = () => import('../../../assets/lotties/common/nudge-tap.json');\n\nconst Nudge: React.FC<INudgeProps> = ({\n  content,\n  nudgePointerX = 0,\n  nudgePointerY = 0,\n  zIndex = 100,\n}) => {\n  const lottieContainer = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let animation: AnimationItem | null = null;\n    const loadAnimation = async () => {\n      const animationModule = await tapLottie();\n      const animationData = animationModule.default;\n\n      animation = Lottie.loadAnimation({\n        container: lottieContainer.current as Element,\n        animationData: animationData,\n        autoplay: true,\n        loop: true,\n        renderer: 'svg',\n      });\n    };\n\n    loadAnimation();\n\n    return () => {\n      animation?.destroy();\n    };\n  }, []);\n\n  return (\n    <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n      <S.NudgeLottieContainer>\n        <S.Nudge ref={lottieContainer} />\n      </S.NudgeLottieContainer>\n      {content}\n    </S.NudgeWrapper>\n  );\n};\n\nexport default Nudge;\n"],"names":["tapLottie","Nudge","content","nudgePointerX","nudgePointerY","zIndex","lottieContainer","useRef","useEffect","animation","animationData","Lottie","jsxs","S.NudgeWrapper","jsx","S.NudgeLottieContainer","S.Nudge","Nudge$1"],"mappings":";;;;AAQA,MAAMA,IAAY,MAAM,OAAO,kDAA+C,GAExEC,IAA+B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AACX,MAAM;AACE,QAAAC,IAAkBC,EAAuB,IAAI;AAEnD,SAAAC,EAAU,MAAM;AACd,QAAIC,IAAkC;AAcxB,YAbQ,YAAY;AAEhC,YAAMC,KADkB,MAAMV,KACQ;AAEtC,MAAAS,IAAYE,EAAO,cAAc;AAAA,QAC/B,WAAWL,EAAgB;AAAA,QAC3B,eAAAI;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,MAAA,CACX;AAAA,IAAA,MAKI,MAAM;AACX,MAAAD,KAAA,QAAAA,EAAW;AAAA,IAAQ;AAAA,EAEvB,GAAG,CAAE,CAAA,GAGH,gBAAAG,EAACC,GAAA,EAAe,MAAMT,GAAe,OAAOD,GAAe,SAASE,GAClE,UAAA;AAAA,IAAC,gBAAAS,EAAAC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAQ,KAAKV,EAAiB,CAAA,GACjC;AAAA,IACCJ;AAAA,EACH,EAAA,CAAA;AAEJ,GAEAe,IAAehB;"}
+{"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import type { INudgeProps } from './nudge-types';\n\nimport React from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport LottieAnimation from '../lottie-animation/lottie-animation';\nimport * as S from './nudge-styled';\n\nconst Nudge: React.FC<INudgeProps> = ({\n  content,\n  nudgePointerX = 0,\n  nudgePointerY = 0,\n  zIndex = 100,\n}) => {\n  return (\n    <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n      <S.NudgeLottieContainer $height={64} $width={64}>\n        <LottieAnimation src={LOTTIE.NUDGE_TAP} />\n      </S.NudgeLottieContainer>\n      {content}\n    </S.NudgeWrapper>\n  );\n};\n\nexport default Nudge;\n"],"names":["Nudge","content","nudgePointerX","nudgePointerY","zIndex","jsxs","S.NudgeWrapper","jsx","S.NudgeLottieContainer","LottieAnimation","LOTTIE","Nudge$1"],"mappings":";;;;AAQA,MAAMA,IAA+B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AACX,MAEI,gBAAAC,EAACC,GAAA,EAAe,MAAMH,GAAe,OAAOD,GAAe,SAASE,GAClE,UAAA;AAAA,EAAA,gBAAAG,EAACC,GAAA,EAAuB,SAAS,IAAI,QAAQ,IAC3C,UAAA,gBAAAD,EAACE,GAAgB,EAAA,KAAKC,EAAO,UAAA,CAAW,EAC1C,CAAA;AAAA,EACCT;AACH,EAAA,CAAA,GAIJU,IAAeX;"}

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

@@ -1,30 +1,32 @@
-import { RANGE_SIZE as o, TIERS as r } from "./constants.js";
-const a = {
-  bronze_1: () => import("../../../assets/lotties/perfect-hits/bronze-1.json.js"),
-  bronze_2: () => import("../../../assets/lotties/perfect-hits/bronze-2.json.js"),
-  bronze_3: () => import("../../../assets/lotties/perfect-hits/bronze-3.json.js"),
-  silver_1: () => import("../../../assets/lotties/perfect-hits/silver-1.json.js"),
-  silver_2: () => import("../../../assets/lotties/perfect-hits/silver-2.json.js"),
-  silver_3: () => import("../../../assets/lotties/perfect-hits/silver-3.json.js"),
-  gold_1: () => import("../../../assets/lotties/perfect-hits/gold-1.json.js"),
-  gold_2: () => import("../../../assets/lotties/perfect-hits/gold-2.json.js"),
-  gold_3: () => import("../../../assets/lotties/perfect-hits/gold-3.json.js"),
-  color_1: () => import("../../../assets/lotties/perfect-hits/color-1.json.js"),
-  color_2: () => import("../../../assets/lotties/perfect-hits/color-2.json.js"),
-  color_3: () => import("../../../assets/lotties/perfect-hits/color-3.json.js")
+import { LOTTIE as o } from "../../../assets/lottie/lottie.js";
+import { fetchLottie as a } from "../lottie-animation/helper.js";
+import { RANGE_SIZE as t, TIERS as e } from "./constants.js";
+const s = {
+  bronze_1: o.BRONZE_1,
+  bronze_2: o.BRONZE_2,
+  bronze_3: o.BRONZE_3,
+  silver_1: o.SILVER_1,
+  silver_2: o.SILVER_2,
+  silver_3: o.SILVER_3,
+  gold_1: o.GOLD_1,
+  gold_2: o.GOLD_2,
+  gold_3: o.GOLD_3,
+  color_1: o.COLOR_1,
+  color_2: o.COLOR_2,
+  color_3: o.COLOR_3
 };
-async function _(t) {
-  const e = t >= o * 12 ? 3 : Math.floor(t / (r.length * o)) + 1, l = Math.floor(t % (r.length * o) / o), n = `${t >= o * 12 ? "color" : r[l]}_${e}`, i = a[n];
-  if (i)
+async function f(r) {
+  const _ = r >= t * 12 ? 3 : Math.floor(r / (e.length * t)) + 1, i = Math.floor(r % (e.length * t) / t), n = `${r >= t * 12 ? "color" : e[i]}_${_}`, l = s[n];
+  if (l)
     try {
-      return (await i()).default;
+      return await a(l);
     } catch {
       return null;
     }
   return null;
 }
 export {
-  o as RANGE_SIZE,
-  _ as getAnimationFile
+  t as RANGE_SIZE,
+  f as getAnimationFile
 };
 //# sourceMappingURL=perfect-hits-helpers.js.map

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 o, useState as r } from "react";
+import m from "../../../../../assets/line-icons/icons/check2.js";
+import { LOTTIE as a } from "../../../../../assets/lottie/lottie.js";
+import n from "../../../../ui/layout/flex-view.js";
+import s from "../../../../ui/lottie-animation/lottie-animation.js";
+const c = { name: "validated", loop: !1 }, g = o(({ validated: e }) => {
+  const [i] = r(e);
+  return i ? /* @__PURE__ */ t(n, { $width: 40, $height: 40, $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ t(
+    n,
     {
       $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 });
+  ) }) : !i && e ? /* @__PURE__ */ t(s, { src: a.TEACHER_VALIDATION, settings: c }) : null;
 });
 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  if (!validatedOnMount && validated) {\n    return <LottieAnimation src={LOTTIE.TEACHER_VALIDATION} settings={animationSettings} />;\n  }\n\n  return null;\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,IAIA,CAACJ,KAAoBD,sBACfM,GAAgB,EAAA,KAAKC,EAAO,oBAAoB,UAAUV,EAAmB,CAAA,IAGhF;AACT,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>;