@cuemath/leap 2.8.33-hg2 → 2.8.34-beta.0

package/dist/assets/line-icons/icons/sheet.js

@@ -0,0 +1,54 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+const d = (l) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: "56",
+    height: "56",
+    viewBox: "0 0 56 56",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...l,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12.6006 9.10059H31.5099L43.4006 21.3667V46.9006H12.6006V9.10059ZM15.4006 11.9006V44.1006H40.6006V23.3339H29.5173V11.9006H15.4006ZM32.3173 13.9562L38.6936 20.5339H32.3173V13.9562Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M20.7673 28.1172H35.2339V30.9172H20.7673V28.1172Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M20.7673 34.1839H35.2339V36.9839H20.7673V34.1839Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M20.7673 22.0506H26.4839V24.8506H20.7673V22.0506Z",
+          fill: "currentColor"
+        }
+      )
+    ]
+  }
+), t = d;
+export {
+  t as default
+};
+//# sourceMappingURL=sheet.js.map

package/dist/assets/line-icons/icons/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","sources":["../../../../src/assets/line-icons/icons/sheet.tsx"],"sourcesContent":["const SheetIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12.6006 9.10059H31.5099L43.4006 21.3667V46.9006H12.6006V9.10059ZM15.4006 11.9006V44.1006H40.6006V23.3339H29.5173V11.9006H15.4006ZM32.3173 13.9562L38.6936 20.5339H32.3173V13.9562Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M20.7673 28.1172H35.2339V30.9172H20.7673V28.1172Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M20.7673 34.1839H35.2339V36.9839H20.7673V34.1839Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M20.7673 22.0506H26.4839V24.8506H20.7673V22.0506Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default SheetIcon;\n"],"names":["SheetIcon","props","jsxs","jsx","SheetIcon$1"],"mappings":";AAAA,MAAMA,IAAqD,CACzDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}

