@cuemath/leap 3.0.31-link.0 → 3.1.0-aa0

package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-canvas-sync-broker.js","sources":["../../../../src/features/cue-canvas/hooks/use-canvas-sync-broker.ts"],"sourcesContent":["import type { IActionData, TCueCanvasChangeDataObject } from '../types/cue-canvas';\n\nimport { useMessageBrokerChannel, type IChannelMessage } from '@cuemath/cue-message-broker';\nimport { useMemo, useCallback, useState, useRef } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    responseId: string;\n    data: TCueCanvasChangeDataObject;\n    userId: string;\n    height: number;\n  };\n}\n\nconst extractStrokeData = (payload: IMessage['eventPayload']): IActionData => ({\n  userId: payload.userId,\n  data: payload.data,\n  height: payload.height,\n  responseId: payload.responseId,\n});\n\nconst useCanvasSyncBroker = (\n  channelId: string,\n  logEvent: (type: string, payload?: Record<string, unknown>) => void,\n  initialCanvasData?: Array<IChannelMessage>,\n) => {\n  const [initialStrokesData, setInitialStrokesData] = useState<Record<string, IActionData[]>>(\n    () => {\n      const map: Record<string, IActionData[]> = {};\n\n      if (!initialCanvasData) return map;\n\n      for (const { message } of initialCanvasData) {\n        const payload = (message.payload as IMessage)?.eventPayload;\n        const qrId = payload?.responseId;\n\n        if (!payload?.responseId) continue;\n\n        const strokeData = extractStrokeData(payload);\n\n        if (qrId && map[qrId]) {\n          map[qrId]?.push(strokeData);\n        } else {\n          map[qrId] = [strokeData];\n        }\n      }\n\n      return map;\n    },\n  );\n  const callbacksMapRef = useRef<Record<string, (data: IActionData) => void>>({});\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      ttl: 0,\n      logger: logEvent,\n    }),\n    [channelId, logEvent],\n  );\n\n  const registerCallback = useCallback((qrId: string, cb: (data: IActionData) => void) => {\n    callbacksMapRef.current = { ...callbacksMapRef.current, [qrId]: cb };\n  }, []);\n\n  const onMessageReceive = useCallback(\n    (messages: Array<IChannelMessage>, initialData?: boolean) => {\n      const strokesPerWidgetMap: Record<string, Array<IActionData>> = {};\n\n      messages.forEach(message => {\n        const { payload } = message.message;\n        const { eventPayload } = payload as IMessage;\n        const qrId = eventPayload?.responseId as string;\n        const strokes = eventPayload?.data;\n        const userId = eventPayload?.userId;\n        const canvasHeight = eventPayload?.height;\n        const widgetOnReceiveCallback = callbacksMapRef.current[qrId];\n\n        if (!initialData && widgetOnReceiveCallback) {\n          widgetOnReceiveCallback({\n            data: strokes,\n            height: canvasHeight,\n            userId,\n            responseId: qrId,\n          });\n        } else {\n          const strokeData = extractStrokeData(eventPayload);\n\n          if (qrId && strokesPerWidgetMap[qrId]) {\n            strokesPerWidgetMap[qrId]?.push(strokeData);\n          } else {\n            strokesPerWidgetMap[qrId] = [strokeData];\n          }\n        }\n      });\n\n      if (Object.keys(strokesPerWidgetMap).length > 0) {\n        setInitialStrokesData(prevData => {\n          const currentData = { ...prevData };\n\n          Object.keys(strokesPerWidgetMap).forEach(key => {\n            if (key && currentData[key]) {\n              currentData[key]?.push(...(strokesPerWidgetMap[key] ?? []));\n            } else {\n              currentData[key] = strokesPerWidgetMap[key] ?? [];\n            }\n          });\n\n          return currentData;\n        });\n      }\n    },\n    [],\n  );\n\n  const { publish, channelStatus, channel } = useMessageBrokerChannel({\n    channelOptions,\n    consumerFn: onMessageReceive,\n  });\n\n  const closeChannel = useCallback(() => {\n    if (channel) {\n      channel.destroyChannel();\n    }\n  }, [channel]);\n\n  return {\n    publishStrokes: publish,\n    channelStatus,\n    closeChannel,\n    initialStrokesData,\n    registerCallback,\n  };\n};\n\nexport default useCanvasSyncBroker;\n"],"names":["extractStrokeData","payload","useCanvasSyncBroker","channelId","logEvent","initialCanvasData","initialStrokesData","setInitialStrokesData","useState","map","message","_a","qrId","strokeData","_b","callbacksMapRef","useRef","channelOptions","useMemo","registerCallback","useCallback","cb","onMessageReceive","messages","initialData","strokesPerWidgetMap","eventPayload","strokes","userId","canvasHeight","widgetOnReceiveCallback","prevData","currentData","key","publish","channelStatus","channel","useMessageBrokerChannel","closeChannel","useCanvasSyncBroker$1"],"mappings":"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"}
+{"version":3,"file":"use-canvas-sync-broker.js","sources":["../../../../src/features/cue-canvas/hooks/use-canvas-sync-broker.ts"],"sourcesContent":["import type {\n  IActionData,\n  ICanvasUpdateConfig,\n  IPublishData,\n  IViewport,\n  TCueCanvasChangeDataObject,\n  TCueCanvasGridName,\n  TRenderAs,\n} from '../types/cue-canvas';\n\nimport { useMessageBrokerChannel, type IChannelMessage } from '@cuemath/cue-message-broker';\nimport { useMemo, useCallback, useState, useRef } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    responseId: string;\n    data: TCueCanvasChangeDataObject;\n    userId: string;\n    height: number;\n    gridName?: TCueCanvasGridName;\n    dimension?: IViewport;\n  };\n}\n\nconst extractStrokeData = (payload: IMessage['eventPayload']): IActionData => ({\n  userId: payload.userId,\n  data: payload.data,\n  height: payload.height,\n  responseId: payload.responseId,\n  gridName: payload.gridName,\n  dimension: payload.dimension,\n});\n\nconst useCanvasSyncBroker = (\n  channelId: string,\n  logEvent: (type: string, payload?: Record<string, unknown>) => void,\n  initialCanvasData?: Array<IChannelMessage>,\n  type: TRenderAs = 'canvas',\n) => {\n  const [initialStrokesData, setInitialStrokesData] = useState<Record<string, IActionData[]>>(\n    () => {\n      const map: Record<string, IActionData[]> = {};\n\n      if (!initialCanvasData) return map;\n\n      for (const { message } of initialCanvasData) {\n        const payload = (message.payload as IMessage)?.eventPayload;\n        const qrId = payload?.responseId;\n\n        if (!payload?.responseId) continue;\n\n        const strokeData = extractStrokeData(payload);\n\n        if (qrId && map[qrId]) {\n          map[qrId]?.push(strokeData);\n        } else {\n          map[qrId] = [strokeData];\n        }\n      }\n\n      return map;\n    },\n  );\n  const callbacksMapRef = useRef<Record<string, (data: IActionData) => void>>({});\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      ttl: type === 'canvas' ? 0 : 24,\n      logger: logEvent,\n    }),\n    [channelId, logEvent, type],\n  );\n\n  const registerCallback = useCallback((qrId: string, cb: (data: IActionData) => void) => {\n    callbacksMapRef.current = { ...callbacksMapRef.current, [qrId]: cb };\n  }, []);\n\n  const onMessageReceive = useCallback(\n    (messages: Array<IChannelMessage>, initialData?: boolean) => {\n      const strokesPerWidgetMap: Record<string, Array<IActionData>> = {};\n\n      messages.forEach(message => {\n        const { payload } = message.message;\n        const { eventPayload } = payload as IMessage;\n        const qrId = eventPayload?.responseId as string;\n        const strokes = eventPayload?.data;\n        const userId = eventPayload?.userId;\n        const canvasHeight = eventPayload?.height;\n        const widgetOnReceiveCallback = callbacksMapRef.current[qrId];\n\n        if (!initialData && widgetOnReceiveCallback) {\n          widgetOnReceiveCallback({\n            data: strokes,\n            height: canvasHeight,\n            userId,\n            responseId: qrId,\n            gridName: eventPayload?.gridName,\n            dimension: eventPayload?.dimension,\n          });\n        } else {\n          const strokeData = extractStrokeData(eventPayload);\n\n          if (qrId && strokesPerWidgetMap[qrId]) {\n            strokesPerWidgetMap[qrId]?.push(strokeData);\n          } else {\n            strokesPerWidgetMap[qrId] = [strokeData];\n          }\n        }\n      });\n\n      if (Object.keys(strokesPerWidgetMap).length > 0) {\n        setInitialStrokesData(prevData => {\n          const currentData = { ...prevData };\n\n          Object.keys(strokesPerWidgetMap).forEach(key => {\n            if (key && currentData[key]) {\n              currentData[key]?.push(...(strokesPerWidgetMap[key] ?? []));\n            } else {\n              currentData[key] = strokesPerWidgetMap[key] ?? [];\n            }\n          });\n\n          return currentData;\n        });\n      }\n    },\n    [],\n  );\n\n  const { publish, channelStatus, channel, channelMetadata, setChannelMetadata } =\n    useMessageBrokerChannel<IPublishData, ICanvasUpdateConfig>({\n      channelOptions,\n      consumerFn: onMessageReceive,\n      metadataRequired: type === 'whiteboard',\n    });\n\n  const closeChannel = useCallback(() => {\n    if (channel) {\n      channel.destroyChannel();\n    }\n  }, [channel]);\n\n  return {\n    publishStrokes: publish,\n    channelStatus,\n    closeChannel,\n    initialStrokesData,\n    registerCallback,\n    setChannelMetadata,\n    channelMetadata,\n  };\n};\n\nexport default useCanvasSyncBroker;\n"],"names":["extractStrokeData","payload","useCanvasSyncBroker","channelId","logEvent","initialCanvasData","type","initialStrokesData","setInitialStrokesData","useState","map","message","_a","qrId","strokeData","_b","callbacksMapRef","useRef","channelOptions","useMemo","registerCallback","useCallback","cb","onMessageReceive","messages","initialData","strokesPerWidgetMap","eventPayload","strokes","userId","canvasHeight","widgetOnReceiveCallback","prevData","currentData","key","publish","channelStatus","channel","channelMetadata","setChannelMetadata","useMessageBrokerChannel","closeChannel","useCanvasSyncBroker$1"],"mappings":"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"}

