@cuemath/leap 3.2.17-node-beta-0.1 → 3.2.18-mb

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 (155) hide show
  1. package/dist/assets/lottie/lottie.js +1 -1
  2. package/dist/assets/lottie/lottie.js.map +1 -1
  3. package/dist/features/auth/account-selector/account-selector.js +25 -26
  4. package/dist/features/auth/account-selector/account-selector.js.map +1 -1
  5. package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js +14 -15
  6. package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map +1 -1
  7. package/dist/features/auth/comps/user-list/user-item/user-item.js +31 -30
  8. package/dist/features/auth/comps/user-list/user-item/user-item.js.map +1 -1
  9. package/dist/features/auth/comps/user-list/user-list.js +34 -35
  10. package/dist/features/auth/comps/user-list/user-list.js.map +1 -1
  11. package/dist/features/auth/forgot-password/forgot-password-styled.js +15 -14
  12. package/dist/features/auth/forgot-password/forgot-password-styled.js.map +1 -1
  13. package/dist/features/auth/login/identifier-otp-form/identifier-otp-form-styled.js +7 -6
  14. package/dist/features/auth/login/identifier-otp-form/identifier-otp-form-styled.js.map +1 -1
  15. package/dist/features/auth/login/login-styled.js +9 -8
  16. package/dist/features/auth/login/login-styled.js.map +1 -1
  17. package/dist/features/chapters-v2/comps/node-card/node-card-tags.js +12 -19
  18. package/dist/features/chapters-v2/comps/node-card/node-card-tags.js.map +1 -1
  19. package/dist/features/chapters-v2/constants/block-constants.js +2 -3
  20. package/dist/features/chapters-v2/constants/block-constants.js.map +1 -1
  21. package/dist/features/chapters-v2/utils/index.js +4 -6
  22. package/dist/features/chapters-v2/utils/index.js.map +1 -1
  23. package/dist/features/chapters-v2/utils/node-card-utils.js +7 -11
  24. package/dist/features/chapters-v2/utils/node-card-utils.js.map +1 -1
  25. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js +4 -4
  26. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js.map +1 -1
  27. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js +85 -85
  28. package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js.map +1 -1
  29. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js +98 -121
  30. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map +1 -1
  31. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js +28 -29
  32. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js.map +1 -1
  33. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js +42 -43
  34. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js.map +1 -1
  35. package/dist/features/circle-games/games/tutorial/tutorial.js +35 -43
  36. package/dist/features/circle-games/games/tutorial/tutorial.js.map +1 -1
  37. package/dist/features/circle-games/sign-up/comp/grade-input/grade-input-styled.js +2 -2
  38. package/dist/features/circle-games/sign-up/comp/grade-input/grade-input-styled.js.map +1 -1
  39. package/dist/features/circle-games/sign-up/comp/grade-input/grade-input.js +1 -1
  40. package/dist/features/circle-games/sign-up/comp/grade-input/grade-input.js.map +1 -1
  41. package/dist/features/circle-games/sign-up/comp/username-input/username-input.js +24 -26
  42. package/dist/features/circle-games/sign-up/comp/username-input/username-input.js.map +1 -1
  43. package/dist/features/circle-games/sign-up/constants.js +1 -3
  44. package/dist/features/circle-games/sign-up/constants.js.map +1 -1
  45. package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js +42 -42
  46. package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js.map +1 -1
  47. package/dist/features/hooks/use-viewport/use-viewport.js +22 -0
  48. package/dist/features/hooks/use-viewport/use-viewport.js.map +1 -0
  49. package/dist/features/journey/comps/coachmark/coachmark.js +27 -29
  50. package/dist/features/journey/comps/coachmark/coachmark.js.map +1 -1
  51. package/dist/features/journey/journey-id/journey-id-student.js +2 -2
  52. package/dist/features/journey/journey-id/journey-id-student.js.map +1 -1
  53. package/dist/features/journey/use-journey/journey-context-provider.js +72 -73
  54. package/dist/features/journey/use-journey/journey-context-provider.js.map +1 -1
  55. package/dist/features/journey/use-journey/journey-styled.js +4 -6
  56. package/dist/features/journey/use-journey/journey-styled.js.map +1 -1
  57. package/dist/features/sheets/constants/sheet.js +1 -2
  58. package/dist/features/sheets/constants/sheet.js.map +1 -1
  59. package/dist/features/stickers/sticker-data.js +234 -0
  60. package/dist/features/stickers/sticker-data.js.map +1 -0
  61. package/dist/features/{ui/sticker-grid/sticker-grid-styles.js → stickers/sticker-selector/sticker-selector-styles.js} +4 -3
  62. package/dist/features/stickers/sticker-selector/sticker-selector-styles.js.map +1 -0
  63. package/dist/features/stickers/sticker-selector/sticker-selector.js +25 -0
  64. package/dist/features/stickers/sticker-selector/sticker-selector.js.map +1 -0
  65. package/dist/features/stickers/sticker-selector/sticker.js +57 -0
  66. package/dist/features/stickers/sticker-selector/sticker.js.map +1 -0
  67. package/dist/features/{ui/stickers/stickers-effects.js → stickers/stickers-effects/effects.js} +6 -6
  68. package/dist/features/stickers/stickers-effects/effects.js.map +1 -0
  69. package/dist/features/{ui/stickers/stickers-styled.js → stickers/stickers-effects/stickers-effects-styled.js} +2 -2
  70. package/dist/features/stickers/stickers-effects/stickers-effects-styled.js.map +1 -0
  71. package/dist/features/stickers/stickers-effects/stickers-effects-utils.js +93 -0
  72. package/dist/features/stickers/stickers-effects/stickers-effects-utils.js.map +1 -0
  73. package/dist/features/stickers/stickers-effects/stickers-effects.js +39 -0
  74. package/dist/features/stickers/stickers-effects/stickers-effects.js.map +1 -0
  75. package/dist/features/ui/arrow-tooltip/arrow-tooltip-styled.js +60 -12
  76. package/dist/features/ui/arrow-tooltip/arrow-tooltip-styled.js.map +1 -1
  77. package/dist/features/ui/arrow-tooltip/arrow-tooltip.js +77 -72
  78. package/dist/features/ui/arrow-tooltip/arrow-tooltip.js.map +1 -1
  79. package/dist/features/ui/error/error.js +27 -65
  80. package/dist/features/ui/error/error.js.map +1 -1
  81. package/dist/features/ui/lottie-animation/lottie-animation.js +29 -25
  82. package/dist/features/ui/lottie-animation/lottie-animation.js.map +1 -1
  83. package/dist/features/ui/modals/modal-styled.js +58 -34
  84. package/dist/features/ui/modals/modal-styled.js.map +1 -1
  85. package/dist/features/ui/modals/modal.js +14 -40
  86. package/dist/features/ui/modals/modal.js.map +1 -1
  87. package/dist/features/ui/nudge/nudge-styled.js +7 -14
  88. package/dist/features/ui/nudge/nudge-styled.js.map +1 -1
  89. package/dist/features/ui/nudge/nudge.js +12 -13
  90. package/dist/features/ui/nudge/nudge.js.map +1 -1
  91. package/dist/features/ui/streak-icon/streak-icon-styled.js +13 -13
  92. package/dist/features/ui/streak-icon/streak-icon-styled.js.map +1 -1
  93. package/dist/features/ui/streak-icon/streak-icon.js +15 -17
  94. package/dist/features/ui/streak-icon/streak-icon.js.map +1 -1
  95. package/dist/features/ui/text/text.js +36 -40
  96. package/dist/features/ui/text/text.js.map +1 -1
  97. package/dist/features/ui/theme/constants.js +2 -4
  98. package/dist/features/ui/theme/constants.js.map +1 -1
  99. package/dist/features/ui/theme/get-device.js +3 -3
  100. package/dist/features/ui/theme/get-device.js.map +1 -1
  101. package/dist/features/worksheet/worksheet/constants.js +13 -12
  102. package/dist/features/worksheet/worksheet/constants.js.map +1 -1
  103. package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js +24 -24
  104. package/dist/features/worksheet/worksheet/worksheet-question/learnosity-question.js.map +1 -1
  105. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js +260 -246
  106. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js.map +1 -1
  107. package/dist/features/worksheet/worksheet/worksheet-styled.js +28 -37
  108. package/dist/features/worksheet/worksheet/worksheet-styled.js.map +1 -1
  109. package/dist/features/worksheet/worksheet/worksheet.js +164 -166
  110. package/dist/features/worksheet/worksheet/worksheet.js.map +1 -1
  111. package/dist/index.d.ts +53 -68
  112. package/dist/index.js +533 -547
  113. package/dist/index.js.map +1 -1
  114. package/dist/static/nudge-tap.5cb30093.json +1057 -0
  115. package/package.json +1 -1
  116. package/dist/assets/line-icons/icons/cue-board-filled.js +0 -33
  117. package/dist/assets/line-icons/icons/cue-board-filled.js.map +0 -1
  118. package/dist/assets/line-icons/icons/cue-board.js +0 -23
  119. package/dist/assets/line-icons/icons/cue-board.js.map +0 -1
  120. package/dist/assets/line-icons/icons/hint-fill.js +0 -35
  121. package/dist/assets/line-icons/icons/hint-fill.js.map +0 -1
  122. package/dist/assets/line-icons/icons/screen-grab-filled.js +0 -35
  123. package/dist/assets/line-icons/icons/screen-grab-filled.js.map +0 -1
  124. package/dist/assets/line-icons/icons/screen-grab.js +0 -23
  125. package/dist/assets/line-icons/icons/screen-grab.js.map +0 -1
  126. package/dist/assets/line-icons/icons/sticker-filled.js +0 -64
  127. package/dist/assets/line-icons/icons/sticker-filled.js.map +0 -1
  128. package/dist/assets/line-icons/icons/sticker.js +0 -46
  129. package/dist/assets/line-icons/icons/sticker.js.map +0 -1
  130. package/dist/features/puzzles/app/puzzle-app-styled.js +0 -81
  131. package/dist/features/puzzles/app/puzzle-app-styled.js.map +0 -1
  132. package/dist/features/puzzles/app/puzzle-app-view.js +0 -120
  133. package/dist/features/puzzles/app/puzzle-app-view.js.map +0 -1
  134. package/dist/features/puzzles/app/puzzle-app.js +0 -62
  135. package/dist/features/puzzles/app/puzzle-app.js.map +0 -1
  136. package/dist/features/ui/arrow-tooltip/arrow-tooltip-constants.js +0 -6
  137. package/dist/features/ui/arrow-tooltip/arrow-tooltip-constants.js.map +0 -1
  138. package/dist/features/ui/arrow-tooltip/comps/tooltip-body-styled.js +0 -63
  139. package/dist/features/ui/arrow-tooltip/comps/tooltip-body-styled.js.map +0 -1
  140. package/dist/features/ui/arrow-tooltip/comps/tooltip-body.js +0 -21
  141. package/dist/features/ui/arrow-tooltip/comps/tooltip-body.js.map +0 -1
  142. package/dist/features/ui/sticker-grid/sticker-grid-styles.js.map +0 -1
  143. package/dist/features/ui/sticker-grid/sticker-grid.js +0 -24
  144. package/dist/features/ui/sticker-grid/sticker-grid.js.map +0 -1
  145. package/dist/features/ui/sticker-grid/sticker.js +0 -57
  146. package/dist/features/ui/sticker-grid/sticker.js.map +0 -1
  147. package/dist/features/ui/stickers/constants.js +0 -6
  148. package/dist/features/ui/stickers/constants.js.map +0 -1
  149. package/dist/features/ui/stickers/stickers-effects.js.map +0 -1
  150. package/dist/features/ui/stickers/stickers-styled.js.map +0 -1
  151. package/dist/features/ui/stickers/stickers-utils.js +0 -91
  152. package/dist/features/ui/stickers/stickers-utils.js.map +0 -1
  153. package/dist/features/ui/stickers/stickers.js +0 -40
  154. package/dist/features/ui/stickers/stickers.js.map +0 -1
  155. package/dist/static/nudge-tap.0591aef4.json +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "3.2.17-node-beta-0.1",
