@cuemath/leap 2.8.50 → 2.8.51-beta-0.2

package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js

@@ -0,0 +1,178 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import N from "../../../../../assets/line-icons/icons/check2.js";
+import j from "../../../../../assets/line-icons/icons/eye2.js";
+import M from "../../../../../assets/line-icons/icons/home2.js";
+import C from "../../../../../assets/line-icons/icons/more-vertical.js";
+import P from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import I from "../../../../ui/context-menu/context-menu.js";
+import R from "../../../../ui/layout/flex-view.js";
+import X from "../../../../ui/text/text.js";
+import { getNodeTypeBasedBgImage as K } from "../../../utils/index.js";
+import { getNodeCardBasedIcon as F } from "../../../utils/node-card-utils.js";
+import Z from "../border-path-animation.js";
+import { NodeCardContainer as z, NodeCardInfoWrapper as q, IconWrapper as J, StyledImportantIcon as Q, NodeOptionsMenuWrapper as w, NodeCardContentWrapper as U, NodeCardTitle as Y } from "../node-card-styled.js";
+import V from "../node-card-tags.js";
+import _ from "../node-menu-options/node-menu-options.js";
+const $e = ({
+  nodeData: n,
+  imageHue: b,
+  blockType: x,
+  isSkipped: m,
+  onNodeAttemptLocationChange: a,
+  onNodeMarkAsDone: c,
+  onNodeView: d
+}) => {
+  const {
+    accuracy: O,
+    attempt_location: T,
+    node_type: s,
+    card_header: y,
+    title: E,
+    state: t,
+    is_optional: p,
+    on_hover_text: h,
+    permissions: k
+  } = n, {
+    can_change_attempt_location: B,
+    can_mark_familiar: W
+  } = k, H = t === "IN_PROGRESS", r = t === "LOCKED", S = t === "NOT_STARTED", v = t === "COMPLETED", A = T === "INCLASS", G = K(s), $ = F(s), i = x === "GOAL", L = !h || !i || r, f = !p && (H || S), l = (u) => {
+    switch (u) {
+      case "node-card-view":
+        d == null || d(n);
+        return;
+      case "node-card-assign-as-hw":
+        a == null || a(n);
+        return;
+      case "node-card-mark-as-done":
+        c == null || c(n);
+        return;
+      default:
+        throw new Error(`No callback function for ${u}`);
+    }
+  }, g = [
+    {
+      id: "node-card-view",
+      label: v ? "Review" : "View",
+      icon: j,
+      disabled: !1,
+      onClick: l
+    },
+    {
+      id: "node-card-assign-as-hw",
+      label: "Assign as HW",
+      icon: M,
+      disabled: !B,
+      onClick: l
+    },
+    {
+      id: "node-card-mark-as-done",
+      label: "Mark as done",
+      icon: N,
+      disabled: !W,
+      onClick: l
+    }
+  ];
+  return /* @__PURE__ */ e(
+    z,
+    {
+      $showOutline: !i || !f,
+      $background: `${b}_2`,
+      $disabled: !!m,
+      children: /* @__PURE__ */ o(
+        P,
+        {
+          renderAs: "primary",
+          tooltipItem: h,
+          position: "bottom",
+          zIndex: 5,
+          hidden: L,
+          parentWidth: "100%",
+          widthX: 11.25,
+          children: [
+            /* @__PURE__ */ o(
+              q,
+              {
+                $flexDirection: "row",
+                $alignItems: "center",
+                $width: "100%",
+                $heightX: 3.5,
+                $bgImage: G,
+                $gutterX: 0.78125,
+                $flexGap: 8.5,
+                children: [
+                  /* @__PURE__ */ o(
+                    J,
+                    {
+                      $width: 31,
+                      $height: 31,
+                      $background: "WHITE_1",
+                      $position: "relative",
+                      $alignItems: "center",
+                      $justifyContent: "center",
+                      $opacity: r ? 0.5 : 1,
+                      children: [
+                        $ && /* @__PURE__ */ e($, { width: 20, height: 20 }),
+                        !p && /* @__PURE__ */ e(Q, {})
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ o(X, { $renderAs: "ac4-black", $color: "BLACK", $opacity: r ? 0.5 : 1, children: [
+                    y,
+                    " ",
+                    A && ". CW"
+                  ] }),
+                  /* @__PURE__ */ e(R, { className: "context-menu", children: i && /* @__PURE__ */ e(
+                    I,
+                    {
+                      targetElement: /* @__PURE__ */ e(
+                        w,
+                        {
+                          $width: 16,
+                          $height: 16,
+                          $opacity: r ? 0.5 : 1,
+                          children: /* @__PURE__ */ e(C, { width: 16, height: 16 })
+                        }
+                      ),
+                      menuElement: /* @__PURE__ */ e(_, { options: g }),
+                      menuOffset: 5,
+                      menuZIndex: 6
+                    }
+                  ) }),
+                  f && !m && /* @__PURE__ */ e(Z, {})
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(V, { nodeType: s, state: t, accuracy: O }),
+            !i && /* @__PURE__ */ o(
+              U,
+              {
+                $flexDirection: "row",
+                $alignItems: "center",
+                $background: "WHITE_1",
+                $flexGap: 8,
+                $heightX: 4,
+                $justifyContent: "space-between",
+                children: [
+                  /* @__PURE__ */ e(Y, { $renderAs: "ab3", $color: "BLACK_1", $opacity: r ? 0.5 : 1, children: E }),
+                  /* @__PURE__ */ e(
+                    I,
+                    {
+                      targetElement: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(C, { width: 16, height: 16 }) }),
+                      menuElement: /* @__PURE__ */ e(_, { options: g }),
+                      menuOffset: 5,
+                      menuZIndex: 6
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  $e as default
+};
+//# sourceMappingURL=teacher-actions.js.map

package/dist/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"teacher-actions.js","sources":["../../../../../../src/features/chapters-v2/comps/node-card/teacher-actions/teacher-actions.tsx"],"sourcesContent":["import type { INodeCardProps } from '../node-card-types';\nimport type { INodeMenuOption } from '../node-menu-options/node-menu-options-types';\nimport type { FC } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Home2Icon from '../../../../../assets/line-icons/icons/home2';\nimport MoreVerticalIcon from '../../../../../assets/line-icons/icons/more-vertical';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { getNodeTypeBasedBgImage } from '../../../utils';\nimport { getNodeCardBasedIcon } from '../../../utils/node-card-utils';\nimport BorderPathAnimation from '../border-path-animation';\nimport * as Styled from '../node-card-styled';\nimport NodeCardTags from '../node-card-tags';\nimport NodeMenuOptions from '../node-menu-options/node-menu-options';\n\nconst NodeCardTeacherActions: FC<Omit<INodeCardProps, 'userType'>> = ({\n  nodeData,\n  imageHue,\n  blockType,\n  isSkipped,\n  onNodeAttemptLocationChange,\n  onNodeMarkAsDone,\n  onNodeView,\n}) => {\n  const {\n    accuracy,\n    attempt_location: attemptLocation,\n    node_type: nodeType,\n    card_header: cardHeader,\n    title,\n    state,\n    is_optional: isOptional,\n    on_hover_text: onHoverText,\n    permissions,\n  } = nodeData;\n\n  const {\n    can_change_attempt_location: canChangeAttemptLocation,\n    can_mark_familiar: canMarkFamiliar,\n  } = permissions;\n\n  const sheetInProgress = state === 'IN_PROGRESS';\n  const sheetLocked = state === 'LOCKED';\n  const sheetNotStarted = state === 'NOT_STARTED';\n  const sheetCompleted = state === 'COMPLETED';\n  const inClassSheet = attemptLocation === 'INCLASS';\n  const nodeBgImage = getNodeTypeBasedBgImage(nodeType);\n  const NodeCardIcon = getNodeCardBasedIcon(nodeType);\n  const isGoalBlock = blockType === 'GOAL';\n  const tooltipHidden = !onHoverText || !isGoalBlock || sheetLocked;\n\n  const showCardAnimation = !isOptional && (sheetInProgress || sheetNotStarted);\n\n  const handleOnMenuOptionClick = (optionId: string) => {\n    switch (optionId) {\n      case 'node-card-view':\n        onNodeView?.(nodeData);\n\n        return;\n\n      case 'node-card-assign-as-hw':\n        onNodeAttemptLocationChange?.(nodeData);\n\n        return;\n\n      case 'node-card-mark-as-done':\n        onNodeMarkAsDone?.(nodeData);\n\n        return;\n      default:\n        throw new Error(`No callback function for ${optionId}`);\n    }\n  };\n\n  const menuOptions: INodeMenuOption[] = [\n    {\n      id: 'node-card-view',\n      label: sheetCompleted ? 'Review' : 'View',\n      icon: Eye2Icon,\n      disabled: false,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'node-card-assign-as-hw',\n      label: 'Assign as HW',\n      icon: Home2Icon,\n      disabled: !canChangeAttemptLocation,\n      onClick: handleOnMenuOptionClick,\n    },\n    {\n      id: 'node-card-mark-as-done',\n      label: 'Mark as done',\n      icon: Check2Icon,\n      disabled: !canMarkFamiliar,\n      onClick: handleOnMenuOptionClick,\n    },\n  ];\n\n  return (\n    <Styled.NodeCardContainer\n      $showOutline={!isGoalBlock || !showCardAnimation}\n      $background={`${imageHue}_2`}\n      $disabled={Boolean(isSkipped)}\n    >\n      <ArrowTooltip\n        renderAs=\"primary\"\n        tooltipItem={onHoverText}\n        position=\"bottom\"\n        zIndex={5}\n        hidden={tooltipHidden}\n        parentWidth=\"100%\"\n        widthX={11.25}\n      >\n        <Styled.NodeCardInfoWrapper\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $width=\"100%\"\n          $heightX={3.5}\n          $bgImage={nodeBgImage}\n          $gutterX={0.78125}\n          $flexGap={8.5}\n        >\n          <Styled.IconWrapper\n            $width={31}\n            $height={31}\n            $background=\"WHITE_1\"\n            $position=\"relative\"\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $opacity={sheetLocked ? 0.5 : 1}\n          >\n            {NodeCardIcon && <NodeCardIcon width={20} height={20} />}\n            {!isOptional && <Styled.StyledImportantIcon />}\n          </Styled.IconWrapper>\n\n          <Text $renderAs=\"ac4-black\" $color=\"BLACK\" $opacity={sheetLocked ? 0.5 : 1}>\n            {cardHeader} {inClassSheet && `. CW`}\n          </Text>\n\n          <FlexView className=\"context-menu\">\n            {isGoalBlock && (\n              <ContextMenu\n                targetElement={\n                  <Styled.NodeOptionsMenuWrapper\n                    $width={16}\n                    $height={16}\n                    $opacity={sheetLocked ? 0.5 : 1}\n                  >\n                    <MoreVerticalIcon width={16} height={16} />\n                  </Styled.NodeOptionsMenuWrapper>\n                }\n                menuElement={<NodeMenuOptions options={menuOptions} />}\n                menuOffset={5}\n                menuZIndex={6}\n              />\n            )}\n          </FlexView>\n\n          {showCardAnimation && !isSkipped && <BorderPathAnimation />}\n        </Styled.NodeCardInfoWrapper>\n\n        <NodeCardTags nodeType={nodeType} state={state} accuracy={accuracy} />\n\n        {!isGoalBlock && (\n          <Styled.NodeCardContentWrapper\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $background=\"WHITE_1\"\n            $flexGap={8}\n            $heightX={4}\n            $justifyContent=\"space-between\"\n          >\n            <Styled.NodeCardTitle $renderAs=\"ab3\" $color=\"BLACK_1\" $opacity={sheetLocked ? 0.5 : 1}>\n              {title}\n            </Styled.NodeCardTitle>\n\n            <ContextMenu\n              targetElement={\n                <Styled.NodeOptionsMenuWrapper>\n                  <MoreVerticalIcon width={16} height={16} />\n                </Styled.NodeOptionsMenuWrapper>\n              }\n              menuElement={<NodeMenuOptions options={menuOptions} />}\n              menuOffset={5}\n              menuZIndex={6}\n            />\n          </Styled.NodeCardContentWrapper>\n        )}\n      </ArrowTooltip>\n    </Styled.NodeCardContainer>\n  );\n};\n\nexport default NodeCardTeacherActions;\n"],"names":["NodeCardTeacherActions","nodeData","imageHue","blockType","isSkipped","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeView","accuracy","attemptLocation","nodeType","cardHeader","title","state","isOptional","onHoverText","permissions","canChangeAttemptLocation","canMarkFamiliar","sheetInProgress","sheetLocked","sheetNotStarted","sheetCompleted","inClassSheet","nodeBgImage","getNodeTypeBasedBgImage","NodeCardIcon","getNodeCardBasedIcon","isGoalBlock","tooltipHidden","showCardAnimation","handleOnMenuOptionClick","optionId","menuOptions","Eye2Icon","Home2Icon","Check2Icon","jsx","Styled.NodeCardContainer","jsxs","ArrowTooltip","Styled.NodeCardInfoWrapper","Styled.IconWrapper","Styled.StyledImportantIcon","Text","FlexView","ContextMenu","Styled.NodeOptionsMenuWrapper","MoreVerticalIcon","NodeMenuOptions","BorderPathAnimation","NodeCardTags","Styled.NodeCardContentWrapper","Styled.NodeCardTitle"],"mappings":";;;;;;;;;;;;;;;AAmBA,MAAMA,KAA+D,CAAC;AAAA,EACpE,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,6BAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,kBAAkBC;AAAA,IAClB,WAAWC;AAAA,IACX,aAAaC;AAAA,IACb,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAaC;AAAA,IACb,eAAeC;AAAA,IACf,aAAAC;AAAA,EACE,IAAAf,GAEE;AAAA,IACJ,6BAA6BgB;AAAA,IAC7B,mBAAmBC;AAAA,EACjB,IAAAF,GAEEG,IAAkBN,MAAU,eAC5BO,IAAcP,MAAU,UACxBQ,IAAkBR,MAAU,eAC5BS,IAAiBT,MAAU,aAC3BU,IAAed,MAAoB,WACnCe,IAAcC,EAAwBf,CAAQ,GAC9CgB,IAAeC,EAAqBjB,CAAQ,GAC5CkB,IAAczB,MAAc,QAC5B0B,IAAgB,CAACd,KAAe,CAACa,KAAeR,GAEhDU,IAAoB,CAAChB,MAAeK,KAAmBE,IAEvDU,IAA0B,CAACC,MAAqB;AACpD,YAAQA,GAAU;AAAA,MAChB,KAAK;AACH,QAAAzB,KAAA,QAAAA,EAAaN;AAEb;AAAA,MAEF,KAAK;AACH,QAAAI,KAAA,QAAAA,EAA8BJ;AAE9B;AAAA,MAEF,KAAK;AACH,QAAAK,KAAA,QAAAA,EAAmBL;AAEnB;AAAA,MACF;AACE,cAAM,IAAI,MAAM,4BAA4B+B,CAAQ,EAAE;AAAA,IAC1D;AAAA,EAAA,GAGIC,IAAiC;AAAA,IACrC;AAAA,MACE,IAAI;AAAA,MACJ,OAAOX,IAAiB,WAAW;AAAA,MACnC,MAAMY;AAAA,MACN,UAAU;AAAA,MACV,SAASH;AAAA,IACX;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMI;AAAA,MACN,UAAU,CAAClB;AAAA,MACX,SAASc;AAAA,IACX;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMK;AAAA,MACN,UAAU,CAAClB;AAAA,MACX,SAASa;AAAA,IACX;AAAA,EAAA;AAIA,SAAA,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAc,CAACV,KAAe,CAACE;AAAA,MAC/B,aAAa,GAAG5B,CAAQ;AAAA,MACxB,WAAW,EAAQE;AAAA,MAEnB,UAAA,gBAAAmC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,aAAazB;AAAA,UACb,UAAS;AAAA,UACT,QAAQ;AAAA,UACR,QAAQc;AAAA,UACR,aAAY;AAAA,UACZ,QAAQ;AAAA,UAER,UAAA;AAAA,YAAA,gBAAAU;AAAA,cAACE;AAAAA,cAAA;AAAA,gBACC,gBAAe;AAAA,gBACf,aAAY;AAAA,gBACZ,QAAO;AAAA,gBACP,UAAU;AAAA,gBACV,UAAUjB;AAAA,gBACV,UAAU;AAAA,gBACV,UAAU;AAAA,gBAEV,UAAA;AAAA,kBAAA,gBAAAe;AAAA,oBAACG;AAAAA,oBAAA;AAAA,sBACC,QAAQ;AAAA,sBACR,SAAS;AAAA,sBACT,aAAY;AAAA,sBACZ,WAAU;AAAA,sBACV,aAAY;AAAA,sBACZ,iBAAgB;AAAA,sBAChB,UAAUtB,IAAc,MAAM;AAAA,sBAE7B,UAAA;AAAA,wBAAAM,KAAiB,gBAAAW,EAAAX,GAAA,EAAa,OAAO,IAAI,QAAQ,IAAI;AAAA,wBACrD,CAACZ,KAAe,gBAAAuB,EAAAM,GAAA,EAA2B;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAC9C;AAAA,kBAEA,gBAAAJ,EAACK,KAAK,WAAU,aAAY,QAAO,SAAQ,UAAUxB,IAAc,MAAM,GACtE,UAAA;AAAA,oBAAAT;AAAA,oBAAW;AAAA,oBAAEY,KAAgB;AAAA,kBAAA,GAChC;AAAA,kBAEC,gBAAAc,EAAAQ,GAAA,EAAS,WAAU,gBACjB,UACCjB,KAAA,gBAAAS;AAAA,oBAACS;AAAA,oBAAA;AAAA,sBACC,eACE,gBAAAT;AAAA,wBAACU;AAAAA,wBAAA;AAAA,0BACC,QAAQ;AAAA,0BACR,SAAS;AAAA,0BACT,UAAU3B,IAAc,MAAM;AAAA,0BAE9B,UAAC,gBAAAiB,EAAAW,GAAA,EAAiB,OAAO,IAAI,QAAQ,IAAI;AAAA,wBAAA;AAAA,sBAC3C;AAAA,sBAEF,aAAa,gBAAAX,EAACY,GAAgB,EAAA,SAAShB,EAAa,CAAA;AAAA,sBACpD,YAAY;AAAA,sBACZ,YAAY;AAAA,oBAAA;AAAA,kBAAA,GAGlB;AAAA,kBAECH,KAAqB,CAAC1B,KAAa,gBAAAiC,EAACa,GAAoB,CAAA,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC3D;AAAA,YAEC,gBAAAb,EAAAc,GAAA,EAAa,UAAAzC,GAAoB,OAAAG,GAAc,UAAAL,EAAoB,CAAA;AAAA,YAEnE,CAACoB,KACA,gBAAAW;AAAA,cAACa;AAAAA,cAAA;AAAA,gBACC,gBAAe;AAAA,gBACf,aAAY;AAAA,gBACZ,aAAY;AAAA,gBACZ,UAAU;AAAA,gBACV,UAAU;AAAA,gBACV,iBAAgB;AAAA,gBAEhB,UAAA;AAAA,kBAAC,gBAAAf,EAAAgB,GAAA,EAAqB,WAAU,OAAM,QAAO,WAAU,UAAUjC,IAAc,MAAM,GAClF,UACHR,EAAA,CAAA;AAAA,kBAEA,gBAAAyB;AAAA,oBAACS;AAAA,oBAAA;AAAA,sBACC,eACG,gBAAAT,EAAAU,GAAA,EACC,UAAC,gBAAAV,EAAAW,GAAA,EAAiB,OAAO,IAAI,QAAQ,GAAA,CAAI,EAC3C,CAAA;AAAA,sBAEF,aAAa,gBAAAX,EAACY,GAAgB,EAAA,SAAShB,EAAa,CAAA;AAAA,sBACpD,YAAY;AAAA,sBACZ,YAAY;AAAA,oBAAA;AAAA,kBACd;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/features/chapters-v2/comps/tag/tag-styled.js

@@ -0,0 +1,13 @@
+import e from "styled-components";
+import i from "../../../ui/layout/flex-view.js";
+const p = e(i)(({ $onlyIcon: t, theme: o }) => `
+    ${!t && "padding-left: 2px;"}
+
+    max-height: 20px;
+    height: fit-content;
+    outline: 1px solid ${o.colors.BLACK_1};
+  `);
+export {
+  p as TagContainer
+};
+//# sourceMappingURL=tag-styled.js.map

package/dist/features/chapters-v2/comps/tag/tag-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-styled.js","sources":["../../../../../src/features/chapters-v2/comps/tag/tag-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\ninterface ITagContainer {\n  $onlyIcon?: boolean;\n}\n\nconst TagContainer = styled(FlexView)<ITagContainer>(({ $onlyIcon, theme }) => {\n  return `\n    ${!$onlyIcon && 'padding-left: 2px;'}\n\n    max-height: 20px;\n    height: fit-content;\n    outline: 1px solid ${theme.colors.BLACK_1};\n  `;\n});\n\nexport { TagContainer };\n"],"names":["TagContainer","styled","FlexView","$onlyIcon","theme"],"mappings":";;AAQM,MAAAA,IAAeC,EAAOC,CAAQ,EAAiB,CAAC,EAAE,WAAAC,GAAW,OAAAC,QAC1D;AAAA,MACH,CAACD,KAAa,oBAAoB;AAAA;AAAA;AAAA;AAAA,yBAIfC,EAAM,OAAO,OAAO;AAAA,GAE5C;"}

package/dist/features/chapters-v2/comps/tag/tag.js

@@ -0,0 +1,28 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { memo as i } from "react";
+import s from "../../../ui/text/text.js";
+import { TagContainer as c } from "./tag-styled.js";
+const f = i(({ label: r, Icon: e }) => {
+  const t = !r;
+  return /* @__PURE__ */ n(
+    c,
+    {
+      $flexDirection: "row",
+      $alignItems: "center",
+      $justifyContent: "center",
+      $borderRadius: 50,
+      $gap: t ? 0 : 6,
+      $gutter: t ? 0 : 6,
+      $background: "WHITE_1",
+      $onlyIcon: t,
+      children: [
+        e ? /* @__PURE__ */ o(e, { width: 20, height: 20 }) : void 0,
+        r && /* @__PURE__ */ o(s, { $renderAs: "ac4-black", children: r })
+      ]
+    }
+  );
+});
+export {
+  f as default
+};
+//# sourceMappingURL=tag.js.map

package/dist/features/chapters-v2/comps/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sources":["../../../../../src/features/chapters-v2/comps/tag/tag.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport React, { memo } from 'react';\n\nimport Text from '../../../ui/text/text';\nimport * as Styled from './tag-styled';\n\ninterface ITagProps {\n  label?: string;\n  Icon?: FC<React.SVGProps<SVGSVGElement>>;\n}\n\nconst Tag: FC<ITagProps> = memo(({ label, Icon }) => {\n  const isOnlyIconPresent = !label;\n\n  return (\n    <Styled.TagContainer\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $borderRadius={50}\n      $gap={isOnlyIconPresent ? 0 : 6}\n      $gutter={isOnlyIconPresent ? 0 : 6}\n      $background=\"WHITE_1\"\n      $onlyIcon={isOnlyIconPresent}\n    >\n      {Icon ? <Icon width={20} height={20} /> : undefined}\n\n      {label && <Text $renderAs=\"ac4-black\">{label}</Text>}\n    </Styled.TagContainer>\n  );\n});\n\nexport default Tag;\n"],"names":["Tag","memo","label","Icon","isOnlyIconPresent","jsxs","Styled.TagContainer","jsx","Text"],"mappings":";;;;AAYA,MAAMA,IAAqBC,EAAK,CAAC,EAAE,OAAAC,GAAO,MAAAC,QAAW;AACnD,QAAMC,IAAoB,CAACF;AAGzB,SAAA,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAMF,IAAoB,IAAI;AAAA,MAC9B,SAASA,IAAoB,IAAI;AAAA,MACjC,aAAY;AAAA,MACZ,WAAWA;AAAA,MAEV,UAAA;AAAA,QAAAD,sBAAQA,GAAK,EAAA,OAAO,IAAI,QAAQ,IAAI,IAAK;AAAA,QAEzCD,KAAS,gBAAAK,EAACC,GAAK,EAAA,WAAU,aAAa,UAAMN,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnD,CAAC;"}

package/dist/features/chapters-v2/constants/block-constants.js

@@ -0,0 +1,18 @@
+const S = {
+  DEFAULT: "Default",
+  PREREQ: "Prerequisite",
+  RECAP: "Recap",
+  GOAL: "Lesson",
+  TESTS: "Tests",
+  PLAYLIST: "Playlist",
+  SOLUTIONS: "Solutions",
+  NOTES: "Notes",
+  FLASHCARDS: "Flashcards",
+  SUBJECTIVES: "Subjective Questions",
+  PUZZLE_CARDS: "Puzzles",
+  SAT_MOCK_TEST: "SAT Mock Test"
+};
+export {
+  S as BLOCK_NAME
+};
+//# sourceMappingURL=block-constants.js.map

package/dist/features/chapters-v2/constants/block-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-constants.js","sources":["../../../../src/features/chapters-v2/constants/block-constants.ts"],"sourcesContent":["export enum BLOCK_TYPE {\n  DEFAULT = 'DEFAULT',\n  PREREQ = 'PREREQ',\n  RECAP = 'RECAP',\n  GOAL = 'GOAL',\n  TESTS = 'TESTS',\n  PLAYLIST = 'PLAYLIST',\n  SOLUTIONS = 'SOLUTIONS',\n  NOTES = 'NOTES',\n  FLASHCARDS = 'FLASHCARDS',\n  SUBJECTIVES = 'SUBJECTIVES',\n  PUZZLE_CARDS = 'PUZZLE_CARDS',\n  SAT_MOCK_TEST = 'SAT_MOCK_TEST',\n}\n\nexport enum SECTION_CODE {\n  READINESS = 'READINESS',\n  GOALS = 'GOALS',\n  TESTS = 'TESTS',\n  ENRICHMENT = 'ENRICHMENT',\n  SUBJECTIVE = 'SUBJECTIVE',\n  VIDEOS = 'VIDEOS',\n  NOTES = 'NOTES',\n  FLASHCARDS = 'FLASHCARDS',\n  PUZZLE_CARDS = 'PUZZLE_CARDS',\n}\n\nexport const BLOCK_NAME: Record<BLOCK_TYPE, string> = {\n  [BLOCK_TYPE.DEFAULT]: 'Default',\n  [BLOCK_TYPE.PREREQ]: 'Prerequisite',\n  [BLOCK_TYPE.RECAP]: 'Recap',\n  [BLOCK_TYPE.GOAL]: 'Lesson',\n  [BLOCK_TYPE.TESTS]: 'Tests',\n  [BLOCK_TYPE.PLAYLIST]: 'Playlist',\n  [BLOCK_TYPE.SOLUTIONS]: 'Solutions',\n  [BLOCK_TYPE.NOTES]: 'Notes',\n  [BLOCK_TYPE.FLASHCARDS]: 'Flashcards',\n  [BLOCK_TYPE.SUBJECTIVES]: 'Subjective Questions',\n  [BLOCK_TYPE.PUZZLE_CARDS]: 'Puzzles',\n  [BLOCK_TYPE.SAT_MOCK_TEST]: 'SAT Mock Test',\n};\n"],"names":["BLOCK_NAME"],"mappings":"AA2BO,MAAMA,IAAyC;AAAA,EACnD,SAAqB;AAAA,EACrB,QAAoB;AAAA,EACpB,OAAmB;AAAA,EACnB,MAAkB;AAAA,EAClB,OAAmB;AAAA,EACnB,UAAsB;AAAA,EACtB,WAAuB;AAAA,EACvB,OAAmB;AAAA,EACnB,YAAwB;AAAA,EACxB,aAAyB;AAAA,EACzB,cAA0B;AAAA,EAC1B,eAA2B;AAC9B;"}

package/dist/features/chapters-v2/utils/index.js

@@ -0,0 +1,11 @@
+import { ILLUSTRATIONS as r } from "../../../assets/illustrations/illustrations.js";
+const C = (t) => {
+  if (!t) return 0;
+  const { mandatory: E } = t, { completed: _, total: e } = E;
+  return Math.floor(_ / e * 100);
+}, A = (t) => t === "LEARNING" ? r.NODE_LEARN_BG : t === "RECAP" ? r.NODE_RECAP_BG : t === "DYNAMIC" ? r.NODE_CUSTOM_TEST_BG : t === "PRACTICE" ? r.NODE_PRACTICE_BG : t === "PUZZLE_EASY" || t === "PUZZLE_MEDIUM" || t === "PUZZLE_HARD" ? r.NODE_PUZZLE_BG : r.NODE_CUSTOM_TEST_BG;
+export {
+  C as getChapterCompletionPercentage,
+  A as getNodeTypeBasedBgImage
+};
+//# sourceMappingURL=index.js.map

package/dist/features/chapters-v2/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/features/chapters-v2/utils/index.ts"],"sourcesContent":["import type { IChapterProgressStats } from '../chapter-details/chapter-details-types';\nimport type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\n\n// This function calculates the completion percentage of a chapter based on progress stats.\n// If no progress stats are provided, it returns 0.\n// It uses the `mandatory` field from the progress stats to determine the completed and total items.\n// It returns an integer representing the percentage of completion, rounded down to the nearest whole number.\nconst getChapterCompletionPercentage = (progressStats: IChapterProgressStats | null) => {\n  if (!progressStats) return 0;\n\n  const { mandatory } = progressStats;\n  const { completed, total } = mandatory;\n\n  const percentage = Math.floor((completed / total) * 100);\n\n  return percentage;\n};\n\nconst getNodeTypeBasedBgImage = (nodeType: INodeDataProps['node_type']) => {\n  if (nodeType === 'LEARNING') return ILLUSTRATIONS.NODE_LEARN_BG;\n\n  if (nodeType === 'RECAP') return ILLUSTRATIONS.NODE_RECAP_BG;\n\n  if (nodeType === 'DYNAMIC') return ILLUSTRATIONS.NODE_CUSTOM_TEST_BG;\n\n  if (nodeType === 'PRACTICE') return ILLUSTRATIONS.NODE_PRACTICE_BG;\n\n  if (nodeType === 'PUZZLE_EASY' || nodeType === 'PUZZLE_MEDIUM' || nodeType === 'PUZZLE_HARD')\n    return ILLUSTRATIONS.NODE_PUZZLE_BG;\n\n  return ILLUSTRATIONS.NODE_CUSTOM_TEST_BG;\n};\n\nexport { getChapterCompletionPercentage, getNodeTypeBasedBgImage };\n"],"names":["getChapterCompletionPercentage","progressStats","mandatory","completed","total","getNodeTypeBasedBgImage","nodeType","ILLUSTRATIONS"],"mappings":";AASM,MAAAA,IAAiC,CAACC,MAAgD;AAClF,MAAA,CAACA,EAAsB,QAAA;AAErB,QAAA,EAAE,WAAAC,EAAc,IAAAD,GAChB,EAAE,WAAAE,GAAW,OAAAC,EAAU,IAAAF;AAItB,SAFY,KAAK,MAAOC,IAAYC,IAAS,GAAG;AAGzD,GAEMC,IAA0B,CAACC,MAC3BA,MAAa,aAAmBC,EAAc,gBAE9CD,MAAa,UAAgBC,EAAc,gBAE3CD,MAAa,YAAkBC,EAAc,sBAE7CD,MAAa,aAAmBC,EAAc,mBAE9CD,MAAa,iBAAiBA,MAAa,mBAAmBA,MAAa,gBACtEC,EAAc,iBAEhBA,EAAc;"}

package/dist/features/chapters-v2/utils/node-card-utils.js

@@ -0,0 +1,72 @@
+import { jsx as r } from "react/jsx-runtime";
+import c from "../../../assets/line-icons/icons/alarm.js";
+import n from "../../../assets/line-icons/icons/bulb2.js";
+import i from "../../../assets/line-icons/icons/check2.js";
+import m from "../../../assets/line-icons/icons/dart.js";
+import a from "../../../assets/line-icons/icons/exclamation.js";
+import I from "../../../assets/line-icons/icons/lock2.js";
+import s from "../../../assets/line-icons/icons/puzzle.js";
+import p from "../../../assets/line-icons/icons/recap.js";
+import E from "../../../assets/line-icons/icons/status.js";
+import { InProgressIconWrapper as f } from "../comps/node-card/node-card-styled.js";
+import e from "../comps/tag/tag.js";
+const D = (o, t) => {
+  switch (o) {
+    case "LOCKED":
+      return {
+        icon: /* @__PURE__ */ r(I, { width: 32, height: 32 }),
+        top: -12,
+        right: -12
+      };
+    case "IN_PROGRESS":
+      return {
+        icon: /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(E, {}) })
+      };
+    case "COMPLETED":
+      return {
+        icon: /* @__PURE__ */ r(
+          e,
+          {
+            Icon: i,
+            label: typeof t == "number" ? `${t}%` : void 0
+          }
+        ),
+        top: -10,
+        right: -10
+      };
+    case "WAIT_FOR_REVIEW":
+      return {
+        icon: /* @__PURE__ */ r(e, { Icon: a }),
+        //<AlertIcon width={32} height={32} fill="white" />,
+        top: -10,
+        right: -10
+      };
+    default:
+      return {
+        icon: void 0
+      };
+  }
+}, N = (o) => {
+  switch (o) {
+    case "LEARNING":
+      return n;
+    case "RECAP":
+      return p;
+    case "DYNAMIC":
+      return c;
+    case "PRACTICE":
+    case "EXTRA_PRACTICE":
+      return m;
+    case "PUZZLE_EASY":
+    case "PUZZLE_MEDIUM":
+    case "PUZZLE_HARD":
+      return s;
+    default:
+      return "";
+  }
+};
+export {
+  N as getNodeCardBasedIcon,
+  D as getNodeStateBasedTagInfo
+};
+//# sourceMappingURL=node-card-utils.js.map

package/dist/features/chapters-v2/utils/node-card-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-card-utils.js","sources":["../../../../src/features/chapters-v2/utils/node-card-utils.tsx"],"sourcesContent":["import type { INodeDataProps } from '../comps/node-card/node-card-types';\n\nimport AlarmIcon from '../../../assets/line-icons/icons/alarm';\nimport Bulb2Icon from '../../../assets/line-icons/icons/bulb2';\nimport Check2Icon from '../../../assets/line-icons/icons/check2';\nimport DartIcon from '../../../assets/line-icons/icons/dart';\nimport ExclamationIcon from '../../../assets/line-icons/icons/exclamation';\nimport Lock2Icon from '../../../assets/line-icons/icons/lock2';\nimport PuzzleIcon from '../../../assets/line-icons/icons/puzzle';\nimport RecapIcon from '../../../assets/line-icons/icons/recap';\nimport StatusIcon from '../../../assets/line-icons/icons/status';\nimport { InProgressIconWrapper } from '../comps/node-card/node-card-styled';\nimport Tag from '../comps/tag/tag';\n\nconst getNodeStateBasedTagInfo = (nodeState: INodeDataProps['state'], accuracy?: number | null) => {\n  switch (nodeState) {\n    case 'LOCKED':\n      return {\n        icon: <Lock2Icon width={32} height={32} />,\n        top: -12,\n        right: -12,\n      };\n    case 'IN_PROGRESS':\n      return {\n        icon: (\n          <InProgressIconWrapper>\n            <StatusIcon />\n          </InProgressIconWrapper>\n        ),\n      };\n    case 'COMPLETED':\n      return {\n        icon: (\n          <Tag\n            Icon={Check2Icon}\n            label={typeof accuracy === 'number' ? `${accuracy}%` : undefined}\n          />\n        ),\n        top: -10,\n        right: -10,\n      };\n    case 'WAIT_FOR_REVIEW':\n      return {\n        icon: <Tag Icon={ExclamationIcon} />, //<AlertIcon width={32} height={32} fill=\"white\" />,\n        top: -10,\n        right: -10,\n      };\n\n    default:\n      return {\n        icon: undefined,\n      };\n  }\n};\n\nconst getNodeCardBasedIcon = (nodeType: INodeDataProps['node_type']) => {\n  switch (nodeType) {\n    case 'LEARNING':\n      return Bulb2Icon;\n    case 'RECAP':\n      return RecapIcon;\n    case 'DYNAMIC':\n      return AlarmIcon;\n    case 'PRACTICE':\n    case 'EXTRA_PRACTICE':\n      return DartIcon;\n    case 'PUZZLE_EASY':\n    case 'PUZZLE_MEDIUM':\n    case 'PUZZLE_HARD':\n      return PuzzleIcon;\n\n    default:\n      return '';\n  }\n};\n\nexport { getNodeStateBasedTagInfo, getNodeCardBasedIcon };\n"],"names":["getNodeStateBasedTagInfo","nodeState","accuracy","jsx","Lock2Icon","InProgressIconWrapper","StatusIcon","Tag","Check2Icon","ExclamationIcon","getNodeCardBasedIcon","nodeType","Bulb2Icon","RecapIcon","AlarmIcon","DartIcon","PuzzleIcon"],"mappings":";;;;;;;;;;;;AAcM,MAAAA,IAA2B,CAACC,GAAoCC,MAA6B;AACjG,UAAQD,GAAW;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,QACL,MAAO,gBAAAE,EAAAC,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAD,EAACE,GACC,EAAA,UAAA,gBAAAF,EAACG,IAAW,CAAA,GACd;AAAA,MAAA;AAAA,IAGN,KAAK;AACI,aAAA;AAAA,QACL,MACE,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,OAAO,OAAON,KAAa,WAAW,GAAGA,CAAQ,MAAM;AAAA,UAAA;AAAA,QACzD;AAAA,QAEF,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAEX,KAAK;AACI,aAAA;AAAA,QACL,MAAM,gBAAAC,EAACI,GAAI,EAAA,MAAME,EAAiB,CAAA;AAAA;AAAA,QAClC,KAAK;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IAGX;AACS,aAAA;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,EAEZ;AACF,GAEMC,IAAuB,CAACC,MAA0C;AACtE,UAAQA,GAAU;AAAA,IAChB,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAAC;AAAA,IAET;AACS,aAAA;AAAA,EACX;AACF;"}

package/dist/features/cue-canvas/cue-canvas-core.js

@@ -1,68 +1,156 @@
-var c = Object.defineProperty;
-var d = (o, t, s) => t in o ? c(o, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[t] = s;
-var e = (o, t, s) => d(o, typeof t != "symbol" ? t + "" : t, s);
-import { removeMask as p, getReverseMap as u, getToolAndSubtool as l } from "./cue-canvas-helpers.js";
-class y {
-  constructor(t, s, i, a, h, n, r) {
-    e(this, "polycanvas");
-    e(this, "publish");
-    e(this, "height");
-    e(this, "onUpdateHeight");
-    e(this, "userId");
-    e(this, "responseId");
-    e(this, "userType");
-    e(this, "resetViewPort", () => {
-      this.polycanvas && this.polycanvas.resetViewport();
-    });
-    e(this, "onChange", (t) => {
-      const i = Object.fromEntries(t.entries());
+var d = Object.defineProperty;
+var u = (r, t, e) => t in r ? d(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var s = (r, t, e) => u(r, typeof t != "symbol" ? t + "" : t, e);
+import v from "../../node_modules/lodash.debounce/index.js";
+import { removeMask as f, checkTextOrEquationTool as g, getReverseMap as y, getToolAndSubtool as m } from "./cue-canvas-helpers.js";
+class T {
+  constructor(t, e, i, n, o, a, p, h, c, l) {
+    s(this, "polycanvas");
+    s(this, "publish");
+    s(this, "height");
+    s(this, "onUpdateActiveTool");
+    s(this, "onUpdateHeight");
+    s(this, "userId");
+    s(this, "responseId");
+    s(this, "userType");
+    s(this, "renderAs");
+    s(this, "fileInput", null);
+    s(this, "debouncedViewportChange");
+    s(this, "uploadImageToS3");
+    s(this, "publishToChannel", (t, e, i) => {
       this.publish && this.publish({
         eventName: "cue_canvas_changed",
         eventPayload: {
-          data: i,
+          data: t,
           height: this.height,
           userId: this.userId,
-          responseId: this.responseId
+          responseId: this.responseId,
+          gridName: e,
+          dimension: i
         }
       });
     });
-    e(this, "undo", () => {
+    s(this, "onChange", (t) => {
+      const i = Object.fromEntries(t.entries());
+      g(i) && this.onUpdateActiveTool("move"), this.publishToChannel(i);
+    });
+    s(this, "undo", () => {
       if (!this.polycanvas)
         return;
       const t = this.polycanvas.undo();
       if (!t)
         return;
-      const s = u(t);
-      this.onChange(s);
+      const e = y(t);
+      this.onChange(e);
     });
-    e(this, "redo", () => {
+    s(this, "redo", () => {
       if (!this.polycanvas)
         return;
       const t = this.polycanvas.redo();
       t && this.onChange(t);
     });
-    e(this, "setTool", (t) => {
+    s(this, "clearCanvas", () => {
+      this.polycanvas && this.polycanvas.clear();
+    });
+    s(this, "zoomIn", () => {
+      if (!this.polycanvas) return;
+      const t = this.polycanvas.getViewport();
+      this.polycanvas.setViewport(t.x, t.y, t.zoom * 1.1);
+    });
+    s(this, "zoomOut", () => {
+      if (!this.polycanvas) return;
+      const t = this.polycanvas.getViewport();
+      this.polycanvas.setViewport(t.x, t.y, t.zoom * 0.9);
+    });
+    s(this, "downloadCanvasAsImage", async () => {
+      if (!this.polycanvas) return;
+      const t = await this.polycanvas.image(3e3, 3e3, "png");
+      if (!t) return;
+      const e = document.createElement("a");
+      e.href = t, e.download = `canvas-drawing-${Date.now()}.png`, e.click();
+    });
+    s(this, "uploadFileToCanvas", async (t) => new Promise((e, i) => {
+      this.uploadImageToS3 ? e(this.uploadImageToS3(t)) : i(new Error("Upload function not provided"));
+    }));
+    s(this, "onViewPortChange", (t) => {
+      if (!this.publish) return;
+      const e = t;
+      this.publishToChannel({}, void 0, e);
+    });
+    s(this, "openFileUpload", () => {
+      this.fileInput || (this.fileInput = document.createElement("input"), this.fileInput.type = "file", this.fileInput.accept = "image/*", this.fileInput.style.display = "none", this.fileInput.onchange = this.addImageToCanvas, document.body.appendChild(this.fileInput)), this.fileInput.click();
+    });
+    s(this, "addImageToCanvas", async (t) => {
+      var h;
+      const e = t.target, i = (h = e.files) == null ? void 0 : h[0];
+      if (!i || !this.polycanvas || !this.uploadImageToS3) return;
+      const n = await this.uploadImageToS3(i), o = this.polycanvas.getViewport(), a = {
+        name: "image",
+        href: n,
+        x: o.x + 88,
+        y: o.y + 88
+      }, p = this.polycanvas.add({
+        ...a
+      });
+      this.publishToChannel({
+        [p]: [void 0, { ...a, status: "locked" }]
+      }), e.value = "";
+    });
+    s(this, "updateCanvasConfig", (t, e, i) => {
+      this.polycanvas && (t > this.height && this.updateHeight(t), e && this.polycanvas.setViewport(e.x, e.y, e.zoom), i && this.polycanvas.setOptions({
+        grid: i
+      }));
+    });
+    s(this, "updateCanvas", ({ data: t, userId: e }) => {
+      const i = this.userType === "TEACHER" || e === this.userId;
+      Object.entries(t).forEach(([n, o]) => {
+        var a, p, h;
+        !o[0] && o[1] ? (a = this.polycanvas) == null || a.add({ ...o[1], cannotEdit: !i }, n) : o[0] && !o[1] ? (p = this.polycanvas) == null || p.delete(n) : o[0] && o[1] && ((h = this.polycanvas) == null || h.update(n, { ...o[1] }));
+      });
+    });
+    s(this, "resetViewPort", () => {
+      this.polycanvas && this.polycanvas.resetViewport();
+    });
+    s(this, "changeGrid", (t) => {
+      this.polycanvas && (this.polycanvas.setOptions({
+        grid: t
+      }), this.publishToChannel({}, t));
+    });
+    s(this, "setTool", (t) => {
       if (this.polycanvas) {
-        const [s, i] = l(t);
-        switch (s) {
+        const [e, i] = m(t);
+        switch (e) {
+          case "clearAll":
+            this.clearCanvas();
+            break;
+          case "home":
+            this.resetViewPort();
+            break;
           case "undo":
             this.undo();
             break;
           case "redo":
             this.redo();
             break;
+          case "zoomIn":
+            this.zoomIn();
+            break;
+          case "zoomOut":
+            this.zoomOut();
+            break;
+          case "upload":
+            this.openFileUpload();
+            break;
+          case "download":
+            this.downloadCanvasAsImage();
+            break;
+          case "grid":
+            break;
           default:
-            this.polycanvas.setTool(s, i);
+            this.polycanvas.setTool(e, i);
         }
       }
     });
-    e(this, "updateCanvas", ({ data: t, userId: s }) => {
-      const i = this.userType === "TEACHER" || s === this.userId;
-      Object.entries(t).forEach(([a, h]) => {
-        var n, r;
-        !h[0] && h[1] ? (n = this.polycanvas) == null || n.add({ ...h[1], cannotEdit: !i }, a) : h[0] && !h[1] && ((r = this.polycanvas) == null || r.delete(a));
-      });
-    });
     /**
      * The `update` method is called in two cases:
      * 1. When receiving initial data to update the canvas content.
@@ -75,36 +163,37 @@ class y {
      *
      * Additionally, if the payload contains a height greater than the current height of the canvas, the `updateHeight` method is called to update the canvas height.
      */
-    e(this, "update", (t) => {
+    s(this, "update", (t) => {
       if (Array.isArray(t)) {
-        const s = t.map((a) => a.height), i = Math.max(...s);
-        i > this.height && this.updateHeight(i), t.forEach((a) => this.updateCanvas(a));
+        const e = t.map((a) => a.height).filter(Boolean), i = Math.max(...e), n = t.map((a) => a.dimension).filter(Boolean)[t.length - 1], o = t.map((a) => a.gridName).filter(Boolean)[t.length - 1];
+        this.updateCanvasConfig(i, n, o), t.forEach((a) => this.updateCanvas(a));
       } else
-        t.height > this.height && this.updateHeight(t.height), this.updateCanvas(t);
+        this.updateCanvasConfig(t.height, t.dimension, t == null ? void 0 : t.gridName), this.updateCanvas(t);
     });
-    e(this, "setColor", (t) => {
+    s(this, "setColor", (t) => {
       this.polycanvas && this.polycanvas.setColor(t);
     });
-    e(this, "updateHeight", (t) => {
+    s(this, "updateHeight", (t) => {
       this.height = t, this.onUpdateHeight(t);
     });
-    e(this, "destroy", () => {
-      this.polycanvas && (this.polycanvas.off("change", this.onChange), this.polycanvas.destroy(), this.polycanvas = void 0);
+    s(this, "destroy", () => {
+      this.polycanvas && (this.polycanvas.off("change", this.onChange), this.polycanvas.destroy(), this.debouncedViewportChange.cancel(), this.renderAs === "whiteboard" && this.userType === "TEACHER" && this.polycanvas.off("viewport", this.debouncedViewportChange), this.polycanvas = void 0, this.fileInput && this.fileInput.parentNode && (this.fileInput.parentNode.removeChild(this.fileInput), this.fileInput = null));
     });
-    this.onUpdateHeight = i, this.height = a, this.userId = h, this.responseId = n, this.publish = t, this.userType = r, s(this.responseId, this.update);
+    this.onUpdateHeight = n, this.onUpdateActiveTool = i, this.height = a, this.uploadImageToS3 = o, this.userId = p, this.responseId = h, this.publish = t, this.userType = c, this.renderAs = l, this.debouncedViewportChange = v(this.onViewPortChange, 300), e(this.responseId, this.update);
   }
-  async create({ canvasElementRef: t, canvasConfig: s, canvasSetting: i, initialData: a }) {
+  async create({ canvasElementRef: t, canvasConfig: e, canvasSetting: i, initialData: n }) {
     if (!t.current)
       throw new Error("PolyCanvas: Div Element Not found for canvas");
     this.polycanvas = await window.Polypad.create(t.current, {
       initial: {
-        options: s
+        options: e
       },
-      ...i
-    }), p(t), this.polycanvas.on("change", this.onChange), a && this.update(a);
+      ...i,
+      imageUpload: this.renderAs === "whiteboard" && this.userType === "TEACHER" ? this.uploadFileToCanvas : void 0
+    }), this.renderAs === "whiteboard" && this.userType === "TEACHER" && this.polycanvas.on("viewport", this.debouncedViewportChange), f(t), this.polycanvas.on("change", this.onChange), n && this.update(n);
   }
 }
 export {
-  y as CueCanvasCore
+  T as CueCanvasCore
 };
 //# sourceMappingURL=cue-canvas-core.js.map