@cuemath/leap 2.8.56-as1 → 2.8.56-hg1

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

@@ -1 +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\" $background=\"WHITE\">\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\n        $gapX={6.75}\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $background=\"WHITE\"\n      >\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\" $background=\"WHITE\">\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","Styled.TestHelpWrapper","FlexView","jsx","Text","Button","TestSheetsList","jsxs","IMAGES","Separator","Fragment","ArrowTooltip","TESTS_CREATION_ANALYTICS_EVENTS","AppLoader"],"mappings":";;;;;;;;;;;;;AAgBM,MAAAA,KAA0CC,EAAK,CAASC,MAAA;AACtD,QAAA;AAAA,IACJ,qBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAP,GACE,EAAE,uBAAAQ,GAAuB,eAAAC,GAAe,cAAAC,GAAc,aAAAC,MAAgBX,GAEtE;AAAA,IACJ,KAAKY;AAAA,IACL,MAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,MACEC,EAAmB,GAEjBC,IACJ,CAACZ,KACD,CAACN,KACD,CAACE,KACAA,KAAqBD,GAClBkB,IACJjB,KAAqB,CAACF,IAClB,iCACAC,IACE,oCACA,qBAEFmB,IAAmBC,EAAY,MAAM;AACzC,IAAAV,EAAgBN,GAAiB,QAAW;AAAA,MAC1C,WAAAD;AAAA,IAAA,CACD;AAAA,EACA,GAAA,CAACO,GAAiBP,GAAWC,CAAe,CAAC;AAEhD,EAAAiB,EAAU,MAAM;AACd,IAAI,CAACN,MAAkB,CAACF,KAAe,CAACD,KAAuBE,MAC5CK;EACnB,GACC,CAACA,GAAkBN,GAAaE,GAAcH,GAAoBE,CAAO,CAAC;AAEvE,QAAAQ,IAA8BF,EAAY,MAAM;AAChD,QAAA,OAAOd,KAA0B,YAAY;AAC/C,MAAAA,KAAA,QAAAA,EAAwBF,KAAkBO,KAAA,gBAAAA,EAAM,WAAU,KAAK;AAE/D;AAAA,IACF;AAEM,UAAA,IAAI,MAAM,yDAAyD;AAAA,EACxE,GAAA,CAACL,GAAuBF,GAAiBO,CAAI,CAAC,GAE3CY,IAAkBH;AAAA,IACtB,CAACI,GAAaC,MAAc;AACtB,UAAA,OAAOlB,KAAkB,YAAY;AACvC,QAAAA,EAAciB,GAAaC,CAAS;AAEpC;AAAA,MACF;AAEM,YAAA,IAAI,MAAM,yDAAyD;AAAA,IAC3E;AAAA,IACA,CAAClB,CAAa;AAAA,EAAA,GAGVmB,IAAgBN;AAAA,IACpB,CAASO,MAAA;AACH,UAAA,OAAOlB,KAAgB,YAAY;AACrC,QAAAA,EAAYkB,CAAK;AAEjB;AAAA,MACF;AAEM,YAAA,IAAI,MAAM,yDAAyD;AAAA,IAC3E;AAAA,IACA,CAAClB,CAAW;AAAA,EAAA,GAGRmB,IAAiBR;AAAA,IACrB,CAASO,MAAA;AACH,UAAA,OAAOnB,KAAiB,YAAY;AACtC,QAAAA,EAAamB,GAAOvB,CAAe;AAEnC;AAAA,MACF;AAEM,YAAA,IAAI,MAAM,yDAAyD;AAAA,IAC3E;AAAA,IACA,CAACI,GAAcJ,CAAe;AAAA,EAAA;AAGhC,SAAIQ,sBAECiB,GAAA,EAAuB,aAAY,UAAS,iBAAgB,UAAS,aAAY,SAChF,4BAACC,GAAS,EAAA,WAAW,KAAK,aAAY,UAAS,iBAAgB,UAC7D,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,MAAK,UAAmD,uDAAA;AAAA,IACxE,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASd;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,EACF,CAAA,EACF,CAAA,IAIAN,IACEF,KAAA,QAAAA,EAAM,SAEN,gBAAAoB,EAACF,GAAA,EACC,UAAA,gBAAAE;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,aAAa9B;AAAA,MACb,QAAQO;AAAA,MACR,UAAAT;AAAA,MACA,WAAAC;AAAA,MACA,iBAAiBmB;AAAA,MACjB,eAAeC;AAAA,MACf,cAAcK;AAAA,MACd,aAAaF;AAAA,MACb,gBAAgBrB;AAAA,MAChB,mBAAAJ;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA,IAKF,gBAAAkC;AAAA,IAACN;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAI,EAAA,KAAKK,EAAO,iBAAiB,KAAI,mBAAkB;AAAA,QACxD,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACtBnC,MAAa,YAEV,gBAAAiC,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,QAAQ,CAACtB;AAAA,cACT,aAAaC;AAAA,cAEb,UAAA,gBAAAa;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,SAASX;AAAA,kBACT,UAAUL;AAAA,kBACV,gBAAgBuB,EAAgC;AAAA,kBAChD,gBAAgB;AAAA,oBACd,cAAcpC;AAAA,kBAChB;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAA2B,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QAAA,EAAA,CACzB,IAEC,gBAAAN,EAAAC,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,UAE/C,yCAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAOL,gBAAAD,EAAAF,GAAA,EAAuB,aAAY,UAAS,iBAAgB,UAAS,aAAY,SAChF,UAAA,gBAAAE,EAACU,GAAU,EAAA,QAAO,QAAO,EAC3B,CAAA;AAEJ,CAAC;"}
+{"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/context-menu-helper/menu-element-styled.js

@@ -0,0 +1,15 @@
+import o from "styled-components";
+import r from "../../../../ui/layout/flex-view.js";
+const s = o(r)(({ theme: p }) => {
+  const { colors: t } = p;
+  return `
+    box-shadow: 0px 2px 15px 0px ${t.BLACK_T_15};
+  `;
+}), x = o(r)(() => `
+      cursor:pointer;
+    `);
+export {
+  x as MenuOption,
+  s as MenuWrapper
+};
+//# sourceMappingURL=menu-element-styled.js.map

package/dist/features/sheets/resources-list/resource-item/context-menu-helper/menu-element-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-element-styled.js","sources":["../../../../../../src/features/sheets/resources-list/resource-item/context-menu-helper/menu-element-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst MenuWrapper = styled(FlexView)(({ theme }) => {\n  const { colors } = theme;\n\n  return `\n    box-shadow: 0px 2px 15px 0px ${colors.BLACK_T_15};\n  `;\n});\n\nconst MenuOption = styled(FlexView)(() => {\n  return `\n      cursor:pointer;\n    `;\n});\n\nexport { MenuWrapper, MenuOption };\n"],"names":["MenuWrapper","styled","FlexView","theme","colors","MenuOption"],"mappings":";;AAIA,MAAMA,IAAcC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC5C,QAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,SAAA;AAAA,mCAC0BC,EAAO,UAAU;AAAA;AAEpD,CAAC,GAEKC,IAAaJ,EAAOC,CAAQ,EAAE,MAC3B;AAAA;AAAA,KAGR;"}

package/dist/features/sheets/resources-list/resource-item/context-menu-helper/menu-element.js

@@ -0,0 +1,26 @@
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { memo as c } from "react";
+import a from "../../../../ui/text/text.js";
+import { MenuWrapper as f, MenuOption as s } from "./menu-element-styled.js";
+const g = c(({ menuOptions: e }) => /* @__PURE__ */ r(f, { $background: "WHITE", children: e.map((n) => {
+  const { label: o, icon: t, visible: i, id: l, onClick: m, option: p } = n;
+  return i ? /* @__PURE__ */ u(
+    s,
+    {
+      $flexDirection: "row",
+      $flexGap: 8,
+      $gap: 8,
+      $gutterX: 1,
+      onClick: () => m(p),
+      children: [
+        t,
+        /* @__PURE__ */ r(a, { $renderAs: "ub2", children: o })
+      ]
+    },
+    l
+  ) : null;
+}) }));
+export {
+  g as default
+};
+//# sourceMappingURL=menu-element.js.map

package/dist/features/sheets/resources-list/resource-item/context-menu-helper/menu-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-element.js","sources":["../../../../../../src/features/sheets/resources-list/resource-item/context-menu-helper/menu-element.tsx"],"sourcesContent":["import type { IContextMenuElement } from './menu-element-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './menu-element-styled';\n\nconst ContextMenuElement: FC<IContextMenuElement> = memo(({ menuOptions }) => {\n  return (\n    <Styled.MenuWrapper $background=\"WHITE\">\n      {menuOptions.map(opt => {\n        const { label, icon, visible, id, onClick, option } = opt;\n\n        if (!visible) return null;\n\n        return (\n          <Styled.MenuOption\n            key={id}\n            $flexDirection=\"row\"\n            $flexGap={8}\n            $gap={8}\n            $gutterX={1}\n            onClick={() => onClick(option)}\n          >\n            {icon}\n            <Text $renderAs=\"ub2\">{label}</Text>\n          </Styled.MenuOption>\n        );\n      })}\n    </Styled.MenuWrapper>\n  );\n});\n\nexport default ContextMenuElement;\n"],"names":["ContextMenuElement","memo","menuOptions","jsx","Styled.MenuWrapper","opt","label","icon","visible","id","onClick","option","jsxs","Styled.MenuOption","Text"],"mappings":";;;;AAQA,MAAMA,IAA8CC,EAAK,CAAC,EAAE,aAAAC,QAExD,gBAAAC,EAACC,GAAA,EAAmB,aAAY,SAC7B,UAAAF,EAAY,IAAI,CAAOG,MAAA;AACtB,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,SAAAC,GAAS,IAAAC,GAAI,SAAAC,GAAS,QAAAC,EAAW,IAAAN;AAElD,SAACG,IAGH,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,gBAAe;AAAA,MACf,UAAU;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS,MAAMH,EAAQC,CAAM;AAAA,MAE5B,UAAA;AAAA,QAAAJ;AAAA,QACA,gBAAAJ,EAAAW,GAAA,EAAK,WAAU,OAAO,UAAMR,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IARxBG;AAAA,EAAA,IAJY;AAetB,CAAA,EACH,CAAA,CAEH;"}

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

@@ -1,85 +1,199 @@
-import { jsx as w } from "react/jsx-runtime";
-import { h as R } from "../../../../node_modules/humanize-plus/dist/humanize.js";
-import { memo as $, useMemo as _, useCallback as x } from "react";
-import S from "../../../homework/homework-card.js";
-import { getNodeTypeBasedHWCardTitle as z } from "../../../homework/utils.js";
-import D from "../../../ui/buttons/clickable/clickable.js";
-import { isV3Worksheet as c } from "../../utils/is-v3-worksheet.js";
-const B = $(
-  ({ sheet: e, userType: d, userMilestoneId: u, onPreview: o, onReview: n, onStart: a }) => {
-    const {
-      accuracy: h,
-      permissions: b,
-      title: m,
-      state: j,
-      node_id: f,
-      user_node_id: t,
-      node_type: i,
-      image_url: v,
-      image_hue: y,
-      due_date_ts: E,
-      total_questions: r
-    } = e, {
-      can_start: l,
-      can_resume: k,
-      can_review: g,
-      can_teacher_review: C
-    } = b, s = d === "STUDENT", p = s ? g : C, H = _(() => z(i), [i]), T = _(
-      () => `${typeof r == "number" ? `${r} ${R.pluralize(
-        r,
-        "Question"
-      )} sjkdnskjn skdnkj fsdjn fks dvkjs dfkncsdkj vcjksd ckn` : ""}`,
-      [r]
-    ), N = x(() => {
-      if (s && (l || k)) {
-        if (typeof a == "function") {
-          a(f, c(e), t);
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import { memo as J, useRef as Q, useState as Z, useMemo as ee, useCallback as d, useLayoutEffect as te } from "react";
+import oe from "../../../../assets/line-icons/icons/minus2.js";
+import re from "../../../../assets/line-icons/icons/plus2.js";
+import ne from "../../../../assets/line-icons/icons/redo.js";
+import A from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import ie from "../../../ui/context-menu/context-menu.js";
+import { useUIContext as ce } from "../../../ui/context/context.js";
+import se from "../../../ui/layout/flex-view.js";
+import ae from "../../comps/sheet-button/index.js";
+import ue from "../../lessons-list/lesson-item/context-menu-helper/target-element.js";
+import { SHEETS_ANALYTICS_EVENTS as k } from "../../sheets-analytics-events.js";
+import { TEACHER_MENU_OPTIONS as me } from "../../sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant.js";
+import { isV3Worksheet as h } from "../../utils/is-v3-worksheet.js";
+import le from "./context-menu-helper/menu-element.js";
+import { ResourceItemCard as pe, ResourceItemTitle as fe, IconButtonWrapper as de } from "./styled.js";
+import { getResourceItemCtaState as he, getResourceItemCtaInfo as we, getResourceItemBackgroundColor as _e } from "./utils.js";
+const { UNASSIGN: x, REDO: N } = me, Me = J(
+  ({
+    sheet: t,
+    userType: O,
+    isMilestoneWidget: w,
+    userMilestoneId: _,
+    onUnlock: i,
+    onUnAssignSheet: u,
+    onReset: m,
+    onPreview: l,
+    onReview: p,
+    onStart: f
+  }) => {
+    const { onClick: c } = ce(), r = Q(null), [D, M] = Z(!1), {
+      accuracy: b,
+      permissions: X,
+      title: C,
+      sheet_statement: j,
+      state: E,
+      node_id: o,
+      user_node_id: s,
+      node_sub_group: G,
+      node_type: y
+    } = t, {
+      can_start: I,
+      can_resume: S,
+      can_unlock: g,
+      can_review: H,
+      can_teacher_review: L,
+      can_unassign: B,
+      can_reset: U
+    } = X, V = typeof b == "number" ? `${b}%` : void 0, n = O === "STUDENT", R = n ? H : L, P = he(E), { label: W, Icon: F } = we(G) || {}, a = ee(
+      () => ({
+        node_id: o,
+        node_type: y
+      }),
+      [o, y]
+    ), K = d(() => {
+      c({
+        analyticsLabel: k.RESOURCE_ASSIGNED,
+        props: a
+      }), i == null || i(o);
+    }, [i, o, c, a]), Y = d(() => {
+      if (n && (I || S)) {
+        if (typeof f == "function") {
+          f(o, h(t), s);
           return;
         }
         throw new Error("No callback is available");
       }
-      if (p) {
-        if (typeof n != "function")
+      if (R) {
+        if (typeof p != "function")
           throw new Error("onReview must be a function");
-        if (!t)
+        if (!s)
           throw new Error("user node id must be present to review the sheet");
-        n(t, c(e, "review"), u);
+        p(s, h(t, "review"), _);
         return;
       }
-      if (typeof o != "function")
+      if (typeof l != "function")
         throw new Error("onPreview must be a function");
-      o(e, c(e));
+      l(t, h(t));
     }, [
-      k,
-      p,
-      l,
+      S,
+      R,
+      I,
+      n,
+      o,
+      t,
+      _,
       s,
       f,
-      e,
-      u,
-      t,
-      a,
+      p,
+      l
+    ]), T = d(
+      (z) => {
+        switch (z) {
+          case x:
+            if (typeof u != "function")
+              throw new Error("onUnassignSheet must be a function");
+            c({
+              analyticsLabel: k.RESOURCE_UNASSIGNED,
+              props: a
+            }), u(t);
+            return;
+          case N:
+            if (typeof m != "function")
+              throw new Error("onReset must be a function");
+            m(t);
+            return;
+        }
+      },
+      [t, u, m, a, c]
+    );
+    te(() => {
+      r.current && r.current.scrollHeight > r.current.clientHeight && M(!0);
+    }, [r]);
+    const q = [
+      {
+        id: "supplementary_resources_unassign",
+        label: "Unassign",
+        icon: /* @__PURE__ */ e(oe, { width: 20, height: 20 }),
+        option: x,
+        visible: B,
+        onClick: T
+      },
+      {
+        id: "supplementary_resources_redo",
+        label: "Redo",
+        icon: /* @__PURE__ */ e(ne, {}),
+        option: N,
+        visible: U,
+        onClick: T
+      }
+    ], $ = _e(
+      E,
       n,
-      o
-    ]);
-    return /* @__PURE__ */ w(D, { label: `test card click ${m}`, onClick: N, children: /* @__PURE__ */ w(
-      S,
+      g,
+      !!w
+    );
+    return /* @__PURE__ */ v(
+      pe,
       {
-        nodeType: i,
-        cardHeader: H,
-        imageHue: y || "ORANGE",
-        imageUrl: v,
-        header: m,
-        subHeader: T,
-        userType: d,
-        state: j,
-        accuracy: h,
-        dueDateTs: E
+        $gapX: 1,
+        $gutterX: 1,
+        $flexGapX: 1.25,
+        $background: $,
+        $justifyContent: "space-between",
+        $heightX: 8,
+        $isMilestoneWidget: w,
+        children: [
+          /* @__PURE__ */ e(
+            A,
+            {
+              renderAs: "primary",
+              position: "bottom",
+              tooltipItem: C,
+              hidden: !D,
+              widthX: 21.75,
+              children: /* @__PURE__ */ e(fe, { ref: r, $renderAs: "ab2", $color: "BLACK_T_87", children: C })
+            }
+          ),
+          /* @__PURE__ */ v(se, { $flexDirection: "row", $justifyContent: "space-between", $alignItems: "center", children: [
+            /* @__PURE__ */ e(A, { position: "bottom", tooltipItem: j, renderAs: "secondary", children: /* @__PURE__ */ e(
+              ae,
+              {
+                renderAs: "primary",
+                label: W ?? "",
+                Icon: F,
+                backgroundColor: $,
+                state: P,
+                hoverActive: !1,
+                onClick: Y,
+                accuracy: V,
+                widthX: 8.5
+              }
+            ) }),
+            !n && (g ? /* @__PURE__ */ e(
+              de,
+              {
+                $flexDirection: "row",
+                $alignItems: "center",
+                $justifyContent: "center",
+                onClick: K,
+                children: /* @__PURE__ */ e(re, {})
+              }
+            ) : /* @__PURE__ */ e(
+              ie,
+              {
+                targetElement: /* @__PURE__ */ e(ue, { invertHover: !0 }),
+                menuElement: /* @__PURE__ */ e(le, { menuOptions: q })
+              }
+            ))
+          ] })
+        ]
       }
-    ) });
+    );
   }
 );
 export {
-  B as default
+  Me as default
 };
 //# sourceMappingURL=resource-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"resource-item.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/resource-item.tsx"],"sourcesContent":["import type { TSheetStates } from '../../../chapters-v2/comps/node-card/node-card-types';\nimport type { IResourceItemProps } from './types';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { useCallback, memo, useMemo } from 'react';\n\nimport HomeworkCard from '../../../homework/homework-card';\nimport { getNodeTypeBasedHWCardTitle } from '../../../homework/utils';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport { isV3Worksheet } from '../../utils/is-v3-worksheet';\n\nconst ResourceItem: FC<IResourceItemProps> = memo(\n  ({ sheet, userType, userMilestoneId, onPreview, onReview, onStart }) => {\n    const {\n      accuracy,\n      permissions,\n      title,\n      state: sheetState,\n      node_id: nodeId,\n      user_node_id: userNodeId,\n      node_type: nodeType,\n      image_url: imageUrl,\n      image_hue: imageHue,\n      due_date_ts: dueDateTs,\n      total_questions: totalQuestions,\n    } = sheet;\n    const {\n      can_start: canStart,\n      can_resume: canResume,\n      can_review: canReview,\n      can_teacher_review: canTeacherReview,\n    } = permissions;\n\n    const isStudent = userType === 'STUDENT';\n    const canReviewSheet = isStudent ? canReview : canTeacherReview;\n    const cardHeader = useMemo(() => getNodeTypeBasedHWCardTitle(nodeType), [nodeType]);\n    const subHeader = useMemo(\n      () =>\n        `${\n          typeof totalQuestions === 'number'\n            ? `${totalQuestions} ${pluralize(\n                totalQuestions,\n                'Question',\n              )} sjkdnskjn skdnkj fsdjn fks dvkjs dfkncsdkj vcjksd ckn`\n            : ''\n        }`,\n      [totalQuestions],\n    );\n    const handleOnClick = useCallback(() => {\n      if (isStudent && (canStart || canResume)) {\n        if (typeof onStart === 'function') {\n          onStart(nodeId, isV3Worksheet(sheet), userNodeId);\n\n          return;\n        }\n\n        throw new Error('No callback is available');\n      }\n\n      if (canReviewSheet) {\n        if (typeof onReview !== 'function') {\n          throw new Error('onReview must be a function');\n        }\n\n        if (!userNodeId) {\n          throw new Error('user node id must be present to review the sheet');\n        }\n\n        onReview(userNodeId, isV3Worksheet(sheet, 'review'), userMilestoneId);\n\n        return;\n      }\n\n      if (typeof onPreview !== 'function') {\n        throw new Error('onPreview must be a function');\n      }\n\n      onPreview(sheet, isV3Worksheet(sheet));\n    }, [\n      canResume,\n      canReviewSheet,\n      canStart,\n      isStudent,\n      nodeId,\n      sheet,\n      userMilestoneId,\n      userNodeId,\n      onStart,\n      onReview,\n      onPreview,\n    ]);\n\n    return (\n      <Clickable label={`test card click ${title}`} onClick={handleOnClick}>\n        <HomeworkCard\n          nodeType={nodeType}\n          cardHeader={cardHeader}\n          imageHue={imageHue || 'ORANGE'}\n          imageUrl={imageUrl}\n          header={title}\n          subHeader={subHeader}\n          userType={userType}\n          state={sheetState as TSheetStates}\n          accuracy={accuracy}\n          dueDateTs={dueDateTs}\n        />\n      </Clickable>\n    );\n  },\n);\n\nexport default ResourceItem;\n"],"names":["ResourceItem","memo","sheet","userType","userMilestoneId","onPreview","onReview","onStart","accuracy","permissions","title","sheetState","nodeId","userNodeId","nodeType","imageUrl","imageHue","dueDateTs","totalQuestions","canStart","canResume","canReview","canTeacherReview","isStudent","canReviewSheet","cardHeader","useMemo","getNodeTypeBasedHWCardTitle","subHeader","pluralize","handleOnClick","useCallback","isV3Worksheet","Clickable","jsx","HomeworkCard"],"mappings":";;;;;;;AAYA,MAAMA,IAAuCC;AAAA,EAC3C,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,iBAAAC,GAAiB,WAAAC,GAAW,UAAAC,GAAU,SAAAC,QAAc;AAChE,UAAA;AAAA,MACJ,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,OAAOC;AAAA,MACP,SAASC;AAAA,MACT,cAAcC;AAAA,MACd,WAAWC;AAAA,MACX,WAAWC;AAAA,MACX,WAAWC;AAAA,MACX,aAAaC;AAAA,MACb,iBAAiBC;AAAA,IACf,IAAAhB,GACE;AAAA,MACJ,WAAWiB;AAAA,MACX,YAAYC;AAAA,MACZ,YAAYC;AAAA,MACZ,oBAAoBC;AAAA,IAClB,IAAAb,GAEEc,IAAYpB,MAAa,WACzBqB,IAAiBD,IAAYF,IAAYC,GACzCG,IAAaC,EAAQ,MAAMC,EAA4Bb,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAC5Ec,IAAYF;AAAA,MAChB,MACE,GACE,OAAOR,KAAmB,WACtB,GAAGA,CAAc,IAAIW,EAAA;AAAA,QACnBX;AAAA,QACA;AAAA,MAAA,CACD,2DACD,EACN;AAAA,MACF,CAACA,CAAc;AAAA,IAAA,GAEXY,IAAgBC,EAAY,MAAM;AAClC,UAAAR,MAAcJ,KAAYC,IAAY;AACpC,YAAA,OAAOb,KAAY,YAAY;AACjC,UAAAA,EAAQK,GAAQoB,EAAc9B,CAAK,GAAGW,CAAU;AAEhD;AAAA,QACF;AAEM,cAAA,IAAI,MAAM,0BAA0B;AAAA,MAC5C;AAEA,UAAIW,GAAgB;AACd,YAAA,OAAOlB,KAAa;AAChB,gBAAA,IAAI,MAAM,6BAA6B;AAG/C,YAAI,CAACO;AACG,gBAAA,IAAI,MAAM,kDAAkD;AAGpE,QAAAP,EAASO,GAAYmB,EAAc9B,GAAO,QAAQ,GAAGE,CAAe;AAEpE;AAAA,MACF;AAEI,UAAA,OAAOC,KAAc;AACjB,cAAA,IAAI,MAAM,8BAA8B;AAGtC,MAAAA,EAAAH,GAAO8B,EAAc9B,CAAK,CAAC;AAAA,IAAA,GACpC;AAAA,MACDkB;AAAA,MACAI;AAAA,MACAL;AAAA,MACAI;AAAA,MACAX;AAAA,MACAV;AAAA,MACAE;AAAA,MACAS;AAAA,MACAN;AAAA,MACAD;AAAA,MACAD;AAAA,IAAA,CACD;AAED,6BACG4B,GAAU,EAAA,OAAO,mBAAmBvB,CAAK,IAAI,SAASoB,GACrD,UAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,YAAAW;AAAA,QACA,UAAUT,KAAY;AAAA,QACtB,UAAAD;AAAA,QACA,QAAQL;AAAA,QACR,WAAAkB;AAAA,QACA,UAAAzB;AAAA,QACA,OAAOQ;AAAA,QACP,UAAAH;AAAA,QACA,WAAAS;AAAA,MAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"resource-item.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/resource-item.tsx"],"sourcesContent":["import type { IMenuOptionsProps } from './context-menu-helper/menu-element-types';\nimport type { IResourceItemProps } from './types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, memo, useState, useMemo } from 'react';\n\nimport Minus2Icon from '../../../../assets/line-icons/icons/minus2';\nimport Plus2Icon from '../../../../assets/line-icons/icons/plus2';\nimport RedoIcon from '../../../../assets/line-icons/icons/redo';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport ContextMenu from '../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport SheetButton from '../../comps/sheet-button';\nimport ContextMenuTargetElement from '../../lessons-list/lesson-item/context-menu-helper/target-element';\nimport { SHEETS_ANALYTICS_EVENTS } from '../../sheets-analytics-events';\nimport { TEACHER_MENU_OPTIONS } from '../../sheets-list/sheet-item/reward-n-actions/teacher-actions/teacher-actions-constant';\nimport { isV3Worksheet } from '../../utils/is-v3-worksheet';\nimport ContextMenuElement from './context-menu-helper/menu-element';\nimport * as Styled from './styled';\nimport {\n  getResourceItemBackgroundColor,\n  getResourceItemCtaInfo,\n  getResourceItemCtaState,\n} from './utils';\n\nconst { UNASSIGN, REDO } = TEACHER_MENU_OPTIONS;\n\nconst ResourceItem: FC<IResourceItemProps> = memo(\n  ({\n    sheet,\n    userType,\n    isMilestoneWidget,\n    userMilestoneId,\n    onUnlock,\n    onUnAssignSheet,\n    onReset,\n    onPreview,\n    onReview,\n    onStart,\n  }) => {\n    const { onClick: trackClick } = useUIContext();\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n    const {\n      accuracy,\n      permissions,\n      title,\n      sheet_statement: sheetStatement,\n      state: sheetState,\n      node_id: nodeId,\n      user_node_id: userNodeId,\n      node_sub_group: nodeSubGroup,\n      node_type: nodeType,\n    } = sheet;\n    const {\n      can_start: canStart,\n      can_resume: canResume,\n      can_unlock: canUnlock,\n      can_review: canReview,\n      can_teacher_review: canTeacherReview,\n      can_unassign: canUnassign,\n      can_reset: canReset,\n    } = permissions;\n\n    const sheetAccuracy = typeof accuracy === 'number' ? `${accuracy}%` : undefined;\n    const isStudent = userType === 'STUDENT';\n    const canReviewSheet = isStudent ? canReview : canTeacherReview;\n\n    const ctaState = getResourceItemCtaState(sheetState);\n    const { label, Icon } = getResourceItemCtaInfo(nodeSubGroup) || {};\n\n    const analyticsProps = useMemo(\n      () => ({\n        node_id: nodeId,\n        node_type: nodeType,\n      }),\n      [nodeId, nodeType],\n    );\n\n    const handleAssignSheet = useCallback(() => {\n      trackClick({\n        analyticsLabel: SHEETS_ANALYTICS_EVENTS.RESOURCE_ASSIGNED,\n        props: analyticsProps,\n      });\n\n      onUnlock?.(nodeId);\n    }, [onUnlock, nodeId, trackClick, analyticsProps]);\n\n    const handleOnClick = useCallback(() => {\n      if (isStudent && (canStart || canResume)) {\n        if (typeof onStart === 'function') {\n          onStart(nodeId, isV3Worksheet(sheet), userNodeId);\n\n          return;\n        }\n\n        throw new Error('No callback is available');\n      }\n\n      if (canReviewSheet) {\n        if (typeof onReview !== 'function') {\n          throw new Error('onReview must be a function');\n        }\n\n        if (!userNodeId) {\n          throw new Error('user node id must be present to review the sheet');\n        }\n\n        onReview(userNodeId, isV3Worksheet(sheet, 'review'), userMilestoneId);\n\n        return;\n      }\n\n      if (typeof onPreview !== 'function') {\n        throw new Error('onPreview must be a function');\n      }\n\n      onPreview(sheet, isV3Worksheet(sheet));\n    }, [\n      canResume,\n      canReviewSheet,\n      canStart,\n      isStudent,\n      nodeId,\n      sheet,\n      userMilestoneId,\n      userNodeId,\n      onStart,\n      onReview,\n      onPreview,\n    ]);\n\n    const handleMenuOptionClick = useCallback(\n      (selectedOption: string) => {\n        switch (selectedOption) {\n          case UNASSIGN:\n            if (typeof onUnAssignSheet !== 'function') {\n              throw new Error('onUnassignSheet must be a function');\n            }\n\n            trackClick({\n              analyticsLabel: SHEETS_ANALYTICS_EVENTS.RESOURCE_UNASSIGNED,\n              props: analyticsProps,\n            });\n\n            onUnAssignSheet(sheet);\n\n            return;\n\n          case REDO:\n            if (typeof onReset !== 'function') {\n              throw new Error('onReset must be a function');\n            }\n\n            onReset(sheet);\n\n            return;\n        }\n      },\n      [sheet, onUnAssignSheet, onReset, analyticsProps, trackClick],\n    );\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    const menuOptions: IMenuOptionsProps[] = [\n      {\n        id: 'supplementary_resources_unassign',\n        label: 'Unassign',\n        icon: <Minus2Icon width={20} height={20} />,\n        option: UNASSIGN,\n        visible: canUnassign,\n        onClick: handleMenuOptionClick,\n      },\n      {\n        id: 'supplementary_resources_redo',\n        label: 'Redo',\n        icon: <RedoIcon />,\n        option: REDO,\n        visible: canReset,\n        onClick: handleMenuOptionClick,\n      },\n    ];\n\n    const backgroundColor = getResourceItemBackgroundColor(\n      sheetState,\n      isStudent,\n      canUnlock,\n      !!isMilestoneWidget,\n    );\n\n    return (\n      <Styled.ResourceItemCard\n        $gapX={1}\n        $gutterX={1}\n        $flexGapX={1.25}\n        $background={backgroundColor}\n        $justifyContent=\"space-between\"\n        $heightX={8}\n        $isMilestoneWidget={isMilestoneWidget}\n      >\n        <ArrowTooltip\n          renderAs=\"primary\"\n          position=\"bottom\"\n          tooltipItem={title}\n          hidden={!showTitleTooltip}\n          widthX={21.75}\n        >\n          <Styled.ResourceItemTitle ref={titleTextRef} $renderAs=\"ab2\" $color=\"BLACK_T_87\">\n            {title}\n          </Styled.ResourceItemTitle>\n        </ArrowTooltip>\n\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $alignItems=\"center\">\n          <ArrowTooltip position=\"bottom\" tooltipItem={sheetStatement} renderAs=\"secondary\">\n            <SheetButton\n              renderAs=\"primary\"\n              label={label ?? ''}\n              Icon={Icon}\n              backgroundColor={backgroundColor}\n              state={ctaState}\n              hoverActive={false}\n              onClick={handleOnClick}\n              accuracy={sheetAccuracy}\n              widthX={8.5}\n            />\n          </ArrowTooltip>\n\n          {!isStudent &&\n            (canUnlock ? (\n              <Styled.IconButtonWrapper\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                onClick={handleAssignSheet}\n              >\n                <Plus2Icon />\n              </Styled.IconButtonWrapper>\n            ) : (\n              <ContextMenu\n                targetElement={<ContextMenuTargetElement invertHover />}\n                menuElement={<ContextMenuElement menuOptions={menuOptions} />}\n              />\n            ))}\n        </FlexView>\n      </Styled.ResourceItemCard>\n    );\n  },\n);\n\nexport default ResourceItem;\n"],"names":["UNASSIGN","REDO","TEACHER_MENU_OPTIONS","ResourceItem","memo","sheet","userType","isMilestoneWidget","userMilestoneId","onUnlock","onUnAssignSheet","onReset","onPreview","onReview","onStart","trackClick","useUIContext","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","accuracy","permissions","title","sheetStatement","sheetState","nodeId","userNodeId","nodeSubGroup","nodeType","canStart","canResume","canUnlock","canReview","canTeacherReview","canUnassign","canReset","sheetAccuracy","isStudent","canReviewSheet","ctaState","getResourceItemCtaState","label","Icon","getResourceItemCtaInfo","analyticsProps","useMemo","handleAssignSheet","useCallback","SHEETS_ANALYTICS_EVENTS","handleOnClick","isV3Worksheet","handleMenuOptionClick","selectedOption","useLayoutEffect","menuOptions","jsx","Minus2Icon","RedoIcon","backgroundColor","getResourceItemBackgroundColor","jsxs","Styled.ResourceItemCard","ArrowTooltip","Styled.ResourceItemTitle","FlexView","SheetButton","Styled.IconButtonWrapper","Plus2Icon","ContextMenu","ContextMenuTargetElement","ContextMenuElement"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,MAAM,EAAE,UAAAA,GAAU,MAAAC,EAAS,IAAAC,IAErBC,KAAuCC;AAAA,EAC3C,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MACI;AACJ,UAAM,EAAE,SAASC,EAAW,IAAIC,GAAa,GACvCC,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GAExD;AAAA,MACJ,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,iBAAiBC;AAAA,MACjB,OAAOC;AAAA,MACP,SAASC;AAAA,MACT,cAAcC;AAAA,MACd,gBAAgBC;AAAA,MAChB,WAAWC;AAAA,IACT,IAAAzB,GACE;AAAA,MACJ,WAAW0B;AAAA,MACX,YAAYC;AAAA,MACZ,YAAYC;AAAA,MACZ,YAAYC;AAAA,MACZ,oBAAoBC;AAAA,MACpB,cAAcC;AAAA,MACd,WAAWC;AAAA,IACT,IAAAd,GAEEe,IAAgB,OAAOhB,KAAa,WAAW,GAAGA,CAAQ,MAAM,QAChEiB,IAAYjC,MAAa,WACzBkC,IAAiBD,IAAYL,IAAYC,GAEzCM,IAAWC,GAAwBhB,CAAU,GAC7C,EAAE,OAAAiB,GAAO,MAAAC,EAAA,IAASC,GAAuBhB,CAAY,KAAK,IAE1DiB,IAAiBC;AAAA,MACrB,OAAO;AAAA,QACL,SAASpB;AAAA,QACT,WAAWG;AAAA,MAAA;AAAA,MAEb,CAACH,GAAQG,CAAQ;AAAA,IAAA,GAGbkB,IAAoBC,EAAY,MAAM;AAC/B,MAAAlC,EAAA;AAAA,QACT,gBAAgBmC,EAAwB;AAAA,QACxC,OAAOJ;AAAA,MAAA,CACR,GAEDrC,KAAA,QAAAA,EAAWkB;AAAA,OACV,CAAClB,GAAUkB,GAAQZ,GAAY+B,CAAc,CAAC,GAE3CK,IAAgBF,EAAY,MAAM;AAClC,UAAAV,MAAcR,KAAYC,IAAY;AACpC,YAAA,OAAOlB,KAAY,YAAY;AACjC,UAAAA,EAAQa,GAAQyB,EAAc/C,CAAK,GAAGuB,CAAU;AAEhD;AAAA,QACF;AAEM,cAAA,IAAI,MAAM,0BAA0B;AAAA,MAC5C;AAEA,UAAIY,GAAgB;AACd,YAAA,OAAO3B,KAAa;AAChB,gBAAA,IAAI,MAAM,6BAA6B;AAG/C,YAAI,CAACe;AACG,gBAAA,IAAI,MAAM,kDAAkD;AAGpE,QAAAf,EAASe,GAAYwB,EAAc/C,GAAO,QAAQ,GAAGG,CAAe;AAEpE;AAAA,MACF;AAEI,UAAA,OAAOI,KAAc;AACjB,cAAA,IAAI,MAAM,8BAA8B;AAGtC,MAAAA,EAAAP,GAAO+C,EAAc/C,CAAK,CAAC;AAAA,IAAA,GACpC;AAAA,MACD2B;AAAA,MACAQ;AAAA,MACAT;AAAA,MACAQ;AAAA,MACAZ;AAAA,MACAtB;AAAA,MACAG;AAAA,MACAoB;AAAA,MACAd;AAAA,MACAD;AAAA,MACAD;AAAA,IAAA,CACD,GAEKyC,IAAwBJ;AAAA,MAC5B,CAACK,MAA2B;AAC1B,gBAAQA,GAAgB;AAAA,UACtB,KAAKtD;AACC,gBAAA,OAAOU,KAAoB;AACvB,oBAAA,IAAI,MAAM,oCAAoC;AAG3C,YAAAK,EAAA;AAAA,cACT,gBAAgBmC,EAAwB;AAAA,cACxC,OAAOJ;AAAA,YAAA,CACR,GAEDpC,EAAgBL,CAAK;AAErB;AAAA,UAEF,KAAKJ;AACC,gBAAA,OAAOU,KAAY;AACf,oBAAA,IAAI,MAAM,4BAA4B;AAG9C,YAAAA,EAAQN,CAAK;AAEb;AAAA,QACJ;AAAA,MACF;AAAA,MACA,CAACA,GAAOK,GAAiBC,GAASmC,GAAgB/B,CAAU;AAAA,IAAA;AAG9D,IAAAwC,GAAgB,MAAM;AACpB,MACEtC,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDG,EAAoB,EAAI;AAAA,IAC1B,GACC,CAACH,CAAY,CAAC;AAEjB,UAAMuC,IAAmC;AAAA,MACvC;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAO,gBAAAC,EAAAC,IAAA,EAAW,OAAO,IAAI,QAAQ,IAAI;AAAA,QACzC,QAAQ1D;AAAA,QACR,SAASoC;AAAA,QACT,SAASiB;AAAA,MACX;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,wBAAOM,IAAS,EAAA;AAAA,QAChB,QAAQ1D;AAAA,QACR,SAASoC;AAAA,QACT,SAASgB;AAAA,MACX;AAAA,IAAA,GAGIO,IAAkBC;AAAA,MACtBnC;AAAA,MACAa;AAAA,MACAN;AAAA,MACA,CAAC,CAAC1B;AAAA,IAAA;AAIF,WAAA,gBAAAuD;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,aAAaH;AAAA,QACb,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,oBAAoBrD;AAAA,QAEpB,UAAA;AAAA,UAAA,gBAAAkD;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAaxC;AAAA,cACb,QAAQ,CAACL;AAAA,cACT,QAAQ;AAAA,cAER,UAAA,gBAAAsC,EAACQ,IAAA,EAAyB,KAAKhD,GAAc,WAAU,OAAM,QAAO,cACjE,UACHO,EAAA,CAAA;AAAA,YAAA;AAAA,UACF;AAAA,4BAEC0C,IAAS,EAAA,gBAAe,OAAM,iBAAgB,iBAAgB,aAAY,UACzE,UAAA;AAAA,YAAA,gBAAAT,EAACO,KAAa,UAAS,UAAS,aAAavC,GAAgB,UAAS,aACpE,UAAA,gBAAAgC;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAOxB,KAAS;AAAA,gBAChB,MAAAC;AAAA,gBACA,iBAAAgB;AAAA,gBACA,OAAOnB;AAAA,gBACP,aAAa;AAAA,gBACb,SAASU;AAAA,gBACT,UAAUb;AAAA,gBACV,QAAQ;AAAA,cAAA;AAAA,YAAA,GAEZ;AAAA,YAEC,CAACC,MACCN,IACC,gBAAAwB;AAAA,cAACW;AAAAA,cAAA;AAAA,gBACC,gBAAe;AAAA,gBACf,aAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAChB,SAASpB;AAAA,gBAET,4BAACqB,IAAU,EAAA;AAAA,cAAA;AAAA,YAAA,IAGb,gBAAAZ;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,eAAe,gBAAAb,EAACc,IAAyB,EAAA,aAAW,GAAC,CAAA;AAAA,gBACrD,aAAc,gBAAAd,EAAAe,IAAA,EAAmB,aAAAhB,EAA0B,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAC7D,GAEN;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

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

@@ -0,0 +1,38 @@
+import e from "styled-components";
+import i from "../../../ui/layout/flex-view.js";
+import d from "../../../ui/text/text.js";
+const c = e(i)(({ theme: r, $isMilestoneWidget: o }) => {
+  const { WHITE_5: t } = r.colors;
+  return `
+      border: 1px solid ${t};
+      ${o && `
+        border-top-width: 0;
+        border-left-width: 0;
+
+        &:nth-child(even) {
+          border-right-width: 0;
+        }
+      `}
+    `;
+}), p = e(d)(() => `
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        text-overflow: ellipsis;
+        overflow: hidden;
+    `), b = e(i)(({ theme: r }) => {
+  const { gutter: o } = r.layout, { BLACK_T_87: t } = r.colors;
+  return `
+      width: ${o * 2}px;
+      height: ${o * 2}px;
+      border: 1px solid ${t};
+      border-radius: 50%;
+      cursor: pointer;
+    `;
+});
+export {
+  b as IconButtonWrapper,
+  c as ResourceItemCard,
+  p as ResourceItemTitle
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,23 @@
+import T from "../../../../assets/line-icons/icons/clock2.js";
+import I from "../../../../assets/line-icons/icons/progress.js";
+import f from "../../../../assets/line-icons/icons/switch-icon.js";
+import { IS_CHAPTER_COMPLETED_STATES as t } from "../../../milestone/create/milestone-create-constants.js";
+import { SHEET_STATE as C } from "../../constants/sheet.js";
+const { COMPLETED: n, IN_PROGRESS: l, RE_ATTEMPT: c } = C, S = (r) => {
+  if (!r) return;
+  if (r === n || r === c || t.some((e) => e === r)) return "completed";
+  if (r === l) return "in_progress";
+}, R = (r) => {
+  if (r)
+    return r === "STEP_UP" ? { Icon: I, label: "Step Up" } : r === "CATCH_UP" ? { Icon: f, label: "Catch Up" } : { Icon: T, label: r };
+}, g = (r, o, e, i) => {
+  if (i) return "WHITE";
+  const m = r === n || r === c || t.some((E) => E === r);
+  return o && m || !o && !e ? "WHITE_4" : "WHITE";
+};
+export {
+  g as getResourceItemBackgroundColor,
+  R as getResourceItemCtaInfo,
+  S as getResourceItemCtaState
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/features/sheets/resources-list/resource-item/utils.ts"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\nimport type {\n  TNodeSubGroupProps,\n  TSheetStateProps,\n} from '../../sheets-list/sheet-item/sheet-item-types';\n\nimport Clock2Icon from '../../../../assets/line-icons/icons/clock2';\nimport ProgressIcon from '../../../../assets/line-icons/icons/progress';\nimport SwitchIcon from '../../../../assets/line-icons/icons/switch-icon';\nimport { IS_CHAPTER_COMPLETED_STATES } from '../../../milestone/create/milestone-create-constants';\nimport { SHEET_STATE } from '../../constants/sheet';\n\nconst { COMPLETED, IN_PROGRESS, RE_ATTEMPT } = SHEET_STATE;\n\nconst getResourceItemCtaState = (state?: TSheetStateProps) => {\n  if (!state) return undefined;\n\n  const isSheetCompleted =\n    state === COMPLETED ||\n    state === RE_ATTEMPT ||\n    IS_CHAPTER_COMPLETED_STATES.some(sheetState => sheetState === state);\n\n  if (isSheetCompleted) return 'completed';\n\n  if (state === IN_PROGRESS) return 'in_progress';\n\n  return undefined;\n};\n\ninterface IGetResourceItemCtaInfo {\n  (nodeSubGroup?: TNodeSubGroupProps):\n    | {\n        label: string;\n        Icon: React.FC<React.SVGProps<SVGSVGElement>>;\n      }\n    | undefined;\n}\n\nconst getResourceItemCtaInfo: IGetResourceItemCtaInfo = nodeSubGroup => {\n  if (!nodeSubGroup) return undefined;\n\n  if (nodeSubGroup === 'STEP_UP') return { Icon: ProgressIcon, label: 'Step Up' };\n\n  if (nodeSubGroup === 'CATCH_UP') return { Icon: SwitchIcon, label: 'Catch Up' };\n\n  return { Icon: Clock2Icon, label: nodeSubGroup };\n};\n\ninterface IGetResourceItemBackgroundColor {\n  (\n    sheetState: TSheetStateProps,\n    isStudent: boolean,\n    canUnlock: boolean,\n    isMilestoneWidget: boolean,\n  ): TColorNames;\n}\n\nconst getResourceItemBackgroundColor: IGetResourceItemBackgroundColor = (\n  sheetState,\n  isStudent,\n  canUnlock,\n  isMilestoneWidget,\n) => {\n  if (isMilestoneWidget) return 'WHITE';\n\n  const isSheetCompleted =\n    sheetState === COMPLETED ||\n    sheetState === RE_ATTEMPT ||\n    IS_CHAPTER_COMPLETED_STATES.some(state => state === sheetState);\n\n  if ((isStudent && isSheetCompleted) || (!isStudent && !canUnlock)) return 'WHITE_4';\n\n  return 'WHITE';\n};\n\nexport { getResourceItemCtaState, getResourceItemCtaInfo, getResourceItemBackgroundColor };\n"],"names":["COMPLETED","IN_PROGRESS","RE_ATTEMPT","SHEET_STATE","getResourceItemCtaState","state","IS_CHAPTER_COMPLETED_STATES","sheetState","getResourceItemCtaInfo","nodeSubGroup","ProgressIcon","SwitchIcon","Clock2Icon","getResourceItemBackgroundColor","isStudent","canUnlock","isMilestoneWidget","isSheetCompleted"],"mappings":";;;;;AAYA,MAAM,EAAE,WAAAA,GAAW,aAAAC,GAAa,YAAAC,EAAA,IAAeC,GAEzCC,IAA0B,CAACC,MAA6B;AACxD,MAAA,CAACA,EAAc;AAOnB,MAJEA,MAAUL,KACVK,MAAUH,KACVI,EAA4B,KAAK,CAAcC,MAAAA,MAAeF,CAAK,EAExC,QAAA;AAEzB,MAAAA,MAAUJ,EAAoB,QAAA;AAGpC,GAWMO,IAAkD,CAAgBC,MAAA;AAClE,MAACA;AAEL,WAAIA,MAAiB,YAAkB,EAAE,MAAMC,GAAc,OAAO,cAEhED,MAAiB,aAAmB,EAAE,MAAME,GAAY,OAAO,eAE5D,EAAE,MAAMC,GAAY,OAAOH,EAAa;AACjD,GAWMI,IAAkE,CACtEN,GACAO,GACAC,GACAC,MACG;AACH,MAAIA,EAA0B,QAAA;AAExB,QAAAC,IACJV,MAAeP,KACfO,MAAeL,KACfI,EAA4B,KAAK,CAASD,MAAAA,MAAUE,CAAU;AAEhE,SAAKO,KAAaG,KAAsB,CAACH,KAAa,CAACC,IAAmB,YAEnE;AACT;"}

package/dist/features/sheets/resources-list/resources-list.js

@@ -4,22 +4,22 @@ import L from "../../ui/layout/flex-view.js";
 import R from "./resource-item/resource-item.js";
 import { ResourceItemListWrapper as g } from "./styled.js";
 const y = a(
-  ({ sheets: t, userType: i, isMilestoneWidget: o, ...m }) => {
-    const e = u(null), s = l(() => t.length, [t]), n = u(0);
+  ({ sheets: o, userType: i, isMilestoneWidget: t, ...m }) => {
+    const e = u(null), s = l(() => o.length, [o]), n = u(0);
     return d(() => {
-      if (e.current && !o) {
+      if (e.current && !t) {
         e.current.style.height = "auto";
         const r = e.current.clientHeight;
         r > n.current && (n.current = r), e.current.style.height = `${n.current}px`;
       }
-    }, [s, o]), /* @__PURE__ */ c(L, { ref: e, children: /* @__PURE__ */ c(g, { children: t.map((r, f) => {
+    }, [s, t]), /* @__PURE__ */ c(L, { ref: e, children: /* @__PURE__ */ c(g, { $isMilestoneWidget: t, children: o.map((r, f) => {
       const { worksheet_id: h, node_id: p } = r;
       return /* @__PURE__ */ c(
         R,
         {
           sheet: r,
           userType: i,
-          isMilestoneWidget: o,
+          isMilestoneWidget: t,
           ...m
         },
         `${h}_${p}_${f}`

package/dist/features/sheets/resources-list/resources-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"resources-list.js","sources":["../../../../src/features/sheets/resources-list/resources-list.tsx"],"sourcesContent":["import type { IResourcesListProps } from './types';\nimport type { FC } from 'react';\n\nimport { useRef, useLayoutEffect, useMemo, memo } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport ResourceItem from './resource-item/resource-item';\nimport * as Styled from './styled';\n\nconst ResourcesList: FC<IResourcesListProps> = memo(\n  ({ sheets, userType, isMilestoneWidget, ...sheetCallBacks }) => {\n    const resourceListContainerRef = useRef<HTMLDivElement>(null);\n    const resourceListLength = useMemo(() => sheets.length, [sheets]);\n    const maxHeightRef = useRef(0);\n\n    useLayoutEffect(() => {\n      if (resourceListContainerRef.current && !isMilestoneWidget) {\n        resourceListContainerRef.current.style.height = 'auto';\n\n        const newHeight = resourceListContainerRef.current.clientHeight;\n\n        if (newHeight > maxHeightRef.current) {\n          maxHeightRef.current = newHeight;\n        }\n\n        resourceListContainerRef.current.style.height = `${maxHeightRef.current}px`;\n      }\n    }, [resourceListLength, isMilestoneWidget]);\n\n    return (\n      <FlexView ref={resourceListContainerRef}>\n        <Styled.ResourceItemListWrapper>\n          {sheets.map((sheet, idx) => {\n            const { worksheet_id: worksheetId, node_id: nodeId } = sheet;\n\n            return (\n              <ResourceItem\n                key={`${worksheetId}_${nodeId}_${idx}`}\n                sheet={sheet}\n                userType={userType}\n                isMilestoneWidget={isMilestoneWidget}\n                {...sheetCallBacks}\n              />\n            );\n          })}\n        </Styled.ResourceItemListWrapper>\n      </FlexView>\n    );\n  },\n);\n\nexport default ResourcesList;\n"],"names":["ResourcesList","memo","sheets","userType","isMilestoneWidget","sheetCallBacks","resourceListContainerRef","useRef","resourceListLength","useMemo","maxHeightRef","useLayoutEffect","newHeight","jsx","FlexView","Styled.ResourceItemListWrapper","sheet","idx","worksheetId","nodeId","ResourceItem"],"mappings":";;;;;AASA,MAAMA,IAAyCC;AAAA,EAC7C,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,mBAAAC,GAAmB,GAAGC,QAAqB;AACxD,UAAAC,IAA2BC,EAAuB,IAAI,GACtDC,IAAqBC,EAAQ,MAAMP,EAAO,QAAQ,CAACA,CAAM,CAAC,GAC1DQ,IAAeH,EAAO,CAAC;AAE7B,WAAAI,EAAgB,MAAM;AAChB,UAAAL,EAAyB,WAAW,CAACF,GAAmB;AACjC,QAAAE,EAAA,QAAQ,MAAM,SAAS;AAE1C,cAAAM,IAAYN,EAAyB,QAAQ;AAE/C,QAAAM,IAAYF,EAAa,YAC3BA,EAAa,UAAUE,IAGzBN,EAAyB,QAAQ,MAAM,SAAS,GAAGI,EAAa,OAAO;AAAA,MACzE;AAAA,IAAA,GACC,CAACF,GAAoBJ,CAAiB,CAAC,GAGvC,gBAAAS,EAAAC,GAAA,EAAS,KAAKR,GACb,UAAC,gBAAAO,EAAAE,GAAA,EACE,UAAOb,EAAA,IAAI,CAACc,GAAOC,MAAQ;AAC1B,YAAM,EAAE,cAAcC,GAAa,SAASC,MAAWH;AAGrD,aAAA,gBAAAH;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,OAAAJ;AAAA,UACA,UAAAb;AAAA,UACA,mBAAAC;AAAA,UACC,GAAGC;AAAA,QAAA;AAAA,QAJC,GAAGa,CAAW,IAAIC,CAAM,IAAIF,CAAG;AAAA,MAAA;AAAA,IAKtC,CAEH,GACH,EACF,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"resources-list.js","sources":["../../../../src/features/sheets/resources-list/resources-list.tsx"],"sourcesContent":["import type { IResourcesListProps } from './types';\nimport type { FC } from 'react';\n\nimport { useRef, useLayoutEffect, useMemo, memo } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport ResourceItem from './resource-item/resource-item';\nimport * as Styled from './styled';\n\nconst ResourcesList: FC<IResourcesListProps> = memo(\n  ({ sheets, userType, isMilestoneWidget, ...sheetCallBacks }) => {\n    const resourceListContainerRef = useRef<HTMLDivElement>(null);\n    const resourceListLength = useMemo(() => sheets.length, [sheets]);\n    const maxHeightRef = useRef(0);\n\n    useLayoutEffect(() => {\n      if (resourceListContainerRef.current && !isMilestoneWidget) {\n        resourceListContainerRef.current.style.height = 'auto';\n\n        const newHeight = resourceListContainerRef.current.clientHeight;\n\n        if (newHeight > maxHeightRef.current) {\n          maxHeightRef.current = newHeight;\n        }\n\n        resourceListContainerRef.current.style.height = `${maxHeightRef.current}px`;\n      }\n    }, [resourceListLength, isMilestoneWidget]);\n\n    return (\n      <FlexView ref={resourceListContainerRef}>\n        <Styled.ResourceItemListWrapper $isMilestoneWidget={isMilestoneWidget}>\n          {sheets.map((sheet, idx) => {\n            const { worksheet_id: worksheetId, node_id: nodeId } = sheet;\n\n            return (\n              <ResourceItem\n                key={`${worksheetId}_${nodeId}_${idx}`}\n                sheet={sheet}\n                userType={userType}\n                isMilestoneWidget={isMilestoneWidget}\n                {...sheetCallBacks}\n              />\n            );\n          })}\n        </Styled.ResourceItemListWrapper>\n      </FlexView>\n    );\n  },\n);\n\nexport default ResourcesList;\n"],"names":["ResourcesList","memo","sheets","userType","isMilestoneWidget","sheetCallBacks","resourceListContainerRef","useRef","resourceListLength","useMemo","maxHeightRef","useLayoutEffect","newHeight","jsx","FlexView","Styled.ResourceItemListWrapper","sheet","idx","worksheetId","nodeId","ResourceItem"],"mappings":";;;;;AASA,MAAMA,IAAyCC;AAAA,EAC7C,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,mBAAAC,GAAmB,GAAGC,QAAqB;AACxD,UAAAC,IAA2BC,EAAuB,IAAI,GACtDC,IAAqBC,EAAQ,MAAMP,EAAO,QAAQ,CAACA,CAAM,CAAC,GAC1DQ,IAAeH,EAAO,CAAC;AAE7B,WAAAI,EAAgB,MAAM;AAChB,UAAAL,EAAyB,WAAW,CAACF,GAAmB;AACjC,QAAAE,EAAA,QAAQ,MAAM,SAAS;AAE1C,cAAAM,IAAYN,EAAyB,QAAQ;AAE/C,QAAAM,IAAYF,EAAa,YAC3BA,EAAa,UAAUE,IAGzBN,EAAyB,QAAQ,MAAM,SAAS,GAAGI,EAAa,OAAO;AAAA,MACzE;AAAA,IAAA,GACC,CAACF,GAAoBJ,CAAiB,CAAC,GAGvC,gBAAAS,EAAAC,GAAA,EAAS,KAAKR,GACb,4BAACS,GAAA,EAA+B,oBAAoBX,GACjD,UAAAF,EAAO,IAAI,CAACc,GAAOC,MAAQ;AAC1B,YAAM,EAAE,cAAcC,GAAa,SAASC,MAAWH;AAGrD,aAAA,gBAAAH;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,OAAAJ;AAAA,UACA,UAAAb;AAAA,UACA,mBAAAC;AAAA,UACC,GAAGC;AAAA,QAAA;AAAA,QAJC,GAAGa,CAAW,IAAIC,CAAM,IAAIF,CAAG;AAAA,MAAA;AAAA,IAKtC,CAEH,GACH,EACF,CAAA;AAAA,EAEJ;AACF;"}

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

@@ -1,12 +1,16 @@
-import e from "styled-components";
-const p = e.div`
-  display: grid;
-  grid-template-columns: repeat(3, 200px);
-  grid-gap: 32px;
-  justify-content: center;
-  padding: 32px 0;
-`;
+import o from "styled-components";
+const a = o.div(
+  ({ theme: t, $isMilestoneWidget: e }) => {
+    const { layout: r } = t;
+    return `
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-rows: max-content;
+    gap: ${e ? 0 : `${r.gutter * 1.5}px`};
+  `;
+  }
+);
 export {
-  p as ResourceItemListWrapper
+  a as ResourceItemListWrapper
 };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/features/sheets/resources-list/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst ResourceItemListWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(3, 200px);\n  grid-gap: 32px;\n  justify-content: center;\n  padding: 32px 0;\n`;\n\nexport { ResourceItemListWrapper };\n"],"names":["ResourceItemListWrapper","styled"],"mappings":";AAEA,MAAMA,IAA0BC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/features/sheets/resources-list/styled.tsx"],"sourcesContent":["import type { IResourcesListProps } from './types';\n\nimport styled from 'styled-components';\n\ninterface IResourceItemListWrapper {\n  $isMilestoneWidget: IResourcesListProps['isMilestoneWidget'];\n}\n\nconst ResourceItemListWrapper = styled.div<IResourceItemListWrapper>(\n  ({ theme, $isMilestoneWidget }) => {\n    const { layout } = theme;\n\n    return `\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: max-content;\n    gap: ${$isMilestoneWidget ? 0 : `${layout.gutter * 1.5}px`};\n  `;\n  },\n);\n\nexport { ResourceItemListWrapper };\n"],"names":["ResourceItemListWrapper","styled","theme","$isMilestoneWidget","layout"],"mappings":";AAQA,MAAMA,IAA0BC,EAAO;AAAA,EACrC,CAAC,EAAE,OAAAC,GAAO,oBAAAC,QAAyB;AAC3B,UAAA,EAAE,QAAAC,EAAW,IAAAF;AAEZ,WAAA;AAAA;AAAA;AAAA;AAAA,WAIAC,IAAqB,IAAI,GAAGC,EAAO,SAAS,GAAG,IAAI;AAAA;AAAA,EAE5D;AACF;"}

package/dist/features/sheets/sheets-analytics-events.js

@@ -0,0 +1,11 @@
+import { PLUGINS as r } from "../../node_modules/@cuemath/analytics-v2/dist/constants.js";
+var s = /* @__PURE__ */ ((e) => (e.RESOURCE_ASSIGNED = "resource_assigned", e.RESOURCE_UNASSIGNED = "resource_unassigned", e))(s || {});
+const n = {
+  resource_assigned: [r.MIXPANEL],
+  resource_unassigned: [r.MIXPANEL]
+};
+export {
+  s as SHEETS_ANALYTICS_EVENTS,
+  n as SHEETS_ANALYTICS_WHITELIST_EVENTS
+};
+//# sourceMappingURL=sheets-analytics-events.js.map

package/dist/features/sheets/sheets-analytics-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheets-analytics-events.js","sources":["../../../src/features/sheets/sheets-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum SHEETS_ANALYTICS_EVENTS {\n  RESOURCE_ASSIGNED = 'resource_assigned',\n  RESOURCE_UNASSIGNED = 'resource_unassigned',\n}\n\nexport const SHEETS_ANALYTICS_WHITELIST_EVENTS = {\n  [SHEETS_ANALYTICS_EVENTS.RESOURCE_ASSIGNED]: [PLUGINS.MIXPANEL],\n  [SHEETS_ANALYTICS_EVENTS.RESOURCE_UNASSIGNED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["SHEETS_ANALYTICS_EVENTS","SHEETS_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,oBAAoB,qBACpBA,EAAA,sBAAsB,uBAFZA,IAAAA,KAAA,CAAA,CAAA;AAKL,MAAMC,IAAoC;AAAA,EAC9C,mBAA4C,CAACC,EAAQ,QAAQ;AAAA,EAC7D,qBAA8C,CAACA,EAAQ,QAAQ;AAClE;"}

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