package/dist/features/cue-canvas/hooks/use-cue-canvas-actions.js

@@ -1,28 +1,32 @@
-import { useContext as c, useMemo as l } from "react";
-import a from "../cue-canvas-context.js";
-const m = () => {
+import { useContext as a, useMemo as m } from "react";
+import v from "../cue-canvas-context.js";
+const A = () => {
   const {
-    activeInstance: t,
-    setActiveTool: o,
+    activeInstance: o,
+    setActiveTool: t,
     activeTool: e,
-    setActiveInstance: i,
+    setActiveInstance: r,
     activeColor: s,
-    setActiveColor: n
-  } = c(a), r = l(
+    setActiveColor: i,
+    homeworkId: n,
+    setHomeworkId: c
+  } = a(v), l = m(
     () => e ? ["pen", "ruler", "highlighter", "marker"].includes(e) : !1,
     [e]
   );
   return {
-    activeInstance: t,
-    setActiveTool: o,
+    activeInstance: o,
+    setActiveTool: t,
     activeTool: e,
-    setActiveInstance: i,
+    setActiveInstance: r,
     activeColor: s,
-    setActiveColor: n,
-    isWritingToolActive: r
+    setActiveColor: i,
+    isWritingToolActive: l,
+    homeworkId: n,
+    setHomeworkId: c
   };
 };
 export {
-  m as useCueCanvasActions
+  A as useCueCanvasActions
 };
 //# sourceMappingURL=use-cue-canvas-actions.js.map

package/dist/features/cue-canvas/hooks/use-cue-canvas-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-cue-canvas-actions.js","sources":["../../../../src/features/cue-canvas/hooks/use-cue-canvas-actions.ts"],"sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport PolyContext from '../cue-canvas-context';\n\nexport const useCueCanvasActions = () => {\n  const {\n    activeInstance,\n    setActiveTool,\n    activeTool,\n    setActiveInstance,\n    activeColor,\n    setActiveColor,\n  } = useContext(PolyContext);\n\n  const isWritingToolActive = useMemo(\n    () => (activeTool ? ['pen', 'ruler', 'highlighter', 'marker'].includes(activeTool) : false),\n    [activeTool],\n  );\n\n  return {\n    activeInstance,\n    setActiveTool,\n    activeTool,\n    setActiveInstance,\n    activeColor,\n    setActiveColor,\n    isWritingToolActive,\n  };\n};\n"],"names":["useCueCanvasActions","activeInstance","setActiveTool","activeTool","setActiveInstance","activeColor","setActiveColor","useContext","PolyContext","isWritingToolActive","useMemo"],"mappings":";;AAIO,MAAMA,IAAsB,MAAM;AACjC,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAWC,CAAW,GAEpBC,IAAsBC;AAAA,IAC1B,MAAOP,IAAa,CAAC,OAAO,SAAS,eAAe,QAAQ,EAAE,SAASA,CAAU,IAAI;AAAA,IACrF,CAACA,CAAU;AAAA,EAAA;AAGN,SAAA;AAAA,IACL,gBAAAF;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAG;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-cue-canvas-actions.js","sources":["../../../../src/features/cue-canvas/hooks/use-cue-canvas-actions.ts"],"sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport PolyContext from '../cue-canvas-context';\n\nexport const useCueCanvasActions = () => {\n  const {\n    activeInstance,\n    setActiveTool,\n    activeTool,\n    setActiveInstance,\n    activeColor,\n    setActiveColor,\n    homeworkId,\n    setHomeworkId,\n  } = useContext(PolyContext);\n\n  const isWritingToolActive = useMemo(\n    () => (activeTool ? ['pen', 'ruler', 'highlighter', 'marker'].includes(activeTool) : false),\n    [activeTool],\n  );\n\n  return {\n    activeInstance,\n    setActiveTool,\n    activeTool,\n    setActiveInstance,\n    activeColor,\n    setActiveColor,\n    isWritingToolActive,\n    homeworkId,\n    setHomeworkId,\n  };\n};\n"],"names":["useCueCanvasActions","activeInstance","setActiveTool","activeTool","setActiveInstance","activeColor","setActiveColor","homeworkId","setHomeworkId","useContext","PolyContext","isWritingToolActive","useMemo"],"mappings":";;AAIO,MAAMA,IAAsB,MAAM;AACjC,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEC,EAAWC,CAAW,GAEpBC,IAAsBC;AAAA,IAC1B,MAAOT,IAAa,CAAC,OAAO,SAAS,eAAe,QAAQ,EAAE,SAASA,CAAU,IAAI;AAAA,IACrF,CAACA,CAAU;AAAA,EAAA;AAGN,SAAA;AAAA,IACL,gBAAAF;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAK;AAAA,IACA,YAAAJ;AAAA,IACA,eAAAC;AAAA,EAAA;AAEJ;"}

package/dist/features/cue-canvas/hooks/use-upload-helper.js

@@ -0,0 +1,23 @@
+import { useRef as d, useCallback as c } from "react";
+import m from "../../worksheet/worksheet/hooks/use-s3-helper.js";
+const p = { type: "cuemath_whiteboard" }, h = (a) => {
+  const { userId: o, renderAs: u, userType: s } = a, l = d(), r = m({
+    studentId: o,
+    query: p,
+    enabled: u === "whiteboard" && s === "TEACHER"
+  }), t = c(
+    async (n) => {
+      const e = await r({
+        fileKey: "media/cuemath-whiteboard/",
+        images: [{ file: n, url: "" }]
+      });
+      return e && e.length > 0 ? e[0] ?? "error" : "error";
+    },
+    [r]
+  );
+  return l.current = t, t;
+};
+export {
+  h as default
+};
+//# sourceMappingURL=use-upload-helper.js.map

package/dist/features/cue-canvas/hooks/use-upload-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-upload-helper.js","sources":["../../../../src/features/cue-canvas/hooks/use-upload-helper.ts"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { TRenderAs } from '../types/cue-canvas';\n\nimport { useCallback } from 'react';\nimport { useRef } from 'react';\n\nimport useS3ImageUploadHelper from '../../worksheet/worksheet/hooks/use-s3-helper';\n\ninterface IUseUploadHelper {\n  userId: string;\n  renderAs: TRenderAs;\n  userType: TUserTypes;\n}\nconst QUERY = { type: 'cuemath_whiteboard' };\n\nconst useUploadHelper = (props: IUseUploadHelper) => {\n  const { userId, renderAs, userType } = props;\n  const uploadImageRef = useRef<(file: File) => Promise<string>>();\n  const uploadImages = useS3ImageUploadHelper({\n    studentId: userId,\n    query: QUERY,\n    enabled: renderAs === 'whiteboard' && userType === 'TEACHER',\n  });\n\n  const uploadImageToS3 = useCallback(\n    async (file: File) => {\n      const urls = await uploadImages({\n        fileKey: `media/cuemath-whiteboard/`,\n        images: [{ file: file, url: '' }],\n      });\n\n      if (urls && urls.length > 0) {\n        const url = urls[0] ?? 'error';\n\n        return url;\n      }\n\n      return 'error';\n    },\n    [uploadImages],\n  );\n\n  uploadImageRef.current = uploadImageToS3;\n\n  return uploadImageToS3;\n};\n\nexport default useUploadHelper;\n"],"names":["QUERY","useUploadHelper","props","userId","renderAs","userType","uploadImageRef","useRef","uploadImages","useS3ImageUploadHelper","uploadImageToS3","useCallback","file","urls"],"mappings":";;AAaA,MAAMA,IAAQ,EAAE,MAAM,wBAEhBC,IAAkB,CAACC,MAA4B;AACnD,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,UAAAC,EAAA,IAAaH,GACjCI,IAAiBC,KACjBC,IAAeC,EAAuB;AAAA,IAC1C,WAAWN;AAAA,IACX,OAAOH;AAAA,IACP,SAASI,MAAa,gBAAgBC,MAAa;AAAA,EAAA,CACpD,GAEKK,IAAkBC;AAAA,IACtB,OAAOC,MAAe;AACd,YAAAC,IAAO,MAAML,EAAa;AAAA,QAC9B,SAAS;AAAA,QACT,QAAQ,CAAC,EAAE,MAAAI,GAAY,KAAK,IAAI;AAAA,MAAA,CACjC;AAEG,aAAAC,KAAQA,EAAK,SAAS,IACZA,EAAK,CAAC,KAAK,UAKlB;AAAA,IACT;AAAA,IACA,CAACL,CAAY;AAAA,EAAA;AAGf,SAAAF,EAAe,UAAUI,GAElBA;AACT;"}

