@cuemath/leap 3.5.73 → 3.5.74

package/dist/features/blockers/multi-tab-blocker/multi-tab-blocker.js

@@ -4,14 +4,14 @@ import u from "../../ui/buttons/button/button.js";
 import h from "../../ui/layout/flex-view.js";
 import f from "../../ui/text/text.js";
 import k from "./multi-tab-blocker-context.js";
-import { EqualSpaceFlexView as y } from "./multi-tab-blocker-styled.js";
-const l = "multi-tab-blocker", x = C(
-  function({ children: g, whitelist: a, onTabBlock: r }) {
+import { EqualSpaceFlexView as x } from "./multi-tab-blocker-styled.js";
+const l = "multi-tab-blocker", y = C(
+  function({ children: b, whitelist: a, onTabBlock: r }) {
     const [o] = d(
       () => (a == null ? void 0 : a.some((e) => window.location.pathname.startsWith(e))) ?? !1
-    ), [n, b] = d(!1), i = s(
+    ), [n, g] = d(!1), i = s(
       (e) => {
-        b(!0), r == null || r(e);
+        g(!0), r == null || r(e);
       },
       [r]
     ), w = E(
@@ -52,9 +52,9 @@ const l = "multi-tab-blocker", x = C(
             $background: "WHITE",
             $borderRadiusX: 1,
             children: [
-              /* @__PURE__ */ t(f, { $renderAs: "h4", $marginBottomX: 0.5, children: "Cuemath is open in another window." }),
-              /* @__PURE__ */ t(f, { $renderAs: "body1", $marginBottomX: 1.5, children: "Click “Use here” to use Cuemath in this window." }),
-              /* @__PURE__ */ c(y, { $flexDirection: "row", $flexGapX: 2, children: [
+              /* @__PURE__ */ t(f, { $renderAs: "ah4-bold", $marginBottomX: 0.5, children: "Cuemath is open in another window." }),
+              /* @__PURE__ */ t(f, { $renderAs: "ub1", $marginBottomX: 1.5, children: 'Click "Use here" to use Cuemath in this window.' }),
+              /* @__PURE__ */ c(x, { $flexDirection: "row", $flexGapX: 2, children: [
                 /* @__PURE__ */ t(
                   u,
                   {
@@ -78,9 +78,9 @@ const l = "multi-tab-blocker", x = C(
           }
         )
       }
-    ) : g });
+    ) : b });
   }
-), U = x;
+), U = y;
 export {
   U as default
 };

package/dist/features/blockers/multi-tab-blocker/multi-tab-blocker.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-tab-blocker.js","sources":["../../../../src/features/blockers/multi-tab-blocker/multi-tab-blocker.tsx"],"sourcesContent":["import {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport MultiTabBlockerContext from './multi-tab-blocker-context';\nimport { EqualSpaceFlexView } from './multi-tab-blocker-styled';\nimport type { IMultiTabBlockerProps } from './multi-tab-blocker-types';\n\nconst STORAGE_KEY = 'multi-tab-blocker';\n\nconst MultiTabBlocker: FC<PropsWithChildren<IMultiTabBlockerProps>> = memo(\n  function MultiTabBlocker({ children, whitelist, onTabBlock }) {\n    const [isWhitelisted] = useState(\n      () => whitelist?.some(path => window.location.pathname.startsWith(path)) ?? false,\n    );\n    const [isTabBlocked, setIsTabBlocked] = useState(false);\n    const handleTabBlock = useCallback(\n      (source: string) => {\n        setIsTabBlocked(true);\n        onTabBlock?.(source);\n      },\n      [onTabBlock],\n    );\n    const cachedContextValue = useMemo(\n      () => ({ isTabBlocked, setIsTabBlocked: handleTabBlock }),\n      [handleTabBlock, isTabBlocked],\n    );\n\n    const handleOnClose = useCallback(() => {\n      window.location.href = 'https://cuemath.com';\n    }, []);\n\n    const handleOnUseHere = useCallback(() => {\n      document.location.reload();\n    }, []);\n\n    /**\n     * When the localStorage is changed from another tab, the storage event is triggered in all tabs except the one that triggered the change.\n     * Block the tab when we detect that the localStorage has been changed from another tab.\n     */\n    useEffect(() => {\n      const handleStorageEvent = (event: StorageEvent) => {\n        if (event.key === STORAGE_KEY) {\n          handleTabBlock('localStorage');\n          window.removeEventListener('storage', handleStorageEvent);\n        }\n      };\n\n      if (!isWhitelisted) {\n        window.addEventListener('storage', handleStorageEvent);\n      }\n\n      return () => {\n        if (!isWhitelisted) {\n          window.removeEventListener('storage', handleStorageEvent);\n        }\n      };\n    }, [handleTabBlock, isWhitelisted]);\n\n    /**\n     * When the new tab is opened and is visible, set the localStorage key to the current timestamp.\n     * When the tab is hidden, wait for it to become visible and set the localStorage key to the current timestamp.\n     * Which triggers the storage event in other tabs, blocking them.\n     */\n    useEffect(() => {\n      let setStorageKeyWhenVisible: () => void;\n\n      if (!isWhitelisted && !isTabBlocked) {\n        if (!document.hidden) {\n          window.localStorage.setItem(STORAGE_KEY, Date.now().toString());\n        } else {\n          setStorageKeyWhenVisible = () => {\n            if (!document.hidden) {\n              window.localStorage.setItem(STORAGE_KEY, Date.now().toString());\n            }\n\n            document.removeEventListener('visibilitychange', setStorageKeyWhenVisible);\n          };\n\n          document.addEventListener('visibilitychange', setStorageKeyWhenVisible);\n        }\n      }\n\n      return () => {\n        if (setStorageKeyWhenVisible) {\n          document.removeEventListener('visibilitychange', setStorageKeyWhenVisible);\n        }\n      };\n    }, [isTabBlocked, isWhitelisted]);\n\n    return (\n      <MultiTabBlockerContext.Provider value={cachedContextValue}>\n        {isTabBlocked ? (\n          <FlexView\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $height=\"100vh\"\n            $background=\"BLACK_75\"\n          >\n            <FlexView\n              $gutterX={1.5}\n              $gapX={1.5}\n              $widthX={32}\n              $background=\"WHITE\"\n              $borderRadiusX={1}\n            >\n              <Text $renderAs=\"h4\" $marginBottomX={0.5}>\n                Cuemath is open in another window.\n              </Text>\n              <Text $renderAs=\"body1\" $marginBottomX={1.5}>\n                Click “Use here” to use Cuemath in this window.\n              </Text>\n              <EqualSpaceFlexView $flexDirection=\"row\" $flexGapX={2}>\n                <Button\n                  renderAs=\"secondary\"\n                  label=\"Close\"\n                  analyticsLabel=\"Multi Tab Close\"\n                  onClick={handleOnClose}\n                />\n                <Button\n                  renderAs=\"primary\"\n                  label=\"Use here\"\n                  analyticsLabel=\"Multi Tab Use Here\"\n                  onClick={handleOnUseHere}\n                />\n              </EqualSpaceFlexView>\n            </FlexView>\n          </FlexView>\n        ) : (\n          children\n        )}\n      </MultiTabBlockerContext.Provider>\n    );\n  },\n);\n\nexport default MultiTabBlocker;\n"],"names":["STORAGE_KEY","MultiTabBlocker","memo","children","whitelist","onTabBlock","isWhitelisted","useState","path","isTabBlocked","setIsTabBlocked","handleTabBlock","useCallback","source","cachedContextValue","useMemo","handleOnClose","handleOnUseHere","useEffect","handleStorageEvent","event","setStorageKeyWhenVisible","MultiTabBlockerContext","jsx","FlexView","jsxs","Text","EqualSpaceFlexView","Button","MultiTabBlocker$1"],"mappings":"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"}
+{"version":3,"file":"multi-tab-blocker.js","sources":["../../../../src/features/blockers/multi-tab-blocker/multi-tab-blocker.tsx"],"sourcesContent":["import {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport MultiTabBlockerContext from './multi-tab-blocker-context';\nimport { EqualSpaceFlexView } from './multi-tab-blocker-styled';\nimport type { IMultiTabBlockerProps } from './multi-tab-blocker-types';\n\nconst STORAGE_KEY = 'multi-tab-blocker';\n\nconst MultiTabBlocker: FC<PropsWithChildren<IMultiTabBlockerProps>> = memo(\n  function MultiTabBlocker({ children, whitelist, onTabBlock }) {\n    const [isWhitelisted] = useState(\n      () => whitelist?.some(path => window.location.pathname.startsWith(path)) ?? false,\n    );\n    const [isTabBlocked, setIsTabBlocked] = useState(false);\n    const handleTabBlock = useCallback(\n      (source: string) => {\n        setIsTabBlocked(true);\n        onTabBlock?.(source);\n      },\n      [onTabBlock],\n    );\n    const cachedContextValue = useMemo(\n      () => ({ isTabBlocked, setIsTabBlocked: handleTabBlock }),\n      [handleTabBlock, isTabBlocked],\n    );\n\n    const handleOnClose = useCallback(() => {\n      window.location.href = 'https://cuemath.com';\n    }, []);\n\n    const handleOnUseHere = useCallback(() => {\n      document.location.reload();\n    }, []);\n\n    /**\n     * When the localStorage is changed from another tab, the storage event is triggered in all tabs except the one that triggered the change.\n     * Block the tab when we detect that the localStorage has been changed from another tab.\n     */\n    useEffect(() => {\n      const handleStorageEvent = (event: StorageEvent) => {\n        if (event.key === STORAGE_KEY) {\n          handleTabBlock('localStorage');\n          window.removeEventListener('storage', handleStorageEvent);\n        }\n      };\n\n      if (!isWhitelisted) {\n        window.addEventListener('storage', handleStorageEvent);\n      }\n\n      return () => {\n        if (!isWhitelisted) {\n          window.removeEventListener('storage', handleStorageEvent);\n        }\n      };\n    }, [handleTabBlock, isWhitelisted]);\n\n    /**\n     * When the new tab is opened and is visible, set the localStorage key to the current timestamp.\n     * When the tab is hidden, wait for it to become visible and set the localStorage key to the current timestamp.\n     * Which triggers the storage event in other tabs, blocking them.\n     */\n    useEffect(() => {\n      let setStorageKeyWhenVisible: () => void;\n\n      if (!isWhitelisted && !isTabBlocked) {\n        if (!document.hidden) {\n          window.localStorage.setItem(STORAGE_KEY, Date.now().toString());\n        } else {\n          setStorageKeyWhenVisible = () => {\n            if (!document.hidden) {\n              window.localStorage.setItem(STORAGE_KEY, Date.now().toString());\n            }\n\n            document.removeEventListener('visibilitychange', setStorageKeyWhenVisible);\n          };\n\n          document.addEventListener('visibilitychange', setStorageKeyWhenVisible);\n        }\n      }\n\n      return () => {\n        if (setStorageKeyWhenVisible) {\n          document.removeEventListener('visibilitychange', setStorageKeyWhenVisible);\n        }\n      };\n    }, [isTabBlocked, isWhitelisted]);\n\n    return (\n      <MultiTabBlockerContext.Provider value={cachedContextValue}>\n        {isTabBlocked ? (\n          <FlexView\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $height=\"100vh\"\n            $background=\"BLACK_75\"\n          >\n            <FlexView\n              $gutterX={1.5}\n              $gapX={1.5}\n              $widthX={32}\n              $background=\"WHITE\"\n              $borderRadiusX={1}\n            >\n              <Text $renderAs=\"ah4-bold\" $marginBottomX={0.5}>\n                Cuemath is open in another window.\n              </Text>\n              <Text $renderAs=\"ub1\" $marginBottomX={1.5}>\n                Click \"Use here\" to use Cuemath in this window.\n              </Text>\n              <EqualSpaceFlexView $flexDirection=\"row\" $flexGapX={2}>\n                <Button\n                  renderAs=\"secondary\"\n                  label=\"Close\"\n                  analyticsLabel=\"Multi Tab Close\"\n                  onClick={handleOnClose}\n                />\n                <Button\n                  renderAs=\"primary\"\n                  label=\"Use here\"\n                  analyticsLabel=\"Multi Tab Use Here\"\n                  onClick={handleOnUseHere}\n                />\n              </EqualSpaceFlexView>\n            </FlexView>\n          </FlexView>\n        ) : (\n          children\n        )}\n      </MultiTabBlockerContext.Provider>\n    );\n  },\n);\n\nexport default MultiTabBlocker;\n"],"names":["STORAGE_KEY","MultiTabBlocker","memo","children","whitelist","onTabBlock","isWhitelisted","useState","path","isTabBlocked","setIsTabBlocked","handleTabBlock","useCallback","source","cachedContextValue","useMemo","handleOnClose","handleOnUseHere","useEffect","handleStorageEvent","event","setStorageKeyWhenVisible","MultiTabBlockerContext","jsx","FlexView","jsxs","Text","EqualSpaceFlexView","Button","MultiTabBlocker$1"],"mappings":"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"}

package/dist/features/chapters/chapter/comps/supplementary-resources/supplementary-resources.js

@@ -1,35 +1,35 @@
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { memo as D, useRef as y, useState as v, useMemo as O, useCallback as X } from "react";
-import { useTheme as _ } from "styled-components";
+import { memo as D, useRef as v, useState as O, useMemo as X, useCallback as _ } from "react";
+import { useTheme as y } from "styled-components";
 import G from "../../../../sheets/resources-list/resources-list.js";
 import L, { useUIContext as I } from "../../../../ui/context/context.js";
 import N from "../../../../ui/context/use-tracking-context.js";
 import m from "../../../../ui/layout/flex-view.js";
-import g from "../../../../ui/text/text.js";
+import b from "../../../../ui/text/text.js";
 import { SupplementaryResourcesContainer as S, ScrollFlexView as j, Tab as P, WrappedText as B } from "./supplementary-resources-styled.js";
 import { getResourceTabName as F } from "./utils.js";
-const K = (C, t) => t.find((b) => {
-  const a = C[b];
+const K = (g, t) => t.find((C) => {
+  const a = g[C];
   return a ? a.length > 0 : void 0;
 }) ?? "assigned", te = D(
   function({
     groupedSupplementarySheets: t,
     userType: u,
-    isDefocused: b,
+    isDefocused: C,
     ...a
   }) {
     const {
       handleOnCreateExtraPractice: U,
       teacherId: V,
       groupedSupplementarySheetsSortOrder: h,
-      ...w
-    } = a, A = _(), i = y(0), [l, R] = v(() => K(t, h)), k = N({ tab: l }), { onEvent: $ } = I(), d = u === "TEACHER", { keys: p, newAssignedSheetsCount: x } = O(() => {
+      ...k
+    } = a, A = y(), i = v(0), [l, R] = O(() => K(t, h)), w = N({ tab: l }), { onEvent: $ } = I(), d = u === "TEACHER", { keys: p, newAssignedSheetsCount: x } = X(() => {
       const n = t.assigned ?? [], e = n.reduce((r, T) => T.state === "NOT_STARTED" ? r + 1 : r, 0), o = {};
       return e > 0 && (o.assigned = e), i.current = d ? 0 : n.length, t && h.forEach((r) => {
         const f = (t[r] || []).length;
         r !== "assigned" && d && (i.current += f), f && (o[r] = f);
       }), { keys: o, newAssignedSheetsCount: e };
-    }, [t, h, d]), E = X(
+    }, [t, h, d]), E = _(
       (n) => {
         R(n), $("clicked", {
           cta: n
@@ -37,7 +37,7 @@ const K = (C, t) => t.find((b) => {
       },
       [$]
     );
-    return i.current === 0 ? null : /* @__PURE__ */ s(L.Provider, { value: k, children: /* @__PURE__ */ c(
+    return i.current === 0 ? null : /* @__PURE__ */ s(L.Provider, { value: w, children: /* @__PURE__ */ c(
       S,
       {
         $flexGap: A.layout.gutter * 1.5,
@@ -45,12 +45,12 @@ const K = (C, t) => t.find((b) => {
         $flexGapX: 2,
         children: [
           /* @__PURE__ */ c(m, { $flexGap: 8, children: [
-            /* @__PURE__ */ c(g, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
+            /* @__PURE__ */ c(b, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: [
               "resources (",
               i.current,
               ")"
             ] }),
-            d && /* @__PURE__ */ s(g, { $renderAs: "ub3", $color: "BLACK_T_60", children: "Only assigned sheets are visible to the student" })
+            d && /* @__PURE__ */ s(b, { $renderAs: "ub3", $color: "BLACK_T_60", children: "Only assigned sheets are visible to the student" })
           ] }),
           /* @__PURE__ */ s(j, { $flexDirection: "row", children: Object.entries(p).map((n) => {
             const [e, o] = n, r = F(e, o ?? 0);
@@ -60,7 +60,7 @@ const K = (C, t) => t.find((b) => {
                 $selected: l === e,
                 onClick: () => E(e),
                 children: /* @__PURE__ */ c(m, { $flexDirection: "row", $flexGapX: 0.375, children: [
-                  /* @__PURE__ */ s(g, { $renderAs: l === e ? "cta2" : "body2", children: r }),
+                  /* @__PURE__ */ s(b, { $renderAs: l === e ? "ub2-bold" : "ub2", children: r }),
                   e === "assigned" && !!x && /* @__PURE__ */ s(
                     m,
                     {
@@ -69,7 +69,7 @@ const K = (C, t) => t.find((b) => {
                       $gapX: 0.125,
                       $gutterX: 0.25,
                       $alignItems: "center",
-                      children: /* @__PURE__ */ c(B, { $renderAs: "eyebrow2", children: [
+                      children: /* @__PURE__ */ c(B, { $renderAs: "ac4-black", children: [
                         x,
                         " New"
                       ] })
@@ -85,7 +85,7 @@ const K = (C, t) => t.find((b) => {
             {
               userType: u,
               sheets: t[l] ?? [],
-              ...w
+              ...k
             }
           )
         ]

package/dist/features/chapters/chapter/comps/supplementary-resources/supplementary-resources.js.map

@@ -1 +1 @@
-{"version":3,"file":"supplementary-resources.js","sources":["../../../../../../src/features/chapters/chapter/comps/supplementary-resources/supplementary-resources.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useRef, useState, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ResourcesList from '../../../../sheets/resources-list/resources-list';\nimport UIContext, { useUIContext } from '../../../../ui/context/context';\nimport useTrackingContext from '../../../../ui/context/use-tracking-context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport type { IChapterDataProps } from '../../chapter-types';\nimport * as Styled from './supplementary-resources-styled';\nimport type { ISupplementaryResourcesProps } from './supplementary-resources-types';\nimport { getResourceTabName } from './utils';\n\nconst getDefaultSelectedTab = (\n  groupedSheets: IChapterDataProps['sheets_data']['supplementary_sheets_grouped'],\n  groupedSheetsSortOrder: IChapterDataProps['sheets_data']['supplementary_sheets_group_sort_order'],\n): string => {\n  const sheetCategory = groupedSheetsSortOrder.find(category => {\n    const categoryData = groupedSheets[category];\n\n    return categoryData ? categoryData.length > 0 : undefined;\n  });\n\n  return sheetCategory ?? 'assigned';\n};\n\nconst SupplementaryResources: FC<ISupplementaryResourcesProps> = memo(\n  function SupplementaryResources({\n    groupedSupplementarySheets,\n    userType,\n    isDefocused,\n    ...restSupplementaryResourcesProps\n  }) {\n    const {\n      handleOnCreateExtraPractice,\n      teacherId,\n      groupedSupplementarySheetsSortOrder,\n      ...sheetListCallbacks\n    } = restSupplementaryResourcesProps;\n\n    const theme = useTheme();\n    const totalResourcesCount = useRef(0);\n\n    const [selectedTab, setSelectedTab] = useState(() => {\n      return getDefaultSelectedTab(groupedSupplementarySheets, groupedSupplementarySheetsSortOrder);\n    });\n\n    const analyticProps = useTrackingContext({ tab: selectedTab });\n    const { onEvent: trackEvent } = useUIContext();\n\n    const isTeacher = userType === 'TEACHER';\n\n    const { keys: supplementarySheetCounts, newAssignedSheetsCount } = useMemo(() => {\n      const assignedSheets = groupedSupplementarySheets.assigned ?? [];\n\n      const newAssignedCount = assignedSheets.reduce((acc, assignedSheetData) => {\n        if (assignedSheetData.state === 'NOT_STARTED') {\n          return acc + 1;\n        }\n\n        return acc;\n      }, 0);\n\n      const keys: Partial<Record<string, number>> = {};\n\n      if (newAssignedCount > 0) {\n        keys.assigned = newAssignedCount;\n      }\n\n      totalResourcesCount.current = isTeacher ? 0 : assignedSheets.length;\n\n      if (groupedSupplementarySheets) {\n        groupedSupplementarySheetsSortOrder.forEach(suppSheetType => {\n          const sheetData =\n            groupedSupplementarySheets[suppSheetType as keyof typeof groupedSupplementarySheets] ||\n            [];\n          const sheetCount = sheetData.length;\n\n          if (suppSheetType !== 'assigned' && isTeacher) {\n            totalResourcesCount.current += sheetCount;\n          }\n\n          if (sheetCount) {\n            keys[suppSheetType] = sheetCount;\n          }\n        });\n      }\n\n      return { keys, newAssignedSheetsCount: newAssignedCount };\n    }, [groupedSupplementarySheets, groupedSupplementarySheetsSortOrder, isTeacher]);\n\n    const handleOnTabSwitch = useCallback(\n      (suppSheetKey: string) => {\n        setSelectedTab(suppSheetKey);\n        trackEvent('clicked', {\n          cta: suppSheetKey,\n        });\n      },\n      [trackEvent],\n    );\n\n    if (totalResourcesCount.current === 0) return null;\n\n    return (\n      <UIContext.Provider value={analyticProps}>\n        <Styled.SupplementaryResourcesContainer\n          $flexGap={theme.layout.gutter * 1.5}\n          $widthX={47.5}\n          $flexGapX={2}\n        >\n          <FlexView $flexGap={8}>\n            <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n              resources ({totalResourcesCount.current})\n            </Text>\n\n            {isTeacher && (\n              <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                Only assigned sheets are visible to the student\n              </Text>\n            )}\n          </FlexView>\n\n          <Styled.ScrollFlexView $flexDirection=\"row\">\n            {Object.entries(supplementarySheetCounts).map(entry => {\n              const [suppSheetKey, sheetCount] = entry;\n\n              const tabLabel = getResourceTabName(suppSheetKey, sheetCount ?? 0);\n\n              return (\n                <Styled.Tab\n                  key={suppSheetKey}\n                  $selected={selectedTab === suppSheetKey}\n                  onClick={() => handleOnTabSwitch(suppSheetKey)}\n                >\n                  <FlexView $flexDirection=\"row\" $flexGapX={0.375}>\n                    <Text $renderAs={selectedTab === suppSheetKey ? 'cta2' : 'body2'}>\n                      {tabLabel}\n                    </Text>\n                    {suppSheetKey === 'assigned' && !!newAssignedSheetsCount && (\n                      <FlexView\n                        $background=\"GREEN_4\"\n                        $borderRadiusX={0.25}\n                        $gapX={0.125}\n                        $gutterX={0.25}\n                        $alignItems=\"center\"\n                      >\n                        <Styled.WrappedText $renderAs=\"eyebrow2\">\n                          {newAssignedSheetsCount} New\n                        </Styled.WrappedText>\n                      </FlexView>\n                    )}\n                  </FlexView>\n                </Styled.Tab>\n              );\n            })}\n          </Styled.ScrollFlexView>\n\n          <ResourcesList\n            userType={userType}\n            sheets={groupedSupplementarySheets[selectedTab] ?? []}\n            {...sheetListCallbacks}\n          />\n        </Styled.SupplementaryResourcesContainer>\n      </UIContext.Provider>\n    );\n  },\n);\n\nexport default SupplementaryResources;\n"],"names":["getDefaultSelectedTab","groupedSheets","groupedSheetsSortOrder","category","categoryData","SupplementaryResources","memo","groupedSupplementarySheets","userType","isDefocused","restSupplementaryResourcesProps","handleOnCreateExtraPractice","teacherId","groupedSupplementarySheetsSortOrder","sheetListCallbacks","theme","useTheme","totalResourcesCount","useRef","selectedTab","setSelectedTab","useState","analyticProps","useTrackingContext","trackEvent","useUIContext","isTeacher","supplementarySheetCounts","newAssignedSheetsCount","useMemo","assignedSheets","newAssignedCount","acc","assignedSheetData","keys","suppSheetType","sheetCount","handleOnTabSwitch","useCallback","suppSheetKey","jsx","UIContext","jsxs","Styled.SupplementaryResourcesContainer","FlexView","Text","Styled.ScrollFlexView","entry","tabLabel","getResourceTabName","Styled.Tab","Styled.WrappedText","ResourcesList"],"mappings":"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"}
+{"version":3,"file":"supplementary-resources.js","sources":["../../../../../../src/features/chapters/chapter/comps/supplementary-resources/supplementary-resources.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useRef, useState, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ResourcesList from '../../../../sheets/resources-list/resources-list';\nimport UIContext, { useUIContext } from '../../../../ui/context/context';\nimport useTrackingContext from '../../../../ui/context/use-tracking-context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport type { IChapterDataProps } from '../../chapter-types';\nimport * as Styled from './supplementary-resources-styled';\nimport type { ISupplementaryResourcesProps } from './supplementary-resources-types';\nimport { getResourceTabName } from './utils';\n\nconst getDefaultSelectedTab = (\n  groupedSheets: IChapterDataProps['sheets_data']['supplementary_sheets_grouped'],\n  groupedSheetsSortOrder: IChapterDataProps['sheets_data']['supplementary_sheets_group_sort_order'],\n): string => {\n  const sheetCategory = groupedSheetsSortOrder.find(category => {\n    const categoryData = groupedSheets[category];\n\n    return categoryData ? categoryData.length > 0 : undefined;\n  });\n\n  return sheetCategory ?? 'assigned';\n};\n\nconst SupplementaryResources: FC<ISupplementaryResourcesProps> = memo(\n  function SupplementaryResources({\n    groupedSupplementarySheets,\n    userType,\n    isDefocused,\n    ...restSupplementaryResourcesProps\n  }) {\n    const {\n      handleOnCreateExtraPractice,\n      teacherId,\n      groupedSupplementarySheetsSortOrder,\n      ...sheetListCallbacks\n    } = restSupplementaryResourcesProps;\n\n    const theme = useTheme();\n    const totalResourcesCount = useRef(0);\n\n    const [selectedTab, setSelectedTab] = useState(() => {\n      return getDefaultSelectedTab(groupedSupplementarySheets, groupedSupplementarySheetsSortOrder);\n    });\n\n    const analyticProps = useTrackingContext({ tab: selectedTab });\n    const { onEvent: trackEvent } = useUIContext();\n\n    const isTeacher = userType === 'TEACHER';\n\n    const { keys: supplementarySheetCounts, newAssignedSheetsCount } = useMemo(() => {\n      const assignedSheets = groupedSupplementarySheets.assigned ?? [];\n\n      const newAssignedCount = assignedSheets.reduce((acc, assignedSheetData) => {\n        if (assignedSheetData.state === 'NOT_STARTED') {\n          return acc + 1;\n        }\n\n        return acc;\n      }, 0);\n\n      const keys: Partial<Record<string, number>> = {};\n\n      if (newAssignedCount > 0) {\n        keys.assigned = newAssignedCount;\n      }\n\n      totalResourcesCount.current = isTeacher ? 0 : assignedSheets.length;\n\n      if (groupedSupplementarySheets) {\n        groupedSupplementarySheetsSortOrder.forEach(suppSheetType => {\n          const sheetData =\n            groupedSupplementarySheets[suppSheetType as keyof typeof groupedSupplementarySheets] ||\n            [];\n          const sheetCount = sheetData.length;\n\n          if (suppSheetType !== 'assigned' && isTeacher) {\n            totalResourcesCount.current += sheetCount;\n          }\n\n          if (sheetCount) {\n            keys[suppSheetType] = sheetCount;\n          }\n        });\n      }\n\n      return { keys, newAssignedSheetsCount: newAssignedCount };\n    }, [groupedSupplementarySheets, groupedSupplementarySheetsSortOrder, isTeacher]);\n\n    const handleOnTabSwitch = useCallback(\n      (suppSheetKey: string) => {\n        setSelectedTab(suppSheetKey);\n        trackEvent('clicked', {\n          cta: suppSheetKey,\n        });\n      },\n      [trackEvent],\n    );\n\n    if (totalResourcesCount.current === 0) return null;\n\n    return (\n      <UIContext.Provider value={analyticProps}>\n        <Styled.SupplementaryResourcesContainer\n          $flexGap={theme.layout.gutter * 1.5}\n          $widthX={47.5}\n          $flexGapX={2}\n        >\n          <FlexView $flexGap={8}>\n            <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n              resources ({totalResourcesCount.current})\n            </Text>\n\n            {isTeacher && (\n              <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                Only assigned sheets are visible to the student\n              </Text>\n            )}\n          </FlexView>\n\n          <Styled.ScrollFlexView $flexDirection=\"row\">\n            {Object.entries(supplementarySheetCounts).map(entry => {\n              const [suppSheetKey, sheetCount] = entry;\n\n              const tabLabel = getResourceTabName(suppSheetKey, sheetCount ?? 0);\n\n              return (\n                <Styled.Tab\n                  key={suppSheetKey}\n                  $selected={selectedTab === suppSheetKey}\n                  onClick={() => handleOnTabSwitch(suppSheetKey)}\n                >\n                  <FlexView $flexDirection=\"row\" $flexGapX={0.375}>\n                    <Text $renderAs={selectedTab === suppSheetKey ? 'ub2-bold' : 'ub2'}>\n                      {tabLabel}\n                    </Text>\n                    {suppSheetKey === 'assigned' && !!newAssignedSheetsCount && (\n                      <FlexView\n                        $background=\"GREEN_4\"\n                        $borderRadiusX={0.25}\n                        $gapX={0.125}\n                        $gutterX={0.25}\n                        $alignItems=\"center\"\n                      >\n                        <Styled.WrappedText $renderAs=\"ac4-black\">\n                          {newAssignedSheetsCount} New\n                        </Styled.WrappedText>\n                      </FlexView>\n                    )}\n                  </FlexView>\n                </Styled.Tab>\n              );\n            })}\n          </Styled.ScrollFlexView>\n\n          <ResourcesList\n            userType={userType}\n            sheets={groupedSupplementarySheets[selectedTab] ?? []}\n            {...sheetListCallbacks}\n          />\n        </Styled.SupplementaryResourcesContainer>\n      </UIContext.Provider>\n    );\n  },\n);\n\nexport default SupplementaryResources;\n"],"names":["getDefaultSelectedTab","groupedSheets","groupedSheetsSortOrder","category","categoryData","SupplementaryResources","memo","groupedSupplementarySheets","userType","isDefocused","restSupplementaryResourcesProps","handleOnCreateExtraPractice","teacherId","groupedSupplementarySheetsSortOrder","sheetListCallbacks","theme","useTheme","totalResourcesCount","useRef","selectedTab","setSelectedTab","useState","analyticProps","useTrackingContext","trackEvent","useUIContext","isTeacher","supplementarySheetCounts","newAssignedSheetsCount","useMemo","assignedSheets","newAssignedCount","acc","assignedSheetData","keys","suppSheetType","sheetCount","handleOnTabSwitch","useCallback","suppSheetKey","jsx","UIContext","jsxs","Styled.SupplementaryResourcesContainer","FlexView","Text","Styled.ScrollFlexView","entry","tabLabel","getResourceTabName","Styled.Tab","Styled.WrappedText","ResourcesList"],"mappings":"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"}

package/dist/features/chapters/lpar-chapter/block-section/block-section.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as R } from "react/jsx-runtime";
-import c from "../../../ui/layout/flex-view.js";
+import s from "../../../ui/layout/flex-view.js";
 import { BlockSectionTitle as b } from "./block-section-styled.js";
 import O from "./chapter-block/chapter-block.js";
 const M = ({
@@ -12,40 +12,40 @@ const M = ({
     userType: d,
     onMenuActionAttempt: f,
     onReview: A,
-    onSATReview: S,
-    onSATStartOrResume: _,
-    onSATUnlock: k,
+    onSATReview: k,
+    onSATStartOrResume: S,
+    onSATUnlock: _,
     onStartOrResume: x,
-    onView: y
-  } = u, { tabs: e, is_mastery_enabled_user_and_program: T } = a, r = e == null ? void 0 : e[p];
-  let t = 0;
-  return r ? /* @__PURE__ */ o(c, { $flexGapX: 1.25, children: r.map(({ blocks: n, section_code: i }) => /* @__PURE__ */ R(c, { children: [
-    /* @__PURE__ */ o(b, { $renderAs: "eyebrow2", children: i }),
-    n.map((l, g) => {
-      const { block_type: h, id: w } = l;
-      let s = 0;
-      const B = g === n.length - 1;
-      return h === "GOAL" && (t += 1, s = t), /* @__PURE__ */ o(
+    onView: T
+  } = u, { tabs: e, is_mastery_enabled_user_and_program: g } = a, t = e == null ? void 0 : e[p];
+  let r = 0;
+  return t ? /* @__PURE__ */ o(s, { $flexGapX: 1.25, children: t.map(({ blocks: n, section_code: l }) => /* @__PURE__ */ R(s, { children: [
+    /* @__PURE__ */ o(b, { $renderAs: "ac4-black", children: l }),
+    n.map((c, h) => {
+      const { block_type: y, id: w } = c;
+      let i = 0;
+      const B = h === n.length - 1;
+      return y === "GOAL" && (r += 1, i = r), /* @__PURE__ */ o(
         O,
         {
-          blockData: l,
-          goalIndex: s,
+          blockData: c,
+          goalIndex: i,
           isLastBlock: B,
-          isMasteryEnabledUserAndProgram: T,
+          isMasteryEnabledUserAndProgram: g,
           userType: d,
           isClassOngoing: m,
           onMenuActionAttempt: f,
           onReview: A,
-          onSATReview: S,
-          onSATStartOrResume: _,
-          onSATUnlock: k,
+          onSATReview: k,
+          onSATStartOrResume: S,
+          onSATUnlock: _,
           onStartOrResume: x,
-          onView: y
+          onView: T
         },
         w
       );
     })
-  ] }, i)) }) : null;
+  ] }, l)) }) : null;
 };
 export {
   M as default

package/dist/features/chapters/lpar-chapter/block-section/block-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"block-section.js","sources":["../../../../../src/features/chapters/lpar-chapter/block-section/block-section.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './block-section-styled';\nimport type { IBlockSection } from './block-section-types';\nimport ChapterBlock from './chapter-block/chapter-block';\n\nconst BlockSection: FC<IBlockSection> = ({\n  chapter,\n  isClassOngoing,\n  selectedSection,\n  ...restBlockSectionProps\n}) => {\n  const {\n    userType,\n    onMenuActionAttempt,\n    onReview,\n    onSATReview,\n    onSATStartOrResume,\n    onSATUnlock,\n    onStartOrResume,\n    onView,\n  } = restBlockSectionProps;\n  const { tabs, is_mastery_enabled_user_and_program: isMasteryEnabledUserAndProgram } = chapter;\n\n  const sections = tabs?.[selectedSection];\n  let goalCount = 0;\n\n  if (!sections) return null;\n\n  return (\n    <FlexView $flexGapX={1.25}>\n      {sections.map(({ blocks, section_code: sectionCode }) => {\n        return (\n          <FlexView key={sectionCode}>\n            <Styled.BlockSectionTitle $renderAs=\"eyebrow2\">{sectionCode}</Styled.BlockSectionTitle>\n\n            {blocks.map((block, idx) => {\n              const { block_type: blockType, id } = block;\n              let goalIndex = 0;\n              const isLastBlock = idx === blocks.length - 1;\n\n              if (blockType === 'GOAL') {\n                goalCount += 1;\n                goalIndex = goalCount;\n              }\n\n              return (\n                <ChapterBlock\n                  blockData={block}\n                  goalIndex={goalIndex}\n                  isLastBlock={isLastBlock}\n                  isMasteryEnabledUserAndProgram={isMasteryEnabledUserAndProgram}\n                  key={id}\n                  userType={userType}\n                  isClassOngoing={isClassOngoing}\n                  onMenuActionAttempt={onMenuActionAttempt}\n                  onReview={onReview}\n                  onSATReview={onSATReview}\n                  onSATStartOrResume={onSATStartOrResume}\n                  onSATUnlock={onSATUnlock}\n                  onStartOrResume={onStartOrResume}\n                  onView={onView}\n                />\n              );\n            })}\n          </FlexView>\n        );\n      })}\n    </FlexView>\n  );\n};\n\nexport default BlockSection;\n"],"names":["BlockSection","chapter","isClassOngoing","selectedSection","restBlockSectionProps","userType","onMenuActionAttempt","onReview","onSATReview","onSATStartOrResume","onSATUnlock","onStartOrResume","onView","tabs","isMasteryEnabledUserAndProgram","sections","goalCount","jsx","FlexView","blocks","sectionCode","Styled.BlockSectionTitle","block","idx","blockType","id","goalIndex","isLastBlock","ChapterBlock"],"mappings":";;;;AAOA,MAAMA,IAAkC,CAAC;AAAA,EACvC,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GACE,EAAE,MAAAS,GAAM,qCAAqCC,EAAA,IAAmCb,GAEhFc,IAAWF,KAAA,gBAAAA,EAAOV;AACxB,MAAIa,IAAY;AAEZ,SAACD,IAGH,gBAAAE,EAACC,GAAS,EAAA,WAAW,MAClB,UAAAH,EAAS,IAAI,CAAC,EAAE,QAAAI,GAAQ,cAAcC,EAAA,wBAElCF,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACI,GAAA,EAAyB,WAAU,YAAY,UAAYD,GAAA;AAAA,IAE3DD,EAAO,IAAI,CAACG,GAAOC,MAAQ;AAC1B,YAAM,EAAE,YAAYC,GAAW,IAAAC,EAAA,IAAOH;AACtC,UAAII,IAAY;AACV,YAAAC,IAAcJ,MAAQJ,EAAO,SAAS;AAE5C,aAAIK,MAAc,WACHR,KAAA,GACDU,IAAAV,IAIZ,gBAAAC;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,WAAWN;AAAA,UACX,WAAAI;AAAA,UACA,aAAAC;AAAA,UACA,gCAAAb;AAAA,UAEA,UAAAT;AAAA,UACA,gBAAAH;AAAA,UACA,qBAAAI;AAAA,UACA,UAAAC;AAAA,UACA,aAAAC;AAAA,UACA,oBAAAC;AAAA,UACA,aAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,QAAAC;AAAA,QAAA;AAAA,QATKa;AAAA,MAAA;AAAA,IAUP,CAEH;AAAA,EAAA,EAAA,GA/BYL,CAgCf,CAEH,EACH,CAAA,IAzCoB;AA2CxB;"}
+{"version":3,"file":"block-section.js","sources":["../../../../../src/features/chapters/lpar-chapter/block-section/block-section.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './block-section-styled';\nimport type { IBlockSection } from './block-section-types';\nimport ChapterBlock from './chapter-block/chapter-block';\n\nconst BlockSection: FC<IBlockSection> = ({\n  chapter,\n  isClassOngoing,\n  selectedSection,\n  ...restBlockSectionProps\n}) => {\n  const {\n    userType,\n    onMenuActionAttempt,\n    onReview,\n    onSATReview,\n    onSATStartOrResume,\n    onSATUnlock,\n    onStartOrResume,\n    onView,\n  } = restBlockSectionProps;\n  const { tabs, is_mastery_enabled_user_and_program: isMasteryEnabledUserAndProgram } = chapter;\n\n  const sections = tabs?.[selectedSection];\n  let goalCount = 0;\n\n  if (!sections) return null;\n\n  return (\n    <FlexView $flexGapX={1.25}>\n      {sections.map(({ blocks, section_code: sectionCode }) => {\n        return (\n          <FlexView key={sectionCode}>\n            <Styled.BlockSectionTitle $renderAs=\"ac4-black\">{sectionCode}</Styled.BlockSectionTitle>\n\n            {blocks.map((block, idx) => {\n              const { block_type: blockType, id } = block;\n              let goalIndex = 0;\n              const isLastBlock = idx === blocks.length - 1;\n\n              if (blockType === 'GOAL') {\n                goalCount += 1;\n                goalIndex = goalCount;\n              }\n\n              return (\n                <ChapterBlock\n                  blockData={block}\n                  goalIndex={goalIndex}\n                  isLastBlock={isLastBlock}\n                  isMasteryEnabledUserAndProgram={isMasteryEnabledUserAndProgram}\n                  key={id}\n                  userType={userType}\n                  isClassOngoing={isClassOngoing}\n                  onMenuActionAttempt={onMenuActionAttempt}\n                  onReview={onReview}\n                  onSATReview={onSATReview}\n                  onSATStartOrResume={onSATStartOrResume}\n                  onSATUnlock={onSATUnlock}\n                  onStartOrResume={onStartOrResume}\n                  onView={onView}\n                />\n              );\n            })}\n          </FlexView>\n        );\n      })}\n    </FlexView>\n  );\n};\n\nexport default BlockSection;\n"],"names":["BlockSection","chapter","isClassOngoing","selectedSection","restBlockSectionProps","userType","onMenuActionAttempt","onReview","onSATReview","onSATStartOrResume","onSATUnlock","onStartOrResume","onView","tabs","isMasteryEnabledUserAndProgram","sections","goalCount","jsx","FlexView","blocks","sectionCode","Styled.BlockSectionTitle","block","idx","blockType","id","goalIndex","isLastBlock","ChapterBlock"],"mappings":";;;;AAOA,MAAMA,IAAkC,CAAC;AAAA,EACvC,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GACE,EAAE,MAAAS,GAAM,qCAAqCC,EAAA,IAAmCb,GAEhFc,IAAWF,KAAA,gBAAAA,EAAOV;AACxB,MAAIa,IAAY;AAEZ,SAACD,IAGH,gBAAAE,EAACC,GAAS,EAAA,WAAW,MAClB,UAAAH,EAAS,IAAI,CAAC,EAAE,QAAAI,GAAQ,cAAcC,EAAA,wBAElCF,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACI,GAAA,EAAyB,WAAU,aAAa,UAAYD,GAAA;AAAA,IAE5DD,EAAO,IAAI,CAACG,GAAOC,MAAQ;AAC1B,YAAM,EAAE,YAAYC,GAAW,IAAAC,EAAA,IAAOH;AACtC,UAAII,IAAY;AACV,YAAAC,IAAcJ,MAAQJ,EAAO,SAAS;AAE5C,aAAIK,MAAc,WACHR,KAAA,GACDU,IAAAV,IAIZ,gBAAAC;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,WAAWN;AAAA,UACX,WAAAI;AAAA,UACA,aAAAC;AAAA,UACA,gCAAAb;AAAA,UAEA,UAAAT;AAAA,UACA,gBAAAH;AAAA,UACA,qBAAAI;AAAA,UACA,UAAAC;AAAA,UACA,aAAAC;AAAA,UACA,oBAAAC;AAAA,UACA,aAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,QAAAC;AAAA,QAAA;AAAA,QATKa;AAAA,MAAA;AAAA,IAUP,CAEH;AAAA,EAAA,EAAA,GA/BYL,CAgCf,CAEH,EACH,CAAA,IAzCoB;AA2CxB;"}

package/dist/features/chapters/lpar-chapter/block-section/chapter-block/chapter-block-action.js

@@ -3,7 +3,7 @@ import { ILLUSTRATIONS as o } from "../../../../../assets/illustrations/illustra
 import i from "../../../../ui/layout/flex-view.js";
 import t from "../../../../ui/text/text.js";
 import { BLOCK_STATUS_VALUE as m, BLOCK_STATUS as n } from "../../constants/index.js";
-const { ADDED: A, MASTERED: f } = n, E = ({ blockStatus: r }) => r === A ? null : /* @__PURE__ */ e(i, { $flexDirection: "row", $alignItems: "center", $flexGap: 4, children: r === f ? /* @__PURE__ */ e("img", { src: o.MASTERED_BADGE }) : /* @__PURE__ */ e(t, { $renderAs: "eyebrow2", $color: "BLACK_75", children: m[r] }) });
+const { ADDED: A, MASTERED: c } = n, E = ({ blockStatus: r }) => r === A ? null : /* @__PURE__ */ e(i, { $flexDirection: "row", $alignItems: "center", $flexGap: 4, children: r === c ? /* @__PURE__ */ e("img", { src: o.MASTERED_BADGE }) : /* @__PURE__ */ e(t, { $renderAs: "ac4-black", $color: "BLACK_75", children: m[r] }) });
 export {
   E as default
 };

package/dist/features/chapters/lpar-chapter/block-section/chapter-block/chapter-block-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-block-action.js","sources":["../../../../../../src/features/chapters/lpar-chapter/block-section/chapter-block/chapter-block-action.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { BLOCK_STATUS_VALUE, BLOCK_STATUS } from '../../constants';\nimport type { IChapterBlockAction } from './chapter-block-types';\n\nconst { ADDED, MASTERED } = BLOCK_STATUS;\n\nconst ChapterBlockAction: FC<IChapterBlockAction> = ({ blockStatus }) => {\n  if (blockStatus === ADDED) return null;\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={4}>\n      {blockStatus === MASTERED ? (\n        <img src={ILLUSTRATIONS.MASTERED_BADGE} />\n      ) : (\n        <Text $renderAs=\"eyebrow2\" $color=\"BLACK_75\">\n          {BLOCK_STATUS_VALUE[blockStatus as keyof typeof BLOCK_STATUS_VALUE]}\n        </Text>\n      )}\n    </FlexView>\n  );\n};\n\nexport default ChapterBlockAction;\n"],"names":["ADDED","MASTERED","BLOCK_STATUS","ChapterBlockAction","blockStatus","jsx","FlexView","ILLUSTRATIONS","Text","BLOCK_STATUS_VALUE"],"mappings":";;;;;AAQA,MAAM,EAAE,OAAAA,GAAO,UAAAC,EAAa,IAAAC,GAEtBC,IAA8C,CAAC,EAAE,aAAAC,QACjDA,MAAgBJ,IAAc,OAGhC,gBAAAK,EAACC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,UAAU,GAC3D,UAAgBF,MAAAH,IACd,gBAAAI,EAAA,OAAA,EAAI,KAAKE,EAAc,eAAgB,CAAA,IAExC,gBAAAF,EAACG,GAAK,EAAA,WAAU,YAAW,QAAO,YAC/B,UAAAC,EAAmBL,CAA8C,EACpE,CAAA,EAEJ,CAAA;"}
+{"version":3,"file":"chapter-block-action.js","sources":["../../../../../../src/features/chapters/lpar-chapter/block-section/chapter-block/chapter-block-action.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { BLOCK_STATUS_VALUE, BLOCK_STATUS } from '../../constants';\nimport type { IChapterBlockAction } from './chapter-block-types';\n\nconst { ADDED, MASTERED } = BLOCK_STATUS;\n\nconst ChapterBlockAction: FC<IChapterBlockAction> = ({ blockStatus }) => {\n  if (blockStatus === ADDED) return null;\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={4}>\n      {blockStatus === MASTERED ? (\n        <img src={ILLUSTRATIONS.MASTERED_BADGE} />\n      ) : (\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_75\">\n          {BLOCK_STATUS_VALUE[blockStatus as keyof typeof BLOCK_STATUS_VALUE]}\n        </Text>\n      )}\n    </FlexView>\n  );\n};\n\nexport default ChapterBlockAction;\n"],"names":["ADDED","MASTERED","BLOCK_STATUS","ChapterBlockAction","blockStatus","jsx","FlexView","ILLUSTRATIONS","Text","BLOCK_STATUS_VALUE"],"mappings":";;;;;AAQA,MAAM,EAAE,OAAAA,GAAO,UAAAC,EAAa,IAAAC,GAEtBC,IAA8C,CAAC,EAAE,aAAAC,QACjDA,MAAgBJ,IAAc,OAGhC,gBAAAK,EAACC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,UAAU,GAC3D,UAAgBF,MAAAH,IACd,gBAAAI,EAAA,OAAA,EAAI,KAAKE,EAAc,eAAgB,CAAA,IAExC,gBAAAF,EAACG,GAAK,EAAA,WAAU,aAAY,QAAO,YAChC,UAAAC,EAAmBL,CAA8C,EACpE,CAAA,EAEJ,CAAA;"}

package/dist/features/chapters/lpar-chapter/block-section/chapter-block/chapter-block-header.js

@@ -3,17 +3,17 @@ import r from "../../../../ui/layout/flex-view.js";
 import i from "../../../../ui/text/text.js";
 import { OPTIONAL_STATUS as f } from "../../constants/index.js";
 import { StyledDownIcon as h } from "../block-section-styled.js";
-import g from "./chapter-block-action.js";
-import { ChapterBlockHeaderContainer as x, CustomTrophy as u } from "./chapter-block-styled.js";
-const j = ({
-  blockName: c,
-  blockStatus: l,
+import u from "./chapter-block-action.js";
+import { ChapterBlockHeaderContainer as g, CustomTrophy as x } from "./chapter-block-styled.js";
+const P = ({
+  blockName: l,
+  blockStatus: c,
   blockType: $,
   ...a
 }) => {
   const { expandBlock: d, goalIndex: p, HeaderIcon: o, isGoalBlockType: s, optionalStatus: n, userType: m } = a;
   return /* @__PURE__ */ t(
-    x,
+    g,
     {
       $flexDirection: "row",
       $justifyContent: "space-between",
@@ -33,15 +33,15 @@ const j = ({
               $justifyContent: "center",
               $borderColor: "PURPLE_4",
               $borderRadius: 4,
-              children: /* @__PURE__ */ e(i, { $renderAs: "cta1", $color: "PURPLE_4", children: `G${p}` })
+              children: /* @__PURE__ */ e(i, { $renderAs: "ub1-bold", $color: "PURPLE_4", children: `G${p}` })
             }
           ),
           $ !== "GOAL" && o && /* @__PURE__ */ e(r, { $gap: 4, $gutter: 4, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(o, {}) }),
-          /* @__PURE__ */ e(i, { $renderAs: "body1", children: c })
+          /* @__PURE__ */ e(i, { $renderAs: "ub1", children: l })
         ] }),
         /* @__PURE__ */ t(r, { $flexDirection: "row", $alignItems: "center", $flexGap: 8, children: [
-          n && /* @__PURE__ */ e(u, { $active: n === f.COMPLETED }),
-          /* @__PURE__ */ e(g, { userType: m, blockStatus: l }),
+          n && /* @__PURE__ */ e(x, { $active: n === f.COMPLETED }),
+          /* @__PURE__ */ e(u, { userType: m, blockStatus: c }),
           /* @__PURE__ */ e(h, { $expanded: d })
         ] })
       ]
@@ -49,6 +49,6 @@ const j = ({
   );
 };
 export {
-  j as default
+  P as default
 };
 //# sourceMappingURL=chapter-block-header.js.map

package/dist/features/chapters/lpar-chapter/block-section/chapter-block/chapter-block-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-block-header.js","sources":["../../../../../../src/features/chapters/lpar-chapter/block-section/chapter-block/chapter-block-header.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { OPTIONAL_STATUS } from '../../constants';\nimport { StyledDownIcon } from '../block-section-styled';\nimport ChapterBlockAction from './chapter-block-action';\nimport * as Styled from './chapter-block-styled';\nimport type { IChapterBlockHeader } from './chapter-block-types';\n\nconst ChapterBlockHeader: FC<IChapterBlockHeader> = ({\n  blockName,\n  blockStatus,\n  blockType,\n  ...restChapterBlockHeader\n}) => {\n  const { expandBlock, goalIndex, HeaderIcon, isGoalBlockType, optionalStatus, userType } =\n    restChapterBlockHeader;\n\n  return (\n    <Styled.ChapterBlockHeaderContainer\n      $flexDirection=\"row\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n      $gutterX={1}\n      $gapX={1}\n    >\n      <FlexView $flexDirection=\"row\" $flexGap={8} $alignItems=\"center\" $width=\"70%\">\n        {isGoalBlockType && (\n          <FlexView\n            $widthX={2}\n            $heightX={2}\n            $gap={8}\n            $gutter={4}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderColor=\"PURPLE_4\"\n            $borderRadius={4}\n          >\n            <Text $renderAs=\"cta1\" $color=\"PURPLE_4\">\n              {`G${goalIndex}`}\n            </Text>\n          </FlexView>\n        )}\n        {blockType !== 'GOAL' && HeaderIcon && (\n          <FlexView $gap={4} $gutter={4} $justifyContent=\"center\" $alignItems=\"center\">\n            <HeaderIcon />\n          </FlexView>\n        )}\n\n        <Text $renderAs=\"body1\">{blockName}</Text>\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n        {optionalStatus && (\n          <Styled.CustomTrophy $active={optionalStatus === OPTIONAL_STATUS.COMPLETED} />\n        )}\n\n        <ChapterBlockAction userType={userType} blockStatus={blockStatus} />\n        <StyledDownIcon $expanded={expandBlock} />\n      </FlexView>\n    </Styled.ChapterBlockHeaderContainer>\n  );\n};\n\nexport default ChapterBlockHeader;\n"],"names":["ChapterBlockHeader","blockName","blockStatus","blockType","restChapterBlockHeader","expandBlock","goalIndex","HeaderIcon","isGoalBlockType","optionalStatus","userType","jsxs","Styled.ChapterBlockHeaderContainer","FlexView","jsx","Text","Styled.CustomTrophy","OPTIONAL_STATUS","ChapterBlockAction","StyledDownIcon"],"mappings":";;;;;;;AAUA,MAAMA,IAA8C,CAAC;AAAA,EACnD,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,YAAAC,GAAY,iBAAAC,GAAiB,gBAAAC,GAAgB,UAAAC,EAC3E,IAAAN;AAGA,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,MAEP,UAAA;AAAA,QAAC,gBAAAD,EAAAE,GAAA,EAAS,gBAAe,OAAM,UAAU,GAAG,aAAY,UAAS,QAAO,OACrE,UAAA;AAAA,UACCL,KAAA,gBAAAM;AAAA,YAACD;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,MAAM;AAAA,cACN,SAAS;AAAA,cACT,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,cAAa;AAAA,cACb,eAAe;AAAA,cAEf,UAAA,gBAAAC,EAACC,KAAK,WAAU,QAAO,QAAO,YAC3B,UAAA,IAAIT,CAAS,GAChB,CAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEDH,MAAc,UAAUI,KACvB,gBAAAO,EAACD,KAAS,MAAM,GAAG,SAAS,GAAG,iBAAgB,UAAS,aAAY,UAClE,UAAA,gBAAAC,EAACP,IAAW,CAAA,GACd;AAAA,UAGD,gBAAAO,EAAAC,GAAA,EAAK,WAAU,SAAS,UAAUd,GAAA;AAAA,QAAA,GACrC;AAAA,0BAECY,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,UAAU,GAC3D,UAAA;AAAA,UAAAJ,uBACEO,GAAA,EAAoB,SAASP,MAAmBQ,EAAgB,WAAW;AAAA,UAG9E,gBAAAH,EAACI,GAAmB,EAAA,UAAAR,GAAoB,aAAAR,EAA0B,CAAA;AAAA,UAClE,gBAAAY,EAACK,GAAe,EAAA,WAAWd,EAAa,CAAA;AAAA,QAAA,GAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"chapter-block-header.js","sources":["../../../../../../src/features/chapters/lpar-chapter/block-section/chapter-block/chapter-block-header.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { OPTIONAL_STATUS } from '../../constants';\nimport { StyledDownIcon } from '../block-section-styled';\nimport ChapterBlockAction from './chapter-block-action';\nimport * as Styled from './chapter-block-styled';\nimport type { IChapterBlockHeader } from './chapter-block-types';\n\nconst ChapterBlockHeader: FC<IChapterBlockHeader> = ({\n  blockName,\n  blockStatus,\n  blockType,\n  ...restChapterBlockHeader\n}) => {\n  const { expandBlock, goalIndex, HeaderIcon, isGoalBlockType, optionalStatus, userType } =\n    restChapterBlockHeader;\n\n  return (\n    <Styled.ChapterBlockHeaderContainer\n      $flexDirection=\"row\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n      $gutterX={1}\n      $gapX={1}\n    >\n      <FlexView $flexDirection=\"row\" $flexGap={8} $alignItems=\"center\" $width=\"70%\">\n        {isGoalBlockType && (\n          <FlexView\n            $widthX={2}\n            $heightX={2}\n            $gap={8}\n            $gutter={4}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $borderColor=\"PURPLE_4\"\n            $borderRadius={4}\n          >\n            <Text $renderAs=\"ub1-bold\" $color=\"PURPLE_4\">\n              {`G${goalIndex}`}\n            </Text>\n          </FlexView>\n        )}\n        {blockType !== 'GOAL' && HeaderIcon && (\n          <FlexView $gap={4} $gutter={4} $justifyContent=\"center\" $alignItems=\"center\">\n            <HeaderIcon />\n          </FlexView>\n        )}\n\n        <Text $renderAs=\"ub1\">{blockName}</Text>\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n        {optionalStatus && (\n          <Styled.CustomTrophy $active={optionalStatus === OPTIONAL_STATUS.COMPLETED} />\n        )}\n\n        <ChapterBlockAction userType={userType} blockStatus={blockStatus} />\n        <StyledDownIcon $expanded={expandBlock} />\n      </FlexView>\n    </Styled.ChapterBlockHeaderContainer>\n  );\n};\n\nexport default ChapterBlockHeader;\n"],"names":["ChapterBlockHeader","blockName","blockStatus","blockType","restChapterBlockHeader","expandBlock","goalIndex","HeaderIcon","isGoalBlockType","optionalStatus","userType","jsxs","Styled.ChapterBlockHeaderContainer","FlexView","jsx","Text","Styled.CustomTrophy","OPTIONAL_STATUS","ChapterBlockAction","StyledDownIcon"],"mappings":";;;;;;;AAUA,MAAMA,IAA8C,CAAC;AAAA,EACnD,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,YAAAC,GAAY,iBAAAC,GAAiB,gBAAAC,GAAgB,UAAAC,EAC3E,IAAAN;AAGA,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,MAEP,UAAA;AAAA,QAAC,gBAAAD,EAAAE,GAAA,EAAS,gBAAe,OAAM,UAAU,GAAG,aAAY,UAAS,QAAO,OACrE,UAAA;AAAA,UACCL,KAAA,gBAAAM;AAAA,YAACD;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,MAAM;AAAA,cACN,SAAS;AAAA,cACT,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,cAAa;AAAA,cACb,eAAe;AAAA,cAEf,UAAA,gBAAAC,EAACC,KAAK,WAAU,YAAW,QAAO,YAC/B,UAAA,IAAIT,CAAS,GAChB,CAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEDH,MAAc,UAAUI,KACvB,gBAAAO,EAACD,KAAS,MAAM,GAAG,SAAS,GAAG,iBAAgB,UAAS,aAAY,UAClE,UAAA,gBAAAC,EAACP,IAAW,CAAA,GACd;AAAA,UAGD,gBAAAO,EAAAC,GAAA,EAAK,WAAU,OAAO,UAAUd,GAAA;AAAA,QAAA,GACnC;AAAA,0BAECY,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,UAAU,GAC3D,UAAA;AAAA,UAAAJ,uBACEO,GAAA,EAAoB,SAASP,MAAmBQ,EAAgB,WAAW;AAAA,UAG9E,gBAAAH,EAACI,GAAmB,EAAA,UAAAR,GAAoB,aAAAR,EAA0B,CAAA;AAAA,UAClE,gBAAAY,EAACK,GAAe,EAAA,WAAWd,EAAa,CAAA;AAAA,QAAA,GAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/features/chapters/lpar-chapter/block-section/sat-sheet-item/sat-sheet-item.js

@@ -6,7 +6,7 @@ import S from "../../../../ui/text/text.js";
 import { RewardAccuracy as _ } from "../sheet-item/rewards-n-actions/reward-n-actions-styled.js";
 import v from "../sheet-item/sheet-item-icon.js";
 import { SheetItemContainer as O, VerticalLineWrapper as U, TopVerticalLine as j, SheetDetailsWrapper as B } from "../sheet-item/sheet-item-styled.js";
-import { getUserNodeIdsToUnlockSAT as M, getSATSheetStatementStats as G } from "./sat-sheet-item-utils.js";
+import { getUserNodeIdsToUnlockSAT as G, getSATSheetStatementStats as M } from "./sat-sheet-item-utils.js";
 import { getActiveSATSheet as V } from "./sat-sheet-utils.js";
 import L from "./student-actions/student-actions.js";
 import N from "./teacher-actions/teacher-actions.js";
@@ -16,12 +16,12 @@ const ee = ({
   satScore: A,
   ...T
 }) => {
-  const { blockId: o, sheets: s, userType: I, onSATReview: m, onSATUnlock: l, onSATStartOrResume: d } = T, {
+  const { blockId: o, sheets: s, userType: I, onSATReview: l, onSATUnlock: m, onSATStartOrResume: d } = T, {
     user_block_id: r,
     can_review: h,
-    can_start: g,
-    can_resume: x,
-    order: y
+    can_start: b,
+    can_resume: g,
+    order: x
   } = V(s) || {}, { onEvent: p } = D(), a = C(
     () => ({
       user_block_id: r,
@@ -29,19 +29,19 @@ const ee = ({
     }),
     [o, r]
   ), w = !!((n === "COMPLETED" || n === "MASTERED") && h && r), $ = f(() => {
-    if (typeof m != "function")
+    if (typeof l != "function")
       throw new Error("onSATReview must be a function");
     if (!r)
       throw new Error("userBlockId must be a string");
-    p("clicked", a), m(r);
-  }, [a, m, p, r]), E = f(() => {
-    if (typeof l != "function")
+    p("clicked", a), l(r);
+  }, [a, l, p, r]), E = f(() => {
+    if (typeof m != "function")
       throw new Error("onSATUnlock must be a function");
-    const i = M(s);
+    const i = G(s);
     if (i.length === 0)
       throw new Error("User node IDs are missing");
-    l(i);
-  }, [l, s]), b = f(() => {
+    m(i);
+  }, [m, s]), k = f(() => {
     if (typeof d != "function")
       throw new Error("onSATStartOrResume must be a function");
     if (!o)
@@ -69,10 +69,10 @@ const ee = ({
               children: [
                 /* @__PURE__ */ e(v, { chapterPermissionCode: n }),
                 /* @__PURE__ */ t(c, { $justifyContent: "center", $width: "100%", children: [
-                  /* @__PURE__ */ e(S, { $renderAs: "body1Medium", children: "Assessment • Mock test" }),
+                  /* @__PURE__ */ e(S, { $renderAs: "ub1-bold", children: "Assessment • Mock test" }),
                   /* @__PURE__ */ e(c, { children: s.map((i) => {
-                    const { statement: k, color: R } = G(i);
-                    return /* @__PURE__ */ e(S, { $renderAs: "body2", $color: R, children: k }, i.node_id);
+                    const { statement: R, color: y } = M(i);
+                    return /* @__PURE__ */ e(S, { $renderAs: "ub2", $color: y, children: R }, i.node_id);
                   }) })
                 ] })
               ]
@@ -80,7 +80,7 @@ const ee = ({
           )
         ] }),
         /* @__PURE__ */ t(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGap: 8, children: [
-          h && u && /* @__PURE__ */ e(c, { $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ t(_, { $renderAs: "eyebrow2", $align: "center", children: [
+          h && u && /* @__PURE__ */ e(c, { $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ t(_, { $renderAs: "ac4-black", $align: "center", children: [
             A,
             "/",
             u
@@ -91,11 +91,11 @@ const ee = ({
               handleOnReview: $,
               isMenuVisible: w,
               blockStatus: n,
-              canResume: !!x,
-              canStart: !!g,
-              handleOnStartOrResume: b,
+              canResume: !!g,
+              canStart: !!b,
+              handleOnStartOrResume: k,
               analyticsProps: a,
-              questionOrder: y
+              questionOrder: x
             }
           ) : /* @__PURE__ */ e(
             N,

package/dist/features/chapters/lpar-chapter/block-section/sat-sheet-item/sat-sheet-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"sat-sheet-item.js","sources":["../../../../../../src/features/chapters/lpar-chapter/block-section/sat-sheet-item/sat-sheet-item.tsx"],"sourcesContent":["import { useCallback, type FC, useMemo } from 'react';\n\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { RewardAccuracy } from '../sheet-item/rewards-n-actions/reward-n-actions-styled';\nimport SheetItemIcon from '../sheet-item/sheet-item-icon';\nimport {\n  SheetDetailsWrapper,\n  SheetItemContainer,\n  TopVerticalLine,\n  VerticalLineWrapper,\n} from '../sheet-item/sheet-item-styled';\nimport type { ISATSheetItemProps } from './sat-sheet-item-types';\nimport { getSATSheetStatementStats, getUserNodeIdsToUnlockSAT } from './sat-sheet-item-utils';\nimport { getActiveSATSheet } from './sat-sheet-utils';\nimport StudentActions from './student-actions/student-actions';\nimport TeacherActions from './teacher-actions/teacher-actions';\n\nconst SATSheetItem: FC<ISATSheetItemProps> = ({\n  blockStatus,\n  satMaxScore,\n  satScore,\n  ...restSATSheetItemProps\n}) => {\n  const { blockId, sheets, userType, onSATReview, onSATUnlock, onSATStartOrResume } =\n    restSATSheetItemProps;\n  const {\n    user_block_id: userBlockId,\n    can_review: canReview,\n    can_start: canStart,\n    can_resume: canResume,\n    order: questionOrder,\n  } = getActiveSATSheet(sheets) || {};\n\n  const { onEvent: trackEvent } = useUIContext();\n  const analyticsProps = useMemo(\n    () => ({\n      user_block_id: userBlockId,\n      block_id: blockId,\n    }),\n    [blockId, userBlockId],\n  );\n\n  const isMenuVisible = Boolean(\n    (blockStatus === 'COMPLETED' || blockStatus === 'MASTERED') && canReview && userBlockId,\n  );\n\n  const handleOnReview = useCallback(() => {\n    if (typeof onSATReview !== 'function') {\n      throw new Error('onSATReview must be a function');\n    }\n\n    if (!userBlockId) {\n      throw new Error('userBlockId must be a string');\n    }\n\n    trackEvent('clicked', analyticsProps);\n\n    onSATReview(userBlockId);\n  }, [analyticsProps, onSATReview, trackEvent, userBlockId]);\n\n  const handleOnUnlock = useCallback(() => {\n    if (typeof onSATUnlock !== 'function') {\n      throw new Error('onSATUnlock must be a function');\n    }\n\n    const userNodeIds = getUserNodeIdsToUnlockSAT(sheets);\n\n    if (userNodeIds.length === 0) {\n      throw new Error('User node IDs are missing');\n    }\n\n    onSATUnlock(userNodeIds);\n  }, [onSATUnlock, sheets]);\n\n  const handleOnStartOrResume = useCallback(() => {\n    if (typeof onSATStartOrResume !== 'function') {\n      throw new Error('onSATStartOrResume must be a function');\n    }\n\n    if (!blockId) {\n      throw new Error('blockId must be a string');\n    }\n\n    onSATStartOrResume(blockId);\n  }, [onSATStartOrResume, blockId]);\n\n  return (\n    <SheetItemContainer\n      $flexDirection=\"row\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n      $flexGapX={1}\n    >\n      <FlexView $width=\"70%\" $flexGap={8} $flexDirection=\"row\">\n        <VerticalLineWrapper>\n          <TopVerticalLine />\n        </VerticalLineWrapper>\n\n        <SheetDetailsWrapper\n          $width=\"100%\"\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $flexGap={8}\n          $marginBottom={12}\n        >\n          <SheetItemIcon chapterPermissionCode={blockStatus} />\n\n          <FlexView $justifyContent=\"center\" $width=\"100%\">\n            <Text $renderAs=\"body1Medium\">Assessment • Mock test</Text>\n\n            <FlexView>\n              {sheets.map(sheet => {\n                const { statement, color } = getSATSheetStatementStats(sheet);\n\n                return (\n                  <Text $renderAs=\"body2\" key={sheet.node_id} $color={color}>\n                    {statement}\n                  </Text>\n                );\n              })}\n            </FlexView>\n          </FlexView>\n        </SheetDetailsWrapper>\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={8}>\n        {canReview && satMaxScore && (\n          <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n            <RewardAccuracy $renderAs=\"eyebrow2\" $align=\"center\">\n              {satScore}/{satMaxScore}\n            </RewardAccuracy>\n          </FlexView>\n        )}\n\n        {userType === 'STUDENT' ? (\n          <StudentActions\n            handleOnReview={handleOnReview}\n            isMenuVisible={isMenuVisible}\n            blockStatus={blockStatus}\n            canResume={Boolean(canResume)}\n            canStart={Boolean(canStart)}\n            handleOnStartOrResume={handleOnStartOrResume}\n            analyticsProps={analyticsProps}\n            questionOrder={questionOrder}\n          />\n        ) : (\n          <TeacherActions\n            handleOnReview={handleOnReview}\n            handleOnUnlock={handleOnUnlock}\n            isMenuVisible={isMenuVisible}\n            blockStatus={blockStatus}\n            analyticsProps={analyticsProps}\n          />\n        )}\n      </FlexView>\n    </SheetItemContainer>\n  );\n};\n\nexport default SATSheetItem;\n"],"names":["SATSheetItem","blockStatus","satMaxScore","satScore","restSATSheetItemProps","blockId","sheets","userType","onSATReview","onSATUnlock","onSATStartOrResume","userBlockId","canReview","canStart","canResume","questionOrder","getActiveSATSheet","trackEvent","useUIContext","analyticsProps","useMemo","isMenuVisible","handleOnReview","useCallback","handleOnUnlock","userNodeIds","getUserNodeIdsToUnlockSAT","handleOnStartOrResume","jsxs","SheetItemContainer","FlexView","jsx","VerticalLineWrapper","TopVerticalLine","SheetDetailsWrapper","SheetItemIcon","Text","sheet","statement","color","getSATSheetStatementStats","RewardAccuracy","StudentActions","TeacherActions"],"mappings":"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"}
+{"version":3,"file":"sat-sheet-item.js","sources":["../../../../../../src/features/chapters/lpar-chapter/block-section/sat-sheet-item/sat-sheet-item.tsx"],"sourcesContent":["import { useCallback, type FC, useMemo } from 'react';\n\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { RewardAccuracy } from '../sheet-item/rewards-n-actions/reward-n-actions-styled';\nimport SheetItemIcon from '../sheet-item/sheet-item-icon';\nimport {\n  SheetDetailsWrapper,\n  SheetItemContainer,\n  TopVerticalLine,\n  VerticalLineWrapper,\n} from '../sheet-item/sheet-item-styled';\nimport type { ISATSheetItemProps } from './sat-sheet-item-types';\nimport { getSATSheetStatementStats, getUserNodeIdsToUnlockSAT } from './sat-sheet-item-utils';\nimport { getActiveSATSheet } from './sat-sheet-utils';\nimport StudentActions from './student-actions/student-actions';\nimport TeacherActions from './teacher-actions/teacher-actions';\n\nconst SATSheetItem: FC<ISATSheetItemProps> = ({\n  blockStatus,\n  satMaxScore,\n  satScore,\n  ...restSATSheetItemProps\n}) => {\n  const { blockId, sheets, userType, onSATReview, onSATUnlock, onSATStartOrResume } =\n    restSATSheetItemProps;\n  const {\n    user_block_id: userBlockId,\n    can_review: canReview,\n    can_start: canStart,\n    can_resume: canResume,\n    order: questionOrder,\n  } = getActiveSATSheet(sheets) || {};\n\n  const { onEvent: trackEvent } = useUIContext();\n  const analyticsProps = useMemo(\n    () => ({\n      user_block_id: userBlockId,\n      block_id: blockId,\n    }),\n    [blockId, userBlockId],\n  );\n\n  const isMenuVisible = Boolean(\n    (blockStatus === 'COMPLETED' || blockStatus === 'MASTERED') && canReview && userBlockId,\n  );\n\n  const handleOnReview = useCallback(() => {\n    if (typeof onSATReview !== 'function') {\n      throw new Error('onSATReview must be a function');\n    }\n\n    if (!userBlockId) {\n      throw new Error('userBlockId must be a string');\n    }\n\n    trackEvent('clicked', analyticsProps);\n\n    onSATReview(userBlockId);\n  }, [analyticsProps, onSATReview, trackEvent, userBlockId]);\n\n  const handleOnUnlock = useCallback(() => {\n    if (typeof onSATUnlock !== 'function') {\n      throw new Error('onSATUnlock must be a function');\n    }\n\n    const userNodeIds = getUserNodeIdsToUnlockSAT(sheets);\n\n    if (userNodeIds.length === 0) {\n      throw new Error('User node IDs are missing');\n    }\n\n    onSATUnlock(userNodeIds);\n  }, [onSATUnlock, sheets]);\n\n  const handleOnStartOrResume = useCallback(() => {\n    if (typeof onSATStartOrResume !== 'function') {\n      throw new Error('onSATStartOrResume must be a function');\n    }\n\n    if (!blockId) {\n      throw new Error('blockId must be a string');\n    }\n\n    onSATStartOrResume(blockId);\n  }, [onSATStartOrResume, blockId]);\n\n  return (\n    <SheetItemContainer\n      $flexDirection=\"row\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n      $flexGapX={1}\n    >\n      <FlexView $width=\"70%\" $flexGap={8} $flexDirection=\"row\">\n        <VerticalLineWrapper>\n          <TopVerticalLine />\n        </VerticalLineWrapper>\n\n        <SheetDetailsWrapper\n          $width=\"100%\"\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $flexGap={8}\n          $marginBottom={12}\n        >\n          <SheetItemIcon chapterPermissionCode={blockStatus} />\n\n          <FlexView $justifyContent=\"center\" $width=\"100%\">\n            <Text $renderAs=\"ub1-bold\">Assessment • Mock test</Text>\n\n            <FlexView>\n              {sheets.map(sheet => {\n                const { statement, color } = getSATSheetStatementStats(sheet);\n\n                return (\n                  <Text $renderAs=\"ub2\" key={sheet.node_id} $color={color}>\n                    {statement}\n                  </Text>\n                );\n              })}\n            </FlexView>\n          </FlexView>\n        </SheetDetailsWrapper>\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={8}>\n        {canReview && satMaxScore && (\n          <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n            <RewardAccuracy $renderAs=\"ac4-black\" $align=\"center\">\n              {satScore}/{satMaxScore}\n            </RewardAccuracy>\n          </FlexView>\n        )}\n\n        {userType === 'STUDENT' ? (\n          <StudentActions\n            handleOnReview={handleOnReview}\n            isMenuVisible={isMenuVisible}\n            blockStatus={blockStatus}\n            canResume={Boolean(canResume)}\n            canStart={Boolean(canStart)}\n            handleOnStartOrResume={handleOnStartOrResume}\n            analyticsProps={analyticsProps}\n            questionOrder={questionOrder}\n          />\n        ) : (\n          <TeacherActions\n            handleOnReview={handleOnReview}\n            handleOnUnlock={handleOnUnlock}\n            isMenuVisible={isMenuVisible}\n            blockStatus={blockStatus}\n            analyticsProps={analyticsProps}\n          />\n        )}\n      </FlexView>\n    </SheetItemContainer>\n  );\n};\n\nexport default SATSheetItem;\n"],"names":["SATSheetItem","blockStatus","satMaxScore","satScore","restSATSheetItemProps","blockId","sheets","userType","onSATReview","onSATUnlock","onSATStartOrResume","userBlockId","canReview","canStart","canResume","questionOrder","getActiveSATSheet","trackEvent","useUIContext","analyticsProps","useMemo","isMenuVisible","handleOnReview","useCallback","handleOnUnlock","userNodeIds","getUserNodeIdsToUnlockSAT","handleOnStartOrResume","jsxs","SheetItemContainer","FlexView","jsx","VerticalLineWrapper","TopVerticalLine","SheetDetailsWrapper","SheetItemIcon","Text","sheet","statement","color","getSATSheetStatementStats","RewardAccuracy","StudentActions","TeacherActions"],"mappings":"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"}