@cuemath/leap 2.9.2-as2 → 2.9.2-j2

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js

@@ -1,10 +1,38 @@
-const a = (r) => {
-  const o = /* @__PURE__ */ new Set();
-  return r == null || r.forEach((c) => {
-    o.add(c.chapter_name);
-  }), Array.from(o);
+import { SHEET_STATE as c } from "../../../../../sheets/constants/sheet.js";
+import { IS_CHAPTER_COMPLETED_STATES as i } from "../../../../create/milestone-create-constants.js";
+const { COMPLETED: m } = c, l = (r, e, t) => {
+  const { can_start: n, can_resume: a } = e, o = r === m || i.some((s) => s === r);
+  if (t) {
+    if (a)
+      return {
+        state: "in_progress",
+        renderAs: "primary",
+        label: "Resume"
+      };
+    if (n)
+      return {
+        state: void 0,
+        renderAs: "primary",
+        label: "Start"
+      };
+  }
+  return o ? {
+    state: "completed",
+    renderAs: "secondary_black",
+    label: "Review"
+  } : {
+    state: a ? "in_progress" : void 0,
+    renderAs: "primary",
+    label: "View"
+  };
+}, E = (r) => {
+  const e = /* @__PURE__ */ new Set();
+  return r == null || r.forEach((t) => {
+    e.add(t.chapter_name);
+  }), Array.from(e);
 };
 export {
-  a as getTopicsFromItems
+  l as getTestCtaInfo,
+  E as getTopicsFromItems
 };
 //# sourceMappingURL=test-sheet-item-utils.js.map

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-sheet-item-utils.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.ts"],"sourcesContent":["import type {\n  TSheetButtonState,\n  TSheetButtonVariant,\n} from '../../../../../sheets/comps/sheet-button/types';\nimport type {\n  ISheetDataProps,\n  TTestHelpItemsDataProps,\n} from '../../../../../sheets/sheets-list/sheet-item/sheet-item-types';\n\nimport { SHEET_STATE } from '../../../../../sheets/constants/sheet';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../../create/milestone-create-constants';\n\nconst { COMPLETED } = SHEET_STATE;\n\ninterface IGetTestSheetCtaInfo {\n  (\n    state: ISheetDataProps['state'],\n    permissions: ISheetDataProps['permissions'],\n    isStudent: boolean,\n  ): {\n    state: TSheetButtonState | undefined;\n    renderAs: TSheetButtonVariant;\n    label: 'Start' | 'Resume' | 'View' | 'Review';\n  };\n}\n\nconst getTestCtaInfo: IGetTestSheetCtaInfo = (sheetState, permissions, isStudent) => {\n  const { can_start: canStart, can_resume: canResume } = permissions;\n\n  const isSheetCompleted =\n    sheetState === COMPLETED ||\n    IS_CHAPTER_COMPLETED_STATES.some(completedState => completedState === sheetState);\n\n  if (isStudent) {\n    if (canResume) {\n      return {\n        state: 'in_progress',\n        renderAs: 'primary',\n        label: 'Resume',\n      };\n    }\n\n    if (canStart) {\n      return {\n        state: undefined,\n        renderAs: 'primary',\n        label: 'Start',\n      };\n    }\n  }\n\n  if (isSheetCompleted) {\n    return {\n      state: 'completed',\n      renderAs: 'secondary_black',\n      label: 'Review',\n    };\n  }\n\n  return {\n    state: canResume ? 'in_progress' : undefined,\n    renderAs: 'primary',\n    label: 'View',\n  };\n};\n\nconst getTopicsFromItems = (items?: TTestHelpItemsDataProps[]) => {\n  const topics = new Set<string>();\n\n  items?.forEach(item => {\n    topics.add(item.chapter_name);\n  });\n\n  return Array.from(topics);\n};\n\nexport { getTopicsFromItems, getTestCtaInfo };\n"],"names":["getTopicsFromItems","items","topics","item"],"mappings":"AAkEM,MAAAA,IAAqB,CAACC,MAAsC;AAC1D,QAAAC,wBAAa;AAEnB,SAAAD,KAAA,QAAAA,EAAO,QAAQ,CAAQE,MAAA;AACd,IAAAD,EAAA,IAAIC,EAAK,YAAY;AAAA,EAAA,IAGvB,MAAM,KAAKD,CAAM;AAC1B;"}
+{"version":3,"file":"test-sheet-item-utils.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.ts"],"sourcesContent":["import type {\n  TSheetButtonState,\n  TSheetButtonVariant,\n} from '../../../../../sheets/comps/sheet-button/types';\nimport type {\n  ISheetDataProps,\n  TTestHelpItemsDataProps,\n} from '../../../../../sheets/sheets-list/sheet-item/sheet-item-types';\n\nimport { SHEET_STATE } from '../../../../../sheets/constants/sheet';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../../create/milestone-create-constants';\n\nconst { COMPLETED } = SHEET_STATE;\n\ninterface IGetTestSheetCtaInfo {\n  (\n    state: ISheetDataProps['state'],\n    permissions: ISheetDataProps['permissions'],\n    isStudent: boolean,\n  ): {\n    state: TSheetButtonState | undefined;\n    renderAs: TSheetButtonVariant;\n    label: 'Start' | 'Resume' | 'View' | 'Review';\n  };\n}\n\nconst getTestCtaInfo: IGetTestSheetCtaInfo = (sheetState, permissions, isStudent) => {\n  const { can_start: canStart, can_resume: canResume } = permissions;\n\n  const isSheetCompleted =\n    sheetState === COMPLETED ||\n    IS_CHAPTER_COMPLETED_STATES.some(completedState => completedState === sheetState);\n\n  if (isStudent) {\n    if (canResume) {\n      return {\n        state: 'in_progress',\n        renderAs: 'primary',\n        label: 'Resume',\n      };\n    }\n\n    if (canStart) {\n      return {\n        state: undefined,\n        renderAs: 'primary',\n        label: 'Start',\n      };\n    }\n  }\n\n  if (isSheetCompleted) {\n    return {\n      state: 'completed',\n      renderAs: 'secondary_black',\n      label: 'Review',\n    };\n  }\n\n  return {\n    state: canResume ? 'in_progress' : undefined,\n    renderAs: 'primary',\n    label: 'View',\n  };\n};\n\nconst getTopicsFromItems = (items?: TTestHelpItemsDataProps[]) => {\n  const topics = new Set<string>();\n\n  items?.forEach(item => {\n    topics.add(item.chapter_name);\n  });\n\n  return Array.from(topics);\n};\n\nexport { getTopicsFromItems, getTestCtaInfo };\n"],"names":["COMPLETED","SHEET_STATE","getTestCtaInfo","sheetState","permissions","isStudent","canStart","canResume","isSheetCompleted","IS_CHAPTER_COMPLETED_STATES","completedState","getTopicsFromItems","items","topics","item"],"mappings":";;AAYA,MAAM,EAAE,WAAAA,EAAc,IAAAC,GAchBC,IAAuC,CAACC,GAAYC,GAAaC,MAAc;AACnF,QAAM,EAAE,WAAWC,GAAU,YAAYC,MAAcH,GAEjDI,IACJL,MAAeH,KACfS,EAA4B,KAAK,CAAAC,MAAkBA,MAAmBP,CAAU;AAElF,MAAIE,GAAW;AACb,QAAIE;AACK,aAAA;AAAA,QACL,OAAO;AAAA,QACP,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAIX,QAAID;AACK,aAAA;AAAA,QACL,OAAO;AAAA,QACP,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,EAGb;AAEA,SAAIE,IACK;AAAA,IACL,OAAO;AAAA,IACP,UAAU;AAAA,IACV,OAAO;AAAA,EAAA,IAIJ;AAAA,IACL,OAAOD,IAAY,gBAAgB;AAAA,IACnC,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAEX,GAEMI,IAAqB,CAACC,MAAsC;AAC1D,QAAAC,wBAAa;AAEnB,SAAAD,KAAA,QAAAA,EAAO,QAAQ,CAAQE,MAAA;AACd,IAAAD,EAAA,IAAIC,EAAK,YAAY;AAAA,EAAA,IAGvB,MAAM,KAAKD,CAAM;AAC1B;"}

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.js