package/dist/features/cue-canvas/sidebar/homework/helper.js

@@ -0,0 +1,20 @@
+const m = (t) => {
+  const e = typeof t == "string" ? new Date(t) : new Date(t * 1e3), o = e.getDate(), r = e.getMonth() + 1;
+  return { year: e.getFullYear(), month: r, date: o };
+};
+function a(t) {
+  const n = /* @__PURE__ */ new Date();
+  return n.setMonth(t - 1), n.toLocaleString("en-US", {
+    month: "short"
+  });
+}
+const c = (t) => {
+  var e;
+  return (e = a(+t)) == null ? void 0 : e.toUpperCase();
+};
+export {
+  m as getDateInInputFormat,
+  c as getMonthNameforNumber,
+  a as toMonthName
+};
+//# sourceMappingURL=helper.js.map

package/dist/features/cue-canvas/sidebar/homework/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/helper.ts"],"sourcesContent":["export const getDateInInputFormat = (inputDate: number | string) => {\n  const isDateInString = typeof inputDate === 'string';\n  const dateToBeConverted = isDateInString ? new Date(inputDate) : new Date(inputDate * 1000);\n\n  const dateNum = dateToBeConverted.getDate();\n  const monthNum = dateToBeConverted.getMonth() + 1;\n  const year = dateToBeConverted.getFullYear();\n\n  return { year, month: monthNum, date: dateNum };\n};\n\nexport function toMonthName(monthNumber: number) {\n  const date = new Date();\n\n  date.setMonth(monthNumber - 1);\n\n  return date.toLocaleString('en-US', {\n    month: 'short',\n  });\n}\nexport const getMonthNameforNumber = (num: number) => {\n  const monthName = toMonthName(+num)?.toUpperCase();\n\n  return monthName;\n};\n"],"names":["getDateInInputFormat","inputDate","dateToBeConverted","dateNum","monthNum","toMonthName","monthNumber","date","getMonthNameforNumber","num","_a"],"mappings":"AAAa,MAAAA,IAAuB,CAACC,MAA+B;AAE5D,QAAAC,IADiB,OAAOD,KAAc,WACD,IAAI,KAAKA,CAAS,IAAI,IAAI,KAAKA,IAAY,GAAI,GAEpFE,IAAUD,EAAkB,WAC5BE,IAAWF,EAAkB,SAAA,IAAa;AAGhD,SAAO,EAAE,MAFIA,EAAkB,eAEhB,OAAOE,GAAU,MAAMD,EAAQ;AAChD;AAEO,SAASE,EAAYC,GAAqB;AACzC,QAAAC,wBAAW;AAEZ,SAAAA,EAAA,SAASD,IAAc,CAAC,GAEtBC,EAAK,eAAe,SAAS;AAAA,IAClC,OAAO;AAAA,EAAA,CACR;AACH;AACa,MAAAC,IAAwB,CAACC,MAAgB;AApBzC,MAAAC;AAuBJ,UAFWA,IAAAL,EAAY,CAACI,CAAG,MAAhB,gBAAAC,EAAmB;AAGvC;"}

package/dist/features/cue-canvas/sidebar/homework/homework-menu.js

@@ -0,0 +1,33 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { memo as l } from "react";
+import m from "../../../../assets/line-icons/icons/cross.js";
+import s from "../../../ui/buttons/clickable/clickable.js";
+import r from "../../../ui/layout/flex-view.js";
+import i from "../../../ui/text/text.js";
+import $ from "./homework-request.js";
+import { MenuContainer as d } from "./homework-styled.js";
+const a = ({ onSelect: n, hwRequests: c }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ t(
+  r,
+  {
+    $flexDirection: "row",
+    $alignItems: "center",
+    $justifyContent: "center",
+    $flexWrap: !0,
+    $gutterX: 0.5,
+    $gapX: 0.5,
+    children: [
+      /* @__PURE__ */ t(r, { $flexDirection: "row", $gapX: 0.5, children: [
+        /* @__PURE__ */ t(r, { $width: "184px", $gutterX: 1, children: [
+          /* @__PURE__ */ e(i, { $color: "WHITE", $renderAs: "eyebrow2", children: "HOMEWORK" }),
+          /* @__PURE__ */ e(i, { $color: "WHITE", $renderAs: "eyebrow2", children: "HELP REQUESTS" })
+        ] }),
+        /* @__PURE__ */ e(s, { onClick: n, label: "close activities menu", children: /* @__PURE__ */ e(m, { color: "WHITE" }) })
+      ] }),
+      c.map((o) => /* @__PURE__ */ e(r, { $gutterX: 0.25, $gapX: 0.5, children: /* @__PURE__ */ e($, { hwRequest: o, onSelect: n, studentName: o.student_name }) }, o.created_on_ts))
+    ]
+  }
+) }) }), w = l(a);
+export {
+  w as default
+};
+//# sourceMappingURL=homework-menu.js.map