3
+ "version": "3.2.18-mb",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -1,33 +0,0 @@
1
- import { jsxs as e, jsx as l } from "react/jsx-runtime";
2
- const i = (o) => /* @__PURE__ */ e(
3
- "svg",
4
- {
5
- xmlns: "http://www.w3.org/2000/svg",
6
- width: "20",
7
- height: "20",
8
- viewBox: "0 0 20 20",
9
- fill: "none",
10
- ...o,
11
- children: [
12
- /* @__PURE__ */ l(
13
- "path",
14
- {
15
- d: "M16.333 4.08374V12.8614H11.5275L14.4621 15.0139L13.8713 15.8196L10 12.981L6.12874 15.8196L5.53792 15.0139L8.47249 12.8614H3.66699V4.08374H16.333ZM4.66634 11.8612H15.3337V5.08309H4.66634V11.8612Z",
16
- fill: "currentColor"
17
- }
18
- ),
19
- /* @__PURE__ */ l(
20
- "path",
21
- {
22
- className: "cue-board-filled-icon",
23
- d: "M4.66634 11.8612H15.3337V5.08309H4.66634V11.8612Z",
24
- fill: "#00E573"
25
- }
26
- )
27
- ]
28
- }
29
- ), d = i;
30
- export {
31
- d as default
32
- };
33
- //# sourceMappingURL=cue-board-filled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cue-board-filled.js","sources":["../../../../src/assets/line-icons/icons/cue-board-filled.tsx"],"sourcesContent":["const CueBoardFilledIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M16.333 4.08374V12.8614H11.5275L14.4621 15.0139L13.8713 15.8196L10 12.981L6.12874 15.8196L5.53792 15.0139L8.47249 12.8614H3.66699V4.08374H16.333ZM4.66634 11.8612H15.3337V5.08309H4.66634V11.8612Z\"\n fill=\"currentColor\"\n />\n <path\n className=\"cue-board-filled-icon\"\n d=\"M4.66634 11.8612H15.3337V5.08309H4.66634V11.8612Z\"\n fill=\"#00E573\"\n />\n </svg>\n);\n\nexport default CueBoardFilledIcon;\n"],"names":["CueBoardFilledIcon","props","jsxs","jsx","CueBoardFilledIcon$1"],"mappings":";AAAA,MAAMA,IAA8D,CAClEC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
@@ -1,23 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- const r = (t) => /* @__PURE__ */ o(
3
- "svg",
4
- {
5
- xmlns: "http://www.w3.org/2000/svg",
6
- width: "20",
7
- height: "20",
8
- viewBox: "0 0 20 20",
9
- fill: "none",
10
- ...t,
11
- children: /* @__PURE__ */ o(
12
- "path",
13
- {
14
- d: "M16.333 4.08374V12.8614H11.5275L14.4621 15.0139L13.8713 15.8196L10 12.981L6.12874 15.8196L5.53792 15.0139L8.47249 12.8614H3.66699V4.08374H16.333ZM4.66634 11.8612H15.3337V5.08309H4.66634V11.8612Z",
15
- fill: "currentColor"
16
- }
17
- )
18
- }
19
- ), n = r;
20
- export {
21
- n as default
22
- };
23
- //# sourceMappingURL=cue-board.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"cue-board.js","sources":["../../../../src/assets/line-icons/icons/cue-board.tsx"],"sourcesContent":["const CueBoardIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M16.333 4.08374V12.8614H11.5275L14.4621 15.0139L13.8713 15.8196L10 12.981L6.12874 15.8196L5.53792 15.0139L8.47249 12.8614H3.66699V4.08374H16.333ZM4.66634 11.8612H15.3337V5.08309H4.66634V11.8612Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default CueBoardIcon;\n"],"names":["CueBoardIcon","props","jsx","CueBoardIcon$1"],"mappings":";AAAA,MAAMA,IAAwD,CAC5DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF,GAGFC,IAAeH;"}
@@ -1,35 +0,0 @@
1
- import { jsxs as i, jsx as l } from "react/jsx-runtime";
2
- const t = (L) => /* @__PURE__ */ i(
3
- "svg",
4
- {
5
- xmlns: "http://www.w3.org/2000/svg",
6
- width: "24",
7
- height: "24",
8
- viewBox: "0 0 24 24",
9
- fill: "none",
10
- ...L,
11
- children: [
12
- /* @__PURE__ */ l(
13
- "path",
14
- {
15
- fillRule: "evenodd",
16
- clipRule: "evenodd",
17
- d: "M12.5 3.69923V2.70001H11.5V3.70001L12.5 3.69923ZM20 10.2015H19V11.2015H20V10.2015ZM17.9424 7.0043L18.8084 6.5043L19.3084 7.37033L18.4424 7.87033L17.9424 7.0043ZM15.8043 3.66699L15.3043 4.53302L16.1703 5.03302L16.6703 4.16699L15.8043 3.66699ZM5 11.2015H4V10.2015H5V11.2015ZM9.11621 4.59494L8.61621 3.72891L7.75019 4.22891L8.25019 5.09494L9.11621 4.59494ZM5.60211 6.35647L6.46813 6.85647L5.96813 7.7225L5.10211 7.2225L5.60211 6.35647ZM7.6 10.8499C7.6 8.41986 9.56995 6.44991 12 6.44991C14.4301 6.44991 16.4 8.41986 16.4 10.8499C16.4 12.422 15.5758 13.8022 14.3334 14.581H9.66658C8.42416 13.8022 7.6 12.422 7.6 10.8499ZM12 5.24991C8.90721 5.24991 6.4 7.75712 6.4 10.8499C6.4 12.9235 7.52729 14.733 9.19957 15.7004L9.33896 15.781H14.661L14.8004 15.7004C16.4727 14.733 17.6 12.9235 17.6 10.8499C17.6 7.75712 15.0928 5.24991 12 5.24991ZM9.5 16.6112V17.8112H14.5V16.6112H9.5ZM10.5 19.7526V18.5526H13.5V19.7526H10.5Z",
18
- fill: "currentColor"
19
- }
20
- ),
21
- /* @__PURE__ */ l(
22
- "path",
23
- {
24
- className: "hint-fill-icon-path",
25
- d: "M12 6.44991C9.56995 6.44991 7.6 8.41986 7.6 10.8499C7.6 12.422 8.42416 13.8022 9.66658 14.581H14.3334C15.5758 13.8022 16.4 12.422 16.4 10.8499C16.4 8.41986 14.4301 6.44991 12 6.44991Z",
26
- fill: "#FFB700"
27
- }
28
- )
29
- ]
30
- }
31
- ), o = t;
32
- export {
33
- o as default
34
- };
35
- //# sourceMappingURL=hint-fill.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hint-fill.js","sources":["../../../../src/assets/line-icons/icons/hint-fill.tsx"],"sourcesContent":["const HintFillIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12.5 3.69923V2.70001H11.5V3.70001L12.5 3.69923ZM20 10.2015H19V11.2015H20V10.2015ZM17.9424 7.0043L18.8084 6.5043L19.3084 7.37033L18.4424 7.87033L17.9424 7.0043ZM15.8043 3.66699L15.3043 4.53302L16.1703 5.03302L16.6703 4.16699L15.8043 3.66699ZM5 11.2015H4V10.2015H5V11.2015ZM9.11621 4.59494L8.61621 3.72891L7.75019 4.22891L8.25019 5.09494L9.11621 4.59494ZM5.60211 6.35647L6.46813 6.85647L5.96813 7.7225L5.10211 7.2225L5.60211 6.35647ZM7.6 10.8499C7.6 8.41986 9.56995 6.44991 12 6.44991C14.4301 6.44991 16.4 8.41986 16.4 10.8499C16.4 12.422 15.5758 13.8022 14.3334 14.581H9.66658C8.42416 13.8022 7.6 12.422 7.6 10.8499ZM12 5.24991C8.90721 5.24991 6.4 7.75712 6.4 10.8499C6.4 12.9235 7.52729 14.733 9.19957 15.7004L9.33896 15.781H14.661L14.8004 15.7004C16.4727 14.733 17.6 12.9235 17.6 10.8499C17.6 7.75712 15.0928 5.24991 12 5.24991ZM9.5 16.6112V17.8112H14.5V16.6112H9.5ZM10.5 19.7526V18.5526H13.5V19.7526H10.5Z\"\n fill=\"currentColor\"\n />\n <path\n className=\"hint-fill-icon-path\"\n d=\"M12 6.44991C9.56995 6.44991 7.6 8.41986 7.6 10.8499C7.6 12.422 8.42416 13.8022 9.66658 14.581H14.3334C15.5758 13.8022 16.4 12.422 16.4 10.8499C16.4 8.41986 14.4301 6.44991 12 6.44991Z\"\n fill=\"#FFB700\"\n />\n </svg>\n);\n\nexport default HintFillIcon;\n"],"names":["HintFillIcon","props","jsxs","jsx","HintFillIcon$1"],"mappings":";AAAA,MAAMA,IAAwD,CAC5DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
@@ -1,35 +0,0 @@
1
- import { jsxs as L, jsx as e } from "react/jsx-runtime";
2
- const n = (l) => /* @__PURE__ */ L(
3
- "svg",
4
- {
5
- xmlns: "http://www.w3.org/2000/svg",
6
- width: "20",
7
- height: "20",
8
- viewBox: "0 0 20 20",
9
- fill: "none",
10
- ...l,
11
- children: [
12
- /* @__PURE__ */ e(
13
- "path",
14
- {
15
- d: "M16.333 4.70874V14.8748H3.66699V4.70874H16.333ZM4.66634 13.8754H15.3337V5.70809H4.66634V13.8754ZM14.0031 6.97599L14.3563 7.33L12.0353 9.65015C12.7466 9.68943 13.4467 9.98081 13.9901 10.5242L13.6369 10.8782L13.2829 11.2314C12.5019 10.4505 11.2359 10.4505 10.4549 11.2314L10.1009 10.8782L9.74772 10.5242C10.5285 9.74319 10.5285 8.47723 9.74772 7.69621L10.1009 7.3422L10.4549 6.98901C10.998 7.53223 11.2887 8.23193 11.3281 8.94295L13.6491 6.6228L14.0031 6.97599Z",
16
- fill: "currentColor"
17
- }
18
- ),
19
- /* @__PURE__ */ e(
20
- "path",
21
- {
22
- className: "screen-grab-filled-icon",
23
- fillRule: "evenodd",
24
- clipRule: "evenodd",
25
- d: "M4.66634 13.8754H15.3337V5.70809H4.66634V13.8754ZM14.3563 7.33L14.0031 6.97599L13.6491 6.6228L11.3281 8.94295C11.2887 8.23193 10.998 7.53223 10.4549 6.98901L10.1009 7.3422L9.74772 7.69621C10.5285 8.47723 10.5285 9.74319 9.74772 10.5242L10.1009 10.8782L10.4549 11.2314C11.2359 10.4505 12.5019 10.4505 13.2829 11.2314L13.6369 10.8782L13.9901 10.5242C13.4467 9.98081 12.7466 9.68943 12.0353 9.65015L14.3563 7.33Z",
26
- fill: "#33CCFF"
27
- }
28
- )
29
- ]
30
- }
31
- ), i = n;
32
- export {
33
- i as default
34
- };
35
- //# sourceMappingURL=screen-grab-filled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"screen-grab-filled.js","sources":["../../../../src/assets/line-icons/icons/screen-grab-filled.tsx"],"sourcesContent":["const ScreenGrabFilledIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M16.333 4.70874V14.8748H3.66699V4.70874H16.333ZM4.66634 13.8754H15.3337V5.70809H4.66634V13.8754ZM14.0031 6.97599L14.3563 7.33L12.0353 9.65015C12.7466 9.68943 13.4467 9.98081 13.9901 10.5242L13.6369 10.8782L13.2829 11.2314C12.5019 10.4505 11.2359 10.4505 10.4549 11.2314L10.1009 10.8782L9.74772 10.5242C10.5285 9.74319 10.5285 8.47723 9.74772 7.69621L10.1009 7.3422L10.4549 6.98901C10.998 7.53223 11.2887 8.23193 11.3281 8.94295L13.6491 6.6228L14.0031 6.97599Z\"\n fill=\"currentColor\"\n />\n <path\n className=\"screen-grab-filled-icon\"\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.66634 13.8754H15.3337V5.70809H4.66634V13.8754ZM14.3563 7.33L14.0031 6.97599L13.6491 6.6228L11.3281 8.94295C11.2887 8.23193 10.998 7.53223 10.4549 6.98901L10.1009 7.3422L9.74772 7.69621C10.5285 8.47723 10.5285 9.74319 9.74772 10.5242L10.1009 10.8782L10.4549 11.2314C11.2359 10.4505 12.5019 10.4505 13.2829 11.2314L13.6369 10.8782L13.9901 10.5242C13.4467 9.98081 12.7466 9.68943 12.0353 9.65015L14.3563 7.33Z\"\n fill=\"#33CCFF\"\n />\n </svg>\n);\n\nexport default ScreenGrabFilledIcon;\n"],"names":["ScreenGrabFilledIcon","props","jsxs","jsx","ScreenGrabFilledIcon$1"],"mappings":";AAAA,MAAMA,IAAgE,CACpEC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
@@ -1,23 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- const e = (r) => /* @__PURE__ */ o(
3
- "svg",
4
- {
5
- xmlns: "http://www.w3.org/2000/svg",
6
- width: "20",
7
- height: "20",
8
- viewBox: "0 0 20 20",
9
- fill: "none",
10
- ...r,
11
- children: /* @__PURE__ */ o(
12
- "path",
13
- {
14
- d: "M16.333 4.70874V14.8748H3.66699V4.70874H16.333ZM4.66634 13.8754H15.3337V5.70809H4.66634V13.8754ZM14.0031 6.97599L14.3563 7.33L12.0353 9.65015C12.7466 9.68943 13.4467 9.98081 13.9901 10.5242L13.6369 10.8782L13.2829 11.2314C12.5019 10.4505 11.2359 10.4505 10.4549 11.2314L10.1009 10.8782L9.74772 10.5242C10.5285 9.74319 10.5285 8.47723 9.74772 7.69621L10.1009 7.3422L10.4549 6.98901C10.998 7.53223 11.2887 8.23193 11.3281 8.94295L13.6491 6.6228L14.0031 6.97599Z",
15
- fill: "currentColor"
16
- }
17
- )
18
- }
19
- ), t = e;
20
- export {
21
- t as default
22
- };
23
- //# sourceMappingURL=screen-grab.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"screen-grab.js","sources":["../../../../src/assets/line-icons/icons/screen-grab.tsx"],"sourcesContent":["const ScreenGrabIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M16.333 4.70874V14.8748H3.66699V4.70874H16.333ZM4.66634 13.8754H15.3337V5.70809H4.66634V13.8754ZM14.0031 6.97599L14.3563 7.33L12.0353 9.65015C12.7466 9.68943 13.4467 9.98081 13.9901 10.5242L13.6369 10.8782L13.2829 11.2314C12.5019 10.4505 11.2359 10.4505 10.4549 11.2314L10.1009 10.8782L9.74772 10.5242C10.5285 9.74319 10.5285 8.47723 9.74772 7.69621L10.1009 7.3422L10.4549 6.98901C10.998 7.53223 11.2887 8.23193 11.3281 8.94295L13.6491 6.6228L14.0031 6.97599Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default ScreenGrabIcon;\n"],"names":["ScreenGrabIcon","props","jsx","ScreenGrabIcon$1"],"mappings":";AAAA,MAAMA,IAA0D,CAC9DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF,GAGFC,IAAeH;"}
@@ -1,64 +0,0 @@
1
- import { jsxs as e, jsx as l } from "react/jsx-runtime";
2
- const i = (C) => /* @__PURE__ */ e(
3
- "svg",
4
- {
5
- xmlns: "http://www.w3.org/2000/svg",
6
- width: "20",
7
- height: "20",
8
- viewBox: "0 0 20 20",
9
- fill: "none",
10
- ...C,
11
- children: [
12
- /* @__PURE__ */ l(
13
- "path",
14
- {
15
- d: "M15.9167 3.66699V12.0044L15.7563 12.1533L12.2741 15.367L12.13 15.4997H4.08398V3.66699H15.9167ZM5.08333 14.5003H11.4351V12.4803V11.4373V11.2858H11.8122H11.8774H14.9173V4.66634H5.08333V14.5003ZM12.4352 13.8574L14.1377 12.286H12.4352V13.8574Z",
16
- fill: "currentColor"
17
- }
18
- ),
19
- /* @__PURE__ */ l(
20
- "path",
21
- {
22
- d: "M8.83366 7.75998C8.83366 8.17419 8.49787 8.50998 8.08366 8.50998C7.66945 8.50998 7.33366 8.17419 7.33366 7.75998C7.33366 7.34576 7.66945 7.00998 8.08366 7.00998C8.49787 7.00998 8.83366 7.34576 8.83366 7.75998Z",
23
- fill: "currentColor"
24
- }
25
- ),
26
- /* @__PURE__ */ l(
27
- "path",
28
- {
29
- d: "M12.667 7.75833C12.667 8.17255 12.3312 8.50833 11.917 8.50833C11.5028 8.50833 11.167 8.17255 11.167 7.75833C11.167 7.34412 11.5028 7.00833 11.917 7.00833C12.3312 7.00833 12.667 7.34412 12.667 7.75833Z",
30
- fill: "currentColor"
31
- }
32
- ),
33
- /* @__PURE__ */ l(
34
- "path",
35
- {
36
- d: "M7.8539 10.6966C7.97968 10.8056 8.11136 10.9062 8.24778 10.9977C8.84666 11.3992 9.54296 11.6267 10.2847 11.6268C10.6844 11.6268 11.0705 11.5607 11.4351 11.4373C11.5636 11.3938 11.6894 11.3432 11.8122 11.2858C11.8299 11.2775 11.8476 11.2691 11.8651 11.2606L11.8774 11.2858L12.3021 12.1598C12.0256 12.2944 11.7356 12.4022 11.4351 12.4803C11.0658 12.5761 10.6806 12.627 10.2847 12.627C9.33267 12.6269 8.44456 12.333 7.69114 11.8278C7.52 11.713 7.35594 11.5873 7.1996 11.4518L7.8539 10.6966Z",
37
- fill: "currentColor"
38
- }
39
- ),
40
- /* @__PURE__ */ l(
41
- "path",
42
- {
43
- className: "sticker-filled-icon",
44
- fillRule: "evenodd",
45
- clipRule: "evenodd",
46
- d: "M5.08333 14.5003H11.4351V12.4803C11.0658 12.5761 10.6806 12.627 10.2847 12.627C9.33267 12.6269 8.44456 12.333 7.69114 11.8278C7.52 11.713 7.35594 11.5873 7.1996 11.4518L7.8539 10.6966C7.97968 10.8056 8.11136 10.9062 8.24778 10.9977C8.84666 11.3992 9.54296 11.6267 10.2847 11.6268C10.6844 11.6268 11.0705 11.5607 11.4351 11.4373V11.2858H11.8122C11.8299 11.2775 11.8476 11.2691 11.8651 11.2606L11.8774 11.2858H14.9173V4.66634H5.08333V14.5003ZM8.08366 8.50998C8.49787 8.50998 8.83366 8.17419 8.83366 7.75998C8.83366 7.34576 8.49787 7.00998 8.08366 7.00998C7.66945 7.00998 7.33366 7.34576 7.33366 7.75998C7.33366 8.17419 7.66945 8.50998 8.08366 8.50998ZM11.917 8.50833C12.3312 8.50833 12.667 8.17255 12.667 7.75833C12.667 7.34412 12.3312 7.00833 11.917 7.00833C11.5028 7.00833 11.167 7.34412 11.167 7.75833C11.167 8.17255 11.5028 8.50833 11.917 8.50833Z",
47
- fill: "#FFB700"
48
- }
49
- ),
50
- /* @__PURE__ */ l(
51
- "path",
52
- {
53
- className: "sticker-filled-icon",
54
- d: "M12.4352 13.8574L14.1377 12.286H12.4352V13.8574Z",
55
- fill: "#FFB700"
56
- }
57
- )
58
- ]
59
- }
60
- ), o = i;
61
- export {
62
- o as default
63
- };
64
- //# sourceMappingURL=sticker-filled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sticker-filled.js","sources":["../../../../src/assets/line-icons/icons/sticker-filled.tsx"],"sourcesContent":["const StickerFilledIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M15.9167 3.66699V12.0044L15.7563 12.1533L12.2741 15.367L12.13 15.4997H4.08398V3.66699H15.9167ZM5.08333 14.5003H11.4351V12.4803V11.4373V11.2858H11.8122H11.8774H14.9173V4.66634H5.08333V14.5003ZM12.4352 13.8574L14.1377 12.286H12.4352V13.8574Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M8.83366 7.75998C8.83366 8.17419 8.49787 8.50998 8.08366 8.50998C7.66945 8.50998 7.33366 8.17419 7.33366 7.75998C7.33366 7.34576 7.66945 7.00998 8.08366 7.00998C8.49787 7.00998 8.83366 7.34576 8.83366 7.75998Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12.667 7.75833C12.667 8.17255 12.3312 8.50833 11.917 8.50833C11.5028 8.50833 11.167 8.17255 11.167 7.75833C11.167 7.34412 11.5028 7.00833 11.917 7.00833C12.3312 7.00833 12.667 7.34412 12.667 7.75833Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M7.8539 10.6966C7.97968 10.8056 8.11136 10.9062 8.24778 10.9977C8.84666 11.3992 9.54296 11.6267 10.2847 11.6268C10.6844 11.6268 11.0705 11.5607 11.4351 11.4373C11.5636 11.3938 11.6894 11.3432 11.8122 11.2858C11.8299 11.2775 11.8476 11.2691 11.8651 11.2606L11.8774 11.2858L12.3021 12.1598C12.0256 12.2944 11.7356 12.4022 11.4351 12.4803C11.0658 12.5761 10.6806 12.627 10.2847 12.627C9.33267 12.6269 8.44456 12.333 7.69114 11.8278C7.52 11.713 7.35594 11.5873 7.1996 11.4518L7.8539 10.6966Z\"\n fill=\"currentColor\"\n />\n <path\n className=\"sticker-filled-icon\"\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M5.08333 14.5003H11.4351V12.4803C11.0658 12.5761 10.6806 12.627 10.2847 12.627C9.33267 12.6269 8.44456 12.333 7.69114 11.8278C7.52 11.713 7.35594 11.5873 7.1996 11.4518L7.8539 10.6966C7.97968 10.8056 8.11136 10.9062 8.24778 10.9977C8.84666 11.3992 9.54296 11.6267 10.2847 11.6268C10.6844 11.6268 11.0705 11.5607 11.4351 11.4373V11.2858H11.8122C11.8299 11.2775 11.8476 11.2691 11.8651 11.2606L11.8774 11.2858H14.9173V4.66634H5.08333V14.5003ZM8.08366 8.50998C8.49787 8.50998 8.83366 8.17419 8.83366 7.75998C8.83366 7.34576 8.49787 7.00998 8.08366 7.00998C7.66945 7.00998 7.33366 7.34576 7.33366 7.75998C7.33366 8.17419 7.66945 8.50998 8.08366 8.50998ZM11.917 8.50833C12.3312 8.50833 12.667 8.17255 12.667 7.75833C12.667 7.34412 12.3312 7.00833 11.917 7.00833C11.5028 7.00833 11.167 7.34412 11.167 7.75833C11.167 8.17255 11.5028 8.50833 11.917 8.50833Z\"\n fill=\"#FFB700\"\n />\n <path\n className=\"sticker-filled-icon\"\n d=\"M12.4352 13.8574L14.1377 12.286H12.4352V13.8574Z\"\n fill=\"#FFB700\"\n />\n </svg>\n);\n\nexport default StickerFilledIcon;\n"],"names":["StickerFilledIcon","props","jsxs","jsx","StickerFilledIcon$1"],"mappings":";AAAA,MAAMA,IAA6D,CACjEC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
@@ -1,46 +0,0 @@
1
- import { jsxs as o, jsx as r } from "react/jsx-runtime";
2
- const C = (t) => /* @__PURE__ */ o(
3
- "svg",
4
- {
5
- xmlns: "http://www.w3.org/2000/svg",
6
- width: "20",
7
- height: "20",
8
- viewBox: "0 0 20 20",
9
- fill: "none",
10
- ...t,
11
- children: [
12
- /* @__PURE__ */ r(
13
- "path",
14
- {
15
- d: "M15.9167 3.66699V12.0044L15.7563 12.1533L12.2741 15.367L12.13 15.4997H4.08398V3.66699H15.9167ZM5.08333 14.5003H11.4351V11.2858H14.9173V4.66634H5.08333V14.5003ZM12.4352 13.8574L14.1377 12.286H12.4352V13.8574Z",
16
- fill: "currentColor"
17
- }
18
- ),
19
- /* @__PURE__ */ r(
20
- "path",
21
- {
22
- d: "M8.83366 7.75998C8.83366 8.17419 8.49787 8.50998 8.08366 8.50998C7.66945 8.50998 7.33366 8.17419 7.33366 7.75998C7.33366 7.34576 7.66945 7.00998 8.08366 7.00998C8.49787 7.00998 8.83366 7.34576 8.83366 7.75998Z",
23
- fill: "currentColor"
24
- }
25
- ),
26
- /* @__PURE__ */ r(
27
- "path",
28
- {
29
- d: "M12.667 7.75833C12.667 8.17255 12.3312 8.50833 11.917 8.50833C11.5028 8.50833 11.167 8.17255 11.167 7.75833C11.167 7.34412 11.5028 7.00833 11.917 7.00833C12.3312 7.00833 12.667 7.34412 12.667 7.75833Z",
30
- fill: "currentColor"
31
- }
32
- ),
33
- /* @__PURE__ */ r(
34
- "path",
35
- {
36
- d: "M7.8539 10.6966C7.97968 10.8056 8.11136 10.9062 8.24778 10.9977C8.84666 11.3992 9.54296 11.6267 10.2847 11.6268C10.8456 11.6268 11.3799 11.4967 11.8651 11.2606L12.3021 12.1598C11.686 12.4596 11.0029 12.627 10.2847 12.627C9.33267 12.6269 8.44456 12.333 7.69114 11.8278C7.52 11.713 7.35594 11.5873 7.1996 11.4518L7.8539 10.6966Z",
37
- fill: "currentColor"
38
- }
39
- )
40
- ]
41
- }
42
- ), e = C;
43
- export {
44
- e as default
45
- };
46
- //# sourceMappingURL=sticker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sticker.js","sources":["../../../../src/assets/line-icons/icons/sticker.tsx"],"sourcesContent":["const StickerIcon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M15.9167 3.66699V12.0044L15.7563 12.1533L12.2741 15.367L12.13 15.4997H4.08398V3.66699H15.9167ZM5.08333 14.5003H11.4351V11.2858H14.9173V4.66634H5.08333V14.5003ZM12.4352 13.8574L14.1377 12.286H12.4352V13.8574Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M8.83366 7.75998C8.83366 8.17419 8.49787 8.50998 8.08366 8.50998C7.66945 8.50998 7.33366 8.17419 7.33366 7.75998C7.33366 7.34576 7.66945 7.00998 8.08366 7.00998C8.49787 7.00998 8.83366 7.34576 8.83366 7.75998Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12.667 7.75833C12.667 8.17255 12.3312 8.50833 11.917 8.50833C11.5028 8.50833 11.167 8.17255 11.167 7.75833C11.167 7.34412 11.5028 7.00833 11.917 7.00833C12.3312 7.00833 12.667 7.34412 12.667 7.75833Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M7.8539 10.6966C7.97968 10.8056 8.11136 10.9062 8.24778 10.9977C8.84666 11.3992 9.54296 11.6267 10.2847 11.6268C10.8456 11.6268 11.3799 11.4967 11.8651 11.2606L12.3021 12.1598C11.686 12.4596 11.0029 12.627 10.2847 12.627C9.33267 12.6269 8.44456 12.333 7.69114 11.8278C7.52 11.713 7.35594 11.5873 7.1996 11.4518L7.8539 10.6966Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default StickerIcon;\n"],"names":["StickerIcon","props","jsxs","jsx","StickerIcon$1"],"mappings":";AAAA,MAAMA,IAAuD,CAC3DC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
@@ -1,81 +0,0 @@
1
- import o from "styled-components";
2
- import n from "../../../assets/line-icons/icons/hint-fill.js";
3
- import l from "../../ui/layout/flex-view.js";
4
- import r from "../../ui/text/text.js";
5
- import { getPuzzleCardPattern as p } from "../utils/puzzle-pattern.js";
6
- const d = o(l)(({ theme: t, $visible: i }) => {
7
- const { gutter: e } = t.layout;
8
- return i ? `
9
- overflow: scroll;
10
- padding-top: ${e * 1.5}px;
11
- padding-bottom: ${e * 2}px;
12
- ` : "";
13
- }), g = o(l)`
14
- position: relative;
15
- margin: 0 auto;
16
- box-shadow: inset 0px 0px 0px 4px ${({ theme: t, $imageHue: i }) => t.colors[`${i}_4`]};
17
- max-width: 343px;
18
- width: 100%;
19
- min-height: max-content;
20
-
21
- &::before {
22
- content: '';
23
- position: absolute;
24
- top: 0;
25
- left: 0;
26
- right: 0;
27
- bottom: 0;
28
- background-image: ${({ $imageHue: t }) => `url(${p(t)})`};
29
- background-size: cover;
30
- opacity: 0.2;
31
- }
32
- `, x = o(n)`
33
- color: ${({ theme: t }) => t.colors.BLACK_1};
34
-
35
- & .hint-fill-icon-path {
36
- fill: ${({ theme: t }) => t.colors.WHITE_1};
37
- }
38
- `, u = o(r)`
39
- & span {
40
- font-weight: 700;
41
- margin-right: 4px;
42
- }
43
- `, h = o.div`
44
- color: ${({ theme: t }) => t.colors.BLACK};
45
- font-size: 14px;
46
- line-height: 1.2;
47
- font-family: 'Athletics';
48
-
49
- font-weight: 400;
50
- font-style: normal;
51
-
52
- em {
53
- font-style: italic;
54
- }
55
-
56
- ul,
57
- ol {
58
- list-style-type: initial;
59
- padding-left: 32px;
60
- }
61
-
62
- ol {
63
- list-style-type: decimal;
64
- }
65
-
66
- p {
67
- margin: 0;
68
- }
69
-
70
- li {
71
- margin: 4px 0;
72
- }
73
- `;
74
- export {
75
- d as PuzzleAppWrapper,
76
- g as PuzzleContainer,
77
- h as PuzzleQuestionWrapper,
78
- u as StyledFeedbackText,
79
- x as StyledHintFillIcon
80
- };
81
- //# sourceMappingURL=puzzle-app-styled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"puzzle-app-styled.js","sources":["../../../../src/features/puzzles/app/puzzle-app-styled.tsx"],"sourcesContent":["import type { THueNames } from '../../ui/types';\n\nimport styled from 'styled-components';\n\nimport HintFillIcon from '../../../assets/line-icons/icons/hint-fill';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { getPuzzleCardPattern } from '../utils/puzzle-pattern';\n\nconst PuzzleAppWrapper = styled(FlexView)<{ $visible: boolean }>(({ theme, $visible }) => {\n const { gutter } = theme.layout;\n\n if (!$visible) {\n return ``;\n }\n\n return `\n overflow: scroll;\n padding-top: ${gutter * 1.5}px;\n padding-bottom: ${gutter * 2}px;\n `;\n});\n\nconst PuzzleContainer = styled(FlexView)<{ $imageHue: THueNames; $backgroundOpacity?: number }>`\n position: relative;\n margin: 0 auto;\n box-shadow: inset 0px 0px 0px 4px ${({ theme, $imageHue }) => theme.colors[`${$imageHue}_4`]};\n max-width: 343px;\n width: 100%;\n min-height: max-content;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: ${({ $imageHue }) => `url(${getPuzzleCardPattern($imageHue)})`};\n background-size: cover;\n opacity: 0.2;\n }\n`;\n\nconst StyledHintFillIcon = styled(HintFillIcon)`\n color: ${({ theme }) => theme.colors.BLACK_1};\n\n & .hint-fill-icon-path {\n fill: ${({ theme }) => theme.colors.WHITE_1};\n }\n`;\n\nconst StyledFeedbackText = styled(Text)`\n & span {\n font-weight: 700;\n margin-right: 4px;\n }\n`;\n\nconst PuzzleQuestionWrapper = styled.div`\n color: ${({ theme }) => theme.colors.BLACK};\n font-size: 14px;\n line-height: 1.2;\n font-family: 'Athletics';\n\n font-weight: 400;\n font-style: normal;\n\n em {\n font-style: italic;\n }\n\n ul,\n ol {\n list-style-type: initial;\n padding-left: 32px;\n }\n\n ol {\n list-style-type: decimal;\n }\n\n p {\n margin: 0;\n }\n\n li {\n margin: 4px 0;\n }\n`;\n\nexport {\n PuzzleAppWrapper,\n PuzzleContainer,\n StyledFeedbackText,\n StyledHintFillIcon,\n PuzzleQuestionWrapper,\n};\n"],"names":["PuzzleAppWrapper","styled","FlexView","theme","$visible","gutter","PuzzleContainer","$imageHue","getPuzzleCardPattern","StyledHintFillIcon","HintFillIcon","StyledFeedbackText","Text","PuzzleQuestionWrapper"],"mappings":";;;;;AASM,MAAAA,IAAmBC,EAAOC,CAAQ,EAAyB,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAe;AAClF,QAAA,EAAE,QAAAC,EAAO,IAAIF,EAAM;AAEzB,SAAKC,IAIE;AAAA;AAAA,mBAEUC,IAAS,GAAG;AAAA,sBACTA,IAAS,CAAC;AAAA,MANrB;AAQX,CAAC,GAEKC,IAAkBL,EAAOC,CAAQ;AAAA;AAAA;AAAA,sCAGD,CAAC,EAAE,OAAAC,GAAO,WAAAI,QAAgBJ,EAAM,OAAO,GAAGI,CAAS,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAYtE,CAAC,EAAE,WAAAA,EAAU,MAAM,OAAOC,EAAqBD,CAAS,CAAC,GAAG;AAAA;AAAA;AAAA;AAAA,GAM9EE,IAAqBR,EAAOS,CAAY;AAAA,WACnC,CAAC,EAAE,OAAAP,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,YAGlC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAIzCQ,IAAqBV,EAAOW,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAOhCC,IAAwBZ,EAAO;AAAA,WAC1B,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
@@ -1,120 +0,0 @@
1
- import { jsxs as y, jsx as a } from "react/jsx-runtime";
2
- import { memo as A, useRef as S, useCallback as _, useEffect as l, useMemo as $ } from "react";
3
- import H from "../../ui/image/image.js";
4
- import M from "../../ui/layout/flex-view.js";
5
- import x from "../../ui/separator/separator.js";
6
- import d from "../../worksheet/constants/events.js";
7
- import N from "../../worksheet/worksheet/hooks/use-learnosity.js";
8
- import Q from "../../worksheet/worksheet/hooks/use-worksheet-data-helper.js";
9
- import { getQuestionsFromItems as V } from "../../worksheet/worksheet/worksheet-helpers.js";
10
- import { PuzzleQuestionWrapper as P, PuzzleContainer as R } from "./puzzle-app-styled.js";
11
- const F = (u) => {
12
- if (!u) return null;
13
- const t = u.match(/<img[^>]+src="([^">]+)"/);
14
- return t ? t[1] : null;
15
- }, L = ({
16
- worksheetData: u,
17
- loggerRef: t,
18
- onWorksheetErrored: n,
19
- imageHue: I,
20
- onLoaded: p
21
- }) => {
22
- const { signed_request: g, questions_signed_request: w } = u, z = S(null), {
23
- loadingState: i,
24
- data: o,
25
- error: f
26
- } = Q({
27
- attemptId: void 0,
28
- signedRequest: g,
29
- loggerRef: t
30
- }), E = _(
31
- (s) => {
32
- n({
33
- code: s.code,
34
- message: s.detail
35
- });
36
- },
37
- [n]
38
- ), { learnosity: r } = N(w, E, t);
39
- l(() => {
40
- i === "error" && n({
41
- message: f ?? "Error loading worksheet"
42
- });
43
- }, [i, n, f]), l(() => {
44
- r && t.current(d.WORKSHEET_V3_LEARNOSITY_INITIALIZED);
45
- }, [r, t]), l(() => {
46
- r && i === "success" && p && (t.current(d.WORKSHEET_V3_READY), p());
47
- }, [r, i, t, p]);
48
- const m = $(() => i === "success" && (o != null && o.learnosityItems) ? (t.current(d.WORKSHEET_V3_READY), V(o.learnosityItems, {
49
- sectioned: !1,
50
- adaptive: !1
51
- }).map((e) => ({
52
- response_id: e.response_id,
53
- type: e.type,
54
- stimulus: e.stimulus,
55
- template: e.template,
56
- stimulus_review: e.stimulus_review,
57
- options: e.options,
58
- metadata: e.metadata,
59
- validation: e.validation
60
- // Add other properties as needed
61
- }))) : [], [i, o, t]);
62
- l(() => {
63
- if (r && m.length > 0) {
64
- const c = requestAnimationFrame(() => {
65
- try {
66
- r.renderMath("mathjax");
67
- } catch (e) {
68
- n({
69
- message: `MathJax rendering failed: ${e instanceof Error ? e.message : "Unknown error"}`
70
- });
71
- }
72
- });
73
- return () => {
74
- cancelAnimationFrame(c);
75
- };
76
- }
77
- }, [r, n, m]);
78
- const T = _((s) => {
79
- const { stimulus: c = "", template: e = "", response_id: v } = s, h = F(c);
80
- return /* @__PURE__ */ y(
81
- M,
82
- {
83
- $background: "TRANSPARENT",
84
- $alignItems: "center",
85
- className: "puzzle-app-view-question-card",
86
- children: [
87
- h && /* @__PURE__ */ a(
88
- H,
89
- {
90
- src: h,
91
- alt: "Puzzle illustration",
92
- width: 183,
93
- height: 183,
94
- withLoader: !0
95
- }
96
- ),
97
- /* @__PURE__ */ a(x, { heightX: 1 }),
98
- e && /* @__PURE__ */ a(P, { children: /* @__PURE__ */ a("div", { dangerouslySetInnerHTML: { __html: e } }) })
99
- ]
100
- },
101
- v
102
- );
103
- }, []);
104
- return m.length ? /* @__PURE__ */ a(
105
- R,
106
- {
107
- ref: z,
108
- $gapX: 1,
109
- $gutterX: 1,
110
- $imageHue: I,
111
- $background: "WHITE_1",
112
- className: "puzzle-app-view-container",
113
- children: m.map((s) => /* @__PURE__ */ a("div", { children: T(s) }, `question-${s.response_id}`))
114
- }
115
- ) : null;
116
- }, U = A(L);
117
- export {
118
- U as default
119
- };
120
- //# sourceMappingURL=puzzle-app-view.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"puzzle-app-view.js","sources":["../../../../src/features/puzzles/app/puzzle-app-view.tsx"],"sourcesContent":["import type {\n ILearnosityError,\n ILearnosityQuestion,\n} from '../../worksheet/worksheet/worksheet-types';\nimport type { IPuzzleAppViewProps } from './puzzle-app-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport EVENTS from '../../worksheet/constants/events';\nimport useLearnosity from '../../worksheet/worksheet/hooks/use-learnosity';\nimport useWorksheetDataHelper from '../../worksheet/worksheet/hooks/use-worksheet-data-helper';\nimport { getQuestionsFromItems } from '../../worksheet/worksheet/worksheet-helpers';\nimport * as Styled from './puzzle-app-styled';\n\nconst extractImageFromHTML = (htmlString: string) => {\n if (!htmlString) return null;\n\n const imgMatch = htmlString.match(/<img[^>]+src=\"([^\">]+)\"/);\n\n return imgMatch ? imgMatch[1] : null;\n};\n\nconst PuzzleAppView: FC<IPuzzleAppViewProps> = ({\n worksheetData,\n loggerRef,\n onWorksheetErrored,\n imageHue,\n onLoaded,\n}) => {\n const { signed_request: itemsSignedRequest, questions_signed_request: questionSignedRequest } =\n worksheetData;\n\n // Ref for the container to trigger MathJax rendering\n const containerRef = useRef<HTMLDivElement>(null);\n\n // Get Learnosity items using the signed_request (not questions_signed_request)\n const {\n loadingState,\n data: learnosityData,\n error: worksheetError,\n } = useWorksheetDataHelper({\n attemptId: undefined,\n signedRequest: itemsSignedRequest,\n loggerRef,\n });\n\n const onLearnosityErrored = useCallback(\n (err: ILearnosityError) => {\n onWorksheetErrored({\n code: err.code,\n message: err.detail,\n });\n },\n [onWorksheetErrored],\n );\n\n // Initialize Learnosity using questions_signed_request (needed for interactive questions)\n const { learnosity } = useLearnosity(questionSignedRequest, onLearnosityErrored, loggerRef);\n\n useEffect(() => {\n if (loadingState === 'error') {\n onWorksheetErrored({\n message: worksheetError ?? 'Error loading worksheet',\n });\n }\n }, [loadingState, onWorksheetErrored, worksheetError]);\n\n // Log when learnosity is ready for future interactive features\n useEffect(() => {\n if (learnosity) {\n loggerRef.current(EVENTS.WORKSHEET_V3_LEARNOSITY_INITIALIZED);\n }\n }, [learnosity, loggerRef]);\n\n useEffect(() => {\n if (learnosity && loadingState === 'success' && onLoaded) {\n loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n onLoaded();\n }\n }, [learnosity, loadingState, loggerRef, onLoaded]);\n\n // Memoize questions processing to prevent re-render loops\n const questions = useMemo(() => {\n // Extract questions from Learnosity items when data is loaded successfully\n if (loadingState === 'success' && learnosityData?.learnosityItems) {\n loggerRef.current(EVENTS.WORKSHEET_V3_READY);\n\n // Convert learnosityItems to questions using the worksheet helper\n const worksheetQuestions = getQuestionsFromItems(learnosityData.learnosityItems, {\n sectioned: false,\n adaptive: false,\n });\n\n // Extract just the Learnosity questions from worksheet questions\n const learnosityQuestions: ILearnosityQuestion[] = worksheetQuestions.map(q => ({\n response_id: q.response_id,\n type: q.type,\n stimulus: q.stimulus,\n template: q.template,\n stimulus_review: q.stimulus_review,\n options: q.options,\n metadata: q.metadata,\n validation: q.validation,\n // Add other properties as needed\n }));\n\n return learnosityQuestions;\n }\n\n return [];\n }, [loadingState, learnosityData, loggerRef]);\n\n // Force MathJax rendering after questions are loaded and rendered\n // Similar to how useLearnosityAppend does it\n useEffect(() => {\n if (learnosity && questions.length > 0) {\n // Use requestAnimationFrame to ensure DOM is updated before rendering math\n const renderMath = () => {\n try {\n learnosity.renderMath('mathjax');\n } catch (error) {\n onWorksheetErrored({\n message: `MathJax rendering failed: ${\n error instanceof Error ? error.message : 'Unknown error'\n }`,\n });\n }\n };\n\n const animationId = requestAnimationFrame(renderMath);\n\n return () => {\n cancelAnimationFrame(animationId);\n };\n }\n }, [learnosity, onWorksheetErrored, questions]);\n\n const renderQuestionContent = useCallback((question: ILearnosityQuestion) => {\n const { stimulus = '', template = '', response_id: responseId } = question;\n const imageUrl = extractImageFromHTML(stimulus);\n\n return (\n <FlexView\n $background=\"TRANSPARENT\"\n key={responseId}\n $alignItems=\"center\"\n className=\"puzzle-app-view-question-card\"\n >\n {/* Main Image or Interactive Content */}\n {imageUrl && (\n <Image\n src={imageUrl}\n alt=\"Puzzle illustration\"\n width={183}\n height={183}\n withLoader={true}\n />\n )}\n\n <Separator heightX={1} />\n\n {/* Question HTML Content */}\n {template && (\n <Styled.PuzzleQuestionWrapper>\n <div dangerouslySetInnerHTML={{ __html: template }} />\n </Styled.PuzzleQuestionWrapper>\n )}\n </FlexView>\n );\n }, []);\n\n if (!questions.length) return null;\n\n return (\n <Styled.PuzzleContainer\n ref={containerRef}\n $gapX={1}\n $gutterX={1}\n $imageHue={imageHue}\n $background=\"WHITE_1\"\n className=\"puzzle-app-view-container\"\n >\n {questions.map(question => (\n <div key={`question-${question.response_id}`}>{renderQuestionContent(question)}</div>\n ))}\n </Styled.PuzzleContainer>\n );\n};\n\nexport default memo(PuzzleAppView);\n"],"names":["extractImageFromHTML","htmlString","imgMatch","PuzzleAppView","worksheetData","loggerRef","onWorksheetErrored","imageHue","onLoaded","itemsSignedRequest","questionSignedRequest","containerRef","useRef","loadingState","learnosityData","worksheetError","useWorksheetDataHelper","onLearnosityErrored","useCallback","err","learnosity","useLearnosity","useEffect","EVENTS","questions","useMemo","getQuestionsFromItems","q","animationId","error","renderQuestionContent","question","stimulus","template","responseId","imageUrl","jsxs","FlexView","jsx","Image","Separator","Styled.PuzzleQuestionWrapper","Styled.PuzzleContainer","PuzzleAppView$1","memo"],"mappings":"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"}
@@ -1,62 +0,0 @@
1
- import { jsx as e, jsxs as o, Fragment as W } from "react/jsx-runtime";
2
- import { memo as v, useState as h, useRef as P, useCallback as n, useEffect as R } from "react";
3
- import y from "../../ui/error/error.js";
4
- import d from "../../ui/layout/flex-view.js";
5
- import F from "../../ui/loader/app-loader/app-loader.js";
6
- import p from "../../ui/text/text.js";
7
- import { usePreviewWorksheetGet as I } from "../../worksheet/worksheet-preview/api/get-preview-worksheet.js";
8
- import { PuzzleAppWrapper as L, StyledFeedbackText as T, StyledHintFillIcon as D } from "./puzzle-app-styled.js";
9
- import G from "./puzzle-app-view.js";
10
- const S = ({ itemRef: s, title: m, imageHue: i, feedbackComments: l, tip: f }) => {
11
- const [u, g] = h(), [r, $] = h(!1), { isProcessing: k, get: a, data: c, error: w } = I(), z = P(() => null), A = f || "Celebrate persistence more than correct answers - it's a life skill worth building.", t = n(() => {
12
- a("test", {
13
- action: "review",
14
- node_type: "PUZZLE_CARD",
15
- items: [s]
16
- });
17
- }, [a, s]);
18
- R(() => {
19
- t();
20
- }, [t]);
21
- const b = n((E) => {
22
- g(E.message);
23
- }, []), x = n(() => {
24
- $(!0);
25
- }, []);
26
- return u || w ? /* @__PURE__ */ e(y, { height: "100vh", onTryAgain: t }) : k ? /* @__PURE__ */ e(F, { height: "100vh" }) : /* @__PURE__ */ o(
27
- L,
28
- {
29
- className: "puzzle-app-container",
30
- $background: `${i}_2`,
31
- $alignItems: "center",
32
- $flexGapX: 1,
33
- $gutterX: 1,
34
- $visible: r,
35
- $height: "100vh",
36
- children: [
37
- r && /* @__PURE__ */ e(p, { $renderAs: "ab1-bold", children: m }),
38
- c && /* @__PURE__ */ e(
39
- G,
40
- {
41
- onWorksheetErrored: b,
42
- worksheetData: c,
43
- loggerRef: z,
44
- imageHue: i,
45
- onLoaded: x
46
- }
47
- ),
48
- r && /* @__PURE__ */ e(W, { children: l ? /* @__PURE__ */ o(T, { $renderAs: "ab2", children: [
49
- /* @__PURE__ */ e("span", { children: "Tutor Remark:" }),
50
- l
51
- ] }) : /* @__PURE__ */ o(d, { $flexDirection: "row", $alignItems: "center", $flexGap: 8, children: [
52
- /* @__PURE__ */ e(d, { $width: 24, $height: 24, children: /* @__PURE__ */ e(D, {}) }),
53
- /* @__PURE__ */ e(p, { $renderAs: "ab2", children: A })
54
- ] }) })
55
- ]
56
- }
57
- );
58
- }, B = v(S);
59
- export {
60
- B as default
61
- };
62
- //# sourceMappingURL=puzzle-app.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"puzzle-app.js","sources":["../../../../src/features/puzzles/app/puzzle-app.tsx"],"sourcesContent":["import type { IPuzzleAppProps } from './puzzle-app-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport Error from '../../ui/error/error';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { usePreviewWorksheetGet } from '../../worksheet/worksheet-preview/api/get-preview-worksheet';\nimport * as Styled from './puzzle-app-styled';\nimport PuzzleAppView from './puzzle-app-view';\n\nconst PuzzleApp: FC<IPuzzleAppProps> = ({ itemRef, title, imageHue, feedbackComments, tip }) => {\n const [error, setError] = useState<string>();\n const [worksheetRendered, setWorksheetRendered] = useState<boolean>(false);\n\n const { isProcessing, get, data: worksheetData, error: fetchError } = usePreviewWorksheetGet();\n const loggerRef = useRef(() => null);\n\n const tipInfo =\n tip || `Celebrate persistence more than correct answers - it's a life skill worth building.`;\n\n const fetchWorksheet = useCallback(() => {\n get('test', {\n action: 'review',\n node_type: 'PUZZLE_CARD',\n items: [itemRef],\n });\n }, [get, itemRef]);\n\n useEffect(() => {\n fetchWorksheet();\n }, [fetchWorksheet]);\n\n const handleWorksheetErrored = useCallback((err: { code?: number; message: string }) => {\n setError(err.message);\n }, []);\n\n const handleWorksheetLoaded = useCallback(() => {\n setWorksheetRendered(true);\n }, []);\n\n if (error || fetchError) {\n return <Error height=\"100vh\" onTryAgain={fetchWorksheet} />;\n }\n\n if (isProcessing) {\n return <AppLoader height=\"100vh\" />;\n }\n\n return (\n <Styled.PuzzleAppWrapper\n className=\"puzzle-app-container\"\n $background={`${imageHue}_2`}\n $alignItems=\"center\"\n $flexGapX={1}\n $gutterX={1}\n $visible={worksheetRendered}\n $height=\"100vh\"\n >\n {worksheetRendered && <Text $renderAs=\"ab1-bold\">{title}</Text>}\n\n {worksheetData && (\n <PuzzleAppView\n onWorksheetErrored={handleWorksheetErrored}\n worksheetData={worksheetData}\n loggerRef={loggerRef}\n imageHue={imageHue}\n onLoaded={handleWorksheetLoaded}\n />\n )}\n\n {worksheetRendered && (\n <>\n {feedbackComments ? (\n <Styled.StyledFeedbackText $renderAs=\"ab2\">\n <span>Tutor Remark:</span>\n {feedbackComments}\n </Styled.StyledFeedbackText>\n ) : (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n <FlexView $width={24} $height={24}>\n <Styled.StyledHintFillIcon />\n </FlexView>\n <Text $renderAs=\"ab2\">{tipInfo}</Text>\n </FlexView>\n )}\n </>\n )}\n </Styled.PuzzleAppWrapper>\n );\n};\n\nexport default memo(PuzzleApp);\n"],"names":["PuzzleApp","itemRef","title","imageHue","feedbackComments","tip","error","setError","useState","worksheetRendered","setWorksheetRendered","isProcessing","get","worksheetData","fetchError","usePreviewWorksheetGet","loggerRef","useRef","tipInfo","fetchWorksheet","useCallback","useEffect","handleWorksheetErrored","err","handleWorksheetLoaded","jsx","Error","AppLoader","jsxs","Styled.PuzzleAppWrapper","Text","PuzzleAppView","Styled.StyledFeedbackText","FlexView","Styled.StyledHintFillIcon","puzzleApp","memo"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAiC,CAAC,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,GAAkB,KAAAC,QAAU;AAC9F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,GACrC,CAACC,GAAmBC,CAAoB,IAAIF,EAAkB,EAAK,GAEnE,EAAE,cAAAG,GAAc,KAAAC,GAAK,MAAMC,GAAe,OAAOC,MAAeC,KAChEC,IAAYC,EAAO,MAAM,IAAI,GAE7BC,IACJb,KAAO,uFAEHc,IAAiBC,EAAY,MAAM;AACvC,IAAAR,EAAI,QAAQ;AAAA,MACV,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO,CAACX,CAAO;AAAA,IAAA,CAChB;AAAA,EAAA,GACA,CAACW,GAAKX,CAAO,CAAC;AAEjB,EAAAoB,EAAU,MAAM;AACC,IAAAF;EAAA,GACd,CAACA,CAAc,CAAC;AAEb,QAAAG,IAAyBF,EAAY,CAACG,MAA4C;AACtF,IAAAhB,EAASgB,EAAI,OAAO;AAAA,EACtB,GAAG,CAAE,CAAA,GAECC,IAAwBJ,EAAY,MAAM;AAC9C,IAAAV,EAAqB,EAAI;AAAA,EAC3B,GAAG,CAAE,CAAA;AAEL,SAAIJ,KAASQ,IACH,gBAAAW,EAAAC,GAAA,EAAM,QAAO,SAAQ,YAAYP,EAAgB,CAAA,IAGvDR,IACK,gBAAAc,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAIjC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAa,GAAG1B,CAAQ;AAAA,MACxB,aAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,UAAUM;AAAA,MACV,SAAQ;AAAA,MAEP,UAAA;AAAA,QAAAA,KAAsB,gBAAAgB,EAAAK,GAAA,EAAK,WAAU,YAAY,UAAM5B,GAAA;AAAA,QAEvDW,KACC,gBAAAY;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,oBAAoBT;AAAA,YACpB,eAAAT;AAAA,YACA,WAAAG;AAAA,YACA,UAAAb;AAAA,YACA,UAAUqB;AAAA,UAAA;AAAA,QACZ;AAAA,QAGDf,4BAEI,UACCL,IAAA,gBAAAwB,EAACI,GAAA,EAA0B,WAAU,OACnC,UAAA;AAAA,UAAA,gBAAAP,EAAC,UAAK,UAAa,gBAAA,CAAA;AAAA,UAClBrB;AAAA,QACH,EAAA,CAAA,sBAEC6B,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,UAAU,GAC5D,UAAA;AAAA,UAAC,gBAAAR,EAAAQ,GAAA,EAAS,QAAQ,IAAI,SAAS,IAC7B,UAAC,gBAAAR,EAAAS,GAAA,CAAA,CAA0B,EAC7B,CAAA;AAAA,UACC,gBAAAT,EAAAK,GAAA,EAAK,WAAU,OAAO,UAAQZ,GAAA;AAAA,QAAA,EAAA,CACjC,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEeiB,IAAAC,EAAKpC,CAAS;"}