npm - @cuemath/leap - Versions diffs - 2.8.53-as1 → 2.8.53-as3 - Mend

@cuemath/leap 2.8.53-as1 → 2.8.53-as3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/dist/assets/line-icons/icons/puzzle-icon.js ADDED Viewed

@@ -0,0 +1,51 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+const e = (c) => /* @__PURE__ */ l(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...c,
+    children: [
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M4.84375 5.78632L4.84375 4.37218C4.84375 3.98865 5.15466 3.67773 5.53819 3.67773H7.11038",
+          stroke: "currentColor",
+          strokeWidth: "1.39167"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M14.6472 16.5289L17.3453 4.68253C17.4304 4.30858 17.1963 3.93638 16.8224 3.85121L10.0307 2.30435C9.67373 2.22305 9.31497 2.43282 9.21075 2.78377L8.31911 5.78642",
+          stroke: "currentColor",
+          strokeWidth: "1.39167"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "rect",
+        {
+          x: "3.33325",
+          y: "7.59961",
+          width: "9.0665",
+          height: "9.0665",
+          rx: "0.694444",
+          fill: "#F6F6F6",
+          stroke: "currentColor",
+          strokeWidth: "1.39167"
+        }
+      ),
+      /* @__PURE__ */ r("circle", { cx: "6.29508", cy: "10.563", r: "0.695833", fill: "black" }),
+      /* @__PURE__ */ r("circle", { cx: "6.29508", cy: "13.7359", r: "0.695833", fill: "black" }),
+      /* @__PURE__ */ r("circle", { cx: "9.4689", cy: "10.563", r: "0.695833", fill: "black" }),
+      /* @__PURE__ */ r("circle", { cx: "9.4689", cy: "13.7359", r: "0.695833", fill: "black" })
+    ]
+  }
+);
+export {
+  e as default
+};
+//# sourceMappingURL=puzzle-icon.js.map

package/dist/assets/line-icons/icons/puzzle-icon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"puzzle-icon.js","sources":["../../../../src/assets/line-icons/icons/puzzle-icon.tsx"],"sourcesContent":["const PuzzleIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M4.84375 5.78632L4.84375 4.37218C4.84375 3.98865 5.15466 3.67773 5.53819 3.67773H7.11038\"\n stroke=\"currentColor\"\n strokeWidth=\"1.39167\"\n />\n <path\n d=\"M14.6472 16.5289L17.3453 4.68253C17.4304 4.30858 17.1963 3.93638 16.8224 3.85121L10.0307 2.30435C9.67373 2.22305 9.31497 2.43282 9.21075 2.78377L8.31911 5.78642\"\n stroke=\"currentColor\"\n strokeWidth=\"1.39167\"\n />\n <rect\n x=\"3.33325\"\n y=\"7.59961\"\n width=\"9.0665\"\n height=\"9.0665\"\n rx=\"0.694444\"\n fill=\"#F6F6F6\"\n stroke=\"currentColor\"\n strokeWidth=\"1.39167\"\n />\n <circle cx=\"6.29508\" cy=\"10.563\" r=\"0.695833\" fill=\"black\" />\n <circle cx=\"6.29508\" cy=\"13.7359\" r=\"0.695833\" fill=\"black\" />\n <circle cx=\"9.4689\" cy=\"10.563\" r=\"0.695833\" fill=\"black\" />\n <circle cx=\"9.4689\" cy=\"13.7359\" r=\"0.695833\" fill=\"black\" />\n </svg>\n);\n\nexport default PuzzleIcon;\n"],"names":["PuzzleIcon","props","jsxs","jsx"],"mappings":";AAAA,MAAMA,IAAsD,CAC1DC,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,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,GAAE;AAAA,UACF,OAAM;AAAA,UACN,QAAO;AAAA,UACP,IAAG;AAAA,UACH,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAA,EAAC,YAAO,IAAG,WAAU,IAAG,UAAS,GAAE,YAAW,MAAK,QAAQ,CAAA;AAAA,MAC3D,gBAAAA,EAAC,YAAO,IAAG,WAAU,IAAG,WAAU,GAAE,YAAW,MAAK,QAAQ,CAAA;AAAA,MAC5D,gBAAAA,EAAC,YAAO,IAAG,UAAS,IAAG,UAAS,GAAE,YAAW,MAAK,QAAQ,CAAA;AAAA,MAC1D,gBAAAA,EAAC,YAAO,IAAG,UAAS,IAAG,WAAU,GAAE,YAAW,MAAK,QAAQ,CAAA;AAAA,IAAA;AAAA,EAAA;AAC7D;"}

package/dist/assets/line-icons/icons/tile.js ADDED Viewed