package/dist/features/cue-canvas/sidebar/homework/homework-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"homework-menu.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/homework-menu.tsx"],"sourcesContent":["import type { IHomeWorkMenuProps } from './homework-types';\n\nimport { memo } from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport HWRequest from './homework-request';\nimport * as Styled from './homework-styled';\n\nconst HomeWorkMenu: React.FC<IHomeWorkMenuProps> = ({ onSelect, hwRequests }) => {\n  return (\n    <Styled.MenuContainer>\n      <FlexView>\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $flexWrap\n          $gutterX={0.5}\n          $gapX={0.5}\n        >\n          <FlexView $flexDirection=\"row\" $gapX={0.5}>\n            <FlexView $width={'184px'} $gutterX={1}>\n              <Text $color=\"WHITE\" $renderAs=\"eyebrow2\">\n                HOMEWORK\n              </Text>\n              <Text $color=\"WHITE\" $renderAs=\"eyebrow2\">\n                HELP REQUESTS\n              </Text>\n            </FlexView>\n            <Clickable onClick={onSelect} label=\"close activities menu\">\n              <CrossIcon color=\"WHITE\" />\n            </Clickable>\n          </FlexView>\n\n          {hwRequests.map(item => (\n            <FlexView $gutterX={0.25} $gapX={0.5} key={item.created_on_ts}>\n              <HWRequest hwRequest={item} onSelect={onSelect} studentName={item.student_name} />\n            </FlexView>\n          ))}\n        </FlexView>\n      </FlexView>\n    </Styled.MenuContainer>\n  );\n};\n\nexport default memo(HomeWorkMenu);\n"],"names":["HomeWorkMenu","onSelect","hwRequests","jsx","Styled.MenuContainer","FlexView","jsxs","Text","Clickable","CrossIcon","item","HWRequest","HomeWorkMenu$1","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAA6C,CAAC,EAAE,UAAAC,GAAU,YAAAC,QAE3D,gBAAAC,EAAAC,GAAA,EACC,4BAACC,GACC,EAAA,UAAA,gBAAAC;AAAA,EAACD;AAAA,EAAA;AAAA,IACC,gBAAe;AAAA,IACf,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,WAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IAEP,UAAA;AAAA,MAAA,gBAAAC,EAACD,GAAS,EAAA,gBAAe,OAAM,OAAO,KACpC,UAAA;AAAA,QAAA,gBAAAC,EAACD,GAAS,EAAA,QAAQ,SAAS,UAAU,GACnC,UAAA;AAAA,UAAA,gBAAAF,EAACI,GAAK,EAAA,QAAO,SAAQ,WAAU,YAAW,UAE1C,YAAA;AAAA,4BACCA,GAAK,EAAA,QAAO,SAAQ,WAAU,YAAW,UAE1C,iBAAA;AAAA,QAAA,GACF;AAAA,QACA,gBAAAJ,EAACK,GAAU,EAAA,SAASP,GAAU,OAAM,yBAClC,UAAC,gBAAAE,EAAAM,GAAA,EAAU,OAAM,QAAA,CAAQ,EAC3B,CAAA;AAAA,MAAA,GACF;AAAA,MAECP,EAAW,IAAI,CACdQ,MAAA,gBAAAP,EAACE,KAAS,UAAU,MAAM,OAAO,KAC/B,UAAA,gBAAAF,EAACQ,KAAU,WAAWD,GAAM,UAAAT,GAAoB,aAAaS,EAAK,cAAc,EADvC,GAAAA,EAAK,aAEhD,CACD;AAAA,IAAA;AAAA,EAAA;AAAA,EAEL,CAAA,EACF,CAAA,GAIWE,IAAAC,EAAKb,CAAY;"}

package/dist/features/cue-canvas/sidebar/homework/homework-request.js

@@ -0,0 +1,68 @@
+import { jsx as o, jsxs as R } from "react/jsx-runtime";
+import { h as c } from "../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as q, useCallback as k } from "react";
+import y from "../../../ui/buttons/clickable/clickable.js";
+import $ from "../../../ui/layout/flex-view.js";
+import d from "../../../ui/text/text.js";
+import { useCueCanvasActions as W } from "../../hooks/use-cue-canvas-actions.js";
+import { getDateInInputFormat as _, getMonthNameforNumber as E } from "./helper.js";
+import { HWImageContainer as T } from "./homework-styled.js";
+import l from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const v = (u) => {
+  var a;
+  const { hwRequest: p, onSelect: r, studentName: h } = u, {
+    problem_description: m,
+    problem_image_urls: e,
+    created_on_ts: f,
+    homework_id: s
+  } = p, { setHomeworkId: n, activeInstance: t } = W(), g = k(() => {
+    const x = l();
+    if (e && e.length > 0) {
+      const i = {
+        data: {
+          [x]: [
+            void 0,
+            {
+              name: "text",
+              html: m,
+              x: 500,
+              y: 75,
+              rot: 0
+            }
+          ]
+        }
+      };
+      e.forEach((C) => {
+        const H = l();
+        i.data[H] = [
+          void 0,
+          {
+            name: "image",
+            href: C + "?dummyProp=true",
+            x: 48,
+            y: 72,
+            rot: 0,
+            width: 400
+          }
+        ];
+      }), t == null || t.replaceCanvas(i);
+    }
+    r(), n(s);
+  }, [t, m, s, e, r, n]), { date: I, month: w } = _(f), b = `${c.ordinal(I)} ${c.titleCase((a = E(w)) == null ? void 0 : a.toLowerCase())}`;
+  return /* @__PURE__ */ o(y, { label: "HW Request Item", onClick: g, children: /* @__PURE__ */ R($, { $alignItems: "center", $justifyContent: "center", $borderRadius: 8, $background: "WHITE", children: [
+    /* @__PURE__ */ o(
+      T,
+      {
+        src: e[0] + "?dummyProp=true",
+        alt: "Homework Request",
+        crossOrigin: "anonymous"
+      }
+    ),
+    /* @__PURE__ */ o(d, { $renderAs: "body3", color: "WHITE", children: h }),
+    /* @__PURE__ */ o(d, { $renderAs: "body3", color: "WHITE", children: b })
+  ] }) });
+}, M = q(v);
+export {
+  M as default
+};
+//# sourceMappingURL=homework-request.js.map

