@cuemath/leap 3.1.6-j1 → 3.1.6

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 (194) hide show
  1. package/dist/assets/illustrations/illustrations.js +2 -1
  2. package/dist/assets/illustrations/illustrations.js.map +1 -1
  3. package/dist/assets/lib/lib.js +1 -1
  4. package/dist/assets/lib/lib.js.map +1 -1
  5. package/dist/assets/line-icons/icons/check.js +3 -3
  6. package/dist/assets/line-icons/icons/check.js.map +1 -1
  7. package/dist/assets/line-icons/icons/puzzle-icon.js +51 -0
  8. package/dist/assets/line-icons/icons/puzzle-icon.js.map +1 -0
  9. package/dist/assets/line-icons/icons/share.js +48 -0
  10. package/dist/assets/line-icons/icons/share.js.map +1 -0
  11. package/dist/assets/line-icons/icons/tile.js +54 -0
  12. package/dist/assets/line-icons/icons/tile.js.map +1 -0
  13. package/dist/features/auth/account-selector/account-selector.js +33 -57
  14. package/dist/features/auth/account-selector/account-selector.js.map +1 -1
  15. package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js +12 -0
  16. package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js.map +1 -0
  17. package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js +9 -8
  18. package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map +1 -1
  19. package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js +1 -1
  20. package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js.map +1 -1
  21. package/dist/features/auth/forgot-password/forgot-password-styled.js +3 -15
  22. package/dist/features/auth/forgot-password/forgot-password-styled.js.map +1 -1
  23. package/dist/features/auth/forgot-password/otp-form/otp-form.js +29 -29
  24. package/dist/features/auth/forgot-password/otp-form/otp-form.js.map +1 -1
  25. package/dist/features/auth/forgot-password/reset-password-form/reset-password-form.js +18 -14
  26. package/dist/features/auth/forgot-password/reset-password-form/reset-password-form.js.map +1 -1
  27. package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js +24 -23
  28. package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js.map +1 -1
  29. package/dist/features/auth/login/identifier-otp-form/identifier-otp-form-styled.js +2 -4
  30. package/dist/features/auth/login/identifier-otp-form/identifier-otp-form-styled.js.map +1 -1
  31. package/dist/features/auth/login/identifier-otp-form/identifier-otp-form.js +75 -85
  32. package/dist/features/auth/login/identifier-otp-form/identifier-otp-form.js.map +1 -1
  33. package/dist/features/auth/login/social-account-not-found/social-account-not-found.js +21 -27
  34. package/dist/features/auth/login/social-account-not-found/social-account-not-found.js.map +1 -1
  35. package/dist/features/auth/login/social-login-methods/social-login-methods.js +34 -43
  36. package/dist/features/auth/login/social-login-methods/social-login-methods.js.map +1 -1
  37. package/dist/features/auth/login/username-password-form/username-password-form.js +21 -22
  38. package/dist/features/auth/login/username-password-form/username-password-form.js.map +1 -1
  39. package/dist/features/auth/user-list/user-item/user-item.js +32 -33
  40. package/dist/features/auth/user-list/user-item/user-item.js.map +1 -1
  41. package/dist/features/auth/user-list/user-list.js +51 -60
  42. package/dist/features/auth/user-list/user-list.js.map +1 -1
  43. package/dist/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js +74 -74
  44. package/dist/features/circle-games/hooks/use-circle-sounds/use-circle-sounds.js.map +1 -1
  45. package/dist/features/cue-canvas/bottombar/homework-controls.js +73 -0
  46. package/dist/features/cue-canvas/bottombar/homework-controls.js.map +1 -0
  47. package/dist/features/cue-canvas/constants/constants.js +33 -3
  48. package/dist/features/cue-canvas/constants/constants.js.map +1 -1
  49. package/dist/features/cue-canvas/cue-canvas-context.js +8 -5
  50. package/dist/features/cue-canvas/cue-canvas-context.js.map +1 -1
  51. package/dist/features/cue-canvas/cue-canvas-core.js +137 -114
  52. package/dist/features/cue-canvas/cue-canvas-core.js.map +1 -1
  53. package/dist/features/cue-canvas/cue-canvas-helpers.js +48 -38
  54. package/dist/features/cue-canvas/cue-canvas-helpers.js.map +1 -1
  55. package/dist/features/cue-canvas/cue-canvas-provider.js +21 -21
  56. package/dist/features/cue-canvas/cue-canvas-provider.js.map +1 -1
  57. package/dist/features/cue-canvas/cue-canvas.js +70 -62
  58. package/dist/features/cue-canvas/cue-canvas.js.map +1 -1
  59. package/dist/features/cue-canvas/cue-cavas-styled.js +48 -47
  60. package/dist/features/cue-canvas/cue-cavas-styled.js.map +1 -1
  61. package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js +47 -44
  62. package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js.map +1 -1
  63. package/dist/features/cue-canvas/hooks/use-config-updater.js +13 -0
  64. package/dist/features/cue-canvas/hooks/use-config-updater.js.map +1 -0
  65. package/dist/features/cue-canvas/hooks/use-cue-canvas-actions.js +18 -14
  66. package/dist/features/cue-canvas/hooks/use-cue-canvas-actions.js.map +1 -1
  67. package/dist/features/cue-canvas/hooks/use-height-extender.js +12 -10
  68. package/dist/features/cue-canvas/hooks/use-height-extender.js.map +1 -1
  69. package/dist/features/cue-canvas/hooks/use-upload-helper.js +23 -0
  70. package/dist/features/cue-canvas/hooks/use-upload-helper.js.map +1 -0
  71. package/dist/features/cue-canvas/sidebar/homework/helper.js +20 -0
  72. package/dist/features/cue-canvas/sidebar/homework/helper.js.map +1 -0
  73. package/dist/features/cue-canvas/sidebar/homework/homework-menu.js +33 -0
  74. package/dist/features/cue-canvas/sidebar/homework/homework-menu.js.map +1 -0
  75. package/dist/features/cue-canvas/sidebar/homework/homework-request.js +68 -0
  76. package/dist/features/cue-canvas/sidebar/homework/homework-request.js.map +1 -0
  77. package/dist/features/cue-canvas/sidebar/homework/homework-styled.js +25 -0
  78. package/dist/features/cue-canvas/sidebar/homework/homework-styled.js.map +1 -0
  79. package/dist/features/cue-canvas/sidebar/homework/homework.js +39 -0
  80. package/dist/features/cue-canvas/sidebar/homework/homework.js.map +1 -0
  81. package/dist/features/cue-canvas/sidebar/puzzles/api/get-puzzles.js +13 -0
  82. package/dist/features/cue-canvas/sidebar/puzzles/api/get-puzzles.js.map +1 -0
  83. package/dist/features/cue-canvas/sidebar/puzzles/filter-selection-menu.js +60 -0
  84. package/dist/features/cue-canvas/sidebar/puzzles/filter-selection-menu.js.map +1 -0
  85. package/dist/features/cue-canvas/sidebar/puzzles/filters-section.js +44 -0
  86. package/dist/features/cue-canvas/sidebar/puzzles/filters-section.js.map +1 -0
  87. package/dist/features/cue-canvas/sidebar/puzzles/filters.js +107 -0
  88. package/dist/features/cue-canvas/sidebar/puzzles/filters.js.map +1 -0
  89. package/dist/features/cue-canvas/sidebar/puzzles/hooks/use-fetch-cue-canvas-activity.js +42 -0
  90. package/dist/features/cue-canvas/sidebar/puzzles/hooks/use-fetch-cue-canvas-activity.js.map +1 -0
  91. package/dist/features/cue-canvas/sidebar/puzzles/launch-puzzle.js +84 -0
  92. package/dist/features/cue-canvas/sidebar/puzzles/launch-puzzle.js.map +1 -0
  93. package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu-header.js +36 -0
  94. package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu-header.js.map +1 -0
  95. package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu.js +133 -0
  96. package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu.js.map +1 -0
  97. package/dist/features/cue-canvas/sidebar/puzzles/puzzles-styled.js +96 -0
  98. package/dist/features/cue-canvas/sidebar/puzzles/puzzles-styled.js.map +1 -0
  99. package/dist/features/cue-canvas/sidebar/puzzles/puzzles.js +29 -0
  100. package/dist/features/cue-canvas/sidebar/puzzles/puzzles.js.map +1 -0
  101. package/dist/features/cue-canvas/sidebar/puzzles/utils.js +120 -0
  102. package/dist/features/cue-canvas/sidebar/puzzles/utils.js.map +1 -0
  103. package/dist/features/cue-canvas/sidebar/sidebar-styled.js +32 -0
  104. package/dist/features/cue-canvas/sidebar/sidebar-styled.js.map +1 -0
  105. package/dist/features/cue-canvas/sidebar/sidebar.js +29 -0
  106. package/dist/features/cue-canvas/sidebar/sidebar.js.map +1 -0
  107. package/dist/features/cue-canvas/sidebar/tiles/tile.js +16 -0
  108. package/dist/features/cue-canvas/sidebar/tiles/tile.js.map +1 -0
  109. package/dist/features/cue-canvas/toolbar/color-palette.js +42 -33
  110. package/dist/features/cue-canvas/toolbar/color-palette.js.map +1 -1
  111. package/dist/features/cue-canvas/toolbar/color-picker-menu.js +28 -25
  112. package/dist/features/cue-canvas/toolbar/color-picker-menu.js.map +1 -1
  113. package/dist/features/cue-canvas/toolbar/grid-menu.js +13 -13
  114. package/dist/features/cue-canvas/toolbar/grid-menu.js.map +1 -1
  115. package/dist/features/cue-canvas/toolbar/pen-tool-menu.js +24 -35
  116. package/dist/features/cue-canvas/toolbar/pen-tool-menu.js.map +1 -1
  117. package/dist/features/cue-canvas/toolbar/tool.js +22 -20
  118. package/dist/features/cue-canvas/toolbar/tool.js.map +1 -1
  119. package/dist/features/cue-canvas/toolbar/toolbar.js +17 -18
  120. package/dist/features/cue-canvas/toolbar/toolbar.js.map +1 -1
  121. package/dist/features/cue-canvas/toolbar/whiteboard-toolbar.js +13 -11
  122. package/dist/features/cue-canvas/toolbar/whiteboard-toolbar.js.map +1 -1
  123. package/dist/features/homework/hw-card-list/api/get-homeworks.js +1 -1
  124. package/dist/features/homework/hw-card-list/api/get-homeworks.js.map +1 -1
  125. package/dist/features/homework/hw-card-list/hw-card-list-utils.js +8 -0
  126. package/dist/features/homework/hw-card-list/hw-card-list-utils.js.map +1 -0
  127. package/dist/features/homework/hw-card-list/hw-card-list-view.js +144 -112
  128. package/dist/features/homework/hw-card-list/hw-card-list-view.js.map +1 -1
  129. package/dist/features/homework/styles.js +5 -4
  130. package/dist/features/homework/styles.js.map +1 -1
  131. package/dist/features/hooks/use-debounce.js +16 -0
  132. package/dist/features/hooks/use-debounce.js.map +1 -0
  133. package/dist/features/journey/hooks/use-home-page-journey/home-page-homeworks-mock.js +199 -262
  134. package/dist/features/journey/hooks/use-home-page-journey/home-page-homeworks-mock.js.map +1 -1
  135. package/dist/features/journey/hooks/use-home-page-journey/use-home-page-journey.js +15 -15
  136. package/dist/features/journey/hooks/use-home-page-journey/use-home-page-journey.js.map +1 -1
  137. package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js +38 -36
  138. package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js.map +1 -1
  139. package/dist/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.js +24 -22
  140. package/dist/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.js.map +1 -1
  141. package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/chapter-category-container.js +23 -22
  142. package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/chapter-category-container.js.map +1 -1
  143. package/dist/features/milestone/create/comps/chapters-selection-step/utils.js +49 -47
  144. package/dist/features/milestone/create/comps/chapters-selection-step/utils.js.map +1 -1
  145. package/dist/features/milestone/create/comps/class-details-step/class-details-step.js +94 -87
  146. package/dist/features/milestone/create/comps/class-details-step/class-details-step.js.map +1 -1
  147. package/dist/features/milestone/create/comps/class-details-step/class-details-utils.js +13 -12
  148. package/dist/features/milestone/create/comps/class-details-step/class-details-utils.js.map +1 -1
  149. package/dist/features/milestone/create/comps/test-type-step/test-type-step.js +23 -21
  150. package/dist/features/milestone/create/comps/test-type-step/test-type-step.js.map +1 -1
  151. package/dist/features/milestone/create/milestone-create-helpers.js +165 -162
  152. package/dist/features/milestone/create/milestone-create-helpers.js.map +1 -1
  153. package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js +48 -47
  154. package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js.map +1 -1
  155. package/dist/features/milestone/milestone-list-container/api/get-past-milestone-count.js +18 -0
  156. package/dist/features/milestone/milestone-list-container/api/get-past-milestone-count.js.map +1 -0
  157. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +100 -121
  158. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map +1 -1
  159. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.js +15 -14
  160. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.js.map +1 -1
  161. package/dist/features/milestone/milestone-list-container/milestone-list-container.js +52 -51
  162. package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
  163. package/dist/features/trial-session/comps/pricing/india-pricing/index.js +96 -0
  164. package/dist/features/trial-session/comps/pricing/india-pricing/index.js.map +1 -0
  165. package/dist/features/trial-session/comps/pricing/india-pricing/india-pricing-styled.js +59 -0
  166. package/dist/features/trial-session/comps/pricing/india-pricing/india-pricing-styled.js.map +1 -0
  167. package/dist/features/trial-session/comps/pricing/pricing.js +36 -35
  168. package/dist/features/trial-session/comps/pricing/pricing.js.map +1 -1
  169. package/dist/features/ui/buttons/button/button-styled.js +29 -29
  170. package/dist/features/ui/buttons/button/button-styled.js.map +1 -1
  171. package/dist/features/ui/stepper/stepper.js +7 -7
  172. package/dist/features/worksheet/worksheet/hooks/use-s3-helper.js +22 -19
  173. package/dist/features/worksheet/worksheet/hooks/use-s3-helper.js.map +1 -1
  174. package/dist/features/worksheet/worksheet/worksheet-container.js +26 -26
  175. package/dist/features/worksheet/worksheet/worksheet-container.js.map +1 -1
  176. package/dist/index.d.ts +104 -35
  177. package/dist/index.js +323 -321
  178. package/dist/index.js.map +1 -1
  179. package/dist/static/ellipse-clip.dfb25608.svg +1 -0
  180. package/dist/static/lib/{polypad-4.5.4.js → polypad-4.5.4.v1.js} +8 -1
  181. package/package.json +1 -1
  182. package/dist/features/auth/account-selector/account-selector-styled.js +0 -9
  183. package/dist/features/auth/account-selector/account-selector-styled.js.map +0 -1
  184. package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styled.js +0 -21
  185. package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styled.js.map +0 -1
  186. package/dist/features/auth/login/login-styled.js +0 -13
  187. package/dist/features/auth/login/login-styled.js.map +0 -1
  188. package/dist/features/auth/login/social-login-methods/social-login-methods-styled.js +0 -9
  189. package/dist/features/auth/login/social-login-methods/social-login-methods-styled.js.map +0 -1
  190. package/dist/features/hooks/use-viewport.js +0 -21
  191. package/dist/features/hooks/use-viewport.js.map +0 -1
  192. package/dist/features/utils/media.js +0 -16
  193. package/dist/features/utils/media.js.map +0 -1
  194. package/dist/static/cuemath-app-qr-code.7205ee79.svg +0 -1