@@ -0,0 +1,54 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+const o = (e) => /* @__PURE__ */ i(
+  "svg",
+  {
+    className: "tile-icon",
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...e,
+    children: [
+      /* @__PURE__ */ t("rect", { x: "0.5", y: "0.5", width: "31", height: "31", rx: "15.5", fill: "white" }),
+      /* @__PURE__ */ t("rect", { x: "0.5", y: "0.5", width: "31", height: "31", rx: "15.5", stroke: "white" }),
+      /* @__PURE__ */ t(
+        "rect",
+        {
+          x: "8.5",
+          y: "16",
+          width: "5.83333",
+          height: "6.66667",
+          rx: "0.833333",
+          stroke: "#2B2B2B",
+          strokeWidth: "1.39167",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "circle",
+        {
+          cx: "20.1667",
+          cy: "19.2542",
+          r: "3.33333",
+          stroke: "#2B2B2B",
+          strokeWidth: "1.39167",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M18.8222 13.6583H11.7094C10.9896 13.6583 10.6084 12.8073 11.0875 12.2702L14.644 8.28391C14.9753 7.91249 15.5563 7.9125 15.8876 8.28391L19.444 12.2702C19.9232 12.8073 19.542 13.6583 18.8222 13.6583Z",
+          stroke: "#2B2B2B",
+          strokeWidth: "1.39167",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+export {
+  o as default
+};
+//# sourceMappingURL=tile.js.map

package/dist/assets/line-icons/icons/tile.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tile.js","sources":["../../../../src/assets/line-icons/icons/tile.tsx"],"sourcesContent":["const TileIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n className=\"tile-icon\"\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <rect x=\"0.5\" y=\"0.5\" width=\"31\" height=\"31\" rx=\"15.5\" fill=\"white\" />\n <rect x=\"0.5\" y=\"0.5\" width=\"31\" height=\"31\" rx=\"15.5\" stroke=\"white\" />\n <rect\n x=\"8.5\"\n y=\"16\"\n width=\"5.83333\"\n height=\"6.66667\"\n rx=\"0.833333\"\n stroke=\"#2B2B2B\"\n strokeWidth=\"1.39167\"\n strokeLinejoin=\"round\"\n />\n <circle\n cx=\"20.1667\"\n cy=\"19.2542\"\n r=\"3.33333\"\n stroke=\"#2B2B2B\"\n strokeWidth=\"1.39167\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M18.8222 13.6583H11.7094C10.9896 13.6583 10.6084 12.8073 11.0875 12.2702L14.644 8.28391C14.9753 7.91249 15.5563 7.9125 15.8876 8.28391L19.444 12.2702C19.9232 12.8073 19.542 13.6583 18.8222 13.6583Z\"\n stroke=\"#2B2B2B\"\n strokeWidth=\"1.39167\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n\nexport default TileIcon;\n"],"names":["TileIcon","props","jsxs","jsx"],"mappings":";AAAA,MAAMA,IAAoD,CACxDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAK,EAAA,GAAE,OAAM,GAAE,OAAM,OAAM,MAAK,QAAO,MAAK,IAAG,QAAO,MAAK,SAAQ;AAAA,MACnE,gBAAAA,EAAA,QAAA,EAAK,GAAE,OAAM,GAAE,OAAM,OAAM,MAAK,QAAO,MAAK,IAAG,QAAO,QAAO,SAAQ;AAAA,MACtE,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,GAAE;AAAA,UACF,OAAM;AAAA,UACN,QAAO;AAAA,UACP,IAAG;AAAA,UACH,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AACF;"}

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"filters.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/filters.tsx"],"sourcesContent":["import type { IFilterOption } from './api/get-puzzles';\nimport type { FiltersProps } from './puzzles-type';\n\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport TabComponent from '../../../ui/tab/tab';\nimport Text from '../../../ui/text/text';\nimport FilterSection from './filters-section';\nimport * as Styled from './puzzles-styled';\nimport { GRADE_DISPLAY_NAMES } from './utils';\n\nconst getAppliedFilters = (filters: IFilterOption[]): string[] => {\n return filters.filter(item => item.applied).map(item => item.name);\n};\n\nconst getAllFilters = (filters: IFilterOption[]): string[] => {\n return filters.map(item => item.name);\n};\n\nconst Filters: React.FC<FiltersProps> = props => {\n const { handleFiltersChange, filterGrades, filterTypes, filterTiles, filterTopics, togglePopup } =\n props;\n const [selectedGrades, setSelectedGrade] = useState<string[]>(getAppliedFilters(filterGrades));\n const [selectedTiles, setSelectedTiles] = useState<string[]>(getAppliedFilters(filterTiles));\n const [selectedTopics, setSelectedTopics] = useState<string[]>(getAppliedFilters(filterTopics));\n const [selectedTypes, setSelectedTypes] = useState<string[]>(getAppliedFilters(filterTypes));\n\n const allTypes = useMemo(() => getAllFilters(filterTypes), [filterTypes]);\n const allTiles = useMemo(() => getAllFilters(filterTiles), [filterTiles]);\n const allTopics = useMemo(() => getAllFilters(filterTopics), [filterTopics]);\n\n const handleTypeChange = useCallback(\n (ele: string) => {\n const newSelectedTypes = selectedTypes.includes(ele)\n ? selectedTypes.filter(type => type !== ele)\n : [...selectedTypes, ele];\n\n setSelectedTypes(newSelectedTypes);\n handleFiltersChange({\n activity_types: newSelectedTypes,\n });\n },\n [handleFiltersChange, selectedTypes],\n );\n\n const handleTileChange = useCallback(\n (selectedCodes: string[]) => {\n setSelectedTiles(selectedCodes);\n handleFiltersChange({\n activity_tiles: selectedCodes,\n });\n },\n [handleFiltersChange],\n );\n\n const handleTopicChange = useCallback(\n (selectedCodes: string[]) => {\n setSelectedTopics(selectedCodes);\n handleFiltersChange({\n activity_topics: selectedCodes,\n });\n },\n [handleFiltersChange],\n );\n\n const toggleGradePopup = useCallback(() => {\n togglePopup('grades');\n }, [togglePopup]);\n\n const toggleTilesPopup = useCallback(() => {\n togglePopup('tiles');\n }, [togglePopup]);\n\n const toggleTopicsPopup = useCallback(() => {\n togglePopup('topics');\n }, [togglePopup]);\n\n useEffect(() => {\n setSelectedGrade(getAppliedFilters(filterGrades));\n }, [filterGrades]);\n\n useEffect(() => {\n setSelectedTiles(getAppliedFilters(filterTiles));\n }, [filterTiles]);\n\n useEffect(() => {\n setSelectedTopics(getAppliedFilters(filterTopics));\n }, [filterTopics]);\n\n useEffect(() => {\n setSelectedTypes(getAppliedFilters(filterTypes));\n }, [filterTypes]);\n\n return (\n <>\n <Text $renderAs=\"eyebrow2\" $color=\"WHITE\">\n GRADE\n </Text>\n <FlexView\n $flexDirection=\"row\"\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n $gutterX={0.5}\n $gapX={0.25}\n $marginBottomX={0.5}\n >\n {selectedGrades.length ? (\n <Styled.SelectedGrades $renderAs=\"eyebrow2\" $color=\"WHITE\">\n {selectedGrades.map((grade, index) => (\n <span key={grade}>\n {GRADE_DISPLAY_NAMES[grade]}\n {index < selectedGrades.length - 1 ? ', ' : ''}\n </span>\n ))}\n </Styled.SelectedGrades>\n ) : (\n <TextButton color=\"WHITE\" onClick={toggleGradePopup} label=\"Select Grade\" />\n )}\n {selectedGrades.length > 0 && (\n <TextButton color=\"WHITE\" onClick={toggleGradePopup} label=\"Edit\" />\n )}\n </FlexView>\n <Text $renderAs=\"eyebrow2\" $color=\"WHITE\">\n TYPE\n </Text>\n <FlexView $flexDirection=\"row\" $flexWrap>\n {allTypes.map((ele: string) => (\n <TabComponent\n key={ele}\n $width=\"fit-content\"\n $renderAs=\"secondary\"\n label={ele}\n $selected={selectedTypes.includes(ele)}\n shape=\"square\"\n $size=\"small\"\n onClick={() => handleTypeChange(ele)}\n />\n ))}\n </FlexView>\n <FilterSection\n title=\"TOPIC\"\n items={allTopics}\n selectedItems={selectedTopics}\n onChange={handleTopicChange}\n openSelector={toggleTopicsPopup}\n />\n <FilterSection\n title=\"TILE\"\n items={allTiles}\n onChange={handleTileChange}\n selectedItems={selectedTiles}\n openSelector={toggleTilesPopup}\n />\n </>\n );\n};\n\nexport default memo(Filters);\n"],"names":["getAppliedFilters","filters","item","getAllFilters","Filters","props","handleFiltersChange","filterGrades","filterTypes","filterTiles","filterTopics","togglePopup","selectedGrades","setSelectedGrade","useState","selectedTiles","setSelectedTiles","selectedTopics","setSelectedTopics","selectedTypes","setSelectedTypes","allTypes","useMemo","allTiles","allTopics","handleTypeChange","useCallback","ele","newSelectedTypes","type","handleTileChange","selectedCodes","handleTopicChange","toggleGradePopup","toggleTilesPopup","toggleTopicsPopup","useEffect","jsxs","Fragment","jsx","Text","FlexView","Styled.SelectedGrades","grade","index","GRADE_DISPLAY_NAMES","TextButton","TabComponent","FilterSection","Filters$1","memo"],"mappings":"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"}

package/dist/features/cue-canvas/sidebar/puzzles/hooks/use-fetch-cue-canvas-activity.js ADDED Viewed

@@ -0,0 +1,51 @@
+import { useState as n, useRef as _, useCallback as d, useEffect as p } from "react";
+import { getPuzzles as g } from "../api/get-puzzles.js";
+import { checkIfFilterChanges as h } from "../utils.js";
+const P = (o) => {
+  const [a, f] = n(
+    o ? { grades: [o] } : {}
+  ), [m, r] = n(!1), [s, y] = n(), i = _(null), u = d(async () => {
+    r(!0), i.current && i.current.abort();
+    const v = new AbortController();
+    i.current = v, h(a, s == null ? void 0 : s.filters) ? await g({
+      id: "",
+      query: a,
+      meta: void 0,
+      abortSignal: i.current.signal
+    }).then((l) => {
+      if (l) {
+        const {
+          __CODE__: c
+          // isProcessingFailed
+        } = l;
+        if (!(c >= 400 && c < 500)) {
+          if (c !== 500) {
+            const { data: e } = l || {};
+            e && (f({
+              activity_types: e.filters.activity_types.filter((t) => t.applied).map((t) => t.name),
+              search: e.filters.search,
+              grades: e.filters.grades.filter((t) => t.applied).map((t) => t.name),
+              activity_tiles: e.filters.activity_tiles.filter((t) => t.applied).map((t) => t.name),
+              activity_topics: e.filters.activity_topics.filter((t) => t.applied).map((t) => t.name)
+            }), y(e), r(!1));
+          }
+        }
+      }
+    }).catch(() => {
+      r(!1);
+    }) : r(!1);
+  }, [a, s]);
+  return p(() => {
+    u();
+  }, [u]), p(() => () => {
+    i.current && i.current.abort();
+  }, []), {
+    isPuzzlesProcessing: m,
+    puzzlesData: s,
+    setActivityFilters: f
+  };
+};
+export {
+  P as default
+};
+//# sourceMappingURL=use-fetch-cue-canvas-activity.js.map

package/dist/features/cue-canvas/sidebar/puzzles/hooks/use-fetch-cue-canvas-activity.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use-fetch-cue-canvas-activity.js","sources":["../../../../../../src/features/cue-canvas/sidebar/puzzles/hooks/use-fetch-cue-canvas-activity.ts"],"sourcesContent":["import type { IFilterOption, IGetPuzzles } from '../api/get-puzzles';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { getPuzzles, type IPuzzlesResponses } from '../api/get-puzzles';\nimport { checkIfFilterChanges } from '../utils';\n\nconst useFetchCueCanvasActivity = (studentGrade?: string) => {\n const [activityFilters, setActivityFilters] = useState<IGetPuzzles>(\n studentGrade ? { grades: [studentGrade] } : {},\n );\n const [isPuzzlesProcessing, setIsPuzzlesProcessing] = useState(false);\n const [puzzlesData, setPuzzlesData] = useState<IPuzzlesResponses | undefined>();\n const abortControllerRef = useRef<AbortController | null>(null);\n\n const fetchResource = useCallback(async () => {\n setIsPuzzlesProcessing(true);\n\n if (abortControllerRef.current) {\n abortControllerRef.current.abort();\n }\n\n const controller = new AbortController();\n\n abortControllerRef.current = controller;\n if (checkIfFilterChanges(activityFilters, puzzlesData?.filters)) {\n await getPuzzles({\n id: '',\n query: activityFilters,\n meta: undefined,\n abortSignal: abortControllerRef.current.signal,\n })\n .then(res => {\n if (res) {\n const {\n __CODE__,\n // isProcessingFailed\n } = res;\n\n if (__CODE__ >= 400 && __CODE__ < 500) {\n // onError(__ERROR__?.message ?? 'Error while fetching the resource');\n } else if (__CODE__ === 500) {\n // setIsPuzzlesFailed(isProcessingFailed);\n // setError('Internal server error, Please try again');\n } else {\n const { data } = res || {};\n\n if (data) {\n setActivityFilters({\n activity_types: data.filters.activity_types\n .filter((type: IFilterOption) => type.applied)\n .map((type: IFilterOption) => type.name),\n search: data.filters.search,\n grades: data.filters.grades\n .filter((grade: IFilterOption) => grade.applied)\n .map((grade: IFilterOption) => grade.name),\n activity_tiles: data.filters.activity_tiles\n .filter((grade: IFilterOption) => grade.applied)\n .map((tile: IFilterOption) => tile.name),\n activity_topics: data.filters.activity_topics\n .filter((grade: IFilterOption) => grade.applied)\n .map((topic: IFilterOption) => topic.name),\n });\n setPuzzlesData(data);\n setIsPuzzlesProcessing(false);\n }\n }\n }\n })\n .catch(() => {\n setIsPuzzlesProcessing(false);\n // setIsPuzzlesFailed(true);\n });\n } else {\n setIsPuzzlesProcessing(false);\n }\n }, [activityFilters, puzzlesData]);\n\n useEffect(() => {\n fetchResource();\n }, [fetchResource]);\n\n useEffect(() => {\n return () => {\n if (abortControllerRef.current) {\n abortControllerRef.current.abort();\n }\n };\n }, []);\n\n return {\n isPuzzlesProcessing,\n puzzlesData,\n setActivityFilters,\n };\n};\n\nexport default useFetchCueCanvasActivity;\n"],"names":["useFetchCueCanvasActivity","studentGrade","activityFilters","setActivityFilters","useState","isPuzzlesProcessing","setIsPuzzlesProcessing","puzzlesData","setPuzzlesData","abortControllerRef","useRef","fetchResource","useCallback","controller","checkIfFilterChanges","getPuzzles","res","__CODE__","data","type","grade","tile","topic","useEffect"],"mappings":";;;AAOM,MAAAA,IAA4B,CAACC,MAA0B;AACrD,QAAA,CAACC,GAAiBC,CAAkB,IAAIC;AAAA,IAC5CH,IAAe,EAAE,QAAQ,CAACA,CAAY,MAAM,CAAC;AAAA,EAAA,GAEzC,CAACI,GAAqBC,CAAsB,IAAIF,EAAS,EAAK,GAC9D,CAACG,GAAaC,CAAc,IAAIJ,EAAwC,GACxEK,IAAqBC,EAA+B,IAAI,GAExDC,IAAgBC,EAAY,YAAY;AAC5C,IAAAN,EAAuB,EAAI,GAEvBG,EAAmB,WACrBA,EAAmB,QAAQ;AAGvB,UAAAI,IAAa,IAAI;AAEvB,IAAAJ,EAAmB,UAAUI,GACzBC,EAAqBZ,GAAiBK,KAAA,gBAAAA,EAAa,OAAO,IAC5D,MAAMQ,EAAW;AAAA,MACf,IAAI;AAAA,MACJ,OAAOb;AAAA,MACP,MAAM;AAAA,MACN,aAAaO,EAAmB,QAAQ;AAAA,IAAA,CACzC,EACE,KAAK,CAAOO,MAAA;AACX,UAAIA,GAAK;AACD,cAAA;AAAA,UACJ,UAAAC;AAAA;AAAA,QAEE,IAAAD;AAEA,YAAA,EAAAC,KAAY,OAAOA,IAAW;AAElC,cAAWA,MAAa,KAGjB;AACL,kBAAM,EAAE,MAAAC,EAAA,IAASF,KAAO;AAExB,YAAIE,MACiBf,EAAA;AAAA,cACjB,gBAAgBe,EAAK,QAAQ,eAC1B,OAAO,CAACC,MAAwBA,EAAK,OAAO,EAC5C,IAAI,CAACA,MAAwBA,EAAK,IAAI;AAAA,cACzC,QAAQD,EAAK,QAAQ;AAAA,cACrB,QAAQA,EAAK,QAAQ,OAClB,OAAO,CAACE,MAAyBA,EAAM,OAAO,EAC9C,IAAI,CAACA,MAAyBA,EAAM,IAAI;AAAA,cAC3C,gBAAgBF,EAAK,QAAQ,eAC1B,OAAO,CAACE,MAAyBA,EAAM,OAAO,EAC9C,IAAI,CAACC,MAAwBA,EAAK,IAAI;AAAA,cACzC,iBAAiBH,EAAK,QAAQ,gBAC3B,OAAO,CAACE,MAAyBA,EAAM,OAAO,EAC9C,IAAI,CAACE,MAAyBA,EAAM,IAAI;AAAA,YAAA,CAC5C,GACDd,EAAeU,CAAI,GACnBZ,EAAuB,EAAK;AAAA,UAEhC;AAAA;AAAA,MACF;AAAA,IAAA,CACD,EACA,MAAM,MAAM;AACX,MAAAA,EAAuB,EAAK;AAAA,IAAA,CAE7B,IAEHA,EAAuB,EAAK;AAAA,EAC9B,GACC,CAACJ,GAAiBK,CAAW,CAAC;AAEjC,SAAAgB,EAAU,MAAM;AACA,IAAAZ;EAAA,GACb,CAACA,CAAa,CAAC,GAElBY,EAAU,MACD,MAAM;AACX,IAAId,EAAmB,WACrBA,EAAmB,QAAQ;EAC7B,GAED,CAAE,CAAA,GAEE;AAAA,IACL,qBAAAJ;AAAA,IACA,aAAAE;AAAA,IACA,oBAAAJ;AAAA,EAAA;AAEJ;"}

package/dist/features/cue-canvas/sidebar/puzzles/launch-puzzle.js ADDED Viewed

@@ -0,0 +1,84 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { memo as L, useEffect as z, useCallback as G } from "react";
+import O from "styled-components";
+import { ILLUSTRATIONS as E } from "../../../../assets/illustrations/illustrations.js";
+import R from "../../../../assets/line-icons/icons/back.js";
+import S from "../../../../assets/line-icons/icons/cross.js";
+import W from "../../../ui/buttons/button/button.js";
+import { Loader as P } from "../../../ui/buttons/button/button-styled.js";
+import h from "../../../ui/buttons/clickable/clickable.js";
+import r from "../../../ui/layout/flex-view.js";
+import b from "../../../ui/text/text.js";
+import { useCueCanvasActions as B } from "../../hooks/use-cue-canvas-actions.js";
+import { useGetActivity as H } from "./api/get-puzzles.js";
+import { MenuContainer as v } from "./puzzles-styled.js";
+import { serializeData as J, getTags as o } from "./utils.js";
+const M = O.iframe`
+  width: 100%;
+  height: 100%;
+`, ct = L((w) => {
+  const { launchPuzzleData: A, onMenuVisibilityChange: s, toggleMenu: l } = w, { node_id: m } = A || {}, { activeInstance: i } = B(), {
+    get: f,
+    data: p,
+    isProcessed: C
+  } = H();
+  z(() => {
+    f(m);
+  }, [f, m]);
+  const {
+    activity_tiles: d,
+    activity_topics: u,
+    activity_types: g,
+    grades: $,
+    worksheet: T
+  } = p || {}, { instructions_ref: y, learnosity_activity_ref: n } = T || {}, x = G(async () => {
+    const c = n && await (await fetch(n)).json(), j = {
+      ...J(c)
+    };
+    l(), i == null || i.replaceCanvas(j);
+  }, [i, n, l]);
+  if (!p || !C)
+    return /* @__PURE__ */ e(v, { $justifyContent: "center", $alignItems: "center", children: [
+      /* @__PURE__ */ t(P, { src: E.LOADER, alt: "Loader", $size: "small" }),
+      ";"
+    ] });
+  const I = $ ? o($, "grades") : [], D = u ? o(u) : [], X = g ? o(g) : [], k = d ? o(d) : [], _ = [...D, ...I, ...X, ...k];
+  return /* @__PURE__ */ e(v, { children: [
+    /* @__PURE__ */ e(
+      r,
+      {
+        $justifyContent: "space-between",
+        $alignItems: "center",
+        $flexDirection: "row",
+        $gutterX: 1,
+        $gapX: 0.5,
+        children: [
+          /* @__PURE__ */ t(h, { onClick: s, label: "back", children: /* @__PURE__ */ t(R, { color: "WHITE" }) }),
+          /* @__PURE__ */ e(r, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 1, children: [
+            /* @__PURE__ */ t(
+              W,
+              {
+                size: "small",
+                renderAs: "primary",
+                widthX: 12,
+                label: "Launch",
+                onClick: x
+              }
+            ),
+            /* @__PURE__ */ t(h, { onClick: s, label: "close filter menu", children: /* @__PURE__ */ t(S, { color: "WHITE" }) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(r, { $flexDirection: "row", $flexColumnGapX: 1, $gapX: 1, $gutterX: 1, children: [
+      /* @__PURE__ */ t(b, { $renderAs: "ab1", $color: "GREY_2", children: "Tags:" }),
+      /* @__PURE__ */ t(r, { $flexDirection: "row", $flexColumnGapX: 1, $flexRowGapX: 0.5, $flexWrap: !0, children: _.map((c, a) => /* @__PURE__ */ t(r, { $background: "WHITE", $borderRadius: 16, $gapX: 0.25, $gutterX: 1, children: /* @__PURE__ */ t(b, { $renderAs: "ub2", children: c }, a) }, a)) })
+    ] }),
+    y && /* @__PURE__ */ t(M, { id: "launch_activity_iframe", src: y })
+  ] });
+});
+export {
+  M as Iframe,
+  ct as default
+};
+//# sourceMappingURL=launch-puzzle.js.map

package/dist/features/cue-canvas/sidebar/puzzles/launch-puzzle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"launch-puzzle.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/launch-puzzle.tsx"],"sourcesContent":["import type { IPuzzlesResultData } from './api/get-puzzles';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport BackIcon from '../../../../assets/line-icons/icons/back';\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport Button from '../../../ui/buttons/button/button';\nimport { Loader } from '../../../ui/buttons/button/button-styled';\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 { useGetActivity } from './api/get-puzzles';\nimport * as Styled from './puzzles-styled';\nimport { getTags, serializeData } from './utils';\n\nexport const Iframe = styled.iframe`\n width: 100%;\n height: 100%;\n`;\n\ninterface ILaunchPuzzleProps {\n launchPuzzleData: IPuzzlesResultData;\n onMenuVisibilityChange: () => void;\n toggleMenu: () => void;\n}\n\nconst LaunchPuzzle: FC<ILaunchPuzzleProps> = memo(props => {\n const { launchPuzzleData, onMenuVisibilityChange, toggleMenu } = props;\n const { node_id: nodeId } = launchPuzzleData || {};\n const { activeInstance: cueCanvas } = useCueCanvasActions();\n\n const {\n get: getWbActivity,\n data: wbActivityData,\n isProcessed: wbActivityDataProcessed,\n } = useGetActivity();\n\n useEffect(() => {\n getWbActivity(nodeId);\n }, [getWbActivity, nodeId]);\n const {\n activity_tiles: activityTiles,\n activity_topics: activityTopics,\n activity_types: activityTypes,\n grades: grades,\n worksheet,\n } = wbActivityData || {};\n const { instructions_ref: iframeSrc, learnosity_activity_ref: learnnosityActivityRef } =\n worksheet || {};\n\n const onLaunchActivityClick = useCallback(async () => {\n const jsonOBJ = learnnosityActivityRef && (await (await fetch(learnnosityActivityRef)).json());\n\n const newJSONObj = serializeData(jsonOBJ);\n const actionData = {\n ...newJSONObj,\n };\n\n toggleMenu();\n\n cueCanvas?.replaceCanvas(actionData);\n }, [cueCanvas, learnnosityActivityRef, toggleMenu]);\n\n if (!wbActivityData || !wbActivityDataProcessed) {\n return (\n <Styled.MenuContainer $justifyContent=\"center\" $alignItems=\"center\">\n <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size=\"small\" />;\n </Styled.MenuContainer>\n );\n }\n\n const getGradesArr = grades ? getTags(grades, 'grades') : [];\n const getTopicsArr = activityTopics ? getTags(activityTopics) : [];\n const getTypesArr = activityTypes ? getTags(activityTypes) : [];\n const getTilesArr = activityTiles ? getTags(activityTiles) : [];\n\n const tagData: string[] = [...getTopicsArr, ...getGradesArr, ...getTypesArr, ...getTilesArr];\n\n return (\n <Styled.MenuContainer>\n <FlexView\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n $flexDirection=\"row\"\n $gutterX={1}\n $gapX={0.5}\n >\n <Clickable onClick={onMenuVisibilityChange} label=\"back\">\n <BackIcon color=\"WHITE\" />\n </Clickable>\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={1}>\n <Button\n size=\"small\"\n renderAs=\"primary\"\n widthX={12}\n label=\"Launch\"\n onClick={onLaunchActivityClick}\n />\n <Clickable onClick={onMenuVisibilityChange} label=\"close filter menu\">\n <CrossIcon color=\"WHITE\" />\n </Clickable>\n </FlexView>\n </FlexView>\n <FlexView $flexDirection=\"row\" $flexColumnGapX={1} $gapX={1} $gutterX={1}>\n <Text $renderAs=\"ab1\" $color=\"GREY_2\">\n Tags:\n </Text>\n <FlexView $flexDirection=\"row\" $flexColumnGapX={1} $flexRowGapX={0.5} $flexWrap>\n {tagData.map((tag, index) => (\n <FlexView $background=\"WHITE\" $borderRadius={16} $gapX={0.25} $gutterX={1} key={index}>\n <Text $renderAs=\"ub2\" key={index}>\n {tag}\n </Text>\n </FlexView>\n ))}\n </FlexView>\n </FlexView>\n {iframeSrc && <Iframe id=\"launch_activity_iframe\" src={iframeSrc} />}\n </Styled.MenuContainer>\n );\n});\n\nexport default LaunchPuzzle;\n"],"names":["Iframe","styled","LaunchPuzzle","memo","props","launchPuzzleData","onMenuVisibilityChange","toggleMenu","nodeId","cueCanvas","useCueCanvasActions","getWbActivity","wbActivityData","wbActivityDataProcessed","useGetActivity","useEffect","activityTiles","activityTopics","activityTypes","grades","worksheet","iframeSrc","learnnosityActivityRef","onLaunchActivityClick","useCallback","jsonOBJ","actionData","serializeData","Styled.MenuContainer","jsx","Loader","ILLUSTRATIONS","getGradesArr","getTags","getTopicsArr","getTypesArr","getTilesArr","tagData","jsxs","FlexView","Clickable","BackIcon","Button","CrossIcon","Text","tag","index"],"mappings":"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"}

package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu-header.js ADDED Viewed

@@ -0,0 +1,36 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { memo as i } from "react";
+import n from "../../../../assets/line-icons/icons/cross.js";
+import c from "../../../../assets/line-icons/icons/puzzle-icon.js";
+import m from "../../../ui/buttons/clickable/clickable.js";
+import s from "../../../ui/buttons/text-button/text-button.js";
+import r from "../../../ui/layout/flex-view.js";
+import a from "../../../ui/text/text.js";
+const f = ({
+  toggleMenu: t,
+  onReset: l
+}) => /* @__PURE__ */ o(
+  r,
+  {
+    $flexDirection: "row",
+    $justifyContent: "space-between",
+    $alignItems: "center",
+    $gutterX: 1,
+    $gapX: 0.5,
+    $heightX: 3,
+    children: [
+      /* @__PURE__ */ o(r, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.5, children: [
+        /* @__PURE__ */ e(c, { color: "WHITE" }),
+        /* @__PURE__ */ e(a, { $color: "WHITE", $renderAs: "body2", children: "ACTIVITIES" })
+      ] }),
+      /* @__PURE__ */ o(r, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 1, children: [
+        /* @__PURE__ */ e(s, { color: "WHITE", label: "Reset", onClick: l }),
+        /* @__PURE__ */ e(m, { onClick: t, label: "close activities menu", children: /* @__PURE__ */ e(n, { color: "WHITE" }) })
+      ] })
+    ]
+  }
+), h = i(f);
+export {
+  h as default
+};
+//# sourceMappingURL=puzzle-menu-header.js.map

package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu-header.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"puzzle-menu-header.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/puzzle-menu-header.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport PuzzleIcon from '../../../../assets/line-icons/icons/puzzle-icon';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst MenuHeader: React.FC<{ toggleMenu: () => void; onReset?: () => void }> = ({\n toggleMenu,\n onReset,\n}) => (\n <FlexView\n $flexDirection=\"row\"\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n $gutterX={1}\n $gapX={0.5}\n $heightX={3}\n >\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.5}>\n <PuzzleIcon color=\"WHITE\" />\n <Text $color=\"WHITE\" $renderAs=\"body2\">\n ACTIVITIES\n </Text>\n </FlexView>\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={1}>\n <TextButton color=\"WHITE\" label=\"Reset\" onClick={onReset} />\n <Clickable onClick={toggleMenu} label=\"close activities menu\">\n <CrossIcon color=\"WHITE\" />\n </Clickable>\n </FlexView>\n </FlexView>\n);\n\nexport default memo(MenuHeader);\n"],"names":["MenuHeader","toggleMenu","onReset","jsxs","FlexView","jsx","PuzzleIcon","Text","TextButton","Clickable","CrossIcon","PuzzleMenuHeader","memo"],"mappings":";;;;;;;;AASA,MAAMA,IAAyE,CAAC;AAAA,EAC9E,YAAAC;AAAA,EACA,SAAAC;AACF,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,gBAAe;AAAA,IACf,iBAAgB;AAAA,IAChB,aAAY;AAAA,IACZ,UAAU;AAAA,IACV,OAAO;AAAA,IACP,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAD,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAW,OAAM,QAAQ,CAAA;AAAA,0BACzBC,GAAK,EAAA,QAAO,SAAQ,WAAU,SAAQ,UAEvC,cAAA;AAAA,MAAA,GACF;AAAA,wBACCH,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAiB,GACnE,UAAA;AAAA,QAAA,gBAAAC,EAACG,KAAW,OAAM,SAAQ,OAAM,SAAQ,SAASN,GAAS;AAAA,QAC1D,gBAAAG,EAACI,GAAU,EAAA,SAASR,GAAY,OAAM,yBACpC,UAAC,gBAAAI,EAAAK,GAAA,EAAU,OAAM,QAAA,CAAQ,EAC3B,CAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AACF,GAGaC,IAAAC,EAAKZ,CAAU;"}