@cuemath/leap 2.9.9 → 2.9.11-as1

package/dist/features/milestone/milestone-tests/test-list-v2/test-list-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-list-view.js","sources":["../../../../../src/features/milestone/milestone-tests/test-list-v2/test-list-view.tsx"],"sourcesContent":["import type { TNodeDataTestItemsDataProps } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { ITestSheetsList } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo } from 'react';\n\nimport Plus2Icon from '../../../../assets/line-icons/icons/plus2';\nimport HomeworkCard from '../../../homework/homework-card';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport * as Styled from './test-list-view-styled';\n\nconst getTopicNameFromItems = (items?: TNodeDataTestItemsDataProps[]): string => {\n  if (!items?.length) return '';\n\n  const uniqueTopics = new Set<string>();\n\n  for (const item of items) {\n    uniqueTopics.add(item.chapter_name);\n  }\n\n  return [...uniqueTopics].join(', ');\n};\n\nconst TestSheetsList: FC<ITestSheetsList> = memo(\n  ({\n    milestoneId,\n    studentId,\n    sheets,\n    userType,\n    onCreateNewTest,\n    isMilestoneActive,\n    canUpdatedPlan,\n    ...sheetCallbacks\n  }) => {\n    return (\n      <FlexView\n        $height={MILESTONE_WIDGET_MIN_HEIGHT}\n        $position=\"relative\"\n        $justifyContent=\"space-between\"\n      >\n        <Styled.TestSheetItemWrapper>\n          {sheets.map((sheet, idx) => {\n            const {\n              items,\n              node_id: nodeId,\n              sheet_time: sheetTime,\n              total_questions: totalQuestions,\n              worksheet_id: worksheetId,\n              is_timed: isTimed,\n            } = sheet;\n            const totalSheetTime = Math.ceil((sheetTime || 0) / 60);\n            const testChapterName = getTopicNameFromItems(items);\n            const sheetTimeText = isTimed ? `${totalSheetTime} Mins` : '';\n            const totalQuestionsText = totalQuestions\n              ? `${totalQuestions} ${pluralize(totalQuestions, 'Question')}`\n              : '';\n            const subHeader = `${totalQuestionsText} • ${sheetTimeText}`;\n\n            return (\n              <HomeworkCard\n                key={`${worksheetId}_${nodeId}_${idx}`}\n                userType={userType}\n                header={testChapterName}\n                subHeader={subHeader}\n                nodeData={sheet}\n                renderAs=\"milestone\"\n                studentId={studentId}\n                shouldOpenOnRight={(idx + 1) % 3 === 0}\n                {...sheetCallbacks}\n              />\n            );\n          })}\n        </Styled.TestSheetItemWrapper>\n\n        {userType === 'TEACHER' && canUpdatedPlan && (\n          <Styled.IconContainer\n            $flexDirection=\"row\"\n            $justifyContent=\"flex-end\"\n            $gapX={1}\n            $gutterX={1}\n          >\n            <Styled.IconButtonCover>\n              <IconButton\n                Icon={Plus2Icon}\n                renderAs=\"secondary\"\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n                onClick={onCreateNewTest}\n                disabled={!isMilestoneActive}\n                analyticsProps={{\n                  milestone_id: milestoneId,\n                }}\n              />\n            </Styled.IconButtonCover>\n          </Styled.IconContainer>\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default TestSheetsList;\n"],"names":["getTopicNameFromItems","items","uniqueTopics","item","TestSheetsList","memo","milestoneId","studentId","sheets","userType","onCreateNewTest","isMilestoneActive","canUpdatedPlan","sheetCallbacks","jsxs","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","jsx","Styled.TestSheetItemWrapper","sheet","idx","nodeId","sheetTime","totalQuestions","worksheetId","isTimed","totalSheetTime","testChapterName","sheetTimeText","subHeader","pluralize","HomeworkCard","Styled.IconContainer","Styled.IconButtonCover","IconButton","Plus2Icon","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAwB,CAACC,MAAkD;AAC3E,MAAA,EAACA,KAAA,QAAAA,EAAO,QAAe,QAAA;AAErB,QAAAC,wBAAmB;AAEzB,aAAWC,KAAQF;AACJ,IAAAC,EAAA,IAAIC,EAAK,YAAY;AAGpC,SAAO,CAAC,GAAGD,CAAY,EAAE,KAAK,IAAI;AACpC,GAEME,IAAsCC;AAAA,EAC1C,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MAGD,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASC;AAAA,MACT,WAAU;AAAA,MACV,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EACE,YAAO,IAAI,CAACC,GAAOC,MAAQ;AACpB,gBAAA;AAAA,YACJ,OAAAnB;AAAA,YACA,SAASoB;AAAA,YACT,YAAYC;AAAA,YACZ,iBAAiBC;AAAA,YACjB,cAAcC;AAAA,YACd,UAAUC;AAAA,UACR,IAAAN,GACEO,IAAiB,KAAK,MAAMJ,KAAa,KAAK,EAAE,GAChDK,IAAkB3B,EAAsBC,CAAK,GAC7C2B,IAAgBH,IAAU,GAAGC,CAAc,UAAU,IAIrDG,IAAY,GAHSN,IACvB,GAAGA,CAAc,IAAIO,EAAU,UAAAP,GAAgB,UAAU,CAAC,KAC1D,EACmC,MAAMK,CAAa;AAGxD,iBAAA,gBAAAX;AAAA,YAACc;AAAA,YAAA;AAAA,cAEC,UAAAtB;AAAA,cACA,QAAQkB;AAAA,cACR,WAAAE;AAAA,cACA,UAAUV;AAAA,cACV,UAAS;AAAA,cACT,WAAAZ;AAAA,cACA,oBAAoBa,IAAM,KAAK,MAAM;AAAA,cACpC,GAAGP;AAAA,YAAA;AAAA,YARC,GAAGW,CAAW,IAAIH,CAAM,IAAID,CAAG;AAAA,UAAA;AAAA,QAWzC,CAAA,GACH;AAAA,QAECX,MAAa,aAAaG,KACzB,gBAAAK;AAAA,UAACe;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,UAAU;AAAA,YAEV,UAAA,gBAAAf,EAACgB,GAAA,EACC,UAAA,gBAAAhB;AAAA,cAACiB;AAAA,cAAA;AAAA,gBACC,MAAMC;AAAA,gBACN,UAAS;AAAA,gBACT,gBAAgBC,EAAgC;AAAA,gBAChD,SAAS1B;AAAA,gBACT,UAAU,CAACC;AAAA,gBACX,gBAAgB;AAAA,kBACd,cAAcL;AAAA,gBAChB;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKV;"}

package/dist/features/milestone/milestone-tests/tests-creation/api/test-sheet-assign.js

@@ -1,9 +1,9 @@
-import { createPostAPI as t } from "@cuemath/rest-api";
-import { BASE_URL_V3 as o } from "../../../../../constants/api.js";
-const { usePost: u } = t({
-  getURL: (r, { studentId: s, userMilestoneId: e }) => `${o}/users/${s}/user-milestone/${e}/tests`
+import { createPostAPI as e } from "@cuemath/rest-api";
+import { BASE_URL_V3_1 as s } from "../../../../../constants/api.js";
+const { usePost: i } = e({
+  getURL: (o, { userMilestoneId: t }) => `${s}/user-milestone/${t}/tests`
 });
 export {
-  u as usePostTestSheetAssign
+  i as usePostTestSheetAssign
 };
 //# sourceMappingURL=test-sheet-assign.js.map

package/dist/features/milestone/milestone-tests/tests-creation/api/test-sheet-assign.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-sheet-assign.js","sources":["../../../../../../src/features/milestone/milestone-tests/tests-creation/api/test-sheet-assign.ts"],"sourcesContent":["import type { TTestDifficultyLevel } from '../tests-creation-types';\nimport type { ITestHelpPreviewResponse } from './preview-test-sheet';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../../constants/api';\n\ninterface ITestSheetAssignPayload {\n  title: string;\n  items: ITestHelpPreviewResponse[];\n  node_params: {\n    is_timed: boolean;\n    sheet_time: number;\n    difficulty_level: TTestDifficultyLevel;\n  };\n}\n\nconst { usePost: usePostTestSheetAssign } = createPostAPI<\n  never,\n  ITestSheetAssignPayload,\n  { studentId: string; userMilestoneId: string }\n>({\n  getURL: (_, { studentId, userMilestoneId }) =>\n    `${BASE_URL_V3}/users/${studentId}/user-milestone/${userMilestoneId}/tests`,\n});\n\nexport { usePostTestSheetAssign };\n"],"names":["usePostTestSheetAssign","createPostAPI","_","studentId","userMilestoneId","BASE_URL_V3"],"mappings":";;AAiBA,MAAM,EAAE,SAASA,EAAuB,IAAIC,EAI1C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,GAAW,iBAAAC,EAAA,MACvB,GAAGC,CAAW,UAAUF,CAAS,mBAAmBC,CAAe;AACvE,CAAC;"}
+{"version":3,"file":"test-sheet-assign.js","sources":["../../../../../../src/features/milestone/milestone-tests/tests-creation/api/test-sheet-assign.ts"],"sourcesContent":["import type { TTestDifficultyLevel } from '../tests-creation-types';\nimport type { ITestHelpPreviewResponse } from './preview-test-sheet';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../../constants/api';\n\ninterface ITestSheetAssignPayload {\n  items: ITestHelpPreviewResponse[];\n  node_params: {\n    is_timed: boolean;\n    sheet_time: number;\n    difficulty_level: TTestDifficultyLevel;\n  };\n}\n\nconst { usePost: usePostTestSheetAssign } = createPostAPI<\n  never,\n  ITestSheetAssignPayload,\n  { userMilestoneId: string }\n>({\n  getURL: (_, { userMilestoneId }) => `${BASE_URL_V3_1}/user-milestone/${userMilestoneId}/tests`,\n});\n\nexport { usePostTestSheetAssign };\n"],"names":["usePostTestSheetAssign","createPostAPI","_","userMilestoneId","BASE_URL_V3_1"],"mappings":";;AAgBA,MAAM,EAAE,SAASA,EAAuB,IAAIC,EAI1C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,iBAAAC,EAAsB,MAAA,GAAGC,CAAa,mBAAmBD,CAAe;AACxF,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-creation/test-stages/chapter-selection/chapter-item/chapter-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-item.js","sources":["../../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/chapter-selection/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItem } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, memo } from 'react';\n\nimport ArrowTooltip from '../../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../../../ui/image/image';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItem> = memo(({ chapter, selected, onChapterSelection }) => {\n  const {\n    image_url: imageUrl,\n    name,\n    id: userChapterId,\n    sheets_data: sheetData,\n    item_bank_enabled: itemBankEnabled,\n  } = chapter;\n  const { test } = sheetData.supplementary_sheets_grouped;\n\n  const isDisabled = !itemBankEnabled && !test?.length;\n\n  const handleOnChapterSelection = useCallback(() => {\n    if (isDisabled) return null;\n\n    onChapterSelection(userChapterId);\n  }, [onChapterSelection, userChapterId, isDisabled]);\n\n  return (\n    <ArrowTooltip\n      position=\"bottom\"\n      renderAs=\"primary\"\n      tooltipItem=\"Chapter unavailable for test creation\"\n      hidden={!isDisabled}\n      widthX={9.5}\n    >\n      <Styled.ChapterItemWrapper\n        $widthX={9.5}\n        $heightX={8.875}\n        $gapX={1}\n        $gutterX={1}\n        $flexGap={12}\n        $position=\"relative\"\n        $alignItems=\"center\"\n        $disabled={isDisabled}\n        $borderColor={selected ? 'BLACK_T_87' : 'WHITE_5'}\n        $background={selected ? 'WHITE_3' : 'WHITE_1'}\n        onClick={handleOnChapterSelection}\n      >\n        <FlexView $position=\"relative\">\n          <Image\n            src={imageUrl || ''}\n            alt={name}\n            withLoader\n            width={56}\n            height={56}\n            borderRadius={50}\n          />\n        </FlexView>\n\n        <Styled.StyledText\n          $renderAs={selected ? 'ab3-bold' : 'ab3'}\n          $align=\"center\"\n          $color={isDisabled ? 'BLACK_T_38' : 'BLACK_T_87'}\n        >\n          {name}\n        </Styled.StyledText>\n      </Styled.ChapterItemWrapper>\n    </ArrowTooltip>\n  );\n});\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","chapter","selected","onChapterSelection","imageUrl","name","userChapterId","sheetData","itemBankEnabled","test","isDisabled","handleOnChapterSelection","useCallback","jsx","ArrowTooltip","jsxs","Styled.ChapterItemWrapper","FlexView","Image","Styled.StyledText"],"mappings":";;;;;;AAUA,MAAMA,IAAgCC,EAAK,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,oBAAAC,QAAyB;AAClF,QAAA;AAAA,IACJ,WAAWC;AAAA,IACX,MAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,aAAaC;AAAA,IACb,mBAAmBC;AAAA,EACjB,IAAAP,GACE,EAAE,MAAAQ,EAAK,IAAIF,EAAU,8BAErBG,IAAa,CAACF,KAAmB,EAACC,KAAA,QAAAA,EAAM,SAExCE,IAA2BC,EAAY,MAAM;AACjD,QAAIF,EAAmB,QAAA;AAEvB,IAAAP,EAAmBG,CAAa;AAAA,EAC/B,GAAA,CAACH,GAAoBG,GAAeI,CAAU,CAAC;AAGhD,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAQ,CAACJ;AAAA,MACT,QAAQ;AAAA,MAER,UAAA,gBAAAK;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAWN;AAAA,UACX,cAAcR,IAAW,eAAe;AAAA,UACxC,aAAaA,IAAW,YAAY;AAAA,UACpC,SAASS;AAAA,UAET,UAAA;AAAA,YAAC,gBAAAE,EAAAI,GAAA,EAAS,WAAU,YAClB,UAAA,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,KAAKd,KAAY;AAAA,gBACjB,KAAKC;AAAA,gBACL,YAAU;AAAA,gBACV,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,cAAc;AAAA,cAAA;AAAA,YAAA,GAElB;AAAA,YAEA,gBAAAQ;AAAA,cAACM;AAAAA,cAAA;AAAA,gBACC,WAAWjB,IAAW,aAAa;AAAA,gBACnC,QAAO;AAAA,gBACP,QAAQQ,IAAa,eAAe;AAAA,gBAEnC,UAAAL;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"chapter-item.js","sources":["../../../../../../../../src/features/milestone/milestone-tests/tests-creation/test-stages/chapter-selection/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItem } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, memo } from 'react';\n\nimport ArrowTooltip from '../../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../../../ui/image/image';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItem> = memo(({ chapter, selected, onChapterSelection }) => {\n  const {\n    image_url: imageUrl,\n    name,\n    id: userChapterId,\n    sheets_data: sheetData,\n    item_bank_enabled: itemBankEnabled,\n  } = chapter;\n  const { test } = sheetData.supplementary_sheets_grouped;\n\n  const isDisabled = !itemBankEnabled && !test?.length;\n\n  const handleOnChapterSelection = useCallback(() => {\n    if (isDisabled) return null;\n\n    onChapterSelection(userChapterId);\n  }, [onChapterSelection, userChapterId, isDisabled]);\n\n  return (\n    <ArrowTooltip\n      position=\"bottom\"\n      renderAs=\"primary\"\n      tooltipItem=\"Chapter unavailable for test creation\"\n      hidden={!isDisabled}\n      widthX={9.5}\n    >\n      <Styled.ChapterItemWrapper\n        $widthX={9.5}\n        $heightX={8.875}\n        $gapX={1}\n        $gutterX={1}\n        $flexGap={12}\n        $position=\"relative\"\n        $alignItems=\"center\"\n        $disabled={isDisabled}\n        $borderColor={selected ? 'BLACK_T_87' : 'WHITE_5'}\n        $background={selected ? 'WHITE_3' : 'WHITE_1'}\n        onClick={handleOnChapterSelection}\n      >\n        <FlexView $position=\"relative\">\n          <Image\n            src={imageUrl || ''}\n            alt={name}\n            withLoader\n            width={56}\n            height={56}\n            borderRadius={50}\n          />\n        </FlexView>\n        <Styled.StyledText\n          $renderAs={selected ? 'ab3-bold' : 'ab3'}\n          $align=\"center\"\n          $color={isDisabled ? 'BLACK_T_38' : 'BLACK_T_87'}\n        >\n          {name}\n        </Styled.StyledText>\n      </Styled.ChapterItemWrapper>\n    </ArrowTooltip>\n  );\n});\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","chapter","selected","onChapterSelection","imageUrl","name","userChapterId","sheetData","itemBankEnabled","test","isDisabled","handleOnChapterSelection","useCallback","jsx","ArrowTooltip","jsxs","Styled.ChapterItemWrapper","FlexView","Image","Styled.StyledText"],"mappings":";;;;;;AAUA,MAAMA,IAAgCC,EAAK,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,oBAAAC,QAAyB;AAClF,QAAA;AAAA,IACJ,WAAWC;AAAA,IACX,MAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,aAAaC;AAAA,IACb,mBAAmBC;AAAA,EACjB,IAAAP,GACE,EAAE,MAAAQ,EAAK,IAAIF,EAAU,8BAErBG,IAAa,CAACF,KAAmB,EAACC,KAAA,QAAAA,EAAM,SAExCE,IAA2BC,EAAY,MAAM;AACjD,QAAIF,EAAmB,QAAA;AAEvB,IAAAP,EAAmBG,CAAa;AAAA,EAC/B,GAAA,CAACH,GAAoBG,GAAeI,CAAU,CAAC;AAGhD,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAQ,CAACJ;AAAA,MACT,QAAQ;AAAA,MAER,UAAA,gBAAAK;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,WAAWN;AAAA,UACX,cAAcR,IAAW,eAAe;AAAA,UACxC,aAAaA,IAAW,YAAY;AAAA,UACpC,SAASS;AAAA,UAET,UAAA;AAAA,YAAC,gBAAAE,EAAAI,GAAA,EAAS,WAAU,YAClB,UAAA,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,KAAKd,KAAY;AAAA,gBACjB,KAAKC;AAAA,gBACL,YAAU;AAAA,gBACV,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,cAAc;AAAA,cAAA;AAAA,YAAA,GAElB;AAAA,YACA,gBAAAQ;AAAA,cAACM;AAAAA,cAAA;AAAA,gBACC,WAAWjB,IAAW,aAAa;AAAA,gBACnC,QAAO;AAAA,gBACP,QAAQQ,IAAa,eAAe;AAAA,gBAEnC,UAAAL;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js

@@ -1,5 +1,5 @@
 import { jsx as l, jsxs as W } from "react/jsx-runtime";
-import { memo as G, useState as _, useCallback as i, useEffect as O } from "react";
+import { memo as G, useState as T, useCallback as i, useEffect as E } from "react";
 import U from "../../../ui/buttons/button/button.js";
 import X from "../../../ui/layout/flex-view.js";
 import q from "../../../ui/loader/app-loader/app-loader.js";
@@ -16,16 +16,16 @@ const ee = {
   title: null,
   duration: null,
   chapters: null
-}, te = G((D) => {
-  const { milestoneId: s, studentId: h, testNumber: f, onTestAssign: v, onExit: L, onError: c } = D, [w, x] = _("CHAPTER_SELECTION"), [o, p] = _(ee), [d, I] = _([]), m = i((e) => {
+}, te = G((y) => {
+  const { milestoneId: s, studentId: O, testNumber: D, onTestAssign: C, onExit: L, onError: c } = y, [_, x] = T("CHAPTER_SELECTION"), [o, f] = T(ee), [h, v] = T([]), m = i((e) => {
     x(e);
-  }, []), $ = i(
+  }, []), F = i(
     (e, t) => {
-      (e || !(t != null && t.length)) && (m("CHAPTER_SELECTION"), p((n) => {
-        const { chapters: r, selectedChapters: u } = n, V = r == null ? void 0 : r.map((C) => u != null && u.includes(C.id) ? {
-          ...C,
+      (e || !(t != null && t.length)) && (m("CHAPTER_SELECTION"), f((n) => {
+        const { chapters: r, selectedChapters: u } = n, V = r == null ? void 0 : r.map((P) => u != null && u.includes(P.id) ? {
+          ...P,
           item_bank_enabled: !1
-        } : C);
+        } : P);
         return {
           ...n,
           chapters: V ?? null,
@@ -35,43 +35,40 @@ const ee = {
         };
       }), c(
         "We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed."
-      )), e ? c(e) : t && I(t);
+      )), e ? c(e) : t && v(t);
     },
-    [c, I, m]
-  ), F = i(
+    [c, v, m]
+  ), H = i(
     (e) => {
-      e ? c(e) : v();
+      e ? c(e) : C();
     },
-    [c, v]
+    [c, C]
   ), {
-    get: A,
-    data: H,
-    isProcessing: N,
+    get: I,
+    data: N,
+    isProcessing: $,
     isProcessingFailed: b,
-    error: g
+    error: p
   } = B(s, {
-    with_plan: !0,
     with_sheets: !0
-  }), { post: S, isProcessing: M } = Y({
-    onComplete: $
-  }), { post: E, isProcessing: R } = J({
+  }), { post: A, isProcessing: M } = Y({
     onComplete: F
-  }), { user_milestone_plan: j } = H || {}, { user_chapters: a } = j || {}, y = i(
+  }), { post: S, isProcessing: R } = J({
+    onComplete: H
+  }), { user_milestone_plan: j } = N || {}, { user_chapters: a } = j || {}, w = i(
     (e) => {
-      S(e);
+      A(e);
     },
-    [S]
-  ), T = i(() => {
-    A(s, {
-      with_plan: !0,
+    [A]
+  ), d = i(() => {
+    I(s, {
       with_sheets: !0
     });
-  }, [A, s]), k = i(() => {
+  }, [I, s]), k = i(() => {
     const { duration: e, difficultyLevel: t, selectedChapters: n } = o;
-    e && t && n && E(
+    e && t && n && S(
       {
-        items: d,
-        title: `Test ${f}`,
+        items: h,
         node_params: {
           is_timed: !0,
           sheet_time: e * 60,
@@ -79,29 +76,28 @@ const ee = {
         }
       },
       {
-        studentId: h,
         userMilestoneId: s
       }
     );
-  }, [E, o, h, s, d, f]), P = i(
+  }, [S, o, s, h]), g = i(
     (e, t) => {
       if (m(e), t) {
         const { difficultyLevel: n, duration: r } = t;
-        p((u) => ({ ...u, ...t })), e === "PREVIEW" && n && r && y({
+        f((u) => ({ ...u, ...t })), e === "PREVIEW" && n && r && w({
           difficulty_level: n,
           duration: r,
           user_chapter_ids: o.selectedChapters || []
         });
       }
     },
-    [m, y, o]
+    [m, w, o]
   );
-  return O(() => {
-    s && T();
-  }, [s, T]), O(() => {
-    a && a.length > 0 && p((e) => ({ ...e, chapters: a }));
-  }, [a]), N || M ? /* @__PURE__ */ l(q, { height: "100vh" }) : b ? /* @__PURE__ */ W(X, { $height: "100vh", $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
-    /* @__PURE__ */ l(z, { $renderAs: "h6", children: (g == null ? void 0 : g.message) || "Oops! Something went wrong." }),
+  return E(() => {
+    s && d();
+  }, [s, d]), E(() => {
+    a && a.length > 0 && f((e) => ({ ...e, chapters: a }));
+  }, [a]), $ || M ? /* @__PURE__ */ l(q, { height: "100vh" }) : b ? /* @__PURE__ */ W(X, { $height: "100vh", $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ l(z, { $renderAs: "h6", children: (p == null ? void 0 : p.message) || "Oops! Something went wrong." }),
     /* @__PURE__ */ l(
       U,
       {
@@ -110,26 +106,26 @@ const ee = {
         shape: "square",
         renderAs: "primary",
         label: "Try again",
-        onClick: T
+        onClick: d
       }
     )
-  ] }) : a ? w === "PREVIEW" ? /* @__PURE__ */ l(
+  ] }) : a ? _ === "PREVIEW" ? /* @__PURE__ */ l(
     Z,
     {
-      studentId: h,
-      items: d,
-      testNumber: f,
+      studentId: O,
+      items: h,
+      testNumber: D,
       isAssignInProgress: R,
-      onTestStageChange: P,
+      onTestStageChange: g,
       onTestSheetAssign: k
     }
-  ) : w === "DIFFICULTY_AND_DURATION_SELECTION" ? /* @__PURE__ */ l(
+  ) : _ === "DIFFICULTY_AND_DURATION_SELECTION" ? /* @__PURE__ */ l(
     Q,
     {
       testFormData: o,
-      onTestStageChange: P
+      onTestStageChange: g
     }
-  ) : /* @__PURE__ */ l(K, { testFormData: o, onProceed: P, onExit: L }) : null;
+  ) : /* @__PURE__ */ l(K, { testFormData: o, onProceed: g, onExit: L }) : null;
 }), pe = te;
 export {
   pe as default

package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js.map

@@ -1 +1 @@
-{"version":3,"file":"tests-creation.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-creation/tests-creation.tsx"],"sourcesContent":["import type { ITestHelpPreviewPayload, ITestHelpPreviewResponse } from './api/preview-test-sheet';\nimport type { ITestFromData, ITestsCreationProps, TTestsStage } from './tests-creation-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useState } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useMilestoneGet } from '../../edit/comps/edit-milestone-modal/api/get-milestone';\nimport { usePostTestHelpPreview } from './api/preview-test-sheet';\nimport { usePostTestSheetAssign } from './api/test-sheet-assign';\nimport ChapterSelection from './test-stages/chapter-selection/chapter-selection';\nimport DifficultyAndDurationSelection from './test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection';\nimport TestPreview from './test-stages/test-preview/test-preview';\n\nconst initFormData: ITestFromData = {\n  selectedChapters: null,\n  difficultyLevel: null,\n  title: null,\n  duration: null,\n  chapters: null,\n};\n\nconst TestsCreation: FC<ITestsCreationProps> = memo(props => {\n  const { milestoneId, studentId, testNumber, onTestAssign, onExit, onError } = props;\n\n  const [testStage, setTestStage] = useState<TTestsStage>('CHAPTER_SELECTION');\n  const [testFormData, setTestFromData] = useState<ITestFromData>(initFormData);\n  const [testPreviewItems, setTestPreviewItems] = useState<ITestHelpPreviewResponse[]>([]);\n\n  const handleOnTestStageChange = useCallback((nextStage: TTestsStage) => {\n    setTestStage(nextStage);\n  }, []);\n\n  const handleOnTestHelpPreviewComplete = useCallback(\n    (errorMessage: string | null, data?: ITestHelpPreviewResponse[]) => {\n      if (errorMessage || !data?.length) {\n        handleOnTestStageChange('CHAPTER_SELECTION');\n\n        setTestFromData(prev => {\n          const { chapters, selectedChapters } = prev;\n\n          const updatedChapters = chapters?.map(chapter => {\n            if (selectedChapters?.includes(chapter.id)) {\n              return {\n                ...chapter,\n                item_bank_enabled: false,\n              };\n            }\n\n            return chapter;\n          });\n\n          return {\n            ...prev,\n            chapters: updatedChapters ?? null,\n            selectedChapters: null,\n            difficultyLevel: null,\n            duration: null,\n          };\n        });\n\n        onError(\n          `We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed.`,\n        );\n      }\n\n      if (errorMessage) {\n        onError(errorMessage);\n      } else if (data) {\n        setTestPreviewItems(data);\n      }\n    },\n    [onError, setTestPreviewItems, handleOnTestStageChange],\n  );\n\n  const handleOnTestSheetAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onTestAssign();\n      }\n    },\n    [onError, onTestAssign],\n  );\n\n  const {\n    get: getMilestone,\n    data: currentMilestoneData,\n    isProcessing: isMilestoneProcessing,\n    isProcessingFailed: isMilestoneProcessingFailed,\n    error: milestoneGetError,\n  } = useMilestoneGet(milestoneId, {\n    with_plan: true,\n    with_sheets: true,\n  });\n\n  const { post: postTestHelpPreview, isProcessing: testPreviewIsProcessing } =\n    usePostTestHelpPreview({\n      onComplete: handleOnTestHelpPreviewComplete,\n    });\n\n  const { post: postTestSheetAssign, isProcessing: testAssignIsProcessing } =\n    usePostTestSheetAssign({\n      onComplete: handleOnTestSheetAssignComplete,\n    });\n\n  const { user_milestone_plan: userMilestonePlan } = currentMilestoneData || {};\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n\n  const handleOnPostTestHelpPreview = useCallback(\n    (data: ITestHelpPreviewPayload) => {\n      postTestHelpPreview(data);\n    },\n    [postTestHelpPreview],\n  );\n\n  const handleOnGetMilestone = useCallback(() => {\n    getMilestone(milestoneId, {\n      with_plan: true,\n      with_sheets: true,\n    });\n  }, [getMilestone, milestoneId]);\n\n  const handleOnTestSheetAssign = useCallback(() => {\n    const { duration, difficultyLevel, selectedChapters } = testFormData;\n\n    if (duration && difficultyLevel && selectedChapters) {\n      postTestSheetAssign(\n        {\n          items: testPreviewItems,\n          title: `Test ${testNumber}`,\n          node_params: {\n            is_timed: true,\n            sheet_time: duration * 60,\n            difficulty_level: difficultyLevel,\n          },\n        },\n        {\n          studentId,\n          userMilestoneId: milestoneId,\n        },\n      );\n    }\n  }, [postTestSheetAssign, testFormData, studentId, milestoneId, testPreviewItems, testNumber]);\n\n  const handleOnProceed = useCallback(\n    (nextStage: TTestsStage, updatedForm?: ITestFromData) => {\n      handleOnTestStageChange(nextStage);\n\n      if (updatedForm) {\n        const { difficultyLevel, duration } = updatedForm;\n\n        setTestFromData(prev => ({ ...prev, ...updatedForm }));\n\n        if (nextStage === 'PREVIEW' && difficultyLevel && duration) {\n          handleOnPostTestHelpPreview({\n            difficulty_level: difficultyLevel,\n            duration: duration,\n            user_chapter_ids: testFormData.selectedChapters || [],\n          });\n        }\n      }\n    },\n    [handleOnTestStageChange, handleOnPostTestHelpPreview, testFormData],\n  );\n\n  useEffect(() => {\n    if (milestoneId) {\n      handleOnGetMilestone();\n    }\n  }, [milestoneId, handleOnGetMilestone]);\n\n  useEffect(() => {\n    if (userChapters && userChapters.length > 0) {\n      setTestFromData(prev => ({ ...prev, chapters: userChapters }));\n    }\n  }, [userChapters]);\n\n  if (isMilestoneProcessing || testPreviewIsProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isMilestoneProcessingFailed) {\n    return (\n      <FlexView $height=\"100vh\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{milestoneGetError?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={handleOnGetMilestone}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!userChapters) return null;\n\n  if (testStage === 'PREVIEW') {\n    return (\n      <TestPreview\n        studentId={studentId}\n        items={testPreviewItems}\n        testNumber={testNumber}\n        isAssignInProgress={testAssignIsProcessing}\n        onTestStageChange={handleOnProceed}\n        onTestSheetAssign={handleOnTestSheetAssign}\n      />\n    );\n  }\n\n  if (testStage === 'DIFFICULTY_AND_DURATION_SELECTION') {\n    return (\n      <DifficultyAndDurationSelection\n        testFormData={testFormData}\n        onTestStageChange={handleOnProceed}\n      />\n    );\n  }\n\n  return (\n    <ChapterSelection testFormData={testFormData} onProceed={handleOnProceed} onExit={onExit} />\n  );\n});\n\nexport default TestsCreation;\n"],"names":["initFormData","TestsCreation","memo","props","milestoneId","studentId","testNumber","onTestAssign","onExit","onError","testStage","setTestStage","useState","testFormData","setTestFromData","testPreviewItems","setTestPreviewItems","handleOnTestStageChange","useCallback","nextStage","handleOnTestHelpPreviewComplete","errorMessage","data","prev","chapters","selectedChapters","updatedChapters","chapter","handleOnTestSheetAssignComplete","getMilestone","currentMilestoneData","isMilestoneProcessing","isMilestoneProcessingFailed","milestoneGetError","useMilestoneGet","postTestHelpPreview","testPreviewIsProcessing","usePostTestHelpPreview","postTestSheetAssign","testAssignIsProcessing","usePostTestSheetAssign","userMilestonePlan","userChapters","handleOnPostTestHelpPreview","handleOnGetMilestone","handleOnTestSheetAssign","duration","difficultyLevel","handleOnProceed","updatedForm","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","TestPreview","DifficultyAndDurationSelection","ChapterSelection","TestsCreation$1"],"mappings":"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"}
+{"version":3,"file":"tests-creation.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-creation/tests-creation.tsx"],"sourcesContent":["import type { ITestHelpPreviewPayload, ITestHelpPreviewResponse } from './api/preview-test-sheet';\nimport type { ITestFromData, ITestsCreationProps, TTestsStage } from './tests-creation-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useState } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useMilestoneGet } from '../../edit/comps/edit-milestone-modal/api/get-milestone';\nimport { usePostTestHelpPreview } from './api/preview-test-sheet';\nimport { usePostTestSheetAssign } from './api/test-sheet-assign';\nimport ChapterSelection from './test-stages/chapter-selection/chapter-selection';\nimport DifficultyAndDurationSelection from './test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection';\nimport TestPreview from './test-stages/test-preview/test-preview';\n\nconst initFormData: ITestFromData = {\n  selectedChapters: null,\n  difficultyLevel: null,\n  title: null,\n  duration: null,\n  chapters: null,\n};\n\nconst TestsCreation: FC<ITestsCreationProps> = memo(props => {\n  const { milestoneId, studentId, testNumber, onTestAssign, onExit, onError } = props;\n\n  const [testStage, setTestStage] = useState<TTestsStage>('CHAPTER_SELECTION');\n  const [testFormData, setTestFromData] = useState<ITestFromData>(initFormData);\n  const [testPreviewItems, setTestPreviewItems] = useState<ITestHelpPreviewResponse[]>([]);\n\n  const handleOnTestStageChange = useCallback((nextStage: TTestsStage) => {\n    setTestStage(nextStage);\n  }, []);\n\n  const handleOnTestHelpPreviewComplete = useCallback(\n    (errorMessage: string | null, data?: ITestHelpPreviewResponse[]) => {\n      if (errorMessage || !data?.length) {\n        handleOnTestStageChange('CHAPTER_SELECTION');\n\n        setTestFromData(prev => {\n          const { chapters, selectedChapters } = prev;\n\n          const updatedChapters = chapters?.map(chapter => {\n            if (selectedChapters?.includes(chapter.id)) {\n              return {\n                ...chapter,\n                item_bank_enabled: false,\n              };\n            }\n\n            return chapter;\n          });\n\n          return {\n            ...prev,\n            chapters: updatedChapters ?? null,\n            selectedChapters: null,\n            difficultyLevel: null,\n            duration: null,\n          };\n        });\n\n        onError(\n          `We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed.`,\n        );\n      }\n\n      if (errorMessage) {\n        onError(errorMessage);\n      } else if (data) {\n        setTestPreviewItems(data);\n      }\n    },\n    [onError, setTestPreviewItems, handleOnTestStageChange],\n  );\n\n  const handleOnTestSheetAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onTestAssign();\n      }\n    },\n    [onError, onTestAssign],\n  );\n\n  const {\n    get: getMilestone,\n    data: currentMilestoneData,\n    isProcessing: isMilestoneProcessing,\n    isProcessingFailed: isMilestoneProcessingFailed,\n    error: milestoneGetError,\n  } = useMilestoneGet(milestoneId, {\n    with_sheets: true,\n  });\n\n  const { post: postTestHelpPreview, isProcessing: testPreviewIsProcessing } =\n    usePostTestHelpPreview({\n      onComplete: handleOnTestHelpPreviewComplete,\n    });\n\n  const { post: postTestSheetAssign, isProcessing: testAssignIsProcessing } =\n    usePostTestSheetAssign({\n      onComplete: handleOnTestSheetAssignComplete,\n    });\n\n  const { user_milestone_plan: userMilestonePlan } = currentMilestoneData || {};\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n\n  const handleOnPostTestHelpPreview = useCallback(\n    (data: ITestHelpPreviewPayload) => {\n      postTestHelpPreview(data);\n    },\n    [postTestHelpPreview],\n  );\n\n  const handleOnGetMilestone = useCallback(() => {\n    getMilestone(milestoneId, {\n      with_sheets: true,\n    });\n  }, [getMilestone, milestoneId]);\n\n  const handleOnTestSheetAssign = useCallback(() => {\n    const { duration, difficultyLevel, selectedChapters } = testFormData;\n\n    if (duration && difficultyLevel && selectedChapters) {\n      postTestSheetAssign(\n        {\n          items: testPreviewItems,\n          node_params: {\n            is_timed: true,\n            sheet_time: duration * 60,\n            difficulty_level: difficultyLevel,\n          },\n        },\n        {\n          userMilestoneId: milestoneId,\n        },\n      );\n    }\n  }, [postTestSheetAssign, testFormData, milestoneId, testPreviewItems]);\n\n  const handleOnProceed = useCallback(\n    (nextStage: TTestsStage, updatedForm?: ITestFromData) => {\n      handleOnTestStageChange(nextStage);\n\n      if (updatedForm) {\n        const { difficultyLevel, duration } = updatedForm;\n\n        setTestFromData(prev => ({ ...prev, ...updatedForm }));\n\n        if (nextStage === 'PREVIEW' && difficultyLevel && duration) {\n          handleOnPostTestHelpPreview({\n            difficulty_level: difficultyLevel,\n            duration: duration,\n            user_chapter_ids: testFormData.selectedChapters || [],\n          });\n        }\n      }\n    },\n    [handleOnTestStageChange, handleOnPostTestHelpPreview, testFormData],\n  );\n\n  useEffect(() => {\n    if (milestoneId) {\n      handleOnGetMilestone();\n    }\n  }, [milestoneId, handleOnGetMilestone]);\n\n  useEffect(() => {\n    if (userChapters && userChapters.length > 0) {\n      setTestFromData(prev => ({ ...prev, chapters: userChapters }));\n    }\n  }, [userChapters]);\n\n  if (isMilestoneProcessing || testPreviewIsProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isMilestoneProcessingFailed) {\n    return (\n      <FlexView $height=\"100vh\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{milestoneGetError?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={handleOnGetMilestone}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!userChapters) return null;\n\n  if (testStage === 'PREVIEW') {\n    return (\n      <TestPreview\n        studentId={studentId}\n        items={testPreviewItems}\n        testNumber={testNumber}\n        isAssignInProgress={testAssignIsProcessing}\n        onTestStageChange={handleOnProceed}\n        onTestSheetAssign={handleOnTestSheetAssign}\n      />\n    );\n  }\n\n  if (testStage === 'DIFFICULTY_AND_DURATION_SELECTION') {\n    return (\n      <DifficultyAndDurationSelection\n        testFormData={testFormData}\n        onTestStageChange={handleOnProceed}\n      />\n    );\n  }\n\n  return (\n    <ChapterSelection testFormData={testFormData} onProceed={handleOnProceed} onExit={onExit} />\n  );\n});\n\nexport default TestsCreation;\n"],"names":["initFormData","TestsCreation","memo","props","milestoneId","studentId","testNumber","onTestAssign","onExit","onError","testStage","setTestStage","useState","testFormData","setTestFromData","testPreviewItems","setTestPreviewItems","handleOnTestStageChange","useCallback","nextStage","handleOnTestHelpPreviewComplete","errorMessage","data","prev","chapters","selectedChapters","updatedChapters","chapter","handleOnTestSheetAssignComplete","getMilestone","currentMilestoneData","isMilestoneProcessing","isMilestoneProcessingFailed","milestoneGetError","useMilestoneGet","postTestHelpPreview","testPreviewIsProcessing","usePostTestHelpPreview","postTestSheetAssign","testAssignIsProcessing","usePostTestSheetAssign","userMilestonePlan","userChapters","handleOnPostTestHelpPreview","handleOnGetMilestone","handleOnTestSheetAssign","duration","difficultyLevel","handleOnProceed","updatedForm","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","TestPreview","DifficultyAndDurationSelection","ChapterSelection","TestsCreation$1"],"mappings":"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"}

package/dist/features/post-game-stats/digital-meter/constants.js

@@ -1,18 +1,19 @@
 import { GAME_LAUNCHER_SIZE as _, GAME_LAUNCHER_SIZE_LARGE as A } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import { ARC_Z_INDEX as E } from "./comp/animated-arc/constants.js";
-const L = 300, R = 2, I = E + 1, N = I + 1, O = N + 1, t = _ === A ? 16 : 12, D = (_ - R) / 2, c = 3.8, n = 2 / 30, s = 2.37, C = 12 / 30, G = 20 / 30, S = 43 / 30;
+const o = 300, E = 2, L = 150, R = 1, I = R + 1, N = I + 1, t = N + 1, O = _ === A ? 16 : 12, c = (_ - E) / 2, n = 3.8, s = 2 / 30, D = 2.37, C = 12 / 30, G = 20 / 30, S = 43 / 30;
 export {
-  D as ARC_RADIUS,
+  L as ANIMATED_ARC_START_ANGLE,
+  c as ARC_RADIUS,
+  R as ARC_Z_INDEX,
   N as CONTENT_CONTAINER_Z_INDEX,
   I as LINE_MARKING_Z_INDEX,
-  O as NUMBER_MARKING_Z_INDEX,
+  t as NUMBER_MARKING_Z_INDEX,
   C as PROGRESS_FILL_DELAY,
   G as PROGRESS_FILL_DURATION,
   S as RAINBOW_COLOR_ANIMATION_DURATION,
-  t as STROKE_WIDTH,
-  s as TARGET_ACHIEVED_DELAY,
-  n as TARGET_HELPER_TEXT_APPEAR_DELAY,
-  c as TOTAL_ANIMATION_DURATION,
-  L as TOTAL_ARC_AVAILABLE
+  O as STROKE_WIDTH,
+  D as TARGET_ACHIEVED_DELAY,
+  s as TARGET_HELPER_TEXT_APPEAR_DELAY,
+  n as TOTAL_ANIMATION_DURATION,
+  o as TOTAL_ARC_AVAILABLE
 };
 //# sourceMappingURL=constants.js.map

package/dist/features/post-game-stats/digital-meter/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { ARC_Z_INDEX } from './comp/animated-arc/constants';\n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nconst BORDER_OFFSET = 2;\n\nexport const LINE_MARKING_Z_INDEX = ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\nexport const STROKE_WIDTH = GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 16 : 12;\nexport const ARC_RADIUS = (GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 3.8; // in sec\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 2.37; // delay of 3 sec\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 20 / 30; // in 20 frames\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","LINE_MARKING_Z_INDEX","ARC_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","STROKE_WIDTH","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","ARC_RADIUS","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;AAMO,MAAMA,IAAsB,KAE7BC,IAAgB,GAETC,IAAuBC,IAAc,GACrCC,IAA4BF,IAAuB,GACnDG,IAAyBD,IAA4B,GACrDE,IAAeC,MAAuBC,IAA2B,KAAK,IACtEC,KAAcF,IAAqBN,KAAiB,GAGpDS,IAA2B,KAC3BC,IAAkC,IAAI,IACtCC,IAAwB,MACxBC,IAAsB,KAAK,IAC3BC,IAAyB,KAAK,IAC9BC,IAAmC,KAAK;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nconst BORDER_OFFSET = 2;\n\n//Animated Arc\nexport const ANIMATED_ARC_START_ANGLE = 150;\nexport const ARC_Z_INDEX = 1;\n\nexport const LINE_MARKING_Z_INDEX = ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\nexport const STROKE_WIDTH = GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 16 : 12;\nexport const ARC_RADIUS = (GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 3.8; // in sec\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 2.37; // delay of 3 sec\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 20 / 30; // in 20 frames\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","ANIMATED_ARC_START_ANGLE","ARC_Z_INDEX","LINE_MARKING_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","STROKE_WIDTH","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","ARC_RADIUS","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";AAKO,MAAMA,IAAsB,KAE7BC,IAAgB,GAGTC,IAA2B,KAC3BC,IAAc,GAEdC,IAAuBD,IAAc,GACrCE,IAA4BD,IAAuB,GACnDE,IAAyBD,IAA4B,GACrDE,IAAeC,MAAuBC,IAA2B,KAAK,IACtEC,KAAcF,IAAqBP,KAAiB,GAGpDU,IAA2B,KAC3BC,IAAkC,IAAI,IACtCC,IAAwB,MACxBC,IAAsB,KAAK,IAC3BC,IAAyB,KAAK,IAC9BC,IAAmC,KAAK;"}

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js

@@ -1,7 +1,7 @@
 import o, { keyframes as e } from "styled-components";
 import { GAME_LAUNCHER_SIZE as r, GAME_LAUNCHER_SIZE_LARGE as s } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { ADJUSTED_START_ANGLE as n } from "../../ui/animated-arc/constants.js";
 import i from "../../ui/text/text.js";
-import { ADJUSTED_START_ANGLE as n } from "./comp/animated-arc/constants.js";
 import { CONTENT_CONTAINER_Z_INDEX as l, LINE_MARKING_Z_INDEX as d, NUMBER_MARKING_Z_INDEX as m, TARGET_HELPER_TEXT_APPEAR_DELAY as a, RAINBOW_COLOR_ANIMATION_DURATION as p } from "./constants.js";
 import { rainbowColorAnimation as f } from "./helper.js";
 const g = o.div`

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"digital-meter-styled.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport Text from '../../ui/text/text';\nimport { ADJUSTED_START_ANGLE } from './comp/animated-arc/constants';\nimport {\n  CONTENT_CONTAINER_Z_INDEX,\n  LINE_MARKING_Z_INDEX,\n  NUMBER_MARKING_Z_INDEX,\n  RAINBOW_COLOR_ANIMATION_DURATION,\n  TARGET_HELPER_TEXT_APPEAR_DELAY,\n} from './constants';\nimport { rainbowColorAnimation } from './helper';\n\nexport const DigitalMeter = styled.div<{ $isTargetAchieved: boolean }>`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border-radius: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  animation: ${({ $isTargetAchieved }) =>\n      $isTargetAchieved ? keyframes`100%{transform: scale(1.02)}` : 'unset'}\n    0.133s ease alternate;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: ${CONTENT_CONTAINER_Z_INDEX};\n  height: 92%;\n  width: 92%;\n  border-radius: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n`;\n\nexport const NumberCountContainer = styled.div`\n  position: relative;\n  flex-grow: 1;\n  bottom: ${GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? -8 : -6}px;\n`;\n\nexport const AbsoluteView = styled.div`\n  position: absolute;\n`;\n\nexport const LineMarking = styled.div<{\n  $angle: number;\n}>`\n  width: ${GAME_LAUNCHER_SIZE / 2}px;\n  height: 2px;\n  position: absolute;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  transform-origin: left;\n  transform: rotate(${({ $angle }) => -240 + $angle}deg);\n  left: ${GAME_LAUNCHER_SIZE / 2}px;\n  top: ${GAME_LAUNCHER_SIZE / 2}px;\n  z-index: ${LINE_MARKING_Z_INDEX};\n`;\n\nexport const MarkingContainer = styled.div<{ $angle: number }>`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE - GAME_LAUNCHER_SIZE * 0.0625 - 10}px;\n  transform: rotate(${({ $angle }) => -ADJUSTED_START_ANGLE + $angle}deg);\n  z-index: ${NUMBER_MARKING_Z_INDEX};\n`;\n\nexport const MarkingText = styled.div<{ $angle: number }>`\n  transform: rotate(${({ $angle }) => ADJUSTED_START_ANGLE - $angle}deg);\n`;\n\nexport const BottomAbsoluteView = styled.div<{ top: number }>`\n  position: absolute;\n  top: 0;\n  transform: ${({ top }) => `translateY(${top}px)`};\n`;\n\nexport const HelperTextPrimary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease-in-out ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const HelperTextSecondary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const TargetAchievedTextLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const RainboxColorText = styled(Text)<{ $isTargetAchieved: boolean }>`\n  animation: ${({ $isTargetAchieved }) => ($isTargetAchieved ? rainbowColorAnimation : 'unset')}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["DigitalMeter","styled","GAME_LAUNCHER_SIZE","theme","$isTargetAchieved","keyframes","ContentContainer","CONTENT_CONTAINER_Z_INDEX","NumberCountContainer","GAME_LAUNCHER_SIZE_LARGE","LineMarking","$angle","LINE_MARKING_Z_INDEX","MarkingContainer","ADJUSTED_START_ANGLE","NUMBER_MARKING_Z_INDEX","MarkingText","BottomAbsoluteView","top","HelperTextPrimary","Text","TARGET_HELPER_TEXT_APPEAR_DELAY","HelperTextSecondary","RainboxColorText","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;;;AAiBO,MAAMA,IAAeC,EAAO;AAAA,YACvBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA,sBACP,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,eACxC,CAAC,EAAE,mBAAAC,QACZA,IAAoBC,kCAA0C,OAAO;AAAA;AAAA,GAI9DC,IAAmBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAK1BM,CAAyB;AAAA;AAAA;AAAA;AAAA,sBAIhB,CAAC,EAAE,OAAAJ,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CK,IAAuBP,EAAO;AAAA;AAAA;AAAA,YAG/BC,MAAuBO,IAA2B,KAAK,EAAE;AAAA;AAGzCR,EAAO;AAAA;AAAA;AAI5B,MAAMS,IAAcT,EAAO;AAAA,WAGvBC,IAAqB,CAAC;AAAA;AAAA;AAAA,sBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAInC,CAAC,EAAE,QAAAQ,EAAO,MAAM,OAAOA,CAAM;AAAA,UACzCT,IAAqB,CAAC;AAAA,SACvBA,IAAqB,CAAC;AAAA,aAClBU,CAAoB;AAAA,GAGpBC,IAAmBZ,EAAO;AAAA;AAAA,YAE3BC,IAAqBA,IAAqB,SAAS,EAAE;AAAA,sBAC3C,CAAC,EAAE,QAAAS,EAAA,MAAa,CAACG,IAAuBH,CAAM;AAAA,aACvDI,CAAsB;AAAA,GAGtBC,IAAcf,EAAO;AAAA,sBACZ,CAAC,EAAE,QAAAU,QAAaG,IAAuBH,CAAM;AAAA,GAGtDM,IAAqBhB,EAAO;AAAA;AAAA;AAAA,eAG1B,CAAC,EAAE,KAAAiB,EAAU,MAAA,cAAcA,CAAG,KAAK;AAAA,GAGrCC,IAAoBlB,EAAOmB,CAAI;AAAA,eAC7Bf,iEAAyE;AAAA,kBACtEgB,CAA+B;AAAA,GAGpCC,IAAsBrB,EAAOmB,CAAI;AAAA,eAC/Bf,iEAAyE;AAAA,WAC7EgB,CAA+B;AAAA;AAGFpB,EAAO;AAAA;AAAA;AAAA;AAKlC,MAAAsB,IAAmBtB,EAAOmB,CAAI;AAAA,eAC5B,CAAC,EAAE,mBAAAhB,EAAA,MAAyBA,IAAoBoB,IAAwB,OAAQ;AAAA,MACzFC,CAAgC;AAAA;"}
+{"version":3,"file":"digital-meter-styled.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { ADJUSTED_START_ANGLE } from '../../ui/animated-arc/constants';\nimport Text from '../../ui/text/text';\nimport {\n  CONTENT_CONTAINER_Z_INDEX,\n  LINE_MARKING_Z_INDEX,\n  NUMBER_MARKING_Z_INDEX,\n  RAINBOW_COLOR_ANIMATION_DURATION,\n  TARGET_HELPER_TEXT_APPEAR_DELAY,\n} from './constants';\nimport { rainbowColorAnimation } from './helper';\n\nexport const DigitalMeter = styled.div<{ $isTargetAchieved: boolean }>`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border-radius: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  animation: ${({ $isTargetAchieved }) =>\n      $isTargetAchieved ? keyframes`100%{transform: scale(1.02)}` : 'unset'}\n    0.133s ease alternate;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: ${CONTENT_CONTAINER_Z_INDEX};\n  height: 92%;\n  width: 92%;\n  border-radius: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n`;\n\nexport const NumberCountContainer = styled.div`\n  position: relative;\n  flex-grow: 1;\n  bottom: ${GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? -8 : -6}px;\n`;\n\nexport const AbsoluteView = styled.div`\n  position: absolute;\n`;\n\nexport const LineMarking = styled.div<{\n  $angle: number;\n}>`\n  width: ${GAME_LAUNCHER_SIZE / 2}px;\n  height: 2px;\n  position: absolute;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  transform-origin: left;\n  transform: rotate(${({ $angle }) => -240 + $angle}deg);\n  left: ${GAME_LAUNCHER_SIZE / 2}px;\n  top: ${GAME_LAUNCHER_SIZE / 2}px;\n  z-index: ${LINE_MARKING_Z_INDEX};\n`;\n\nexport const MarkingContainer = styled.div<{ $angle: number }>`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE - GAME_LAUNCHER_SIZE * 0.0625 - 10}px;\n  transform: rotate(${({ $angle }) => -ADJUSTED_START_ANGLE + $angle}deg);\n  z-index: ${NUMBER_MARKING_Z_INDEX};\n`;\n\nexport const MarkingText = styled.div<{ $angle: number }>`\n  transform: rotate(${({ $angle }) => ADJUSTED_START_ANGLE - $angle}deg);\n`;\n\nexport const BottomAbsoluteView = styled.div<{ top: number }>`\n  position: absolute;\n  top: 0;\n  transform: ${({ top }) => `translateY(${top}px)`};\n`;\n\nexport const HelperTextPrimary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease-in-out ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const HelperTextSecondary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const TargetAchievedTextLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const RainboxColorText = styled(Text)<{ $isTargetAchieved: boolean }>`\n  animation: ${({ $isTargetAchieved }) => ($isTargetAchieved ? rainbowColorAnimation : 'unset')}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["DigitalMeter","styled","GAME_LAUNCHER_SIZE","theme","$isTargetAchieved","keyframes","ContentContainer","CONTENT_CONTAINER_Z_INDEX","NumberCountContainer","GAME_LAUNCHER_SIZE_LARGE","LineMarking","$angle","LINE_MARKING_Z_INDEX","MarkingContainer","ADJUSTED_START_ANGLE","NUMBER_MARKING_Z_INDEX","MarkingText","BottomAbsoluteView","top","HelperTextPrimary","Text","TARGET_HELPER_TEXT_APPEAR_DELAY","HelperTextSecondary","RainboxColorText","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;;;AAiBO,MAAMA,IAAeC,EAAO;AAAA,YACvBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA,sBACP,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,eACxC,CAAC,EAAE,mBAAAC,QACZA,IAAoBC,kCAA0C,OAAO;AAAA;AAAA,GAI9DC,IAAmBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAK1BM,CAAyB;AAAA;AAAA;AAAA;AAAA,sBAIhB,CAAC,EAAE,OAAAJ,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CK,IAAuBP,EAAO;AAAA;AAAA;AAAA,YAG/BC,MAAuBO,IAA2B,KAAK,EAAE;AAAA;AAGzCR,EAAO;AAAA;AAAA;AAI5B,MAAMS,IAAcT,EAAO;AAAA,WAGvBC,IAAqB,CAAC;AAAA;AAAA;AAAA,sBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAInC,CAAC,EAAE,QAAAQ,EAAO,MAAM,OAAOA,CAAM;AAAA,UACzCT,IAAqB,CAAC;AAAA,SACvBA,IAAqB,CAAC;AAAA,aAClBU,CAAoB;AAAA,GAGpBC,IAAmBZ,EAAO;AAAA;AAAA,YAE3BC,IAAqBA,IAAqB,SAAS,EAAE;AAAA,sBAC3C,CAAC,EAAE,QAAAS,EAAA,MAAa,CAACG,IAAuBH,CAAM;AAAA,aACvDI,CAAsB;AAAA,GAGtBC,IAAcf,EAAO;AAAA,sBACZ,CAAC,EAAE,QAAAU,QAAaG,IAAuBH,CAAM;AAAA,GAGtDM,IAAqBhB,EAAO;AAAA;AAAA;AAAA,eAG1B,CAAC,EAAE,KAAAiB,EAAU,MAAA,cAAcA,CAAG,KAAK;AAAA,GAGrCC,IAAoBlB,EAAOmB,CAAI;AAAA,eAC7Bf,iEAAyE;AAAA,kBACtEgB,CAA+B;AAAA,GAGpCC,IAAsBrB,EAAOmB,CAAI;AAAA,eAC/Bf,iEAAyE;AAAA,WAC7EgB,CAA+B;AAAA;AAGFpB,EAAO;AAAA;AAAA;AAAA;AAKlC,MAAAsB,IAAmBtB,EAAOmB,CAAI;AAAA,eAC5B,CAAC,EAAE,mBAAAhB,EAAA,MAAyBA,IAAoBoB,IAAwB,OAAQ;AAAA,MACzFC,CAAgC;AAAA;"}