@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,54 +1,56 @@
1
- import e, { css as l } from "styled-components";
1
+ import i, { css as l } from "styled-components";
2
2
  import a from "../../assets/line-icons/icons/check.js";
3
3
  import d from "../../assets/line-icons/icons/down.js";
4
4
  import h from "../../assets/line-icons/icons/highlighter.js";
5
- import f from "../../assets/line-icons/icons/lock.js";
6
- import u from "../../assets/line-icons/icons/pencil.js";
5
+ import u from "../../assets/line-icons/icons/lock.js";
6
+ import f from "../../assets/line-icons/icons/pencil.js";
7
7
  import g from "../../assets/line-icons/icons/ruler.js";
8
8
  import x from "../../assets/line-icons/icons/sketch.js";
9
9
  import $ from "../../assets/line-icons/icons/undo.js";
10
10
  import m from "../../assets/line-icons/icons/unlock.js";
11
11
  import p from "../ui/layout/flex-view.js";
12
12
  import { CANVAS_COLORS as c } from "./constants/constants.js";
13
- const S = e(u)(({
13
+ const W = i(p)`
14
+ border: 2px solid;
15
+ `, S = i(f)(({
14
16
  theme: r,
15
17
  $active: o,
16
18
  $activeColor: t,
17
19
  $shouldAnimate: s
18
20
  }) => {
19
- const { colors: i } = r, n = o ? c[t] : i.REAL_BLACK_50;
21
+ const { colors: e } = r, n = o ? c[t] : e.REAL_BLACK_50;
20
22
  return l`
21
23
  position: relative;
22
24
  transition: top 0.3s ease-in-out;
23
25
  top: ${o && s ? "0px" : "8px"};
24
26
  cursor: ${o ? "auto" : "pointer"};
25
27
  .pencil-dark-shade {
26
- fill: ${o ? n : i.GREY_3};
28
+ fill: ${o ? n : e.GREY_3};
27
29
  }
28
30
 
29
31
  .pencil-light-shade {
30
- fill: ${o ? n : i.GREY_2};
32
+ fill: ${o ? n : e.GREY_2};
31
33
  opacity: ${o ? 0.3 : 1};
32
34
  }
33
35
 
34
36
  ${!o && l`
35
37
  &:hover {
36
38
  .pencil-dark-shade {
37
- fill: ${i.GREY_4};
39
+ fill: ${e.GREY_4};
38
40
  }
39
41
  .pencil-light-shade {
40
- fill: ${i.GREY_2};
42
+ fill: ${e.GREY_2};
41
43
  }
42
44
  }
43
45
  `}
44
46
  `;
45
- }), G = e(g)(({
47
+ }), G = i(g)(({
46
48
  theme: r,
47
49
  $active: o,
48
50
  $activeColor: t,
49
51
  $shouldAnimate: s
50
52
  }) => {
51
- const { colors: i } = r, n = o ? c[t] : i.REAL_BLACK_50;
53
+ const { colors: e } = r, n = o ? c[t] : e.REAL_BLACK_50;
52
54
  return l`
53
55
  cursor: ${o ? "auto" : "pointer"};
54
56
  position: relative;
@@ -56,36 +58,36 @@ const S = e(u)(({
56
58
  top: ${o && s ? "0px" : "8px"};
57
59
 
58
60
  .ruler-rect-color {
59
- fill: ${o ? n : i.GREY_3};
61
+ fill: ${o ? n : e.GREY_3};
60
62
  }
61
63
 
62
64
  .ruler-stripe-base {
63
- fill: ${o ? n : i.GREY_2};
65
+ fill: ${o ? n : e.GREY_2};
64
66
  opacity: ${o ? 0.2 : 1};
65
67
  }
66
68
 
67
69
  .ruler-small-stripe {
68
- fill: ${i.REAL_BLACK};
70
+ fill: ${e.REAL_BLACK};
69
71
  }
70
72
 
71
73
  ${!o && l`
72
74
  &:hover {
73
75
  .ruler-rect-color {
74
- fill: ${i.GREY_4};
76
+ fill: ${e.GREY_4};
75
77
  }
76
78
  .ruler-stripe-base {
77
- fill: ${i.GREY_3};
79
+ fill: ${e.GREY_3};
78
80
  }
79
81
  }
80
82
  `}
81
83
  `;
82
- }), W = e(h)(({
84
+ }), Y = i(h)(({
83
85
  $active: r,
84
86
  theme: o,
85
87
  $activeColor: t,
86
88
  $shouldAnimate: s
87
89
  }) => {
88
- const { colors: i } = o, n = r ? c[t] : i.REAL_BLACK_50;
90
+ const { colors: e } = o, n = r ? c[t] : e.REAL_BLACK_50;
89
91
  return l`
90
92
  cursor: ${r ? "auto" : "pointer"};
91
93
  position: relative;
@@ -123,13 +125,13 @@ const S = e(u)(({
123
125
  }
124
126
  `}
125
127
  `;
126
- }), Y = e(x)(({
128
+ }), w = i(x)(({
127
129
  $active: r,
128
130
  theme: o,
129
131
  $activeColor: t,
130
132
  $shouldAnimate: s
131
133
  }) => {
132
- const { colors: i } = o, n = r ? c[t] : i.REAL_BLACK_50;
134
+ const { colors: e } = o, n = r ? c[t] : e.REAL_BLACK_50;
133
135
  return l`
134
136
  cursor: ${r ? "auto" : "pointer"};
135
137
  position: relative;
@@ -169,13 +171,13 @@ const S = e(u)(({
169
171
  }
170
172
  `}
171
173
  `;
172
- }), w = e(f)`
174
+ }), H = i(u)`
173
175
  width: 20px;
174
176
  height: 20px;
175
- `, H = e(m)`
177
+ `, P = i(m)`
176
178
  width: 20px;
177
179
  height: 20px;
178
- `, P = e(p)(
180
+ `, T = i(p)(
179
181
  ({ theme: r, $active: o }) => {
180
182
  const { colors: t } = r;
181
183
  return l`
@@ -215,21 +217,19 @@ const S = e(u)(({
215
217
  `}
216
218
  `;
217
219
  }
218
- ), T = e(a)`
220
+ ), U = i(a)`
219
221
  path {
220
222
  stroke: ${"white"};
221
223
  }
222
- `, U = e($)`
224
+ `, D = i($)`
223
225
  transform: scaleX(-1);
224
- `, j = e(p)`
226
+ `, O = i(p)`
225
227
  position: absolute;
226
- display: flex;
227
- justify-content: center;
228
- top: -24px; //-16 for icon, -8 for gap
228
+ top: ${({ $top: r }) => r}px;
229
229
  transition:
230
230
  opacity 0.5s ease,
231
231
  transform 0.5s ease;
232
- `, D = e(p)(
232
+ `, V = i(p)(
233
233
  ({ $canScribble: r, $canRender: o, $renderAs: t }) => `
234
234
  display: ${o ? "block" : "none"};
235
235
  opacity: ${r ? 1 : 0.5};
@@ -242,18 +242,18 @@ const S = e(u)(({
242
242
  `}
243
243
 
244
244
  `
245
- ), O = e(p)(
245
+ ), j = i(p)(
246
246
  ({ $color: r }) => `
247
247
  background: ${c[r]};
248
248
  `
249
- ), V = e(d)`
249
+ ), z = i(d)`
250
250
  pointer-events: none;
251
251
  transition: transform 0.5s ease;
252
252
  transform: ${({ $isAnimating: r }) => r ? "rotate(180deg)" : "rotate(0deg)"};
253
- `, z = e(p)`
253
+ `, F = i(p)`
254
254
  overflow: hidden;
255
255
  border-right: 1px solid ${({ theme: r }) => r.colors.GREY_1};
256
- `, F = e(p)`
256
+ `, M = i(p)`
257
257
  position: absolute;
258
258
  padding: 8px 8px 0 8px;
259
259
  overflow: hidden;
@@ -269,20 +269,21 @@ background: ${c[r]};
269
269
  }
270
270
  `;
271
271
  export {
272
- O as ColorPicker,
273
- D as CueCanvasWrapper,
274
- F as MenuWrapper,
275
- j as PaletteWrapper,
276
- z as PenIconWrapper,
277
- U as RedoIcon,
278
- T as StyledCheckIcon,
279
- V as StyledDownIcon,
280
- W as StyledHighlighterWrapper,
281
- w as StyledLockIcon,
272
+ j as ColorPicker,
273
+ V as CueCanvasWrapper,
274
+ W as HWWrapper,
275
+ M as MenuWrapper,
276
+ O as PaletteWrapper,
277
+ F as PenIconWrapper,
278
+ D as RedoIcon,
279
+ U as StyledCheckIcon,
280
+ z as StyledDownIcon,
281
+ Y as StyledHighlighterWrapper,
282
+ H as StyledLockIcon,
282
283
  S as StyledPencilIcon,
283
284
  G as StyledRulerIcon,
284
- Y as StyledSketchWrapper,
285
- H as StyledUnlockIcon,
286
- P as StyledWrapper
285
+ w as StyledSketchWrapper,
286
+ P as StyledUnlockIcon,
287
+ T as StyledWrapper
287
288
  };
288
289
  //# sourceMappingURL=cue-cavas-styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"cue-cavas-styled.js","sources":["../../../src/features/cue-canvas/cue-cavas-styled.tsx"],"sourcesContent":["import type { ICueCanvasWrapper, TCueCanvasColors } from './types/cue-canvas';\n\nimport styled, { css } from 'styled-components';\n\nimport TickIcon from '../../assets/line-icons/icons/check';\nimport DownIcon from '../../assets/line-icons/icons/down';\nimport HighlighterIcon from '../../assets/line-icons/icons/highlighter';\nimport LockIcon from '../../assets/line-icons/icons/lock';\nimport PencilIcon from '../../assets/line-icons/icons/pencil';\nimport RulerIcon from '../../assets/line-icons/icons/ruler';\nimport SketchIcon from '../../assets/line-icons/icons/sketch';\nimport UndoIcon from '../../assets/line-icons/icons/undo';\nimport UnlockIcon from '../../assets/line-icons/icons/unlock';\nimport FlexView from '../ui/layout/flex-view';\nimport { CANVAS_COLORS } from './constants/constants';\n\ninterface IToolProps {\n $active: boolean;\n $activeColor: TCueCanvasColors;\n $shouldAnimate: boolean;\n}\n\nexport const StyledPencilIcon = styled(PencilIcon)<IToolProps>(({\n theme,\n $active,\n $activeColor,\n $shouldAnimate,\n}) => {\n const { colors } = theme;\n const color = $active ? CANVAS_COLORS[$activeColor] : colors.REAL_BLACK_50;\n\n return css`\n position: relative;\n transition: top 0.3s ease-in-out;\n top: ${$active && $shouldAnimate ? '0px' : '8px'};\n cursor: ${$active ? 'auto' : 'pointer'};\n .pencil-dark-shade {\n fill: ${$active ? color : colors.GREY_3};\n }\n\n .pencil-light-shade {\n fill: ${$active ? color : colors.GREY_2};\n opacity: ${$active ? 0.3 : 1};\n }\n\n ${!$active &&\n css`\n &:hover {\n .pencil-dark-shade {\n fill: ${colors.GREY_4};\n }\n .pencil-light-shade {\n fill: ${colors.GREY_2};\n }\n }\n `}\n `;\n});\n\nexport const StyledRulerIcon = styled(RulerIcon)<IToolProps>(({\n theme,\n $active,\n $activeColor,\n $shouldAnimate,\n}) => {\n const { colors } = theme;\n const color = $active ? CANVAS_COLORS[$activeColor] : colors.REAL_BLACK_50;\n\n return css`\n cursor: ${$active ? 'auto' : 'pointer'};\n position: relative;\n transition: top 0.3s ease-in-out;\n top: ${$active && $shouldAnimate ? '0px' : '8px'};\n\n .ruler-rect-color {\n fill: ${$active ? color : colors.GREY_3};\n }\n\n .ruler-stripe-base {\n fill: ${$active ? color : colors.GREY_2};\n opacity: ${$active ? 0.2 : 1};\n }\n\n .ruler-small-stripe {\n fill: ${colors.REAL_BLACK};\n }\n\n ${!$active &&\n css`\n &:hover {\n .ruler-rect-color {\n fill: ${colors.GREY_4};\n }\n .ruler-stripe-base {\n fill: ${colors.GREY_3};\n }\n }\n `}\n `;\n});\n\nexport const StyledHighlighterWrapper = styled(HighlighterIcon)<IToolProps>(({\n $active,\n theme,\n $activeColor,\n $shouldAnimate,\n}) => {\n const { colors } = theme;\n const color = $active ? CANVAS_COLORS[$activeColor] : colors.REAL_BLACK_50;\n\n return css`\n cursor: ${$active ? 'auto' : 'pointer'};\n position: relative;\n transition: top 0.3s ease-in-out;\n top: ${$active && $shouldAnimate ? '0px' : '8px'};\n ${!$active &&\n css`\n &:hover {\n .highlighter-tip {\n fill: ${theme.colors.BLACK};\n }\n\n .highlighter-stripe {\n fill: ${theme.colors.BLACK_50};\n }\n\n .highlighter-light-body {\n fill: ${theme.colors.BLACK_10};\n }\n }\n `}\n\n ${$active &&\n css`\n .highlighter-tip {\n fill: ${color};\n }\n\n .highlighter-stripe {\n fill: ${color};\n opacity: 0.6;\n }\n\n .highlighter-light-body {\n fill: ${color};\n opacity: 0.2;\n }\n `}\n `;\n});\n\nexport const StyledSketchWrapper = styled(SketchIcon)<IToolProps>(({\n $active,\n theme,\n $activeColor,\n $shouldAnimate,\n}) => {\n const { colors } = theme;\n const color = $active ? CANVAS_COLORS[$activeColor] : colors.REAL_BLACK_50;\n\n return css`\n cursor: ${$active ? 'auto' : 'pointer'};\n position: relative;\n transition: top 0.3s ease-in-out;\n top: ${$active && $shouldAnimate ? '0px' : '8px'};\n\n ${!$active &&\n css`\n &:hover {\n .pen-tip {\n fill: ${theme.colors.BLACK};\n }\n\n .pen-dark-shade {\n fill: ${theme.colors.BLACK_50};\n }\n\n .pen-light-shade {\n fill: ${theme.colors.BLACK_10};\n }\n }\n `}\n\n ${$active &&\n css`\n cursor: ${$active ? 'auto' : 'pointer'};\n .pen-tip {\n fill: ${color};\n }\n\n .pen-dark-shade {\n fill: ${color};\n opacity: 0.6;\n }\n\n .pen-light-shade {\n fill: ${color};\n opacity: 0.4;\n }\n `}\n `;\n});\n\nexport const StyledLockIcon = styled(LockIcon)`\n width: 20px;\n height: 20px;\n`;\n\nexport const StyledUnlockIcon = styled(UnlockIcon)`\n width: 20px;\n height: 20px;\n`;\n\nexport const StyledWrapper = styled(FlexView)<Omit<IToolProps, '$activeColor' | '$shouldAnimate'>>(\n ({ theme, $active }) => {\n const { colors } = theme;\n\n return css`\n cursor: ${$active ? 'auto' : 'pointer'};\n width: 32px;\n height: 32px;\n justify-content: center;\n align-items: center;\n border: 1px solid ${colors.WHITE};\n border-radius: 50%;\n transition: all 100ms ease-in-out;\n border: 1px solid ${colors.GREY_1};\n\n ${!$active &&\n css`\n &:hover {\n border: 1px solid ${colors.REAL_BLACK};\n }\n `}\n\n ${$active &&\n css`\n cursor: auto;\n background: ${colors.BLACK};\n .tile-icon {\n fill: ${colors.BLACK};\n }\n svg {\n path,\n rect,\n circle {\n stroke: ${colors.WHITE};\n }\n .hover-eraser {\n stroke: none;\n fill: ${colors.WHITE};\n }\n }\n `}\n `;\n },\n);\n\nexport const StyledCheckIcon = styled(TickIcon)`\n path {\n stroke: ${'white'};\n }\n`;\n\nexport const RedoIcon = styled(UndoIcon)`\n transform: scaleX(-1);\n`;\n\nexport const PaletteWrapper = styled(FlexView)`\n position: absolute;\n display: flex;\n justify-content: center;\n top: -24px; //-16 for icon, -8 for gap\n transition:\n opacity 0.5s ease,\n transform 0.5s ease;\n`;\n\nexport const CueCanvasWrapper = styled(FlexView)<ICueCanvasWrapper>(\n ({ $canScribble, $canRender, $renderAs }) => `\n display: ${$canRender ? 'block' : 'none'};\n opacity: ${$canScribble ? 1 : 0.5};\n pointer-events: ${$canScribble ? 'auto' : 'none'};\n\n ${\n $renderAs === 'canvas' &&\n $canScribble &&\n `\n background-image: radial-gradient(rgb(43 43 43 / 8%) 2px, transparent 10%);\n background-position:0 0,32px 32px;\n background-size: 30px 32px;\n `\n }\n \n`,\n);\n\nexport const ColorPicker = styled(FlexView)<{ $color: TCueCanvasColors }>(\n ({ $color }) => `\nbackground: ${CANVAS_COLORS[$color]};\n`,\n);\n\nexport const StyledDownIcon = styled(DownIcon)<{ $isAnimating: boolean }>`\n pointer-events: none;\n transition: transform 0.5s ease;\n transform: ${({ $isAnimating }) => ($isAnimating ? 'rotate(180deg)' : 'rotate(0deg)')};\n`;\n\nexport const PenIconWrapper = styled(FlexView)`\n overflow: hidden;\n border-right: 1px solid ${({ theme }) => theme.colors.GREY_1};\n`;\n\nexport const MenuWrapper = styled(FlexView)`\n position: absolute;\n padding: 8px 8px 0 8px;\n overflow: hidden;\n bottom: 58px;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n transition:\n opacity 0.5s ease,\n transform 0.5s ease;\n\n :hover {\n cursor: pointer;\n }\n`;\n"],"names":["StyledPencilIcon","styled","PencilIcon","theme","$active","$activeColor","$shouldAnimate","colors","color","CANVAS_COLORS","css","StyledRulerIcon","RulerIcon","StyledHighlighterWrapper","HighlighterIcon","StyledSketchWrapper","SketchIcon","StyledLockIcon","LockIcon","StyledUnlockIcon","UnlockIcon","StyledWrapper","FlexView","StyledCheckIcon","TickIcon","RedoIcon","UndoIcon","PaletteWrapper","CueCanvasWrapper","$canScribble","$canRender","$renderAs","ColorPicker","$color","StyledDownIcon","DownIcon","$isAnimating","PenIconWrapper","MenuWrapper"],"mappings":";;;;;;;;;;;;AAsBO,MAAMA,IAAmBC,EAAOC,CAAU,EAAc,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,EAAW,IAAAJ,GACbK,IAAQJ,IAAUK,EAAcJ,CAAY,IAAIE,EAAO;AAEtD,SAAAG;AAAA;AAAA;AAAA,WAGEN,KAAWE,IAAiB,QAAQ,KAAK;AAAA,cACtCF,IAAU,SAAS,SAAS;AAAA;AAAA,cAE5BA,IAAUI,IAAQD,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA,cAI/BH,IAAUI,IAAQD,EAAO,MAAM;AAAA,iBAC5BH,IAAU,MAAM,CAAC;AAAA;AAAA;AAAA,MAG5B,CAACA,KACHM;AAAA;AAAA;AAAA,kBAGcH,EAAO,MAAM;AAAA;AAAA;AAAA,kBAGbA,EAAO,MAAM;AAAA;AAAA;AAAA,KAG1B;AAAA;AAEL,CAAC,GAEYI,IAAkBV,EAAOW,CAAS,EAAc,CAAC;AAAA,EAC5D,OAAAT;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,EAAW,IAAAJ,GACbK,IAAQJ,IAAUK,EAAcJ,CAAY,IAAIE,EAAO;AAEtD,SAAAG;AAAA,cACKN,IAAU,SAAS,SAAS;AAAA;AAAA;AAAA,WAG/BA,KAAWE,IAAiB,QAAQ,KAAK;AAAA;AAAA;AAAA,cAGtCF,IAAUI,IAAQD,EAAO,MAAM;AAAA;AAAA;AAAA;AAAA,cAI/BH,IAAUI,IAAQD,EAAO,MAAM;AAAA,iBAC5BH,IAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,cAIpBG,EAAO,UAAU;AAAA;AAAA;AAAA,MAGzB,CAACH,KACHM;AAAA;AAAA;AAAA,kBAGcH,EAAO,MAAM;AAAA;AAAA;AAAA,kBAGbA,EAAO,MAAM;AAAA;AAAA;AAAA,KAG1B;AAAA;AAEL,CAAC,GAEYM,IAA2BZ,EAAOa,CAAe,EAAc,CAAC;AAAA,EAC3E,SAAAV;AAAA,EACA,OAAAD;AAAA,EACA,cAAAE;AAAA,EACA,gBAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,EAAW,IAAAJ,GACbK,IAAQJ,IAAUK,EAAcJ,CAAY,IAAIE,EAAO;AAEtD,SAAAG;AAAA,cACKN,IAAU,SAAS,SAAS;AAAA;AAAA;AAAA,WAG/BA,KAAWE,IAAiB,QAAQ,KAAK;AAAA,MAC9C,CAACF,KACHM;AAAA;AAAA;AAAA,kBAGcP,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,kBAIlBA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,kBAIrBA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,KAGlC;AAAA;AAAA,MAECC,KACFM;AAAA;AAAA,gBAEYF,CAAK;AAAA;AAAA;AAAA;AAAA,gBAILA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKLA,CAAK;AAAA;AAAA;AAAA,KAGhB;AAAA;AAEL,CAAC,GAEYO,IAAsBd,EAAOe,CAAU,EAAc,CAAC;AAAA,EACjE,SAAAZ;AAAA,EACA,OAAAD;AAAA,EACA,cAAAE;AAAA,EACA,gBAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,EAAW,IAAAJ,GACbK,IAAQJ,IAAUK,EAAcJ,CAAY,IAAIE,EAAO;AAEtD,SAAAG;AAAA,cACKN,IAAU,SAAS,SAAS;AAAA;AAAA;AAAA,WAG/BA,KAAWE,IAAiB,QAAQ,KAAK;AAAA;AAAA,MAE9C,CAACF,KACHM;AAAA;AAAA;AAAA,kBAGcP,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,kBAIlBA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,kBAIrBA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,KAGlC;AAAA;AAAA,MAECC,KACFM;AAAA,gBACYN,IAAU,SAAS,SAAS;AAAA;AAAA,gBAE5BI,CAAK;AAAA;AAAA;AAAA;AAAA,gBAILA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKLA,CAAK;AAAA;AAAA;AAAA,KAGhB;AAAA;AAEL,CAAC,GAEYS,IAAiBhB,EAAOiB,CAAQ;AAAA;AAAA;AAAA,GAKhCC,IAAmBlB,EAAOmB,CAAU;AAAA;AAAA;AAAA,GAKpCC,IAAgBpB,EAAOqB,CAAQ;AAAA,EAC1C,CAAC,EAAE,OAAAnB,GAAO,SAAAC,QAAc;AAChB,UAAA,EAAE,QAAAG,EAAW,IAAAJ;AAEZ,WAAAO;AAAA,gBACKN,IAAU,SAAS,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKlBG,EAAO,KAAK;AAAA;AAAA;AAAA,0BAGZA,EAAO,MAAM;AAAA;AAAA,QAE/B,CAACH,KACHM;AAAA;AAAA,8BAEwBH,EAAO,UAAU;AAAA;AAAA,OAExC;AAAA;AAAA,QAECH,KACFM;AAAA;AAAA,sBAEgBH,EAAO,KAAK;AAAA;AAAA,kBAEhBA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMRA,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA,oBAIdA,EAAO,KAAK;AAAA;AAAA;AAAA,OAGzB;AAAA;AAAA,EAEL;AACF,GAEagB,IAAkBtB,EAAOuB,CAAQ;AAAA;AAAA,cAEhC,OAAO;AAAA;AAAA,GAIRC,IAAWxB,EAAOyB,CAAQ;AAAA;AAAA,GAI1BC,IAAiB1B,EAAOqB,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUhCM,IAAmB3B,EAAOqB,CAAQ;AAAA,EAC7C,CAAC,EAAE,cAAAO,GAAc,YAAAC,GAAY,WAAAC,EAAgB,MAAA;AAAA,aAClCD,IAAa,UAAU,MAAM;AAAA,aAC7BD,IAAe,IAAI,GAAG;AAAA,oBACfA,IAAe,SAAS,MAAM;AAAA;AAAA,IAG9CE,MAAc,YACdF,KACA;AAAA;AAAA;AAAA;AAAA,KAKF;AAAA;AAAA;AAGF,GAEaG,IAAc/B,EAAOqB,CAAQ;AAAA,EACxC,CAAC,EAAE,QAAAW,EAAA,MAAa;AAAA,cACJxB,EAAcwB,CAAM,CAAC;AAAA;AAEnC,GAEaC,IAAiBjC,EAAOkC,CAAQ;AAAA;AAAA;AAAA,eAG9B,CAAC,EAAE,cAAAC,EAAA,MAAoBA,IAAe,mBAAmB,cAAe;AAAA,GAG1EC,IAAiBpC,EAAOqB,CAAQ;AAAA;AAAA,4BAEjB,CAAC,EAAE,OAAAnB,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA,GAGjDmC,IAAcrC,EAAOqB,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1
+ {"version":3,"file":"cue-cavas-styled.js","sources":["../../../src/features/cue-canvas/cue-cavas-styled.tsx"],"sourcesContent":["import type { ICueCanvasWrapper, TCueCanvasColors } from './types/cue-canvas';\n\nimport styled, { css } from 'styled-components';\n\nimport TickIcon from '../../assets/line-icons/icons/check';\nimport DownIcon from '../../assets/line-icons/icons/down';\nimport HighlighterIcon from '../../assets/line-icons/icons/highlighter';\nimport LockIcon from '../../assets/line-icons/icons/lock';\nimport PencilIcon from '../../assets/line-icons/icons/pencil';\nimport RulerIcon from '../../assets/line-icons/icons/ruler';\nimport SketchIcon from '../../assets/line-icons/icons/sketch';\nimport UndoIcon from '../../assets/line-icons/icons/undo';\nimport UnlockIcon from '../../assets/line-icons/icons/unlock';\nimport FlexView from '../ui/layout/flex-view';\nimport { CANVAS_COLORS } from './constants/constants';\n\ninterface IToolProps {\n $active: boolean;\n $activeColor: TCueCanvasColors;\n $shouldAnimate: boolean;\n}\nexport const HWWrapper = styled(FlexView)`\n border: 2px solid;\n`;\n\nexport const StyledPencilIcon = styled(PencilIcon)<IToolProps>(({\n theme,\n $active,\n $activeColor,\n $shouldAnimate,\n}) => {\n const { colors } = theme;\n const color = $active ? CANVAS_COLORS[$activeColor] : colors.REAL_BLACK_50;\n\n return css`\n position: relative;\n transition: top 0.3s ease-in-out;\n top: ${$active && $shouldAnimate ? '0px' : '8px'};\n cursor: ${$active ? 'auto' : 'pointer'};\n .pencil-dark-shade {\n fill: ${$active ? color : colors.GREY_3};\n }\n\n .pencil-light-shade {\n fill: ${$active ? color : colors.GREY_2};\n opacity: ${$active ? 0.3 : 1};\n }\n\n ${!$active &&\n css`\n &:hover {\n .pencil-dark-shade {\n fill: ${colors.GREY_4};\n }\n .pencil-light-shade {\n fill: ${colors.GREY_2};\n }\n }\n `}\n `;\n});\n\nexport const StyledRulerIcon = styled(RulerIcon)<IToolProps>(({\n theme,\n $active,\n $activeColor,\n $shouldAnimate,\n}) => {\n const { colors } = theme;\n const color = $active ? CANVAS_COLORS[$activeColor] : colors.REAL_BLACK_50;\n\n return css`\n cursor: ${$active ? 'auto' : 'pointer'};\n position: relative;\n transition: top 0.3s ease-in-out;\n top: ${$active && $shouldAnimate ? '0px' : '8px'};\n\n .ruler-rect-color {\n fill: ${$active ? color : colors.GREY_3};\n }\n\n .ruler-stripe-base {\n fill: ${$active ? color : colors.GREY_2};\n opacity: ${$active ? 0.2 : 1};\n }\n\n .ruler-small-stripe {\n fill: ${colors.REAL_BLACK};\n }\n\n ${!$active &&\n css`\n &:hover {\n .ruler-rect-color {\n fill: ${colors.GREY_4};\n }\n .ruler-stripe-base {\n fill: ${colors.GREY_3};\n }\n }\n `}\n `;\n});\n\nexport const StyledHighlighterWrapper = styled(HighlighterIcon)<IToolProps>(({\n $active,\n theme,\n $activeColor,\n $shouldAnimate,\n}) => {\n const { colors } = theme;\n const color = $active ? CANVAS_COLORS[$activeColor] : colors.REAL_BLACK_50;\n\n return css`\n cursor: ${$active ? 'auto' : 'pointer'};\n position: relative;\n transition: top 0.3s ease-in-out;\n top: ${$active && $shouldAnimate ? '0px' : '8px'};\n ${!$active &&\n css`\n &:hover {\n .highlighter-tip {\n fill: ${theme.colors.BLACK};\n }\n\n .highlighter-stripe {\n fill: ${theme.colors.BLACK_50};\n }\n\n .highlighter-light-body {\n fill: ${theme.colors.BLACK_10};\n }\n }\n `}\n\n ${$active &&\n css`\n .highlighter-tip {\n fill: ${color};\n }\n\n .highlighter-stripe {\n fill: ${color};\n opacity: 0.6;\n }\n\n .highlighter-light-body {\n fill: ${color};\n opacity: 0.2;\n }\n `}\n `;\n});\n\nexport const StyledSketchWrapper = styled(SketchIcon)<IToolProps>(({\n $active,\n theme,\n $activeColor,\n $shouldAnimate,\n}) => {\n const { colors } = theme;\n const color = $active ? CANVAS_COLORS[$activeColor] : colors.REAL_BLACK_50;\n\n return css`\n cursor: ${$active ? 'auto' : 'pointer'};\n position: relative;\n transition: top 0.3s ease-in-out;\n top: ${$active && $shouldAnimate ? '0px' : '8px'};\n\n ${!$active &&\n css`\n &:hover {\n .pen-tip {\n fill: ${theme.colors.BLACK};\n }\n\n .pen-dark-shade {\n fill: ${theme.colors.BLACK_50};\n }\n\n .pen-light-shade {\n fill: ${theme.colors.BLACK_10};\n }\n }\n `}\n\n ${$active &&\n css`\n cursor: ${$active ? 'auto' : 'pointer'};\n .pen-tip {\n fill: ${color};\n }\n\n .pen-dark-shade {\n fill: ${color};\n opacity: 0.6;\n }\n\n .pen-light-shade {\n fill: ${color};\n opacity: 0.4;\n }\n `}\n `;\n});\n\nexport const StyledLockIcon = styled(LockIcon)`\n width: 20px;\n height: 20px;\n`;\n\nexport const StyledUnlockIcon = styled(UnlockIcon)`\n width: 20px;\n height: 20px;\n`;\n\nexport const StyledWrapper = styled(FlexView)<Omit<IToolProps, '$activeColor' | '$shouldAnimate'>>(\n ({ theme, $active }) => {\n const { colors } = theme;\n\n return css`\n cursor: ${$active ? 'auto' : 'pointer'};\n width: 32px;\n height: 32px;\n justify-content: center;\n align-items: center;\n border: 1px solid ${colors.WHITE};\n border-radius: 50%;\n transition: all 100ms ease-in-out;\n border: 1px solid ${colors.GREY_1};\n\n ${!$active &&\n css`\n &:hover {\n border: 1px solid ${colors.REAL_BLACK};\n }\n `}\n\n ${$active &&\n css`\n cursor: auto;\n background: ${colors.BLACK};\n .tile-icon {\n fill: ${colors.BLACK};\n }\n svg {\n path,\n rect,\n circle {\n stroke: ${colors.WHITE};\n }\n .hover-eraser {\n stroke: none;\n fill: ${colors.WHITE};\n }\n }\n `}\n `;\n },\n);\n\nexport const StyledCheckIcon = styled(TickIcon)`\n path {\n stroke: ${'white'};\n }\n`;\n\nexport const RedoIcon = styled(UndoIcon)`\n transform: scaleX(-1);\n`;\n\nexport const PaletteWrapper = styled(FlexView)<{ $top: number }>`\n position: absolute;\n top: ${({ $top }) => $top}px;\n transition:\n opacity 0.5s ease,\n transform 0.5s ease;\n`;\n\nexport const CueCanvasWrapper = styled(FlexView)<ICueCanvasWrapper>(\n ({ $canScribble, $canRender, $renderAs }) => `\n display: ${$canRender ? 'block' : 'none'};\n opacity: ${$canScribble ? 1 : 0.5};\n pointer-events: ${$canScribble ? 'auto' : 'none'};\n\n ${\n $renderAs === 'canvas' &&\n $canScribble &&\n `\n background-image: radial-gradient(rgb(43 43 43 / 8%) 2px, transparent 10%);\n background-position:0 0,32px 32px;\n background-size: 30px 32px;\n `\n }\n \n`,\n);\n\nexport const ColorPicker = styled(FlexView)<{ $color: TCueCanvasColors }>(\n ({ $color }) => `\nbackground: ${CANVAS_COLORS[$color]};\n`,\n);\n\nexport const StyledDownIcon = styled(DownIcon)<{ $isAnimating: boolean }>`\n pointer-events: none;\n transition: transform 0.5s ease;\n transform: ${({ $isAnimating }) => ($isAnimating ? 'rotate(180deg)' : 'rotate(0deg)')};\n`;\n\nexport const PenIconWrapper = styled(FlexView)`\n overflow: hidden;\n border-right: 1px solid ${({ theme }) => theme.colors.GREY_1};\n`;\n\nexport const MenuWrapper = styled(FlexView)`\n position: absolute;\n padding: 8px 8px 0 8px;\n overflow: hidden;\n bottom: 58px;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n transition:\n opacity 0.5s ease,\n transform 0.5s ease;\n\n :hover {\n cursor: pointer;\n }\n`;\n"],"names":["HWWrapper","styled","FlexView","StyledPencilIcon","PencilIcon","theme","$active","$activeColor","$shouldAnimate","colors","color","CANVAS_COLORS","css","StyledRulerIcon","RulerIcon","StyledHighlighterWrapper","HighlighterIcon","StyledSketchWrapper","SketchIcon","StyledLockIcon","LockIcon","StyledUnlockIcon","UnlockIcon","StyledWrapper","StyledCheckIcon","TickIcon","RedoIcon","UndoIcon","PaletteWrapper","$top","CueCanvasWrapper","$canScribble","$canRender","$renderAs","ColorPicker","$color","StyledDownIcon","DownIcon","$isAnimating","PenIconWrapper","MenuWrapper"],"mappings":"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"}
@@ -1,74 +1,77 @@
1
- import { useMessageBrokerChannel as q } from "@cuemath/cue-message-broker";
2
- import { useState as x, useRef as w, useMemo as E, useCallback as h } from "react";
1
+ import { useMessageBrokerChannel as E } from "@cuemath/cue-message-broker";
2
+ import { useState as F, useRef as H, useMemo as W, useCallback as f } from "react";
3
3
  const I = (c) => ({
4
4
  userId: c.userId,
5
5
  data: c.data,
6
6
  height: c.height,
7
7
  responseId: c.responseId
8
- }), F = (c, f, g) => {
9
- const [d, m] = x(
8
+ }), $ = (c, l, d, u = "canvas") => {
9
+ const [m, b] = F(
10
10
  () => {
11
- var o, r;
12
- const n = {};
13
- if (!g) return n;
14
- for (const { message: a } of g) {
11
+ var o, n;
12
+ const r = {};
13
+ if (!d) return r;
14
+ for (const { message: a } of d) {
15
15
  const e = (o = a.payload) == null ? void 0 : o.eventPayload, s = e == null ? void 0 : e.responseId;
16
16
  if (!(e != null && e.responseId)) continue;
17
17
  const t = I(e);
18
- s && n[s] ? (r = n[s]) == null || r.push(t) : n[s] = [t];
18
+ s && r[s] ? (n = r[s]) == null || n.push(t) : r[s] = [t];
19
19
  }
20
- return n;
20
+ return r;
21
21
  }
22
- ), u = w({}), b = E(
22
+ ), i = H({}), C = W(
23
23
  () => ({
24
24
  channelId: c,
25
- ttl: 0,
26
- logger: f
25
+ ttl: u === "canvas" ? 0 : 24,
26
+ logger: l
27
27
  }),
28
- [c, f]
29
- ), S = h((n, o) => {
30
- u.current = { ...u.current, [n]: o };
31
- }, []), C = h(
32
- (n, o) => {
33
- const r = {};
34
- n.forEach((a) => {
35
- var p;
36
- const { payload: e } = a.message, { eventPayload: s } = e, t = s == null ? void 0 : s.responseId, R = s == null ? void 0 : s.data, B = s == null ? void 0 : s.userId, j = s == null ? void 0 : s.height, l = u.current[t];
37
- if (!o && l)
38
- l({
39
- data: R,
40
- height: j,
41
- userId: B,
28
+ [c, l, u]
29
+ ), S = f((r, o) => {
30
+ i.current = { ...i.current, [r]: o };
31
+ }, []), M = f(
32
+ (r, o) => {
33
+ const n = {};
34
+ r.forEach((a) => {
35
+ var k;
36
+ const { payload: e } = a.message, { eventPayload: s } = e, t = s == null ? void 0 : s.responseId, j = s == null ? void 0 : s.data, w = s == null ? void 0 : s.userId, x = s == null ? void 0 : s.height, g = i.current[t];
37
+ if (!o && g)
38
+ g({
39
+ data: j,
40
+ height: x,
41
+ userId: w,
42
42
  responseId: t
43
43
  });
44
44
  else {
45
- const k = I(s);
46
- t && r[t] ? (p = r[t]) == null || p.push(k) : r[t] = [k];
45
+ const p = I(s);
46
+ t && n[t] ? (k = n[t]) == null || k.push(p) : n[t] = [p];
47
47
  }
48
- }), Object.keys(r).length > 0 && m((a) => {
48
+ }), Object.keys(n).length > 0 && b((a) => {
49
49
  const e = { ...a };
50
- return Object.keys(r).forEach((s) => {
50
+ return Object.keys(n).forEach((s) => {
51
51
  var t;
52
- s && e[s] ? (t = e[s]) == null || t.push(...r[s] ?? []) : e[s] = r[s] ?? [];
52
+ s && e[s] ? (t = e[s]) == null || t.push(...n[s] ?? []) : e[s] = n[s] ?? [];
53
53
  }), e;
54
54
  });
55
55
  },
56
56
  []
57
- ), { publish: D, channelStatus: M, channel: i } = q({
58
- channelOptions: b,
59
- consumerFn: C
60
- }), O = h(() => {
61
- i && i.destroyChannel();
62
- }, [i]);
57
+ ), { publish: D, channelStatus: R, channel: h, channelMetadata: O, setChannelMetadata: q } = E({
58
+ channelOptions: C,
59
+ consumerFn: M,
60
+ metadataRequired: u === "whiteboard"
61
+ }), B = f(() => {
62
+ h && h.destroyChannel();
63
+ }, [h]);
63
64
  return {
64
65
  publishStrokes: D,
65
- channelStatus: M,
66
- closeChannel: O,
67
- initialStrokesData: d,
68
- registerCallback: S
66
+ channelStatus: R,
67
+ closeChannel: B,
68
+ initialStrokesData: m,
69
+ registerCallback: S,
70
+ setChannelMetadata: q,
71
+ channelMetadata: O
69
72
  };
70
- }, $ = F;
73
+ }, G = $;
71
74
  export {
72
- $ as default
75
+ G as default
73
76
  };
74
77
  //# sourceMappingURL=use-canvas-sync-broker.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-canvas-sync-broker.js","sources":["../../../../src/features/cue-canvas/hooks/use-canvas-sync-broker.ts"],"sourcesContent":["import type { IActionData, TCueCanvasChangeDataObject } from '../types/cue-canvas';\n\nimport { useMessageBrokerChannel, type IChannelMessage } from '@cuemath/cue-message-broker';\nimport { useMemo, useCallback, useState, useRef } from 'react';\n\ninterface IMessage {\n eventName: string;\n eventPayload: {\n responseId: string;\n data: TCueCanvasChangeDataObject;\n userId: string;\n height: number;\n };\n}\n\nconst extractStrokeData = (payload: IMessage['eventPayload']): IActionData => ({\n userId: payload.userId,\n data: payload.data,\n height: payload.height,\n responseId: payload.responseId,\n});\n\nconst useCanvasSyncBroker = (\n channelId: string,\n logEvent: (type: string, payload?: Record<string, unknown>) => void,\n initialCanvasData?: Array<IChannelMessage>,\n) => {\n const [initialStrokesData, setInitialStrokesData] = useState<Record<string, IActionData[]>>(\n () => {\n const map: Record<string, IActionData[]> = {};\n\n if (!initialCanvasData) return map;\n\n for (const { message } of initialCanvasData) {\n const payload = (message.payload as IMessage)?.eventPayload;\n const qrId = payload?.responseId;\n\n if (!payload?.responseId) continue;\n\n const strokeData = extractStrokeData(payload);\n\n if (qrId && map[qrId]) {\n map[qrId]?.push(strokeData);\n } else {\n map[qrId] = [strokeData];\n }\n }\n\n return map;\n },\n );\n const callbacksMapRef = useRef<Record<string, (data: IActionData) => void>>({});\n\n const channelOptions = useMemo(\n () => ({\n channelId,\n ttl: 0,\n logger: logEvent,\n }),\n [channelId, logEvent],\n );\n\n const registerCallback = useCallback((qrId: string, cb: (data: IActionData) => void) => {\n callbacksMapRef.current = { ...callbacksMapRef.current, [qrId]: cb };\n }, []);\n\n const onMessageReceive = useCallback(\n (messages: Array<IChannelMessage>, initialData?: boolean) => {\n const strokesPerWidgetMap: Record<string, Array<IActionData>> = {};\n\n messages.forEach(message => {\n const { payload } = message.message;\n const { eventPayload } = payload as IMessage;\n const qrId = eventPayload?.responseId as string;\n const strokes = eventPayload?.data;\n const userId = eventPayload?.userId;\n const canvasHeight = eventPayload?.height;\n const widgetOnReceiveCallback = callbacksMapRef.current[qrId];\n\n if (!initialData && widgetOnReceiveCallback) {\n widgetOnReceiveCallback({\n data: strokes,\n height: canvasHeight,\n userId,\n responseId: qrId,\n });\n } else {\n const strokeData = extractStrokeData(eventPayload);\n\n if (qrId && strokesPerWidgetMap[qrId]) {\n strokesPerWidgetMap[qrId]?.push(strokeData);\n } else {\n strokesPerWidgetMap[qrId] = [strokeData];\n }\n }\n });\n\n if (Object.keys(strokesPerWidgetMap).length > 0) {\n setInitialStrokesData(prevData => {\n const currentData = { ...prevData };\n\n Object.keys(strokesPerWidgetMap).forEach(key => {\n if (key && currentData[key]) {\n currentData[key]?.push(...(strokesPerWidgetMap[key] ?? []));\n } else {\n currentData[key] = strokesPerWidgetMap[key] ?? [];\n }\n });\n\n return currentData;\n });\n }\n },\n [],\n );\n\n const { publish, channelStatus, channel } = useMessageBrokerChannel({\n channelOptions,\n consumerFn: onMessageReceive,\n });\n\n const closeChannel = useCallback(() => {\n if (channel) {\n channel.destroyChannel();\n }\n }, [channel]);\n\n return {\n publishStrokes: publish,\n channelStatus,\n closeChannel,\n initialStrokesData,\n registerCallback,\n };\n};\n\nexport default useCanvasSyncBroker;\n"],"names":["extractStrokeData","payload","useCanvasSyncBroker","channelId","logEvent","initialCanvasData","initialStrokesData","setInitialStrokesData","useState","map","message","_a","qrId","strokeData","_b","callbacksMapRef","useRef","channelOptions","useMemo","registerCallback","useCallback","cb","onMessageReceive","messages","initialData","strokesPerWidgetMap","eventPayload","strokes","userId","canvasHeight","widgetOnReceiveCallback","prevData","currentData","key","publish","channelStatus","channel","useMessageBrokerChannel","closeChannel","useCanvasSyncBroker$1"],"mappings":"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"}
1
+ {"version":3,"file":"use-canvas-sync-broker.js","sources":["../../../../src/features/cue-canvas/hooks/use-canvas-sync-broker.ts"],"sourcesContent":["import type {\n IActionData,\n ICanvasUpdateConfig,\n IPublishData,\n TCueCanvasChangeDataObject,\n TRenderAs,\n} from '../types/cue-canvas';\n\nimport { useMessageBrokerChannel, type IChannelMessage } from '@cuemath/cue-message-broker';\nimport { useMemo, useCallback, useState, useRef } from 'react';\n\ninterface IMessage {\n eventName: string;\n eventPayload: {\n responseId: string;\n data: TCueCanvasChangeDataObject;\n userId: string;\n height: number;\n };\n}\n\nconst extractStrokeData = (payload: IMessage['eventPayload']): IActionData => ({\n userId: payload.userId,\n data: payload.data,\n height: payload.height,\n responseId: payload.responseId,\n});\n\nconst useCanvasSyncBroker = (\n channelId: string,\n logEvent: (type: string, payload?: Record<string, unknown>) => void,\n initialCanvasData?: Array<IChannelMessage>,\n type: TRenderAs = 'canvas',\n) => {\n const [initialStrokesData, setInitialStrokesData] = useState<Record<string, IActionData[]>>(\n () => {\n const map: Record<string, IActionData[]> = {};\n\n if (!initialCanvasData) return map;\n\n for (const { message } of initialCanvasData) {\n const payload = (message.payload as IMessage)?.eventPayload;\n const qrId = payload?.responseId;\n\n if (!payload?.responseId) continue;\n\n const strokeData = extractStrokeData(payload);\n\n if (qrId && map[qrId]) {\n map[qrId]?.push(strokeData);\n } else {\n map[qrId] = [strokeData];\n }\n }\n\n return map;\n },\n );\n const callbacksMapRef = useRef<Record<string, (data: IActionData) => void>>({});\n\n const channelOptions = useMemo(\n () => ({\n channelId,\n ttl: type === 'canvas' ? 0 : 24,\n logger: logEvent,\n }),\n [channelId, logEvent, type],\n );\n\n const registerCallback = useCallback((qrId: string, cb: (data: IActionData) => void) => {\n callbacksMapRef.current = { ...callbacksMapRef.current, [qrId]: cb };\n }, []);\n\n const onMessageReceive = useCallback(\n (messages: Array<IChannelMessage>, initialData?: boolean) => {\n const strokesPerWidgetMap: Record<string, Array<IActionData>> = {};\n\n messages.forEach(message => {\n const { payload } = message.message;\n const { eventPayload } = payload as IMessage;\n const qrId = eventPayload?.responseId as string;\n const strokes = eventPayload?.data;\n const userId = eventPayload?.userId;\n const canvasHeight = eventPayload?.height;\n const widgetOnReceiveCallback = callbacksMapRef.current[qrId];\n\n if (!initialData && widgetOnReceiveCallback) {\n widgetOnReceiveCallback({\n data: strokes,\n height: canvasHeight,\n userId,\n responseId: qrId,\n });\n } else {\n const strokeData = extractStrokeData(eventPayload);\n\n if (qrId && strokesPerWidgetMap[qrId]) {\n strokesPerWidgetMap[qrId]?.push(strokeData);\n } else {\n strokesPerWidgetMap[qrId] = [strokeData];\n }\n }\n });\n\n if (Object.keys(strokesPerWidgetMap).length > 0) {\n setInitialStrokesData(prevData => {\n const currentData = { ...prevData };\n\n Object.keys(strokesPerWidgetMap).forEach(key => {\n if (key && currentData[key]) {\n currentData[key]?.push(...(strokesPerWidgetMap[key] ?? []));\n } else {\n currentData[key] = strokesPerWidgetMap[key] ?? [];\n }\n });\n\n return currentData;\n });\n }\n },\n [],\n );\n\n const { publish, channelStatus, channel, channelMetadata, setChannelMetadata } =\n useMessageBrokerChannel<IPublishData, ICanvasUpdateConfig>({\n channelOptions,\n consumerFn: onMessageReceive,\n metadataRequired: type === 'whiteboard',\n });\n\n const closeChannel = useCallback(() => {\n if (channel) {\n channel.destroyChannel();\n }\n }, [channel]);\n\n return {\n publishStrokes: publish,\n channelStatus,\n closeChannel,\n initialStrokesData,\n registerCallback,\n setChannelMetadata,\n channelMetadata,\n };\n};\n\nexport default useCanvasSyncBroker;\n"],"names":["extractStrokeData","payload","useCanvasSyncBroker","channelId","logEvent","initialCanvasData","type","initialStrokesData","setInitialStrokesData","useState","map","message","_a","qrId","strokeData","_b","callbacksMapRef","useRef","channelOptions","useMemo","registerCallback","useCallback","cb","onMessageReceive","messages","initialData","strokesPerWidgetMap","eventPayload","strokes","userId","canvasHeight","widgetOnReceiveCallback","prevData","currentData","key","publish","channelStatus","channel","channelMetadata","setChannelMetadata","useMessageBrokerChannel","closeChannel","useCanvasSyncBroker$1"],"mappings":"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"}
@@ -0,0 +1,13 @@
1
+ import { useEffect as h } from "react";
2
+ import { useCueCanvasActions as w } from "./use-cue-canvas-actions.js";
3
+ const G = (c) => {
4
+ const { canvasConfig: e, renderAs: s, userId: r } = c, { activeInstance: t, setActiveColor: o, setActiveTool: u } = w();
5
+ h(() => {
6
+ var d, m, i, l, p, A, I, N;
7
+ !t || s === "canvas" || (e != null && e.gridName && t.changeGrid(e == null ? void 0 : e.gridName), e != null && e.dimesion && t.setViewPort(e == null ? void 0 : e.dimesion), (m = (d = e == null ? void 0 : e.users) == null ? void 0 : d[r]) != null && m.tool && u((l = (i = e.users) == null ? void 0 : i[r]) == null ? void 0 : l.tool), (A = (p = e == null ? void 0 : e.users) == null ? void 0 : p[r]) != null && A.color && o((N = (I = e == null ? void 0 : e.users) == null ? void 0 : I[r]) == null ? void 0 : N.color));
8
+ }, [e, t, s, o, u, r]);
9
+ };
10
+ export {
11
+ G as default
12
+ };
13
+ //# sourceMappingURL=use-config-updater.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-config-updater.js","sources":["../../../../src/features/cue-canvas/hooks/use-config-updater.ts"],"sourcesContent":["import type { ICanvasUpdateConfig, TRenderAs } from '../types/cue-canvas';\n\nimport { useEffect } from 'react';\n\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseConfigUpdaterProps {\n canvasConfig: ICanvasUpdateConfig | null | undefined;\n renderAs: TRenderAs;\n userId: string;\n}\n\nconst useConfigUpdater = (props: IUseConfigUpdaterProps) => {\n const { canvasConfig, renderAs, userId } = props;\n const { activeInstance: cueCanvas, setActiveColor, setActiveTool } = useCueCanvasActions();\n\n useEffect(() => {\n if (!cueCanvas || renderAs === 'canvas') {\n return;\n }\n\n if (canvasConfig?.gridName) {\n cueCanvas.changeGrid(canvasConfig?.gridName);\n }\n\n if (canvasConfig?.dimesion) {\n cueCanvas.setViewPort(canvasConfig?.dimesion);\n }\n\n if (canvasConfig?.users?.[userId]?.tool) {\n setActiveTool(canvasConfig.users?.[userId]?.tool);\n }\n\n if (canvasConfig?.users?.[userId]?.color) {\n setActiveColor(canvasConfig?.users?.[userId]?.color);\n }\n }, [canvasConfig, cueCanvas, renderAs, setActiveColor, setActiveTool, userId]);\n};\n\nexport default useConfigUpdater;\n"],"names":["useConfigUpdater","props","canvasConfig","renderAs","userId","cueCanvas","setActiveColor","setActiveTool","useCueCanvasActions","useEffect","_b","_a","_d","_c","_f","_e","_h","_g"],"mappings":";;AAYM,MAAAA,IAAmB,CAACC,MAAkC;AAC1D,QAAM,EAAE,cAAAC,GAAc,UAAAC,GAAU,QAAAC,EAAA,IAAWH,GACrC,EAAE,gBAAgBI,GAAW,gBAAAC,GAAgB,eAAAC,EAAA,IAAkBC;AAErE,EAAAC,EAAU,MAAM;;AACV,IAAA,CAACJ,KAAaF,MAAa,aAI3BD,KAAA,QAAAA,EAAc,YACNG,EAAA,WAAWH,KAAA,gBAAAA,EAAc,QAAQ,GAGzCA,KAAA,QAAAA,EAAc,YACNG,EAAA,YAAYH,KAAA,gBAAAA,EAAc,QAAQ,IAG1CQ,KAAAC,IAAAT,KAAA,gBAAAA,EAAc,UAAd,gBAAAS,EAAsBP,OAAtB,QAAAM,EAA+B,QACjCH,GAAcK,KAAAC,IAAAX,EAAa,UAAb,gBAAAW,EAAqBT,OAArB,gBAAAQ,EAA8B,IAAI,IAG9CE,KAAAC,IAAAb,KAAA,gBAAAA,EAAc,UAAd,gBAAAa,EAAsBX,OAAtB,QAAAU,EAA+B,SACjCR,GAAeU,KAAAC,IAAAf,KAAA,gBAAAA,EAAc,UAAd,gBAAAe,EAAsBb,OAAtB,gBAAAY,EAA+B,KAAK;AAAA,EACrD,GACC,CAACd,GAAcG,GAAWF,GAAUG,GAAgBC,GAAeH,CAAM,CAAC;AAC/E;"}
@@ -1,28 +1,32 @@
1
- import { useContext as c, useMemo as l } from "react";
2
- import a from "../cue-canvas-context.js";
3
- const m = () => {
1
+ import { useContext as a, useMemo as m } from "react";
2
+ import v from "../cue-canvas-context.js";
3
+ const A = () => {
4
4
  const {
5
- activeInstance: t,
6
- setActiveTool: o,
5
+ activeInstance: o,
6
+ setActiveTool: t,
7
7
  activeTool: e,
8
- setActiveInstance: i,
8
+ setActiveInstance: r,
9
9
  activeColor: s,
10
- setActiveColor: n
11
- } = c(a), r = l(
10
+ setActiveColor: i,
11
+ homeworkId: n,
12
+ setHomeworkId: c
13
+ } = a(v), l = m(
12
14
  () => e ? ["pen", "ruler", "highlighter", "marker"].includes(e) : !1,
13
15
  [e]
14
16
  );
15
17
  return {
16
- activeInstance: t,
17
- setActiveTool: o,
18
+ activeInstance: o,
19
+ setActiveTool: t,
18
20
  activeTool: e,
19
- setActiveInstance: i,
21
+ setActiveInstance: r,
20
22
  activeColor: s,
21
- setActiveColor: n,
22
- isWritingToolActive: r
23
+ setActiveColor: i,
24
+ isWritingToolActive: l,
25
+ homeworkId: n,
26
+ setHomeworkId: c
23
27
  };
24
28
  };
25
29
  export {
26
- m as useCueCanvasActions
30
+ A as useCueCanvasActions
27
31
  };
28
32
  //# sourceMappingURL=use-cue-canvas-actions.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-cue-canvas-actions.js","sources":["../../../../src/features/cue-canvas/hooks/use-cue-canvas-actions.ts"],"sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport PolyContext from '../cue-canvas-context';\n\nexport const useCueCanvasActions = () => {\n const {\n activeInstance,\n setActiveTool,\n activeTool,\n setActiveInstance,\n activeColor,\n setActiveColor,\n } = useContext(PolyContext);\n\n const isWritingToolActive = useMemo(\n () => (activeTool ? ['pen', 'ruler', 'highlighter', 'marker'].includes(activeTool) : false),\n [activeTool],\n );\n\n return {\n activeInstance,\n setActiveTool,\n activeTool,\n setActiveInstance,\n activeColor,\n setActiveColor,\n isWritingToolActive,\n };\n};\n"],"names":["useCueCanvasActions","activeInstance","setActiveTool","activeTool","setActiveInstance","activeColor","setActiveColor","useContext","PolyContext","isWritingToolActive","useMemo"],"mappings":";;AAIO,MAAMA,IAAsB,MAAM;AACjC,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAWC,CAAW,GAEpBC,IAAsBC;AAAA,IAC1B,MAAOP,IAAa,CAAC,OAAO,SAAS,eAAe,QAAQ,EAAE,SAASA,CAAU,IAAI;AAAA,IACrF,CAACA,CAAU;AAAA,EAAA;AAGN,SAAA;AAAA,IACL,gBAAAF;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAG;AAAA,EAAA;AAEJ;"}
1
+ {"version":3,"file":"use-cue-canvas-actions.js","sources":["../../../../src/features/cue-canvas/hooks/use-cue-canvas-actions.ts"],"sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport PolyContext from '../cue-canvas-context';\n\nexport const useCueCanvasActions = () => {\n const {\n activeInstance,\n setActiveTool,\n activeTool,\n setActiveInstance,\n activeColor,\n setActiveColor,\n homeworkId,\n setHomeworkId,\n } = useContext(PolyContext);\n\n const isWritingToolActive = useMemo(\n () => (activeTool ? ['pen', 'ruler', 'highlighter', 'marker'].includes(activeTool) : false),\n [activeTool],\n );\n\n return {\n activeInstance,\n setActiveTool,\n activeTool,\n setActiveInstance,\n activeColor,\n setActiveColor,\n isWritingToolActive,\n homeworkId,\n setHomeworkId,\n };\n};\n"],"names":["useCueCanvasActions","activeInstance","setActiveTool","activeTool","setActiveInstance","activeColor","setActiveColor","homeworkId","setHomeworkId","useContext","PolyContext","isWritingToolActive","useMemo"],"mappings":";;AAIO,MAAMA,IAAsB,MAAM;AACjC,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEC,EAAWC,CAAW,GAEpBC,IAAsBC;AAAA,IAC1B,MAAOT,IAAa,CAAC,OAAO,SAAS,eAAe,QAAQ,EAAE,SAASA,CAAU,IAAI;AAAA,IACrF,CAACA,CAAU;AAAA,EAAA;AAGN,SAAA;AAAA,IACL,gBAAAF;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAK;AAAA,IACA,YAAAJ;AAAA,IACA,eAAAC;AAAA,EAAA;AAEJ;"}
@@ -1,18 +1,19 @@
1
- import { useRef as l, useCallback as d, useEffect as L } from "react";
2
- import { useCueCanvasActions as f } from "./use-cue-canvas-actions.js";
3
- const w = ({
1
+ import { useRef as L, useCallback as d, useEffect as f } from "react";
2
+ import { useCueCanvasActions as H } from "./use-cue-canvas-actions.js";
3
+ const P = ({
4
4
  canvasElementRef: e,
5
5
  cueCanvasRef: r,
6
- canScribble: p
6
+ canScribble: p,
7
+ enabled: g
7
8
  }) => {
8
- const n = l(!1), o = l(!1), { isWritingToolActive: g } = f(), i = d(() => {
9
+ const n = L(!1), o = L(!1), { isWritingToolActive: h } = H(), i = d(() => {
9
10
  n.current = !0;
10
11
  }, []), u = d(() => {
11
12
  var t;
12
13
  if (e.current && o.current) {
13
14
  o.current = !1;
14
- const h = e.current.getBoundingClientRect().height + 200;
15
- (t = r == null ? void 0 : r.current) == null || t.updateHeight(h);
15
+ const l = e.current.getBoundingClientRect().height + 200;
16
+ (t = r == null ? void 0 : r.current) == null || t.updateHeight(l);
16
17
  }
17
18
  n.current = !1;
18
19
  }, [e, r]), c = d(
@@ -24,9 +25,9 @@ const w = ({
24
25
  },
25
26
  [e]
26
27
  );
27
- L(() => {
28
+ f(() => {
28
29
  const t = e.current;
29
- if (p && t && g)
30
+ if (g && p && t && h)
30
31
  return t.addEventListener("pointerdown", i), t.addEventListener("pointerup", u), t.addEventListener("pointermove", c), () => {
31
32
  t.removeEventListener("pointerdown", i), t.removeEventListener("pointerup", u), t.removeEventListener("pointermove", c);
32
33
  };
@@ -36,10 +37,11 @@ const w = ({
36
37
  c,
37
38
  u,
38
39
  p,
40
+ h,
39
41
  g
40
42
  ]);
41
43
  };
42
44
  export {
43
- w as default
45
+ P as default
44
46
  };
45
47
  //# sourceMappingURL=use-height-extender.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-height-extender.js","sources":["../../../../src/features/cue-canvas/hooks/use-height-extender.ts"],"sourcesContent":["import type { CueCanvasCore } from '../cue-canvas-core';\n\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseHeightIncreaseProps {\n canvasElementRef: React.RefObject<HTMLElement>;\n cueCanvasRef: React.RefObject<CueCanvasCore> | undefined;\n canScribble: boolean;\n}\n\nconst useHeightExtender = ({\n canvasElementRef,\n cueCanvasRef,\n canScribble,\n}: IUseHeightIncreaseProps) => {\n const isScribblingRef = useRef<boolean>(false);\n const shouldIncreaseHeightRef = useRef<boolean>(false);\n const { isWritingToolActive } = useCueCanvasActions();\n\n const handlePointerDown = useCallback(() => {\n isScribblingRef.current = true;\n }, []);\n\n const handlePointerUp = useCallback(() => {\n if (canvasElementRef.current && shouldIncreaseHeightRef.current) {\n shouldIncreaseHeightRef.current = false;\n\n const rect = canvasElementRef.current.getBoundingClientRect();\n const updatedHeight = rect.height + 200;\n\n cueCanvasRef?.current?.updateHeight(updatedHeight);\n }\n\n isScribblingRef.current = false;\n }, [canvasElementRef, cueCanvasRef]);\n\n const handlePointerMove = useCallback(\n (event: MouseEvent) => {\n if (isScribblingRef.current && canvasElementRef.current) {\n const rect = canvasElementRef.current.getBoundingClientRect();\n const y = event.clientY - rect.top;\n\n if (y >= rect.height - 200) {\n shouldIncreaseHeightRef.current = true;\n }\n }\n },\n [canvasElementRef],\n );\n\n useEffect(() => {\n const canvasEle = canvasElementRef.current;\n\n if (canScribble && canvasEle && isWritingToolActive) {\n canvasEle.addEventListener('pointerdown', handlePointerDown);\n canvasEle.addEventListener('pointerup', handlePointerUp);\n canvasEle.addEventListener('pointermove', handlePointerMove);\n\n return () => {\n canvasEle.removeEventListener('pointerdown', handlePointerDown);\n canvasEle.removeEventListener('pointerup', handlePointerUp);\n canvasEle.removeEventListener('pointermove', handlePointerMove);\n };\n }\n }, [\n canvasElementRef,\n handlePointerDown,\n handlePointerMove,\n handlePointerUp,\n canScribble,\n isWritingToolActive,\n ]);\n};\n\nexport default useHeightExtender;\n"],"names":["useHeightExtender","canvasElementRef","cueCanvasRef","canScribble","isScribblingRef","useRef","shouldIncreaseHeightRef","isWritingToolActive","useCueCanvasActions","handlePointerDown","useCallback","handlePointerUp","updatedHeight","_a","handlePointerMove","event","rect","useEffect","canvasEle"],"mappings":";;AAYA,MAAMA,IAAoB,CAAC;AAAA,EACzB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,MAA+B;AACvB,QAAAC,IAAkBC,EAAgB,EAAK,GACvCC,IAA0BD,EAAgB,EAAK,GAC/C,EAAE,qBAAAE,MAAwBC,KAE1BC,IAAoBC,EAAY,MAAM;AAC1C,IAAAN,EAAgB,UAAU;AAAA,EAC5B,GAAG,CAAE,CAAA,GAECO,IAAkBD,EAAY,MAAM;;AACpC,QAAAT,EAAiB,WAAWK,EAAwB,SAAS;AAC/D,MAAAA,EAAwB,UAAU;AAG5B,YAAAM,IADOX,EAAiB,QAAQ,sBAAsB,EACjC,SAAS;AAEtB,OAAAY,IAAAX,KAAA,gBAAAA,EAAA,YAAA,QAAAW,EAAS,aAAaD;AAAA,IACtC;AAEA,IAAAR,EAAgB,UAAU;AAAA,EAAA,GACzB,CAACH,GAAkBC,CAAY,CAAC,GAE7BY,IAAoBJ;AAAA,IACxB,CAACK,MAAsB;AACjB,UAAAX,EAAgB,WAAWH,EAAiB,SAAS;AACjD,cAAAe,IAAOf,EAAiB,QAAQ,sBAAsB;AAGxD,QAFMc,EAAM,UAAUC,EAAK,OAEtBA,EAAK,SAAS,QACrBV,EAAwB,UAAU;AAAA,MAEtC;AAAA,IACF;AAAA,IACA,CAACL,CAAgB;AAAA,EAAA;AAGnB,EAAAgB,EAAU,MAAM;AACd,UAAMC,IAAYjB,EAAiB;AAE/B,QAAAE,KAAee,KAAaX;AACpB,aAAAW,EAAA,iBAAiB,eAAeT,CAAiB,GACjDS,EAAA,iBAAiB,aAAaP,CAAe,GAC7CO,EAAA,iBAAiB,eAAeJ,CAAiB,GAEpD,MAAM;AACD,QAAAI,EAAA,oBAAoB,eAAeT,CAAiB,GACpDS,EAAA,oBAAoB,aAAaP,CAAe,GAChDO,EAAA,oBAAoB,eAAeJ,CAAiB;AAAA,MAAA;AAAA,EAElE,GACC;AAAA,IACDb;AAAA,IACAQ;AAAA,IACAK;AAAA,IACAH;AAAA,IACAR;AAAA,IACAI;AAAA,EAAA,CACD;AACH;"}
1
+ {"version":3,"file":"use-height-extender.js","sources":["../../../../src/features/cue-canvas/hooks/use-height-extender.ts"],"sourcesContent":["import type { CueCanvasCore } from '../cue-canvas-core';\n\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseHeightIncreaseProps {\n canvasElementRef: React.RefObject<HTMLElement>;\n cueCanvasRef: React.RefObject<CueCanvasCore> | undefined;\n canScribble: boolean;\n enabled: boolean;\n}\n\nconst useHeightExtender = ({\n canvasElementRef,\n cueCanvasRef,\n canScribble,\n enabled,\n}: IUseHeightIncreaseProps) => {\n const isScribblingRef = useRef<boolean>(false);\n const shouldIncreaseHeightRef = useRef<boolean>(false);\n const { isWritingToolActive } = useCueCanvasActions();\n\n const handlePointerDown = useCallback(() => {\n isScribblingRef.current = true;\n }, []);\n\n const handlePointerUp = useCallback(() => {\n if (canvasElementRef.current && shouldIncreaseHeightRef.current) {\n shouldIncreaseHeightRef.current = false;\n\n const rect = canvasElementRef.current.getBoundingClientRect();\n const updatedHeight = rect.height + 200;\n\n cueCanvasRef?.current?.updateHeight(updatedHeight);\n }\n\n isScribblingRef.current = false;\n }, [canvasElementRef, cueCanvasRef]);\n\n const handlePointerMove = useCallback(\n (event: MouseEvent) => {\n if (isScribblingRef.current && canvasElementRef.current) {\n const rect = canvasElementRef.current.getBoundingClientRect();\n const y = event.clientY - rect.top;\n\n if (y >= rect.height - 200) {\n shouldIncreaseHeightRef.current = true;\n }\n }\n },\n [canvasElementRef],\n );\n\n useEffect(() => {\n const canvasEle = canvasElementRef.current;\n\n if (enabled && canScribble && canvasEle && isWritingToolActive) {\n canvasEle.addEventListener('pointerdown', handlePointerDown);\n canvasEle.addEventListener('pointerup', handlePointerUp);\n canvasEle.addEventListener('pointermove', handlePointerMove);\n\n return () => {\n canvasEle.removeEventListener('pointerdown', handlePointerDown);\n canvasEle.removeEventListener('pointerup', handlePointerUp);\n canvasEle.removeEventListener('pointermove', handlePointerMove);\n };\n }\n }, [\n canvasElementRef,\n handlePointerDown,\n handlePointerMove,\n handlePointerUp,\n canScribble,\n isWritingToolActive,\n enabled,\n ]);\n};\n\nexport default useHeightExtender;\n"],"names":["useHeightExtender","canvasElementRef","cueCanvasRef","canScribble","enabled","isScribblingRef","useRef","shouldIncreaseHeightRef","isWritingToolActive","useCueCanvasActions","handlePointerDown","useCallback","handlePointerUp","updatedHeight","_a","handlePointerMove","event","rect","useEffect","canvasEle"],"mappings":";;AAaA,MAAMA,IAAoB,CAAC;AAAA,EACzB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AACF,MAA+B;AACvB,QAAAC,IAAkBC,EAAgB,EAAK,GACvCC,IAA0BD,EAAgB,EAAK,GAC/C,EAAE,qBAAAE,MAAwBC,KAE1BC,IAAoBC,EAAY,MAAM;AAC1C,IAAAN,EAAgB,UAAU;AAAA,EAC5B,GAAG,CAAE,CAAA,GAECO,IAAkBD,EAAY,MAAM;;AACpC,QAAAV,EAAiB,WAAWM,EAAwB,SAAS;AAC/D,MAAAA,EAAwB,UAAU;AAG5B,YAAAM,IADOZ,EAAiB,QAAQ,sBAAsB,EACjC,SAAS;AAEtB,OAAAa,IAAAZ,KAAA,gBAAAA,EAAA,YAAA,QAAAY,EAAS,aAAaD;AAAA,IACtC;AAEA,IAAAR,EAAgB,UAAU;AAAA,EAAA,GACzB,CAACJ,GAAkBC,CAAY,CAAC,GAE7Ba,IAAoBJ;AAAA,IACxB,CAACK,MAAsB;AACjB,UAAAX,EAAgB,WAAWJ,EAAiB,SAAS;AACjD,cAAAgB,IAAOhB,EAAiB,QAAQ,sBAAsB;AAGxD,QAFMe,EAAM,UAAUC,EAAK,OAEtBA,EAAK,SAAS,QACrBV,EAAwB,UAAU;AAAA,MAEtC;AAAA,IACF;AAAA,IACA,CAACN,CAAgB;AAAA,EAAA;AAGnB,EAAAiB,EAAU,MAAM;AACd,UAAMC,IAAYlB,EAAiB;AAE/B,QAAAG,KAAWD,KAAegB,KAAaX;AAC/B,aAAAW,EAAA,iBAAiB,eAAeT,CAAiB,GACjDS,EAAA,iBAAiB,aAAaP,CAAe,GAC7CO,EAAA,iBAAiB,eAAeJ,CAAiB,GAEpD,MAAM;AACD,QAAAI,EAAA,oBAAoB,eAAeT,CAAiB,GACpDS,EAAA,oBAAoB,aAAaP,CAAe,GAChDO,EAAA,oBAAoB,eAAeJ,CAAiB;AAAA,MAAA;AAAA,EAElE,GACC;AAAA,IACDd;AAAA,IACAS;AAAA,IACAK;AAAA,IACAH;AAAA,IACAT;AAAA,IACAK;AAAA,IACAJ;AAAA,EAAA,CACD;AACH;"}
@@ -0,0 +1,23 @@
1
+ import { useRef as d, useCallback as c } from "react";
2
+ import m from "../../worksheet/worksheet/hooks/use-s3-helper.js";
3
+ const p = { type: "cuemath_whiteboard" }, h = (a) => {
4
+ const { userId: o, renderAs: u, userType: s } = a, l = d(), r = m({
5
+ studentId: o,
6
+ query: p,
7
+ enabled: u === "whiteboard" && s === "TEACHER"
8
+ }), t = c(
9
+ async (n) => {
10
+ const e = await r({
11
+ fileKey: "media/cuemath-whiteboard/",
12
+ images: [{ file: n, url: "" }]
13
+ });
14
+ return e && e.length > 0 ? e[0] ?? "error" : "error";
15
+ },
16
+ [r]
17
+ );
18
+ return l.current = t, t;
19
+ };
20
+ export {
21
+ h as default
22
+ };
23
+ //# sourceMappingURL=use-upload-helper.js.map