@cuemath/leap 2.8.62-aa1 → 2.8.62-rj-0

package/dist/features/chapters/lpar-chapter/block-section/sheet-item/rewards-n-actions/student-actions/student-actions.js

@@ -1,42 +1,43 @@
 import { jsxs as u, jsx as e, Fragment as B } from "react/jsx-runtime";
 import { useMemo as f, useCallback as $ } from "react";
-import { getRewardsBadgeUrl as G } from "../../../../../../sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils.js";
-import Z from "../../../../../../ui/context-menu/context-menu.js";
-import { useUIContext as q } from "../../../../../../ui/context/context.js";
-import P from "../../../../../../ui/layout/flex-view.js";
-import { checkIfPPTNodeType as H } from "../../../../utils/index.js";
-import J from "../../context-menu-helper/menu-element.js";
-import K from "../../context-menu-helper/target-element.js";
-import { StyledButton as M, RewardImage as Q, RewardAccuracy as Y } from "../reward-n-actions-styled.js";
-import { getPrimaryCtaLabel as ee } from "./student-actions-utils.js";
-const ue = ({ sheet: n, isLastSheet: N, onStartOrResume: m, onReview: l }) => {
+import { getRewardsBadgeUrl as Z } from "../../../../../../sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils.js";
+import { isV3Worksheet as P } from "../../../../../../sheets/utils/is-v3-worksheet.js";
+import q from "../../../../../../ui/context-menu/context-menu.js";
+import { useUIContext as H } from "../../../../../../ui/context/context.js";
+import M from "../../../../../../ui/layout/flex-view.js";
+import { checkIfPPTNodeType as J } from "../../../../utils/index.js";
+import K from "../../context-menu-helper/menu-element.js";
+import Q from "../../context-menu-helper/target-element.js";
+import { StyledButton as N, RewardImage as Y, RewardAccuracy as ee } from "../reward-n-actions-styled.js";
+import { getPrimaryCtaLabel as te } from "./student-actions-utils.js";
+const we = ({ sheet: t, isLastSheet: O, onStartOrResume: m, onReview: l }) => {
   var A;
-  const { onEvent: w } = q(), {
-    permissions: O,
+  const { onEvent: w } = H(), {
+    permissions: S,
     can_start: o,
     can_resume: c,
     can_review: i,
-    can_reattempt: S,
+    can_reattempt: V,
     accuracy: y,
     can_redo: j,
     rewards: a,
     attempt_state: _,
     is_subjective: F,
-    is_turing: V,
+    is_turing: W,
     completed_on: g,
     node_type: d,
     ceremony_completed_on_ts: R,
-    can_reattempt_block: W,
+    can_reattempt_block: U,
     node_id: b,
-    id: C
-  } = n, { access: v } = O.can_do, t = H(d), r = V || t, h = a && G(a), U = a && ((A = a[0]) == null ? void 0 : A.performance), z = !o && !c && typeof y == "number" && !(F && _ && _ === "WAIT_FOR_REVIEW"), k = W && !g, I = o || c || j || S, L = v && I || !r && k, p = !!(i && g && !R), s = f(
+    id: v
+  } = t, { access: C } = S.can_do, n = J(d), r = W || n, k = a && Z(a), z = a && ((A = a[0]) == null ? void 0 : A.performance), L = !o && !c && typeof y == "number" && !(F && _ && _ === "WAIT_FOR_REVIEW"), I = U && !g, T = o || c || j || V, X = C && T || !r && I, p = !!(i && g && !R), s = f(
     () => ({
-      user_node_id: C,
+      user_node_id: v,
       nodeId: b
     }),
-    [b, C]
-  ), T = f(
-    () => ee({
+    [b, v]
+  ), h = f(
+    () => te({
       canStart: o,
       canResume: c,
       isInstructionNodeType: r,
@@ -47,67 +48,67 @@ const ue = ({ sheet: n, isLastSheet: N, onStartOrResume: m, onReview: l }) => {
   ), x = $(() => {
     if (typeof m != "function")
       throw new Error("onStartOrResume is not a function");
-    m(n);
-  }, [m, n]), E = $(() => {
+    m(t, P(t));
+  }, [m, t]), E = $(() => {
     if (typeof l != "function")
       throw new Error("onReview is not a function");
     w("clicked", {
-      cta: t ? "View" : "Review sheet",
+      cta: n ? "View" : "Review sheet",
       ...s
-    }), l(n);
-  }, [s, t, l, n, w]), X = r ? !!R : i, D = f(
+    }), l(t, P(t, "review"));
+  }, [s, n, l, t, w]), D = r ? !!R : i, G = f(
     () => [
       {
         key: "review-sheet",
-        label: t ? "View" : "Review sheet",
+        label: n ? "View" : "Review sheet",
         visible: !!i,
         onClick: E
       }
     ],
-    [i, E, t]
+    [i, E, n]
   );
-  return t ? null : /* @__PURE__ */ u(P, { $flexDirection: "row", $alignItems: "center", $flexGap: 8, children: [
-    v && r ? /* @__PURE__ */ e(B, { children: (I || p) && /* @__PURE__ */ e(
-      M,
+  return n ? null : /* @__PURE__ */ u(M, { $flexDirection: "row", $alignItems: "center", $flexGap: 8, children: [
+    C && r ? /* @__PURE__ */ e(B, { children: (T || p) && /* @__PURE__ */ e(
+      N,
       {
         renderAs: "primary",
         size: "small",
         widthX: 6,
         onClick: x,
-        label: T,
+        label: h,
         analyticsProps: s
       }
     ) }) : /* @__PURE__ */ u(B, { children: [
-      z && /* @__PURE__ */ u(P, { $justifyContent: "center", $alignItems: "center", children: [
-        h && /* @__PURE__ */ e(Q, { src: h, alt: "Reward" }),
-        /* @__PURE__ */ e(Y, { $renderAs: "eyebrow2", $align: "center", children: U || `${Math.ceil(y)}%` })
+      L && /* @__PURE__ */ u(M, { $justifyContent: "center", $alignItems: "center", children: [
+        k && /* @__PURE__ */ e(Y, { src: k, alt: "Reward" }),
+        /* @__PURE__ */ e(ee, { $renderAs: "eyebrow2", $align: "center", children: z || `${Math.ceil(y)}%` })
       ] }),
-      L && /* @__PURE__ */ e(
-        M,
+      X && /* @__PURE__ */ e(
+        N,
         {
           renderAs: "primary",
           size: "small",
           widthX: 6,
-          label: T,
-          disabled: k,
+          label: h,
+          disabled: I,
           onClick: x,
           analyticsProps: s
         }
       )
     ] }),
-    X && /* @__PURE__ */ e(
-      Z,
+    D && /* @__PURE__ */ e(
+      q,
       {
-        targetElement: /* @__PURE__ */ e(K, {}),
-        menuElement: /* @__PURE__ */ e(J, { options: D }),
+        targetElement: /* @__PURE__ */ e(Q, {}),
+        menuElement: /* @__PURE__ */ e(K, { options: G }),
         menuOffset: 5,
         menuZIndex: 1,
-        placeTop: N
+        placeTop: O
       }
     )
   ] });
 };
 export {
-  ue as default
+  we as default
 };
 //# sourceMappingURL=student-actions.js.map

package/dist/features/chapters/lpar-chapter/block-section/sheet-item/rewards-n-actions/student-actions/student-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-actions.js","sources":["../../../../../../../../src/features/chapters/lpar-chapter/block-section/sheet-item/rewards-n-actions/student-actions/student-actions.tsx"],"sourcesContent":["import type { ILPARSheetCallbacks, TLPARSheetData } from '../../sheet-item-type';\n\nimport { useCallback, type FC, useMemo } from 'react';\n\nimport { getRewardsBadgeUrl } from '../../../../../../sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils';\nimport ContextMenu from '../../../../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../../../../ui/context/context';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport { checkIfPPTNodeType } from '../../../../utils';\nimport ContextMenuElement from '../../context-menu-helper/menu-element';\nimport ContextMenuTargetElement from '../../context-menu-helper/target-element';\nimport { RewardAccuracy, RewardImage, StyledButton } from '../reward-n-actions-styled';\nimport { getPrimaryCtaLabel } from './student-actions-utils';\n\ninterface IStudentActions extends ILPARSheetCallbacks {\n  sheet: TLPARSheetData;\n  isLastSheet: boolean;\n  isClassOngoing: boolean;\n}\n\nconst StudentActions: FC<IStudentActions> = ({ sheet, isLastSheet, onStartOrResume, onReview }) => {\n  const { onEvent: trackEvent } = useUIContext();\n\n  const {\n    permissions,\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_reattempt: canReattempt,\n    accuracy,\n    can_redo: canRedo,\n    rewards,\n    attempt_state: attemptState,\n    is_subjective: isSubjective,\n    is_turing: isTuring,\n    completed_on: completedOn,\n    node_type: nodeType,\n    ceremony_completed_on_ts: ceremonyCompletedOnTS,\n    can_reattempt_block: canReattemptBlock,\n    node_id: nodeId,\n    id: userNodeId,\n  } = sheet;\n  const { access } = permissions.can_do;\n  const isPPTNodeType = checkIfPPTNodeType(nodeType);\n  const isInstructionNodeType = isTuring || isPPTNodeType;\n  const rewardsBadgeUrl = rewards && getRewardsBadgeUrl(rewards);\n\n  const performance = rewards && rewards[0]?.performance;\n  const isWaitingForReview = isSubjective && attemptState && attemptState === 'WAIT_FOR_REVIEW';\n  const renderAccuracy =\n    !canStart && !canResume && typeof accuracy === 'number' && !isWaitingForReview;\n  const reattemptBlocked = canReattemptBlock && !completedOn;\n  const canStartOrResume = canStart || canResume || canRedo || canReattempt;\n  const renderAccuracyNPrimaryCta =\n    (access && canStartOrResume) || (!isInstructionNodeType && reattemptBlocked);\n  const reviewInstructionNodeType = Boolean(canReview && completedOn && !ceremonyCompletedOnTS);\n\n  const analyticsProps = useMemo(\n    () => ({\n      user_node_id: userNodeId,\n      nodeId: nodeId,\n    }),\n    [nodeId, userNodeId],\n  );\n\n  const primaryCtaLabel = useMemo(\n    () =>\n      getPrimaryCtaLabel({\n        canStart,\n        canResume,\n        isInstructionNodeType,\n        reviewInstructionNodeType,\n        nodeType,\n      }),\n    [canResume, canStart, isInstructionNodeType, nodeType, reviewInstructionNodeType],\n  );\n\n  const handleOnActionClick = useCallback(() => {\n    if (typeof onStartOrResume !== 'function') {\n      throw new Error(`onStartOrResume is not a function`);\n    }\n\n    onStartOrResume(sheet);\n  }, [onStartOrResume, sheet]);\n\n  const handleOnReview = useCallback(() => {\n    if (typeof onReview !== 'function') {\n      throw new Error(`onReview is not a function`);\n    }\n\n    trackEvent('clicked', {\n      cta: isPPTNodeType ? 'View' : 'Review sheet',\n      ...analyticsProps,\n    });\n\n    onReview(sheet);\n  }, [analyticsProps, isPPTNodeType, onReview, sheet, trackEvent]);\n\n  const isMenuVisible = isInstructionNodeType ? Boolean(ceremonyCompletedOnTS) : canReview;\n  const options = useMemo(\n    () => [\n      {\n        key: 'review-sheet',\n        label: isPPTNodeType ? 'View' : 'Review sheet',\n        visible: Boolean(canReview),\n        onClick: handleOnReview,\n      },\n    ],\n    [canReview, handleOnReview, isPPTNodeType],\n  );\n\n  if (isPPTNodeType) return null;\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n      {access && isInstructionNodeType ? (\n        <>\n          {(canStartOrResume || reviewInstructionNodeType) && (\n            <StyledButton\n              renderAs=\"primary\"\n              size=\"small\"\n              widthX={6}\n              onClick={handleOnActionClick}\n              label={primaryCtaLabel}\n              analyticsProps={analyticsProps}\n            />\n          )}\n        </>\n      ) : (\n        <>\n          {renderAccuracy && (\n            <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n              {rewardsBadgeUrl && <RewardImage src={rewardsBadgeUrl} alt=\"Reward\" />}\n              <RewardAccuracy $renderAs=\"eyebrow2\" $align=\"center\">\n                {performance || `${Math.ceil(accuracy)}%`}\n              </RewardAccuracy>\n            </FlexView>\n          )}\n\n          {renderAccuracyNPrimaryCta && (\n            <StyledButton\n              renderAs=\"primary\"\n              size=\"small\"\n              widthX={6}\n              label={primaryCtaLabel}\n              disabled={reattemptBlocked}\n              onClick={handleOnActionClick}\n              analyticsProps={analyticsProps}\n            />\n          )}\n        </>\n      )}\n\n      {isMenuVisible && (\n        <ContextMenu\n          targetElement={<ContextMenuTargetElement />}\n          menuElement={<ContextMenuElement options={options} />}\n          menuOffset={5}\n          menuZIndex={1}\n          placeTop={isLastSheet}\n        />\n      )}\n    </FlexView>\n  );\n};\n\nexport default StudentActions;\n"],"names":["StudentActions","sheet","isLastSheet","onStartOrResume","onReview","trackEvent","useUIContext","permissions","canStart","canResume","canReview","canReattempt","accuracy","canRedo","rewards","attemptState","isSubjective","isTuring","completedOn","nodeType","ceremonyCompletedOnTS","canReattemptBlock","nodeId","userNodeId","access","isPPTNodeType","checkIfPPTNodeType","isInstructionNodeType","rewardsBadgeUrl","getRewardsBadgeUrl","performance","_a","renderAccuracy","reattemptBlocked","canStartOrResume","renderAccuracyNPrimaryCta","reviewInstructionNodeType","analyticsProps","useMemo","primaryCtaLabel","getPrimaryCtaLabel","handleOnActionClick","useCallback","handleOnReview","isMenuVisible","options","FlexView","jsx","Fragment","StyledButton","jsxs","RewardImage","RewardAccuracy","ContextMenu","ContextMenuTargetElement","ContextMenuElement"],"mappings":"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"}
+{"version":3,"file":"student-actions.js","sources":["../../../../../../../../src/features/chapters/lpar-chapter/block-section/sheet-item/rewards-n-actions/student-actions/student-actions.tsx"],"sourcesContent":["import type { ILPARSheetCallbacks, TLPARSheetData } from '../../sheet-item-type';\n\nimport { useCallback, type FC, useMemo } from 'react';\n\nimport { getRewardsBadgeUrl } from '../../../../../../sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils';\nimport { isV3Worksheet } from '../../../../../../sheets/utils/is-v3-worksheet';\nimport ContextMenu from '../../../../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../../../../ui/context/context';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport { checkIfPPTNodeType } from '../../../../utils';\nimport ContextMenuElement from '../../context-menu-helper/menu-element';\nimport ContextMenuTargetElement from '../../context-menu-helper/target-element';\nimport { RewardAccuracy, RewardImage, StyledButton } from '../reward-n-actions-styled';\nimport { getPrimaryCtaLabel } from './student-actions-utils';\n\ninterface IStudentActions extends ILPARSheetCallbacks {\n  sheet: TLPARSheetData;\n  isLastSheet: boolean;\n  isClassOngoing: boolean;\n}\n\nconst StudentActions: FC<IStudentActions> = ({ sheet, isLastSheet, onStartOrResume, onReview }) => {\n  const { onEvent: trackEvent } = useUIContext();\n\n  const {\n    permissions,\n    can_start: canStart,\n    can_resume: canResume,\n    can_review: canReview,\n    can_reattempt: canReattempt,\n    accuracy,\n    can_redo: canRedo,\n    rewards,\n    attempt_state: attemptState,\n    is_subjective: isSubjective,\n    is_turing: isTuring,\n    completed_on: completedOn,\n    node_type: nodeType,\n    ceremony_completed_on_ts: ceremonyCompletedOnTS,\n    can_reattempt_block: canReattemptBlock,\n    node_id: nodeId,\n    id: userNodeId,\n  } = sheet;\n  const { access } = permissions.can_do;\n  const isPPTNodeType = checkIfPPTNodeType(nodeType);\n  const isInstructionNodeType = isTuring || isPPTNodeType;\n  const rewardsBadgeUrl = rewards && getRewardsBadgeUrl(rewards);\n\n  const performance = rewards && rewards[0]?.performance;\n  const isWaitingForReview = isSubjective && attemptState && attemptState === 'WAIT_FOR_REVIEW';\n  const renderAccuracy =\n    !canStart && !canResume && typeof accuracy === 'number' && !isWaitingForReview;\n  const reattemptBlocked = canReattemptBlock && !completedOn;\n  const canStartOrResume = canStart || canResume || canRedo || canReattempt;\n  const renderAccuracyNPrimaryCta =\n    (access && canStartOrResume) || (!isInstructionNodeType && reattemptBlocked);\n  const reviewInstructionNodeType = Boolean(canReview && completedOn && !ceremonyCompletedOnTS);\n\n  const analyticsProps = useMemo(\n    () => ({\n      user_node_id: userNodeId,\n      nodeId: nodeId,\n    }),\n    [nodeId, userNodeId],\n  );\n\n  const primaryCtaLabel = useMemo(\n    () =>\n      getPrimaryCtaLabel({\n        canStart,\n        canResume,\n        isInstructionNodeType,\n        reviewInstructionNodeType,\n        nodeType,\n      }),\n    [canResume, canStart, isInstructionNodeType, nodeType, reviewInstructionNodeType],\n  );\n\n  const handleOnActionClick = useCallback(() => {\n    if (typeof onStartOrResume !== 'function') {\n      throw new Error(`onStartOrResume is not a function`);\n    }\n\n    onStartOrResume(sheet, isV3Worksheet(sheet));\n  }, [onStartOrResume, sheet]);\n\n  const handleOnReview = useCallback(() => {\n    if (typeof onReview !== 'function') {\n      throw new Error(`onReview is not a function`);\n    }\n\n    trackEvent('clicked', {\n      cta: isPPTNodeType ? 'View' : 'Review sheet',\n      ...analyticsProps,\n    });\n\n    onReview(sheet, isV3Worksheet(sheet, 'review'));\n  }, [analyticsProps, isPPTNodeType, onReview, sheet, trackEvent]);\n\n  const isMenuVisible = isInstructionNodeType ? Boolean(ceremonyCompletedOnTS) : canReview;\n  const options = useMemo(\n    () => [\n      {\n        key: 'review-sheet',\n        label: isPPTNodeType ? 'View' : 'Review sheet',\n        visible: Boolean(canReview),\n        onClick: handleOnReview,\n      },\n    ],\n    [canReview, handleOnReview, isPPTNodeType],\n  );\n\n  if (isPPTNodeType) return null;\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n      {access && isInstructionNodeType ? (\n        <>\n          {(canStartOrResume || reviewInstructionNodeType) && (\n            <StyledButton\n              renderAs=\"primary\"\n              size=\"small\"\n              widthX={6}\n              onClick={handleOnActionClick}\n              label={primaryCtaLabel}\n              analyticsProps={analyticsProps}\n            />\n          )}\n        </>\n      ) : (\n        <>\n          {renderAccuracy && (\n            <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n              {rewardsBadgeUrl && <RewardImage src={rewardsBadgeUrl} alt=\"Reward\" />}\n              <RewardAccuracy $renderAs=\"eyebrow2\" $align=\"center\">\n                {performance || `${Math.ceil(accuracy)}%`}\n              </RewardAccuracy>\n            </FlexView>\n          )}\n\n          {renderAccuracyNPrimaryCta && (\n            <StyledButton\n              renderAs=\"primary\"\n              size=\"small\"\n              widthX={6}\n              label={primaryCtaLabel}\n              disabled={reattemptBlocked}\n              onClick={handleOnActionClick}\n              analyticsProps={analyticsProps}\n            />\n          )}\n        </>\n      )}\n\n      {isMenuVisible && (\n        <ContextMenu\n          targetElement={<ContextMenuTargetElement />}\n          menuElement={<ContextMenuElement options={options} />}\n          menuOffset={5}\n          menuZIndex={1}\n          placeTop={isLastSheet}\n        />\n      )}\n    </FlexView>\n  );\n};\n\nexport default StudentActions;\n"],"names":["StudentActions","sheet","isLastSheet","onStartOrResume","onReview","trackEvent","useUIContext","permissions","canStart","canResume","canReview","canReattempt","accuracy","canRedo","rewards","attemptState","isSubjective","isTuring","completedOn","nodeType","ceremonyCompletedOnTS","canReattemptBlock","nodeId","userNodeId","access","isPPTNodeType","checkIfPPTNodeType","isInstructionNodeType","rewardsBadgeUrl","getRewardsBadgeUrl","performance","_a","renderAccuracy","reattemptBlocked","canStartOrResume","renderAccuracyNPrimaryCta","reviewInstructionNodeType","analyticsProps","useMemo","primaryCtaLabel","getPrimaryCtaLabel","handleOnActionClick","useCallback","isV3Worksheet","handleOnReview","isMenuVisible","options","FlexView","jsx","Fragment","StyledButton","jsxs","RewardImage","RewardAccuracy","ContextMenu","ContextMenuTargetElement","ContextMenuElement"],"mappings":"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"}

package/dist/features/chapters/lpar-chapter/block-section/sheet-item/rewards-n-actions/teacher-actions/teacher-actions.js

@@ -1,23 +1,24 @@
 import { jsx as e, jsxs as x } from "react/jsx-runtime";
 import { useMemo as E, useCallback as T } from "react";
-import { NODE_TYPE as V } from "../../../../../../sheets/constants/sheet.js";
+import { NODE_TYPE as D } from "../../../../../../sheets/constants/sheet.js";
 import { getRewardsBadgeUrl as G } from "../../../../../../sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils.js";
+import { isV3Worksheet as H } from "../../../../../../sheets/utils/is-v3-worksheet.js";
 import R from "../../../../../../ui/buttons/button/button.js";
-import H from "../../../../../../ui/context-menu/context-menu.js";
-import { useUIContext as j } from "../../../../../../ui/context/context.js";
+import j from "../../../../../../ui/context-menu/context-menu.js";
+import { useUIContext as z } from "../../../../../../ui/context/context.js";
 import u from "../../../../../../ui/layout/flex-view.js";
-import { checkIfIsHiddenUnlocked as z, checkIfPPTNodeType as L } from "../../../../utils/index.js";
+import { checkIfIsHiddenUnlocked as L, checkIfPPTNodeType as W } from "../../../../utils/index.js";
 import F from "../../context-menu-helper/menu-element.js";
-import W from "../../context-menu-helper/target-element.js";
-import { StyledEyeIcon as $, RewardImage as Y, RewardAccuracy as Z } from "../reward-n-actions-styled.js";
-const le = ({
+import Y from "../../context-menu-helper/target-element.js";
+import { StyledEyeIcon as $, RewardImage as Z, RewardAccuracy as q } from "../reward-n-actions-styled.js";
+const se = ({
   isLastSheet: M,
   isClassOngoing: N,
-  sheet: n,
+  sheet: t,
   ...v
 }) => {
   var h;
-  const { onView: s, onMenuActionAttempt: m } = v, { onEvent: r } = j(), {
+  const { onView: s, onMenuActionAttempt: m } = v, { onEvent: r } = z(), {
     accuracy: f,
     can_teacher_review: k,
     id: d,
@@ -28,7 +29,7 @@ const le = ({
     completed_on: y,
     can_reattempt_block: _,
     node_id: g
-  } = n, { code: p } = P.can_do, I = i === V.HIDDEN_BASIC, S = c && ((h = c[0]) == null ? void 0 : h.performance), A = c && G(c), C = L(i), B = k && typeof f == "number" && !C, U = d && !I, b = C && N && p === "IN_PROGRESS", O = !!(p && z(p)), t = E(
+  } = t, { code: p } = P.can_do, I = i === D.HIDDEN_BASIC, S = c && ((h = c[0]) == null ? void 0 : h.performance), A = c && G(c), C = W(i), B = k && typeof f == "number" && !C, U = d && !I, b = C && N && p === "IN_PROGRESS", O = !!(p && L(p)), n = E(
     () => ({
       node_id: g,
       user_node_id: d
@@ -38,13 +39,13 @@ const le = ({
     (o) => {
       if (r("clicked", {
         cta: o,
-        ...t
+        ...n
       }), typeof m != "function")
         throw new Error("onMenuActionAttempt must be a function");
-      m(o, n);
+      m(o, t);
     },
-    [t, m, n, r]
-  ), D = E(
+    [n, m, t, r]
+  ), V = E(
     () => [
       {
         key: "change-location",
@@ -68,11 +69,11 @@ const le = ({
     [_, y, w, i, l]
   ), a = T(
     (o) => {
-      if (o && r(o, t), typeof s != "function")
+      if (o && r(o, n), typeof s != "function")
         throw new Error("onView must be a function");
-      s(n);
+      s(t, H(t));
     },
-    [t, s, n, r]
+    [n, s, t, r]
   );
   return I ? /* @__PURE__ */ e(u, { $flexGap: 8, $flexDirection: "row", $alignItems: "center", children: O ? /* @__PURE__ */ e($, { onClick: () => a("clicked") }) : /* @__PURE__ */ e(
     R,
@@ -81,12 +82,12 @@ const le = ({
       size: "small",
       label: "Start",
       onClick: a,
-      analyticsProps: t
+      analyticsProps: n
     }
   ) }) : /* @__PURE__ */ x(u, { $flexGap: 8, $flexDirection: "row", $alignItems: "center", children: [
     B && /* @__PURE__ */ x(u, { $justifyContent: "center", $alignItems: "center", children: [
-      A && /* @__PURE__ */ e(Y, { src: A, alt: "Reward" }),
-      /* @__PURE__ */ e(Z, { $renderAs: "eyebrow2", $align: "center", children: S || `${Math.ceil(f)}%` })
+      A && /* @__PURE__ */ e(Z, { src: A, alt: "Reward" }),
+      /* @__PURE__ */ e(q, { $renderAs: "eyebrow2", $align: "center", children: S || `${Math.ceil(f)}%` })
     ] }),
     k && b && /* @__PURE__ */ e(
       R,
@@ -95,15 +96,15 @@ const le = ({
         size: "small",
         label: "Resume",
         onClick: a,
-        analyticsProps: t
+        analyticsProps: n
       }
     ),
     !b && /* @__PURE__ */ e($, { onClick: () => a("clicked") }),
     U && /* @__PURE__ */ e(
-      H,
+      j,
       {
-        targetElement: /* @__PURE__ */ e(W, {}),
-        menuElement: /* @__PURE__ */ e(F, { options: D }),
+        targetElement: /* @__PURE__ */ e(Y, {}),
+        menuElement: /* @__PURE__ */ e(F, { options: V }),
         menuOffset: 5,
         menuZIndex: 1,
         placeTop: M
@@ -112,6 +113,6 @@ const le = ({
   ] });
 };
 export {
-  le as default
+  se as default
 };
 //# sourceMappingURL=teacher-actions.js.map

package/dist/features/chapters/lpar-chapter/block-section/sheet-item/rewards-n-actions/teacher-actions/teacher-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-actions.js","sources":["../../../../../../../../src/features/chapters/lpar-chapter/block-section/sheet-item/rewards-n-actions/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { ILPARSheetCallbacks, TLPARSheetData } from '../../sheet-item-type';\n\nimport { useCallback, type FC, useMemo } from 'react';\n\nimport { NODE_TYPE } from '../../../../../../sheets/constants/sheet';\nimport { getRewardsBadgeUrl } from '../../../../../../sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils';\nimport Button from '../../../../../../ui/buttons/button/button';\nimport ContextMenu from '../../../../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../../../../ui/context/context';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport { checkIfIsHiddenUnlocked, checkIfPPTNodeType } from '../../../../utils';\nimport ContextMenuElement from '../../context-menu-helper/menu-element';\nimport ContextMenuTargetElement from '../../context-menu-helper/target-element';\nimport { RewardAccuracy, RewardImage, StyledEyeIcon } from '../reward-n-actions-styled';\n\nexport interface ITeacherActions extends ILPARSheetCallbacks {\n  sheet: TLPARSheetData;\n  isClassOngoing: boolean;\n  isLastSheet: boolean;\n}\n\nconst TeacherActions: FC<ITeacherActions> = ({\n  isLastSheet,\n  isClassOngoing,\n  sheet,\n  ...restTeacherActionsProps\n}) => {\n  const { onView, onMenuActionAttempt } = restTeacherActionsProps;\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const {\n    accuracy,\n    can_teacher_review: canTeacherReview,\n    id: userNodeId,\n    node_type: nodeType,\n    permissions,\n    rewards,\n    is_turing: isTuring,\n    completed_on: completedOn,\n    can_reattempt_block: canReattemptBlock,\n    node_id: nodeId,\n  } = sheet;\n  const { code } = permissions.can_do;\n  const isHiddenNode = nodeType === NODE_TYPE.HIDDEN_BASIC;\n  const performance = rewards && rewards[0]?.performance;\n  const rewardsBadgeUrl = rewards && getRewardsBadgeUrl(rewards);\n  const isPPTNodeType = checkIfPPTNodeType(nodeType);\n  const renderAccuracy = canTeacherReview && typeof accuracy === 'number' && !isPPTNodeType;\n  const isMenuVisible = userNodeId && !isHiddenNode;\n  const pptNodeTypeSheetInProgress = isPPTNodeType && isClassOngoing && code === 'IN_PROGRESS';\n  const isHiddenUnlocked = Boolean(code && checkIfIsHiddenUnlocked(code));\n\n  const analyticsProps = useMemo(\n    () => ({\n      node_id: nodeId,\n      user_node_id: userNodeId,\n    }),\n    [nodeId, userNodeId],\n  );\n\n  const handleOnMenuActionAttempt = useCallback(\n    (action: string) => {\n      trackEvent('clicked', {\n        cta: action,\n        ...analyticsProps,\n      });\n\n      if (typeof onMenuActionAttempt !== 'function') {\n        throw new Error('onMenuActionAttempt must be a function');\n      }\n\n      onMenuActionAttempt(action, sheet);\n    },\n    [analyticsProps, onMenuActionAttempt, sheet, trackEvent],\n  );\n\n  const options = useMemo(\n    () => [\n      {\n        key: 'change-location',\n        label: 'Change Location',\n        visible: true,\n        onClick: () => handleOnMenuActionAttempt('change_attempt_location'),\n      },\n      {\n        key: 'turing-option',\n        label: completedOn && nodeType !== 'TURING_BASIC' ? 'Student Work Url' : 'Activity Link',\n        visible: isTuring,\n        onClick: () => handleOnMenuActionAttempt('turing_attempt'),\n      },\n      {\n        key: 'allow-reattempt',\n        label: 'Allow Reattempt',\n        visible: canReattemptBlock,\n        onClick: () => handleOnMenuActionAttempt('allow_reattempt'),\n      },\n    ],\n    [canReattemptBlock, completedOn, isTuring, nodeType, handleOnMenuActionAttempt],\n  );\n\n  const handleOnView = useCallback(\n    (action?: string) => {\n      if (action) {\n        trackEvent(action, analyticsProps);\n      }\n\n      if (typeof onView !== 'function') {\n        throw new Error('onView must be a function');\n      }\n\n      onView(sheet);\n    },\n    [analyticsProps, onView, sheet, trackEvent],\n  );\n\n  if (isHiddenNode) {\n    return (\n      <FlexView $flexGap={8} $flexDirection=\"row\" $alignItems=\"center\">\n        {isHiddenUnlocked ? (\n          <StyledEyeIcon onClick={() => handleOnView('clicked')} />\n        ) : (\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            label=\"Start\"\n            onClick={handleOnView}\n            analyticsProps={analyticsProps}\n          />\n        )}\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView $flexGap={8} $flexDirection=\"row\" $alignItems=\"center\">\n      {renderAccuracy && (\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n          {rewardsBadgeUrl && <RewardImage src={rewardsBadgeUrl} alt=\"Reward\" />}\n          <RewardAccuracy $renderAs=\"eyebrow2\" $align=\"center\">\n            {performance || `${Math.ceil(accuracy)}%`}\n          </RewardAccuracy>\n        </FlexView>\n      )}\n\n      {canTeacherReview && pptNodeTypeSheetInProgress && (\n        <Button\n          renderAs=\"primary\"\n          size=\"small\"\n          label=\"Resume\"\n          onClick={handleOnView}\n          analyticsProps={analyticsProps}\n        />\n      )}\n\n      {!pptNodeTypeSheetInProgress && <StyledEyeIcon onClick={() => handleOnView('clicked')} />}\n\n      {isMenuVisible && (\n        <ContextMenu\n          targetElement={<ContextMenuTargetElement />}\n          menuElement={<ContextMenuElement options={options} />}\n          menuOffset={5}\n          menuZIndex={1}\n          placeTop={isLastSheet}\n        />\n      )}\n    </FlexView>\n  );\n};\n\nexport default TeacherActions;\n"],"names":["TeacherActions","isLastSheet","isClassOngoing","sheet","restTeacherActionsProps","onView","onMenuActionAttempt","trackEvent","useUIContext","accuracy","canTeacherReview","userNodeId","nodeType","permissions","rewards","isTuring","completedOn","canReattemptBlock","nodeId","code","isHiddenNode","NODE_TYPE","performance","_a","rewardsBadgeUrl","getRewardsBadgeUrl","isPPTNodeType","checkIfPPTNodeType","renderAccuracy","isMenuVisible","pptNodeTypeSheetInProgress","isHiddenUnlocked","checkIfIsHiddenUnlocked","analyticsProps","useMemo","handleOnMenuActionAttempt","useCallback","action","options","handleOnView","FlexView","jsx","StyledEyeIcon","Button","jsxs","RewardImage","RewardAccuracy","ContextMenu","ContextMenuTargetElement","ContextMenuElement"],"mappings":"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"}
+{"version":3,"file":"teacher-actions.js","sources":["../../../../../../../../src/features/chapters/lpar-chapter/block-section/sheet-item/rewards-n-actions/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { ILPARSheetCallbacks, TLPARSheetData } from '../../sheet-item-type';\n\nimport { useCallback, type FC, useMemo } from 'react';\n\nimport { NODE_TYPE } from '../../../../../../sheets/constants/sheet';\nimport { getRewardsBadgeUrl } from '../../../../../../sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils';\nimport { isV3Worksheet } from '../../../../../../sheets/utils/is-v3-worksheet';\nimport Button from '../../../../../../ui/buttons/button/button';\nimport ContextMenu from '../../../../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../../../../ui/context/context';\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport { checkIfIsHiddenUnlocked, checkIfPPTNodeType } from '../../../../utils';\nimport ContextMenuElement from '../../context-menu-helper/menu-element';\nimport ContextMenuTargetElement from '../../context-menu-helper/target-element';\nimport { RewardAccuracy, RewardImage, StyledEyeIcon } from '../reward-n-actions-styled';\n\nexport interface ITeacherActions extends ILPARSheetCallbacks {\n  sheet: TLPARSheetData;\n  isClassOngoing: boolean;\n  isLastSheet: boolean;\n}\n\nconst TeacherActions: FC<ITeacherActions> = ({\n  isLastSheet,\n  isClassOngoing,\n  sheet,\n  ...restTeacherActionsProps\n}) => {\n  const { onView, onMenuActionAttempt } = restTeacherActionsProps;\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const {\n    accuracy,\n    can_teacher_review: canTeacherReview,\n    id: userNodeId,\n    node_type: nodeType,\n    permissions,\n    rewards,\n    is_turing: isTuring,\n    completed_on: completedOn,\n    can_reattempt_block: canReattemptBlock,\n    node_id: nodeId,\n  } = sheet;\n  const { code } = permissions.can_do;\n  const isHiddenNode = nodeType === NODE_TYPE.HIDDEN_BASIC;\n  const performance = rewards && rewards[0]?.performance;\n  const rewardsBadgeUrl = rewards && getRewardsBadgeUrl(rewards);\n  const isPPTNodeType = checkIfPPTNodeType(nodeType);\n  const renderAccuracy = canTeacherReview && typeof accuracy === 'number' && !isPPTNodeType;\n  const isMenuVisible = userNodeId && !isHiddenNode;\n  const pptNodeTypeSheetInProgress = isPPTNodeType && isClassOngoing && code === 'IN_PROGRESS';\n  const isHiddenUnlocked = Boolean(code && checkIfIsHiddenUnlocked(code));\n\n  const analyticsProps = useMemo(\n    () => ({\n      node_id: nodeId,\n      user_node_id: userNodeId,\n    }),\n    [nodeId, userNodeId],\n  );\n\n  const handleOnMenuActionAttempt = useCallback(\n    (action: string) => {\n      trackEvent('clicked', {\n        cta: action,\n        ...analyticsProps,\n      });\n\n      if (typeof onMenuActionAttempt !== 'function') {\n        throw new Error('onMenuActionAttempt must be a function');\n      }\n\n      onMenuActionAttempt(action, sheet);\n    },\n    [analyticsProps, onMenuActionAttempt, sheet, trackEvent],\n  );\n\n  const options = useMemo(\n    () => [\n      {\n        key: 'change-location',\n        label: 'Change Location',\n        visible: true,\n        onClick: () => handleOnMenuActionAttempt('change_attempt_location'),\n      },\n      {\n        key: 'turing-option',\n        label: completedOn && nodeType !== 'TURING_BASIC' ? 'Student Work Url' : 'Activity Link',\n        visible: isTuring,\n        onClick: () => handleOnMenuActionAttempt('turing_attempt'),\n      },\n      {\n        key: 'allow-reattempt',\n        label: 'Allow Reattempt',\n        visible: canReattemptBlock,\n        onClick: () => handleOnMenuActionAttempt('allow_reattempt'),\n      },\n    ],\n    [canReattemptBlock, completedOn, isTuring, nodeType, handleOnMenuActionAttempt],\n  );\n\n  const handleOnView = useCallback(\n    (action?: string) => {\n      if (action) {\n        trackEvent(action, analyticsProps);\n      }\n\n      if (typeof onView !== 'function') {\n        throw new Error('onView must be a function');\n      }\n\n      onView(sheet, isV3Worksheet(sheet));\n    },\n    [analyticsProps, onView, sheet, trackEvent],\n  );\n\n  if (isHiddenNode) {\n    return (\n      <FlexView $flexGap={8} $flexDirection=\"row\" $alignItems=\"center\">\n        {isHiddenUnlocked ? (\n          <StyledEyeIcon onClick={() => handleOnView('clicked')} />\n        ) : (\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            label=\"Start\"\n            onClick={handleOnView}\n            analyticsProps={analyticsProps}\n          />\n        )}\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView $flexGap={8} $flexDirection=\"row\" $alignItems=\"center\">\n      {renderAccuracy && (\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n          {rewardsBadgeUrl && <RewardImage src={rewardsBadgeUrl} alt=\"Reward\" />}\n          <RewardAccuracy $renderAs=\"eyebrow2\" $align=\"center\">\n            {performance || `${Math.ceil(accuracy)}%`}\n          </RewardAccuracy>\n        </FlexView>\n      )}\n\n      {canTeacherReview && pptNodeTypeSheetInProgress && (\n        <Button\n          renderAs=\"primary\"\n          size=\"small\"\n          label=\"Resume\"\n          onClick={handleOnView}\n          analyticsProps={analyticsProps}\n        />\n      )}\n\n      {!pptNodeTypeSheetInProgress && <StyledEyeIcon onClick={() => handleOnView('clicked')} />}\n\n      {isMenuVisible && (\n        <ContextMenu\n          targetElement={<ContextMenuTargetElement />}\n          menuElement={<ContextMenuElement options={options} />}\n          menuOffset={5}\n          menuZIndex={1}\n          placeTop={isLastSheet}\n        />\n      )}\n    </FlexView>\n  );\n};\n\nexport default TeacherActions;\n"],"names":["TeacherActions","isLastSheet","isClassOngoing","sheet","restTeacherActionsProps","onView","onMenuActionAttempt","trackEvent","useUIContext","accuracy","canTeacherReview","userNodeId","nodeType","permissions","rewards","isTuring","completedOn","canReattemptBlock","nodeId","code","isHiddenNode","NODE_TYPE","performance","_a","rewardsBadgeUrl","getRewardsBadgeUrl","isPPTNodeType","checkIfPPTNodeType","renderAccuracy","isMenuVisible","pptNodeTypeSheetInProgress","isHiddenUnlocked","checkIfIsHiddenUnlocked","analyticsProps","useMemo","handleOnMenuActionAttempt","useCallback","action","options","handleOnView","isV3Worksheet","FlexView","jsx","StyledEyeIcon","Button","jsxs","RewardImage","RewardAccuracy","ContextMenu","ContextMenuTargetElement","ContextMenuElement"],"mappings":"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"}

package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js

@@ -1,40 +1,42 @@
-import { jsxs as y, jsx as e } from "react/jsx-runtime";
-import { memo as j, forwardRef as x, useMemo as u, useRef as b, useState as z, createRef as B, useCallback as d, useImperativeHandle as D, useEffect as $ } from "react";
-import E from "../../../../../assets/line-icons/icons/carat-left.js";
-import F from "../../../../../assets/line-icons/icons/carat-right.js";
-import R from "../../../../ui/buttons/icon-button/icon-button.js";
-import g from "../../../../ui/separator/separator.js";
-import { Carousel as M, CarouselWrapper as S, CarouselItemContainer as H, ExtendedFlexView as T, Indicator as V } from "./carousel-styled.js";
-const W = ({ items: t, defaultIndex: l = 0, onNext: s, onPrev: c, analyticsPrev: m, analyticsNext: p }, k) => {
-  const f = u(() => m, [m]), C = u(() => p, [p]), h = b(null), i = b(!0), [o, n] = z(l), I = u(() => t.map(() => B()), [t]), w = d(() => {
-    c == null || c(), n((r) => r - 1);
-  }, [c]), A = d(() => {
-    s == null || s(), n((r) => r + 1);
-  }, [s]), L = d((r) => {
-    n(r);
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import w, { forwardRef as L, useRef as u, useState as j, useCallback as d, useImperativeHandle as A, useEffect as I } from "react";
+import _ from "../../../../../assets/line-icons/icons/carat-left.js";
+import B from "../../../../../assets/line-icons/icons/carat-right.js";
+import y from "../../../../ui/buttons/icon-button/icon-button.js";
+import b from "../../../../ui/separator/separator.js";
+import { Carousel as D, CarouselWrapper as E, CarouselItemContainer as F, ExtendedFlexView as S, Indicator as x } from "./carousel-styled.js";
+const H = ({ items: a, defaultIndex: l = 0, onNext: s, onPrev: c, analyticsPrev: f, analyticsNext: p }, R) => {
+  const C = u(null), i = u(!0), [n, o] = j(l), m = u(
+    a.map(() => w.createRef())
+  ), $ = d(() => {
+    c == null || c(), o((r) => r - 1);
+  }, [c]), g = d(() => {
+    s == null || s(), o((r) => r + 1);
+  }, [s]), k = d((r) => {
+    o(r);
   }, []);
-  return D(k, () => ({
-    nextBtnRef: h,
-    indicatorRefs: I,
-    currentIndex: o,
+  return A(R, () => ({
+    nextBtnRef: C,
+    indicatorRefs: m.current,
+    currentIndex: n,
     goToIndex: (r) => {
-      n(r);
+      o(r);
     }
-  })), $(() => {
+  })), I(() => {
     i.current && (i.current = !1);
-  }, []), $(() => {
-    n(l);
-  }, [l]), /* @__PURE__ */ y(M, { children: [
+  }, []), I(() => {
+    o(l);
+  }, [l]), /* @__PURE__ */ h(D, { children: [
     /* @__PURE__ */ e(
-      S,
+      E,
       {
-        $translate: o * 100,
+        $translate: n * 100,
         $translateDuration: i.current ? 0 : 300,
-        children: t.map((r, a) => /* @__PURE__ */ e(H, { children: r }, a))
+        children: a.map((r, t) => /* @__PURE__ */ e(F, { children: r }, t))
       }
     ),
-    t.length > 1 && /* @__PURE__ */ y(
-      T,
+    a.length > 1 && /* @__PURE__ */ h(
+      S,
       {
         $flexDirection: "row",
         $alignItems: "center",
@@ -42,44 +44,44 @@ const W = ({ items: t, defaultIndex: l = 0, onNext: s, onPrev: c, analyticsPrev:
         $position: "absolute",
         children: [
           /* @__PURE__ */ e(
-            R,
+            y,
             {
               renderAs: "secondary",
-              Icon: E,
-              onClick: w,
+              Icon: _,
+              onClick: $,
               analyticsLabel: f.analyticsLabel,
               analyticsProps: f.analyticsProps,
-              disabled: o === 0
+              disabled: n === 0
             }
           ),
-          /* @__PURE__ */ e(g, { width: 48 }),
-          t.map((r, a) => /* @__PURE__ */ e(
-            V,
+          /* @__PURE__ */ e(b, { width: 48 }),
+          a.map((r, t) => /* @__PURE__ */ e(
+            x,
             {
-              ref: I[a],
-              $isActive: a === o,
-              onClick: () => L(a)
+              ref: m.current[t],
+              $isActive: t === n,
+              onClick: () => k(t)
             },
-            a
+            t
           )),
-          /* @__PURE__ */ e(g, { width: 48 }),
-          /* @__PURE__ */ e("div", { ref: h, children: /* @__PURE__ */ e(
-            R,
+          /* @__PURE__ */ e(b, { width: 48 }),
+          /* @__PURE__ */ e("div", { ref: C, children: /* @__PURE__ */ e(
+            y,
             {
               renderAs: "secondary",
-              Icon: F,
-              onClick: A,
-              analyticsLabel: C.analyticsLabel,
-              analyticsProps: C.analyticsProps,
-              disabled: o === t.length - 1
+              Icon: B,
+              onClick: g,
+              analyticsLabel: p.analyticsLabel,
+              analyticsProps: p.analyticsProps,
+              disabled: n === a.length - 1
             }
           ) })
         ]
       }
     )
   ] });
-}, Q = j(x(W));
+}, J = L(H);
 export {
-  Q as Carousel
+  J as Carousel
 };
 //# sourceMappingURL=carousel.js.map

package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel.tsx"],"sourcesContent":["import type { ICarouselProps, ICarouselRefs } from './carousel-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createRef,\n} from 'react';\n\nimport CaratLeftIcon from '../../../../../assets/line-icons/icons/carat-left';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport Separator from '../../../../ui/separator/separator';\nimport * as Styled from './carousel-styled';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  { items, defaultIndex = 0, onNext, onPrev, analyticsPrev, analyticsNext },\n  ref,\n) => {\n  const memoizedAnalyticsPrev = useMemo(() => analyticsPrev, [analyticsPrev]);\n  const memoizedAnalyticsNext = useMemo(() => analyticsNext, [analyticsNext]);\n\n  const nextBtnRef = useRef<HTMLDivElement>(null);\n  const isFirstMount = useRef(true);\n  const [currIndex, setCurrIndex] = useState(defaultIndex);\n\n  // Create a stable array of refs for indicators\n  const indicatorRefs = useMemo(() => items.map(() => createRef<HTMLDivElement>()), [items]);\n\n  const handleCarouselPrev = useCallback(() => {\n    onPrev?.();\n    setCurrIndex(prev => prev - 1);\n  }, [onPrev]);\n\n  const handleCarouselNext = useCallback(() => {\n    onNext?.();\n    setCurrIndex(prev => prev + 1);\n  }, [onNext]);\n\n  const handleCarouselIndicatorClick = useCallback((index: number) => {\n    setCurrIndex(index);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    nextBtnRef,\n    indicatorRefs,\n    currentIndex: currIndex,\n    goToIndex: (index: number) => {\n      setCurrIndex(index);\n    },\n  }));\n\n  useEffect(() => {\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n    }\n  }, []);\n\n  // Change index from parent\n  useEffect(() => {\n    setCurrIndex(defaultIndex);\n  }, [defaultIndex]);\n\n  return (\n    <Styled.Carousel>\n      <Styled.CarouselWrapper\n        $translate={currIndex * 100}\n        $translateDuration={isFirstMount.current ? 0 : 300}\n      >\n        {items.map((item, index) => (\n          <Styled.CarouselItemContainer key={index}>{item}</Styled.CarouselItemContainer>\n        ))}\n      </Styled.CarouselWrapper>\n\n      {items.length > 1 && (\n        <Styled.ExtendedFlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $position=\"absolute\"\n        >\n          <IconButton\n            renderAs=\"secondary\"\n            Icon={CaratLeftIcon}\n            onClick={handleCarouselPrev}\n            analyticsLabel={memoizedAnalyticsPrev.analyticsLabel}\n            analyticsProps={memoizedAnalyticsPrev.analyticsProps}\n            disabled={currIndex === 0}\n          />\n          <Separator width={48} />\n          {items.map((_, index) => (\n            <Styled.Indicator\n              ref={indicatorRefs[index]}\n              $isActive={index === currIndex}\n              key={index}\n              onClick={() => handleCarouselIndicatorClick(index)}\n            />\n          ))}\n          <Separator width={48} />\n          <div ref={nextBtnRef}>\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={CaratRightIcon}\n              onClick={handleCarouselNext}\n              analyticsLabel={memoizedAnalyticsNext.analyticsLabel}\n              analyticsProps={memoizedAnalyticsNext.analyticsProps}\n              disabled={currIndex === items.length - 1}\n            />\n          </div>\n        </Styled.ExtendedFlexView>\n      )}\n    </Styled.Carousel>\n  );\n};\n\nexport const Carousel = memo(forwardRef(CarouselComponent));\n"],"names":["CarouselComponent","items","defaultIndex","onNext","onPrev","analyticsPrev","analyticsNext","ref","memoizedAnalyticsPrev","useMemo","memoizedAnalyticsNext","nextBtnRef","useRef","isFirstMount","currIndex","setCurrIndex","useState","indicatorRefs","createRef","handleCarouselPrev","useCallback","prev","handleCarouselNext","handleCarouselIndicatorClick","index","useImperativeHandle","useEffect","jsxs","Styled.Carousel","jsx","Styled.CarouselWrapper","item","Styled.CarouselItemContainer","Styled.ExtendedFlexView","IconButton","CaratLeftIcon","Separator","_","Styled.Indicator","CaratRightIcon","Carousel","memo","forwardRef"],"mappings":"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"}
+{"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel.tsx"],"sourcesContent":["import type { ICarouselProps, ICarouselRefs } from './carousel-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport React, {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n} from 'react';\n\nimport CaratLeftIcon from '../../../../../assets/line-icons/icons/carat-left';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport Separator from '../../../../ui/separator/separator';\nimport * as Styled from './carousel-styled';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  { items, defaultIndex = 0, onNext, onPrev, analyticsPrev, analyticsNext },\n  ref,\n) => {\n  const nextBtnRef = useRef<HTMLDivElement>(null);\n  const isFirstMount = useRef(true);\n  const [currIndex, setCurrIndex] = useState(defaultIndex);\n\n  // Persistent indicator refs\n  const indicatorRefs = useRef<React.RefObject<HTMLDivElement>[]>(\n    items.map(() => React.createRef()),\n  );\n\n  const handleCarouselPrev = useCallback(() => {\n    onPrev?.();\n    setCurrIndex(prev => prev - 1);\n  }, [onPrev]);\n\n  const handleCarouselNext = useCallback(() => {\n    onNext?.();\n    setCurrIndex(prev => prev + 1);\n  }, [onNext]);\n\n  const handleCarouselIndicatorClick = useCallback((index: number) => {\n    setCurrIndex(index);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    nextBtnRef,\n    indicatorRefs: indicatorRefs.current,\n    currentIndex: currIndex,\n    goToIndex: (index: number) => {\n      setCurrIndex(index);\n    },\n  }));\n\n  useEffect(() => {\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n    }\n  }, []);\n\n  // Sync external defaultIndex\n  useEffect(() => {\n    setCurrIndex(defaultIndex);\n  }, [defaultIndex]);\n\n  return (\n    <Styled.Carousel>\n      <Styled.CarouselWrapper\n        $translate={currIndex * 100}\n        $translateDuration={isFirstMount.current ? 0 : 300}\n      >\n        {items.map((item, index) => (\n          <Styled.CarouselItemContainer key={index}>{item}</Styled.CarouselItemContainer>\n        ))}\n      </Styled.CarouselWrapper>\n\n      {items.length > 1 && (\n        <Styled.ExtendedFlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $position=\"absolute\"\n        >\n          <IconButton\n            renderAs=\"secondary\"\n            Icon={CaratLeftIcon}\n            onClick={handleCarouselPrev}\n            analyticsLabel={analyticsPrev.analyticsLabel}\n            analyticsProps={analyticsPrev.analyticsProps}\n            disabled={currIndex === 0}\n          />\n          <Separator width={48} />\n          {items.map((_, index) => (\n            <Styled.Indicator\n              ref={indicatorRefs.current[index]}\n              $isActive={index === currIndex}\n              key={index}\n              onClick={() => handleCarouselIndicatorClick(index)}\n            />\n          ))}\n          <Separator width={48} />\n          <div ref={nextBtnRef}>\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={CaratRightIcon}\n              onClick={handleCarouselNext}\n              analyticsLabel={analyticsNext.analyticsLabel}\n              analyticsProps={analyticsNext.analyticsProps}\n              disabled={currIndex === items.length - 1}\n            />\n          </div>\n        </Styled.ExtendedFlexView>\n      )}\n    </Styled.Carousel>\n  );\n};\n\nexport const Carousel = forwardRef(CarouselComponent);\n"],"names":["CarouselComponent","items","defaultIndex","onNext","onPrev","analyticsPrev","analyticsNext","ref","nextBtnRef","useRef","isFirstMount","currIndex","setCurrIndex","useState","indicatorRefs","React","handleCarouselPrev","useCallback","prev","handleCarouselNext","handleCarouselIndicatorClick","index","useImperativeHandle","useEffect","jsxs","Styled.Carousel","jsx","Styled.CarouselWrapper","item","Styled.CarouselItemContainer","Styled.ExtendedFlexView","IconButton","CaratLeftIcon","Separator","_","Styled.Indicator","CaratRightIcon","Carousel","forwardRef"],"mappings":"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"}