@@ -0,0 +1,79 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { h as g } from "../../../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as y, useRef as D, useState as M, useMemo as n, useEffect as b } from "react";
+import { SHEET_STATE as F } from "../../../../../sheets/constants/sheet.js";
+import H from "../../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import f from "../../../../../ui/layout/flex-view.js";
+import j from "../../../../../ui/text/text.js";
+import { IS_CHAPTER_COMPLETED_STATES as v } from "../../../../create/milestone-create-constants.js";
+import R from "./test-sheet-item-cta.js";
+import { TestItemCard as O, TestTag as P, TestItemTitle as X } from "./test-sheet-item-styled.js";
+import { getTopicsFromItems as Y } from "./test-sheet-item-utils.js";
+const { COMPLETED: z } = F, B = {
+  EASY: "Easy",
+  MODERATE: "Moderate",
+  DIFFICULT: "Difficult"
+}, ee = y((p) => {
+  const { sheet: l, userType: a, milestoneId: h, studentId: d, onTestPreview: u, onTestReview: E, onTestStart: I } = p, {
+    title: C,
+    items: m,
+    sheet_time: o,
+    state: c,
+    difficulty_level: S
+  } = l, e = D(null), [_, $] = M(!1), A = n(() => o && Math.ceil(o / 60) || 0, [o]), r = n(() => Y(m), [m]), i = n(() => r.join(" • "), [r]), T = r.length, w = B[S || "EASY"], x = c === z || v.some((L) => L === c);
+  return b(() => {
+    e.current && e.current.scrollHeight > e.current.clientHeight && $(!0);
+  }, [e]), /* @__PURE__ */ s(
+    O,
+    {
+      $gapX: 1.25,
+      $gutterX: 1.25,
+      $flexGapX: 1.25,
+      $background: x ? "WHITE_3" : "WHITE_1",
+      $justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ s(f, { $flexGap: 4, children: [
+          /* @__PURE__ */ t(P, { $renderAs: "ac4", $color: "BLACK_T_60", children: C }),
+          /* @__PURE__ */ t(
+            H,
+            {
+              renderAs: "primary",
+              position: "bottom",
+              tooltipItem: i ?? "",
+              widthX: 22.4375,
+              hidden: !_ || !i,
+              children: /* @__PURE__ */ t(X, { ref: e, $renderAs: "ab2", children: i })
+            }
+          ),
+          /* @__PURE__ */ s(j, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
+            T,
+            " ",
+            g.pluralize(T, "Chapter"),
+            " • ",
+            w,
+            " •",
+            " ",
+            A,
+            " Mins"
+          ] })
+        ] }),
+        /* @__PURE__ */ t(f, { $flexDirection: "row", $justifyContent: "space-between", $alignItems: "center", children: /* @__PURE__ */ t(
+          R,
+          {
+            milestoneId: h,
+            studentId: d,
+            sheet: l,
+            userType: a,
+            onTestPreview: u,
+            onTestReview: E,
+            onTestStart: I
+          }
+        ) })
+      ]
+    }
+  );
+});
+export {
+  ee as default
+};
+//# sourceMappingURL=test-sheet-item.js.map

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-sheet-item.js","sources":["../../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item.tsx"],"sourcesContent":["import type { ITestSheetItemProps } from './test-sheet-item-types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { SHEET_STATE } from '../../../../../sheets/constants/sheet';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../../create/milestone-create-constants';\nimport TestSheetItemCta from './test-sheet-item-cta';\nimport * as Styled from './test-sheet-item-styled';\nimport { getTopicsFromItems } from './test-sheet-item-utils';\n\nconst { COMPLETED } = SHEET_STATE;\n\nconst TEST_DIFFICULTY_LEVEL = {\n  EASY: 'Easy',\n  MODERATE: 'Moderate',\n  DIFFICULT: 'Difficult',\n};\n\nconst TestSheetItem: FC<ITestSheetItemProps> = memo(props => {\n  const { sheet, userType, milestoneId, studentId, onTestPreview, onTestReview, onTestStart } =\n    props;\n  const {\n    title,\n    items,\n    sheet_time: sheetTime,\n    state: testState,\n    difficulty_level: difficultyLevel,\n  } = sheet;\n\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n  const totalSheetTime = useMemo(() => (sheetTime && Math.ceil(sheetTime / 60)) || 0, [sheetTime]);\n  const topics = useMemo(() => getTopicsFromItems(items), [items]);\n  const testChapterName = useMemo(() => topics.join(' • '), [topics]);\n\n  const noOfChapters = topics.length;\n\n  const testDifficultyLevel = TEST_DIFFICULTY_LEVEL[difficultyLevel || 'EASY'];\n  const isTestCompleted =\n    testState === COMPLETED || IS_CHAPTER_COMPLETED_STATES.some(state => state === testState);\n\n  useEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, [titleTextRef]);\n\n  return (\n    <Styled.TestItemCard\n      $gapX={1.25}\n      $gutterX={1.25}\n      $flexGapX={1.25}\n      $background={isTestCompleted ? 'WHITE_3' : 'WHITE_1'}\n      $justifyContent=\"space-between\"\n    >\n      <FlexView $flexGap={4}>\n        <Styled.TestTag $renderAs=\"ac4\" $color=\"BLACK_T_60\">\n          {title}\n        </Styled.TestTag>\n\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem={testChapterName ?? ''}\n          widthX={22.4375}\n          hidden={!showTitleTooltip || !testChapterName}\n        >\n          <Styled.TestItemTitle ref={titleTextRef} $renderAs=\"ab2\">\n            {testChapterName}\n          </Styled.TestItemTitle>\n        </ArrowTooltip>\n\n        <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n          {noOfChapters} {pluralize(noOfChapters, 'Chapter')} • {testDifficultyLevel} •{' '}\n          {totalSheetTime} Mins\n        </Text>\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $alignItems=\"center\">\n        <TestSheetItemCta\n          milestoneId={milestoneId}\n          studentId={studentId}\n          sheet={sheet}\n          userType={userType}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n        />\n      </FlexView>\n    </Styled.TestItemCard>\n  );\n});\n\nexport default TestSheetItem;\n"],"names":["COMPLETED","SHEET_STATE","TEST_DIFFICULTY_LEVEL","TestSheetItem","memo","props","sheet","userType","milestoneId","studentId","onTestPreview","onTestReview","onTestStart","title","items","sheetTime","testState","difficultyLevel","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","totalSheetTime","useMemo","topics","getTopicsFromItems","testChapterName","noOfChapters","testDifficultyLevel","isTestCompleted","IS_CHAPTER_COMPLETED_STATES","state","useEffect","jsxs","Styled.TestItemCard","FlexView","jsx","Styled.TestTag","ArrowTooltip","Styled.TestItemTitle","Text","pluralize","TestSheetItemCta"],"mappings":";;;;;;;;;;;AAeA,MAAM,EAAE,WAAAA,EAAc,IAAAC,GAEhBC,IAAwB;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AACb,GAEMC,KAAyCC,EAAK,CAASC,MAAA;AACrD,QAAA,EAAE,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,WAAAC,GAAW,eAAAC,GAAe,cAAAC,GAAc,aAAAC,EAC5E,IAAAP,GACI;AAAA,IACJ,OAAAQ;AAAA,IACA,OAAAC;AAAA,IACA,YAAYC;AAAA,IACZ,OAAOC;AAAA,IACP,kBAAkBC;AAAA,EAChB,IAAAX,GAEEY,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GAExDC,IAAiBC,EAAQ,MAAOT,KAAa,KAAK,KAAKA,IAAY,EAAE,KAAM,GAAG,CAACA,CAAS,CAAC,GACzFU,IAASD,EAAQ,MAAME,EAAmBZ,CAAK,GAAG,CAACA,CAAK,CAAC,GACzDa,IAAkBH,EAAQ,MAAMC,EAAO,KAAK,KAAK,GAAG,CAACA,CAAM,CAAC,GAE5DG,IAAeH,EAAO,QAEtBI,IAAsB3B,EAAsBe,KAAmB,MAAM,GACrEa,IACJd,MAAchB,KAAa+B,EAA4B,KAAK,CAAAC,MAASA,MAAUhB,CAAS;AAE1F,SAAAiB,EAAU,MAAM;AACd,IACEf,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDG,EAAoB,EAAI;AAAA,EAC1B,GACC,CAACH,CAAY,CAAC,GAGf,gBAAAgB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW;AAAA,MACX,aAAaL,IAAkB,YAAY;AAAA,MAC3C,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAC,gBAAAI,EAAAE,GAAA,EAAS,UAAU,GAClB,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,OAAM,QAAO,cACpC,UACHzB,GAAA;AAAA,UAEA,gBAAAwB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAaZ,KAAmB;AAAA,cAChC,QAAQ;AAAA,cACR,QAAQ,CAACP,KAAoB,CAACO;AAAA,cAE9B,UAAA,gBAAAU,EAACG,GAAA,EAAqB,KAAKtB,GAAc,WAAU,OAChD,UACHS,GAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEC,gBAAAO,EAAAO,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAA;AAAA,YAAAb;AAAA,YAAa;AAAA,YAAEc,EAAA,UAAUd,GAAc,SAAS;AAAA,YAAE;AAAA,YAAIC;AAAA,YAAoB;AAAA,YAAG;AAAA,YAC7EN;AAAA,YAAe;AAAA,UAAA,GAClB;AAAA,QAAA,GACF;AAAA,0BAECa,GAAS,EAAA,gBAAe,OAAM,iBAAgB,iBAAgB,aAAY,UACzE,UAAA,gBAAAC;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,aAAAnC;AAAA,YACA,WAAAC;AAAA,YACA,OAAAH;AAAA,YACA,UAAAC;AAAA,YACA,eAAAG;AAAA,YACA,cAAAC;AAAA,YACA,aAAAC;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.js

@@ -0,0 +1,18 @@
+import { styled as o } from "styled-components";
+const e = o.div(({ theme: t }) => `
+    position: absolute;
+    bottom: ${t.layout.gutter}px;
+    right: ${t.layout.gutter}px;
+    box-shadow: 0px 10px 20px 0px ${t.colors.BLACK_T_20};
+    border-radius: 50%;
+  `), p = o.div`
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: max-content;
+  gap: 0;
+`;
+export {
+  e as IconContainer,
+  p as TestSheetItemWrapper
+};
+//# sourceMappingURL=test-sheets-list-styled.js.map

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-sheets-list-styled.js","sources":["../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list-styled.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nconst IconContainer = styled.div(({ theme }) => {\n  return `\n    position: absolute;\n    bottom: ${theme.layout.gutter}px;\n    right: ${theme.layout.gutter}px;\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n    border-radius: 50%;\n  `;\n});\n\nconst TestSheetItemWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: max-content;\n  gap: 0;\n`;\n\nexport { IconContainer, TestSheetItemWrapper };\n"],"names":["IconContainer","styled","theme","TestSheetItemWrapper"],"mappings":";AAEA,MAAMA,IAAgBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAC3B;AAAA;AAAA,cAEKA,EAAM,OAAO,MAAM;AAAA,aACpBA,EAAM,OAAO,MAAM;AAAA,oCACIA,EAAM,OAAO,UAAU;AAAA;AAAA,GAG1D,GAEKC,IAAuBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list.js

@@ -0,0 +1,51 @@
+import { jsxs as _, Fragment as l, jsx as o } from "react/jsx-runtime";
+import { memo as I } from "react";
+import S from "../../../../../assets/line-icons/icons/plus2.js";
+import E from "../../../../ui/buttons/icon-button/icon-button.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as f } from "../../tests-creation/tests-creation-analytics-events.js";
+import h from "./test-sheet-item/test-sheet-item.js";
+import { TestSheetItemWrapper as A, IconContainer as C } from "./test-sheets-list-styled.js";
+const $ = I(
+  ({
+    milestoneId: r,
+    studentId: n,
+    sheets: m,
+    userType: e,
+    onCreateNewTest: i,
+    isMilestoneActive: s,
+    canUpdatedPlan: d,
+    ...T
+  }) => /* @__PURE__ */ _(l, { children: [
+    /* @__PURE__ */ o(A, { children: m.map((t, a) => {
+      const { worksheet_id: c, node_id: p } = t;
+      return /* @__PURE__ */ o(
+        h,
+        {
+          userType: e,
+          sheet: t,
+          milestoneId: r,
+          studentId: n,
+          ...T
+        },
+        `${c}_${p}_${a}`
+      );
+    }) }),
+    e === "TEACHER" && d && /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
+      E,
+      {
+        Icon: S,
+        renderAs: "secondary",
+        analyticsLabel: f.CUSTOM_TEST_CREATION_STARTED,
+        onClick: i,
+        disabled: !s,
+        analyticsProps: {
+          milestone_id: r
+        }
+      }
+    ) })
+  ] })
+);
+export {
+  $ as default
+};
+//# sourceMappingURL=test-sheets-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"test-sheets-list.js","sources":["../../../../../../src/features/milestone/milestone-tests/tests-list/test-sheets-list/test-sheets-list.tsx"],"sourcesContent":["import type { ITestSheetsList } from './test-sheets-list-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Plus2Icon from '../../../../../assets/line-icons/icons/plus2';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../../tests-creation/tests-creation-analytics-events';\nimport TestSheetItem from './test-sheet-item/test-sheet-item';\nimport * as Styled from './test-sheets-list-styled';\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      <>\n        <Styled.TestSheetItemWrapper>\n          {sheets.map((sheet, idx) => {\n            const { worksheet_id: worksheetId, node_id: nodeId } = sheet;\n\n            return (\n              <TestSheetItem\n                key={`${worksheetId}_${nodeId}_${idx}`}\n                userType={userType}\n                sheet={sheet}\n                milestoneId={milestoneId}\n                studentId={studentId}\n                {...sheetCallbacks}\n              />\n            );\n          })}\n        </Styled.TestSheetItemWrapper>\n\n        {userType === 'TEACHER' && canUpdatedPlan && (\n          <Styled.IconContainer>\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.IconContainer>\n        )}\n      </>\n    );\n  },\n);\n\nexport default TestSheetsList;\n"],"names":["TestSheetsList","memo","milestoneId","studentId","sheets","userType","onCreateNewTest","isMilestoneActive","canUpdatedPlan","sheetCallbacks","jsxs","Fragment","jsx","Styled.TestSheetItemWrapper","sheet","idx","worksheetId","nodeId","TestSheetItem","Styled.IconContainer","IconButton","Plus2Icon","TESTS_CREATION_ANALYTICS_EVENTS"],"mappings":";;;;;;;AAWA,MAAMA,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,MAIC,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACE,YAAO,IAAI,CAACC,GAAOC,MAAQ;AAC1B,YAAM,EAAE,cAAcC,GAAa,SAASC,MAAWH;AAGrD,aAAA,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,UAAAb;AAAA,UACA,OAAAS;AAAA,UACA,aAAAZ;AAAA,UACA,WAAAC;AAAA,UACC,GAAGM;AAAA,QAAA;AAAA,QALC,GAAGO,CAAW,IAAIC,CAAM,IAAIF,CAAG;AAAA,MAAA;AAAA,IAQzC,CAAA,GACH;AAAA,IAECV,MAAa,aAAaG,KACxB,gBAAAI,EAAAO,GAAA,EACC,UAAA,gBAAAP;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,MAAMC;AAAA,QACN,UAAS;AAAA,QACT,gBAAgBC,EAAgC;AAAA,QAChD,SAAShB;AAAA,QACT,UAAU,CAACC;AAAA,QACX,gBAAgB;AAAA,UACd,cAAcL;AAAA,QAChB;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ,EAAA,CAAA;AAGN;"}

package/dist/features/milestone/milestone-tests/tests-list/tests-list-styled.js

@@ -0,0 +1,11 @@
+import e from "styled-components";
+import o from "../../../ui/layout/flex-view.js";
+import { MILESTONE_WIDGET_MIN_HEIGHT as r } from "../../constants.js";
+const m = e(o)`
+  position: relative;
+  min-height: ${r}px;
+`;
+export {
+  m as TestHelpWrapper
+};
+//# sourceMappingURL=tests-list-styled.js.map

package/dist/features/milestone/milestone-tests/tests-list/tests-list-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tests-list-styled.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-list/tests-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../constants';\n\nconst TestHelpWrapper = styled(FlexView)`\n  position: relative;\n  min-height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n`;\n\nexport { TestHelpWrapper };\n"],"names":["TestHelpWrapper","styled","FlexView","MILESTONE_WIDGET_MIN_HEIGHT"],"mappings":";;;AAKM,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA,gBAEvBC,CAA2B;AAAA;"}

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

@@ -0,0 +1,135 @@
+import { jsx as e, jsxs as T, Fragment as k } from "react/jsx-runtime";
+import { memo as R, useCallback as o, useEffect as X } from "react";
+import { IMAGES as j } from "../../../../assets/images/images.js";
+import L from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import I from "../../../ui/buttons/button/button.js";
+import D from "../../../ui/layout/flex-view.js";
+import H from "../../../ui/loader/app-loader/app-loader.js";
+import _ from "../../../ui/separator/separator.js";
+import $ from "../../../ui/text/text.js";
+import { useGetTestHelpData as F } from "../../milestone-list-container/api/get-tests-list.js";
+import { TESTS_CREATION_ANALYTICS_EVENTS as G } from "../tests-creation/tests-creation-analytics-events.js";
+import U from "./test-sheets-list/test-sheets-list.js";
+import { TestHelpWrapper as a } from "./tests-list-styled.js";
+const ne = R((u) => {
+  const {
+    isChaptersAvailable: g,
+    isDraftMilestone: w,
+    isMilestoneActive: s,
+    userType: b,
+    studentId: l,
+    userMilestoneId: t,
+    canUpdatePlan: C
+  } = u, { onCreateMilestoneTest: n, onTestPreview: c, onTestReview: d, onTestStart: p } = u, {
+    get: A,
+    data: r,
+    isProcessingFailed: m,
+    isProcessed: f,
+    isStale: y,
+    isProcessing: S
+  } = F(), v = !C || !g || !s || s && w, P = s && !g ? "Chapters need to be assigned" : w ? "Allowed after plan is published" : "Plan is completed", h = o(() => {
+    A(t, void 0, {
+      studentId: l
+    });
+  }, [A, l, t]);
+  X(() => {
+    !S && (!f && !m || y) && h();
+  }, [h, f, S, m, y]);
+  const E = o(() => {
+    if (typeof n == "function") {
+      n == null || n(t, ((r == null ? void 0 : r.length) || 0) + 1);
+      return;
+    }
+    throw new Error("No callback provided. If provided it must be a function");
+  }, [n, t, r]), N = o(
+    (i, M) => {
+      if (typeof c == "function") {
+        c(i, M);
+        return;
+      }
+      throw new Error("No callback provided. If provided it must be a function");
+    },
+    [c]
+  ), O = o(
+    (i) => {
+      if (typeof p == "function") {
+        p(i);
+        return;
+      }
+      throw new Error("No callback provided. If provided it must be a function");
+    },
+    [p]
+  ), x = o(
+    (i) => {
+      if (typeof d == "function") {
+        d(i, t);
+        return;
+      }
+      throw new Error("No callback provided. If provided it must be a function");
+    },
+    [d, t]
+  );
+  return m ? /* @__PURE__ */ e(a, { $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ T(D, { $flexGapX: 1.5, $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ e($, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
+    /* @__PURE__ */ e(
+      I,
+      {
+        widthX: 14,
+        size: "small",
+        shape: "square",
+        renderAs: "primary",
+        label: "Try again",
+        onClick: h
+      }
+    )
+  ] }) }) : f ? r != null && r.length ? /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
+    U,
+    {
+      milestoneId: t,
+      sheets: r,
+      userType: b,
+      studentId: l,
+      onCreateNewTest: E,
+      onTestPreview: N,
+      onTestReview: x,
+      onTestStart: O,
+      canUpdatedPlan: C,
+      isMilestoneActive: s
+    }
+  ) }) : /* @__PURE__ */ T(a, { $gapX: 6.75, $alignItems: "center", $justifyContent: "center", children: [
+    /* @__PURE__ */ e("img", { src: j.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
+    /* @__PURE__ */ e(_, { heightX: 2 }),
+    b === "TEACHER" ? /* @__PURE__ */ T(k, { children: [
+      /* @__PURE__ */ e(
+        L,
+        {
+          renderAs: "primary",
+          position: "bottom",
+          hidden: !v,
+          tooltipItem: P,
+          children: /* @__PURE__ */ e(
+            I,
+            {
+              widthX: 10,
+              renderAs: "primary",
+              shape: "square",
+              size: "small",
+              label: "Create a Test",
+              onClick: E,
+              disabled: v,
+              analyticsLabel: G.CUSTOM_TEST_CREATION_STARTED,
+              analyticsProps: {
+                milestone_id: t
+              }
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(_, { heightX: 2 })
+    ] }) : /* @__PURE__ */ e($, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to create a test" })
+  ] }) : /* @__PURE__ */ e(a, { $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ e(H, { height: "100%" }) });
+});
+export {
+  ne as default
+};
+//# sourceMappingURL=tests-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tests-list.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-list/tests-list.tsx"],"sourcesContent":["import type { ITestsListProps } from './tests-list-types';\n\nimport { memo, useCallback, useEffect, type FC } from 'react';\n\nimport { IMAGES } from '../../../../assets/images/images';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetTestHelpData } from '../../milestone-list-container/api/get-tests-list';\nimport { TESTS_CREATION_ANALYTICS_EVENTS } from '../tests-creation/tests-creation-analytics-events';\nimport TestSheetsList from './test-sheets-list/test-sheets-list';\nimport * as Styled from './tests-list-styled';\n\nconst MilestoneTestsList: FC<ITestsListProps> = memo(props => {\n  const {\n    isChaptersAvailable,\n    isDraftMilestone,\n    isMilestoneActive,\n    userType,\n    studentId,\n    userMilestoneId,\n    canUpdatePlan,\n  } = props;\n  const { onCreateMilestoneTest, onTestPreview, onTestReview, onTestStart } = props;\n\n  const {\n    get: getTestHelpData,\n    data,\n    isProcessingFailed,\n    isProcessed,\n    isStale,\n    isProcessing,\n  } = useGetTestHelpData();\n\n  const isTestSheetCreationDisabled =\n    !canUpdatePlan ||\n    !isChaptersAvailable ||\n    !isMilestoneActive ||\n    (isMilestoneActive && isDraftMilestone);\n  const testCreationCtaTooltipText =\n    isMilestoneActive && !isChaptersAvailable\n      ? 'Chapters need to be assigned'\n      : isDraftMilestone\n        ? 'Allowed after plan is published'\n        : 'Plan is completed';\n\n  const handleOnTryAgain = useCallback(() => {\n    getTestHelpData(userMilestoneId, undefined, {\n      studentId,\n    });\n  }, [getTestHelpData, studentId, userMilestoneId]);\n\n  useEffect(() => {\n    if (!isProcessing && ((!isProcessed && !isProcessingFailed) || isStale)) {\n      handleOnTryAgain();\n    }\n  }, [handleOnTryAgain, isProcessed, isProcessing, isProcessingFailed, isStale]);\n\n  const handleOnCreateMilestoneTest = useCallback(() => {\n    if (typeof onCreateMilestoneTest === 'function') {\n      onCreateMilestoneTest?.(userMilestoneId, (data?.length || 0) + 1);\n\n      return;\n    }\n\n    throw new Error('No callback provided. If provided it must be a function');\n  }, [onCreateMilestoneTest, userMilestoneId, data]);\n\n  const handleOnPreview = useCallback<NonNullable<ITestsListProps['onTestPreview']>>(\n    (milestoneId, sheetData) => {\n      if (typeof onTestPreview === 'function') {\n        onTestPreview(milestoneId, sheetData);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestPreview],\n  );\n\n  const handleOnStart = useCallback<NonNullable<ITestsListProps['onTestStart']>>(\n    sheet => {\n      if (typeof onTestStart === 'function') {\n        onTestStart(sheet);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestStart],\n  );\n\n  const handleOnReview = useCallback<NonNullable<ITestsListProps['onTestReview']>>(\n    sheet => {\n      if (typeof onTestReview === 'function') {\n        onTestReview(sheet, userMilestoneId);\n\n        return;\n      }\n\n      throw new Error('No callback provided. If provided it must be a function');\n    },\n    [onTestReview, userMilestoneId],\n  );\n\n  if (isProcessingFailed) {\n    return (\n      <Styled.TestHelpWrapper $alignItems=\"center\" $justifyContent=\"center\">\n        <FlexView $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n          <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n          <Button\n            widthX={14}\n            size=\"small\"\n            shape=\"square\"\n            renderAs=\"primary\"\n            label=\"Try again\"\n            onClick={handleOnTryAgain}\n          />\n        </FlexView>\n      </Styled.TestHelpWrapper>\n    );\n  }\n\n  if (isProcessed) {\n    if (data?.length) {\n      return (\n        <Styled.TestHelpWrapper>\n          <TestSheetsList\n            milestoneId={userMilestoneId}\n            sheets={data}\n            userType={userType}\n            studentId={studentId}\n            onCreateNewTest={handleOnCreateMilestoneTest}\n            onTestPreview={handleOnPreview}\n            onTestReview={handleOnReview}\n            onTestStart={handleOnStart}\n            canUpdatedPlan={canUpdatePlan}\n            isMilestoneActive={isMilestoneActive}\n          />\n        </Styled.TestHelpWrapper>\n      );\n    }\n\n    return (\n      <Styled.TestHelpWrapper $gapX={6.75} $alignItems=\"center\" $justifyContent=\"center\">\n        <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n        <Separator heightX={2} />\n        {userType === 'TEACHER' ? (\n          <>\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              hidden={!isTestSheetCreationDisabled}\n              tooltipItem={testCreationCtaTooltipText}\n            >\n              <Button\n                widthX={10}\n                renderAs=\"primary\"\n                shape=\"square\"\n                size=\"small\"\n                label=\"Create a Test\"\n                onClick={handleOnCreateMilestoneTest}\n                disabled={isTestSheetCreationDisabled}\n                analyticsLabel={TESTS_CREATION_ANALYTICS_EVENTS.CUSTOM_TEST_CREATION_STARTED}\n                analyticsProps={{\n                  milestone_id: userMilestoneId,\n                }}\n              />\n            </ArrowTooltip>\n            <Separator heightX={2} />\n          </>\n        ) : (\n          <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n            Wait for the teacher to create a test\n          </Text>\n        )}\n      </Styled.TestHelpWrapper>\n    );\n  }\n\n  return (\n    <Styled.TestHelpWrapper $alignItems=\"center\" $justifyContent=\"center\">\n      <AppLoader height=\"100%\" />\n    </Styled.TestHelpWrapper>\n  );\n});\n\nexport default MilestoneTestsList;\n"],"names":["MilestoneTestsList","memo","props","isChaptersAvailable","isDraftMilestone","isMilestoneActive","userType","studentId","userMilestoneId","canUpdatePlan","onCreateMilestoneTest","onTestPreview","onTestReview","onTestStart","getTestHelpData","data","isProcessingFailed","isProcessed","isStale","isProcessing","useGetTestHelpData","isTestSheetCreationDisabled","testCreationCtaTooltipText","handleOnTryAgain","useCallback","useEffect","handleOnCreateMilestoneTest","handleOnPreview","milestoneId","sheetData","handleOnStart","sheet","handleOnReview","jsx","Styled.TestHelpWrapper","jsxs","FlexView","Text","Button","TestSheetsList","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":"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"}

package/dist/features/sheets/resources-list/resource-item/styled.js

@@ -8,7 +8,7 @@ const c = e(i)(({ theme: r, $isMilestoneWidget: o }) => {
       ${o && `
         border-top-width: 0;
         border-left-width: 0;
-        
+
         &:nth-child(even) {
           border-right-width: 0;
         }

package/dist/features/sheets/resources-list/resource-item/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface IResourceItemCard {\n  $isMilestoneWidget?: boolean;\n}\n\nconst ResourceItemCard = styled(FlexView)<IResourceItemCard>(({ theme, $isMilestoneWidget }) => {\n  const { WHITE_5 } = theme.colors;\n\n  return `\n      border: 1px solid ${WHITE_5};\n      ${\n        $isMilestoneWidget &&\n        `\n        border-top-width: 0;\n        border-left-width: 0;\n        \n        &:nth-child(even) {\n          border-right-width: 0;\n        }\n      `\n      }\n    `;\n});\n\nconst ResourceItemTitle = styled(Text)(() => {\n  return `\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n        text-overflow: ellipsis;\n        overflow: hidden;\n    `;\n});\n\nconst IconButtonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n      width: ${gutter * 2}px;\n      height: ${gutter * 2}px;\n      border: 1px solid ${BLACK_T_87};\n      border-radius: 50%;\n      cursor: pointer;\n    `;\n});\n\nexport { ResourceItemCard, ResourceItemTitle, IconButtonWrapper };\n"],"names":["ResourceItemCard","styled","FlexView","theme","$isMilestoneWidget","WHITE_5","ResourceItemTitle","Text","IconButtonWrapper","gutter","BLACK_T_87"],"mappings":";;;AASM,MAAAA,IAAmBC,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,oBAAAC,QAAyB;AACxF,QAAA,EAAE,SAAAC,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA,0BACiBE,CAAO;AAAA,QAEzBD,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQF;AAAA;AAEN,CAAC,GAEKE,IAAoBL,EAAOM,CAAI,EAAE,MAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOR,GAEKC,IAAoBP,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAClD,QAAA,EAAE,QAAAM,EAAO,IAAIN,EAAM,QACnB,EAAE,YAAAO,EAAW,IAAIP,EAAM;AAEtB,SAAA;AAAA,eACMM,IAAS,CAAC;AAAA,gBACTA,IAAS,CAAC;AAAA,0BACAC,CAAU;AAAA;AAAA;AAAA;AAIpC,CAAC;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface IResourceItemCard {\n  $isMilestoneWidget?: boolean;\n}\n\nconst ResourceItemCard = styled(FlexView)<IResourceItemCard>(({ theme, $isMilestoneWidget }) => {\n  const { WHITE_5 } = theme.colors;\n\n  return `\n      border: 1px solid ${WHITE_5};\n      ${\n        $isMilestoneWidget &&\n        `\n        border-top-width: 0;\n        border-left-width: 0;\n\n        &:nth-child(even) {\n          border-right-width: 0;\n        }\n      `\n      }\n    `;\n});\n\nconst ResourceItemTitle = styled(Text)(() => {\n  return `\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n        text-overflow: ellipsis;\n        overflow: hidden;\n    `;\n});\n\nconst IconButtonWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { BLACK_T_87 } = theme.colors;\n\n  return `\n      width: ${gutter * 2}px;\n      height: ${gutter * 2}px;\n      border: 1px solid ${BLACK_T_87};\n      border-radius: 50%;\n      cursor: pointer;\n    `;\n});\n\nexport { ResourceItemCard, ResourceItemTitle, IconButtonWrapper };\n"],"names":["ResourceItemCard","styled","FlexView","theme","$isMilestoneWidget","WHITE_5","ResourceItemTitle","Text","IconButtonWrapper","gutter","BLACK_T_87"],"mappings":";;;AASM,MAAAA,IAAmBC,EAAOC,CAAQ,EAAqB,CAAC,EAAE,OAAAC,GAAO,oBAAAC,QAAyB;AACxF,QAAA,EAAE,SAAAC,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA,0BACiBE,CAAO;AAAA,QAEzBD,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQF;AAAA;AAEN,CAAC,GAEKE,IAAoBL,EAAOM,CAAI,EAAE,MAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOR,GAEKC,IAAoBP,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAClD,QAAA,EAAE,QAAAM,EAAO,IAAIN,EAAM,QACnB,EAAE,YAAAO,EAAW,IAAIP,EAAM;AAEtB,SAAA;AAAA,eACMM,IAAS,CAAC;AAAA,gBACTA,IAAS,CAAC;AAAA,0BACAC,CAAU;AAAA;AAAA;AAAA;AAIpC,CAAC;"}

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js

@@ -1,4 +1,4 @@
-const A = {
+const E = {
   CHANGE_LOCATION: "Change location",
   RESET_PROGRESS: "Reset progress",
   MARK_AS_FAMILIAR: "Mark as learned",
@@ -11,10 +11,9 @@ const A = {
   MARK_AS_DONE: "Mark as Done",
   SKIP: "Skip",
   REVERT_SKIP: "Revert Skip",
-  REDO: "Redo",
-  ASSIGN_AS_HW: "Assign as HW"
+  REDO: "Redo"
 };
 export {
-  A as TEACHER_MENU_OPTIONS
+  E as TEACHER_MENU_OPTIONS
 };
 //# sourceMappingURL=teacher-actions-constant.js.map

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-actions-constant.js","sources":["../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.ts"],"sourcesContent":["export const TEACHER_MENU_OPTIONS = {\n  CHANGE_LOCATION: 'Change location',\n  RESET_PROGRESS: 'Reset progress',\n  MARK_AS_FAMILIAR: 'Mark as learned',\n  MARK_BACK_AS_RELEVANT: 'Mark back as relevant',\n  MARK_AS_NOT_NEEDED: 'Mark as not needed',\n  UNASSIGN: 'Unassign',\n  //* New options\n  ENABLE_AS_HW: 'Enable as HW',\n  REVERT_TO_CW: 'Revert to CW',\n  MARK_AS_DONE: 'Mark as Done',\n  SKIP: 'Skip',\n  REVERT_SKIP: 'Revert Skip',\n  REDO: 'Redo',\n  ASSIGN_AS_HW: 'Assign as HW',\n} as const;\n"],"names":["TEACHER_MENU_OPTIONS"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,UAAU;AAAA;AAAA,EAEV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,aAAa;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAChB;"}
+{"version":3,"file":"teacher-actions-constant.js","sources":["../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.ts"],"sourcesContent":["export const TEACHER_MENU_OPTIONS = {\n  CHANGE_LOCATION: 'Change location',\n  RESET_PROGRESS: 'Reset progress',\n  MARK_AS_FAMILIAR: 'Mark as learned',\n  MARK_BACK_AS_RELEVANT: 'Mark back as relevant',\n  MARK_AS_NOT_NEEDED: 'Mark as not needed',\n  UNASSIGN: 'Unassign',\n  //* New options\n  ENABLE_AS_HW: 'Enable as HW',\n  REVERT_TO_CW: 'Revert to CW',\n  MARK_AS_DONE: 'Mark as Done',\n  SKIP: 'Skip',\n  REVERT_SKIP: 'Revert Skip',\n  REDO: 'Redo',\n} as const;\n"],"names":["TEACHER_MENU_OPTIONS"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,UAAU;AAAA;AAAA,EAEV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,MAAM;AAAA,EACN,aAAa;AAAA,EACb,MAAM;AACR;"}

package/dist/features/ui/arrow-tooltip/arrow-tooltip.js

@@ -1,17 +1,17 @@
-import { jsxs as I, Fragment as U, jsx as r } from "react/jsx-runtime";
-import W from "../../../node_modules/lodash.throttle/index.js";
-import { useRef as Y, useState as m, useCallback as $, useEffect as H } from "react";
-import { useTheme as P } from "styled-components";
+import { jsxs as D, Fragment as I, jsx as r } from "react/jsx-runtime";
+import U from "../../../node_modules/lodash.throttle/index.js";
+import { useRef as W, useState as m, useCallback as $, useEffect as Y } from "react";
+import { useTheme as H } from "styled-components";
 import C from "../layout/flex-view.js";
-import V from "../portal/portal.js";
-import Z from "../text/text.js";
-import { TooltipBody as q } from "./arrow-tooltip-styled.js";
-import { computeTooltipNewCoOrdinates as y } from "./arrow-tooltip-util.js";
-const G = 8, J = 100, K = ({
+import P from "../portal/portal.js";
+import V from "../text/text.js";
+import { TooltipBody as Z } from "./arrow-tooltip-styled.js";
+import { computeTooltipNewCoOrdinates as q } from "./arrow-tooltip-util.js";
+const y = 8, G = 100, J = ({
   isAnimated: O,
   alwaysVisible: o = !1,
   arrowColor: T,
-  arrowSize: h = G,
+  arrowSize: h = y,
   arrowXCoOrdinates: g,
   arrowYCoOrdinates: w,
   backgroundColor: R,
@@ -27,62 +27,61 @@ const G = 8, J = 100, K = ({
   tooltipYCoOrdinates: k,
   width: F,
   widthX: L,
-  zIndex: M,
-  parentWidth: S
+  zIndex: M
 }) => {
-  const { arrowTooltip: X } = P(), { tooltipVariants: a } = X, { backgroundColorName: _ } = a[i], u = Y(null), [j, p] = m(o), [v, z] = m(
+  const { arrowTooltip: S } = H(), { tooltipVariants: a } = S, { backgroundColorName: X } = a[i], u = W(null), [_, p] = m(o), [j, v] = m(
     null
   ), s = $(
     (e, n) => {
-      z(e), p(n);
+      v(e), p(n);
     },
     []
-  ), B = $(() => {
+  ), z = $(() => {
     if (t || o)
       return null;
     s(null, !1);
-  }, [o, s, t]), d = W(() => {
+  }, [o, s, t]), d = U(() => {
     var f;
     const { current: e } = u;
     if (t || !e) return null;
-    const n = (f = e.children[0]) == null ? void 0 : f.getBoundingClientRect(), D = n ? y(c, n) : null;
-    return s(D, !0), null;
-  }, J);
-  return H(() => {
+    const n = (f = e.children[0]) == null ? void 0 : f.getBoundingClientRect(), B = n ? q(c, n) : null;
+    return s(B, !0), null;
+  }, G);
+  return Y(() => {
     t && p(!1), o && d();
-  }, [o, t]), /* @__PURE__ */ I(U, { children: [
+  }, [o, t]), /* @__PURE__ */ D(I, { children: [
     /* @__PURE__ */ r(
       C,
       {
-        $width: S || "fit-content",
+        $width: "fit-content",
         ref: u,
         onMouseEnter: d,
-        onMouseLeave: B,
+        onMouseLeave: z,
         children: /* @__PURE__ */ r(C, { children: x })
       }
     ),
-    j && /* @__PURE__ */ r(V, { portalId: "tooltip-root", children: /* @__PURE__ */ r(
-      q,
+    _ && /* @__PURE__ */ r(P, { portalId: "tooltip-root", children: /* @__PURE__ */ r(
+      Z,
       {
         $arrowSize: h,
         $arrowXCoOrdinates: g,
         $arrowYCoOrdinates: w,
         $position: c,
         $renderAs: i,
-        $tooltipCoOrdinates: v,
+        $tooltipCoOrdinates: j,
         $tooltipOffset: E,
         $tooltipXCoOrdinates: N,
         $tooltipYCoOrdinates: k,
         $width: F,
         $widthX: L,
         $zIndex: M,
-        $background: _,
+        $background: X,
         $backgroundColor: R,
         $arrowColor: T,
         $borderColor: b,
         $isAnimated: O,
         children: typeof l == "string" ? /* @__PURE__ */ r(
-          Z,
+          V,
           {
             $renderAs: A || "body3",
             $color: a[i].textColorName,
@@ -93,8 +92,8 @@ const G = 8, J = 100, K = ({
       }
     ) })
   ] });
-}, co = K;
+}, so = J;
 export {
-  co as default
+  so as default
 };
 //# sourceMappingURL=arrow-tooltip.js.map

package/dist/features/ui/arrow-tooltip/arrow-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip.tsx"],"sourcesContent":["import type {\n  IArrowTooltipProps,\n  THandleVisibleNCoOrdinatesProps,\n  TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\nimport throttle from 'lodash.throttle';\nimport { useState, type FC, useCallback, useRef, useEffect } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Portal from '../portal/portal';\nimport Text from '../text/text';\nimport * as Styled from './arrow-tooltip-styled';\nimport { computeTooltipNewCoOrdinates } from './arrow-tooltip-util';\n\nconst DEFAULT_ARROW_SIZE = 8;\nconst THROTTLE_DURATION = 100;\n\nconst ArrowTooltip: FC<IArrowTooltipProps> = ({\n  isAnimated,\n  alwaysVisible = false,\n  arrowColor,\n  arrowSize = DEFAULT_ARROW_SIZE,\n  arrowXCoOrdinates,\n  arrowYCoOrdinates,\n  backgroundColor,\n  borderColor,\n  children,\n  hidden,\n  position,\n  renderAs,\n  textVariant,\n  tooltipItem,\n  tooltipOffset,\n  tooltipXCoOrdinates,\n  tooltipYCoOrdinates,\n  width,\n  widthX,\n  zIndex,\n  parentWidth,\n}) => {\n  const { arrowTooltip } = useTheme();\n  const { tooltipVariants } = arrowTooltip;\n  const { backgroundColorName } = tooltipVariants[renderAs];\n\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState(alwaysVisible);\n  const [tooltipCoOrdinates, setTooltipCoOrdinates] = useState<TTooltipCoOrdinatesProps | null>(\n    null,\n  );\n\n  const handleVisibleNCoOrdinates: THandleVisibleNCoOrdinatesProps = useCallback(\n    (newCoOrdinates, visibility) => {\n      setTooltipCoOrdinates(newCoOrdinates);\n      setVisible(visibility);\n    },\n    [],\n  );\n\n  const handleVisibility = useCallback(() => {\n    if (hidden || alwaysVisible) {\n      return null;\n    }\n\n    handleVisibleNCoOrdinates(null, false);\n\n    return;\n  }, [alwaysVisible, handleVisibleNCoOrdinates, hidden]);\n\n  const handleOnMouseEnter = throttle(() => {\n    const { current } = tooltipWrapperRef;\n\n    if (hidden || !current) return null;\n\n    const boundingClientRect = current.children[0]?.getBoundingClientRect();\n    const newCoOrdinates = boundingClientRect\n      ? computeTooltipNewCoOrdinates(position, boundingClientRect)\n      : null;\n\n    handleVisibleNCoOrdinates(newCoOrdinates, true);\n\n    return null;\n  }, THROTTLE_DURATION);\n\n  useEffect(() => {\n    if (hidden) {\n      setVisible(false);\n    }\n\n    if (alwaysVisible) {\n      handleOnMouseEnter();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [alwaysVisible, hidden]);\n\n  return (\n    <>\n      <FlexView\n        $width={parentWidth || 'fit-content'}\n        ref={tooltipWrapperRef}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleVisibility}\n      >\n        <FlexView>{children}</FlexView>\n      </FlexView>\n      {visible && (\n        <Portal portalId=\"tooltip-root\">\n          <Styled.TooltipBody\n            $arrowSize={arrowSize}\n            $arrowXCoOrdinates={arrowXCoOrdinates}\n            $arrowYCoOrdinates={arrowYCoOrdinates}\n            $position={position}\n            $renderAs={renderAs}\n            $tooltipCoOrdinates={tooltipCoOrdinates}\n            $tooltipOffset={tooltipOffset}\n            $tooltipXCoOrdinates={tooltipXCoOrdinates}\n            $tooltipYCoOrdinates={tooltipYCoOrdinates}\n            $width={width}\n            $widthX={widthX}\n            $zIndex={zIndex}\n            $background={backgroundColorName}\n            $backgroundColor={backgroundColor}\n            $arrowColor={arrowColor}\n            $borderColor={borderColor}\n            $isAnimated={isAnimated}\n          >\n            {typeof tooltipItem === 'string' ? (\n              <Text\n                $renderAs={textVariant || 'body3'}\n                $color={tooltipVariants[renderAs].textColorName}\n                $align=\"center\"\n              >\n                {tooltipItem}\n              </Text>\n            ) : (\n              tooltipItem\n            )}\n          </Styled.TooltipBody>\n        </Portal>\n      )}\n    </>\n  );\n};\n\nexport default ArrowTooltip;\n"],"names":["DEFAULT_ARROW_SIZE","THROTTLE_DURATION","ArrowTooltip","isAnimated","alwaysVisible","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","children","hidden","position","renderAs","textVariant","tooltipItem","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","arrowTooltip","useTheme","tooltipVariants","backgroundColorName","tooltipWrapperRef","useRef","visible","setVisible","useState","tooltipCoOrdinates","setTooltipCoOrdinates","handleVisibleNCoOrdinates","useCallback","newCoOrdinates","visibility","handleVisibility","handleOnMouseEnter","throttle","current","boundingClientRect","_a","computeTooltipNewCoOrdinates","useEffect","jsxs","Fragment","jsx","FlexView","Portal","Styled.TooltipBody","Text","ArrowTooltip$1"],"mappings":"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"}
+{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip.tsx"],"sourcesContent":["import type {\n  IArrowTooltipProps,\n  THandleVisibleNCoOrdinatesProps,\n  TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\nimport throttle from 'lodash.throttle';\nimport { useState, type FC, useCallback, useRef, useEffect } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Portal from '../portal/portal';\nimport Text from '../text/text';\nimport * as Styled from './arrow-tooltip-styled';\nimport { computeTooltipNewCoOrdinates } from './arrow-tooltip-util';\n\nconst DEFAULT_ARROW_SIZE = 8;\nconst THROTTLE_DURATION = 100;\n\nconst ArrowTooltip: FC<IArrowTooltipProps> = ({\n  isAnimated,\n  alwaysVisible = false,\n  arrowColor,\n  arrowSize = DEFAULT_ARROW_SIZE,\n  arrowXCoOrdinates,\n  arrowYCoOrdinates,\n  backgroundColor,\n  borderColor,\n  children,\n  hidden,\n  position,\n  renderAs,\n  textVariant,\n  tooltipItem,\n  tooltipOffset,\n  tooltipXCoOrdinates,\n  tooltipYCoOrdinates,\n  width,\n  widthX,\n  zIndex,\n}) => {\n  const { arrowTooltip } = useTheme();\n  const { tooltipVariants } = arrowTooltip;\n  const { backgroundColorName } = tooltipVariants[renderAs];\n\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState(alwaysVisible);\n  const [tooltipCoOrdinates, setTooltipCoOrdinates] = useState<TTooltipCoOrdinatesProps | null>(\n    null,\n  );\n\n  const handleVisibleNCoOrdinates: THandleVisibleNCoOrdinatesProps = useCallback(\n    (newCoOrdinates, visibility) => {\n      setTooltipCoOrdinates(newCoOrdinates);\n      setVisible(visibility);\n    },\n    [],\n  );\n\n  const handleVisibility = useCallback(() => {\n    if (hidden || alwaysVisible) {\n      return null;\n    }\n\n    handleVisibleNCoOrdinates(null, false);\n\n    return;\n  }, [alwaysVisible, handleVisibleNCoOrdinates, hidden]);\n\n  const handleOnMouseEnter = throttle(() => {\n    const { current } = tooltipWrapperRef;\n\n    if (hidden || !current) return null;\n\n    const boundingClientRect = current.children[0]?.getBoundingClientRect();\n    const newCoOrdinates = boundingClientRect\n      ? computeTooltipNewCoOrdinates(position, boundingClientRect)\n      : null;\n\n    handleVisibleNCoOrdinates(newCoOrdinates, true);\n\n    return null;\n  }, THROTTLE_DURATION);\n\n  useEffect(() => {\n    if (hidden) {\n      setVisible(false);\n    }\n\n    if (alwaysVisible) {\n      handleOnMouseEnter();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [alwaysVisible, hidden]);\n\n  return (\n    <>\n      <FlexView\n        $width=\"fit-content\"\n        ref={tooltipWrapperRef}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleVisibility}\n      >\n        <FlexView>{children}</FlexView>\n      </FlexView>\n      {visible && (\n        <Portal portalId=\"tooltip-root\">\n          <Styled.TooltipBody\n            $arrowSize={arrowSize}\n            $arrowXCoOrdinates={arrowXCoOrdinates}\n            $arrowYCoOrdinates={arrowYCoOrdinates}\n            $position={position}\n            $renderAs={renderAs}\n            $tooltipCoOrdinates={tooltipCoOrdinates}\n            $tooltipOffset={tooltipOffset}\n            $tooltipXCoOrdinates={tooltipXCoOrdinates}\n            $tooltipYCoOrdinates={tooltipYCoOrdinates}\n            $width={width}\n            $widthX={widthX}\n            $zIndex={zIndex}\n            $background={backgroundColorName}\n            $backgroundColor={backgroundColor}\n            $arrowColor={arrowColor}\n            $borderColor={borderColor}\n            $isAnimated={isAnimated}\n          >\n            {typeof tooltipItem === 'string' ? (\n              <Text\n                $renderAs={textVariant || 'body3'}\n                $color={tooltipVariants[renderAs].textColorName}\n                $align=\"center\"\n              >\n                {tooltipItem}\n              </Text>\n            ) : (\n              tooltipItem\n            )}\n          </Styled.TooltipBody>\n        </Portal>\n      )}\n    </>\n  );\n};\n\nexport default ArrowTooltip;\n"],"names":["DEFAULT_ARROW_SIZE","THROTTLE_DURATION","ArrowTooltip","isAnimated","alwaysVisible","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","children","hidden","position","renderAs","textVariant","tooltipItem","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","arrowTooltip","useTheme","tooltipVariants","backgroundColorName","tooltipWrapperRef","useRef","visible","setVisible","useState","tooltipCoOrdinates","setTooltipCoOrdinates","handleVisibleNCoOrdinates","useCallback","newCoOrdinates","visibility","handleVisibility","handleOnMouseEnter","throttle","current","boundingClientRect","_a","computeTooltipNewCoOrdinates","useEffect","jsxs","Fragment","jsx","FlexView","Portal","Styled.TooltipBody","Text","ArrowTooltip$1"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAAqB,GACrBC,IAAoB,KAEpBC,IAAuC,CAAC;AAAA,EAC5C,YAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,YAAAC;AAAA,EACA,WAAAC,IAAYN;AAAA,EACZ,mBAAAO;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACE,QAAA,EAAE,cAAAC,MAAiBC,KACnB,EAAE,iBAAAC,EAAoB,IAAAF,GACtB,EAAE,qBAAAG,EAAA,IAAwBD,EAAgBX,CAAQ,GAElDa,IAAoBC,EAAuB,IAAI,GAC/C,CAACC,GAASC,CAAU,IAAIC,EAAS3B,CAAa,GAC9C,CAAC4B,GAAoBC,CAAqB,IAAIF;AAAA,IAClD;AAAA,EAAA,GAGIG,IAA6DC;AAAA,IACjE,CAACC,GAAgBC,MAAe;AAC9B,MAAAJ,EAAsBG,CAAc,GACpCN,EAAWO,CAAU;AAAA,IACvB;AAAA,IACA,CAAC;AAAA,EAAA,GAGGC,IAAmBH,EAAY,MAAM;AACzC,QAAIvB,KAAUR;AACL,aAAA;AAGT,IAAA8B,EAA0B,MAAM,EAAK;AAAA,EAGpC,GAAA,CAAC9B,GAAe8B,GAA2BtB,CAAM,CAAC,GAE/C2B,IAAqBC,EAAS,MAAM;;AAClC,UAAA,EAAE,SAAAC,EAAY,IAAAd;AAEhB,QAAAf,KAAU,CAAC6B,EAAgB,QAAA;AAE/B,UAAMC,KAAqBC,IAAAF,EAAQ,SAAS,CAAC,MAAlB,gBAAAE,EAAqB,yBAC1CP,IAAiBM,IACnBE,EAA6B/B,GAAU6B,CAAkB,IACzD;AAEJ,WAAAR,EAA0BE,GAAgB,EAAI,GAEvC;AAAA,KACNnC,CAAiB;AAEpB,SAAA4C,EAAU,MAAM;AACd,IAAIjC,KACFkB,EAAW,EAAK,GAGd1B,KACiBmC;EACrB,GAEC,CAACnC,GAAeQ,CAAM,CAAC,GAItB,gBAAAkC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,KAAKtB;AAAA,QACL,cAAcY;AAAA,QACd,cAAcD;AAAA,QAEd,UAAA,gBAAAU,EAACC,KAAU,UAAAtC,EAAS,CAAA;AAAA,MAAA;AAAA,IACtB;AAAA,IACCkB,KACC,gBAAAmB,EAACE,GAAO,EAAA,UAAS,gBACf,UAAA,gBAAAF;AAAA,MAACG;AAAAA,MAAA;AAAA,QACC,YAAY7C;AAAA,QACZ,oBAAoBC;AAAA,QACpB,oBAAoBC;AAAA,QACpB,WAAWK;AAAA,QACX,WAAWC;AAAA,QACX,qBAAqBkB;AAAA,QACrB,gBAAgBf;AAAA,QAChB,sBAAsBC;AAAA,QACtB,sBAAsBC;AAAA,QACtB,QAAQC;AAAA,QACR,SAASC;AAAA,QACT,SAASC;AAAA,QACT,aAAaI;AAAA,QACb,kBAAkBjB;AAAA,QAClB,aAAaJ;AAAA,QACb,cAAcK;AAAA,QACd,aAAaP;AAAA,QAEZ,UAAA,OAAOa,KAAgB,WACtB,gBAAAgC;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAWrC,KAAe;AAAA,YAC1B,QAAQU,EAAgBX,CAAQ,EAAE;AAAA,YAClC,QAAO;AAAA,YAEN,UAAAE;AAAA,UAAA;AAAA,QAAA,IAGHA;AAAA,MAAA;AAAA,IAAA,GAGN;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEAqC,KAAenD;"}