@cuemath/leap 3.0.7-hg1 → 3.0.7-hg3

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

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

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

@@ -0,0 +1 @@
+{"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 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, 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, 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);\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","handleMenuOptionClick","selectedOption","useLayoutEffect","menuOptions","jsx","Minus2Icon","RedoIcon","backgroundColor","getResourceItemBackgroundColor","jsxs","Styled.ResourceItemCard","ArrowTooltip","Styled.ResourceItemTitle","FlexView","SheetButton","Styled.IconButtonWrapper","Plus2Icon","ContextMenu","ContextMenuTargetElement","ContextMenuElement"],"mappings":"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"}

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

@@ -0,0 +1,33 @@
+import { jsx as c } from "react/jsx-runtime";
+import { memo as a, useRef as u, useMemo as l, useLayoutEffect as d } from "react";
+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: o, userType: i, isMilestoneWidget: t, ...m }) => {
+    const e = u(null), s = l(() => o.length, [o]), n = u(0);
+    return d(() => {
+      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, 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: t,
+          ...m
+        },
+        `${h}_${p}_${f}`
+      );
+    }) }) });
+  }
+);
+export {
+  y as default
+};
+//# sourceMappingURL=resources-list.js.map

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

@@ -0,0 +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 $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

@@ -0,0 +1,16 @@
+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 {
+  a as ResourceItemListWrapper
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"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/context-menu-helper/menu-element/menu-element.js

@@ -0,0 +1,42 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { Fragment as h } from "react";
+import c from "../../../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import { MoreOptionsWrapper as b, OptionCard as u, StyledSeparator as f } from "../../reward-n-actions-styled.js";
+const k = ({
+  options: o,
+  handleOnMenuOptionSelection: n,
+  width: a,
+  hideTooltip: d
+}) => {
+  const s = o.find((e) => e.disable);
+  return /* @__PURE__ */ r(
+    c,
+    {
+      position: "bottom",
+      renderAs: "primary",
+      tooltipItem: "You cannot review this sheet since your teacher has marked it as learned",
+      hidden: d || !s,
+      widthX: 12,
+      children: /* @__PURE__ */ r(b, { $width: a, children: o.map((e) => {
+        const { label: t, show: l, disable: i, separatorVisible: p } = e;
+        return l ? /* @__PURE__ */ m(h, { children: [
+          /* @__PURE__ */ r(
+            u,
+            {
+              $renderAs: "body1",
+              onClick: () => n(t),
+              $opacity: i ? 0.5 : 1,
+              $disabled: i,
+              children: t
+            }
+          ),
+          p && /* @__PURE__ */ r(f, { $height: 1, $background: "GREY_2" })
+        ] }, t) : null;
+      }) })
+    }
+  );
+};
+export {
+  k as default
+};
+//# sourceMappingURL=menu-element.js.map

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/menu-element/menu-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-element.js","sources":["../../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/menu-element/menu-element.tsx"],"sourcesContent":["import type { IMenuElementProps } from './menu-element-types';\n\nimport { Fragment, type FC } from 'react';\n\nimport ArrowTooltip from '../../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport * as Styled from '../../reward-n-actions-styled';\n\nconst MenuElement: FC<IMenuElementProps> = ({\n  options,\n  handleOnMenuOptionSelection,\n  width,\n  hideTooltip,\n}) => {\n  const optionDisabled = options.find(option => option.disable);\n\n  return (\n    <ArrowTooltip\n      position=\"bottom\"\n      renderAs=\"primary\"\n      tooltipItem=\"You cannot review this sheet since your teacher has marked it as learned\"\n      hidden={hideTooltip || !optionDisabled}\n      widthX={12}\n    >\n      <Styled.MoreOptionsWrapper $width={width}>\n        {options.map(option => {\n          const { label, show, disable, separatorVisible } = option;\n\n          if (!show) return null;\n\n          return (\n            <Fragment key={label}>\n              <Styled.OptionCard\n                $renderAs=\"body1\"\n                onClick={() => handleOnMenuOptionSelection(label)}\n                $opacity={disable ? 0.5 : 1}\n                $disabled={disable}\n              >\n                {label}\n              </Styled.OptionCard>\n              {separatorVisible && <Styled.StyledSeparator $height={1} $background=\"GREY_2\" />}\n            </Fragment>\n          );\n        })}\n      </Styled.MoreOptionsWrapper>\n    </ArrowTooltip>\n  );\n};\n\nexport default MenuElement;\n"],"names":["MenuElement","options","handleOnMenuOptionSelection","width","hideTooltip","optionDisabled","option","jsx","ArrowTooltip","Styled.MoreOptionsWrapper","label","show","disable","separatorVisible","Fragment","Styled.OptionCard","Styled.StyledSeparator"],"mappings":";;;;AAOA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,SAAAC;AAAA,EACA,6BAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAiBJ,EAAQ,KAAK,CAAAK,MAAUA,EAAO,OAAO;AAG1D,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAQJ,KAAe,CAACC;AAAA,MACxB,QAAQ;AAAA,MAER,UAAA,gBAAAE,EAACE,GAAA,EAA0B,QAAQN,GAChC,UAAAF,EAAQ,IAAI,CAAUK,MAAA;AACrB,cAAM,EAAE,OAAAI,GAAO,MAAAC,GAAM,SAAAC,GAAS,kBAAAC,MAAqBP;AAE/C,eAACK,sBAGFG,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAMb,EAA4BQ,CAAK;AAAA,cAChD,UAAUE,IAAU,MAAM;AAAA,cAC1B,WAAWA;AAAA,cAEV,UAAAF;AAAA,YAAA;AAAA,UACH;AAAA,UACCG,uBAAqBG,GAAA,EAAuB,SAAS,GAAG,aAAY,UAAS;AAAA,QAAA,EAAA,GATjEN,CAUf,IAbgB;AAAA,MAenB,CAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/target-element/target-element.js

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+import n from "../../../../../../../assets/line-icons/icons/more-vertical.js";
+import m from "../../../../../../ui/buttons/icon-button/icon-button.js";
+const f = ({
+  analyticsLabel: r,
+  customBgColor: o,
+  analyticsProps: t
+}) => /* @__PURE__ */ e(
+  m,
+  {
+    Icon: n,
+    renderAs: "secondary",
+    analyticsLabel: r,
+    analyticsProps: t,
+    customBgColor: o
+  }
+);
+export {
+  f as default
+};
+//# sourceMappingURL=target-element.js.map

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/target-element/target-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"target-element.js","sources":["../../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/target-element/target-element.tsx"],"sourcesContent":["import type { ITargetElementProps } from './target-element-types';\nimport type { FC } from 'react';\n\nimport MoreVerticalIcon from '../../../../../../../assets/line-icons/icons/more-vertical';\nimport IconButton from '../../../../../../ui/buttons/icon-button/icon-button';\n\nconst TargetElement: FC<ITargetElementProps> = ({\n  analyticsLabel,\n  customBgColor,\n  analyticsProps,\n}) => {\n  return (\n    <IconButton\n      Icon={MoreVerticalIcon}\n      renderAs=\"secondary\"\n      analyticsLabel={analyticsLabel}\n      analyticsProps={analyticsProps}\n      customBgColor={customBgColor}\n    />\n  );\n};\n\nexport default TargetElement;\n"],"names":["TargetElement","analyticsLabel","customBgColor","analyticsProps","jsx","IconButton","MoreVerticalIcon"],"mappings":";;;AAMA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAMC;AAAA,IACN,UAAS;AAAA,IACT,gBAAAL;AAAA,IACA,gBAAAE;AAAA,IACA,eAAAD;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1,53 @@
+import p from "styled-components";
+import c from "../../../../ui/layout/flex-view.js";
+import s from "../../../../ui/text/text.js";
+const u = p(c)`
+  height: fit-content;
+`, g = p(c)(({ theme: o, $isDefocused: r }) => {
+  const { GREY_1: t } = o.colors, { gutter: n } = o.layout;
+  return `
+    padding: ${n * 0.25}px ${n * 0.5}px;
+    background-color: ${t};
+    opacity: ${r ? 0.5 : 1};
+  `;
+}), l = p.img(({ theme: o }) => {
+  const { gutter: r } = o.layout;
+  return `
+    display: block;
+    width: ${r}px;
+    height: ${r}px;
+  `;
+}), $ = p.div(({ theme: o, $width: r }) => {
+  const { gutter: t } = o.layout, { WHITE: n, GREY_2: e, REAL_BLACK_15: a } = o.colors;
+  return `
+    width: ${r ?? "max-content"}${typeof r == "number" ? "px" : ""};
+    border-radius: 8px;
+    padding: ${t * 0.5}px 0px;
+    border: 1px solid ${e};
+    background-color: ${n};
+    box-shadow: 0px 4px 16px 0px ${a};
+  `;
+}), b = p(s)(({ theme: o, $disabled: r }) => {
+  const { gutter: t } = o.layout, { WHITE: n, GREY_1: e } = o.colors;
+  return `
+    cursor: pointer;
+    pointer-events: ${r ? "none" : "unset"};
+    padding: ${t * 0.5}px ${t}px;
+    background-color: ${n};
+    
+    &:hover {
+      background-color: ${e};
+    }
+  `;
+}), y = p(c)`
+  margin: 8px 0;
+`;
+export {
+  $ as MoreOptionsWrapper,
+  b as OptionCard,
+  l as RewardBadgeImage,
+  u as RewardNActionsContainer,
+  g as RewardWrapper,
+  y as StyledSeparator
+};
+//# sourceMappingURL=reward-n-actions-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reward-n-actions-styled.js","sources":["../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst RewardNActionsContainer = styled(FlexView)`\n  height: fit-content;\n`;\n\ninterface IRewardWrapperProps {\n  $isDefocused?: boolean;\n}\n\nconst RewardWrapper = styled(FlexView)<IRewardWrapperProps>(({ theme, $isDefocused }) => {\n  const { GREY_1 } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    padding: ${gutter * 0.25}px ${gutter * 0.5}px;\n    background-color: ${GREY_1};\n    opacity: ${$isDefocused ? 0.5 : 1};\n  `;\n});\n\nconst RewardBadgeImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    display: block;\n    width: ${gutter}px;\n    height: ${gutter}px;\n  `;\n});\n\ninterface IMoreOptionsWrapperProps {\n  $width?: number | string;\n}\n\nconst MoreOptionsWrapper = styled.div<IMoreOptionsWrapperProps>(({ theme, $width }) => {\n  const { gutter } = theme.layout;\n  const { WHITE, GREY_2, REAL_BLACK_15 } = theme.colors;\n\n  return `\n    width: ${$width ?? 'max-content'}${typeof $width === 'number' ? 'px' : ''};\n    border-radius: 8px;\n    padding: ${gutter * 0.5}px 0px;\n    border: 1px solid ${GREY_2};\n    background-color: ${WHITE};\n    box-shadow: 0px 4px 16px 0px ${REAL_BLACK_15};\n  `;\n});\n\ninterface IOptionCardProps {\n  $disabled?: boolean;\n}\n\nconst OptionCard = styled(Text)<IOptionCardProps>(({ theme, $disabled }) => {\n  const { gutter } = theme.layout;\n  const { WHITE, GREY_1 } = theme.colors;\n\n  return `\n    cursor: pointer;\n    pointer-events: ${$disabled ? 'none' : 'unset'};\n    padding: ${gutter * 0.5}px ${gutter}px;\n    background-color: ${WHITE};\n    \n    &:hover {\n      background-color: ${GREY_1};\n    }\n  `;\n});\n\nconst StyledSeparator = styled(FlexView)`\n  margin: 8px 0;\n`;\n\nexport {\n  RewardNActionsContainer,\n  RewardWrapper,\n  RewardBadgeImage,\n  MoreOptionsWrapper,\n  OptionCard,\n  StyledSeparator,\n};\n"],"names":["RewardNActionsContainer","styled","FlexView","RewardWrapper","theme","$isDefocused","GREY_1","gutter","RewardBadgeImage","MoreOptionsWrapper","$width","WHITE","GREY_2","REAL_BLACK_15","OptionCard","Text","$disabled","StyledSeparator"],"mappings":";;;AAKM,MAAAA,IAA0BC,EAAOC,CAAQ;AAAA;AAAA,GAQzCC,IAAgBF,EAAOC,CAAQ,EAAuB,CAAC,EAAE,OAAAE,GAAO,cAAAC,QAAmB;AACjF,QAAA,EAAE,QAAAC,EAAO,IAAIF,EAAM,QACnB,EAAE,QAAAG,EAAO,IAAIH,EAAM;AAElB,SAAA;AAAA,eACMG,IAAS,IAAI,MAAMA,IAAS,GAAG;AAAA,wBACtBD,CAAM;AAAA,eACfD,IAAe,MAAM,CAAC;AAAA;AAErC,CAAC,GAEKG,IAAmBP,EAAO,IAAI,CAAC,EAAE,OAAAG,QAAY;AAC3C,QAAA,EAAE,QAAAG,EAAO,IAAIH,EAAM;AAElB,SAAA;AAAA;AAAA,aAEIG,CAAM;AAAA,cACLA,CAAM;AAAA;AAEpB,CAAC,GAMKE,IAAqBR,EAAO,IAA8B,CAAC,EAAE,OAAAG,GAAO,QAAAM,QAAa;AAC/E,QAAA,EAAE,QAAAH,EAAO,IAAIH,EAAM,QACnB,EAAE,OAAAO,GAAO,QAAAC,GAAQ,eAAAC,EAAA,IAAkBT,EAAM;AAExC,SAAA;AAAA,aACIM,KAAU,aAAa,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA;AAAA,eAE9DH,IAAS,GAAG;AAAA,wBACHK,CAAM;AAAA,wBACND,CAAK;AAAA,mCACME,CAAa;AAAA;AAEhD,CAAC,GAMKC,IAAab,EAAOc,CAAI,EAAoB,CAAC,EAAE,OAAAX,GAAO,WAAAY,QAAgB;AACpE,QAAA,EAAE,QAAAT,EAAO,IAAIH,EAAM,QACnB,EAAE,OAAAO,GAAO,QAAAL,MAAWF,EAAM;AAEzB,SAAA;AAAA;AAAA,sBAEaY,IAAY,SAAS,OAAO;AAAA,eACnCT,IAAS,GAAG,MAAMA,CAAM;AAAA,wBACfI,CAAK;AAAA;AAAA;AAAA,0BAGHL,CAAM;AAAA;AAAA;AAGhC,CAAC,GAEKW,IAAkBhB,EAAOC,CAAQ;AAAA;AAAA;"}

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

@@ -0,0 +1,41 @@
+import { IMAGES as r } from "../../../../../assets/images/images.js";
+import { REWARD_BADGE as a } from "../../../../../constants/reward-badge.js";
+import { REWARDS_LIST as c } from "../../../constants/sheet.js";
+const { COSA: o, OCTO: u, DODA: T, HEXO: O, TETRA: d, EKA: i, DVI: D, CHATVA: E, ASHTA: R, ZODASA: S } = a, f = (e) => {
+  switch (e) {
+    case o:
+      return r.COSA;
+    case u:
+      return r.OCTO;
+    case T:
+      return r.DODA;
+    case O:
+      return r.HEXO;
+    case d:
+      return r.TETRA;
+    case i:
+      return r.EKA;
+    case D:
+      return r.DVI;
+    case E:
+      return r.CHATVA;
+    case R:
+      return r.ASHTA;
+    case S:
+      return r.ZODASA;
+    default:
+      return r.TETRA;
+  }
+}, C = (e) => {
+  var n;
+  if (e.length === 0) return;
+  const t = e.filter(
+    ({ badge: s }) => typeof s == "string" && c.includes(s)
+  ), A = (n = t[t.length - 1]) == null ? void 0 : n.badge;
+  return A ? f(A) : void 0;
+};
+export {
+  C as getRewardsBadgeUrl,
+  f as rewardBadgeUrl
+};
+//# sourceMappingURL=reward-n-actions-utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reward-n-actions-utils.js","sources":["../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils.tsx"],"sourcesContent":["import type { TSheetRewardsProps } from '../sheet-item-types';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport { REWARD_BADGE } from '../../../../../constants/reward-badge';\nimport { REWARDS_LIST } from '../../../constants/sheet';\n\ntype TRewardBadgeUrlProp = (rewardType: string) => string;\n\nconst { COSA, OCTO, DODA, HEXO, TETRA, EKA, DVI, CHATVA, ASHTA, ZODASA } = REWARD_BADGE;\n\nexport const rewardBadgeUrl: TRewardBadgeUrlProp = rewardType => {\n  switch (rewardType) {\n    case COSA:\n      return IMAGES.COSA;\n    case OCTO:\n      return IMAGES.OCTO;\n    case DODA:\n      return IMAGES.DODA;\n    case HEXO:\n      return IMAGES.HEXO;\n    case TETRA:\n      return IMAGES.TETRA;\n    case EKA:\n      return IMAGES.EKA;\n    case DVI:\n      return IMAGES.DVI;\n    case CHATVA:\n      return IMAGES.CHATVA;\n    case ASHTA:\n      return IMAGES.ASHTA;\n    case ZODASA:\n      return IMAGES.ZODASA;\n    default:\n      return IMAGES.TETRA;\n  }\n};\n\ntype TGetRewardBadgeUrlProp = (rewards: TSheetRewardsProps) => string | undefined;\n\nconst getRewardsBadgeUrl: TGetRewardBadgeUrlProp = rewards => {\n  if (rewards.length === 0) return undefined;\n\n  const filteredRewards = rewards.filter(\n    ({ badge }) => typeof badge === 'string' && REWARDS_LIST.includes(badge),\n  );\n\n  const rewardBadge = filteredRewards[filteredRewards.length - 1]?.badge;\n\n  return rewardBadge ? rewardBadgeUrl(rewardBadge) : undefined;\n};\n\nexport { getRewardsBadgeUrl };\n"],"names":["COSA","OCTO","DODA","HEXO","TETRA","EKA","DVI","CHATVA","ASHTA","ZODASA","REWARD_BADGE","rewardBadgeUrl","rewardType","IMAGES","getRewardsBadgeUrl","rewards","filteredRewards","badge","REWARDS_LIST","rewardBadge","_a"],"mappings":";;;AAQA,MAAM,EAAE,MAAAA,GAAM,MAAAC,GAAM,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,KAAAC,GAAK,KAAAC,GAAK,QAAAC,GAAQ,OAAAC,GAAO,QAAAC,EAAA,IAAWC,GAE9DC,IAAsC,CAAcC,MAAA;AAC/D,UAAQA,GAAY;AAAA,IAClB,KAAKZ;AACH,aAAOa,EAAO;AAAA,IAChB,KAAKZ;AACH,aAAOY,EAAO;AAAA,IAChB,KAAKX;AACH,aAAOW,EAAO;AAAA,IAChB,KAAKV;AACH,aAAOU,EAAO;AAAA,IAChB,KAAKT;AACH,aAAOS,EAAO;AAAA,IAChB,KAAKR;AACH,aAAOQ,EAAO;AAAA,IAChB,KAAKP;AACH,aAAOO,EAAO;AAAA,IAChB,KAAKN;AACH,aAAOM,EAAO;AAAA,IAChB,KAAKL;AACH,aAAOK,EAAO;AAAA,IAChB,KAAKJ;AACH,aAAOI,EAAO;AAAA,IAChB;AACE,aAAOA,EAAO;AAAA,EAClB;AACF,GAIMC,IAA6C,CAAWC,MAAA;;AACxD,MAAAA,EAAQ,WAAW,EAAU;AAEjC,QAAMC,IAAkBD,EAAQ;AAAA,IAC9B,CAAC,EAAE,OAAAE,EAAM,MAAM,OAAOA,KAAU,YAAYC,EAAa,SAASD,CAAK;AAAA,EAAA,GAGnEE,KAAcC,IAAAJ,EAAgBA,EAAgB,SAAS,CAAC,MAA1C,gBAAAI,EAA6C;AAE1D,SAAAD,IAAcR,EAAeQ,CAAW,IAAI;AACrD;"}

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

@@ -0,0 +1,40 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { useTheme as T } from "styled-components";
+import R from "../../../../ui/text/text.js";
+import { COMPLETED_SHEET_STATE as h } from "../../../constants/sheet.js";
+import { RewardNActionsContainer as A, RewardWrapper as E, RewardBadgeImage as $ } from "./reward-n-actions-styled.js";
+import { getRewardsBadgeUrl as x } from "./reward-n-actions-utils.js";
+import y from "./student-actions/student-actions.js";
+import C from "./teacher-actions/teacher-actions.js";
+const N = (r) => {
+  const { isDefocused: d, isSubjective: m, userType: o, sheet: l } = r, f = T(), { gutter: u } = f.layout, { accuracy: n, attempt_state: s, state: w, rewards: e } = l, p = h.includes(w), c = e && x(e), i = typeof n == "number" && (o === "STUDENT" ? !(m && s && s === "WAIT_FOR_REVIEW") : !0), g = p && e && e.length > 0 && c;
+  return /* @__PURE__ */ a(
+    A,
+    {
+      $flexDirection: "row",
+      $alignItems: "center",
+      $justifyContent: "flex-end",
+      $flexGapX: 1,
+      children: [
+        i && /* @__PURE__ */ a(
+          E,
+          {
+            $flexDirection: "row",
+            $alignItems: "center",
+            $flexGap: u * 0.125,
+            $isDefocused: d,
+            children: [
+              g && /* @__PURE__ */ t($, { src: c }),
+              i && /* @__PURE__ */ t(R, { $renderAs: "eyebrow2", color: "BLACK", children: `${Math.ceil(n) || 0}%` })
+            ]
+          }
+        ),
+        o === "TEACHER" ? /* @__PURE__ */ t(C, { ...r }) : /* @__PURE__ */ t(y, { ...r })
+      ]
+    }
+  );
+};
+export {
+  N as default
+};
+//# sourceMappingURL=reward-n-actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reward-n-actions.js","sources":["../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions.tsx"],"sourcesContent":["import type { IRewardNActionsProps } from './reward-n-actions-types';\nimport type { FC } from 'react';\n\nimport { useTheme } from 'styled-components';\n\nimport Text from '../../../../ui/text/text';\nimport { COMPLETED_SHEET_STATE } from '../../../constants/sheet';\nimport * as Styled from './reward-n-actions-styled';\nimport { getRewardsBadgeUrl } from './reward-n-actions-utils';\nimport StudentActions from './student-actions/student-actions';\nimport TeacherActions from './teacher-actions/teacher-actions';\n\nconst RewardNActions: FC<IRewardNActionsProps> = props => {\n  const { isDefocused, isSubjective, userType, sheet } = props;\n\n  const theme = useTheme();\n  const { gutter } = theme.layout;\n\n  const { accuracy, attempt_state: attemptState, state, rewards } = sheet;\n  const sheetCompleted = COMPLETED_SHEET_STATE.includes(state);\n  const rewardsBadgeUrl = rewards && getRewardsBadgeUrl(rewards);\n\n  const waitingForReview = isSubjective && attemptState && attemptState === 'WAIT_FOR_REVIEW';\n  const renderAccuracy =\n    typeof accuracy === 'number' && (userType === 'STUDENT' ? !waitingForReview : true);\n  const renderRewardBadge = sheetCompleted && rewards && rewards.length > 0 && rewardsBadgeUrl;\n\n  return (\n    <Styled.RewardNActionsContainer\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"flex-end\"\n      $flexGapX={1}\n    >\n      {renderAccuracy && (\n        <Styled.RewardWrapper\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $flexGap={gutter * 0.125}\n          $isDefocused={isDefocused}\n        >\n          {renderRewardBadge && <Styled.RewardBadgeImage src={rewardsBadgeUrl} />}\n\n          {renderAccuracy && (\n            <Text $renderAs=\"eyebrow2\" color=\"BLACK\">\n              {`${Math.ceil(accuracy) || 0}%`}\n            </Text>\n          )}\n        </Styled.RewardWrapper>\n      )}\n\n      {userType === 'TEACHER' ? <TeacherActions {...props} /> : <StudentActions {...props} />}\n    </Styled.RewardNActionsContainer>\n  );\n};\n\nexport default RewardNActions;\n"],"names":["RewardNActions","props","isDefocused","isSubjective","userType","sheet","theme","useTheme","gutter","accuracy","attemptState","state","rewards","sheetCompleted","COMPLETED_SHEET_STATE","rewardsBadgeUrl","getRewardsBadgeUrl","renderAccuracy","renderRewardBadge","jsxs","Styled.RewardNActionsContainer","Styled.RewardWrapper","jsx","Styled.RewardBadgeImage","Text","TeacherActions","StudentActions"],"mappings":";;;;;;;;AAYA,MAAMA,IAA2C,CAASC,MAAA;AACxD,QAAM,EAAE,aAAAC,GAAa,cAAAC,GAAc,UAAAC,GAAU,OAAAC,MAAUJ,GAEjDK,IAAQC,KACR,EAAE,QAAAC,EAAO,IAAIF,EAAM,QAEnB,EAAE,UAAAG,GAAU,eAAeC,GAAc,OAAAC,GAAO,SAAAC,EAAY,IAAAP,GAC5DQ,IAAiBC,EAAsB,SAASH,CAAK,GACrDI,IAAkBH,KAAWI,EAAmBJ,CAAO,GAGvDK,IACJ,OAAOR,KAAa,aAAaL,MAAa,YAAY,EAFnCD,KAAgBO,KAAgBA,MAAiB,qBAEM,KAC1EQ,IAAoBL,KAAkBD,KAAWA,EAAQ,SAAS,KAAKG;AAG3E,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,WAAW;AAAA,MAEV,UAAA;AAAA,QACCH,KAAA,gBAAAE;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,UAAUb,IAAS;AAAA,YACnB,cAAcN;AAAA,YAEb,UAAA;AAAA,cAAAgB,KAAsB,gBAAAI,EAAAC,GAAA,EAAwB,KAAKR,EAAiB,CAAA;AAAA,cAEpEE,KACC,gBAAAK,EAACE,GAAK,EAAA,WAAU,YAAW,OAAM,SAC9B,UAAA,GAAG,KAAK,KAAKf,CAAQ,KAAK,CAAC,KAC9B;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,QAGDL,MAAa,YAAY,gBAAAkB,EAACG,GAAgB,EAAA,GAAGxB,GAAO,IAAK,gBAAAqB,EAACI,GAAgB,EAAA,GAAGzB,EAAO,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3F;"}