@@ -1,4 +1,5 @@
1
- const g = [
1
+ import { CANVAS_COLORS as u } from "./constants/constants.js";
2
+ const E = [
2
3
  "none",
3
4
  "square2-grid",
4
5
  "square-checked",
@@ -8,7 +9,7 @@ const g = [
8
9
  "square-grid",
9
10
  "tri-grid",
10
11
  "tri2-grid"
11
- ], A = /* @__PURE__ */ new Set([
12
+ ], S = /* @__PURE__ */ new Set([
12
13
  "undo",
13
14
  "redo",
14
15
  "clearAll",
@@ -19,21 +20,21 @@ const g = [
19
20
  "zoomOut",
20
21
  "upload",
21
22
  "download"
22
- ]), E = (e) => {
23
+ ]), m = (e) => {
23
24
  var n;
24
25
  const t = (n = e.current) == null ? void 0 : n.shadowRoot;
25
26
  if (t) {
26
- const r = t.querySelectorAll("x-polypad");
27
- if (r[0]) {
28
- const s = r[0].querySelector("svg.canvas"), o = s == null ? void 0 : s.querySelector("path.mask");
29
- o == null || o.setAttribute("stroke", "transparent"), o == null || o.setAttribute("fill", "transparent"), o == null || o.removeAttribute("style");
27
+ const o = t.querySelectorAll("x-polypad");
28
+ if (o[0]) {
29
+ const s = o[0].querySelector("svg.canvas"), r = s == null ? void 0 : s.querySelector("path.mask");
30
+ r == null || r.setAttribute("stroke", "transparent"), r == null || r.setAttribute("fill", "transparent"), r == null || r.removeAttribute("style");
30
31
  }
31
32
  }
32
- }, T = (e) => {
33
- var o;
34
- const t = (o = e.current) == null ? void 0 : o.shadowRoot, n = t == null ? void 0 : t.querySelector("x-pp-sidebar"), r = n == null ? void 0 : n.getElementsByClassName("tabs-header"), s = n == null ? void 0 : n.getElementsByClassName("tabs-body");
35
- if (n == null || n.setAttribute("style", "display: none;"), n == null || n.setAttribute("style", "height: 30px;"), r && r.length > 0) {
36
- const a = r[0];
33
+ }, b = (e) => {
34
+ var r;
35
+ const t = (r = e.current) == null ? void 0 : r.shadowRoot, n = t == null ? void 0 : t.querySelector("x-pp-sidebar"), o = n == null ? void 0 : n.getElementsByClassName("tabs-header"), s = n == null ? void 0 : n.getElementsByClassName("tabs-body");
36
+ if (n == null || n.setAttribute("style", "display: none;"), n == null || n.setAttribute("style", "height: 30px;"), o && o.length > 0) {
37
+ const a = o[0];
37
38
  a.style.display = "none";
38
39
  }
39
40
  if (s && s.length > 0) {
@@ -41,7 +42,7 @@ const g = [
41
42
  a.style.top = "48px";
42
43
  }
43
44
  n == null || n.setAttribute("style", "display: block;");
44
- }, p = (e, t, n, r) => n === "canvas" ? {
45
+ }, y = (e, t, n, o) => n === "canvas" ? {
45
46
  canvas: "notebook",
46
47
  canvasX: e,
47
48
  canvasY: t,
@@ -54,12 +55,12 @@ const g = [
54
55
  canvasX: e,
55
56
  canvasY: t,
56
57
  grid: "none",
57
- noPinchPan: r === "STUDENT",
58
- noDeleting: r === "STUDENT",
59
- noCopyPaste: r === "STUDENT",
58
+ noPinchPan: o === "STUDENT",
59
+ noDeleting: o === "STUDENT",
60
+ noCopyPaste: o === "STUDENT",
60
61
  noMusic: !0,
61
62
  noAudio: !0
62
- }, S = (e, t) => e === "canvas" ? {
63
+ }, f = (e, t) => e === "canvas" ? {
63
64
  sidebarTiles: !1,
64
65
  sidebarSettings: !1,
65
66
  settings: !1,
@@ -70,12 +71,12 @@ const g = [
70
71
  sidebarSettings: !1,
71
72
  settings: !1,
72
73
  toolbar: !1
73
- }, l = (e) => [e[1], e[0]], h = (e) => {
74
+ }, d = (e) => [e[1], e[0]], C = (e) => {
74
75
  const t = /* @__PURE__ */ new Map();
75
- return e.forEach((n, r) => {
76
- t.set(r, l(n));
76
+ return e.forEach((n, o) => {
77
+ t.set(o, d(n));
77
78
  }), t;
78
- }, m = (e) => {
79
+ }, v = (e) => {
79
80
  switch (e) {
80
81
  case "pen":
81
82
  return ["pen", "pen"];
@@ -90,7 +91,7 @@ const g = [
90
91
  default:
91
92
  return [e, void 0];
92
93
  }
93
- }, c = [
94
+ }, g = [
94
95
  "pen",
95
96
  "ruler",
96
97
  "marker",
@@ -111,17 +112,18 @@ const g = [
111
112
  "zoomOut",
112
113
  "upload",
113
114
  "download"
114
- ], i = [
115
+ ], A = [
115
116
  "pen",
116
117
  "ruler",
117
118
  "marker",
118
119
  "highlighter",
120
+ "eraser",
119
121
  "move",
120
122
  "text",
121
123
  "undo",
122
124
  "redo",
123
125
  "download"
124
- ], u = [
126
+ ], p = [
125
127
  "pen",
126
128
  "ruler",
127
129
  "marker",
@@ -130,20 +132,28 @@ const g = [
130
132
  "move",
131
133
  "undo",
132
134
  "redo"
133
- ], d = ["pen", "ruler", "eraser", "move", "undo", "redo"], f = (e, t) => t === "whiteboard" ? e === "TEACHER" ? c : i : e === "TEACHER" ? u : d, v = (e) => e === "TEACHER" ? ["CANVAS_RED", "CANVAS_YELLOW", "CANVAS_GREEN"] : ["CANVAS_BLUE", "CANVAS_PURPLE", "CANVAS_PINK"], y = (e) => ["pen", "ruler", "marker", "highlighter"].includes(e), C = (e) => Object.values(e).some((t) => !!(!t[0] && t[1] && "name" in t[1] && (t[1].name === "text" || t[1].name === "equation")));
135
+ ], T = ["pen", "ruler", "eraser", "move", "undo", "redo"], O = (e, t) => t === "whiteboard" ? e === "TEACHER" ? g : A : e === "TEACHER" ? p : T, R = (e, t = "canvas") => t === "whiteboard" ? Object.keys(u).filter(
136
+ (n) => !n.startsWith("CANVAS")
137
+ ) : e === "TEACHER" ? ["CANVAS_RED", "CANVAS_YELLOW", "CANVAS_GREEN"] : ["CANVAS_BLUE", "CANVAS_PURPLE", "CANVAS_PINK"], N = (e) => ["pen", "ruler", "marker", "highlighter"].includes(e), _ = (e) => Object.values(e).some((t) => !!(!t[0] && t[1] && "name" in t[1] && (t[1].name === "text" || t[1].name === "equation"))), k = (e) => {
138
+ const t = e.split(","), n = t[0] ?? "", o = t[1] ?? "", r = n.includes("base64") ? atob(o) : decodeURIComponent(o), a = n.match(/:(.*?);/), l = a ? a[1] : "application/octet-stream", i = new Uint8Array(r.length);
139
+ for (let c = 0; c < r.length; c++)
140
+ i[c] = r.charCodeAt(c);
141
+ return new Blob([i], { type: l });
142
+ };
134
143
  export {
135
- g as GRID_NAMES,
136
- A as STATELESS_TOOLS,
137
- C as checkTextOrEquationTool,
138
- p as getCanvasConfig,
139
- S as getCanvasSettings,
140
- v as getColorsForUser,
141
- y as getIsWritingTool,
142
- l as getReverseAction,
143
- h as getReverseMap,
144
- m as getToolAndSubtool,
145
- f as getUserTools,
146
- E as removeMask,
147
- T as removeTileButton
144
+ E as GRID_NAMES,
145
+ S as STATELESS_TOOLS,
146
+ _ as checkTextOrEquationTool,
147
+ k as dataURIToBlob,
148
+ y as getCanvasConfig,
149
+ f as getCanvasSettings,
150
+ R as getColorsForUser,
151
+ N as getIsWritingTool,
152
+ d as getReverseAction,
153
+ C as getReverseMap,
154
+ v as getToolAndSubtool,
155
+ O as getUserTools,
156
+ m as removeMask,
157
+ b as removeTileButton
148
158
  };
149
159
  //# sourceMappingURL=cue-canvas-helpers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"cue-canvas-helpers.js","sources":["../../../src/features/cue-canvas/cue-canvas-helpers.ts"],"sourcesContent":["import type { TUserTypes } from '../ui/types';\nimport type {\n TCueCanvasColors,\n TCueCanvasChangeData,\n TCueCanvasTool,\n TCueCanvasToolOption,\n TDrawingData,\n TRenderAs,\n TCueCanvasGridName,\n TCueCanvasChangeDataObject,\n} from './types/cue-canvas';\nimport type { IPolypadCreateOptions, IPolypadOptions } from './types/polypad';\n\nexport const GRID_NAMES: TCueCanvasGridName[] = [\n 'none',\n 'square2-grid',\n 'square-checked',\n 'square-dots',\n 'tri-dots',\n 'tri2-dots',\n 'square-grid',\n 'tri-grid',\n 'tri2-grid',\n];\n\nexport const STATELESS_TOOLS = new Set<TCueCanvasTool>([\n 'undo',\n 'redo',\n 'clearAll',\n 'home',\n 'lock',\n 'unlock',\n 'zoomIn',\n 'zoomOut',\n 'upload',\n 'download',\n]);\n\nexport const removeMask = (canvasElementRef: React.RefObject<HTMLDivElement>) => {\n const shadowRoot = canvasElementRef.current?.shadowRoot;\n\n if (shadowRoot) {\n const xPolypad = shadowRoot.querySelectorAll('x-polypad');\n\n if (xPolypad[0]) {\n const svgCanvas = xPolypad[0].querySelector('svg.canvas');\n const maskPath = svgCanvas?.querySelector('path.mask');\n\n maskPath?.setAttribute('stroke', 'transparent');\n maskPath?.setAttribute('fill', 'transparent');\n maskPath?.removeAttribute('style');\n }\n }\n\n return undefined;\n};\n\nexport const removeTileButton = (canvasElementRef: React.RefObject<HTMLDivElement>) => {\n const shadowRoot = canvasElementRef.current?.shadowRoot;\n const sidebar = shadowRoot?.querySelector('x-pp-sidebar') as HTMLElement;\n const tabsHeader = sidebar?.getElementsByClassName('tabs-header');\n const tabsBody = sidebar?.getElementsByClassName('tabs-body');\n\n sidebar?.setAttribute('style', 'display: none;');\n sidebar?.setAttribute('style', 'height: 30px;');\n\n if (tabsHeader && tabsHeader.length > 0) {\n const firstTabHeader = tabsHeader[0] as HTMLElement;\n\n firstTabHeader.style.display = 'none';\n }\n\n if (tabsBody && tabsBody.length > 0) {\n const firstTabBody = tabsBody[0] as HTMLElement;\n\n firstTabBody.style.top = '48px';\n }\n sidebar?.setAttribute('style', 'display: block;');\n};\n\nexport const getCanvasConfig = (\n width: number,\n height: number,\n renderAs: TRenderAs,\n userType: TUserTypes,\n): IPolypadOptions => {\n return renderAs === 'canvas'\n ? {\n canvas: 'notebook',\n canvasX: width,\n canvasY: height,\n noPinchPan: true,\n grid: 'none',\n background: 'transparent',\n noSnapping: true,\n }\n : {\n canvas: 'infinite',\n canvasX: width,\n canvasY: height,\n grid: 'none',\n noPinchPan: userType === 'STUDENT',\n noDeleting: userType === 'STUDENT',\n noCopyPaste: userType === 'STUDENT',\n noMusic: true,\n noAudio: true,\n };\n};\n\nexport const getCanvasSettings = (\n renderAs: TRenderAs,\n userType: TUserTypes,\n): IPolypadCreateOptions => {\n return renderAs === 'canvas'\n ? {\n sidebarTiles: false,\n sidebarSettings: false,\n settings: false,\n toolbar: false,\n canvasMargin: 0,\n }\n : {\n sidebarTiles: userType === 'TEACHER',\n sidebarSettings: false,\n settings: false,\n toolbar: false,\n };\n};\n\nexport const getReverseAction = (action: TDrawingData[]) => [action[1], action[0]];\n\nexport const getReverseMap = (data: TCueCanvasChangeData) => {\n const newData = new Map<string, TDrawingData[]>();\n\n data.forEach((value, key) => {\n newData.set(key, getReverseAction(value));\n });\n\n return newData;\n};\n\nexport const getToolAndSubtool = (\n tool: TCueCanvasTool,\n): [\n Exclude<TCueCanvasTool, 'marker' | 'highlighter' | 'ruler' | 'equation'>,\n TCueCanvasToolOption | undefined,\n] => {\n switch (tool) {\n case 'pen':\n return ['pen', 'pen'];\n case 'marker':\n return ['pen', 'marker'];\n case 'highlighter':\n return ['pen', 'highlighter'];\n case 'ruler':\n return ['pen', 'ruler'];\n case 'equation':\n return ['text', 'equation'];\n default:\n return [tool, undefined];\n }\n};\n\nconst TEACHER_WHITEBOARD_TOOLS: TCueCanvasTool[] = [\n 'pen',\n 'ruler',\n 'marker',\n 'highlighter',\n 'eraser',\n 'move',\n 'pan',\n 'clearAll',\n 'text',\n 'equation',\n 'grid',\n 'home',\n 'undo',\n 'redo',\n 'lock',\n 'unlock',\n 'zoomIn',\n 'zoomOut',\n 'upload',\n 'download',\n];\n\nconst STUDENT_WHITEBOARD_TOOLS: TCueCanvasTool[] = [\n 'pen',\n 'ruler',\n 'marker',\n 'highlighter',\n 'move',\n 'text',\n 'undo',\n 'redo',\n 'download',\n];\n\nconst TEACHER_DEFAULT_TOOLS: TCueCanvasTool[] = [\n 'pen',\n 'ruler',\n 'marker',\n 'highlighter',\n 'eraser',\n 'move',\n 'undo',\n 'redo',\n];\n\nconst STUDENT_DEFAULT_TOOLS: TCueCanvasTool[] = ['pen', 'ruler', 'eraser', 'move', 'undo', 'redo'];\n\nexport const getUserTools = (userType: TUserTypes, renderAs: TRenderAs): TCueCanvasTool[] => {\n if (renderAs === 'whiteboard') {\n return userType === 'TEACHER' ? TEACHER_WHITEBOARD_TOOLS : STUDENT_WHITEBOARD_TOOLS;\n }\n\n return userType === 'TEACHER' ? TEACHER_DEFAULT_TOOLS : STUDENT_DEFAULT_TOOLS;\n};\n\nexport const getColorsForUser = (userType: TUserTypes) => {\n return userType === 'TEACHER'\n ? (['CANVAS_RED', 'CANVAS_YELLOW', 'CANVAS_GREEN'] as TCueCanvasColors[])\n : (['CANVAS_BLUE', 'CANVAS_PURPLE', 'CANVAS_PINK'] as TCueCanvasColors[]);\n};\n\nexport const getIsWritingTool = (penTool: string) => {\n return ['pen', 'ruler', 'marker', 'highlighter'].includes(penTool);\n};\n\nexport const checkTextOrEquationTool = (payload: TCueCanvasChangeDataObject) => {\n return Object.values(payload).some(value => {\n if (\n !value[0] &&\n value[1] &&\n 'name' in value[1] &&\n (value[1].name === 'text' || value[1].name === 'equation')\n ) {\n return true;\n }\n\n return false;\n });\n};\n"],"names":["GRID_NAMES","STATELESS_TOOLS","removeMask","canvasElementRef","_a","shadowRoot","xPolypad","svgCanvas","maskPath","removeTileButton","sidebar","tabsHeader","tabsBody","firstTabHeader","firstTabBody","getCanvasConfig","width","height","renderAs","userType","getCanvasSettings","getReverseAction","action","getReverseMap","data","newData","value","key","getToolAndSubtool","tool","TEACHER_WHITEBOARD_TOOLS","STUDENT_WHITEBOARD_TOOLS","TEACHER_DEFAULT_TOOLS","STUDENT_DEFAULT_TOOLS","getUserTools","getColorsForUser","getIsWritingTool","penTool","checkTextOrEquationTool","payload"],"mappings":"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"}
1
+ {"version":3,"file":"cue-canvas-helpers.js","sources":["../../../src/features/cue-canvas/cue-canvas-helpers.ts"],"sourcesContent":["import type { TUserTypes } from '../ui/types';\nimport type {\n TCueCanvasColors,\n TCueCanvasChangeData,\n TCueCanvasTool,\n TCueCanvasToolOption,\n TDrawingData,\n TRenderAs,\n TCueCanvasGridName,\n TCueCanvasChangeDataObject,\n} from './types/cue-canvas';\nimport type { IPolypadCreateOptions, IPolypadOptions } from './types/polypad';\n\nimport { CANVAS_COLORS } from './constants/constants';\n\nexport const GRID_NAMES: TCueCanvasGridName[] = [\n 'none',\n 'square2-grid',\n 'square-checked',\n 'square-dots',\n 'tri-dots',\n 'tri2-dots',\n 'square-grid',\n 'tri-grid',\n 'tri2-grid',\n];\n\nexport const STATELESS_TOOLS = new Set<TCueCanvasTool>([\n 'undo',\n 'redo',\n 'clearAll',\n 'home',\n 'lock',\n 'unlock',\n 'zoomIn',\n 'zoomOut',\n 'upload',\n 'download',\n]);\n\nexport const removeMask = (canvasElementRef: React.RefObject<HTMLDivElement>) => {\n const shadowRoot = canvasElementRef.current?.shadowRoot;\n\n if (shadowRoot) {\n const xPolypad = shadowRoot.querySelectorAll('x-polypad');\n\n if (xPolypad[0]) {\n const svgCanvas = xPolypad[0].querySelector('svg.canvas');\n const maskPath = svgCanvas?.querySelector('path.mask');\n\n maskPath?.setAttribute('stroke', 'transparent');\n maskPath?.setAttribute('fill', 'transparent');\n maskPath?.removeAttribute('style');\n }\n }\n\n return undefined;\n};\n\nexport const removeTileButton = (canvasElementRef: React.RefObject<HTMLDivElement>) => {\n const shadowRoot = canvasElementRef.current?.shadowRoot;\n const sidebar = shadowRoot?.querySelector('x-pp-sidebar') as HTMLElement;\n const tabsHeader = sidebar?.getElementsByClassName('tabs-header');\n const tabsBody = sidebar?.getElementsByClassName('tabs-body');\n\n sidebar?.setAttribute('style', 'display: none;');\n sidebar?.setAttribute('style', 'height: 30px;');\n\n if (tabsHeader && tabsHeader.length > 0) {\n const firstTabHeader = tabsHeader[0] as HTMLElement;\n\n firstTabHeader.style.display = 'none';\n }\n\n if (tabsBody && tabsBody.length > 0) {\n const firstTabBody = tabsBody[0] as HTMLElement;\n\n firstTabBody.style.top = '48px';\n }\n sidebar?.setAttribute('style', 'display: block;');\n};\n\nexport const getCanvasConfig = (\n width: number,\n height: number,\n renderAs: TRenderAs,\n userType: TUserTypes,\n): IPolypadOptions => {\n return renderAs === 'canvas'\n ? {\n canvas: 'notebook',\n canvasX: width,\n canvasY: height,\n noPinchPan: true,\n grid: 'none',\n background: 'transparent',\n noSnapping: true,\n }\n : {\n canvas: 'infinite',\n canvasX: width,\n canvasY: height,\n grid: 'none',\n noPinchPan: userType === 'STUDENT',\n noDeleting: userType === 'STUDENT',\n noCopyPaste: userType === 'STUDENT',\n noMusic: true,\n noAudio: true,\n };\n};\n\nexport const getCanvasSettings = (\n renderAs: TRenderAs,\n userType: TUserTypes,\n): IPolypadCreateOptions => {\n return renderAs === 'canvas'\n ? {\n sidebarTiles: false,\n sidebarSettings: false,\n settings: false,\n toolbar: false,\n canvasMargin: 0,\n }\n : {\n sidebarTiles: userType === 'TEACHER',\n sidebarSettings: false,\n settings: false,\n toolbar: false,\n };\n};\n\nexport const getReverseAction = (action: TDrawingData[]) => [action[1], action[0]];\n\nexport const getReverseMap = (data: TCueCanvasChangeData) => {\n const newData = new Map<string, TDrawingData[]>();\n\n data.forEach((value, key) => {\n newData.set(key, getReverseAction(value));\n });\n\n return newData;\n};\n\nexport const getToolAndSubtool = (\n tool: TCueCanvasTool,\n): [\n Exclude<TCueCanvasTool, 'marker' | 'highlighter' | 'ruler' | 'equation'>,\n TCueCanvasToolOption | undefined,\n] => {\n switch (tool) {\n case 'pen':\n return ['pen', 'pen'];\n case 'marker':\n return ['pen', 'marker'];\n case 'highlighter':\n return ['pen', 'highlighter'];\n case 'ruler':\n return ['pen', 'ruler'];\n case 'equation':\n return ['text', 'equation'];\n default:\n return [tool, undefined];\n }\n};\n\nconst TEACHER_WHITEBOARD_TOOLS: TCueCanvasTool[] = [\n 'pen',\n 'ruler',\n 'marker',\n 'highlighter',\n 'eraser',\n 'move',\n 'pan',\n 'clearAll',\n 'text',\n 'equation',\n 'grid',\n 'home',\n 'undo',\n 'redo',\n 'lock',\n 'unlock',\n 'zoomIn',\n 'zoomOut',\n 'upload',\n 'download',\n];\n\nconst STUDENT_WHITEBOARD_TOOLS: TCueCanvasTool[] = [\n 'pen',\n 'ruler',\n 'marker',\n 'highlighter',\n 'eraser',\n 'move',\n 'text',\n 'undo',\n 'redo',\n 'download',\n];\n\nconst TEACHER_DEFAULT_TOOLS: TCueCanvasTool[] = [\n 'pen',\n 'ruler',\n 'marker',\n 'highlighter',\n 'eraser',\n 'move',\n 'undo',\n 'redo',\n];\n\nconst STUDENT_DEFAULT_TOOLS: TCueCanvasTool[] = ['pen', 'ruler', 'eraser', 'move', 'undo', 'redo'];\n\nexport const getUserTools = (userType: TUserTypes, renderAs: TRenderAs): TCueCanvasTool[] => {\n if (renderAs === 'whiteboard') {\n return userType === 'TEACHER' ? TEACHER_WHITEBOARD_TOOLS : STUDENT_WHITEBOARD_TOOLS;\n }\n\n return userType === 'TEACHER' ? TEACHER_DEFAULT_TOOLS : STUDENT_DEFAULT_TOOLS;\n};\n\nexport const getColorsForUser = (userType: TUserTypes, renderAs: TRenderAs = 'canvas') => {\n if (renderAs === 'whiteboard') {\n return Object.keys(CANVAS_COLORS).filter(\n color => !color.startsWith('CANVAS'),\n ) as TCueCanvasColors[];\n }\n\n return userType === 'TEACHER'\n ? (['CANVAS_RED', 'CANVAS_YELLOW', 'CANVAS_GREEN'] as TCueCanvasColors[])\n : (['CANVAS_BLUE', 'CANVAS_PURPLE', 'CANVAS_PINK'] as TCueCanvasColors[]);\n};\n\nexport const getIsWritingTool = (penTool: string) => {\n return ['pen', 'ruler', 'marker', 'highlighter'].includes(penTool);\n};\n\nexport const checkTextOrEquationTool = (payload: TCueCanvasChangeDataObject) => {\n return Object.values(payload).some(value => {\n if (\n !value[0] &&\n value[1] &&\n 'name' in value[1] &&\n (value[1].name === 'text' || value[1].name === 'equation')\n ) {\n return true;\n }\n\n return false;\n });\n};\n\nexport const dataURIToBlob = (dataURI: string): Blob => {\n const parts = dataURI.split(',');\n const metadata = parts[0] ?? '';\n const base64Data = parts[1] ?? '';\n\n const isBase64 = metadata.includes('base64');\n const byteString = isBase64 ? atob(base64Data) : decodeURIComponent(base64Data);\n\n const mimeTypeMatch = metadata.match(/:(.*?);/);\n const mimeType = mimeTypeMatch ? mimeTypeMatch[1] : 'application/octet-stream';\n\n const byteArray = new Uint8Array(byteString.length);\n\n for (let i = 0; i < byteString.length; i++) {\n byteArray[i] = byteString.charCodeAt(i);\n }\n\n return new Blob([byteArray], { type: mimeType });\n};\n\nexport const jsonToBlob = (json: unknown) => {\n const data = JSON.stringify(json);\n\n return new Blob([data], {\n type: 'application/json',\n });\n};\n"],"names":["GRID_NAMES","STATELESS_TOOLS","removeMask","canvasElementRef","shadowRoot","_a","xPolypad","svgCanvas","maskPath","removeTileButton","sidebar","tabsHeader","tabsBody","firstTabHeader","firstTabBody","getCanvasConfig","width","height","renderAs","userType","getCanvasSettings","getReverseAction","action","getReverseMap","data","newData","value","key","getToolAndSubtool","tool","TEACHER_WHITEBOARD_TOOLS","STUDENT_WHITEBOARD_TOOLS","TEACHER_DEFAULT_TOOLS","STUDENT_DEFAULT_TOOLS","getUserTools","getColorsForUser","CANVAS_COLORS","color","getIsWritingTool","penTool","checkTextOrEquationTool","payload","dataURIToBlob","dataURI","parts","metadata","base64Data","byteString","mimeTypeMatch","mimeType","byteArray","i"],"mappings":"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"}
@@ -1,24 +1,24 @@
1
- import { jsx as C } from "react/jsx-runtime";
2
- import { memo as u, useMemo as c, useState as o } from "react";
3
- import f from "./cue-canvas-context.js";
4
- import { getColorsForUser as p } from "./cue-canvas-helpers.js";
5
- const d = u(
6
- ({ children: n, userType: t }) => {
7
- const a = c(() => p(t), [t]), [e, i] = o(), [r, v] = o("pen"), [s, m] = o(a[0]), l = c(
8
- () => ({
9
- activeInstance: e,
10
- setActiveInstance: i,
11
- activeTool: r,
12
- setActiveTool: v,
13
- activeColor: s,
14
- setActiveColor: m
15
- }),
16
- [s, e, r]
17
- );
18
- return /* @__PURE__ */ C(f.Provider, { value: l, children: n });
19
- }
20
- ), g = d;
1
+ import { jsx as f } from "react/jsx-runtime";
2
+ import { memo as p, useMemo as a, useState as o } from "react";
3
+ import x from "./cue-canvas-context.js";
4
+ import { getColorsForUser as I } from "./cue-canvas-helpers.js";
5
+ const P = p(({ children: i, userType: t, renderAs: e }) => {
6
+ const m = a(() => I(t, e), [t, e]), [r, v] = o(), [s, l] = o("pen"), [c, C] = o(m[0]), [n, u] = o(), d = a(
7
+ () => ({
8
+ activeInstance: r,
9
+ setActiveInstance: v,
10
+ activeTool: s,
11
+ setActiveTool: l,
12
+ activeColor: c,
13
+ setActiveColor: C,
14
+ homeworkId: n,
15
+ setHomeworkId: u
16
+ }),
17
+ [c, r, s, n]
18
+ );
19
+ return /* @__PURE__ */ f(x.Provider, { value: d, children: i });
20
+ }), h = P;
21
21
  export {
22
- g as default
22
+ h as default
23
23
  };
24
24
  //# sourceMappingURL=cue-canvas-provider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"cue-canvas-provider.js","sources":["../../../src/features/cue-canvas/cue-canvas-provider.tsx"],"sourcesContent":["import type { TUserTypes } from '../ui/types';\nimport type { CueCanvasCore } from './cue-canvas-core';\nimport type { TCueCanvasColors, TCueCanvasTool } from './types/cue-canvas';\nimport type { FC, PropsWithChildren } from 'react';\n\nimport { useState, memo, useMemo } from 'react';\n\nimport CueCanvasContext from './cue-canvas-context';\nimport { getColorsForUser } from './cue-canvas-helpers';\n\nconst CueCanvasProvider: FC<PropsWithChildren<{ userType: TUserTypes }>> = memo(\n ({ children, userType }) => {\n const colors = useMemo(() => getColorsForUser(userType), [userType]);\n\n const [activeInstance, setActiveInstance] = useState<CueCanvasCore>();\n const [activeTool, setActiveTool] = useState<TCueCanvasTool>('pen');\n const [activeColor, setActiveColor] = useState<TCueCanvasColors>(colors[0] as TCueCanvasColors);\n const contextValue = useMemo(\n () => ({\n activeInstance: activeInstance,\n setActiveInstance: setActiveInstance,\n activeTool: activeTool,\n setActiveTool: setActiveTool,\n activeColor,\n setActiveColor,\n }),\n [activeColor, activeInstance, activeTool],\n );\n\n return <CueCanvasContext.Provider value={contextValue}>{children}</CueCanvasContext.Provider>;\n },\n);\n\nexport default CueCanvasProvider;\n"],"names":["CueCanvasProvider","memo","children","userType","colors","useMemo","getColorsForUser","activeInstance","setActiveInstance","useState","activeTool","setActiveTool","activeColor","setActiveColor","contextValue","CueCanvasContext","CueCanvasProvider$1"],"mappings":";;;;AAUA,MAAMA,IAAqEC;AAAA,EACzE,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AACpB,UAAAC,IAASC,EAAQ,MAAMC,EAAiBH,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAE7D,CAACI,GAAgBC,CAAiB,IAAIC,EAAwB,GAC9D,CAACC,GAAYC,CAAa,IAAIF,EAAyB,KAAK,GAC5D,CAACG,GAAaC,CAAc,IAAIJ,EAA2BL,EAAO,CAAC,CAAqB,GACxFU,IAAeT;AAAA,MACnB,OAAO;AAAA,QACL,gBAAAE;AAAA,QACA,mBAAAC;AAAA,QACA,YAAAE;AAAA,QACA,eAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,MAEF,CAACD,GAAaL,GAAgBG,CAAU;AAAA,IAAA;AAG1C,6BAAQK,EAAiB,UAAjB,EAA0B,OAAOD,GAAe,UAAAZ,EAAS,CAAA;AAAA,EACnE;AACF,GAEAc,IAAehB;"}
1
+ {"version":3,"file":"cue-canvas-provider.js","sources":["../../../src/features/cue-canvas/cue-canvas-provider.tsx"],"sourcesContent":["import type { TUserTypes } from '../ui/types';\nimport type { CueCanvasCore } from './cue-canvas-core';\nimport type { TCueCanvasColors, TCueCanvasTool, TRenderAs } from './types/cue-canvas';\nimport type { FC, PropsWithChildren } from 'react';\n\nimport { useState, memo, useMemo } from 'react';\n\nimport CueCanvasContext from './cue-canvas-context';\nimport { getColorsForUser } from './cue-canvas-helpers';\n\nconst CueCanvasProvider: FC<PropsWithChildren<{ userType: TUserTypes; renderAs: TRenderAs }>> =\n memo(({ children, userType, renderAs }) => {\n const colors = useMemo(() => getColorsForUser(userType, renderAs), [userType, renderAs]);\n\n const [activeInstance, setActiveInstance] = useState<CueCanvasCore>();\n const [activeTool, setActiveTool] = useState<TCueCanvasTool>('pen');\n const [activeColor, setActiveColor] = useState<TCueCanvasColors>(colors[0] as TCueCanvasColors);\n const [homeworkId, setHomeworkId] = useState<string>();\n\n const contextValue = useMemo(\n () => ({\n activeInstance: activeInstance,\n setActiveInstance: setActiveInstance,\n activeTool: activeTool,\n setActiveTool: setActiveTool,\n activeColor,\n setActiveColor,\n homeworkId,\n setHomeworkId,\n }),\n [activeColor, activeInstance, activeTool, homeworkId],\n );\n\n return <CueCanvasContext.Provider value={contextValue}>{children}</CueCanvasContext.Provider>;\n });\n\nexport default CueCanvasProvider;\n"],"names":["CueCanvasProvider","memo","children","userType","renderAs","colors","useMemo","getColorsForUser","activeInstance","setActiveInstance","useState","activeTool","setActiveTool","activeColor","setActiveColor","homeworkId","setHomeworkId","contextValue","CueCanvasContext","CueCanvasProvider$1"],"mappings":";;;;AAUA,MAAMA,IACJC,EAAK,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,UAAAC,QAAe;AACnC,QAAAC,IAASC,EAAQ,MAAMC,EAAiBJ,GAAUC,CAAQ,GAAG,CAACD,GAAUC,CAAQ,CAAC,GAEjF,CAACI,GAAgBC,CAAiB,IAAIC,EAAwB,GAC9D,CAACC,GAAYC,CAAa,IAAIF,EAAyB,KAAK,GAC5D,CAACG,GAAaC,CAAc,IAAIJ,EAA2BL,EAAO,CAAC,CAAqB,GACxF,CAACU,GAAYC,CAAa,IAAIN,EAAiB,GAE/CO,IAAeX;AAAA,IACnB,OAAO;AAAA,MACL,gBAAAE;AAAA,MACA,mBAAAC;AAAA,MACA,YAAAE;AAAA,MACA,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,IAEF,CAACH,GAAaL,GAAgBG,GAAYI,CAAU;AAAA,EAAA;AAGtD,2BAAQG,EAAiB,UAAjB,EAA0B,OAAOD,GAAe,UAAAf,EAAS,CAAA;AACnE,CAAC,GAEHiB,IAAenB;"}
@@ -1,81 +1,89 @@
1
- import { jsx as R } from "react/jsx-runtime";
2
- import { memo as V, useRef as g, useCallback as $, useEffect as o } from "react";
3
- import { CueCanvasCore as j } from "./cue-canvas-core.js";
4
- import { getCanvasConfig as k, getCanvasSettings as z } from "./cue-canvas-helpers.js";
5
- import { CueCanvasWrapper as H } from "./cue-cavas-styled.js";
6
- import { useCueCanvasActions as M } from "./hooks/use-cue-canvas-actions.js";
7
- import T from "./hooks/use-height-extender.js";
8
- const U = V(
1
+ import { jsx as j } from "react/jsx-runtime";
2
+ import { memo as k, useRef as E, useCallback as P, useEffect as n } from "react";
3
+ import W from "../worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
4
+ import { CueCanvasCore as q } from "./cue-canvas-core.js";
5
+ import { getCanvasConfig as y, getCanvasSettings as z } from "./cue-canvas-helpers.js";
6
+ import { CueCanvasWrapper as B } from "./cue-cavas-styled.js";
7
+ import F from "./hooks/use-config-updater.js";
8
+ import { useCueCanvasActions as G } from "./hooks/use-cue-canvas-actions.js";
9
+ import I from "./hooks/use-height-extender.js";
10
+ import J from "./hooks/use-upload-helper.js";
11
+ const K = k(
9
12
  ({
10
- canvasId: w,
13
+ canvasId: p,
11
14
  width: u,
12
- height: t,
13
- canRender: f,
14
- onUpdateHeight: x,
15
- initialData: a,
16
- onPublish: i,
17
- onSubscribe: p,
18
- userId: A,
19
- appended: l,
20
- canScribble: r,
21
- userType: C,
22
- renderAs: s = "canvas"
15
+ height: o,
16
+ canRender: C,
17
+ onUpdateHeight: U,
18
+ initialData: r,
19
+ onPublish: l,
20
+ onSubscribe: g,
21
+ userId: f,
22
+ appended: $,
23
+ canScribble: a,
24
+ userType: s,
25
+ renderAs: e = "canvas",
26
+ canvasConfig: d,
27
+ updateCanvasConfig: H
23
28
  }) => {
24
- const m = g(null), { setActiveInstance: c, setActiveTool: d } = M(), e = g(null), E = $(
25
- (n) => {
26
- d(n);
29
+ const m = E(null), { setActiveInstance: c, setActiveTool: w } = G(), L = J({ userId: f, renderAs: e, userType: s }), { scriptStatus: x } = W(), t = E(null), R = P(
30
+ (v) => {
31
+ w(v);
27
32
  },
28
- [d]
29
- ), I = $((n) => (console.log(n, "file to upload"), "https://cuemath-intel.s3.amazonaws.com/media/cuemath-whiteboard/2b0b9468-d6d4-11e8-9bfb-02420a000032:practice/Screenshot 2025-04-16 at 3.18.32 PM.png_b9079e2f-4ae6-439c-8edd-104dbfdc6100"), []);
30
- return T({
33
+ [w]
34
+ );
35
+ return I({
31
36
  canvasElementRef: m,
32
- cueCanvasRef: e,
33
- canScribble: r
34
- }), o(() => {
35
- r && e.current && (e.current.resetViewPort(), c(e.current));
36
- }, [r, c]), o(() => {
37
- a && e.current && e.current.update(a);
38
- }, [a]), o(() => {
39
- t && e.current && e.current.resetViewPort();
40
- }, [t, u]), o(() => {
41
- if (f && l && !e.current) {
42
- const n = k(u, t, s, C), P = z(s, C), v = new j({
43
- onPublish: i,
44
- onSubscribe: p,
45
- onUpdateActiveTool: E,
46
- onUpdateHeight: x,
47
- uploadImageToS3: I,
48
- height: t,
49
- userId: A,
50
- canvasId: w,
51
- userType: C,
52
- renderAs: s
37
+ cueCanvasRef: t,
38
+ canScribble: a,
39
+ enabled: e === "canvas"
40
+ }), F({ canvasConfig: d, renderAs: e, userId: f }), n(() => {
41
+ a && t.current && (t.current.resetViewPort(), c(t.current));
42
+ }, [a, c]), n(() => {
43
+ r && t.current && t.current.update(r);
44
+ }, [r]), n(() => {
45
+ o && t.current && t.current.resetViewPort();
46
+ }, [o, u]), n(() => {
47
+ if (C && $ && !t.current && x === "loaded") {
48
+ const v = y(u, o, e, s), V = z(e, s), i = new q({
49
+ onPublish: l,
50
+ onSubscribe: g,
51
+ onUpdateActiveTool: R,
52
+ onUpdateHeight: U,
53
+ uploadImageToS3: L,
54
+ height: o,
55
+ userId: f,
56
+ canvasId: p,
57
+ userType: s,
58
+ renderAs: e,
59
+ updateCanvasConfig: H
53
60
  });
54
61
  (async () => {
55
- await v.create({
62
+ await i.create({
56
63
  canvasElementRef: m,
57
- canvasConfig: n,
58
- canvasSetting: P,
59
- initialData: a
60
- }), e.current = v, r && c(v);
64
+ canvasConfig: v,
65
+ canvasSetting: V,
66
+ initialData: r
67
+ }), t.current = i, a && c(i);
61
68
  })();
62
69
  }
63
- }, [i, p, c, f, l]), o(() => () => {
64
- e.current && (e.current.destroy(), e.current = null);
65
- }, []), /* @__PURE__ */ R(
66
- H,
70
+ }, [l, g, c, C, $, x]), n(() => () => {
71
+ t.current && (t.current.destroy(), t.current = null);
72
+ }, []), /* @__PURE__ */ j(
73
+ B,
67
74
  {
75
+ id: e === "whiteboard" ? "canvasContainer" : p,
68
76
  ref: m,
69
77
  $width: u,
70
- $height: t,
71
- $canScribble: r,
72
- $canRender: f,
73
- $renderAs: s
78
+ $height: o,
79
+ $canScribble: a,
80
+ $canRender: C,
81
+ $renderAs: e
74
82
  }
75
83
  );
76
84
  }
77
- ), K = U;
85
+ ), D = K;
78
86
  export {
79
- K as default
87
+ D as default
80
88
  };
81
89
  //# sourceMappingURL=cue-canvas.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"cue-canvas.js","sources":["../../../src/features/cue-canvas/cue-canvas.tsx"],"sourcesContent":["import type { ICueCanvas, TCueCanvasTool } from './types/cue-canvas';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport { CueCanvasCore } from './cue-canvas-core';\nimport { getCanvasConfig, getCanvasSettings } from './cue-canvas-helpers';\nimport { CueCanvasWrapper } from './cue-cavas-styled';\nimport { useCueCanvasActions } from './hooks/use-cue-canvas-actions';\nimport useHeightExtender from './hooks/use-height-extender';\n\nconst CueCanvas: React.FC<ICueCanvas> = memo(\n ({\n canvasId,\n width,\n height,\n canRender,\n onUpdateHeight,\n initialData,\n onPublish,\n onSubscribe,\n userId,\n appended,\n canScribble,\n userType,\n renderAs = 'canvas',\n }) => {\n const canvasElementRef = useRef<HTMLDivElement>(null);\n const { setActiveInstance: setActiveCueCanvas, setActiveTool } = useCueCanvasActions();\n\n const cueCanvasRef = useRef<CueCanvasCore | null>(null);\n\n const onUpdateActiveTool = useCallback(\n (tool: TCueCanvasTool) => {\n setActiveTool(tool);\n },\n [setActiveTool],\n );\n\n const uploadImageToS3 = useCallback((file: File) => {\n // Todo @ayushsinghal1998: Update this once upload api is ready\n\n // eslint-disable-next-line no-console\n console.log(file, 'file to upload');\n\n return 'https://cuemath-intel.s3.amazonaws.com/media/cuemath-whiteboard/2b0b9468-d6d4-11e8-9bfb-02420a000032:practice/Screenshot 2025-04-16 at 3.18.32 PM.png_b9079e2f-4ae6-439c-8edd-104dbfdc6100';\n }, []);\n\n useHeightExtender({\n canvasElementRef,\n cueCanvasRef,\n canScribble,\n });\n\n useEffect(() => {\n if (canScribble && cueCanvasRef.current) {\n cueCanvasRef.current.resetViewPort();\n\n setActiveCueCanvas(cueCanvasRef.current);\n }\n }, [canScribble, setActiveCueCanvas]);\n\n useEffect(() => {\n if (initialData && cueCanvasRef.current) {\n cueCanvasRef.current.update(initialData);\n }\n }, [initialData]);\n\n useEffect(() => {\n if (height && cueCanvasRef.current) {\n cueCanvasRef.current.resetViewPort();\n }\n }, [height, width]);\n\n useEffect(() => {\n if (canRender && appended && !cueCanvasRef.current) {\n const canvasConfig = getCanvasConfig(width, height, renderAs, userType);\n const canvasSetting = getCanvasSettings(renderAs, userType);\n const cueCanvasCore = new CueCanvasCore({\n onPublish,\n onSubscribe,\n onUpdateActiveTool,\n onUpdateHeight,\n uploadImageToS3,\n height,\n userId,\n canvasId,\n userType,\n renderAs,\n });\n\n const createCueCanvas = async () => {\n await cueCanvasCore.create({\n canvasElementRef,\n canvasConfig,\n canvasSetting,\n initialData,\n });\n cueCanvasRef.current = cueCanvasCore;\n\n if (canScribble) {\n setActiveCueCanvas(cueCanvasCore);\n }\n };\n\n createCueCanvas();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [onPublish, onSubscribe, setActiveCueCanvas, canRender, appended]);\n\n useEffect(() => {\n return () => {\n if (cueCanvasRef.current) {\n cueCanvasRef.current.destroy();\n cueCanvasRef.current = null;\n }\n };\n }, []);\n\n return (\n <CueCanvasWrapper\n ref={canvasElementRef}\n $width={width}\n $height={height}\n $canScribble={canScribble}\n $canRender={canRender}\n $renderAs={renderAs}\n />\n );\n },\n);\n\nexport default CueCanvas;\n"],"names":["CueCanvas","memo","canvasId","width","height","canRender","onUpdateHeight","initialData","onPublish","onSubscribe","userId","appended","canScribble","userType","renderAs","canvasElementRef","useRef","setActiveCueCanvas","setActiveTool","useCueCanvasActions","cueCanvasRef","onUpdateActiveTool","useCallback","tool","uploadImageToS3","file","useHeightExtender","useEffect","canvasConfig","getCanvasConfig","canvasSetting","getCanvasSettings","cueCanvasCore","CueCanvasCore","jsx","CueCanvasWrapper","CueCanvas$1"],"mappings":";;;;;;;AAUA,MAAMA,IAAkCC;AAAA,EACtC,CAAC;AAAA,IACC,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,EAAA,MACP;AACE,UAAAC,IAAmBC,EAAuB,IAAI,GAC9C,EAAE,mBAAmBC,GAAoB,eAAAC,MAAkBC,EAAoB,GAE/EC,IAAeJ,EAA6B,IAAI,GAEhDK,IAAqBC;AAAA,MACzB,CAACC,MAAyB;AACxB,QAAAL,EAAcK,CAAI;AAAA,MACpB;AAAA,MACA,CAACL,CAAa;AAAA,IAAA,GAGVM,IAAkBF,EAAY,CAACG,OAI3B,QAAA,IAAIA,GAAM,gBAAgB,GAE3B,+LACN,CAAE,CAAA;AAEa,WAAAC,EAAA;AAAA,MAChB,kBAAAX;AAAA,MACA,cAAAK;AAAA,MACA,aAAAR;AAAA,IAAA,CACD,GAEDe,EAAU,MAAM;AACV,MAAAf,KAAeQ,EAAa,YAC9BA,EAAa,QAAQ,iBAErBH,EAAmBG,EAAa,OAAO;AAAA,IACzC,GACC,CAACR,GAAaK,CAAkB,CAAC,GAEpCU,EAAU,MAAM;AACV,MAAApB,KAAea,EAAa,WACjBA,EAAA,QAAQ,OAAOb,CAAW;AAAA,IACzC,GACC,CAACA,CAAW,CAAC,GAEhBoB,EAAU,MAAM;AACV,MAAAvB,KAAUgB,EAAa,WACzBA,EAAa,QAAQ;IACvB,GACC,CAAChB,GAAQD,CAAK,CAAC,GAElBwB,EAAU,MAAM;AACd,UAAItB,KAAaM,KAAY,CAACS,EAAa,SAAS;AAClD,cAAMQ,IAAeC,EAAgB1B,GAAOC,GAAQU,GAAUD,CAAQ,GAChEiB,IAAgBC,EAAkBjB,GAAUD,CAAQ,GACpDmB,IAAgB,IAAIC,EAAc;AAAA,UACtC,WAAAzB;AAAA,UACA,aAAAC;AAAA,UACA,oBAAAY;AAAA,UACA,gBAAAf;AAAA,UACA,iBAAAkB;AAAA,UACA,QAAApB;AAAA,UACA,QAAAM;AAAA,UACA,UAAAR;AAAA,UACA,UAAAW;AAAA,UACA,UAAAC;AAAA,QAAA,CACD;AAgBe,SAdQ,YAAY;AAClC,gBAAMkB,EAAc,OAAO;AAAA,YACzB,kBAAAjB;AAAA,YACA,cAAAa;AAAA,YACA,eAAAE;AAAA,YACA,aAAAvB;AAAA,UAAA,CACD,GACDa,EAAa,UAAUY,GAEnBpB,KACFK,EAAmBe,CAAa;AAAA,QAClC;MAIJ;AAAA,IAAA,GAEC,CAACxB,GAAWC,GAAaQ,GAAoBZ,GAAWM,CAAQ,CAAC,GAEpEgB,EAAU,MACD,MAAM;AACX,MAAIP,EAAa,YACfA,EAAa,QAAQ,WACrBA,EAAa,UAAU;AAAA,IACzB,GAED,CAAE,CAAA,GAGH,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKpB;AAAA,QACL,QAAQZ;AAAA,QACR,SAASC;AAAA,QACT,cAAcQ;AAAA,QACd,YAAYP;AAAA,QACZ,WAAWS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGjB;AACF,GAEAsB,IAAepC;"}
1
+ {"version":3,"file":"cue-canvas.js","sources":["../../../src/features/cue-canvas/cue-canvas.tsx"],"sourcesContent":["import type { ICueCanvas, TCueCanvasTool } from './types/cue-canvas';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useIsLearnosityLoaded from '../worksheet/learnosity-preloader/use-is-learnosity-loaded';\nimport { CueCanvasCore } from './cue-canvas-core';\nimport { getCanvasConfig, getCanvasSettings } from './cue-canvas-helpers';\nimport { CueCanvasWrapper } from './cue-cavas-styled';\nimport useConfigUpdater from './hooks/use-config-updater';\nimport { useCueCanvasActions } from './hooks/use-cue-canvas-actions';\nimport useHeightExtender from './hooks/use-height-extender';\nimport useUploadHelper from './hooks/use-upload-helper';\n\nconst CueCanvas: React.FC<ICueCanvas> = memo(\n ({\n canvasId,\n width,\n height,\n canRender,\n onUpdateHeight,\n initialData,\n onPublish,\n onSubscribe,\n userId,\n appended,\n canScribble,\n userType,\n renderAs = 'canvas',\n canvasConfig,\n updateCanvasConfig,\n }) => {\n const canvasElementRef = useRef<HTMLDivElement>(null);\n const { setActiveInstance: setActiveCueCanvas, setActiveTool } = useCueCanvasActions();\n const uploadImageToS3 = useUploadHelper({ userId, renderAs, userType });\n const { scriptStatus } = useIsLearnosityLoaded(); // This hook checks if the Polypad script is loaded + (additional scripts)\n\n const cueCanvasRef = useRef<CueCanvasCore | null>(null);\n\n const onUpdateActiveTool = useCallback(\n (tool: TCueCanvasTool) => {\n setActiveTool(tool);\n },\n [setActiveTool],\n );\n\n useHeightExtender({\n canvasElementRef,\n cueCanvasRef,\n canScribble,\n enabled: renderAs === 'canvas',\n });\n useConfigUpdater({ canvasConfig, renderAs, userId });\n\n useEffect(() => {\n if (canScribble && cueCanvasRef.current) {\n cueCanvasRef.current.resetViewPort();\n\n setActiveCueCanvas(cueCanvasRef.current);\n }\n }, [canScribble, setActiveCueCanvas]);\n\n useEffect(() => {\n if (initialData && cueCanvasRef.current) {\n cueCanvasRef.current.update(initialData);\n }\n }, [initialData]);\n\n useEffect(() => {\n if (height && cueCanvasRef.current) {\n cueCanvasRef.current.resetViewPort();\n }\n }, [height, width]);\n\n useEffect(() => {\n if (canRender && appended && !cueCanvasRef.current && scriptStatus === 'loaded') {\n const canvasCreateConfig = getCanvasConfig(width, height, renderAs, userType);\n const canvasSetting = getCanvasSettings(renderAs, userType);\n const cueCanvasCore = new CueCanvasCore({\n onPublish,\n onSubscribe,\n onUpdateActiveTool,\n onUpdateHeight,\n uploadImageToS3,\n height,\n userId,\n canvasId,\n userType,\n renderAs,\n updateCanvasConfig,\n });\n\n const createCueCanvas = async () => {\n await cueCanvasCore.create({\n canvasElementRef,\n canvasConfig: canvasCreateConfig,\n canvasSetting,\n initialData,\n });\n cueCanvasRef.current = cueCanvasCore;\n\n if (canScribble) {\n setActiveCueCanvas(cueCanvasCore);\n }\n };\n\n createCueCanvas();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [onPublish, onSubscribe, setActiveCueCanvas, canRender, appended, scriptStatus]);\n\n useEffect(() => {\n return () => {\n if (cueCanvasRef.current) {\n cueCanvasRef.current.destroy();\n cueCanvasRef.current = null;\n }\n };\n }, []);\n\n return (\n <CueCanvasWrapper\n id={renderAs === 'whiteboard' ? 'canvasContainer' : canvasId}\n ref={canvasElementRef}\n $width={width}\n $height={height}\n $canScribble={canScribble}\n $canRender={canRender}\n $renderAs={renderAs}\n />\n );\n },\n);\n\nexport default CueCanvas;\n"],"names":["CueCanvas","memo","canvasId","width","height","canRender","onUpdateHeight","initialData","onPublish","onSubscribe","userId","appended","canScribble","userType","renderAs","canvasConfig","updateCanvasConfig","canvasElementRef","useRef","setActiveCueCanvas","setActiveTool","useCueCanvasActions","uploadImageToS3","useUploadHelper","scriptStatus","useIsLearnosityLoaded","cueCanvasRef","onUpdateActiveTool","useCallback","tool","useHeightExtender","useConfigUpdater","useEffect","canvasCreateConfig","getCanvasConfig","canvasSetting","getCanvasSettings","cueCanvasCore","CueCanvasCore","jsx","CueCanvasWrapper","CueCanvas$1"],"mappings":"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"}