package/dist/features/cue-canvas/sidebar/homework/homework-request.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"homework-request.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/homework-request.tsx"],"sourcesContent":["import type { IReplaceCanvas } from '../../types/cue-canvas';\nimport type { IHomeWorkRequestProps } from './homework-types';\n\nimport { ordinal, titleCase } from 'humanize-plus';\nimport { memo, useCallback } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useCueCanvasActions } from '../../hooks/use-cue-canvas-actions';\nimport { getDateInInputFormat, getMonthNameforNumber } from './helper';\nimport * as Styled from './homework-styled';\n\nconst HomeWorkRequest: React.FC<IHomeWorkRequestProps> = props => {\n  const { hwRequest, onSelect, studentName } = props;\n  const {\n    problem_description: hwRequestDesc,\n    problem_image_urls: hwRequestImages,\n    created_on_ts: createdOnTs,\n    homework_id: hwRequestId,\n  } = hwRequest;\n  const { setHomeworkId, activeInstance } = useCueCanvasActions();\n\n  const onSelectHwRequest = useCallback(() => {\n    const textId = uuidv4();\n\n    if (hwRequestImages && hwRequestImages.length > 0) {\n      const actionData: IReplaceCanvas = {\n        data: {\n          [textId]: [\n            undefined,\n            {\n              name: 'text',\n              html: hwRequestDesc,\n              x: 500,\n              y: 75,\n              rot: 0,\n            },\n          ],\n        },\n      };\n\n      hwRequestImages.forEach(image => {\n        const imgId = uuidv4();\n\n        actionData.data[imgId] = [\n          undefined,\n          {\n            name: 'image',\n            href: image + '?dummyProp=true',\n            x: 48,\n            y: 72,\n            rot: 0,\n            width: 400,\n          },\n        ];\n      });\n\n      activeInstance?.replaceCanvas(actionData);\n    }\n    onSelect();\n    setHomeworkId(hwRequestId);\n  }, [activeInstance, hwRequestDesc, hwRequestId, hwRequestImages, onSelect, setHomeworkId]);\n\n  const { date, month } = getDateInInputFormat(createdOnTs);\n\n  const dateString = `${ordinal(date)} ${titleCase(getMonthNameforNumber(month)?.toLowerCase())}`;\n\n  return (\n    <Clickable label=\"HW Request Item\" onClick={onSelectHwRequest}>\n      <FlexView $alignItems=\"center\" $justifyContent=\"center\" $borderRadius={8} $background=\"WHITE\">\n        <Styled.HWImageContainer\n          src={hwRequestImages[0] + '?dummyProp=true'}\n          alt=\"Homework Request\"\n          crossOrigin=\"anonymous\"\n        />\n        <Text $renderAs=\"body3\" color=\"WHITE\">\n          {studentName}\n        </Text>\n        <Text $renderAs=\"body3\" color=\"WHITE\">\n          {dateString}\n        </Text>\n      </FlexView>\n    </Clickable>\n  );\n};\n\nexport default memo(HomeWorkRequest);\n"],"names":["HomeWorkRequest","props","hwRequest","onSelect","studentName","hwRequestDesc","hwRequestImages","createdOnTs","hwRequestId","setHomeworkId","activeInstance","useCueCanvasActions","onSelectHwRequest","useCallback","textId","uuidv4","actionData","image","imgId","date","month","getDateInInputFormat","dateString","ordinal","titleCase","_a","getMonthNameforNumber","jsx","Clickable","jsxs","FlexView","Styled.HWImageContainer","Text","HWRequest","memo"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAAmD,CAASC,MAAA;;AAChE,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,aAAAC,EAAA,IAAgBH,GACvC;AAAA,IACJ,qBAAqBI;AAAA,IACrB,oBAAoBC;AAAA,IACpB,eAAeC;AAAA,IACf,aAAaC;AAAA,EACX,IAAAN,GACE,EAAE,eAAAO,GAAe,gBAAAC,EAAe,IAAIC,EAAoB,GAExDC,IAAoBC,EAAY,MAAM;AAC1C,UAAMC,IAASC;AAEX,QAAAT,KAAmBA,EAAgB,SAAS,GAAG;AACjD,YAAMU,IAA6B;AAAA,QACjC,MAAM;AAAA,UACJ,CAACF,CAAM,GAAG;AAAA,YACR;AAAA,YACA;AAAA,cACE,MAAM;AAAA,cACN,MAAMT;AAAA,cACN,GAAG;AAAA,cACH,GAAG;AAAA,cACH,KAAK;AAAA,YACP;AAAA,UACF;AAAA,QACF;AAAA,MAAA;AAGF,MAAAC,EAAgB,QAAQ,CAASW,MAAA;AAC/B,cAAMC,IAAQH;AAEH,QAAAC,EAAA,KAAKE,CAAK,IAAI;AAAA,UACvB;AAAA,UACA;AAAA,YACE,MAAM;AAAA,YACN,MAAMD,IAAQ;AAAA,YACd,GAAG;AAAA,YACH,GAAG;AAAA,YACH,KAAK;AAAA,YACL,OAAO;AAAA,UACT;AAAA,QAAA;AAAA,MACF,CACD,GAEDP,KAAA,QAAAA,EAAgB,cAAcM;AAAA,IAChC;AACS,IAAAb,KACTM,EAAcD,CAAW;AAAA,EAAA,GACxB,CAACE,GAAgBL,GAAeG,GAAaF,GAAiBH,GAAUM,CAAa,CAAC,GAEnF,EAAE,MAAAU,GAAM,OAAAC,EAAM,IAAIC,EAAqBd,CAAW,GAElDe,IAAa,GAAGC,UAAQJ,CAAI,CAAC,IAAIK,aAAUC,IAAAC,EAAsBN,CAAK,MAA3B,gBAAAK,EAA8B,aAAa,CAAC;AAE7F,SACG,gBAAAE,EAAAC,GAAA,EAAU,OAAM,mBAAkB,SAAShB,GAC1C,UAAA,gBAAAiB,EAACC,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,eAAe,GAAG,aAAY,SACpF,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,KAAKzB,EAAgB,CAAC,IAAI;AAAA,QAC1B,KAAI;AAAA,QACJ,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,sBACC0B,GAAK,EAAA,WAAU,SAAQ,OAAM,SAC3B,UACH5B,GAAA;AAAA,sBACC4B,GAAK,EAAA,WAAU,SAAQ,OAAM,SAC3B,UACHV,GAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAKlC,CAAe;"}

package/dist/features/cue-canvas/sidebar/homework/homework-styled.js

@@ -0,0 +1,25 @@
+import o from "styled-components";
+import t from "../../../ui/layout/flex-view.js";
+const i = o(t)`
+  position: absolute;
+  top: 38px;
+  left: -87px; //32px + 32 px  for icon +8+8(separator) +7 gutter
+  width: 248px;
+  height: 438px;
+  border-radius: 6px;
+  background: #292734;
+  box-shadow: 0px 4px 8px ${({ theme: r }) => r.colors.BLACK_T_20};
+  overflow-y: auto;
+`, a = o.img.attrs({ loading: "lazy" })`
+  width: 184px;
+  height: 128px;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+`;
+export {
+  a as HWImageContainer,
+  i as MenuContainer
+};
+//# sourceMappingURL=homework-styled.js.map

package/dist/features/cue-canvas/sidebar/homework/homework-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"homework-styled.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/homework-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst MenuContainer = styled(FlexView)`\n  position: absolute;\n  top: 38px;\n  left: -87px; //32px + 32 px  for icon +8+8(separator) +7 gutter\n  width: 248px;\n  height: 438px;\n  border-radius: 6px;\n  background: #292734;\n  box-shadow: 0px 4px 8px ${({ theme }) => theme.colors.BLACK_T_20};\n  overflow-y: auto;\n`;\nconst HWImageContainer = styled.img.attrs({ loading: 'lazy' })`\n  width: 184px;\n  height: 128px;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n`;\n\nexport { MenuContainer, HWImageContainer };\n"],"names":["MenuContainer","styled","FlexView","theme","HWImageContainer"],"mappings":";;AAIM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQT,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA,GAG5DC,IAAmBH,EAAO,IAAI,MAAM,EAAE,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/cue-canvas/sidebar/homework/homework.js

@@ -0,0 +1,39 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { memo as u, useRef as d, useCallback as f, useEffect as k } from "react";
+import p from "../../../ui/buttons/clickable/clickable.js";
+import h from "../../../ui/hooks/use-context-menu-click-handler.js";
+import C from "../../../ui/layout/flex-view.js";
+import b from "../../../ui/text/text.js";
+import { StyledWrapper as w, HWWrapper as W } from "../../cue-cavas-styled.js";
+import { useCueCanvasActions as H } from "../../hooks/use-cue-canvas-actions.js";
+import $ from "./homework-menu.js";
+const v = (m) => {
+  const { activeSidebar: e, setActiveSidebar: n, hwRequests: s } = m, { activeInstance: r } = H(), c = d(null), { menuVisible: i, onMenuClick: t } = h(
+    c,
+    void 0,
+    !0,
+    void 0
+  ), l = f(() => {
+    e === "tile" && (r == null || r.toggleTiles(!1)), n(e === "homework" ? void 0 : "homework"), t();
+  }, [e, r, t, n]);
+  return k(() => {
+    (e === "tile" || e === "puzzle") && i && t();
+  }, [e, i, t]), /* @__PURE__ */ a(C, { $position: "relative", children: [
+    /* @__PURE__ */ o(p, { onClick: l, label: "homework help", children: /* @__PURE__ */ o(w, { $active: e === "homework", children: /* @__PURE__ */ o(
+      W,
+      {
+        $background: e === "homework" ? "BLACK" : "WHITE",
+        $borderColor: e === "homework" ? "WHITE" : "BLACK",
+        $borderRadius: 4,
+        $alignItems: "center",
+        $justifyContent: "center",
+        children: /* @__PURE__ */ o(b, { $color: e === "homework" ? "WHITE" : "BLACK", $renderAs: "ub3-bold", children: "HW" })
+      }
+    ) }) }),
+    i && /* @__PURE__ */ o($, { onSelect: l, hwRequests: s })
+  ] });
+}, j = u(v);
+export {
+  j as default
+};
+//# sourceMappingURL=homework.js.map

