@cuemath/leap 2.8.22 → 2.8.24-hg1
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.
- package/dist/assets/images/images.js +0 -12
- package/dist/assets/images/images.js.map +1 -1
- package/dist/assets/lotties/circle/tables/advance-mode-segment-lottie.json.js +4370 -0
- package/dist/assets/lotties/circle/tables/advance-mode-segment-lottie.json.js.map +1 -0
- package/dist/assets/lotties/circle/tables/infinite-button-bg.json.js +1552 -0
- package/dist/assets/lotties/circle/tables/infinite-button-bg.json.js.map +1 -0
- package/dist/assets/lotties/circle/tables/infinite-button-symbol.json.js +1795 -0
- package/dist/assets/lotties/circle/tables/infinite-button-symbol.json.js.map +1 -0
- package/dist/assets/lotties/circle/tables/random-mode-segment-lottie.json.js +9661 -0
- package/dist/assets/lotties/circle/tables/random-mode-segment-lottie.json.js.map +1 -0
- package/dist/assets/lotties/circle/tables/sequence-mode-segment-lottie.json.js +8630 -0
- package/dist/assets/lotties/circle/tables/sequence-mode-segment-lottie.json.js.map +1 -0
- package/dist/assets/lotties/circle/tables/table-mode-reveal.json.js +9076 -0
- package/dist/assets/lotties/circle/tables/table-mode-reveal.json.js.map +1 -0
- package/dist/features/chapters/chapter/chapter.js +43 -45
- package/dist/features/chapters/chapter/chapter.js.map +1 -1
- package/dist/features/chapters/chapter/comps/core-lessons/core-lessons.js +21 -23
- package/dist/features/chapters/chapter/comps/core-lessons/core-lessons.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/card-container/card-container-styled.js +53 -0
- package/dist/features/circle-games/game-launcher/comps/card-container/card-container-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/card-container/card-container.js +24 -0
- package/dist/features/circle-games/game-launcher/comps/card-container/card-container.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/card-container/constants.js +7 -0
- package/dist/features/circle-games/game-launcher/comps/card-container/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/constants.js +6 -6
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/constants.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js +29 -73
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js +83 -81
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/tables-card/constants.js +20 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode-styled.js +24 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.js +83 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/table-mode/table-mode.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js +161 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js +223 -0
- package/dist/features/circle-games/game-launcher/comps/tables-card/tables-card.js.map +1 -0
- package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js +25 -15
- package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/use-get-circle-home-details-dal.js.map +1 -1
- package/dist/features/circle-games/game-launcher/game-launcher-styled.js +6 -5
- package/dist/features/circle-games/game-launcher/game-launcher-styled.js.map +1 -1
- package/dist/features/circle-games/game-launcher/game-launcher.js +123 -82
- package/dist/features/circle-games/game-launcher/game-launcher.js.map +1 -1
- package/dist/features/circle-games/games/web-view/enums/project-type-enum.js +1 -1
- package/dist/features/circle-games/games/web-view/enums/project-type-enum.js.map +1 -1
- package/dist/features/circle-games/games/web-view/web-view-types.js.map +1 -1
- package/dist/features/circle-games/games/web-view/web-view.js +70 -83
- package/dist/features/circle-games/games/web-view/web-view.js.map +1 -1
- package/dist/features/milestone/constants.js +18 -53
- package/dist/features/milestone/constants.js.map +1 -1
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js +4 -16
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-constants.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-container.js +47 -56
- package/dist/features/milestone/create/milestone-create-container.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-helpers.js +113 -132
- package/dist/features/milestone/create/milestone-create-helpers.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-hooks.js +90 -92
- package/dist/features/milestone/create/milestone-create-hooks.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-styled.js +20 -34
- package/dist/features/milestone/create/milestone-create-styled.js.map +1 -1
- package/dist/features/milestone/create/milestone-create.js +53 -72
- package/dist/features/milestone/create/milestone-create.js.map +1 -1
- package/dist/features/milestone/create/submit-modal/use-submit-milestone.js +46 -53
- package/dist/features/milestone/create/submit-modal/use-submit-milestone.js.map +1 -1
- package/dist/features/milestone/create/utils/index.js.map +1 -1
- package/dist/features/milestone/edit/comps/delete-milestone/styled.js +8 -11
- package/dist/features/milestone/edit/comps/delete-milestone/styled.js.map +1 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.js +82 -79
- package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.js.map +1 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js +112 -136
- package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js.map +1 -1
- package/dist/features/milestone/{drafts/goal-edit → edit/goal-drafts}/goal-draft-edit-container.js +22 -24
- package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-container.js.map +1 -0
- package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-helpers.js +17 -0
- package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-helpers.js.map +1 -0
- package/dist/features/milestone/edit/goal-edit-helpers.js +5 -6
- package/dist/features/milestone/edit/goal-edit-helpers.js.map +1 -1
- package/dist/features/milestone/edit/milestone-edit-helpers.js +16 -17
- package/dist/features/milestone/edit/milestone-edit-helpers.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +46 -48
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js +58 -60
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
- package/dist/features/milestone/outcome/comps/past-milestone/past-milestone-container.js +39 -41
- package/dist/features/milestone/outcome/comps/past-milestone/past-milestone-container.js.map +1 -1
- package/dist/features/post-game-stats/accuracy/accuracy-styled.js +17 -16
- package/dist/features/post-game-stats/accuracy/accuracy-styled.js.map +1 -1
- package/dist/features/post-game-stats/clock/clock-styled.js +11 -10
- package/dist/features/post-game-stats/clock/clock-styled.js.map +1 -1
- package/dist/features/post-game-stats/points/points-styled.js +7 -6
- package/dist/features/post-game-stats/points/points-styled.js.map +1 -1
- package/dist/features/post-game-stats/post-game-stats-styled.js +1 -1
- package/dist/features/post-game-stats/post-game-stats-styled.js.map +1 -1
- package/dist/features/post-game-stats/streak/streak-styled.js +18 -17
- package/dist/features/post-game-stats/streak/streak-styled.js.map +1 -1
- package/dist/features/trial-session/comps/trial-circle-game/constants.js.map +1 -1
- package/dist/features/trial-session/comps/trial-circle-game/trial-circle-game.js.map +1 -1
- package/dist/index.d.ts +79 -234
- package/dist/index.js +318 -337
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/constants/urls.js +0 -5
- package/dist/constants/urls.js.map +0 -1
- package/dist/features/circle-games/games/web-view/enums/project-ids-enum.js +0 -14
- package/dist/features/circle-games/games/web-view/enums/project-ids-enum.js.map +0 -1
- package/dist/features/milestone/drafts/create/draft-create-container.js +0 -54
- package/dist/features/milestone/drafts/create/draft-create-container.js.map +0 -1
- package/dist/features/milestone/drafts/edit/draft-edit-container.js +0 -77
- package/dist/features/milestone/drafts/edit/draft-edit-container.js.map +0 -1
- package/dist/features/milestone/drafts/edit/draft-edit-helpers.js +0 -69
- package/dist/features/milestone/drafts/edit/draft-edit-helpers.js.map +0 -1
- package/dist/features/milestone/drafts/goal-edit/goal-draft-edit-container.js.map +0 -1
- package/dist/features/milestone/drafts/review/draft-review-container.js +0 -76
- package/dist/features/milestone/drafts/review/draft-review-container.js.map +0 -1
- package/dist/features/milestone/edit/comps/delete-milestone/add-remove-nudge.js +0 -48
- package/dist/features/milestone/edit/comps/delete-milestone/add-remove-nudge.js.map +0 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone-modal-styled.js +0 -23
- package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone-modal-styled.js.map +0 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/share-screen.js +0 -68
- package/dist/features/milestone/edit/comps/edit-milestone-modal/share-screen.js.map +0 -1
- package/dist/features/milestone/help-modals/index.js +0 -22
- package/dist/features/milestone/help-modals/index.js.map +0 -1
- package/dist/features/milestone/help-modals/milestone-lesson.js +0 -17
- package/dist/features/milestone/help-modals/milestone-lesson.js.map +0 -1
- package/dist/features/milestone/help-modals/milestone-list.js +0 -17
- package/dist/features/milestone/help-modals/milestone-list.js.map +0 -1
- package/dist/features/milestone/help-modals/utils.js +0 -20
- package/dist/features/milestone/help-modals/utils.js.map +0 -1
- package/dist/features/milestone/intro-modal/index.js +0 -24
- package/dist/features/milestone/intro-modal/index.js.map +0 -1
- package/dist/features/notifications/api/notification.js +0 -13
- package/dist/features/notifications/api/notification.js.map +0 -1
- package/dist/features/notifications/use-student-journey.js +0 -20
- package/dist/features/notifications/use-student-journey.js.map +0 -1
- package/dist/features/sheets/constants/lessons.js +0 -28
- package/dist/features/sheets/constants/lessons.js.map +0 -1
- package/dist/features/ui/modals/info-modal/index.js +0 -117
- package/dist/features/ui/modals/info-modal/index.js.map +0 -1
- package/dist/static/goal_creation_helper.d45e4d58.png +0 -0
- package/dist/static/help_banner1.ddb0ef0f.png +0 -0
- package/dist/static/help_banner2.40979ed0.png +0 -0
- package/dist/static/help_banner3.532099c7.png +0 -0
- package/dist/static/help_banner4.90a6fd4d.png +0 -0
- package/dist/static/help_banner5.2a9efb39.png +0 -0
- package/dist/static/help_banner6.94fe9589.png +0 -0
- package/dist/static/milestone_intro_slide1.1537493e.png +0 -0
- package/dist/static/milestone_intro_slide2.b791c159.png +0 -0
- package/dist/static/milestone_intro_slide3.f7d63a11.png +0 -0
- package/dist/static/milestone_intro_slide4.f8da4e46.png +0 -0
- package/dist/static/milestone_intro_slide5.ea5d12d2.png +0 -0
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"table-mode-reveal.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1,24 +1,24 @@
|
|
1
1
|
import { jsxs as g, jsx as e } from "react/jsx-runtime";
|
2
|
-
import { memo as
|
3
|
-
import { ILLUSTRATIONS as
|
2
|
+
import { memo as F, useCallback as C } from "react";
|
3
|
+
import { ILLUSTRATIONS as O } from "../../../assets/illustrations/illustrations.js";
|
4
4
|
import _ from "../../ui/layout/flex-view.js";
|
5
5
|
import U from "../../ui/separator/separator.js";
|
6
|
-
import
|
7
|
-
import
|
8
|
-
import
|
9
|
-
import { ContentWrapper as
|
10
|
-
const
|
11
|
-
({ name:
|
6
|
+
import H from "./comps/chapter-banner/chapter-banner.js";
|
7
|
+
import M from "./comps/core-lessons/core-lessons.js";
|
8
|
+
import Q from "./comps/supplementary-resources/supplementary-resources.js";
|
9
|
+
import { ContentWrapper as W, LoaderWrapper as X } from "./styled.js";
|
10
|
+
const j = F(
|
11
|
+
({ name: S, sheets_data: $, user_type: n, loading: a, ...k }) => {
|
12
12
|
const {
|
13
13
|
user_chapter_progress: s,
|
14
14
|
is_defocused: r,
|
15
15
|
image_url: w,
|
16
16
|
image_hue: i,
|
17
17
|
teacherId: x,
|
18
|
-
onCreateExtraPractice:
|
18
|
+
onCreateExtraPractice: t,
|
19
19
|
onStart: p,
|
20
|
-
onResume:
|
21
|
-
onReattempt:
|
20
|
+
onResume: m,
|
21
|
+
onReattempt: l,
|
22
22
|
onPreview: c,
|
23
23
|
onReview: u,
|
24
24
|
onReset: h,
|
@@ -27,28 +27,27 @@ const D = O(
|
|
27
27
|
onUnlock: L,
|
28
28
|
onMarkRelevant: P,
|
29
29
|
onMarkIrrelevant: E,
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
} = S, v = C(() => {
|
38
|
-
if (typeof t != "function")
|
39
|
-
throw new Error("onLearningPlanFAQClick must be a function");
|
40
|
-
t();
|
41
|
-
}, [t]), F = C(() => {
|
30
|
+
onUnAssignSheet: I,
|
31
|
+
onLearningPlanFAQClick: o
|
32
|
+
} = k, {
|
33
|
+
lessons: R,
|
34
|
+
supplementary_sheets_group_sort_order: y,
|
35
|
+
supplementary_sheets_grouped: A
|
36
|
+
} = $, b = C(() => {
|
42
37
|
if (typeof o != "function")
|
43
|
-
throw new Error("
|
38
|
+
throw new Error("onLearningPlanFAQClick must be a function");
|
44
39
|
o();
|
45
|
-
}, [o])
|
46
|
-
|
47
|
-
|
40
|
+
}, [o]), v = C(() => {
|
41
|
+
if (typeof t != "function")
|
42
|
+
throw new Error("onCreateExtraPractice must be a function");
|
43
|
+
t();
|
44
|
+
}, [t]);
|
45
|
+
return /* @__PURE__ */ g(W, { $disablePointerEvents: a, $alignItems: "center", $width: "100%", children: [
|
46
|
+
a && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e("img", { src: O.LOADER_1, alt: "loader" }) }),
|
48
47
|
/* @__PURE__ */ e(
|
49
|
-
|
48
|
+
H,
|
50
49
|
{
|
51
|
-
name:
|
50
|
+
name: S,
|
52
51
|
userChapterProgress: s,
|
53
52
|
isDefocused: r,
|
54
53
|
imageUrl: w,
|
@@ -56,55 +55,54 @@ const D = O(
|
|
56
55
|
}
|
57
56
|
),
|
58
57
|
/* @__PURE__ */ e(_, { $widthX: 47.5, $flexGapX: 2, children: /* @__PURE__ */ e(
|
59
|
-
|
58
|
+
M,
|
60
59
|
{
|
61
60
|
userType: n,
|
62
|
-
lessons:
|
61
|
+
lessons: R,
|
63
62
|
userChapterProgress: s,
|
64
63
|
isDefocused: r,
|
65
64
|
lessonItemColorHue: i,
|
66
|
-
handleOnLearningPlanFAQClick:
|
65
|
+
handleOnLearningPlanFAQClick: b,
|
67
66
|
onChangeLocation: d,
|
68
67
|
onPreview: c,
|
69
68
|
onReset: h,
|
70
69
|
onReview: u,
|
71
70
|
onStart: p,
|
72
|
-
onReattempt:
|
73
|
-
onResume:
|
71
|
+
onReattempt: l,
|
72
|
+
onResume: m,
|
74
73
|
onMarkAsFamiliar: f,
|
75
74
|
onMarkIrrelevant: E,
|
76
|
-
onMarkRelevant: P
|
77
|
-
onHelpClick: I
|
75
|
+
onMarkRelevant: P
|
78
76
|
}
|
79
77
|
) }),
|
80
78
|
/* @__PURE__ */ g(_, { $width: "100%", $flexGapX: 2, $background: "WHITE_3", $alignItems: "center", children: [
|
81
79
|
/* @__PURE__ */ e(
|
82
|
-
|
80
|
+
Q,
|
83
81
|
{
|
84
82
|
userType: n,
|
85
83
|
teacherId: x,
|
86
|
-
groupedSupplementarySheets:
|
87
|
-
groupedSupplementarySheetsSortOrder:
|
84
|
+
groupedSupplementarySheets: A,
|
85
|
+
groupedSupplementarySheetsSortOrder: y,
|
88
86
|
isDefocused: r,
|
89
|
-
handleOnCreateExtraPractice:
|
87
|
+
handleOnCreateExtraPractice: v,
|
90
88
|
onChangeLocation: d,
|
91
89
|
onPreview: c,
|
92
90
|
onReset: h,
|
93
91
|
onReview: u,
|
94
92
|
onStart: p,
|
95
|
-
onReattempt:
|
96
|
-
onResume:
|
93
|
+
onReattempt: l,
|
94
|
+
onResume: m,
|
97
95
|
onMarkAsFamiliar: f,
|
98
96
|
onUnlock: L,
|
99
|
-
onUnAssignSheet:
|
97
|
+
onUnAssignSheet: I
|
100
98
|
}
|
101
99
|
),
|
102
100
|
/* @__PURE__ */ e(U, { height: 1 })
|
103
101
|
] })
|
104
102
|
] });
|
105
103
|
}
|
106
|
-
),
|
104
|
+
), K = j;
|
107
105
|
export {
|
108
|
-
|
106
|
+
K as default
|
109
107
|
};
|
110
108
|
//# sourceMappingURL=chapter.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"chapter.js","sources":["../../../../src/features/chapters/chapter/chapter.tsx"],"sourcesContent":["import type { IChapterProps } from './chapter-types';\n\nimport { useCallback, type FC, memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport ChapterBanner from './comps/chapter-banner/chapter-banner';\nimport CoreLessons from './comps/core-lessons/core-lessons';\nimport SupplementaryResources from './comps/supplementary-resources/supplementary-resources';\nimport * as Styled from './styled';\n\nconst Chapter: FC<IChapterProps> = memo(\n ({ name, sheets_data: sheetData, user_type: userType, loading, ...restChapterProps }) => {\n const {\n user_chapter_progress: userChapterProgress,\n is_defocused: isDefocused,\n image_url: imageUrl,\n image_hue: imageHue,\n teacherId,\n onCreateExtraPractice,\n onStart,\n onResume,\n onReattempt,\n onPreview,\n onReview,\n onReset,\n onChangeLocation,\n onMarkAsFamiliar,\n onUnlock,\n onMarkRelevant,\n onMarkIrrelevant,\n
|
1
|
+
{"version":3,"file":"chapter.js","sources":["../../../../src/features/chapters/chapter/chapter.tsx"],"sourcesContent":["import type { IChapterProps } from './chapter-types';\n\nimport { useCallback, type FC, memo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport ChapterBanner from './comps/chapter-banner/chapter-banner';\nimport CoreLessons from './comps/core-lessons/core-lessons';\nimport SupplementaryResources from './comps/supplementary-resources/supplementary-resources';\nimport * as Styled from './styled';\n\nconst Chapter: FC<IChapterProps> = memo(\n ({ name, sheets_data: sheetData, user_type: userType, loading, ...restChapterProps }) => {\n const {\n user_chapter_progress: userChapterProgress,\n is_defocused: isDefocused,\n image_url: imageUrl,\n image_hue: imageHue,\n teacherId,\n onCreateExtraPractice,\n onStart,\n onResume,\n onReattempt,\n onPreview,\n onReview,\n onReset,\n onChangeLocation,\n onMarkAsFamiliar,\n onUnlock,\n onMarkRelevant,\n onMarkIrrelevant,\n onUnAssignSheet,\n onLearningPlanFAQClick,\n } = restChapterProps;\n\n const {\n lessons,\n supplementary_sheets_group_sort_order: groupedSupplementarySheetsSortOrder,\n supplementary_sheets_grouped: groupedSupplementarySheets,\n } = sheetData;\n\n const handleOnLearningPlanFAQClick = useCallback(() => {\n if (typeof onLearningPlanFAQClick !== 'function') {\n throw new Error('onLearningPlanFAQClick must be a function');\n }\n\n onLearningPlanFAQClick();\n }, [onLearningPlanFAQClick]);\n\n const handleOnCreateExtraPractice = useCallback(() => {\n if (typeof onCreateExtraPractice !== 'function') {\n throw new Error('onCreateExtraPractice must be a function');\n }\n\n onCreateExtraPractice();\n }, [onCreateExtraPractice]);\n\n return (\n <Styled.ContentWrapper $disablePointerEvents={loading} $alignItems=\"center\" $width=\"100%\">\n {loading && (\n <Styled.LoaderWrapper>\n <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n </Styled.LoaderWrapper>\n )}\n\n <ChapterBanner\n name={name}\n userChapterProgress={userChapterProgress}\n isDefocused={isDefocused}\n imageUrl={imageUrl}\n backgroundColor={`${imageHue}_1`}\n />\n <FlexView $widthX={47.5} $flexGapX={2}>\n <CoreLessons\n userType={userType}\n lessons={lessons}\n userChapterProgress={userChapterProgress}\n isDefocused={isDefocused}\n lessonItemColorHue={imageHue}\n handleOnLearningPlanFAQClick={handleOnLearningPlanFAQClick}\n onChangeLocation={onChangeLocation}\n onPreview={onPreview}\n onReset={onReset}\n onReview={onReview}\n onStart={onStart}\n onReattempt={onReattempt}\n onResume={onResume}\n onMarkAsFamiliar={onMarkAsFamiliar}\n onMarkIrrelevant={onMarkIrrelevant}\n onMarkRelevant={onMarkRelevant}\n />\n </FlexView>\n\n <FlexView $width=\"100%\" $flexGapX={2} $background=\"WHITE_3\" $alignItems=\"center\">\n <SupplementaryResources\n userType={userType}\n teacherId={teacherId}\n groupedSupplementarySheets={groupedSupplementarySheets}\n groupedSupplementarySheetsSortOrder={groupedSupplementarySheetsSortOrder}\n isDefocused={isDefocused}\n handleOnCreateExtraPractice={handleOnCreateExtraPractice}\n onChangeLocation={onChangeLocation}\n onPreview={onPreview}\n onReset={onReset}\n onReview={onReview}\n onStart={onStart}\n onReattempt={onReattempt}\n onResume={onResume}\n onMarkAsFamiliar={onMarkAsFamiliar}\n onUnlock={onUnlock}\n onUnAssignSheet={onUnAssignSheet}\n />\n\n <Separator height={1} />\n </FlexView>\n </Styled.ContentWrapper>\n );\n },\n);\n\nexport default Chapter;\n"],"names":["Chapter","memo","name","sheetData","userType","loading","restChapterProps","userChapterProgress","isDefocused","imageUrl","imageHue","teacherId","onCreateExtraPractice","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onMarkAsFamiliar","onUnlock","onMarkRelevant","onMarkIrrelevant","onUnAssignSheet","onLearningPlanFAQClick","lessons","groupedSupplementarySheetsSortOrder","groupedSupplementarySheets","handleOnLearningPlanFAQClick","useCallback","handleOnCreateExtraPractice","jsxs","Styled.ContentWrapper","jsx","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","FlexView","CoreLessons","SupplementaryResources","Separator","Chapter$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAA6BC;AAAA,EACjC,CAAC,EAAE,MAAAC,GAAM,aAAaC,GAAW,WAAWC,GAAU,SAAAC,GAAS,GAAGC,QAAuB;AACjF,UAAA;AAAA,MACJ,uBAAuBC;AAAA,MACvB,cAAcC;AAAA,MACd,WAAWC;AAAA,MACX,WAAWC;AAAA,MACX,WAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,wBAAAC;AAAA,IACE,IAAAnB,GAEE;AAAA,MACJ,SAAAoB;AAAA,MACA,uCAAuCC;AAAA,MACvC,8BAA8BC;AAAA,IAC5B,IAAAzB,GAEE0B,IAA+BC,EAAY,MAAM;AACjD,UAAA,OAAOL,KAA2B;AAC9B,cAAA,IAAI,MAAM,2CAA2C;AAGtC,MAAAA;IAAA,GACtB,CAACA,CAAsB,CAAC,GAErBM,IAA8BD,EAAY,MAAM;AAChD,UAAA,OAAOlB,KAA0B;AAC7B,cAAA,IAAI,MAAM,0CAA0C;AAGtC,MAAAA;IAAA,GACrB,CAACA,CAAqB,CAAC;AAGxB,WAAA,gBAAAoB,EAACC,GAAA,EAAsB,uBAAuB5B,GAAS,aAAY,UAAS,QAAO,QAChF,UAAA;AAAA,MACCA,KAAA,gBAAA6B,EAACC,GAAA,EACC,UAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKE,EAAc,UAAU,KAAI,SAAA,CAAS,EACjD,CAAA;AAAA,MAGF,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAAnC;AAAA,UACA,qBAAAK;AAAA,UACA,aAAAC;AAAA,UACA,UAAAC;AAAA,UACA,iBAAiB,GAAGC,CAAQ;AAAA,QAAA;AAAA,MAC9B;AAAA,MACC,gBAAAwB,EAAAI,GAAA,EAAS,SAAS,MAAM,WAAW,GAClC,UAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,UAAAnC;AAAA,UACA,SAAAsB;AAAA,UACA,qBAAAnB;AAAA,UACA,aAAAC;AAAA,UACA,oBAAoBE;AAAA,UACpB,8BAAAmB;AAAA,UACA,kBAAAV;AAAA,UACA,WAAAH;AAAA,UACA,SAAAE;AAAA,UACA,UAAAD;AAAA,UACA,SAAAJ;AAAA,UACA,aAAAE;AAAA,UACA,UAAAD;AAAA,UACA,kBAAAM;AAAA,UACA,kBAAAG;AAAA,UACA,gBAAAD;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,MAEA,gBAAAU,EAACM,KAAS,QAAO,QAAO,WAAW,GAAG,aAAY,WAAU,aAAY,UACtE,UAAA;AAAA,QAAA,gBAAAJ;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAApC;AAAA,YACA,WAAAO;AAAA,YACA,4BAAAiB;AAAA,YACA,qCAAAD;AAAA,YACA,aAAAnB;AAAA,YACA,6BAAAuB;AAAA,YACA,kBAAAZ;AAAA,YACA,WAAAH;AAAA,YACA,SAAAE;AAAA,YACA,UAAAD;AAAA,YACA,SAAAJ;AAAA,YACA,aAAAE;AAAA,YACA,UAAAD;AAAA,YACA,kBAAAM;AAAA,YACA,UAAAC;AAAA,YACA,iBAAAG;AAAA,UAAA;AAAA,QACF;AAAA,QAEA,gBAAAU,EAACO,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,MAAA,GACxB;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAC,IAAe1C;"}
|
@@ -1,35 +1,34 @@
|
|
1
1
|
import { jsxs as e, jsx as o } from "react/jsx-runtime";
|
2
|
-
import { memo as
|
3
|
-
import { useTheme as
|
2
|
+
import { memo as R } from "react";
|
3
|
+
import { useTheme as $ } from "styled-components";
|
4
4
|
import v from "../../../../sheets/lessons-list/lessons-list.js";
|
5
5
|
import w from "../../../../ui/layout/flex-view.js";
|
6
|
-
import
|
7
|
-
import { CoreLessonContainer as
|
8
|
-
const
|
6
|
+
import k from "../../../../ui/text/text.js";
|
7
|
+
import { CoreLessonContainer as A } from "./core-lessons-styled.js";
|
8
|
+
const T = R(
|
9
9
|
({ lessons: t, userChapterProgress: r, userType: s, ...n }) => {
|
10
10
|
const {
|
11
11
|
lessonItemColorHue: a,
|
12
12
|
onStart: i,
|
13
|
-
onResume:
|
14
|
-
onReattempt:
|
13
|
+
onResume: m,
|
14
|
+
onReattempt: l,
|
15
15
|
onPreview: c,
|
16
16
|
onReview: p,
|
17
17
|
onReset: f,
|
18
18
|
onChangeLocation: h,
|
19
|
-
onMarkAsFamiliar:
|
20
|
-
onMarkRelevant:
|
21
|
-
onMarkIrrelevant:
|
22
|
-
|
23
|
-
} = n, d = k(), { total_core_sheets: R } = r;
|
19
|
+
onMarkAsFamiliar: u,
|
20
|
+
onMarkRelevant: x,
|
21
|
+
onMarkIrrelevant: C
|
22
|
+
} = n, L = $(), { total_core_sheets: d } = r;
|
24
23
|
return /* @__PURE__ */ e(
|
25
|
-
|
24
|
+
A,
|
26
25
|
{
|
27
|
-
$flexGap:
|
26
|
+
$flexGap: L.layout.gutter * 1.5,
|
28
27
|
"data-testid": "lessons-container",
|
29
28
|
children: [
|
30
|
-
/* @__PURE__ */ o(w, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: /* @__PURE__ */ e(
|
29
|
+
/* @__PURE__ */ o(w, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: /* @__PURE__ */ e(k, { $renderAs: "ac4-black", $color: "REAL_BLACK_60", children: [
|
31
30
|
"lessons (",
|
32
|
-
|
31
|
+
d || "-",
|
33
32
|
")"
|
34
33
|
] }) }),
|
35
34
|
/* @__PURE__ */ o(
|
@@ -39,17 +38,16 @@ const F = $(
|
|
39
38
|
lessons: t,
|
40
39
|
userType: s,
|
41
40
|
lessonItemColorHue: a,
|
42
|
-
onMarkAsFamiliar:
|
41
|
+
onMarkAsFamiliar: u,
|
43
42
|
onChangeLocation: h,
|
44
43
|
onReset: f,
|
45
44
|
onStart: i,
|
46
|
-
onResume:
|
47
|
-
onMarkIrrelevant:
|
48
|
-
onMarkRelevant:
|
45
|
+
onResume: m,
|
46
|
+
onMarkIrrelevant: C,
|
47
|
+
onMarkRelevant: x,
|
49
48
|
onPreview: c,
|
50
49
|
onReview: p,
|
51
|
-
onReattempt:
|
52
|
-
onHelpClick: L
|
50
|
+
onReattempt: l
|
53
51
|
}
|
54
52
|
)
|
55
53
|
]
|
@@ -58,6 +56,6 @@ const F = $(
|
|
58
56
|
}
|
59
57
|
);
|
60
58
|
export {
|
61
|
-
|
59
|
+
T as default
|
62
60
|
};
|
63
61
|
//# sourceMappingURL=core-lessons.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"core-lessons.js","sources":["../../../../../../src/features/chapters/chapter/comps/core-lessons/core-lessons.tsx"],"sourcesContent":["import type { ICoreLessonsProps } from './core-lessons-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport LessonsList from '../../../../sheets/lessons-list/lessons-list';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './core-lessons-styled';\n\nconst CoreLessons: FC<ICoreLessonsProps> = memo(\n ({ lessons, userChapterProgress, userType, ...restCoreLessonsProps }) => {\n const {\n lessonItemColorHue,\n onStart,\n onResume,\n onReattempt,\n onPreview,\n onReview,\n onReset,\n onChangeLocation,\n onMarkAsFamiliar,\n onMarkRelevant,\n onMarkIrrelevant,\n
|
1
|
+
{"version":3,"file":"core-lessons.js","sources":["../../../../../../src/features/chapters/chapter/comps/core-lessons/core-lessons.tsx"],"sourcesContent":["import type { ICoreLessonsProps } from './core-lessons-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport LessonsList from '../../../../sheets/lessons-list/lessons-list';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './core-lessons-styled';\n\nconst CoreLessons: FC<ICoreLessonsProps> = memo(\n ({ lessons, userChapterProgress, userType, ...restCoreLessonsProps }) => {\n const {\n lessonItemColorHue,\n onStart,\n onResume,\n onReattempt,\n onPreview,\n onReview,\n onReset,\n onChangeLocation,\n onMarkAsFamiliar,\n onMarkRelevant,\n onMarkIrrelevant,\n } = restCoreLessonsProps;\n\n const theme = useTheme();\n\n const { total_core_sheets: totalCoreSheets } = userChapterProgress;\n\n return (\n <Styled.CoreLessonContainer\n $flexGap={theme.layout.gutter * 1.5}\n data-testid=\"lessons-container\"\n >\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n <Text $renderAs=\"ac4-black\" $color=\"REAL_BLACK_60\">\n lessons ({totalCoreSheets || '-'})\n </Text>\n </FlexView>\n\n <LessonsList\n emptyLessonsText=\"No core lessons available for this chapter\"\n lessons={lessons}\n userType={userType}\n lessonItemColorHue={lessonItemColorHue}\n onMarkAsFamiliar={onMarkAsFamiliar}\n onChangeLocation={onChangeLocation}\n onReset={onReset}\n onStart={onStart}\n onResume={onResume}\n onMarkIrrelevant={onMarkIrrelevant}\n onMarkRelevant={onMarkRelevant}\n onPreview={onPreview}\n onReview={onReview}\n onReattempt={onReattempt}\n />\n </Styled.CoreLessonContainer>\n );\n },\n);\n\nexport default CoreLessons;\n"],"names":["CoreLessons","memo","lessons","userChapterProgress","userType","restCoreLessonsProps","lessonItemColorHue","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onMarkAsFamiliar","onMarkRelevant","onMarkIrrelevant","theme","useTheme","totalCoreSheets","jsxs","Styled.CoreLessonContainer","jsx","FlexView","Text","LessonsList"],"mappings":";;;;;;;AAWA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,SAAAC,GAAS,qBAAAC,GAAqB,UAAAC,GAAU,GAAGC,QAA2B;AACjE,UAAA;AAAA,MACJ,oBAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAQC,KAER,EAAE,mBAAmBC,EAAoB,IAAAhB;AAG7C,WAAA,gBAAAiB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,UAAUJ,EAAM,OAAO,SAAS;AAAA,QAChC,eAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAK,EAACC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,aAAY,QAAO,iBAAgB,UAAA;AAAA,YAAA;AAAA,YACvCL,KAAmB;AAAA,YAAI;AAAA,UAAA,EAAA,CACnC,EACF,CAAA;AAAA,UAEA,gBAAAG;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,kBAAiB;AAAA,cACjB,SAAAvB;AAAA,cACA,UAAAE;AAAA,cACA,oBAAAE;AAAA,cACA,kBAAAQ;AAAA,cACA,kBAAAD;AAAA,cACA,SAAAD;AAAA,cACA,SAAAL;AAAA,cACA,UAAAC;AAAA,cACA,kBAAAQ;AAAA,cACA,gBAAAD;AAAA,cACA,WAAAL;AAAA,cACA,UAAAC;AAAA,cACA,aAAAF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
|
package/dist/features/circle-games/game-launcher/comps/card-container/card-container-styled.js
ADDED
@@ -0,0 +1,53 @@
|
|
1
|
+
import t from "styled-components";
|
2
|
+
import o from "../../../../ui/layout/flex-view.js";
|
3
|
+
import n from "../../../../ui/text/text.js";
|
4
|
+
import { GAME_LAUNCHER_SIZE as i } from "./constants.js";
|
5
|
+
const p = t.div`
|
6
|
+
position: relative;
|
7
|
+
display: flex;
|
8
|
+
justify-content: center;
|
9
|
+
`, d = t(o)`
|
10
|
+
position: absolute;
|
11
|
+
top: -28px;
|
12
|
+
display: flex;
|
13
|
+
justify-content: center;
|
14
|
+
`, f = t.div`
|
15
|
+
position: relative;
|
16
|
+
border-radius: ${i}px;
|
17
|
+
border: ${({ $strokeColor: e }) => e ? `2px solid ${e}` : "0 solid transparent"};
|
18
|
+
height: ${i}px;
|
19
|
+
width: ${i}px;
|
20
|
+
display: flex;
|
21
|
+
flex-direction: column;
|
22
|
+
justify-content: center;
|
23
|
+
align-items: center;
|
24
|
+
overflow: hidden;
|
25
|
+
align-self: center;
|
26
|
+
backdrop-filter: blur(0px);
|
27
|
+
flex-shrink: 0;
|
28
|
+
`, c = t(n)`
|
29
|
+
transition: color 0.5s ease-in-out;
|
30
|
+
|
31
|
+
${({ $isAnimated: e }) => e && `
|
32
|
+
animation: zoomInOut 1s ease-in-out infinite;
|
33
|
+
`}
|
34
|
+
|
35
|
+
@keyframes zoomInOut {
|
36
|
+
0% {
|
37
|
+
transform: scale(1);
|
38
|
+
}
|
39
|
+
50% {
|
40
|
+
transform: scale(1.05);
|
41
|
+
}
|
42
|
+
100% {
|
43
|
+
transform: scale(1);
|
44
|
+
}
|
45
|
+
}
|
46
|
+
`;
|
47
|
+
export {
|
48
|
+
c as AnimatedLabel,
|
49
|
+
f as CardContainer,
|
50
|
+
p as CardWrapper,
|
51
|
+
d as ExtendedFlexView
|
52
|
+
};
|
53
|
+
//# sourceMappingURL=card-container-styled.js.map
|
package/dist/features/circle-games/game-launcher/comps/card-container/card-container-styled.js.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"card-container-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/card-container/card-container-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { GAME_LAUNCHER_SIZE } from './constants';\n\nexport const CardWrapper = styled.div`\n position: relative;\n display: flex;\n justify-content: center;\n`;\n\nexport const ExtendedFlexView = styled(FlexView)`\n position: absolute;\n top: -28px;\n display: flex;\n justify-content: center;\n`;\n\nexport const CardContainer = styled.div<{ $strokeColor?: TColorNames }>`\n position: relative;\n border-radius: ${GAME_LAUNCHER_SIZE}px;\n border: ${({ $strokeColor }) =>\n $strokeColor ? `2px solid ${$strokeColor}` : '0 solid transparent'};\n height: ${GAME_LAUNCHER_SIZE}px;\n width: ${GAME_LAUNCHER_SIZE}px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n align-self: center;\n backdrop-filter: blur(0px);\n flex-shrink: 0;\n`;\n\nexport const AnimatedLabel = styled(Text)<{ $isAnimated: boolean }>`\n transition: color 0.5s ease-in-out;\n\n ${({ $isAnimated }) =>\n $isAnimated &&\n `\n animation: zoomInOut 1s ease-in-out infinite;\n `}\n\n @keyframes zoomInOut {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.05);\n }\n 100% {\n transform: scale(1);\n }\n }\n`;\n"],"names":["CardWrapper","styled","ExtendedFlexView","FlexView","CardContainer","GAME_LAUNCHER_SIZE","$strokeColor","AnimatedLabel","Text","$isAnimated"],"mappings":";;;;AAQO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBC,IAAmBD,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOlCC,IAAgBH,EAAO;AAAA;AAAA,mBAEjBI,CAAkB;AAAA,YACzB,CAAC,EAAE,cAAAC,EAAa,MACxBA,IAAe,aAAaA,CAAY,KAAK,qBAAqB;AAAA,YAC1DD,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWhBE,IAAgBN,EAAOO,CAAI;AAAA;AAAA;AAAA,IAGpC,CAAC,EAAE,aAAAC,QACHA,KACA;AAAA;AAAA,KAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { jsxs as c, jsx as r } from "react/jsx-runtime";
|
2
|
+
import { memo as m, forwardRef as C } from "react";
|
3
|
+
import { CardWrapper as f, ExtendedFlexView as p, AnimatedLabel as $, CardContainer as b } from "./card-container-styled.js";
|
4
|
+
const x = (e, o) => {
|
5
|
+
const { children: n, strokeColor: a, label: t, isAnimated: i, labelRef: l, labelColor: d, ...s } = e;
|
6
|
+
return /* @__PURE__ */ c(f, { ...s, children: [
|
7
|
+
/* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
|
8
|
+
$,
|
9
|
+
{
|
10
|
+
ref: l,
|
11
|
+
$renderAs: "ac4-black",
|
12
|
+
$align: "center",
|
13
|
+
$color: d,
|
14
|
+
$isAnimated: i,
|
15
|
+
children: t
|
16
|
+
}
|
17
|
+
) }),
|
18
|
+
/* @__PURE__ */ r(b, { ref: o, $strokeColor: a, children: n })
|
19
|
+
] });
|
20
|
+
}, j = m(C(x));
|
21
|
+
export {
|
22
|
+
j as CardContainer
|
23
|
+
};
|
24
|
+
//# sourceMappingURL=card-container.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"card-container.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/card-container/card-container.tsx"],"sourcesContent":["import type { ICardContainerProps } from './card-container-types';\nimport type { ForwardRefRenderFunction } from 'react';\n\nimport { forwardRef, memo } from 'react';\n\nimport * as Styled from './card-container-styled';\n\nconst Container: ForwardRefRenderFunction<HTMLDivElement, ICardContainerProps> = (props, ref) => {\n const { children, strokeColor, label, isAnimated, labelRef, labelColor, ...rest } = props;\n\n return (\n <Styled.CardWrapper {...rest}>\n <Styled.ExtendedFlexView>\n <Styled.AnimatedLabel\n ref={labelRef}\n $renderAs=\"ac4-black\"\n $align=\"center\"\n $color={labelColor}\n $isAnimated={isAnimated}\n >\n {label}\n </Styled.AnimatedLabel>\n </Styled.ExtendedFlexView>\n <Styled.CardContainer ref={ref} $strokeColor={strokeColor}>\n {children}\n </Styled.CardContainer>\n </Styled.CardWrapper>\n );\n};\n\nexport const CardContainer = memo(forwardRef(Container));\n"],"names":["Container","props","ref","children","strokeColor","label","isAnimated","labelRef","labelColor","rest","jsxs","Styled.CardWrapper","jsx","Styled.ExtendedFlexView","Styled.AnimatedLabel","Styled.CardContainer","CardContainer","memo","forwardRef"],"mappings":";;;AAOA,MAAMA,IAA2E,CAACC,GAAOC,MAAQ;AACzF,QAAA,EAAE,UAAAC,GAAU,aAAAC,GAAa,OAAAC,GAAO,YAAAC,GAAY,UAAAC,GAAU,YAAAC,GAAY,GAAGC,EAAS,IAAAR;AAEpF,SACG,gBAAAS,EAAAC,GAAA,EAAoB,GAAGF,GACtB,UAAA;AAAA,IAAC,gBAAAG,EAAAC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,KAAKP;AAAA,QACL,WAAU;AAAA,QACV,QAAO;AAAA,QACP,QAAQC;AAAA,QACR,aAAaF;AAAA,QAEZ,UAAAD;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,sBACCU,GAAA,EAAqB,KAAAb,GAAU,cAAcE,GAC3C,UAAAD,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEaa,IAAgBC,EAAKC,EAAWlB,CAAS,CAAC;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/card-container/constants.ts"],"sourcesContent":["export const GAME_LAUNCHER_SIZE_SMALL = 296;\nexport const GAME_LAUNCHER_SIZE_LARGE = 400;\n\nconst CARD_CONTAINER_SIZE =\n window.innerHeight > 800 ? GAME_LAUNCHER_SIZE_LARGE : GAME_LAUNCHER_SIZE_SMALL;\n\nexport const GAME_LAUNCHER_SIZE = CARD_CONTAINER_SIZE;\n"],"names":["GAME_LAUNCHER_SIZE_SMALL","GAME_LAUNCHER_SIZE_LARGE","CARD_CONTAINER_SIZE","GAME_LAUNCHER_SIZE"],"mappings":"AAAO,MAAMA,IAA2B,KAC3BC,IAA2B,KAElCC,IACJ,OAAO,cAAc,MAAM,MAA2B,KAE3CC,IAAqBD;"}
|
@@ -1,11 +1,11 @@
|
|
1
|
-
|
1
|
+
import { GAME_LAUNCHER_SIZE as E } from "../card-container/constants.js";
|
2
|
+
const t = E * 17.5 / 100, _ = 5, o = Math.ceil(E * 87.5 / 100), R = E / 2 * (37.5 / 100), T = E / 2 * (12.5 / 100), S = Math.PI / 180, c = Math.sin(30 * S) * (E / 2 - _);
|
2
3
|
export {
|
3
|
-
|
4
|
-
|
5
|
-
|
4
|
+
o as ASSET_CONTAINER_SIZE,
|
5
|
+
R as ASSET_OFFSET_X,
|
6
|
+
T as ASSET_OFFSET_Y,
|
6
7
|
t as GAME_LAUNCHER_ASSET_PADDING,
|
7
|
-
|
8
|
-
E as GAME_LAUNCHER_SIZE,
|
8
|
+
_ as GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH,
|
9
9
|
c as delta
|
10
10
|
};
|
11
11
|
//# sourceMappingURL=constants.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/constants.ts"],"sourcesContent":["
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/constants.ts"],"sourcesContent":["import { GAME_LAUNCHER_SIZE } from '../card-container/constants';\n\nexport const GAME_LAUNCHER_ASSET_PADDING = (GAME_LAUNCHER_SIZE * 17.5) / 100;\n\n// to show the stroke of the card below points, this width needs to be reduced\nexport const GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH = 5;\n\n// asset container needs to be 350/400 % of GAME LAUNCHER SIZE\nexport const ASSET_CONTAINER_SIZE = Math.ceil((GAME_LAUNCHER_SIZE * 87.5) / 100);\n\n// ASSET x-axis OFFSET needs to be 37.5 % of 1/2 of GAME LAUNCHER SIZE\nexport const ASSET_OFFSET_X = (GAME_LAUNCHER_SIZE / 2) * (37.5 / 100);\n\n// ASSET y-axis OFFSET needs to be 37.5 % of 1/2 of GAME LAUNCHER SIZE\nexport const ASSET_OFFSET_Y = (GAME_LAUNCHER_SIZE / 2) * (12.5 / 100);\n\nconst RADIAN = Math.PI / 180;\n// const BORDER_WIDTH = 2;\n\n// delta created by a segment from x axis is 30deg\n// sin30 = delta/(CARD_SIZE/2)\nexport const delta =\n Math.sin(30 * RADIAN) * (GAME_LAUNCHER_SIZE / 2 - GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH);\n"],"names":["GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH","ASSET_CONTAINER_SIZE","ASSET_OFFSET_X","ASSET_OFFSET_Y","RADIAN","delta"],"mappings":";AAEa,MAAAA,IAA+BC,IAAqB,OAAQ,KAG5DC,IAA2C,GAG3CC,IAAuB,KAAK,KAAMF,IAAqB,OAAQ,GAAG,GAGlEG,IAAkBH,IAAqB,KAAM,OAAO,MAGpDI,IAAkBJ,IAAqB,KAAM,OAAO,MAE3DK,IAAS,KAAK,KAAK,KAKZC,IACX,KAAK,IAAI,KAAKD,CAAM,KAAKL,IAAqB,IAAIC;"}
|
@@ -1,30 +1,11 @@
|
|
1
1
|
import o from "styled-components";
|
2
|
-
import
|
3
|
-
import p from "
|
4
|
-
import { GAME_LAUNCHER_SIZE as e, GAME_LAUNCHER_ASSET_PADDING as a, delta as l, ASSET_OFFSET_X as n, ASSET_OFFSET_Y as r, ASSET_CONTAINER_SIZE as i } from "./constants.js";
|
2
|
+
import { GAME_LAUNCHER_SIZE as e } from "../card-container/constants.js";
|
3
|
+
import { GAME_LAUNCHER_ASSET_PADDING as d, delta as p, ASSET_OFFSET_X as r, ASSET_OFFSET_Y as n, ASSET_CONTAINER_SIZE as i } from "./constants.js";
|
5
4
|
const g = o.div`
|
6
|
-
position: relative;
|
7
|
-
display: flex;
|
8
|
-
justify-content: center;
|
9
|
-
`, h = o.div`
|
10
|
-
position: relative;
|
11
|
-
border-radius: ${e}px;
|
12
|
-
height: ${e}px;
|
13
|
-
width: ${e}px;
|
14
|
-
display: flex;
|
15
|
-
flex-direction: column;
|
16
|
-
justify-content: center;
|
17
|
-
align-items: center;
|
18
|
-
overflow: hidden;
|
19
|
-
align-self: center;
|
20
|
-
backdrop-filter: blur(0px);
|
21
|
-
-webkit-backdrop-filter: blur(0px);
|
22
|
-
flex-shrink: 0;
|
23
|
-
`, b = o.div`
|
24
5
|
position: absolute;
|
25
6
|
z-index: 5;
|
26
|
-
height: ${e +
|
27
|
-
width: ${e +
|
7
|
+
height: ${e + d}px;
|
8
|
+
width: ${e + d}px;
|
28
9
|
pointer-events: none;
|
29
10
|
`, s = o.div`
|
30
11
|
height: ${e}px;
|
@@ -37,24 +18,24 @@ const g = o.div`
|
|
37
18
|
border: 2px solid ${({ theme: t }) => t.colors.WHITE};
|
38
19
|
backdrop-filter: blur(0px);
|
39
20
|
-webkit-backdrop-filter: blur(0px);
|
40
|
-
`,
|
21
|
+
`, h = o(s)`
|
41
22
|
transform-origin: bottom right;
|
42
23
|
transform: rotate(-32deg) skew(-32deg);
|
43
24
|
translate: -${e / 2}px -${e / 2}px;
|
44
25
|
border-right-width: 1px;
|
45
|
-
`,
|
26
|
+
`, c = o(s)`
|
46
27
|
transform-origin: bottom left;
|
47
28
|
transform: rotate(32deg) skew(32deg);
|
48
29
|
translate: ${e / 2}px -${e / 2}px;
|
49
30
|
border-left-width: 1px;
|
50
|
-
`,
|
31
|
+
`, f = o(s)`
|
51
32
|
height: ${e / 2}px;
|
52
33
|
width: ${e}px;
|
53
34
|
bottom: 0;
|
54
35
|
left: 0;
|
55
36
|
z-index: 1;
|
56
37
|
border: none;
|
57
|
-
`,
|
38
|
+
`, m = o.div`
|
58
39
|
height: inherit;
|
59
40
|
width: inherit;
|
60
41
|
overflow: hidden;
|
@@ -62,16 +43,16 @@ const g = o.div`
|
|
62
43
|
display: flex;
|
63
44
|
justify-content: center;
|
64
45
|
align-items: center;
|
65
|
-
`,
|
46
|
+
`, b = o.div`
|
66
47
|
flex: 1;
|
67
48
|
background: transparent;
|
68
|
-
height: ${e / 2 +
|
49
|
+
height: ${e / 2 + p}px;
|
69
50
|
width: ${e}px;
|
70
51
|
position: absolute;
|
71
52
|
display: flex;
|
72
53
|
justify-content: center;
|
73
54
|
align-items: center;
|
74
|
-
bottom: ${({ $segmentType: t = "bottom" }) => t === "bottom" ? "unset" : `-${
|
55
|
+
bottom: ${({ $segmentType: t = "bottom" }) => t === "bottom" ? "unset" : `-${p}px`};
|
75
56
|
transform-origin: ${({ $segmentType: t }) => {
|
76
57
|
switch (t) {
|
77
58
|
case "left":
|
@@ -92,11 +73,11 @@ const g = o.div`
|
|
92
73
|
return "none";
|
93
74
|
}
|
94
75
|
}};
|
95
|
-
`,
|
76
|
+
`, $ = o.div`
|
96
77
|
position: absolute;
|
97
|
-
right: ${({ $segmentType: t }) => t === "left" ? `-${
|
98
|
-
left: ${({ $segmentType: t }) => t === "right" ? `-${
|
99
|
-
bottom: ${({ $segmentType: t }) => t === "bottom" ? `-${
|
78
|
+
right: ${({ $segmentType: t }) => t === "left" ? `-${r}px` : "unset"};
|
79
|
+
left: ${({ $segmentType: t }) => t === "right" ? `-${r}px` : "unset"};
|
80
|
+
bottom: ${({ $segmentType: t }) => t === "bottom" ? `-${n}px` : `-${n}px`};
|
100
81
|
height: ${i}px;
|
101
82
|
width: ${i}px;
|
102
83
|
display: flex;
|
@@ -109,11 +90,11 @@ const g = o.div`
|
|
109
90
|
background: ${({ theme: t }) => t.colors.WHITE_T_15};
|
110
91
|
cursor: pointer;
|
111
92
|
}
|
112
|
-
`,
|
93
|
+
`, u = o.div`
|
113
94
|
position: absolute;
|
114
|
-
right: ${({ $segmentType: t }) => t === "left" ? `-${
|
115
|
-
left: ${({ $segmentType: t }) => t === "right" ? `-${
|
116
|
-
bottom: ${({ $segmentType: t }) => t === "bottom" ? `-${
|
95
|
+
right: ${({ $segmentType: t }) => t === "left" ? `-${r}px` : "unset"};
|
96
|
+
left: ${({ $segmentType: t }) => t === "right" ? `-${r}px` : "unset"};
|
97
|
+
bottom: ${({ $segmentType: t }) => t === "bottom" ? `-${n}px` : `-${n}px`};
|
117
98
|
height: ${i}px;
|
118
99
|
width: ${i}px;
|
119
100
|
z-index: 5;
|
@@ -123,44 +104,19 @@ const g = o.div`
|
|
123
104
|
display: flex;
|
124
105
|
align-items: center;
|
125
106
|
justify-content: center;
|
126
|
-
`,
|
107
|
+
`, w = o.div`
|
127
108
|
position: absolute;
|
128
109
|
z-index: 6;
|
129
|
-
`, _ = o(d)`
|
130
|
-
z-index: 1;
|
131
|
-
top: -28px;
|
132
|
-
`, A = o(p)`
|
133
|
-
transition: color 0.5s ease-in-out;
|
134
|
-
|
135
|
-
${({ isAnimated: t }) => t && `
|
136
|
-
animation: zoomInOut 1s ease-in-out infinite;
|
137
|
-
`}
|
138
|
-
|
139
|
-
@keyframes zoomInOut {
|
140
|
-
0% {
|
141
|
-
transform: scale(1);
|
142
|
-
}
|
143
|
-
50% {
|
144
|
-
transform: scale(1.05);
|
145
|
-
}
|
146
|
-
100% {
|
147
|
-
transform: scale(1);
|
148
|
-
}
|
149
|
-
}
|
150
110
|
`;
|
151
111
|
export {
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
E as SegmentOverlay,
|
162
|
-
$ as SegmentRight,
|
163
|
-
g as SegmentedCard,
|
164
|
-
h as SegmentedCardWrapper
|
112
|
+
g as CircularProgressLottieContainer,
|
113
|
+
w as IconWrapper,
|
114
|
+
$ as SegmentAssetContainer,
|
115
|
+
f as SegmentBottom,
|
116
|
+
m as SegmentContainer,
|
117
|
+
b as SegmentContentContainer,
|
118
|
+
h as SegmentLeft,
|
119
|
+
u as SegmentOverlay,
|
120
|
+
c as SegmentRight
|
165
121
|
};
|
166
122
|
//# sourceMappingURL=segmented-game-card-styled.js.map
|