package/dist/features/circle-games/games/web-view/web-view-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-view-types.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view-types.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../../../ui/types';\nimport type {\n  GameId,\n  PuzzleId,\n  LessonId,\n  MiniGameId,\n  WebViewEvent,\n  ProjectOutcome,\n  ProjectType,\n} from './enums';\nimport type { WEBVIEW_ANALYTICS_EVENTS } from './web-view-analytics-events';\nimport type { IframeHTMLAttributes } from 'react';\n\nexport type TProject = GameId | PuzzleId | LessonId;\n\nexport interface IPlayer {\n  id: string;\n  username: string;\n  grade?: string;\n  avatar?: IAvatarLayer[] | null;\n  playerType: TUserTypes;\n}\n\ninterface IBaseWebGameProps<T> {\n  projectId: T;\n  variant: string;\n  projectType: ProjectType;\n  joinByRoomId?: string;\n  enableSync?: boolean; // applicable for all except multiplayer games\n  enablePlayerTurnIndicators?: boolean;\n  enableCloseButton?: boolean;\n}\n\nexport interface IMultiplayerWebGameProps extends IBaseWebGameProps<GameId> {}\n\nexport interface IPuzzleWebGameProps extends IBaseWebGameProps<PuzzleId> {\n  question: string;\n  askHintPermission?: boolean;\n}\n\nexport interface ILessonWebGameProps extends IBaseWebGameProps<LessonId> {\n  miniGameIdentifier: MiniGameId;\n  sessionId: string;\n  targetQuestions: number;\n}\n\nexport interface IVibrationPattern {\n  pattern: number[] | number;\n}\n\nexport enum IStatsToAwardErrorCode {\n  DEFAULT = 'default',\n  SUCCESS = 'success',\n  FAIL = 'fail',\n}\n\nexport interface IPlayerStats {\n  points: number;\n  accuracy: number;\n  timeSpent: number;\n  streakDays: number;\n  streakStatusToday: 'pending' | 'completed';\n  errorCode: IStatsToAwardErrorCode;\n  outcome: ProjectOutcome;\n  value: string;\n}\n\nexport interface IInfoMessage {\n  message: string;\n  position: 'top' | 'bottom';\n}\n\nexport interface ITrackEvent {\n  eventName: typeof WEBVIEW_ANALYTICS_EVENTS;\n  properties: Record<string, unknown>;\n}\n\nexport interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameElement> {\n  baseUrl: string;\n  parentDomain: string;\n  projectDetails: IMultiplayerWebGameProps | IPuzzleWebGameProps | ILessonWebGameProps;\n  playerDetails: IPlayer;\n  onBack?: () => void;\n  onGameLoad?: () => void;\n  onGamePlayFinish?: (playerStats: IPlayerStats) => void;\n  handleInfoMessage?: (infoMessage: IInfoMessage) => void;\n}\n\nexport interface IMessageProps {\n  event: `${WebViewEvent}`;\n  payload: IVibrationPattern | IPlayerStats | IInfoMessage | null;\n}\n"],"names":["IStatsToAwardErrorCode"],"mappings":"AAmDY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"web-view-types.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view-types.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../../../ui/types';\nimport type {\n  GameId,\n  PuzzleId,\n  LessonId,\n  MiniGameId,\n  WebViewEvent,\n  ProjectOutcome,\n  ProjectType,\n} from './enums';\nimport type { WEBVIEW_ANALYTICS_EVENTS } from './web-view-analytics-events';\nimport type { IframeHTMLAttributes } from 'react';\n\nexport type TProject = GameId | PuzzleId | LessonId;\n\nexport interface IPlayer {\n  id: string;\n  username: string;\n  grade?: string;\n  avatar?: IAvatarLayer[] | null;\n  playerType: TUserTypes;\n}\n\ninterface IBaseWebGameProps<T> {\n  projectId: T;\n  variant: string;\n  projectType: ProjectType;\n  joinByRoomId?: string;\n  enableSync?: boolean; // applicable for all except multiplayer games\n  enablePlayerTurnIndicators?: boolean;\n  enableCloseButton?: boolean;\n}\n\nexport interface IMultiplayerWebGameProps extends IBaseWebGameProps<GameId> {}\n\nexport interface IPuzzleWebGameProps extends IBaseWebGameProps<PuzzleId> {\n  question: string;\n  askHintPermission?: boolean;\n}\n\nexport interface ILessonWebGameProps extends IBaseWebGameProps<LessonId> {\n  miniGameIdentifier: MiniGameId;\n  sessionId: string;\n  targetQuestions: number;\n}\n\nexport interface IVibrationPattern {\n  pattern: number[] | number;\n}\n\nexport enum IStatsToAwardErrorCode {\n  DEFAULT = 'default',\n  SUCCESS = 'success',\n  FAIL = 'fail',\n}\n\nexport interface IPlayerStats {\n  points: number;\n  accuracy: number;\n  timeSpent: number;\n  streakDays: number;\n  streakStatusToday: 'pending' | 'completed';\n  errorCode: IStatsToAwardErrorCode;\n  outcome: ProjectOutcome;\n  value: string;\n}\n\nexport interface IInfoMessage {\n  message: string;\n  position: 'top' | 'bottom';\n}\n\nexport interface ITrackEvent {\n  eventName: typeof WEBVIEW_ANALYTICS_EVENTS;\n  properties: Record<string, unknown>;\n}\n\nexport interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameElement> {\n  baseUrl: string;\n  projectDetails: IMultiplayerWebGameProps | IPuzzleWebGameProps | ILessonWebGameProps;\n  playerDetails: IPlayer;\n  onBack?: () => void;\n  onGameLoad?: () => void;\n  onGamePlayFinish?: (playerStats: IPlayerStats) => void;\n  handleInfoMessage?: (infoMessage: IInfoMessage) => void;\n}\n\nexport interface IMessageProps {\n  event: `${WebViewEvent}`;\n  payload: IVibrationPattern | IPlayerStats | IInfoMessage | null;\n}\n"],"names":["IStatsToAwardErrorCode"],"mappings":"AAmDY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/circle-games/games/web-view/web-view.js

@@ -1,10 +1,10 @@
-import { jsx as G } from "react/jsx-runtime";
-import { forwardRef as M, useRef as W, useMemo as _, useCallback as A, useImperativeHandle as H, useEffect as V } from "react";
-import { useUIContext as $ } from "../../../ui/context/context.js";
+import { jsx as L } from "react/jsx-runtime";
+import { forwardRef as G, useRef as M, useMemo as _, useCallback as A, useImperativeHandle as W, useEffect as H } from "react";
+import { useUIContext as V } from "../../../ui/context/context.js";
 import { ALLOWED_ORIGIN as j } from "./constants.js";
 import { ProjectType as I } from "./enums/project-type-enum.js";
 import { WebViewEvent as i } from "./enums/web-view-events-enum.js";
-const q = M((N, C) => {
+const K = G((N, C) => {
   const {
     baseUrl: P,
     projectDetails: v,
@@ -12,12 +12,11 @@ const q = M((N, C) => {
     onGameLoad: a,
     onGamePlayFinish: c,
     handleInfoMessage: f,
-    onBack: p,
-    parentDomain: R,
-    ...b
-  } = N, l = W(null), g = _(() => T, [T]), o = _(() => v, [v]);
+    onBack: l,
+    ...R
+  } = N, p = M(null), g = _(() => T, [T]), o = _(() => v, [v]);
   let u = "";
-  const { onEvent: w } = $();
+  const { onEvent: w } = V();
   o.projectType === I.LESSON && (u = o.miniGameIdentifier);
   const m = A(() => {
     const {
@@ -53,39 +52,38 @@ const q = M((N, C) => {
   }, [o]), d = A(() => {
     var s, t;
     const r = m();
-    (t = (s = l.current) == null ? void 0 : s.contentWindow) == null || t.postMessage(
+    (t = (s = p.current) == null ? void 0 : s.contentWindow) == null || t.postMessage(
       JSON.stringify({
         event: i.GAME_DATA,
         payload: r
       }),
       j
     );
-  }, [m]), D = A(() => {
+  }, [m]), O = A(() => {
     var s, t;
     const r = m();
-    (t = (s = l.current) == null ? void 0 : s.contentWindow) == null || t.postMessage(
+    (t = (s = p.current) == null ? void 0 : s.contentWindow) == null || t.postMessage(
       JSON.stringify({
         event: i.SET_CONFIG,
         payload: {
           user: g,
-          projectConfig: r,
-          parentDomain: R
+          projectConfig: r
         }
       }),
       j
     );
   }, [g, m]);
-  return H(C, () => l.current, []), V(() => {
+  return W(C, () => p.current, []), H(() => {
     const r = (s) => {
-      var O, S;
+      var S, D;
       const t = s.data, E = typeof t == "string" ? JSON.parse(t) : t, { event: e, payload: n = null } = E;
       if (e === i.VIBRATE) {
         const { pattern: y } = n;
-        (S = (O = window.navigator).vibrate) == null || S.call(O, y);
+        (D = (S = window.navigator).vibrate) == null || D.call(S, y);
       }
-      if (e === i.GAME_BACK && (p == null || p()), e === i.HIDE_LOADER && (a == null || a()), e === i.LOAD_DATA_FROM_APP && (d == null || d()), e === i.GET_CONFIG && D(), e === i.UPDATE_STATS && (c == null || c(n)), e === i.SHOW_SNACKBAR && (f == null || f(n)), e === i.TRACK_EVENT) {
-        const { eventName: y, properties: L } = n;
-        w(y, L);
+      if (e === i.GAME_BACK && (l == null || l()), e === i.HIDE_LOADER && (a == null || a()), e === i.LOAD_DATA_FROM_APP && (d == null || d()), e === i.GET_CONFIG && O(), e === i.UPDATE_STATS && (c == null || c(n)), e === i.SHOW_SNACKBAR && (f == null || f(n)), e === i.TRACK_EVENT) {
+        const { eventName: y, properties: b } = n;
+        w(y, b);
       }
     };
     return window.addEventListener("message", r), () => {
@@ -93,23 +91,23 @@ const q = M((N, C) => {
     };
   }, [
     f,
-    p,
+    l,
     c,
     a,
-    D,
+    O,
     d,
     w
-  ]), /* @__PURE__ */ G(
+  ]), /* @__PURE__ */ L(
     "iframe",
     {
-      ...b,
-      ref: l,
+      ...R,
+      ref: p,
       src: `${P}/play-game/${o.projectId}/${o.variant}${u ? `/${u}` : ""}?version=2`,
       allow: "autoplay"
     }
   );
 });
 export {
-  q as WebView
+  K as WebView
 };
 //# sourceMappingURL=web-view.js.map

package/dist/features/circle-games/games/web-view/web-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-view.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view.tsx"],"sourcesContent":["import type {\n  IInfoMessage,\n  ILessonWebGameProps,\n  IMessageProps,\n  IMultiplayerWebGameProps,\n  IPlayerStats,\n  IPuzzleWebGameProps,\n  IVibrationPattern,\n  IWebViewProps,\n} from './web-view-types';\nimport type { ForwardedRef } from 'react';\n\nimport { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport { useUIContext } from '../../../ui/context/context';\nimport { ALLOWED_ORIGIN } from './constants';\nimport { ProjectType, WebViewEvent } from './enums';\n\nexport const WebView = forwardRef((props: IWebViewProps, ref: ForwardedRef<HTMLIFrameElement>) => {\n  const {\n    baseUrl,\n    projectDetails,\n    playerDetails,\n    onGameLoad,\n    onGamePlayFinish,\n    handleInfoMessage,\n    onBack,\n    parentDomain,\n    ...rest\n  } = props;\n  const webViewRef = useRef<HTMLIFrameElement>(null);\n  const memoizedPlayerDetails = useMemo(() => playerDetails, [playerDetails]);\n  const memoizedProjectDetails = useMemo(() => projectDetails, [projectDetails]);\n\n  let miniGameIdentifier = '';\n  const { onEvent: trackEvent } = useUIContext();\n\n  if (memoizedProjectDetails.projectType === ProjectType.LESSON) {\n    miniGameIdentifier = (memoizedProjectDetails as ILessonWebGameProps).miniGameIdentifier;\n  }\n\n  const getProjectDetails = useCallback(() => {\n    const {\n      enableCloseButton = true,\n      enablePlayerTurnIndicators = false,\n      enableSync = false,\n      joinByRoomId = '',\n    } = memoizedProjectDetails;\n\n    let payload = {\n      joinByRoomId,\n      enableCloseButton,\n      enablePlayerTurnIndicators,\n      enableSync,\n    } as IMultiplayerWebGameProps | IPuzzleWebGameProps | ILessonWebGameProps;\n\n    if (memoizedProjectDetails.projectType === ProjectType.PUZZLE) {\n      const details = memoizedProjectDetails as IPuzzleWebGameProps;\n\n      payload = {\n        ...payload,\n        question: details.question,\n        askHintPermission: details.askHintPermission,\n      } as IPuzzleWebGameProps;\n    }\n\n    if (memoizedProjectDetails.projectType === ProjectType.LESSON) {\n      const details = memoizedProjectDetails as ILessonWebGameProps;\n\n      payload = {\n        ...payload,\n        miniGameIdentifier: details.miniGameIdentifier,\n        sessionId: details.sessionId,\n        targetQuestions: details.targetQuestions,\n      } as ILessonWebGameProps;\n    }\n\n    return payload;\n  }, [memoizedProjectDetails]);\n\n  const sendGamesData = useCallback(() => {\n    const payload = getProjectDetails();\n\n    webViewRef.current?.contentWindow?.postMessage(\n      JSON.stringify({\n        event: WebViewEvent.GAME_DATA,\n        payload,\n      }),\n      ALLOWED_ORIGIN,\n    );\n  }, [getProjectDetails]);\n\n  const setConfig = useCallback(() => {\n    const projectConfig = getProjectDetails();\n\n    webViewRef.current?.contentWindow?.postMessage(\n      JSON.stringify({\n        event: WebViewEvent.SET_CONFIG,\n        payload: {\n          user: memoizedPlayerDetails,\n          projectConfig,\n          parentDomain,\n        },\n      }),\n      ALLOWED_ORIGIN,\n    );\n  }, [memoizedPlayerDetails, getProjectDetails]);\n\n  useImperativeHandle(ref, () => webViewRef.current as HTMLIFrameElement, []);\n\n  useEffect(() => {\n    const handleMessage = (e: MessageEvent) => {\n      const data: string = e.data;\n      const parsedData = typeof data === 'string' ? JSON.parse(data) : (data as IMessageProps);\n\n      const { event, payload = null } = parsedData;\n\n      if (event === WebViewEvent.VIBRATE) {\n        const { pattern } = payload as IVibrationPattern;\n\n        window.navigator.vibrate?.(pattern);\n      }\n\n      if (event === WebViewEvent.GAME_BACK) {\n        onBack?.();\n      }\n\n      if (event === WebViewEvent.HIDE_LOADER) {\n        onGameLoad?.();\n      }\n\n      if (event === WebViewEvent.LOAD_DATA_FROM_APP) {\n        sendGamesData?.();\n      }\n\n      if (event === WebViewEvent.GET_CONFIG) {\n        setConfig();\n      }\n\n      if (event === WebViewEvent.UPDATE_STATS) {\n        onGamePlayFinish?.(payload as IPlayerStats);\n      }\n\n      if (event === WebViewEvent.SHOW_SNACKBAR) {\n        handleInfoMessage?.(payload as IInfoMessage);\n      }\n\n      if (event === WebViewEvent.TRACK_EVENT) {\n        const { eventName, properties } = payload;\n\n        trackEvent(eventName, properties);\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, [\n    handleInfoMessage,\n    onBack,\n    onGamePlayFinish,\n    onGameLoad,\n    setConfig,\n    sendGamesData,\n    trackEvent,\n  ]);\n\n  return (\n    <iframe\n      {...rest}\n      ref={webViewRef}\n      src={`${baseUrl}/play-game/${memoizedProjectDetails.projectId}/${\n        memoizedProjectDetails.variant\n      }${miniGameIdentifier ? `/${miniGameIdentifier}` : ''}?version=2`}\n      allow=\"autoplay\"\n    />\n  );\n});\n"],"names":["WebView","forwardRef","props","ref","baseUrl","projectDetails","playerDetails","onGameLoad","onGamePlayFinish","handleInfoMessage","onBack","parentDomain","rest","webViewRef","useRef","memoizedPlayerDetails","useMemo","memoizedProjectDetails","miniGameIdentifier","trackEvent","useUIContext","ProjectType","getProjectDetails","useCallback","enableCloseButton","enablePlayerTurnIndicators","enableSync","joinByRoomId","payload","details","sendGamesData","_b","_a","WebViewEvent","ALLOWED_ORIGIN","setConfig","projectConfig","useImperativeHandle","useEffect","handleMessage","e","data","parsedData","event","pattern","eventName","properties","jsx"],"mappings":"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"}
+{"version":3,"file":"web-view.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view.tsx"],"sourcesContent":["import type {\n  IInfoMessage,\n  ILessonWebGameProps,\n  IMessageProps,\n  IMultiplayerWebGameProps,\n  IPlayerStats,\n  IPuzzleWebGameProps,\n  IVibrationPattern,\n  IWebViewProps,\n} from './web-view-types';\nimport type { ForwardedRef } from 'react';\n\nimport { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';\n\nimport { useUIContext } from '../../../ui/context/context';\nimport { ALLOWED_ORIGIN } from './constants';\nimport { ProjectType, WebViewEvent } from './enums';\n\nexport const WebView = forwardRef((props: IWebViewProps, ref: ForwardedRef<HTMLIFrameElement>) => {\n  const {\n    baseUrl,\n    projectDetails,\n    playerDetails,\n    onGameLoad,\n    onGamePlayFinish,\n    handleInfoMessage,\n    onBack,\n    ...rest\n  } = props;\n  const webViewRef = useRef<HTMLIFrameElement>(null);\n  const memoizedPlayerDetails = useMemo(() => playerDetails, [playerDetails]);\n  const memoizedProjectDetails = useMemo(() => projectDetails, [projectDetails]);\n\n  let miniGameIdentifier = '';\n  const { onEvent: trackEvent } = useUIContext();\n\n  if (memoizedProjectDetails.projectType === ProjectType.LESSON) {\n    miniGameIdentifier = (memoizedProjectDetails as ILessonWebGameProps).miniGameIdentifier;\n  }\n\n  const getProjectDetails = useCallback(() => {\n    const {\n      enableCloseButton = true,\n      enablePlayerTurnIndicators = false,\n      enableSync = false,\n      joinByRoomId = '',\n    } = memoizedProjectDetails;\n\n    let payload = {\n      joinByRoomId,\n      enableCloseButton,\n      enablePlayerTurnIndicators,\n      enableSync,\n    } as IMultiplayerWebGameProps | IPuzzleWebGameProps | ILessonWebGameProps;\n\n    if (memoizedProjectDetails.projectType === ProjectType.PUZZLE) {\n      const details = memoizedProjectDetails as IPuzzleWebGameProps;\n\n      payload = {\n        ...payload,\n        question: details.question,\n        askHintPermission: details.askHintPermission,\n      } as IPuzzleWebGameProps;\n    }\n\n    if (memoizedProjectDetails.projectType === ProjectType.LESSON) {\n      const details = memoizedProjectDetails as ILessonWebGameProps;\n\n      payload = {\n        ...payload,\n        miniGameIdentifier: details.miniGameIdentifier,\n        sessionId: details.sessionId,\n        targetQuestions: details.targetQuestions,\n      } as ILessonWebGameProps;\n    }\n\n    return payload;\n  }, [memoizedProjectDetails]);\n\n  const sendGamesData = useCallback(() => {\n    const payload = getProjectDetails();\n\n    webViewRef.current?.contentWindow?.postMessage(\n      JSON.stringify({\n        event: WebViewEvent.GAME_DATA,\n        payload,\n      }),\n      ALLOWED_ORIGIN,\n    );\n  }, [getProjectDetails]);\n\n  const setConfig = useCallback(() => {\n    const projectConfig = getProjectDetails();\n\n    webViewRef.current?.contentWindow?.postMessage(\n      JSON.stringify({\n        event: WebViewEvent.SET_CONFIG,\n        payload: {\n          user: memoizedPlayerDetails,\n          projectConfig,\n        },\n      }),\n      ALLOWED_ORIGIN,\n    );\n  }, [memoizedPlayerDetails, getProjectDetails]);\n\n  useImperativeHandle(ref, () => webViewRef.current as HTMLIFrameElement, []);\n\n  useEffect(() => {\n    const handleMessage = (e: MessageEvent) => {\n      const data: string = e.data;\n      const parsedData = typeof data === 'string' ? JSON.parse(data) : (data as IMessageProps);\n\n      const { event, payload = null } = parsedData;\n\n      if (event === WebViewEvent.VIBRATE) {\n        const { pattern } = payload as IVibrationPattern;\n\n        window.navigator.vibrate?.(pattern);\n      }\n\n      if (event === WebViewEvent.GAME_BACK) {\n        onBack?.();\n      }\n\n      if (event === WebViewEvent.HIDE_LOADER) {\n        onGameLoad?.();\n      }\n\n      if (event === WebViewEvent.LOAD_DATA_FROM_APP) {\n        sendGamesData?.();\n      }\n\n      if (event === WebViewEvent.GET_CONFIG) {\n        setConfig();\n      }\n\n      if (event === WebViewEvent.UPDATE_STATS) {\n        onGamePlayFinish?.(payload as IPlayerStats);\n      }\n\n      if (event === WebViewEvent.SHOW_SNACKBAR) {\n        handleInfoMessage?.(payload as IInfoMessage);\n      }\n\n      if (event === WebViewEvent.TRACK_EVENT) {\n        const { eventName, properties } = payload;\n\n        trackEvent(eventName, properties);\n      }\n    };\n\n    window.addEventListener('message', handleMessage);\n\n    return () => {\n      window.removeEventListener('message', handleMessage);\n    };\n  }, [\n    handleInfoMessage,\n    onBack,\n    onGamePlayFinish,\n    onGameLoad,\n    setConfig,\n    sendGamesData,\n    trackEvent,\n  ]);\n\n  return (\n    <iframe\n      {...rest}\n      ref={webViewRef}\n      src={`${baseUrl}/play-game/${memoizedProjectDetails.projectId}/${\n        memoizedProjectDetails.variant\n      }${miniGameIdentifier ? `/${miniGameIdentifier}` : ''}?version=2`}\n      allow=\"autoplay\"\n    />\n  );\n});\n"],"names":["WebView","forwardRef","props","ref","baseUrl","projectDetails","playerDetails","onGameLoad","onGamePlayFinish","handleInfoMessage","onBack","rest","webViewRef","useRef","memoizedPlayerDetails","useMemo","memoizedProjectDetails","miniGameIdentifier","trackEvent","useUIContext","ProjectType","getProjectDetails","useCallback","enableCloseButton","enablePlayerTurnIndicators","enableSync","joinByRoomId","payload","details","sendGamesData","_b","_a","WebViewEvent","ALLOWED_ORIGIN","setConfig","projectConfig","useImperativeHandle","useEffect","handleMessage","e","data","parsedData","event","pattern","eventName","properties","jsx"],"mappings":";;;;;;AAkBO,MAAMA,IAAUC,EAAW,CAACC,GAAsBC,MAAyC;AAC1F,QAAA;AAAA,IACJ,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GACEU,IAAaC,EAA0B,IAAI,GAC3CC,IAAwBC,EAAQ,MAAMT,GAAe,CAACA,CAAa,CAAC,GACpEU,IAAyBD,EAAQ,MAAMV,GAAgB,CAACA,CAAc,CAAC;AAE7E,MAAIY,IAAqB;AACzB,QAAM,EAAE,SAASC,EAAW,IAAIC,EAAa;AAEzC,EAAAH,EAAuB,gBAAgBI,EAAY,WACrDH,IAAsBD,EAA+C;AAGjE,QAAAK,IAAoBC,EAAY,MAAM;AACpC,UAAA;AAAA,MACJ,mBAAAC,IAAoB;AAAA,MACpB,4BAAAC,IAA6B;AAAA,MAC7B,YAAAC,IAAa;AAAA,MACb,cAAAC,IAAe;AAAA,IACb,IAAAV;AAEJ,QAAIW,IAAU;AAAA,MACZ,cAAAD;AAAA,MACA,mBAAAH;AAAA,MACA,4BAAAC;AAAA,MACA,YAAAC;AAAA,IAAA;AAGE,QAAAT,EAAuB,gBAAgBI,EAAY,QAAQ;AAC7D,YAAMQ,IAAUZ;AAEN,MAAAW,IAAA;AAAA,QACR,GAAGA;AAAA,QACH,UAAUC,EAAQ;AAAA,QAClB,mBAAmBA,EAAQ;AAAA,MAAA;AAAA,IAE/B;AAEI,QAAAZ,EAAuB,gBAAgBI,EAAY,QAAQ;AAC7D,YAAMQ,IAAUZ;AAEN,MAAAW,IAAA;AAAA,QACR,GAAGA;AAAA,QACH,oBAAoBC,EAAQ;AAAA,QAC5B,WAAWA,EAAQ;AAAA,QACnB,iBAAiBA,EAAQ;AAAA,MAAA;AAAA,IAE7B;AAEO,WAAAD;AAAA,EAAA,GACN,CAACX,CAAsB,CAAC,GAErBa,IAAgBP,EAAY,MAAM;;AACtC,UAAMK,IAAUN;AAEhB,KAAAS,KAAAC,IAAAnB,EAAW,YAAX,gBAAAmB,EAAoB,kBAApB,QAAAD,EAAmC;AAAA,MACjC,KAAK,UAAU;AAAA,QACb,OAAOE,EAAa;AAAA,QACpB,SAAAL;AAAA,MAAA,CACD;AAAA,MACDM;AAAA;AAAA,EACF,GACC,CAACZ,CAAiB,CAAC,GAEhBa,IAAYZ,EAAY,MAAM;;AAClC,UAAMa,IAAgBd;AAEtB,KAAAS,KAAAC,IAAAnB,EAAW,YAAX,gBAAAmB,EAAoB,kBAApB,QAAAD,EAAmC;AAAA,MACjC,KAAK,UAAU;AAAA,QACb,OAAOE,EAAa;AAAA,QACpB,SAAS;AAAA,UACP,MAAMlB;AAAA,UACN,eAAAqB;AAAA,QACF;AAAA,MAAA,CACD;AAAA,MACDF;AAAA;AAAA,EACF,GACC,CAACnB,GAAuBO,CAAiB,CAAC;AAE7C,SAAAe,EAAoBjC,GAAK,MAAMS,EAAW,SAA8B,CAAE,CAAA,GAE1EyB,EAAU,MAAM;AACR,UAAAC,IAAgB,CAACC,MAAoB;;AACzC,YAAMC,IAAeD,EAAE,MACjBE,IAAa,OAAOD,KAAS,WAAW,KAAK,MAAMA,CAAI,IAAKA,GAE5D,EAAE,OAAAE,GAAO,SAAAf,IAAU,KAAA,IAASc;AAE9B,UAAAC,MAAUV,EAAa,SAAS;AAC5B,cAAA,EAAE,SAAAW,EAAY,IAAAhB;AAEb,SAAAG,KAAAC,IAAA,OAAA,WAAU,YAAV,QAAAD,EAAA,KAAAC,GAAoBY;AAAA,MAC7B;AA0BI,UAxBAD,MAAUV,EAAa,cAChBtB,KAAA,QAAAA,MAGPgC,MAAUV,EAAa,gBACZzB,KAAA,QAAAA,MAGXmC,MAAUV,EAAa,uBACTH,KAAA,QAAAA,MAGda,MAAUV,EAAa,cACfE,KAGRQ,MAAUV,EAAa,iBACzBxB,KAAA,QAAAA,EAAmBmB,KAGjBe,MAAUV,EAAa,kBACzBvB,KAAA,QAAAA,EAAoBkB,KAGlBe,MAAUV,EAAa,aAAa;AAChC,cAAA,EAAE,WAAAY,GAAW,YAAAC,EAAe,IAAAlB;AAElC,QAAAT,EAAW0B,GAAWC,CAAU;AAAA,MAClC;AAAA,IAAA;AAGK,kBAAA,iBAAiB,WAAWP,CAAa,GAEzC,MAAM;AACJ,aAAA,oBAAoB,WAAWA,CAAa;AAAA,IAAA;AAAA,EACrD,GACC;AAAA,IACD7B;AAAA,IACAC;AAAA,IACAF;AAAA,IACAD;AAAA,IACA2B;AAAA,IACAL;AAAA,IACAX;AAAA,EAAA,CACD,GAGC,gBAAA4B;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGnC;AAAA,MACJ,KAAKC;AAAA,MACL,KAAK,GAAGR,CAAO,cAAcY,EAAuB,SAAS,IAC3DA,EAAuB,OACzB,GAAGC,IAAqB,IAAIA,CAAkB,KAAK,EAAE;AAAA,MACrD,OAAM;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.js

@@ -0,0 +1,174 @@
+import { jsxs as o, Fragment as m, jsx as t } from "react/jsx-runtime";
+import { memo as W, useRef as $, useState as j, useEffect as w, Fragment as G } from "react";
+import N from "../../../../assets/line-icons/icons/sheet.js";
+import g from "../../../ui/layout/flex-view.js";
+import O from "../../../ui/separator/separator.js";
+import f from "../../../ui/text/text.js";
+import V from "./comps/filter-item/filter-item.js";
+import D from "./comps/resource-item/resource-item.js";
+import { HeaderWrapper as P, FilterTabWrapper as H, ResourceCountWrapper as K, FilterListWrapper as M } from "./resources-assign-styled.js";
+const U = [
+  {
+    id: "resource-filters",
+    label: "Filters"
+  },
+  {
+    id: "resource-added",
+    label: "Added"
+  }
+], J = {
+  LEARNING: "Learning",
+  PRACTICE: "Practice",
+  ASSESSMENT: "Assessment",
+  LEVEL2: "Advanced",
+  LEVEL3: "Advanced",
+  SUBJECTIVE: "Subjective"
+}, oe = W((_) => {
+  var R, L, I;
+  const {
+    boards: i,
+    grades: c,
+    nodeTypes: l,
+    selectedResources: b,
+    onResourceDeSelection: v,
+    onFilterUpdate: d,
+    onViewResource: S
+  } = _, a = $(i), s = $(c), u = $(l), [C, x] = j("resource-filters"), p = b.length, A = (R = a.current.find((e) => e.applied)) == null ? void 0 : R.name, T = (L = s.current.find((e) => e.applied)) == null ? void 0 : L.name, E = (I = u.current.find((e) => e.applied)) == null ? void 0 : I.name, F = (e) => {
+    d({ board: A === e ? "" : e });
+  }, k = (e) => {
+    d({ grade: T === e ? "" : e });
+  }, y = (e) => {
+    d({ node_type: E === e ? "" : e });
+  };
+  w(() => {
+    a.current = i, s.current = c, u.current = l;
+  }, [i, c, l]);
+  const X = [
+    {
+      title: "Curriculum",
+      options: a.current.map(({ code: e, name: r }) => ({
+        id: e,
+        label: r,
+        value: r
+      })),
+      value: A,
+      onClick: F
+    },
+    {
+      title: "Grade",
+      options: s.current.map(({ code: e, name: r }) => ({
+        id: e,
+        label: e,
+        value: r
+      })),
+      value: T,
+      onClick: k
+    },
+    {
+      title: "Type",
+      options: u.current.map(({ code: e, name: r }) => ({
+        id: e,
+        label: J[r] || "",
+        value: r || ""
+      })),
+      value: E,
+      onClick: y
+    }
+  ];
+  return /* @__PURE__ */ o(m, { children: [
+    /* @__PURE__ */ t(
+      P,
+      {
+        $heightX: 4,
+        $background: "WHITE_3",
+        $flexDirection: "row",
+        $alignItems: "end",
+        $noBorder: !0,
+        children: U.map((e) => {
+          const { id: r, label: h } = e, n = r === C;
+          return /* @__PURE__ */ o(
+            H,
+            {
+              $flexDirection: "row",
+              $width: "100%",
+              $alignItems: "center",
+              $justifyContent: "center",
+              $gapX: 0.5,
+              $selected: n,
+              onClick: () => x(r),
+              $flexGap: 4,
+              $heightX: 2.5,
+              children: [
+                /* @__PURE__ */ t(
+                  f,
+                  {
+                    $renderAs: n ? "ub3-bold" : "ub3",
+                    $align: "center",
+                    $color: n ? "BLACK_T_87" : "BLACK_T_38",
+                    children: h
+                  }
+                ),
+                p > 0 && r === "resource-added" && /* @__PURE__ */ t(
+                  K,
+                  {
+                    $borderRadius: 50,
+                    $background: "YELLOW_4",
+                    $gutter: 4,
+                    $justifyContent: "center",
+                    $alignItems: "center",
+                    $heightX: 1.25,
+                    children: /* @__PURE__ */ t(f, { $renderAs: "ac4-black", children: p })
+                  }
+                )
+              ]
+            },
+            r
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ t(M, { $height: "calc(100vh - 64px - 16px)", children: C === "resource-filters" ? /* @__PURE__ */ t(m, { children: X.map((e) => {
+      const { title: r, value: h, options: n, onClick: B } = e;
+      return /* @__PURE__ */ o(G, { children: [
+        /* @__PURE__ */ t(
+          V,
+          {
+            title: r,
+            value: h ?? "",
+            options: n,
+            onClick: B
+          }
+        ),
+        /* @__PURE__ */ t(O, { height: 1, background: "WHITE_5" })
+      ] }, r);
+    }) }) : /* @__PURE__ */ o(m, { children: [
+      b.map((e) => /* @__PURE__ */ t(g, { $gapX: 1, $gutterX: 1, children: /* @__PURE__ */ t(
+        D,
+        {
+          resource: e,
+          onViewResource: S,
+          onResourceAdditionOrDeletion: v,
+          selected: !0
+        }
+      ) }, e.id)),
+      p === 0 && /* @__PURE__ */ o(
+        g,
+        {
+          $alignItems: "center",
+          $justifyContent: "center",
+          $gapX: 2,
+          $height: "100%",
+          $flexGap: 8,
+          children: [
+            /* @__PURE__ */ t(N, { opacity: 0.38 }),
+            /* @__PURE__ */ t(g, { $widthX: 15, children: /* @__PURE__ */ t(f, { $renderAs: "ub1-bold", $color: "BLACK_T_38", $align: "center", children: "No sheets added" }) })
+          ]
+        }
+      )
+    ] }) })
+  ] });
+});
+export {
+  oe as default
+};
+//# sourceMappingURL=added-resource-and-filters.js.map

package/dist/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"added-resource-and-filters.js","sources":["../../../../../src/features/milestone/milestone-resources/resources-assign/added-resource-and-filters.tsx"],"sourcesContent":["import type { IAddedResourceAndFilters } from './resources-assign-type';\nimport type { FC } from 'react';\n\nimport { Fragment, memo, useEffect, useRef, useState } from 'react';\n\nimport SheetIcon from '../../../../assets/line-icons/icons/sheet';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport FilterItem from './comps/filter-item/filter-item';\nimport ResourceItem from './comps/resource-item/resource-item';\nimport * as Styled from './resources-assign-styled';\n\nconst TABS = [\n  {\n    id: 'resource-filters',\n    label: 'Filters',\n  },\n  {\n    id: 'resource-added',\n    label: 'Added',\n  },\n];\n\nconst EXTRA_PRACTICE_LABEL_MAP: Record<string, string> = {\n  LEARNING: 'Learning',\n  PRACTICE: 'Practice',\n  ASSESSMENT: 'Assessment',\n  LEVEL2: 'Advanced',\n  LEVEL3: 'Advanced',\n  SUBJECTIVE: 'Subjective',\n};\n\nconst AddedResourceAndFilters: FC<IAddedResourceAndFilters> = memo(props => {\n  const {\n    boards,\n    grades,\n    nodeTypes,\n    selectedResources,\n    onResourceDeSelection,\n    onFilterUpdate,\n    onViewResource,\n  } = props;\n\n  const boardsRef = useRef(boards);\n  const gradesRef = useRef(grades);\n  const nodeTypesRef = useRef(nodeTypes);\n\n  const [selectedTab, setSelectedTab] = useState('resource-filters');\n\n  const addedResourceCount = selectedResources.length;\n  const appliedBoard = boardsRef.current.find(board => board.applied)?.name;\n  const appliedGrade = gradesRef.current.find(grade => grade.applied)?.name;\n  const appliedNodeType = nodeTypesRef.current.find(grade => grade.applied)?.name;\n\n  const handleOnBoardChange = (updatedBoard: string) => {\n    onFilterUpdate({ board: appliedBoard === updatedBoard ? '' : updatedBoard });\n  };\n\n  const handleOnGradeChange = (updatedGrade: string) => {\n    onFilterUpdate({ grade: appliedGrade === updatedGrade ? '' : updatedGrade });\n  };\n\n  const handleOnNodeTypeChange = (updatedNodeType: string) => {\n    onFilterUpdate({ node_type: appliedNodeType === updatedNodeType ? '' : updatedNodeType });\n  };\n\n  useEffect(() => {\n    boardsRef.current = boards;\n    gradesRef.current = grades;\n    nodeTypesRef.current = nodeTypes;\n  }, [boards, grades, nodeTypes]);\n\n  const filterItemList = [\n    {\n      title: 'Curriculum',\n      options: boardsRef.current.map(({ code, name }) => ({\n        id: code,\n        label: name,\n        value: name,\n      })),\n      value: appliedBoard,\n      onClick: handleOnBoardChange,\n    },\n    {\n      title: 'Grade',\n      options: gradesRef.current.map(({ code, name }) => ({\n        id: code,\n        label: code,\n        value: name,\n      })),\n      value: appliedGrade,\n      onClick: handleOnGradeChange,\n    },\n    {\n      title: 'Type',\n      options: nodeTypesRef.current.map(({ code, name }) => ({\n        id: code,\n        label: EXTRA_PRACTICE_LABEL_MAP[name] || '',\n        value: name || '',\n      })),\n      value: appliedNodeType,\n      onClick: handleOnNodeTypeChange,\n    },\n  ];\n\n  return (\n    <>\n      <Styled.HeaderWrapper\n        $heightX={4}\n        $background=\"WHITE_3\"\n        $flexDirection=\"row\"\n        $alignItems=\"end\"\n        $noBorder\n      >\n        {TABS.map(tab => {\n          const { id, label } = tab;\n          const selected = id === selectedTab;\n\n          return (\n            <Styled.FilterTabWrapper\n              key={id}\n              $flexDirection=\"row\"\n              $width=\"100%\"\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n              $gapX={0.5}\n              $selected={selected}\n              onClick={() => setSelectedTab(id)}\n              $flexGap={4}\n              $heightX={2.5}\n            >\n              <Text\n                $renderAs={selected ? 'ub3-bold' : 'ub3'}\n                $align=\"center\"\n                $color={selected ? 'BLACK_T_87' : 'BLACK_T_38'}\n              >\n                {label}\n              </Text>\n              {addedResourceCount > 0 && id === 'resource-added' && (\n                <Styled.ResourceCountWrapper\n                  $borderRadius={50}\n                  $background=\"YELLOW_4\"\n                  $gutter={4}\n                  $justifyContent=\"center\"\n                  $alignItems=\"center\"\n                  $heightX={1.25}\n                >\n                  <Text $renderAs=\"ac4-black\">{addedResourceCount}</Text>\n                </Styled.ResourceCountWrapper>\n              )}\n            </Styled.FilterTabWrapper>\n          );\n        })}\n      </Styled.HeaderWrapper>\n\n      <Styled.FilterListWrapper $height=\"calc(100vh - 64px - 16px)\">\n        {selectedTab === 'resource-filters' ? (\n          <>\n            {filterItemList.map(item => {\n              const { title, value, options, onClick } = item;\n\n              return (\n                <Fragment key={title}>\n                  <FilterItem\n                    title={title}\n                    value={value ?? ''}\n                    options={options}\n                    onClick={onClick}\n                  />\n\n                  <Separator height={1} background=\"WHITE_5\" />\n                </Fragment>\n              );\n            })}\n          </>\n        ) : (\n          <>\n            {selectedResources.map(item => (\n              <FlexView $gapX={1} $gutterX={1} key={item.id}>\n                <ResourceItem\n                  resource={item}\n                  onViewResource={onViewResource}\n                  onResourceAdditionOrDeletion={onResourceDeSelection}\n                  selected={true}\n                />\n              </FlexView>\n            ))}\n\n            {addedResourceCount === 0 && (\n              <FlexView\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $gapX={2}\n                $height=\"100%\"\n                $flexGap={8}\n              >\n                <SheetIcon opacity={0.38} />\n                <FlexView $widthX={15}>\n                  <Text $renderAs=\"ub1-bold\" $color=\"BLACK_T_38\" $align=\"center\">\n                    No sheets added\n                  </Text>\n                </FlexView>\n              </FlexView>\n            )}\n          </>\n        )}\n      </Styled.FilterListWrapper>\n    </>\n  );\n});\n\nexport default AddedResourceAndFilters;\n"],"names":["TABS","EXTRA_PRACTICE_LABEL_MAP","AddedResourceAndFilters","memo","props","boards","grades","nodeTypes","selectedResources","onResourceDeSelection","onFilterUpdate","onViewResource","boardsRef","useRef","gradesRef","nodeTypesRef","selectedTab","setSelectedTab","useState","addedResourceCount","appliedBoard","_a","board","appliedGrade","_b","grade","appliedNodeType","_c","handleOnBoardChange","updatedBoard","handleOnGradeChange","updatedGrade","handleOnNodeTypeChange","updatedNodeType","useEffect","filterItemList","code","name","jsxs","Fragment","jsx","Styled.HeaderWrapper","tab","id","label","selected","Styled.FilterTabWrapper","Text","Styled.ResourceCountWrapper","Styled.FilterListWrapper","item","title","value","options","onClick","FilterItem","Separator","FlexView","ResourceItem","SheetIcon"],"mappings":"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"}

package/dist/features/milestone/milestone-resources/resources-assign/api/get-resource.js

@@ -0,0 +1,10 @@
+import { createGetAPI as e } from "@cuemath/rest-api";
+import { BASE_URL_V3 as t } from "../../../../../constants/api.js";
+import { stringify as o } from "../../../../../helpers/query-string.js";
+const { useGet: i } = e({
+  getURL: (c, r) => `${t}/curriculum/extra-resources/?${o(r)}`
+});
+export {
+  i as useGetSearchResource
+};
+//# sourceMappingURL=get-resource.js.map

package/dist/features/milestone/milestone-resources/resources-assign/api/get-resource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-resource.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/get-resource.ts"],"sourcesContent":["import type { TCourseStream } from '../../../create/milestone-create-types';\nimport type { IResourceData } from '../resources-assign-type';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../../constants/api';\nimport { stringify } from '../../../../../helpers/query-string';\n\ninterface IExtraPracticeQuery {\n  board?: string;\n  grade?: string;\n  stream: TCourseStream;\n  search_term?: string;\n  node_type?: string;\n  page?: number;\n  per_page?: number;\n  user_milestone_id?: string;\n  program_id?: string;\n}\n\nconst { useGet: useGetSearchResource } = createGetAPI<IResourceData, IExtraPracticeQuery>({\n  getURL: (_, query) => `${BASE_URL_V3}/curriculum/extra-resources/?${stringify(query)}`,\n});\n\nexport { useGetSearchResource, type IExtraPracticeQuery };\n"],"names":["useGetSearchResource","createGetAPI","_","query","BASE_URL_V3","stringify"],"mappings":";;;AAoBA,MAAM,EAAE,QAAQA,EAAqB,IAAIC,EAAiD;AAAA,EACxF,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,gCAAgCC,EAAUF,CAAK,CAAC;AACtF,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/api/goal-resource-assign.js

@@ -0,0 +1,9 @@
+import { createPostAPI as o } from "@cuemath/rest-api";
+import { BASE_URL_V3 as s } from "../../../../../constants/api.js";
+const { usePost: u } = o({
+  getURL: (t, { userMilestoneId: e }) => `${s}/user-milestone/${e}/resources`
+});
+export {
+  u as usePostMilestoneResource
+};
+//# sourceMappingURL=goal-resource-assign.js.map

package/dist/features/milestone/milestone-resources/resources-assign/api/goal-resource-assign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"goal-resource-assign.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/goal-resource-assign.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../../constants/api';\n\nconst { usePost: usePostMilestoneResource } = createPostAPI<\n  void,\n  {\n    node_ids: string[];\n  },\n  { userMilestoneId: string }\n>({\n  getURL: (_, { userMilestoneId }) => `${BASE_URL_V3}/user-milestone/${userMilestoneId}/resources`,\n});\n\nexport { usePostMilestoneResource };\n"],"names":["usePostMilestoneResource","createPostAPI","_","userMilestoneId","BASE_URL_V3"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAAyB,IAAIC,EAM5C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,iBAAAC,EAAsB,MAAA,GAAGC,CAAW,mBAAmBD,CAAe;AACtF,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.js

@@ -0,0 +1,9 @@
+import { createPostAPI as e } from "@cuemath/rest-api";
+import { BASE_URL_V2 as s } from "../../../../../constants/api.js";
+const { usePost: P } = e({
+  getURL: (o, { studentId: t }) => `${s}/students/${t}/practice-sheets/`
+});
+export {
+  P as usePostLPARResource
+};
+//# sourceMappingURL=lpar-resource-assign.js.map

package/dist/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lpar-resource-assign.js","sources":["../../../../../../src/features/milestone/milestone-resources/resources-assign/api/lpar-resource-assign.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V2 } from '../../../../../constants/api';\n\nconst { usePost: usePostLPARResource } = createPostAPI<\n  void,\n  {\n    program_id: string;\n    nodes: { id: string; attempt_location: string }[];\n  },\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V2}/students/${studentId}/practice-sheets/`,\n});\n\nexport { usePostLPARResource };\n"],"names":["usePostLPARResource","createPostAPI","_","studentId","BASE_URL_V2"],"mappings":";;AAIA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAOvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAW,aAAaD,CAAS;AACpE,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.js

@@ -0,0 +1,20 @@
+import r from "styled-components";
+import n from "../../../../../../assets/line-icons/icons/chevron-down.js";
+import i from "../../../../../ui/layout/flex-view.js";
+const a = r(i)`
+  cursor: pointer;
+`, c = r(n)(({ $active: t, theme: e }) => {
+  const { gutter: o } = e.layout;
+  return `
+    width: ${o}px;
+    height: ${o}px;
+    opacity: ${t ? 1 : 0.38};
+    transform: rotate(${t ? 180 : 0}deg);
+    transition: transform 0.3s ease-out;
+  `;
+});
+export {
+  a as FilterItemHeader,
+  c as StyledChevronIcon
+};
+//# sourceMappingURL=filter-item-styled.js.map

package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-item-styled.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ChevronDownIcon from '../../../../../../assets/line-icons/icons/chevron-down';\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst FilterItemHeader = styled(FlexView)`\n  cursor: pointer;\n`;\n\ninterface IChevronIcon {\n  $active: boolean;\n}\n\nconst StyledChevronIcon = styled(ChevronDownIcon)<IChevronIcon>(({ $active, theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter}px;\n    height: ${gutter}px;\n    opacity: ${$active ? 1 : 0.38};\n    transform: rotate(${$active ? 180 : 0}deg);\n    transition: transform 0.3s ease-out;\n  `;\n});\n\nexport { FilterItemHeader, StyledChevronIcon };\n"],"names":["FilterItemHeader","styled","FlexView","StyledChevronIcon","ChevronDownIcon","$active","theme","gutter"],"mappings":";;;AAKM,MAAAA,IAAmBC,EAAOC,CAAQ;AAAA;AAAA,GAQlCC,IAAoBF,EAAOG,CAAe,EAAgB,CAAC,EAAE,SAAAC,GAAS,OAAAC,QAAY;AAChF,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,aACIC,CAAM;AAAA,cACLA,CAAM;AAAA,eACLF,IAAU,IAAI,IAAI;AAAA,wBACTA,IAAU,MAAM,CAAC;AAAA;AAAA;AAGzC,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.js

@@ -0,0 +1,47 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { memo as f, useState as x } from "react";
+import l from "../../../../../ui/layout/flex-view.js";
+import u from "../../../../../ui/tab/tab.js";
+import h from "../../../../../ui/text/text.js";
+import { FilterItemHeader as C, StyledChevronIcon as w } from "./filter-item-styled.js";
+const j = f((i) => {
+  const { options: a, title: c, value: s, onClick: d } = i, [t, m] = x(!0);
+  return /* @__PURE__ */ o(l, { $width: "100%", $gapX: 1, $gutterX: 1, $flexGapX: 1, children: [
+    /* @__PURE__ */ o(
+      C,
+      {
+        $flexDirection: "row",
+        $alignItems: "center",
+        $justifyContent: "space-between",
+        $flexGap: 8,
+        onClick: () => {
+          m((r) => !r);
+        },
+        children: [
+          /* @__PURE__ */ e(h, { $renderAs: "ac4-black", $color: t ? "BLACK_T_60" : "BLACK_T_38", children: c }),
+          /* @__PURE__ */ e(w, { $active: t })
+        ]
+      }
+    ),
+    t && /* @__PURE__ */ e(l, { $flexDirection: "row", $flexWrap: !0, $flexGap: 12, children: a.map((r) => {
+      const { id: p, label: $, value: n } = r;
+      return /* @__PURE__ */ e(
+        u,
+        {
+          $width: "fit-content",
+          $renderAs: "primary",
+          label: $,
+          $selected: n === s,
+          shape: "curved",
+          $size: "small",
+          onClick: () => d(n)
+        },
+        p
+      );
+    }) })
+  ] });
+});
+export {
+  j as default
+};
+//# sourceMappingURL=filter-item.js.map

package/dist/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-item.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/filter-item/filter-item.tsx"],"sourcesContent":["import type { IFilterItem } from './filter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useState } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport TabComponent from '../../../../../ui/tab/tab';\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './filter-item-styled';\n\nconst FilterItem: FC<IFilterItem> = memo(props => {\n  const { options, title, value, onClick } = props;\n  const [expandItem, setExpandedItem] = useState(true);\n\n  const handleOnExpand = () => {\n    setExpandedItem(prev => !prev);\n  };\n\n  return (\n    <FlexView $width=\"100%\" $gapX={1} $gutterX={1} $flexGapX={1}>\n      <Styled.FilterItemHeader\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"space-between\"\n        $flexGap={8}\n        onClick={handleOnExpand}\n      >\n        <Text $renderAs=\"ac4-black\" $color={expandItem ? 'BLACK_T_60' : 'BLACK_T_38'}>\n          {title}\n        </Text>\n\n        <Styled.StyledChevronIcon $active={expandItem} />\n      </Styled.FilterItemHeader>\n\n      {expandItem && (\n        <FlexView $flexDirection=\"row\" $flexWrap $flexGap={12}>\n          {options.map(option => {\n            const { id, label, value: optionValue } = option;\n            const selected = optionValue === value;\n\n            return (\n              <TabComponent\n                key={id}\n                $width=\"fit-content\"\n                $renderAs=\"primary\"\n                label={label}\n                $selected={selected}\n                shape=\"curved\"\n                $size=\"small\"\n                onClick={() => onClick(optionValue)}\n              />\n            );\n          })}\n        </FlexView>\n      )}\n    </FlexView>\n  );\n});\n\nexport default FilterItem;\n"],"names":["FilterItem","memo","props","options","title","value","onClick","expandItem","setExpandedItem","useState","jsxs","FlexView","Styled.FilterItemHeader","prev","jsx","Text","Styled.StyledChevronIcon","option","id","label","optionValue","TabComponent"],"mappings":";;;;;;AAUM,MAAAA,IAA8BC,EAAK,CAASC,MAAA;AAChD,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,SAAAC,MAAYJ,GACrC,CAACK,GAAYC,CAAe,IAAIC,EAAS,EAAI;AAOjD,SAAA,gBAAAC,EAACC,KAAS,QAAO,QAAO,OAAO,GAAG,UAAU,GAAG,WAAW,GACxD,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAXiB,MAAM;AACX,UAAAJ,EAAA,CAAAK,MAAQ,CAACA,CAAI;AAAA,QAAA;AAAA,QAYzB,UAAA;AAAA,UAAA,gBAAAC,EAACC,KAAK,WAAU,aAAY,QAAQR,IAAa,eAAe,cAC7D,UACHH,EAAA,CAAA;AAAA,UAEC,gBAAAU,EAAAE,GAAA,EAAyB,SAAST,EAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAECA,KACE,gBAAAO,EAAAH,GAAA,EAAS,gBAAe,OAAM,WAAS,IAAC,UAAU,IAChD,UAAQR,EAAA,IAAI,CAAUc,MAAA;AACrB,YAAM,EAAE,IAAAC,GAAI,OAAAC,GAAO,OAAOC,MAAgBH;AAIxC,aAAA,gBAAAH;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,QAAO;AAAA,UACP,WAAU;AAAA,UACV,OAAAF;AAAA,UACA,WARaC,MAAgBf;AAAA,UAS7B,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAAS,MAAMC,EAAQc,CAAW;AAAA,QAAA;AAAA,QAP7BF;AAAA,MAAA;AAAA,IAUV,CAAA,GACH;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item-styled.js

@@ -0,0 +1,22 @@
+import e from "styled-components";
+import t from "../../../../../ui/text/text.js";
+const i = e(t)`
+  cursor: pointer;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  text-overflow: ellipsis;
+  overflow: hidden;
+
+  &:hover {
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
+`, l = e(t)`
+  word-spacing: 4px;
+`;
+export {
+  l as ResourceItemTags,
+  i as ResourceItemTitle
+};
+//# sourceMappingURL=resource-item-styled.js.map

package/dist/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-item-styled.js","sources":["../../../../../../../src/features/milestone/milestone-resources/resources-assign/comps/resource-item/resource-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../../../../ui/text/text';\n\nconst ResourceItemTitle = styled(Text)`\n  cursor: pointer;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  &:hover {\n    text-decoration: underline;\n    text-underline-offset: 3px;\n  }\n`;\n\nconst ResourceItemTags = styled(Text)`\n  word-spacing: 4px;\n`;\n\nexport { ResourceItemTitle, ResourceItemTags };\n"],"names":["ResourceItemTitle","styled","Text","ResourceItemTags"],"mappings":";;AAIM,MAAAA,IAAoBC,EAAOC,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAc/BC,IAAmBF,EAAOC,CAAI;AAAA;AAAA;"}