package/dist/features/cue-canvas/sidebar/homework/homework.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"homework.js","sources":["../../../../../src/features/cue-canvas/sidebar/homework/homework.tsx"],"sourcesContent":["import type { IHomeWorkRequestsContainerProps } from './homework-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, 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 Text from '../../../ui/text/text';\nimport { StyledWrapper, HWWrapper } from '../../cue-cavas-styled';\nimport { useCueCanvasActions } from '../../hooks/use-cue-canvas-actions';\nimport HomeWorkMenu from './homework-menu';\n\nconst HomeWorkRequestsContainer: FC<IHomeWorkRequestsContainerProps> = props => {\n  const { activeSidebar, setActiveSidebar, hwRequests } = props;\n  const { activeInstance: cueCanvas } = useCueCanvasActions();\n  const homeWorkMenuRef = useRef(null);\n\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    homeWorkMenuRef,\n    undefined,\n    true,\n    undefined,\n  );\n\n  const handleClick = useCallback(() => {\n    if (activeSidebar === 'tile') {\n      cueCanvas?.toggleTiles(false);\n    }\n    setActiveSidebar(activeSidebar === 'homework' ? undefined : 'homework');\n    onMenuClick();\n  }, [activeSidebar, cueCanvas, onMenuClick, setActiveSidebar]);\n\n  useEffect(() => {\n    if ((activeSidebar === 'tile' || activeSidebar === 'puzzle') && menuVisible) {\n      onMenuClick();\n    }\n  }, [activeSidebar, menuVisible, onMenuClick]);\n\n  return (\n    <FlexView $position=\"relative\">\n      <Clickable onClick={handleClick} label=\"homework help\">\n        <StyledWrapper $active={activeSidebar === 'homework'}>\n          <HWWrapper\n            $background={activeSidebar === 'homework' ? 'BLACK' : 'WHITE'}\n            $borderColor={activeSidebar === 'homework' ? 'WHITE' : 'BLACK'}\n            $borderRadius={4}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n          >\n            <Text $color={activeSidebar === 'homework' ? 'WHITE' : 'BLACK'} $renderAs=\"ub3-bold\">\n              HW\n            </Text>\n          </HWWrapper>\n        </StyledWrapper>\n      </Clickable>\n      {menuVisible && <HomeWorkMenu onSelect={handleClick} hwRequests={hwRequests} />}\n    </FlexView>\n  );\n};\n\nexport default memo(HomeWorkRequestsContainer);\n"],"names":["HomeWorkRequestsContainer","props","activeSidebar","setActiveSidebar","hwRequests","cueCanvas","useCueCanvasActions","homeWorkMenuRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","handleClick","useCallback","useEffect","jsxs","FlexView","jsx","Clickable","StyledWrapper","HWWrapper","Text","HomeWorkMenu","Homework","memo"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAiE,CAASC,MAAA;AAC9E,QAAM,EAAE,eAAAC,GAAe,kBAAAC,GAAkB,YAAAC,EAAA,IAAeH,GAClD,EAAE,gBAAgBI,EAAU,IAAIC,EAAoB,GACpDC,IAAkBC,EAAO,IAAI,GAE7B,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIK,IAAcC,EAAY,MAAM;AACpC,IAAIX,MAAkB,WACpBG,KAAA,QAAAA,EAAW,YAAY,MAERF,EAAAD,MAAkB,aAAa,SAAY,UAAU,GAC1DQ;KACX,CAACR,GAAeG,GAAWK,GAAaP,CAAgB,CAAC;AAE5D,SAAAW,EAAU,MAAM;AACd,KAAKZ,MAAkB,UAAUA,MAAkB,aAAaO,KAClDC;EAEb,GAAA,CAACR,GAAeO,GAAaC,CAAW,CAAC,GAG1C,gBAAAK,EAACC,GAAS,EAAA,WAAU,YAClB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAASN,GAAa,OAAM,iBACrC,UAAC,gBAAAK,EAAAE,GAAA,EAAc,SAASjB,MAAkB,YACxC,UAAA,gBAAAe;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,aAAalB,MAAkB,aAAa,UAAU;AAAA,QACtD,cAAcA,MAAkB,aAAa,UAAU;AAAA,QACvD,eAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAEhB,UAAA,gBAAAe,EAACI,KAAK,QAAQnB,MAAkB,aAAa,UAAU,SAAS,WAAU,YAAW,UAErF,KAAA,CAAA;AAAA,MAAA;AAAA,OAEJ,EACF,CAAA;AAAA,IACCO,KAAe,gBAAAQ,EAACK,GAAa,EAAA,UAAUV,GAAa,YAAAR,GAAwB;AAAA,EAC/E,EAAA,CAAA;AAEJ,GAEemB,IAAAC,EAAKxB,CAAyB;"}

package/dist/features/cue-canvas/sidebar/puzzles/api/get-puzzles.js

@@ -0,0 +1,13 @@
+import { createGetAPI as e } from "@cuemath/rest-api";
+import { BASE_URL_V3 as r, BASE_URL_V2 as c } from "../../../../../constants/api.js";
+import { stringify as o } from "../../../../../helpers/query-string.js";
+const { get: g } = e({
+  getURL: (t, i) => `${r}/curriculum/cueboard-activities/?${o(i)}`
+}), { useGet: _ } = e({
+  getURL: (t) => `${c}/curriculum/wb-activities/${t}`
+});
+export {
+  g as getPuzzles,
+  _ as useGetActivity
+};
+//# sourceMappingURL=get-puzzles.js.map

package/dist/features/cue-canvas/sidebar/puzzles/api/get-puzzles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-puzzles.js","sources":["../../../../../../src/features/cue-canvas/sidebar/puzzles/api/get-puzzles.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2, BASE_URL_V3 } from '../../../../../constants/api';\nimport { stringify } from '../../../../../helpers/query-string';\n\nexport interface IFilterOption {\n  applied: boolean;\n  code: string;\n  name: string;\n}\n\nexport interface IFilterData {\n  activity_tiles: IFilterOption[];\n  activity_topics: IFilterOption[];\n  activity_types: IFilterOption[];\n  grades: IFilterOption[];\n  search: string;\n}\n\nexport interface IPuzzlesResultData {\n  activity_tiles: string[];\n  activity_topics: string[];\n  activity_types: string[];\n  activity_url: string;\n  created_on: string;\n  created_on_ts: number;\n  grades: string[];\n  id: string;\n  is_live: boolean;\n  name: string;\n  node_id: string;\n  updated_on: string;\n  updated_on_ts: number;\n}\nexport interface IPuzzlesResponses {\n  filters: IFilterData;\n  results: IPuzzlesResultData[];\n}\nexport interface IGetPuzzles {\n  activity_tiles?: string[];\n  activity_topics?: string[];\n  activity_types?: string[];\n  grades?: string[];\n  search?: string;\n}\n\nexport interface ActivityMetadata {\n  code: string;\n  description: string | null;\n  id: string;\n  is_live: boolean;\n  name: string;\n  priority: number | null;\n  type: 'ACTIVITY_TILE' | 'ACTIVITY_TOPIC' | 'ACTIVITY_TYPE' | string;\n}\n\nexport interface IActivityGrade {\n  code: string;\n  description: string;\n  id: string;\n  is_live: boolean;\n  name: string;\n  priority: number;\n  type: 'GRADE';\n}\n\nexport interface ActivityData {\n  activity_tiles: ActivityMetadata[];\n  activity_topics: ActivityMetadata[];\n  activity_types: ActivityMetadata[];\n  grades: IActivityGrade[];\n  worksheet: Worksheet;\n}\n\ninterface Worksheet {\n  code: string;\n  complete_in: number | null;\n  course_type: string;\n  description: string | null;\n  desmos_calculator_enabled: boolean;\n  id: string;\n  instructions_ref: string | null;\n  is_lesson_v3_enabled: boolean;\n  is_live: boolean;\n  is_subjective: boolean;\n  is_turing: boolean;\n  learnosity_activity_ref: string | null;\n  name: string;\n  points_available: number;\n  project_name: string;\n  sheet_time: number | null;\n  student_instructions_ref: string | null;\n  target_accuracy: number;\n  thumbnail_url: string | null;\n  total_questions: number | null;\n  visible_in_mpr: boolean;\n  worksheet_type: string;\n}\n\nconst { get: getPuzzles } = createGetAPI<IPuzzlesResponses, IGetPuzzles>({\n  getURL: (_, query) => `${BASE_URL_V3}/curriculum/cueboard-activities/?${stringify(query)}`,\n});\n\nconst { useGet: useGetActivity } = createGetAPI<ActivityData>({\n  getURL: nodeId => `${BASE_URL_V2}/curriculum/wb-activities/${nodeId}`,\n});\n\nexport { getPuzzles, useGetActivity };\n"],"names":["getPuzzles","createGetAPI","_","query","BASE_URL_V3","stringify","useGetActivity","nodeId","BASE_URL_V2"],"mappings":";;;AAmGA,MAAM,EAAE,KAAKA,EAAW,IAAIC,EAA6C;AAAA,EACvE,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,oCAAoCC,EAAUF,CAAK,CAAC;AAC1F,CAAC,GAEK,EAAE,QAAQG,EAAe,IAAIL,EAA2B;AAAA,EAC5D,QAAQ,CAAAM,MAAU,GAAGC,CAAW,6BAA6BD,CAAM;AACrE,CAAC;"}

package/dist/features/cue-canvas/sidebar/puzzles/filter-selection-menu.js

