@cuemath/leap 3.1.2-j2 → 3.1.2

package/dist/features/cue-canvas/toolbar/grid-menu.js

@@ -1,27 +1,27 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { memo as f, useRef as C, useCallback as $ } from "react";
-import n from "../../ui/buttons/clickable/clickable.js";
+import t from "../../ui/buttons/clickable/clickable.js";
 import h from "../../ui/hooks/use-context-menu-click-handler.js";
-import t from "../../ui/layout/flex-view.js";
+import l from "../../ui/layout/flex-view.js";
 import { GRID_NAMES as b } from "../cue-canvas-helpers.js";
 import { StyledWrapper as k, MenuWrapper as G } from "../cue-cavas-styled.js";
-import { useCueCanvasActions as l } from "../hooks/use-cue-canvas-actions.js";
+import { useCueCanvasActions as c } from "../hooks/use-cue-canvas-actions.js";
 import { GRID_TO_COMP as x } from "./icon-map.js";
-const A = f(({ GridIcon: c }) => {
-  const { activeInstance: e } = l(), i = C(null), { activeTool: d } = l(), { menuVisible: m, onMenuClick: u } = h(
-    i,
+const A = f(({ GridIcon: d }) => {
+  const { activeInstance: e } = c(), n = C(null), { activeTool: m } = c(), { menuVisible: u, onMenuClick: i } = h(
+    n,
     void 0,
     !0,
     void 0
   ), p = $(
     (o) => {
-      e == null || e.changeGrid(o);
+      e == null || e.changeGrid(o), i();
     },
-    [e]
+    [e, i]
   );
-  return /* @__PURE__ */ a(t, { $gutterX: 0.25, ref: i, children: [
-    /* @__PURE__ */ r(n, { onClick: u, label: "grid", children: /* @__PURE__ */ r(k, { $active: d === "grid", children: /* @__PURE__ */ r(c, {}) }) }),
-    m && /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(l, { $gutterX: 0.25, ref: n, children: [
+    /* @__PURE__ */ r(t, { onClick: i, label: "grid", children: /* @__PURE__ */ r(k, { $active: m === "grid", children: /* @__PURE__ */ r(d, {}) }) }),
+    u && /* @__PURE__ */ r(
       G,
       {
         $borderColor: "GREY_1",
@@ -33,12 +33,12 @@ const A = f(({ GridIcon: c }) => {
         children: b.map((o) => {
           const s = x[o];
           return /* @__PURE__ */ r(
-            n,
+            t,
             {
               onClick: () => p(o),
               label: o,
               children: /* @__PURE__ */ r(
-                t,
+                l,
                 {
                   $width: 48,
                   $height: 48,

package/dist/features/cue-canvas/toolbar/grid-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-menu.js","sources":["../../../../src/features/cue-canvas/toolbar/grid-menu.tsx"],"sourcesContent":["import type { TCueCanvasGridName } from '../types/cue-canvas';\nimport type { IGridMenu, TToolComponentType } from '../types/toolbar';\n\nimport React, { memo, useCallback, useRef } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../ui/layout/flex-view';\nimport { GRID_NAMES } from '../cue-canvas-helpers';\nimport { MenuWrapper, StyledWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport { GRID_TO_COMP } from './icon-map';\n\nconst GridMenu: React.FC<IGridMenu> = memo(({ GridIcon }) => {\n  const { activeInstance: cueCanvas } = useCueCanvasActions();\n  const gridMenuRef = useRef(null);\n  const { activeTool } = useCueCanvasActions();\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    gridMenuRef,\n    undefined,\n    true,\n    undefined,\n  );\n  const onGridOptionClick = useCallback(\n    (gridOption: TCueCanvasGridName) => {\n      cueCanvas?.changeGrid(gridOption);\n    },\n    [cueCanvas],\n  );\n\n  return (\n    <FlexView $gutterX={0.25} ref={gridMenuRef}>\n      <Clickable onClick={onMenuClick} label=\"grid\">\n        <StyledWrapper $active={activeTool === 'grid'}>\n          <GridIcon />\n        </StyledWrapper>\n      </Clickable>\n      {menuVisible && (\n        <MenuWrapper\n          $borderColor=\"GREY_1\"\n          $background=\"GREY_1\"\n          $flexDirection=\"row\"\n          $widthX={11.15}\n          $flexWrap={true}\n          $flexGapX={0.5}\n        >\n          {GRID_NAMES.map(gridName => {\n            const GridComponent = GRID_TO_COMP[gridName] as TToolComponentType;\n\n            return (\n              <Clickable\n                key={gridName}\n                onClick={() => onGridOptionClick(gridName)}\n                label={gridName}\n              >\n                <FlexView\n                  $width={48}\n                  $height={48}\n                  $borderColor=\"BLACK\"\n                  $borderRadius={4}\n                  $background=\"WHITE\"\n                >\n                  <GridComponent />\n                </FlexView>\n              </Clickable>\n            );\n          })}\n        </MenuWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GridMenu;\n"],"names":["GridMenu","memo","GridIcon","cueCanvas","useCueCanvasActions","gridMenuRef","useRef","activeTool","menuVisible","onMenuClick","useContextMenuClickHandler","onGridOptionClick","useCallback","gridOption","jsxs","FlexView","jsx","Clickable","StyledWrapper","MenuWrapper","GRID_NAMES","gridName","GridComponent","GRID_TO_COMP"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAgCC,EAAK,CAAC,EAAE,UAAAC,QAAe;AAC3D,QAAM,EAAE,gBAAgBC,EAAU,IAAIC,EAAoB,GACpDC,IAAcC,EAAO,IAAI,GACzB,EAAE,YAAAC,MAAeH,KACjB,EAAE,aAAAI,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAEIM,IAAoBC;AAAA,IACxB,CAACC,MAAmC;AAClC,MAAAV,KAAA,QAAAA,EAAW,WAAWU;AAAA,IACxB;AAAA,IACA,CAACV,CAAS;AAAA,EAAA;AAGZ,SACG,gBAAAW,EAAAC,GAAA,EAAS,UAAU,MAAM,KAAKV,GAC7B,UAAA;AAAA,IAAA,gBAAAW,EAACC,GAAU,EAAA,SAASR,GAAa,OAAM,QACrC,UAAA,gBAAAO,EAACE,GAAc,EAAA,SAASX,MAAe,QACrC,UAAC,gBAAAS,EAAAd,GAAA,CAAA,CAAS,EACZ,CAAA,GACF;AAAA,IACCM,KACC,gBAAAQ;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,gBAAe;AAAA,QACf,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QAEV,UAAAC,EAAW,IAAI,CAAYC,MAAA;AACpB,gBAAAC,IAAgBC,EAAaF,CAAQ;AAGzC,iBAAA,gBAAAL;AAAA,YAACC;AAAA,YAAA;AAAA,cAEC,SAAS,MAAMN,EAAkBU,CAAQ;AAAA,cACzC,OAAOA;AAAA,cAEP,UAAA,gBAAAL;AAAA,gBAACD;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,cAAa;AAAA,kBACb,eAAe;AAAA,kBACf,aAAY;AAAA,kBAEZ,4BAACO,GAAc,EAAA;AAAA,gBAAA;AAAA,cACjB;AAAA,YAAA;AAAA,YAZKD;AAAA,UAAA;AAAA,QAaP,CAEH;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"grid-menu.js","sources":["../../../../src/features/cue-canvas/toolbar/grid-menu.tsx"],"sourcesContent":["import type { TCueCanvasGridName } from '../types/cue-canvas';\nimport type { IGridMenu, TToolComponentType } from '../types/toolbar';\n\nimport React, { memo, useCallback, useRef } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../ui/layout/flex-view';\nimport { GRID_NAMES } from '../cue-canvas-helpers';\nimport { MenuWrapper, StyledWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport { GRID_TO_COMP } from './icon-map';\n\nconst GridMenu: React.FC<IGridMenu> = memo(({ GridIcon }) => {\n  const { activeInstance: cueCanvas } = useCueCanvasActions();\n  const gridMenuRef = useRef(null);\n  const { activeTool } = useCueCanvasActions();\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    gridMenuRef,\n    undefined,\n    true,\n    undefined,\n  );\n  const onGridOptionClick = useCallback(\n    (gridOption: TCueCanvasGridName) => {\n      cueCanvas?.changeGrid(gridOption);\n      onMenuClick();\n    },\n    [cueCanvas, onMenuClick],\n  );\n\n  return (\n    <FlexView $gutterX={0.25} ref={gridMenuRef}>\n      <Clickable onClick={onMenuClick} label=\"grid\">\n        <StyledWrapper $active={activeTool === 'grid'}>\n          <GridIcon />\n        </StyledWrapper>\n      </Clickable>\n      {menuVisible && (\n        <MenuWrapper\n          $borderColor=\"GREY_1\"\n          $background=\"GREY_1\"\n          $flexDirection=\"row\"\n          $widthX={11.15}\n          $flexWrap={true}\n          $flexGapX={0.5}\n        >\n          {GRID_NAMES.map(gridName => {\n            const GridComponent = GRID_TO_COMP[gridName] as TToolComponentType;\n\n            return (\n              <Clickable\n                key={gridName}\n                onClick={() => onGridOptionClick(gridName)}\n                label={gridName}\n              >\n                <FlexView\n                  $width={48}\n                  $height={48}\n                  $borderColor=\"BLACK\"\n                  $borderRadius={4}\n                  $background=\"WHITE\"\n                >\n                  <GridComponent />\n                </FlexView>\n              </Clickable>\n            );\n          })}\n        </MenuWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GridMenu;\n"],"names":["GridMenu","memo","GridIcon","cueCanvas","useCueCanvasActions","gridMenuRef","useRef","activeTool","menuVisible","onMenuClick","useContextMenuClickHandler","onGridOptionClick","useCallback","gridOption","jsxs","FlexView","jsx","Clickable","StyledWrapper","MenuWrapper","GRID_NAMES","gridName","GridComponent","GRID_TO_COMP"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAgCC,EAAK,CAAC,EAAE,UAAAC,QAAe;AAC3D,QAAM,EAAE,gBAAgBC,EAAU,IAAIC,EAAoB,GACpDC,IAAcC,EAAO,IAAI,GACzB,EAAE,YAAAC,MAAeH,KACjB,EAAE,aAAAI,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAEIM,IAAoBC;AAAA,IACxB,CAACC,MAAmC;AAClC,MAAAV,KAAA,QAAAA,EAAW,WAAWU,IACVJ;IACd;AAAA,IACA,CAACN,GAAWM,CAAW;AAAA,EAAA;AAGzB,SACG,gBAAAK,EAAAC,GAAA,EAAS,UAAU,MAAM,KAAKV,GAC7B,UAAA;AAAA,IAAA,gBAAAW,EAACC,GAAU,EAAA,SAASR,GAAa,OAAM,QACrC,UAAA,gBAAAO,EAACE,GAAc,EAAA,SAASX,MAAe,QACrC,UAAC,gBAAAS,EAAAd,GAAA,CAAA,CAAS,EACZ,CAAA,GACF;AAAA,IACCM,KACC,gBAAAQ;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,gBAAe;AAAA,QACf,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QAEV,UAAAC,EAAW,IAAI,CAAYC,MAAA;AACpB,gBAAAC,IAAgBC,EAAaF,CAAQ;AAGzC,iBAAA,gBAAAL;AAAA,YAACC;AAAA,YAAA;AAAA,cAEC,SAAS,MAAMN,EAAkBU,CAAQ;AAAA,cACzC,OAAOA;AAAA,cAEP,UAAA,gBAAAL;AAAA,gBAACD;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,cAAa;AAAA,kBACb,eAAe;AAAA,kBACf,aAAY;AAAA,kBAEZ,4BAACO,GAAc,EAAA;AAAA,gBAAA;AAAA,cACjB;AAAA,YAAA;AAAA,YAZKD;AAAA,UAAA;AAAA,QAaP,CAEH;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/cue-canvas/toolbar/tool.js

@@ -1,34 +1,36 @@
 import { jsx as r } from "react/jsx-runtime";
-import { memo as p, useCallback as T } from "react";
-import f from "../../ui/buttons/clickable/clickable.js";
-import d from "../../ui/layout/flex-view.js";
-import { STATELESS_TOOLS as C, getIsWritingTool as u } from "../cue-canvas-helpers.js";
-import { StyledWrapper as v } from "../cue-cavas-styled.js";
+import { memo as T, useCallback as d } from "react";
+import C from "../../ui/buttons/clickable/clickable.js";
+import u from "../../ui/layout/flex-view.js";
+import { STATELESS_TOOLS as v, getIsWritingTool as h } from "../cue-canvas-helpers.js";
+import { StyledWrapper as k } from "../cue-cavas-styled.js";
 import { useCueCanvasActions as O } from "../hooks/use-cue-canvas-actions.js";
 import S from "./grid-menu.js";
 import { TOOLS_TO_COMP as $ } from "./icon-map.js";
-const h = ({ tool: o, withGutter: n, shouldAnimate: l }) => {
-  const e = $[o], {
-    activeInstance: i,
+const A = ({ tool: o, withGutter: a, shouldAnimate: s }) => {
+  const t = $[o], {
+    activeInstance: e,
     setActiveTool: m,
     activeTool: c,
-    activeColor: a
-  } = O(), s = T(
-    (t) => {
-      i == null || i.setTool(t), C.has(t) || m(t);
+    activeColor: f,
+    homeworkId: l,
+    setHomeworkId: n
+  } = O(), p = d(
+    (i) => {
+      e == null || e.setTool(i), i === "clearAll" && l && n(void 0), v.has(i) || m(i);
     },
-    [i, m]
+    [e, l, m, n]
   );
-  return o === "grid" ? /* @__PURE__ */ r(S, { GridIcon: e }) : /* @__PURE__ */ r(d, { $gutterX: n ? 0.25 : 0, children: /* @__PURE__ */ r(f, { onClick: () => s(o), label: o, children: u(o) ? /* @__PURE__ */ r(
-    e,
+  return o === "grid" ? /* @__PURE__ */ r(S, { GridIcon: t }) : /* @__PURE__ */ r(u, { $gutterX: a ? 0.25 : 0, children: /* @__PURE__ */ r(C, { onClick: () => p(o), label: o, children: h(o) ? /* @__PURE__ */ r(
+    t,
     {
       $active: c === o,
-      $activeColor: a,
-      $shouldAnimate: l
+      $activeColor: f,
+      $shouldAnimate: s
     }
-  ) : /* @__PURE__ */ r(v, { $active: c === o, children: /* @__PURE__ */ r(e, {}) }) }) });
-}, G = p(h);
+  ) : /* @__PURE__ */ r(k, { $active: c === o, children: /* @__PURE__ */ r(t, {}) }) }) });
+}, M = T(A);
 export {
-  G as default
+  M as default
 };
 //# sourceMappingURL=tool.js.map

package/dist/features/cue-canvas/toolbar/tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool.js","sources":["../../../../src/features/cue-canvas/toolbar/tool.tsx"],"sourcesContent":["import type { TCueCanvasTool } from '../types/cue-canvas';\nimport type { TToolComponentType } from '../types/toolbar';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getIsWritingTool, STATELESS_TOOLS } from '../cue-canvas-helpers';\nimport { StyledWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport GridMenu from './grid-menu';\nimport { TOOLS_TO_COMP } from './icon-map';\n\ninterface IToolProps {\n  tool: TCueCanvasTool;\n  withGutter?: boolean;\n  shouldAnimate?: boolean;\n}\n\nconst Tool: FC<IToolProps> = ({ tool, withGutter, shouldAnimate }) => {\n  const ToolComponent = TOOLS_TO_COMP[tool] as TToolComponentType;\n  const {\n    activeInstance: cueCanvas,\n    setActiveTool,\n    activeTool,\n    activeColor,\n  } = useCueCanvasActions();\n\n  const onToolClick = useCallback(\n    (t: TCueCanvasTool) => {\n      cueCanvas?.setTool(t);\n\n      if (!STATELESS_TOOLS.has(t)) {\n        setActiveTool(t);\n      }\n    },\n    [cueCanvas, setActiveTool],\n  );\n\n  if (tool === 'grid') {\n    return <GridMenu GridIcon={ToolComponent} />;\n  }\n\n  return (\n    <FlexView $gutterX={withGutter ? 0.25 : 0}>\n      <Clickable onClick={() => onToolClick(tool)} label={tool}>\n        {getIsWritingTool(tool) ? (\n          <ToolComponent\n            $active={activeTool === tool}\n            $activeColor={activeColor}\n            $shouldAnimate={shouldAnimate}\n          />\n        ) : (\n          <StyledWrapper $active={activeTool === tool}>\n            <ToolComponent />\n          </StyledWrapper>\n        )}\n      </Clickable>\n    </FlexView>\n  );\n};\n\nexport default memo(Tool);\n"],"names":["Tool","tool","withGutter","shouldAnimate","ToolComponent","TOOLS_TO_COMP","cueCanvas","setActiveTool","activeTool","activeColor","useCueCanvasActions","onToolClick","useCallback","STATELESS_TOOLS","jsx","GridMenu","FlexView","Clickable","getIsWritingTool","StyledWrapper","Tool$1","memo"],"mappings":";;;;;;;;;AAoBA,MAAMA,IAAuB,CAAC,EAAE,MAAAC,GAAM,YAAAC,GAAY,eAAAC,QAAoB;AAC9D,QAAAC,IAAgBC,EAAcJ,CAAI,GAClC;AAAA,IACJ,gBAAgBK;AAAA,IAChB,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,MACEC,EAAoB,GAElBC,IAAcC;AAAA,IAClB,CAAC,MAAsB;AACrB,MAAAN,KAAA,QAAAA,EAAW,QAAQ,IAEdO,EAAgB,IAAI,CAAC,KACxBN,EAAc,CAAC;AAAA,IAEnB;AAAA,IACA,CAACD,GAAWC,CAAa;AAAA,EAAA;AAG3B,SAAIN,MAAS,SACJ,gBAAAa,EAACC,GAAS,EAAA,UAAUX,EAAe,CAAA,sBAIzCY,GAAS,EAAA,UAAUd,IAAa,OAAO,GACtC,UAAC,gBAAAY,EAAAG,GAAA,EAAU,SAAS,MAAMN,EAAYV,CAAI,GAAG,OAAOA,GACjD,UAAAiB,EAAiBjB,CAAI,IACpB,gBAAAa;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,SAASI,MAAeP;AAAA,MACxB,cAAcQ;AAAA,MACd,gBAAgBN;AAAA,IAAA;AAAA,EAClB,IAEC,gBAAAW,EAAAK,GAAA,EAAc,SAASX,MAAeP,GACrC,UAAC,gBAAAa,EAAAV,GAAA,CAAc,CAAA,EACjB,CAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEegB,IAAAC,EAAKrB,CAAI;"}
+{"version":3,"file":"tool.js","sources":["../../../../src/features/cue-canvas/toolbar/tool.tsx"],"sourcesContent":["import type { TCueCanvasTool } from '../types/cue-canvas';\nimport type { TToolComponentType } from '../types/toolbar';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getIsWritingTool, STATELESS_TOOLS } from '../cue-canvas-helpers';\nimport { StyledWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport GridMenu from './grid-menu';\nimport { TOOLS_TO_COMP } from './icon-map';\n\ninterface IToolProps {\n  tool: TCueCanvasTool;\n  withGutter?: boolean;\n  shouldAnimate?: boolean;\n}\n\nconst Tool: FC<IToolProps> = ({ tool, withGutter, shouldAnimate }) => {\n  const ToolComponent = TOOLS_TO_COMP[tool] as TToolComponentType;\n  const {\n    activeInstance: cueCanvas,\n    setActiveTool,\n    activeTool,\n    activeColor,\n    homeworkId,\n    setHomeworkId,\n  } = useCueCanvasActions();\n\n  const onToolClick = useCallback(\n    (t: TCueCanvasTool) => {\n      cueCanvas?.setTool(t);\n      if (t === 'clearAll' && homeworkId) {\n        setHomeworkId(undefined);\n      }\n\n      if (!STATELESS_TOOLS.has(t)) {\n        setActiveTool(t);\n      }\n    },\n    [cueCanvas, homeworkId, setActiveTool, setHomeworkId],\n  );\n\n  if (tool === 'grid') {\n    return <GridMenu GridIcon={ToolComponent} />;\n  }\n\n  return (\n    <FlexView $gutterX={withGutter ? 0.25 : 0}>\n      <Clickable onClick={() => onToolClick(tool)} label={tool}>\n        {getIsWritingTool(tool) ? (\n          <ToolComponent\n            $active={activeTool === tool}\n            $activeColor={activeColor}\n            $shouldAnimate={shouldAnimate}\n          />\n        ) : (\n          <StyledWrapper $active={activeTool === tool}>\n            <ToolComponent />\n          </StyledWrapper>\n        )}\n      </Clickable>\n    </FlexView>\n  );\n};\n\nexport default memo(Tool);\n"],"names":["Tool","tool","withGutter","shouldAnimate","ToolComponent","TOOLS_TO_COMP","cueCanvas","setActiveTool","activeTool","activeColor","homeworkId","setHomeworkId","useCueCanvasActions","onToolClick","useCallback","t","STATELESS_TOOLS","jsx","GridMenu","FlexView","Clickable","getIsWritingTool","StyledWrapper","Tool$1","memo"],"mappings":";;;;;;;;;AAoBA,MAAMA,IAAuB,CAAC,EAAE,MAAAC,GAAM,YAAAC,GAAY,eAAAC,QAAoB;AAC9D,QAAAC,IAAgBC,EAAcJ,CAAI,GAClC;AAAA,IACJ,gBAAgBK;AAAA,IAChB,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,MACEC,EAAoB,GAElBC,IAAcC;AAAA,IAClB,CAACC,MAAsB;AACrB,MAAAT,KAAA,QAAAA,EAAW,QAAQS,IACfA,MAAM,cAAcL,KACtBC,EAAc,MAAS,GAGpBK,EAAgB,IAAID,CAAC,KACxBR,EAAcQ,CAAC;AAAA,IAEnB;AAAA,IACA,CAACT,GAAWI,GAAYH,GAAeI,CAAa;AAAA,EAAA;AAGtD,SAAIV,MAAS,SACJ,gBAAAgB,EAACC,GAAS,EAAA,UAAUd,EAAe,CAAA,sBAIzCe,GAAS,EAAA,UAAUjB,IAAa,OAAO,GACtC,UAAC,gBAAAe,EAAAG,GAAA,EAAU,SAAS,MAAMP,EAAYZ,CAAI,GAAG,OAAOA,GACjD,UAAAoB,EAAiBpB,CAAI,IACpB,gBAAAgB;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,SAASI,MAAeP;AAAA,MACxB,cAAcQ;AAAA,MACd,gBAAgBN;AAAA,IAAA;AAAA,EAClB,IAEC,gBAAAc,EAAAK,GAAA,EAAc,SAASd,MAAeP,GACrC,UAAC,gBAAAgB,EAAAb,GAAA,CAAc,CAAA,EACjB,CAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEemB,IAAAC,EAAKxB,CAAI;"}

package/dist/features/homework/styles.js

@@ -18,7 +18,7 @@ const c = r(e)(({ theme: o }) => `
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-`, u = r(e)(({
+`, x = r(e)(({
   $shouldopenonright: o,
   $visible: t
 }) => `
@@ -33,8 +33,9 @@ const c = r(e)(({ theme: o }) => `
     transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
     box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);
     z-index: 10;
-  `), x = r(e)`
+  `), u = r(e)`
   border: 1px solid ${({ theme: o }) => o.colors.BLACK_T_15};
+  border-top-width: 2px;
   &:hover {
     border: 1px solid ${({ theme: o }) => o.colors.BLACK};
     border-top-width: 2px;
@@ -117,9 +118,9 @@ export {
   w as BannerImageWrapper,
   v as BlurContainer,
   $ as BlurFlexView,
-  x as CardContainer,
+  u as CardContainer,
   c as CardKebabMenuWrapper,
-  u as CardMenuOptionsWrapper,
+  x as CardMenuOptionsWrapper,
   b as CardWrapper,
   m as HeaderText,
   h as IconWrapper,

package/dist/features/homework/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ninterface ICardWrapperProps {\n  $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n  $visible: boolean;\n  $shouldopenonright: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    \n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport const SubHeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n  $shouldopenonright,\n  $visible,\n}) => {\n  return `\n    cursor: pointer;\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    right: ${$shouldopenonright ? 0 : 'auto'};\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n    z-index: 10;\n  `;\n});\n\nexport const CardContainer = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.BLACK};\n    border-top-width: 2px;\n  }\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n  if ($bgImage) {\n    return `\n      background-image: url(${$bgImage});\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      overflow: hidden;\n    `;\n  }\n\n  return 'overflow: hidden;';\n});\n\nexport const IconWrapper = styled(FlexView)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n  position: absolute;\n  right: -18px;\n  top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    border: 1px solid ${theme.colors.BLACK_T_15};\n    width: ${gutter * 4}px;\n    height: ${gutter * 4}px;\n    border-radius: 50%;\n  `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n  path {\n    stroke: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const HeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: break-spaces;\n`;\n\ninterface ICardOptionWrapperProps {\n  $disabled?: boolean;\n}\ninterface ICardOptionsProps {\n  $top: number;\n  $left: number;\n}\n\nexport const CardOptions = styled(FlexView)<ICardOptionsProps>``;\n\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n  theme,\n  $disabled,\n}) => {\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    \n    &:hover {\n      background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n    };\n    \n    path {\n      fill: ${theme.colors.WHITE_1};\n    }\n  `;\n});\n\nexport const OptionText = styled(Text)`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const MenuWrapper = styled(FlexView)`\n  position: absolute;\n  z-index: 6;\n  top: calc(100% - 36px);\n  right: 12px;\n  transform-origin: top;\n  transform: scaleY(1);\n`;\n\nexport const BlurContainer = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.5;\n`;\n\nexport const BlurFlexView = styled(FlexView)`\n  position: absolute;\n  right: 42px;\n  top: 24px;\n`;\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$shouldopenonright","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","$disabled","MenuWrapper","BlurContainer","BlurFlexView"],"mappings":";;;;AAcO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,oBAAAK;AAAA,EACA,UAAAC;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA,aAKID,IAAqB,IAAI,MAAM;AAAA;AAAA,wBAEpBC,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,GAK9B,GAEYC,IAAgBR,EAAOC,CAAQ;AAAA,sBACtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA,wBAEpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,GAK5CO,IAAcT,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAS,QAC5DA,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ7B,mBACR,GAEYC,IAAcX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BW,IAAqBZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCY,IAAcb,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAY,EAAO,IAAIZ,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCY,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBf,EAAOgB,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAd,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCe,IAAajB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBVJ,EAAOC,CAAQ;AAETD,EAAOC,CAAQ,EAA2B,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,WAAAgB;AACF,MACS;AAAA,cACKA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,oBAG/BA,IAAY,gBAAgBhB,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIpDA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGjC;AAEyBF,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAMxB,MAAAe,IAAcnB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7BmB,IAAgBpB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS/BoB,IAAerB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../src/features/homework/styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Minus2Icon from '../../assets/line-icons/icons/minus2';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ninterface ICardWrapperProps {\n  $bgImage: string;\n}\ninterface ICardOptionsMenuWrapperProps {\n  $visible: boolean;\n  $shouldopenonright: boolean;\n}\n\nexport const CardKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    \n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport const SubHeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const CardMenuOptionsWrapper = styled(FlexView)<ICardOptionsMenuWrapperProps>(({\n  $shouldopenonright,\n  $visible,\n}) => {\n  return `\n    cursor: pointer;\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    right: ${$shouldopenonright ? 0 : 'auto'};\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.4);\n    z-index: 10;\n  `;\n});\n\nexport const CardContainer = styled(FlexView)`\n  border: 1px solid ${({ theme }) => theme.colors.BLACK_T_15};\n  border-top-width: 2px;\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.BLACK};\n    border-top-width: 2px;\n  }\n`;\n\nexport const CardWrapper = styled(FlexView)<ICardWrapperProps>(({ $bgImage }) => {\n  if ($bgImage) {\n    return `\n      background-image: url(${$bgImage});\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      overflow: hidden;\n    `;\n  }\n\n  return 'overflow: hidden;';\n});\n\nexport const IconWrapper = styled(FlexView)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const BannerImageWrapper = styled(FlexView)`\n  position: absolute;\n  right: -18px;\n  top: -4px;\n`;\n\nexport const BannerImage = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    border: 1px solid ${theme.colors.BLACK_T_15};\n    width: ${gutter * 4}px;\n    height: ${gutter * 4}px;\n    border-radius: 50%;\n  `;\n});\n\nexport const StyledMinus2Icon = styled(Minus2Icon)`\n  path {\n    stroke: ${({ theme }) => theme.colors.WHITE};\n  }\n`;\n\nexport const HeaderText = styled(Text)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: break-spaces;\n`;\n\ninterface ICardOptionWrapperProps {\n  $disabled?: boolean;\n}\ninterface ICardOptionsProps {\n  $top: number;\n  $left: number;\n}\n\nexport const CardOptions = styled(FlexView)<ICardOptionsProps>``;\n\nexport const CardOptionWrapper = styled(FlexView)<ICardOptionWrapperProps>(({\n  theme,\n  $disabled,\n}) => {\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    \n    &:hover {\n      background: ${$disabled ? 'transparent' : theme.colors.BLACK};\n    };\n    \n    path {\n      fill: ${theme.colors.WHITE_1};\n    }\n  `;\n});\n\nexport const OptionText = styled(Text)`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const MenuWrapper = styled(FlexView)`\n  position: absolute;\n  z-index: 6;\n  top: calc(100% - 36px);\n  right: 12px;\n  transform-origin: top;\n  transform: scaleY(1);\n`;\n\nexport const BlurContainer = styled(FlexView)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.5;\n`;\n\nexport const BlurFlexView = styled(FlexView)`\n  position: absolute;\n  right: 42px;\n  top: 24px;\n`;\n"],"names":["CardKebabMenuWrapper","styled","FlexView","theme","SubHeaderText","Text","CardMenuOptionsWrapper","$shouldopenonright","$visible","CardContainer","CardWrapper","$bgImage","IconWrapper","BannerImageWrapper","BannerImage","gutter","StyledMinus2Icon","Minus2Icon","HeaderText","$disabled","MenuWrapper","BlurContainer","BlurFlexView"],"mappings":";;;;AAcO,MAAMA,IAAuBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAEYC,IAAgBH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAAyBL,EAAOC,CAAQ,EAAgC,CAAC;AAAA,EACpF,oBAAAK;AAAA,EACA,UAAAC;AACF,MACS;AAAA;AAAA;AAAA;AAAA;AAAA,aAKID,IAAqB,IAAI,MAAM;AAAA;AAAA,wBAEpBC,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,GAK9B,GAEYC,IAAgBR,EAAOC,CAAQ;AAAA,sBACtB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,wBAGpC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA,GAK5CO,IAAcT,EAAOC,CAAQ,EAAqB,CAAC,EAAE,UAAAS,QAC5DA,IACK;AAAA,8BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ7B,mBACR,GAEYC,IAAcX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAM7BW,IAAqBZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMpCY,IAAcb,EAAO,IAAI,CAAC,EAAE,OAAAE,QAAY;AAC7C,QAAA,EAAE,QAAAY,EAAO,IAAIZ,EAAM;AAElB,SAAA;AAAA,wBACeA,EAAM,OAAO,UAAU;AAAA,aAClCY,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA;AAAA;AAGxB,CAAC,GAEYC,IAAmBf,EAAOgB,CAAU;AAAA;AAAA,cAEnC,CAAC,EAAE,OAAAd,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA,GAIlCe,IAAajB,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBVJ,EAAOC,CAAQ;AAETD,EAAOC,CAAQ,EAA2B,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,WAAAgB;AACF,MACS;AAAA,cACKA,IAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA,oBAG/BA,IAAY,gBAAgBhB,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,cAIpDA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGjC;AAEyBF,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAMxB,MAAAe,IAAcnB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7BmB,IAAgBpB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS/BoB,IAAerB,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/hooks/use-debounce.js

@@ -0,0 +1,16 @@
+import { useRef as n, useCallback as c } from "react";
+function a(u, r) {
+  const e = n(null);
+  return c(
+    (t) => (e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+      u(t);
+    }, r), () => {
+      e.current && clearTimeout(e.current);
+    }),
+    [u, r]
+  );
+}
+export {
+  a as default
+};
+//# sourceMappingURL=use-debounce.js.map

package/dist/features/hooks/use-debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.js","sources":["../../../src/features/hooks/use-debounce.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nfunction useDebounce<T>(callback: (arg: T) => void, wait: number) {\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const debouncedCallback = useCallback(\n    (val: T) => {\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n      timeoutIdRef.current = setTimeout(() => {\n        callback(val);\n      }, wait);\n\n      return () => {\n        if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n      };\n    },\n    [callback, wait],\n  );\n\n  return debouncedCallback;\n}\n\nexport default useDebounce;\n"],"names":["useDebounce","callback","wait","timeoutIdRef","useRef","useCallback","val"],"mappings":";AAEA,SAASA,EAAeC,GAA4BC,GAAc;AAC1D,QAAAC,IAAeC,EAA6C,IAAI;AAgB/D,SAdmBC;AAAA,IACxB,CAACC,OACKH,EAAa,WAAsB,aAAAA,EAAa,OAAO,GAC9CA,EAAA,UAAU,WAAW,MAAM;AACtC,MAAAF,EAASK,CAAG;AAAA,OACXJ,CAAI,GAEA,MAAM;AACX,MAAIC,EAAa,WAAsB,aAAAA,EAAa,OAAO;AAAA,IAAA;AAAA,IAG/D,CAACF,GAAUC,CAAI;AAAA,EAAA;AAInB;"}

package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js

@@ -1,34 +1,35 @@
-import { jsxs as v, Fragment as S, jsx as f } from "react/jsx-runtime";
-import { memo as w, useMemo as G, useCallback as O, useEffect as h } from "react";
-import A from "../../../../ui/inputs/select-input/select-input.js";
-import { GOAL_CATEGORY as E } from "../../../constants.js";
+import { jsxs as b, Fragment as v, jsx as f } from "react/jsx-runtime";
+import { memo as L, useMemo as A, useCallback as G, useEffect as S } from "react";
+import E from "../../../../ui/inputs/select-input/select-input.js";
+import { GOAL_CATEGORY as h } from "../../../constants.js";
 import { useMilestoneContext as z } from "../../milestone-create-context.js";
 import { getCurriculumStandardsFromConfig as H } from "../../milestone-create-helpers.js";
 import { getGradeBoardAndMajorBasedProgramCode as P } from "../chapters-selection-step/utils.js";
-import { useCatalogHelpers as X } from "./hooks/use-catalog-helpers.js";
-const Q = w(
+import { useCatalogHelpers as R } from "./hooks/use-catalog-helpers.js";
+const Q = L(
   ({
     config: s,
     region: t = "",
     courseStream: o,
     classRatio: C,
     searchChapterFields: e,
-    getCatalogChapters: j,
+    getCatalogChapters: O,
     onFormDataChange: r,
     enrollmentType: u
   }) => {
-    const { mode: x } = z(), {
+    const { mode: j } = z(), {
       selectedCurriculum: a = "",
       selectedGrade: m = "",
       selectedCourse: n = ""
-    } = e, { grades: M, boards: k, majors: p } = X({
+    } = e, { grades: w, boards: M, majors: p } = R({
       config: s,
       region: t,
       searchChapterFields: e,
       courseStream: o,
       classRatio: C,
-      enrollmentType: u
-    }), c = G(() => p.length > 1, [p]), y = O(
+      enrollmentType: u,
+      flow: "CREATE"
+    }), c = A(() => p.length > 1, [p]), k = G(
       (d) => {
         r({
           searchChapterFields: {
@@ -38,22 +39,23 @@ const Q = w(
         });
       },
       [e, r]
-    ), B = O(
+    ), y = G(
       (d) => {
-        var b;
-        let _ = e.selectedCurriculum;
-        (d === "-1" || d === "0") && (_ = (b = H(s, {
+        var _;
+        let x = e.selectedCurriculum;
+        (d === "-1" || d === "0") && (x = (_ = H(s, {
           countryCode: t ?? "",
           grade: d,
-          goalCategory: E.SCHOOL_SUCCESS,
+          goalCategory: h.SCHOOL_SUCCESS,
           courseStream: o,
           enrollmentType: u,
-          classRatio: C
-        })[0]) == null ? void 0 : b.id), r({
+          classRatio: C,
+          flow: "CREATE"
+        })[0]) == null ? void 0 : _.id), r({
           searchChapterFields: {
             ...e,
             selectedGrade: d,
-            selectedCurriculum: _
+            selectedCurriculum: x
           }
         });
       },
@@ -66,7 +68,7 @@ const Q = w(
         u,
         C
       ]
-    ), L = O(
+    ), B = G(
       (d) => {
         r({
           searchChapterFields: {
@@ -76,14 +78,14 @@ const Q = w(
         });
       },
       [r, e]
-    ), i = G(
+    ), i = A(
       () => P(s, {
         grade: m,
         board: a,
         major: n,
         majorsPresent: c,
         countryCode: t ?? "",
-        selectedCategory: E.SCHOOL_SUCCESS,
+        selectedCategory: h.SCHOOL_SUCCESS,
         courseStream: o,
         enrollmentType: u
       }),
@@ -97,34 +99,34 @@ const Q = w(
         a,
         m
       ]
-    ), l = G(() => (i == null ? void 0 : i.program_code) ?? "", [i]);
-    return h(() => {
-      l && x === "edit" && j({
+    ), l = A(() => (i == null ? void 0 : i.program_code) ?? "", [i]);
+    return S(() => {
+      l && j === "edit" && O({
         filter_type: "PROGRAM_CODE",
         program_code: l
       });
-    }, [j, x, l, c]), h(() => {
+    }, [O, j, l, c]), S(() => {
       l || r({
         searchedChaptersList: []
       });
-    }, [l, r]), /* @__PURE__ */ v(S, { children: [
+    }, [l, r]), /* @__PURE__ */ b(v, { children: [
       /* @__PURE__ */ f(
-        A,
+        E,
         {
           renderAs: "primary",
           label: "Grade",
           value: m,
-          options: M,
-          onChange: B,
+          options: w,
+          onChange: y,
           widthX: 9,
           size: "xsmall",
           theme: "dark",
           shape: "curved"
         }
       ),
-      m && /* @__PURE__ */ v(S, { children: [
+      m && /* @__PURE__ */ b(v, { children: [
         /* @__PURE__ */ f(
-          A,
+          E,
           {
             widthX: 18,
             renderAs: "primary",
@@ -132,20 +134,20 @@ const Q = w(
             theme: "dark",
             size: "xsmall",
             label: "Curriculum",
-            options: k,
+            options: M,
             renderOptionsAs: "section-list",
             value: a,
-            onChange: y
+            onChange: k
           }
         ),
         c && /* @__PURE__ */ f(
-          A,
+          E,
           {
             renderAs: "primary",
             label: "Course",
             options: p,
             value: n,
-            onChange: L,
+            onChange: B,
             widthX: 9,
             size: "xsmall",
             theme: "dark",

package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"course-catalog.js","sources":["../../../../../../src/features/milestone/create/comps/add-custom-chapter/course-catalog.tsx"],"sourcesContent":["import type { ICourseCatalog } from './add-custom-chapters';\nimport type { FC } from 'react';\n\nimport { useEffect, useMemo, useCallback, memo } from 'react';\n\nimport SelectInput from '../../../../ui/inputs/select-input/select-input';\nimport { GOAL_CATEGORY } from '../../../constants';\nimport { useMilestoneContext } from '../../milestone-create-context';\nimport { getCurriculumStandardsFromConfig } from '../../milestone-create-helpers';\nimport { getGradeBoardAndMajorBasedProgramCode } from '../chapters-selection-step/utils';\nimport { useCatalogHelpers } from './hooks/use-catalog-helpers';\n\nconst CourseCatalog: FC<ICourseCatalog> = memo(\n  ({\n    config,\n    region = '',\n    courseStream,\n    classRatio,\n    searchChapterFields,\n    getCatalogChapters,\n    onFormDataChange,\n    enrollmentType,\n  }) => {\n    const { mode } = useMilestoneContext();\n\n    const {\n      selectedCurriculum = '',\n      selectedGrade = '',\n      selectedCourse = '',\n    } = searchChapterFields;\n\n    const { grades, boards, majors } = useCatalogHelpers({\n      config,\n      region,\n      searchChapterFields,\n      courseStream,\n      classRatio,\n      enrollmentType,\n    });\n\n    const majorsPresent = useMemo(() => majors.length > 1, [majors]);\n\n    const handleCurriculumChange = useCallback(\n      (curriculumValue: string) => {\n        onFormDataChange({\n          searchChapterFields: {\n            ...searchChapterFields,\n            selectedCurriculum: curriculumValue,\n          },\n        });\n      },\n      [searchChapterFields, onFormDataChange],\n    );\n\n    const handleGradeChange = useCallback(\n      (gradeValue: string) => {\n        let updatedCurriculum = searchChapterFields.selectedCurriculum;\n\n        if (gradeValue === '-1' || gradeValue === '0') {\n          const currentGradeBoards = getCurriculumStandardsFromConfig(config, {\n            countryCode: region ?? '',\n            grade: gradeValue,\n            goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n            courseStream,\n            enrollmentType,\n            classRatio,\n          });\n\n          updatedCurriculum = currentGradeBoards[0]?.id;\n        }\n\n        onFormDataChange({\n          searchChapterFields: {\n            ...searchChapterFields,\n            selectedGrade: gradeValue,\n            selectedCurriculum: updatedCurriculum,\n          },\n        });\n      },\n      [\n        searchChapterFields,\n        onFormDataChange,\n        config,\n        region,\n        courseStream,\n        enrollmentType,\n        classRatio,\n      ],\n    );\n\n    const handleMajorChange = useCallback(\n      (majorValue: string) => {\n        onFormDataChange({\n          searchChapterFields: {\n            ...searchChapterFields,\n            selectedCourse: majorValue,\n          },\n        });\n      },\n      [onFormDataChange, searchChapterFields],\n    );\n\n    const programInfo = useMemo(\n      () =>\n        getGradeBoardAndMajorBasedProgramCode(config, {\n          grade: selectedGrade,\n          board: selectedCurriculum,\n          major: selectedCourse,\n          majorsPresent,\n          countryCode: region ?? '',\n          selectedCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n          courseStream,\n          enrollmentType,\n        }),\n      [\n        config,\n        courseStream,\n        enrollmentType,\n        majorsPresent,\n        region,\n        selectedCourse,\n        selectedCurriculum,\n        selectedGrade,\n      ],\n    );\n\n    const programCode = useMemo(() => programInfo?.program_code ?? '', [programInfo]);\n\n    useEffect(() => {\n      if (programCode && mode === 'edit') {\n        getCatalogChapters({\n          filter_type: 'PROGRAM_CODE',\n          program_code: programCode,\n        });\n      }\n    }, [getCatalogChapters, mode, programCode, majorsPresent]);\n\n    useEffect(() => {\n      if (!programCode) {\n        onFormDataChange({\n          searchedChaptersList: [],\n        });\n      }\n    }, [programCode, onFormDataChange]);\n\n    return (\n      <>\n        <SelectInput\n          renderAs=\"primary\"\n          label=\"Grade\"\n          value={selectedGrade}\n          options={grades}\n          onChange={handleGradeChange}\n          widthX={9}\n          size=\"xsmall\"\n          theme=\"dark\"\n          shape=\"curved\"\n        />\n\n        {selectedGrade && (\n          <>\n            <SelectInput\n              widthX={18}\n              renderAs=\"primary\"\n              shape=\"curved\"\n              theme=\"dark\"\n              size=\"xsmall\"\n              label=\"Curriculum\"\n              options={boards}\n              renderOptionsAs=\"section-list\"\n              value={selectedCurriculum}\n              onChange={handleCurriculumChange}\n            />\n\n            {majorsPresent && (\n              <SelectInput\n                renderAs=\"primary\"\n                label=\"Course\"\n                options={majors}\n                value={selectedCourse}\n                onChange={handleMajorChange}\n                widthX={9}\n                size=\"xsmall\"\n                theme=\"dark\"\n                shape=\"curved\"\n              />\n            )}\n          </>\n        )}\n      </>\n    );\n  },\n);\n\nexport default CourseCatalog;\n"],"names":["CourseCatalog","memo","config","region","courseStream","classRatio","searchChapterFields","getCatalogChapters","onFormDataChange","enrollmentType","mode","useMilestoneContext","selectedCurriculum","selectedGrade","selectedCourse","grades","boards","majors","useCatalogHelpers","majorsPresent","useMemo","handleCurriculumChange","useCallback","curriculumValue","handleGradeChange","gradeValue","updatedCurriculum","_a","getCurriculumStandardsFromConfig","GOAL_CATEGORY","handleMajorChange","majorValue","programInfo","getGradeBoardAndMajorBasedProgramCode","programCode","useEffect","jsxs","Fragment","jsx","SelectInput"],"mappings":"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"}
+{"version":3,"file":"course-catalog.js","sources":["../../../../../../src/features/milestone/create/comps/add-custom-chapter/course-catalog.tsx"],"sourcesContent":["import type { ICourseCatalog } from './add-custom-chapters';\nimport type { FC } from 'react';\n\nimport { useEffect, useMemo, useCallback, memo } from 'react';\n\nimport SelectInput from '../../../../ui/inputs/select-input/select-input';\nimport { GOAL_CATEGORY } from '../../../constants';\nimport { useMilestoneContext } from '../../milestone-create-context';\nimport { getCurriculumStandardsFromConfig } from '../../milestone-create-helpers';\nimport { getGradeBoardAndMajorBasedProgramCode } from '../chapters-selection-step/utils';\nimport { useCatalogHelpers } from './hooks/use-catalog-helpers';\n\nconst CourseCatalog: FC<ICourseCatalog> = memo(\n  ({\n    config,\n    region = '',\n    courseStream,\n    classRatio,\n    searchChapterFields,\n    getCatalogChapters,\n    onFormDataChange,\n    enrollmentType,\n  }) => {\n    const { mode } = useMilestoneContext();\n\n    const {\n      selectedCurriculum = '',\n      selectedGrade = '',\n      selectedCourse = '',\n    } = searchChapterFields;\n\n    const { grades, boards, majors } = useCatalogHelpers({\n      config,\n      region,\n      searchChapterFields,\n      courseStream,\n      classRatio,\n      enrollmentType,\n      flow: 'CREATE',\n    });\n\n    const majorsPresent = useMemo(() => majors.length > 1, [majors]);\n\n    const handleCurriculumChange = useCallback(\n      (curriculumValue: string) => {\n        onFormDataChange({\n          searchChapterFields: {\n            ...searchChapterFields,\n            selectedCurriculum: curriculumValue,\n          },\n        });\n      },\n      [searchChapterFields, onFormDataChange],\n    );\n\n    const handleGradeChange = useCallback(\n      (gradeValue: string) => {\n        let updatedCurriculum = searchChapterFields.selectedCurriculum;\n\n        if (gradeValue === '-1' || gradeValue === '0') {\n          const currentGradeBoards = getCurriculumStandardsFromConfig(config, {\n            countryCode: region ?? '',\n            grade: gradeValue,\n            goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n            courseStream,\n            enrollmentType,\n            classRatio,\n            flow: 'CREATE',\n          });\n\n          updatedCurriculum = currentGradeBoards[0]?.id;\n        }\n\n        onFormDataChange({\n          searchChapterFields: {\n            ...searchChapterFields,\n            selectedGrade: gradeValue,\n            selectedCurriculum: updatedCurriculum,\n          },\n        });\n      },\n      [\n        searchChapterFields,\n        onFormDataChange,\n        config,\n        region,\n        courseStream,\n        enrollmentType,\n        classRatio,\n      ],\n    );\n\n    const handleMajorChange = useCallback(\n      (majorValue: string) => {\n        onFormDataChange({\n          searchChapterFields: {\n            ...searchChapterFields,\n            selectedCourse: majorValue,\n          },\n        });\n      },\n      [onFormDataChange, searchChapterFields],\n    );\n\n    const programInfo = useMemo(\n      () =>\n        getGradeBoardAndMajorBasedProgramCode(config, {\n          grade: selectedGrade,\n          board: selectedCurriculum,\n          major: selectedCourse,\n          majorsPresent,\n          countryCode: region ?? '',\n          selectedCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n          courseStream,\n          enrollmentType,\n        }),\n      [\n        config,\n        courseStream,\n        enrollmentType,\n        majorsPresent,\n        region,\n        selectedCourse,\n        selectedCurriculum,\n        selectedGrade,\n      ],\n    );\n\n    const programCode = useMemo(() => programInfo?.program_code ?? '', [programInfo]);\n\n    useEffect(() => {\n      if (programCode && mode === 'edit') {\n        getCatalogChapters({\n          filter_type: 'PROGRAM_CODE',\n          program_code: programCode,\n        });\n      }\n    }, [getCatalogChapters, mode, programCode, majorsPresent]);\n\n    useEffect(() => {\n      if (!programCode) {\n        onFormDataChange({\n          searchedChaptersList: [],\n        });\n      }\n    }, [programCode, onFormDataChange]);\n\n    return (\n      <>\n        <SelectInput\n          renderAs=\"primary\"\n          label=\"Grade\"\n          value={selectedGrade}\n          options={grades}\n          onChange={handleGradeChange}\n          widthX={9}\n          size=\"xsmall\"\n          theme=\"dark\"\n          shape=\"curved\"\n        />\n\n        {selectedGrade && (\n          <>\n            <SelectInput\n              widthX={18}\n              renderAs=\"primary\"\n              shape=\"curved\"\n              theme=\"dark\"\n              size=\"xsmall\"\n              label=\"Curriculum\"\n              options={boards}\n              renderOptionsAs=\"section-list\"\n              value={selectedCurriculum}\n              onChange={handleCurriculumChange}\n            />\n\n            {majorsPresent && (\n              <SelectInput\n                renderAs=\"primary\"\n                label=\"Course\"\n                options={majors}\n                value={selectedCourse}\n                onChange={handleMajorChange}\n                widthX={9}\n                size=\"xsmall\"\n                theme=\"dark\"\n                shape=\"curved\"\n              />\n            )}\n          </>\n        )}\n      </>\n    );\n  },\n);\n\nexport default CourseCatalog;\n"],"names":["CourseCatalog","memo","config","region","courseStream","classRatio","searchChapterFields","getCatalogChapters","onFormDataChange","enrollmentType","mode","useMilestoneContext","selectedCurriculum","selectedGrade","selectedCourse","grades","boards","majors","useCatalogHelpers","majorsPresent","useMemo","handleCurriculumChange","useCallback","curriculumValue","handleGradeChange","gradeValue","updatedCurriculum","_a","getCurriculumStandardsFromConfig","GOAL_CATEGORY","handleMajorChange","majorValue","programInfo","getGradeBoardAndMajorBasedProgramCode","programCode","useEffect","jsxs","Fragment","jsx","SelectInput"],"mappings":";;;;;;;;AAYA,MAAMA,IAAoCC;AAAA,EACxC,CAAC;AAAA,IACC,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,MAAAC,MAASC,KAEX;AAAA,MACJ,oBAAAC,IAAqB;AAAA,MACrB,eAAAC,IAAgB;AAAA,MAChB,gBAAAC,IAAiB;AAAA,IACf,IAAAR,GAEE,EAAE,QAAAS,GAAQ,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAkB;AAAA,MACnD,QAAAhB;AAAA,MACA,QAAAC;AAAA,MACA,qBAAAG;AAAA,MACA,cAAAF;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAI;AAAA,MACA,MAAM;AAAA,IAAA,CACP,GAEKU,IAAgBC,EAAQ,MAAMH,EAAO,SAAS,GAAG,CAACA,CAAM,CAAC,GAEzDI,IAAyBC;AAAA,MAC7B,CAACC,MAA4B;AACV,QAAAf,EAAA;AAAA,UACf,qBAAqB;AAAA,YACnB,GAAGF;AAAA,YACH,oBAAoBiB;AAAA,UACtB;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA,CAACjB,GAAqBE,CAAgB;AAAA,IAAA,GAGlCgB,IAAoBF;AAAA,MACxB,CAACG,MAAuB;;AACtB,YAAIC,IAAoBpB,EAAoB;AAExC,SAAAmB,MAAe,QAAQA,MAAe,SAWpBC,KAAAC,IAVOC,EAAiC1B,GAAQ;AAAA,UAClE,aAAaC,KAAU;AAAA,UACvB,OAAOsB;AAAA,UACP,cAAcI,EAAc;AAAA,UAC5B,cAAAzB;AAAA,UACA,gBAAAK;AAAA,UACA,YAAAJ;AAAA,UACA,MAAM;AAAA,QAAA,CACP,EAEsC,CAAC,MAApB,gBAAAsB,EAAuB,KAG5BnB,EAAA;AAAA,UACf,qBAAqB;AAAA,YACnB,GAAGF;AAAA,YACH,eAAemB;AAAA,YACf,oBAAoBC;AAAA,UACtB;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA;AAAA,QACEpB;AAAA,QACAE;AAAA,QACAN;AAAA,QACAC;AAAA,QACAC;AAAA,QACAK;AAAA,QACAJ;AAAA,MACF;AAAA,IAAA,GAGIyB,IAAoBR;AAAA,MACxB,CAACS,MAAuB;AACL,QAAAvB,EAAA;AAAA,UACf,qBAAqB;AAAA,YACnB,GAAGF;AAAA,YACH,gBAAgByB;AAAA,UAClB;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MACA,CAACvB,GAAkBF,CAAmB;AAAA,IAAA,GAGlC0B,IAAcZ;AAAA,MAClB,MACEa,EAAsC/B,GAAQ;AAAA,QAC5C,OAAOW;AAAA,QACP,OAAOD;AAAA,QACP,OAAOE;AAAA,QACP,eAAAK;AAAA,QACA,aAAahB,KAAU;AAAA,QACvB,kBAAkB0B,EAAc;AAAA,QAChC,cAAAzB;AAAA,QACA,gBAAAK;AAAA,MAAA,CACD;AAAA,MACH;AAAA,QACEP;AAAA,QACAE;AAAA,QACAK;AAAA,QACAU;AAAA,QACAhB;AAAA,QACAW;AAAA,QACAF;AAAA,QACAC;AAAA,MACF;AAAA,IAAA,GAGIqB,IAAcd,EAAQ,OAAMY,KAAA,gBAAAA,EAAa,iBAAgB,IAAI,CAACA,CAAW,CAAC;AAEhF,WAAAG,EAAU,MAAM;AACV,MAAAD,KAAexB,MAAS,UACPH,EAAA;AAAA,QACjB,aAAa;AAAA,QACb,cAAc2B;AAAA,MAAA,CACf;AAAA,OAEF,CAAC3B,GAAoBG,GAAMwB,GAAaf,CAAa,CAAC,GAEzDgB,EAAU,MAAM;AACd,MAAKD,KACc1B,EAAA;AAAA,QACf,sBAAsB,CAAC;AAAA,MAAA,CACxB;AAAA,IACH,GACC,CAAC0B,GAAa1B,CAAgB,CAAC,GAI9B,gBAAA4B,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,OAAM;AAAA,UACN,OAAO1B;AAAA,UACP,SAASE;AAAA,UACT,UAAUS;AAAA,UACV,QAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAECX,KAEG,gBAAAuB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,UAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAM;AAAA,YACN,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASvB;AAAA,YACT,iBAAgB;AAAA,YAChB,OAAOJ;AAAA,YACP,UAAUS;AAAA,UAAA;AAAA,QACZ;AAAA,QAECF,KACC,gBAAAmB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,SAAStB;AAAA,YACT,OAAOH;AAAA,YACP,UAAUgB;AAAA,YACV,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAEJ;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/dist/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.js

@@ -1,39 +1,41 @@
 import { useMemo as t } from "react";
-import { GOAL_CATEGORY as A } from "../../../../constants.js";
-import { getGradesBasedOnGoalAvailability as S, getMajorsFromConfigBasedOnBoardAndGrade as e } from "../../../milestone-create-helpers.js";
-import { getCategorizedCurriculumStandards as m } from "../../class-details-step/class-details-utils.js";
-const _ = ({
+import { GOAL_CATEGORY as S } from "../../../../constants.js";
+import { getGradesBasedOnGoalAvailability as e, getMajorsFromConfigBasedOnBoardAndGrade as m } from "../../../milestone-create-helpers.js";
+import { getCategorizedCurriculumStandards as B } from "../../class-details-step/class-details-utils.js";
+const b = ({
   config: r,
-  searchChapterFields: u,
-  region: o,
+  searchChapterFields: G,
+  region: s,
   courseStream: d,
-  classRatio: s,
-  enrollmentType: a
+  classRatio: o,
+  enrollmentType: a,
+  flow: O
 }) => {
-  const { selectedCurriculum: O = "", selectedGrade: C = "" } = u, G = t(() => S(r, "SCHOOL_SUCCESS", d, a), [r, d, a]), g = t(
-    () => m(r, {
-      countryCode: o ?? "",
+  const { selectedCurriculum: u = "", selectedGrade: C = "" } = G, g = t(() => e(r, "SCHOOL_SUCCESS", d, a), [r, d, a]), i = t(
+    () => B(r, {
+      countryCode: s ?? "",
       grade: C,
-      goalCategory: A.SCHOOL_SUCCESS,
+      goalCategory: S.SCHOOL_SUCCESS,
       courseStream: d,
-      classRatio: s,
-      enrollmentType: a
+      classRatio: o,
+      enrollmentType: a,
+      flow: O
     }),
-    [r, o, C, d, s, a]
-  ), i = t(() => e(
+    [r, s, C, d, o, a, O]
+  ), A = t(() => m(
     r,
-    O,
+    u,
     C,
     d,
     a
-  ), [C, a, O, r, d]);
+  ), [C, a, u, r, d]);
   return {
-    grades: G,
-    boards: g,
-    majors: i
+    grades: g,
+    boards: i,
+    majors: A
   };
 };
 export {
-  _ as useCatalogHelpers
+  b as useCatalogHelpers
 };
 //# sourceMappingURL=use-catalog-helpers.js.map

package/dist/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-catalog-helpers.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.ts"],"sourcesContent":["import type { ISectionOption } from '../../../../../ui/section-list/section-list-types';\nimport type {\n  IMilestoneConfig,\n  ISearchChapterFields,\n  TCourseStream,\n  TCurriculumStandardOption,\n  TEnrollmentTypes,\n} from '../../../milestone-create-types';\n\nimport { useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../../constants';\nimport {\n  getGradesBasedOnGoalAvailability,\n  getMajorsFromConfigBasedOnBoardAndGrade,\n} from '../../../milestone-create-helpers';\nimport { getCategorizedCurriculumStandards } from '../../class-details-step/class-details-utils';\n\ntype TOptions = { id: string; label: string };\n\ninterface IUseCatalogHelpers {\n  (args: {\n    config: IMilestoneConfig;\n    searchChapterFields: Partial<ISearchChapterFields>;\n    region: string;\n    courseStream: TCourseStream;\n    classRatio: number;\n    enrollmentType: TEnrollmentTypes;\n  }): {\n    grades: TOptions[];\n    boards: ISectionOption<TCurriculumStandardOption>[];\n    majors: TOptions[];\n  };\n}\n\nconst useCatalogHelpers: IUseCatalogHelpers = ({\n  config,\n  searchChapterFields,\n  region,\n  courseStream,\n  classRatio,\n  enrollmentType,\n}) => {\n  const { selectedCurriculum = '', selectedGrade = '' } = searchChapterFields;\n\n  const grades = useMemo(() => {\n    //* We don't allow to add custom chapters to TEST_PREP & ENRICHMENT\n    return getGradesBasedOnGoalAvailability(config, 'SCHOOL_SUCCESS', courseStream, enrollmentType);\n  }, [config, courseStream, enrollmentType]);\n\n  const boards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(config, {\n        countryCode: region ?? '',\n        grade: selectedGrade,\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream,\n        classRatio,\n        enrollmentType,\n      }),\n    [config, region, selectedGrade, courseStream, classRatio, enrollmentType],\n  );\n\n  const majors = useMemo(() => {\n    return getMajorsFromConfigBasedOnBoardAndGrade(\n      config,\n      selectedCurriculum,\n      selectedGrade,\n      courseStream,\n      enrollmentType,\n    );\n  }, [selectedGrade, enrollmentType, selectedCurriculum, config, courseStream]);\n\n  return {\n    grades,\n    boards,\n    majors,\n  };\n};\n\nexport { useCatalogHelpers };\n"],"names":["useCatalogHelpers","config","searchChapterFields","region","courseStream","classRatio","enrollmentType","selectedCurriculum","selectedGrade","grades","useMemo","getGradesBasedOnGoalAvailability","boards","getCategorizedCurriculumStandards","GOAL_CATEGORY","majors","getMajorsFromConfigBasedOnBoardAndGrade"],"mappings":";;;;AAmCA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,QAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,oBAAAC,IAAqB,IAAI,eAAAC,IAAgB,OAAON,GAElDO,IAASC,EAAQ,MAEdC,EAAiCV,GAAQ,kBAAkBG,GAAcE,CAAc,GAC7F,CAACL,GAAQG,GAAcE,CAAc,CAAC,GAEnCM,IAASF;AAAA,IACb,MACEG,EAAkCZ,GAAQ;AAAA,MACxC,aAAaE,KAAU;AAAA,MACvB,OAAOK;AAAA,MACP,cAAcM,EAAc;AAAA,MAC5B,cAAAV;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA,CACD;AAAA,IACH,CAACL,GAAQE,GAAQK,GAAeJ,GAAcC,GAAYC,CAAc;AAAA,EAAA,GAGpES,IAASL,EAAQ,MACdM;AAAA,IACLf;AAAA,IACAM;AAAA,IACAC;AAAA,IACAJ;AAAA,IACAE;AAAA,EAAA,GAED,CAACE,GAAeF,GAAgBC,GAAoBN,GAAQG,CAAY,CAAC;AAErE,SAAA;AAAA,IACL,QAAAK;AAAA,IACA,QAAAG;AAAA,IACA,QAAAG;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-catalog-helpers.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.ts"],"sourcesContent":["import type { ISectionOption } from '../../../../../ui/section-list/section-list-types';\nimport type {\n  IMilestoneConfig,\n  ISearchChapterFields,\n  TCourseStream,\n  TCurriculumStandardOption,\n  TEnrollmentTypes,\n  TMilestoneFormFlow,\n} from '../../../milestone-create-types';\n\nimport { useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../../constants';\nimport {\n  getGradesBasedOnGoalAvailability,\n  getMajorsFromConfigBasedOnBoardAndGrade,\n} from '../../../milestone-create-helpers';\nimport { getCategorizedCurriculumStandards } from '../../class-details-step/class-details-utils';\n\ntype TOptions = { id: string; label: string };\n\ninterface IUseCatalogHelpers {\n  (args: {\n    config: IMilestoneConfig;\n    searchChapterFields: Partial<ISearchChapterFields>;\n    region: string;\n    courseStream: TCourseStream;\n    classRatio: number;\n    enrollmentType: TEnrollmentTypes;\n    flow?: TMilestoneFormFlow | null;\n  }): {\n    grades: TOptions[];\n    boards: ISectionOption<TCurriculumStandardOption>[];\n    majors: TOptions[];\n  };\n}\n\nconst useCatalogHelpers: IUseCatalogHelpers = ({\n  config,\n  searchChapterFields,\n  region,\n  courseStream,\n  classRatio,\n  enrollmentType,\n  flow,\n}) => {\n  const { selectedCurriculum = '', selectedGrade = '' } = searchChapterFields;\n\n  const grades = useMemo(() => {\n    //* We don't allow to add custom chapters to TEST_PREP & ENRICHMENT\n    return getGradesBasedOnGoalAvailability(config, 'SCHOOL_SUCCESS', courseStream, enrollmentType);\n  }, [config, courseStream, enrollmentType]);\n\n  const boards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(config, {\n        countryCode: region ?? '',\n        grade: selectedGrade,\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream,\n        classRatio,\n        enrollmentType,\n        flow,\n      }),\n    [config, region, selectedGrade, courseStream, classRatio, enrollmentType, flow],\n  );\n\n  const majors = useMemo(() => {\n    return getMajorsFromConfigBasedOnBoardAndGrade(\n      config,\n      selectedCurriculum,\n      selectedGrade,\n      courseStream,\n      enrollmentType,\n    );\n  }, [selectedGrade, enrollmentType, selectedCurriculum, config, courseStream]);\n\n  return {\n    grades,\n    boards,\n    majors,\n  };\n};\n\nexport { useCatalogHelpers };\n"],"names":["useCatalogHelpers","config","searchChapterFields","region","courseStream","classRatio","enrollmentType","flow","selectedCurriculum","selectedGrade","grades","useMemo","getGradesBasedOnGoalAvailability","boards","getCategorizedCurriculumStandards","GOAL_CATEGORY","majors","getMajorsFromConfigBasedOnBoardAndGrade"],"mappings":";;;;AAqCA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,QAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AACJ,QAAM,EAAE,oBAAAC,IAAqB,IAAI,eAAAC,IAAgB,OAAOP,GAElDQ,IAASC,EAAQ,MAEdC,EAAiCX,GAAQ,kBAAkBG,GAAcE,CAAc,GAC7F,CAACL,GAAQG,GAAcE,CAAc,CAAC,GAEnCO,IAASF;AAAA,IACb,MACEG,EAAkCb,GAAQ;AAAA,MACxC,aAAaE,KAAU;AAAA,MACvB,OAAOM;AAAA,MACP,cAAcM,EAAc;AAAA,MAC5B,cAAAX;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,MAAAC;AAAA,IAAA,CACD;AAAA,IACH,CAACN,GAAQE,GAAQM,GAAeL,GAAcC,GAAYC,GAAgBC,CAAI;AAAA,EAAA,GAG1ES,IAASL,EAAQ,MACdM;AAAA,IACLhB;AAAA,IACAO;AAAA,IACAC;AAAA,IACAL;AAAA,IACAE;AAAA,EAAA,GAED,CAACG,GAAeH,GAAgBE,GAAoBP,GAAQG,CAAY,CAAC;AAErE,SAAA;AAAA,IACL,QAAAM;AAAA,IACA,QAAAG;AAAA,IACA,QAAAG;AAAA,EAAA;AAEJ;"}