@@ -0,0 +1,60 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { memo as h, useState as u, useCallback as m } from "react";
+import b from "../../../../assets/line-icons/icons/back.js";
+import C from "../../../../assets/line-icons/icons/cross.js";
+import s from "../../../ui/buttons/clickable/clickable.js";
+import x from "../../../ui/buttons/text-button/text-button.js";
+import k from "../../../ui/inputs/checkbox-input-list/checkbox-input-list.js";
+import i from "../../../ui/layout/flex-view.js";
+import d from "../../../ui/text/text.js";
+import { MenuContainer as g, CheckboxWrapper as I } from "./puzzles-styled.js";
+const T = ({
+  closeAllPopups: t,
+  menuItems: c,
+  onFiltersChange: a,
+  type: n
+}) => {
+  const [o, p] = u(
+    c.filter((r) => r.applied).map((r) => r.name)
+  ), f = m((r) => {
+    p(r);
+  }, []), $ = m(() => {
+    a({
+      [n]: o
+    }), t();
+  }, [a, t, o, n]);
+  return /* @__PURE__ */ l(g, { children: [
+    /* @__PURE__ */ l(i, { $justifyContent: "space-between", $flexDirection: "row", $gutterX: 1, $gapX: 0.5, children: [
+      /* @__PURE__ */ l(i, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 1, children: [
+        /* @__PURE__ */ e(s, { onClick: t, label: "back", children: /* @__PURE__ */ e(b, { color: "WHITE" }) }),
+        /* @__PURE__ */ l(d, { $color: "WHITE", $renderAs: "eyebrow2", children: [
+          "Select ",
+          n === "grades" ? n : n.split("_")[1],
+          o.length > 0 && /* @__PURE__ */ e("span", { children: ` (${o.length})` })
+        ] })
+      ] }),
+      /* @__PURE__ */ l(i, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 1, children: [
+        /* @__PURE__ */ e(x, { color: "WHITE", label: "Apply", onClick: $ }),
+        /* @__PURE__ */ e(s, { onClick: t, label: "close filter menu", children: /* @__PURE__ */ e(C, { color: "WHITE" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(I, { $gutterX: 1, $gapX: 1, children: /* @__PURE__ */ e(
+      k,
+      {
+        size: "medium",
+        renderAs: "black-dark",
+        numColumns: 3,
+        options: c.map((r) => ({
+          id: r.name,
+          label: /* @__PURE__ */ e(d, { $renderAs: "ub3-bold", $color: "WHITE", $inline: !0, children: r.name })
+        })),
+        value: o,
+        onChange: f
+      }
+    ) })
+  ] });
+}, A = h(T);
+export {
+  A as default
+};
+//# sourceMappingURL=filter-selection-menu.js.map

package/dist/features/cue-canvas/sidebar/puzzles/filter-selection-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-selection-menu.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/filter-selection-menu.tsx"],"sourcesContent":["import type { IFilterOption } from './api/get-puzzles';\nimport type { FilterSelectionMenuProps } from './puzzles-type';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport BackIcon from '../../../../assets/line-icons/icons/back';\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport CheckboxInputList from '../../../ui/inputs/checkbox-input-list/checkbox-input-list';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './puzzles-styled';\n\nconst FilterSelectionMenu: React.FC<FilterSelectionMenuProps> = ({\n  closeAllPopups,\n  menuItems,\n  onFiltersChange,\n  type,\n}) => {\n  const [selectedOptions, setSelectedOptions] = useState<string[]>(\n    menuItems.filter((ele: IFilterOption) => ele.applied).map((ele: IFilterOption) => ele.name),\n  );\n\n  const handleFilterChange = useCallback((selectedCodes: string[]) => {\n    setSelectedOptions(selectedCodes);\n  }, []);\n\n  const handleApplyFilters = useCallback(() => {\n    onFiltersChange({\n      [type]: selectedOptions,\n    });\n\n    closeAllPopups();\n  }, [onFiltersChange, closeAllPopups, selectedOptions, type]);\n\n  return (\n    <Styled.MenuContainer>\n      <FlexView $justifyContent=\"space-between\" $flexDirection=\"row\" $gutterX={1} $gapX={0.5}>\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={1}>\n          <Clickable onClick={closeAllPopups} label=\"back\">\n            <BackIcon color=\"WHITE\" />\n          </Clickable>\n          <Text $color=\"WHITE\" $renderAs=\"eyebrow2\">\n            Select {type === 'grades' ? type : type.split('_')[1]}\n            {selectedOptions.length > 0 && <span>{` (${selectedOptions.length})`}</span>}\n          </Text>\n        </FlexView>\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={1}>\n          <TextButton color=\"WHITE\" label=\"Apply\" onClick={handleApplyFilters} />\n          <Clickable onClick={closeAllPopups} label=\"close filter menu\">\n            <CrossIcon color=\"WHITE\" />\n          </Clickable>\n        </FlexView>\n      </FlexView>\n      <Styled.CheckboxWrapper $gutterX={1} $gapX={1}>\n        <CheckboxInputList\n          size=\"medium\"\n          renderAs=\"black-dark\"\n          numColumns={3}\n          options={menuItems.map(ele => ({\n            id: ele.name,\n            label: (\n              <Text $renderAs=\"ub3-bold\" $color=\"WHITE\" $inline>\n                {ele.name}\n              </Text>\n            ),\n          }))}\n          value={selectedOptions}\n          onChange={handleFilterChange}\n        />\n      </Styled.CheckboxWrapper>\n    </Styled.MenuContainer>\n  );\n};\n\nexport default memo(FilterSelectionMenu);\n"],"names":["FilterSelectionMenu","closeAllPopups","menuItems","onFiltersChange","type","selectedOptions","setSelectedOptions","useState","ele","handleFilterChange","useCallback","selectedCodes","handleApplyFilters","jsxs","Styled.MenuContainer","FlexView","jsx","Clickable","BackIcon","Text","TextButton","CrossIcon","Styled.CheckboxWrapper","CheckboxInputList","FilterSelectionMenu$1","memo"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAA0D,CAAC;AAAA,EAC/D,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AACE,QAAA,CAACC,GAAiBC,CAAkB,IAAIC;AAAA,IAC5CL,EAAU,OAAO,CAACM,MAAuBA,EAAI,OAAO,EAAE,IAAI,CAACA,MAAuBA,EAAI,IAAI;AAAA,EAAA,GAGtFC,IAAqBC,EAAY,CAACC,MAA4B;AAClE,IAAAL,EAAmBK,CAAa;AAAA,EAClC,GAAG,CAAE,CAAA,GAECC,IAAqBF,EAAY,MAAM;AAC3B,IAAAP,EAAA;AAAA,MACd,CAACC,CAAI,GAAGC;AAAA,IAAA,CACT,GAEcJ;KACd,CAACE,GAAiBF,GAAgBI,GAAiBD,CAAI,CAAC;AAGzD,SAAA,gBAAAS,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAD,EAAAE,GAAA,EAAS,iBAAgB,iBAAgB,gBAAe,OAAM,UAAU,GAAG,OAAO,KACjF,UAAA;AAAA,MAAA,gBAAAF,EAACE,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAiB,GACnE,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAShB,GAAgB,OAAM,QACxC,UAAC,gBAAAe,EAAAE,GAAA,EAAS,OAAM,QAAA,CAAQ,EAC1B,CAAA;AAAA,QACC,gBAAAL,EAAAM,GAAA,EAAK,QAAO,SAAQ,WAAU,YAAW,UAAA;AAAA,UAAA;AAAA,UAChCf,MAAS,WAAWA,IAAOA,EAAK,MAAM,GAAG,EAAE,CAAC;AAAA,UACnDC,EAAgB,SAAS,KAAK,gBAAAW,EAAC,UAAM,UAAK,KAAAX,EAAgB,MAAM,IAAI,CAAA;AAAA,QAAA,GACvE;AAAA,MAAA,GACF;AAAA,wBACCU,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAiB,GACnE,UAAA;AAAA,QAAA,gBAAAC,EAACI,KAAW,OAAM,SAAQ,OAAM,SAAQ,SAASR,GAAoB;AAAA,QACrE,gBAAAI,EAACC,GAAU,EAAA,SAAShB,GAAgB,OAAM,qBACxC,UAAC,gBAAAe,EAAAK,GAAA,EAAU,OAAM,QAAA,CAAQ,EAC3B,CAAA;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,sBACCC,GAAA,EAAuB,UAAU,GAAG,OAAO,GAC1C,UAAA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,YAAY;AAAA,QACZ,SAASrB,EAAU,IAAI,CAAQM,OAAA;AAAA,UAC7B,IAAIA,EAAI;AAAA,UACR,OACG,gBAAAQ,EAAAG,GAAA,EAAK,WAAU,YAAW,QAAO,SAAQ,SAAO,IAC9C,UAAAX,EAAI,KACP,CAAA;AAAA,QAAA,EAEF;AAAA,QACF,OAAOH;AAAA,QACP,UAAUI;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,EACF,EAAA,CAAA;AAEJ,GAEee,IAAAC,EAAKzB,CAAmB;"}

package/dist/features/cue-canvas/sidebar/puzzles/filters-section.js

@@ -0,0 +1,44 @@
+import { jsxs as l, Fragment as s, jsx as r } from "react/jsx-runtime";
+import { memo as a } from "react";
+import d from "../../../ui/buttons/text-button/text-button.js";
+import p from "../../../ui/inputs/checkbox-input-list/checkbox-input-list.js";
+import u from "../../../ui/layout/flex-view.js";
+import t from "../../../ui/text/text.js";
+const $ = ({
+  title: n,
+  items: e,
+  selectedItems: i,
+  onChange: m,
+  openSelector: c
+}) => /* @__PURE__ */ l(s, { children: [
+  /* @__PURE__ */ r(t, { $renderAs: "eyebrow2", $color: "WHITE", children: n }),
+  /* @__PURE__ */ l(u, { $gutterX: 0.5, $gapX: 0.5, $flexRowGapX: 0.25, children: [
+    e.length > 0 && /* @__PURE__ */ r(
+      p,
+      {
+        size: "medium",
+        renderAs: "black-dark",
+        numColumns: 1,
+        options: e.slice(0, 3).map((o) => ({
+          id: o,
+          label: /* @__PURE__ */ r(t, { $renderAs: "ub3-bold", $color: "WHITE", $inline: !0, children: o })
+        })),
+        value: i,
+        onChange: m
+      }
+    ),
+    e.length > 3 && /* @__PURE__ */ r(
+      d,
+      {
+        size: "small",
+        color: "GREY_2",
+        onClick: c,
+        label: `${e.length - 3}+ more`
+      }
+    )
+  ] })
+] }), F = a($);
+export {
+  F as default
+};
+//# sourceMappingURL=filters-section.js.map

package/dist/features/cue-canvas/sidebar/puzzles/filters-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters-section.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/filters-section.tsx"],"sourcesContent":["import type { IFilterSectionProps } from './puzzles-type';\n\nimport React, { memo } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport CheckboxInputList from '../../../ui/inputs/checkbox-input-list/checkbox-input-list';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst FilterSection: React.FC<IFilterSectionProps> = ({\n  title,\n  items,\n  selectedItems,\n  onChange,\n  openSelector,\n}) => {\n  return (\n    <>\n      <Text $renderAs=\"eyebrow2\" $color=\"WHITE\">\n        {title}\n      </Text>\n      <FlexView $gutterX={0.5} $gapX={0.5} $flexRowGapX={0.25}>\n        {items.length > 0 && (\n          <CheckboxInputList\n            size=\"medium\"\n            renderAs=\"black-dark\"\n            numColumns={1}\n            options={items.slice(0, 3).map(ele => ({\n              id: ele,\n              label: (\n                <Text $renderAs=\"ub3-bold\" $color=\"WHITE\" $inline>\n                  {ele}\n                </Text>\n              ),\n            }))}\n            value={selectedItems}\n            onChange={onChange}\n          />\n        )}\n        {items.length > 3 && (\n          <TextButton\n            size=\"small\"\n            color=\"GREY_2\"\n            onClick={openSelector}\n            label={`${items.length - 3}+ more`}\n          />\n        )}\n      </FlexView>\n    </>\n  );\n};\n\nexport default memo(FilterSection);\n"],"names":["FilterSection","title","items","selectedItems","onChange","openSelector","jsxs","Fragment","jsx","Text","FlexView","CheckboxInputList","ele","TextButton","FilterSection$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAA+C,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,MAGM,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,SAC/B,UACHR,GAAA;AAAA,oBACCS,GAAS,EAAA,UAAU,KAAK,OAAO,KAAK,cAAc,MAChD,UAAA;AAAA,IAAAR,EAAM,SAAS,KACd,gBAAAM;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAS;AAAA,QACT,YAAY;AAAA,QACZ,SAAST,EAAM,MAAM,GAAG,CAAC,EAAE,IAAI,CAAQU,OAAA;AAAA,UACrC,IAAIA;AAAA,UACJ,yBACGH,GAAK,EAAA,WAAU,YAAW,QAAO,SAAQ,SAAO,IAC9C,UACHG,EAAA,CAAA;AAAA,QAAA,EAEF;AAAA,QACF,OAAOT;AAAA,QACP,UAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEDF,EAAM,SAAS,KACd,gBAAAM;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASR;AAAA,QACT,OAAO,GAAGH,EAAM,SAAS,CAAC;AAAA,MAAA;AAAA,IAC5B;AAAA,EAAA,GAEJ;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKf,CAAa;"}

package/dist/features/cue-canvas/sidebar/puzzles/filters.js

@@ -0,0 +1,107 @@
+import { jsxs as h, Fragment as B, jsx as o } from "react/jsx-runtime";
+import { memo as L, useState as T, useMemo as u, useCallback as r, useEffect as g } from "react";
+import I from "../../../ui/buttons/text-button/text-button.js";
+import A from "../../../ui/layout/flex-view.js";
+import M from "../../../ui/tab/tab.js";
+import b from "../../../ui/text/text.js";
+import w from "./filters-section.js";
+import { SelectedGrades as R } from "./puzzles-styled.js";
+import { GRADE_DISPLAY_NAMES as Y } from "./utils.js";
+const l = (n) => n.filter((t) => t.applied).map((t) => t.name), $ = (n) => n.map((t) => t.name), q = (n) => {
+  const { handleFiltersChange: t, filterGrades: f, filterTypes: i, filterTiles: c, filterTopics: a, togglePopup: s } = n, [d, x] = T(l(f)), [F, y] = T(l(c)), [G, S] = T(l(a)), [p, E] = T(l(i)), P = u(() => $(i), [i]), W = u(() => $(c), [c]), D = u(() => $(a), [a]), H = r(
+    (e) => {
+      const m = p.includes(e) ? p.filter((X) => X !== e) : [...p, e];
+      E(m), t({
+        activity_types: m
+      });
+    },
+    [t, p]
+  ), _ = r(
+    (e) => {
+      y(e), t({
+        activity_tiles: e
+      });
+    },
+    [t]
+  ), k = r(
+    (e) => {
+      S(e), t({
+        activity_topics: e
+      });
+    },
+    [t]
+  ), C = r(() => {
+    s("grades");
+  }, [s]), j = r(() => {
+    s("tiles");
+  }, [s]), v = r(() => {
+    s("topics");
+  }, [s]);
+  return g(() => {
+    x(l(f));
+  }, [f]), g(() => {
+    y(l(c));
+  }, [c]), g(() => {
+    S(l(a));
+  }, [a]), g(() => {
+    E(l(i));
+  }, [i]), /* @__PURE__ */ h(B, { children: [
+    /* @__PURE__ */ o(b, { $renderAs: "eyebrow2", $color: "WHITE", children: "GRADE" }),
+    /* @__PURE__ */ h(
+      A,
+      {
+        $flexDirection: "row",
+        $justifyContent: "space-between",
+        $alignItems: "center",
+        $gutterX: 0.5,
+        $gapX: 0.25,
+        $marginBottomX: 0.5,
+        children: [
+          d.length ? /* @__PURE__ */ o(R, { $renderAs: "eyebrow2", $color: "WHITE", children: d.map((e, m) => /* @__PURE__ */ h("span", { children: [
+            Y[e],
+            m < d.length - 1 ? ", " : ""
+          ] }, e)) }) : /* @__PURE__ */ o(I, { color: "WHITE", onClick: C, label: "Select Grade" }),
+          d.length > 0 && /* @__PURE__ */ o(I, { color: "WHITE", onClick: C, label: "Edit" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(b, { $renderAs: "eyebrow2", $color: "WHITE", children: "TYPE" }),
+    /* @__PURE__ */ o(A, { $flexDirection: "row", $flexWrap: !0, children: P.map((e) => /* @__PURE__ */ o(
+      M,
+      {
+        $width: "fit-content",
+        $renderAs: "secondary",
+        label: e,
+        $selected: p.includes(e),
+        shape: "square",
+        $size: "small",
+        onClick: () => H(e)
+      },
+      e
+    )) }),
+    /* @__PURE__ */ o(
+      w,
+      {
+        title: "TOPIC",
+        items: D,
+        selectedItems: G,
+        onChange: k,
+        openSelector: v
+      }
+    ),
+    /* @__PURE__ */ o(
+      w,
+      {
+        title: "TILE",
+        items: W,
+        onChange: _,
+        selectedItems: F,
+        openSelector: j
+      }
+    )
+  ] });
+}, ee = L(q);
+export {
+  ee as default
+};
+//# sourceMappingURL=filters.js.map