@cuemath/leap 3.1.2-beta-0.4 → 3.1.2-j1
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/illustrations/illustrations.js +1 -2
- package/dist/assets/illustrations/illustrations.js.map +1 -1
- package/dist/assets/line-icons/icons/check.js +3 -3
- package/dist/assets/line-icons/icons/check.js.map +1 -1
- package/dist/features/auth/account-selector/account-selector-styled.js +9 -0
- package/dist/features/auth/account-selector/account-selector-styled.js.map +1 -0
- package/dist/features/auth/account-selector/account-selector.js +56 -36
- package/dist/features/auth/account-selector/account-selector.js.map +1 -1
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styled.js +21 -0
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styled.js.map +1 -0
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js +8 -9
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map +1 -1
- package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js +1 -1
- package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js.map +1 -1
- package/dist/features/auth/forgot-password/forgot-password-styled.js +15 -3
- package/dist/features/auth/forgot-password/forgot-password-styled.js.map +1 -1
- package/dist/features/auth/forgot-password/otp-form/otp-form.js +29 -29
- package/dist/features/auth/forgot-password/otp-form/otp-form.js.map +1 -1
- package/dist/features/auth/forgot-password/reset-password-form/reset-password-form.js +14 -18
- package/dist/features/auth/forgot-password/reset-password-form/reset-password-form.js.map +1 -1
- package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js +23 -24
- package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js.map +1 -1
- package/dist/features/auth/login/identifier-otp-form/identifier-otp-form-styled.js +4 -2
- package/dist/features/auth/login/identifier-otp-form/identifier-otp-form-styled.js.map +1 -1
- package/dist/features/auth/login/identifier-otp-form/identifier-otp-form.js +85 -75
- package/dist/features/auth/login/identifier-otp-form/identifier-otp-form.js.map +1 -1
- package/dist/features/auth/login/login-styled.js +13 -0
- package/dist/features/auth/login/login-styled.js.map +1 -0
- package/dist/features/auth/login/social-account-not-found/social-account-not-found.js +24 -22
- package/dist/features/auth/login/social-account-not-found/social-account-not-found.js.map +1 -1
- package/dist/features/auth/login/social-login-methods/social-login-methods-styled.js +9 -0
- package/dist/features/auth/login/social-login-methods/social-login-methods-styled.js.map +1 -0
- package/dist/features/auth/login/social-login-methods/social-login-methods.js +43 -34
- package/dist/features/auth/login/social-login-methods/social-login-methods.js.map +1 -1
- package/dist/features/auth/login/username-password-form/username-password-form.js +22 -21
- package/dist/features/auth/login/username-password-form/username-password-form.js.map +1 -1
- package/dist/features/auth/user-list/user-item/user-item.js +25 -24
- package/dist/features/auth/user-list/user-item/user-item.js.map +1 -1
- package/dist/features/auth/user-list/user-list.js +60 -51
- package/dist/features/auth/user-list/user-list.js.map +1 -1
- package/dist/features/cue-canvas/cue-canvas-context.js +5 -8
- package/dist/features/cue-canvas/cue-canvas-context.js.map +1 -1
- package/dist/features/cue-canvas/cue-canvas-core.js +75 -80
- package/dist/features/cue-canvas/cue-canvas-core.js.map +1 -1
- package/dist/features/cue-canvas/cue-canvas-helpers.js +25 -31
- package/dist/features/cue-canvas/cue-canvas-helpers.js.map +1 -1
- package/dist/features/cue-canvas/cue-canvas-provider.js +12 -14
- package/dist/features/cue-canvas/cue-canvas-provider.js.map +1 -1
- package/dist/features/cue-canvas/cue-canvas.js +65 -79
- package/dist/features/cue-canvas/cue-canvas.js.map +1 -1
- package/dist/features/cue-canvas/cue-cavas-styled.js +42 -45
- package/dist/features/cue-canvas/cue-cavas-styled.js.map +1 -1
- package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js +54 -61
- package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js.map +1 -1
- package/dist/features/cue-canvas/hooks/use-cue-canvas-actions.js +14 -18
- package/dist/features/cue-canvas/hooks/use-cue-canvas-actions.js.map +1 -1
- package/dist/features/cue-canvas/toolbar/grid-menu.js +13 -13
- package/dist/features/cue-canvas/toolbar/grid-menu.js.map +1 -1
- package/dist/features/cue-canvas/toolbar/tool.js +20 -22
- package/dist/features/cue-canvas/toolbar/tool.js.map +1 -1
- package/dist/features/homework/styles.js +4 -5
- package/dist/features/homework/styles.js.map +1 -1
- package/dist/features/hooks/use-device-type.js +25 -0
- package/dist/features/hooks/use-device-type.js.map +1 -0
- package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js +36 -38
- package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js.map +1 -1
- package/dist/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.js +22 -24
- package/dist/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.js.map +1 -1
- package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/chapter-category-container.js +22 -23
- package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/chapter-category-container.js.map +1 -1
- package/dist/features/milestone/create/comps/chapters-selection-step/utils.js +47 -49
- package/dist/features/milestone/create/comps/chapters-selection-step/utils.js.map +1 -1
- package/dist/features/milestone/create/comps/class-details-step/class-details-step.js +87 -94
- package/dist/features/milestone/create/comps/class-details-step/class-details-step.js.map +1 -1
- package/dist/features/milestone/create/comps/class-details-step/class-details-utils.js +12 -13
- package/dist/features/milestone/create/comps/class-details-step/class-details-utils.js.map +1 -1
- package/dist/features/milestone/create/comps/test-type-step/test-type-step.js +21 -23
- package/dist/features/milestone/create/comps/test-type-step/test-type-step.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-helpers.js +162 -165
- package/dist/features/milestone/create/milestone-create-helpers.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +124 -103
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.js +14 -15
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.js.map +1 -1
- package/dist/features/trial-session/comps/pricing/pricing.js +35 -36
- package/dist/features/trial-session/comps/pricing/pricing.js.map +1 -1
- package/dist/features/ui/buttons/button/button-styled.js +29 -29
- package/dist/features/ui/buttons/button/button-styled.js.map +1 -1
- package/dist/features/ui/stepper/stepper.js +7 -7
- package/dist/features/utils/media.js +16 -0
- package/dist/features/utils/media.js.map +1 -0
- package/dist/features/worksheet/worksheet/hooks/use-s3-helper.js +19 -22
- package/dist/features/worksheet/worksheet/hooks/use-s3-helper.js.map +1 -1
- package/dist/index.d.ts +22 -78
- package/dist/index.js +265 -268
- package/dist/index.js.map +1 -1
- package/dist/static/cuemath-app-qr-code.7205ee79.svg +1 -0
- package/package.json +1 -1
- package/dist/assets/line-icons/icons/puzzle-icon.js +0 -51
- package/dist/assets/line-icons/icons/puzzle-icon.js.map +0 -1
- package/dist/assets/line-icons/icons/share.js +0 -48
- package/dist/assets/line-icons/icons/share.js.map +0 -1
- package/dist/assets/line-icons/icons/tile.js +0 -54
- package/dist/assets/line-icons/icons/tile.js.map +0 -1
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js +0 -12
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js.map +0 -1
- package/dist/features/cue-canvas/bottombar/homework-controls.js +0 -73
- package/dist/features/cue-canvas/bottombar/homework-controls.js.map +0 -1
- package/dist/features/cue-canvas/hooks/use-upload-helper.js +0 -23
- package/dist/features/cue-canvas/hooks/use-upload-helper.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/homework/helper.js +0 -20
- package/dist/features/cue-canvas/sidebar/homework/helper.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/homework/homework-menu.js +0 -33
- package/dist/features/cue-canvas/sidebar/homework/homework-menu.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/homework/homework-request.js +0 -68
- package/dist/features/cue-canvas/sidebar/homework/homework-request.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/homework/homework-styled.js +0 -25
- package/dist/features/cue-canvas/sidebar/homework/homework-styled.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/homework/homework.js +0 -39
- package/dist/features/cue-canvas/sidebar/homework/homework.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/api/get-puzzles.js +0 -13
- package/dist/features/cue-canvas/sidebar/puzzles/api/get-puzzles.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/filter-selection-menu.js +0 -60
- package/dist/features/cue-canvas/sidebar/puzzles/filter-selection-menu.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/filters-section.js +0 -44
- package/dist/features/cue-canvas/sidebar/puzzles/filters-section.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/filters.js +0 -107
- package/dist/features/cue-canvas/sidebar/puzzles/filters.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/hooks/use-fetch-cue-canvas-activity.js +0 -42
- package/dist/features/cue-canvas/sidebar/puzzles/hooks/use-fetch-cue-canvas-activity.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/launch-puzzle.js +0 -84
- package/dist/features/cue-canvas/sidebar/puzzles/launch-puzzle.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu-header.js +0 -36
- package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu-header.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu.js +0 -133
- package/dist/features/cue-canvas/sidebar/puzzles/puzzle-menu.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/puzzles-styled.js +0 -96
- package/dist/features/cue-canvas/sidebar/puzzles/puzzles-styled.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/puzzles.js +0 -29
- package/dist/features/cue-canvas/sidebar/puzzles/puzzles.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/puzzles/utils.js +0 -120
- package/dist/features/cue-canvas/sidebar/puzzles/utils.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/sidebar-styled.js +0 -32
- package/dist/features/cue-canvas/sidebar/sidebar-styled.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/sidebar.js +0 -29
- package/dist/features/cue-canvas/sidebar/sidebar.js.map +0 -1
- package/dist/features/cue-canvas/sidebar/tiles/tile.js +0 -16
- package/dist/features/cue-canvas/sidebar/tiles/tile.js.map +0 -1
- package/dist/features/hooks/use-debounce.js +0 -16
- package/dist/features/hooks/use-debounce.js.map +0 -1
- package/dist/features/milestone/milestone-list-container/api/get-past-milestone-count.js +0 -18
- package/dist/features/milestone/milestone-list-container/api/get-past-milestone-count.js.map +0 -1
- package/dist/features/trial-session/comps/pricing/india-pricing/index.js +0 -96
- package/dist/features/trial-session/comps/pricing/india-pricing/index.js.map +0 -1
- package/dist/features/trial-session/comps/pricing/india-pricing/india-pricing-styled.js +0 -59
- package/dist/features/trial-session/comps/pricing/india-pricing/india-pricing-styled.js.map +0 -1
- package/dist/static/ellipse-clip.dfb25608.svg +0 -1
@@ -1,96 +0,0 @@
|
|
1
|
-
import r from "styled-components";
|
2
|
-
import e from "../../../ui/layout/flex-view.js";
|
3
|
-
import t from "../../../ui/text/text.js";
|
4
|
-
const l = r(e)`
|
5
|
-
position: absolute;
|
6
|
-
top: 38px;
|
7
|
-
left: -47px; //32px for icon + 8 sep+ 7 padding
|
8
|
-
width: 650px;
|
9
|
-
height: 438px;
|
10
|
-
border-radius: 6px;
|
11
|
-
background: #292734;
|
12
|
-
box-shadow: 0px 4px 8px ${({ theme: o }) => o.colors.BLACK_T_20};
|
13
|
-
`, d = r.img`
|
14
|
-
position: relative;
|
15
|
-
width: 160px;
|
16
|
-
height: 120px;
|
17
|
-
border: 1px solid white;
|
18
|
-
border-radius: 8px;
|
19
|
-
margin: 16px;
|
20
|
-
background-color: black;
|
21
|
-
cursor: pointer;
|
22
|
-
`, p = r.div`
|
23
|
-
color: white;
|
24
|
-
cursor: pointer;
|
25
|
-
width: 150px;
|
26
|
-
overflow: hidden;
|
27
|
-
white-space: nowrap;
|
28
|
-
text-overflow: ellipsis;
|
29
|
-
`, a = r.div`
|
30
|
-
width: 336px;
|
31
|
-
height: 300px;
|
32
|
-
display: flex;
|
33
|
-
justify-content: center;
|
34
|
-
align-items: center;
|
35
|
-
color: ${({ theme: o }) => o.colors.GREY_4};
|
36
|
-
`, b = r(e)`
|
37
|
-
max-height: 300px;
|
38
|
-
width: 100%;
|
39
|
-
overflow-y: auto;
|
40
|
-
&::-webkit-scrollbar {
|
41
|
-
border-radius: 6px;
|
42
|
-
background-color: ${({ theme: o }) => o.colors.WHITE};
|
43
|
-
}
|
44
|
-
|
45
|
-
&::-webkit-scrollbar-thumb {
|
46
|
-
border-radius: 6px;
|
47
|
-
background: ${({ theme: o }) => o.colors.REAL_BLACK_60};
|
48
|
-
}
|
49
|
-
`, n = r(e)`
|
50
|
-
background: #292734;
|
51
|
-
|
52
|
-
& > div {
|
53
|
-
width: calc(100% - 32px);
|
54
|
-
}
|
55
|
-
`, x = r(e)`
|
56
|
-
overflow-y: auto;
|
57
|
-
&::-webkit-scrollbar {
|
58
|
-
border-radius: 6px;
|
59
|
-
background-color: ${({ theme: o }) => o.colors.WHITE};
|
60
|
-
}
|
61
|
-
|
62
|
-
&::-webkit-scrollbar-thumb {
|
63
|
-
border-radius: 6px;
|
64
|
-
background: ${({ theme: o }) => o.colors.REAL_BLACK_60};
|
65
|
-
}
|
66
|
-
`, h = r(e)`
|
67
|
-
border-right: 1px solid ${({ theme: o }) => o.colors.GREY_4};
|
68
|
-
height: 385px;
|
69
|
-
overflow-y: auto;
|
70
|
-
&::-webkit-scrollbar {
|
71
|
-
border-radius: 6px;
|
72
|
-
background-color: ${({ theme: o }) => o.colors.WHITE};
|
73
|
-
}
|
74
|
-
|
75
|
-
&::-webkit-scrollbar-thumb {
|
76
|
-
border-radius: 6px;
|
77
|
-
background: ${({ theme: o }) => o.colors.REAL_BLACK_60};
|
78
|
-
}
|
79
|
-
`, u = r(t)`
|
80
|
-
width: 130px;
|
81
|
-
white-space: nowrap;
|
82
|
-
text-overflow: ellipsis;
|
83
|
-
overflow: hidden;
|
84
|
-
`;
|
85
|
-
export {
|
86
|
-
b as ActivitiesList,
|
87
|
-
d as ActivityImage,
|
88
|
-
p as ActivityTitle,
|
89
|
-
x as CheckboxWrapper,
|
90
|
-
a as EmptyStateContainer,
|
91
|
-
h as FilterSidebar,
|
92
|
-
l as MenuContainer,
|
93
|
-
n as SearchHeaderWrapper,
|
94
|
-
u as SelectedGrades
|
95
|
-
};
|
96
|
-
//# sourceMappingURL=puzzles-styled.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"puzzles-styled.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/puzzles-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst MenuContainer = styled(FlexView)`\n position: absolute;\n top: 38px;\n left: -47px; //32px for icon + 8 sep+ 7 padding\n width: 650px;\n height: 438px;\n border-radius: 6px;\n background: #292734;\n box-shadow: 0px 4px 8px ${({ theme }) => theme.colors.BLACK_T_20};\n`;\n\nconst ActivityImage = styled.img`\n position: relative;\n width: 160px;\n height: 120px;\n border: 1px solid white;\n border-radius: 8px;\n margin: 16px;\n background-color: black;\n cursor: pointer;\n`;\n\nconst ActivityTitle = styled.div`\n color: white;\n cursor: pointer;\n width: 150px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`;\n\nconst EmptyStateContainer = styled.div`\n width: 336px;\n height: 300px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: ${({ theme }) => theme.colors.GREY_4};\n`;\n\nconst ActivitiesList = styled(FlexView)`\n max-height: 300px;\n width: 100%;\n overflow-y: auto;\n &::-webkit-scrollbar {\n border-radius: 6px;\n background-color: ${({ theme }) => theme.colors.WHITE};\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 6px;\n background: ${({ theme }) => theme.colors.REAL_BLACK_60};\n }\n`;\n\nconst SearchHeaderWrapper = styled(FlexView)<{ $noBorder?: boolean }>`\n background: #292734;\n\n & > div {\n width: calc(100% - 32px);\n }\n`;\n\nconst CheckboxWrapper = styled(FlexView)`\n overflow-y: auto;\n &::-webkit-scrollbar {\n border-radius: 6px;\n background-color: ${({ theme }) => theme.colors.WHITE};\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 6px;\n background: ${({ theme }) => theme.colors.REAL_BLACK_60};\n }\n`;\n\nconst FilterSidebar = styled(FlexView)`\n border-right: 1px solid ${({ theme }) => theme.colors.GREY_4};\n height: 385px;\n overflow-y: auto;\n &::-webkit-scrollbar {\n border-radius: 6px;\n background-color: ${({ theme }) => theme.colors.WHITE};\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 6px;\n background: ${({ theme }) => theme.colors.REAL_BLACK_60};\n }\n`;\n\nconst SelectedGrades = styled(Text)`\n width: 130px;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n`;\n\nexport {\n MenuContainer,\n ActivityImage,\n ActivityTitle,\n EmptyStateContainer,\n ActivitiesList,\n SearchHeaderWrapper,\n CheckboxWrapper,\n FilterSidebar,\n SelectedGrades,\n};\n"],"names":["MenuContainer","styled","FlexView","theme","ActivityImage","ActivityTitle","EmptyStateContainer","ActivitiesList","SearchHeaderWrapper","CheckboxWrapper","FilterSidebar","SelectedGrades","Text"],"mappings":";;;AAKM,MAAAA,IAAgBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQT,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA,GAG5DC,IAAgBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWvBI,IAAgBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASvBK,IAAsBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMxB,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA,GAGvCI,IAAiBN,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMd,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKvC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,aAAa;AAAA;AAAA,GAIrDK,IAAsBP,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQrCO,IAAkBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,wBAIf,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKvC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,aAAa;AAAA;AAAA,GAIrDO,IAAgBT,EAAOC,CAAQ;AAAA,4BACT,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKtC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKvC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,aAAa;AAAA;AAAA,GAIrDQ,IAAiBV,EAAOW,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import { jsxs as m, jsx as i } from "react/jsx-runtime";
|
2
|
-
import { memo as a, useRef as p, useCallback as z, useEffect as f } from "react";
|
3
|
-
import d from "../../../../assets/line-icons/icons/puzzle-icon.js";
|
4
|
-
import C from "../../../ui/buttons/clickable/clickable.js";
|
5
|
-
import v from "../../../ui/hooks/use-context-menu-click-handler.js";
|
6
|
-
import h from "../../../ui/layout/flex-view.js";
|
7
|
-
import { StyledWrapper as k } from "../../cue-cavas-styled.js";
|
8
|
-
import { useCueCanvasActions as b } from "../../hooks/use-cue-canvas-actions.js";
|
9
|
-
import g from "./puzzle-menu.js";
|
10
|
-
const x = (s) => {
|
11
|
-
const { activeSidebar: e, setActiveSidebar: r, grade: u } = s, { activeInstance: o } = b(), c = p(null), { menuVisible: l, onMenuClick: t } = v(
|
12
|
-
c,
|
13
|
-
void 0,
|
14
|
-
!0,
|
15
|
-
void 0
|
16
|
-
), n = z(() => {
|
17
|
-
e === "tile" && (o == null || o.toggleTiles(!1)), r(e === "puzzle" ? void 0 : "puzzle"), t();
|
18
|
-
}, [e, o, t, r]);
|
19
|
-
return f(() => {
|
20
|
-
(e === "tile" || e === "homework") && l && t();
|
21
|
-
}, [e, l, t]), /* @__PURE__ */ m(h, { $position: "relative", $height: "100%", children: [
|
22
|
-
/* @__PURE__ */ i(C, { onClick: n, label: "puzzles", children: /* @__PURE__ */ i(k, { $active: e === "puzzle", children: /* @__PURE__ */ i(d, {}) }) }),
|
23
|
-
l && /* @__PURE__ */ i(g, { toggleMenu: n, studentGrade: u })
|
24
|
-
] });
|
25
|
-
}, V = a(x);
|
26
|
-
export {
|
27
|
-
V as default
|
28
|
-
};
|
29
|
-
//# sourceMappingURL=puzzles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"puzzles.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/puzzles.tsx"],"sourcesContent":["import type { IPuzzlesContainer } from './puzzles-type';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport PuzzleIcon from '../../../../assets/line-icons/icons/puzzle-icon';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { StyledWrapper } from '../../cue-cavas-styled';\nimport { useCueCanvasActions } from '../../hooks/use-cue-canvas-actions';\nimport PuzzleMenu from './puzzle-menu';\n\nconst PuzzlesContainer: FC<IPuzzlesContainer> = props => {\n const { activeSidebar, setActiveSidebar, grade } = props;\n const { activeInstance: cueCanvas } = useCueCanvasActions();\n const puzzleMenuRef = useRef(null);\n\n const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n puzzleMenuRef,\n undefined,\n true,\n undefined,\n );\n\n const handleClick = useCallback(() => {\n if (activeSidebar === 'tile') {\n cueCanvas?.toggleTiles(false);\n }\n setActiveSidebar(activeSidebar === 'puzzle' ? undefined : 'puzzle');\n onMenuClick();\n }, [activeSidebar, cueCanvas, onMenuClick, setActiveSidebar]);\n\n useEffect(() => {\n if ((activeSidebar === 'tile' || activeSidebar === 'homework') && menuVisible) {\n onMenuClick();\n }\n }, [activeSidebar, menuVisible, onMenuClick]);\n\n return (\n <FlexView $position=\"relative\" $height=\"100%\">\n <Clickable onClick={handleClick} label=\"puzzles\">\n <StyledWrapper $active={activeSidebar === 'puzzle'}>\n <PuzzleIcon />\n </StyledWrapper>\n </Clickable>\n {menuVisible && <PuzzleMenu toggleMenu={handleClick} studentGrade={grade} />}\n </FlexView>\n );\n};\n\nexport default memo(PuzzlesContainer);\n"],"names":["PuzzlesContainer","props","activeSidebar","setActiveSidebar","grade","cueCanvas","useCueCanvasActions","puzzleMenuRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","handleClick","useCallback","useEffect","jsxs","FlexView","jsx","Clickable","StyledWrapper","PuzzleIcon","PuzzleMenu","Puzzles","memo"],"mappings":";;;;;;;;;AAaA,MAAMA,IAA0C,CAASC,MAAA;AACvD,QAAM,EAAE,eAAAC,GAAe,kBAAAC,GAAkB,OAAAC,EAAA,IAAUH,GAC7C,EAAE,gBAAgBI,EAAU,IAAIC,EAAoB,GACpDC,IAAgBC,EAAO,IAAI,GAE3B,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIK,IAAcC,EAAY,MAAM;AACpC,IAAIX,MAAkB,WACpBG,KAAA,QAAAA,EAAW,YAAY,MAERF,EAAAD,MAAkB,WAAW,SAAY,QAAQ,GACtDQ;KACX,CAACR,GAAeG,GAAWK,GAAaP,CAAgB,CAAC;AAE5D,SAAAW,EAAU,MAAM;AACd,KAAKZ,MAAkB,UAAUA,MAAkB,eAAeO,KACpDC;EAEb,GAAA,CAACR,GAAeO,GAAaC,CAAW,CAAC,GAGzC,gBAAAK,EAAAC,GAAA,EAAS,WAAU,YAAW,SAAQ,QACrC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAU,EAAA,SAASN,GAAa,OAAM,WACrC,UAAA,gBAAAK,EAACE,GAAc,EAAA,SAASjB,MAAkB,UACxC,UAAC,gBAAAe,EAAAG,GAAA,CAAA,CAAW,EACd,CAAA,GACF;AAAA,IACCX,KAAgB,gBAAAQ,EAAAI,GAAA,EAAW,YAAYT,GAAa,cAAcR,GAAO;AAAA,EAC5E,EAAA,CAAA;AAEJ,GAEekB,IAAAC,EAAKvB,CAAgB;"}
|
@@ -1,120 +0,0 @@
|
|
1
|
-
const I = (l) => {
|
2
|
-
const { grid: m, strokes: c, tiles: f } = l || {}, a = {};
|
3
|
-
(f || []).forEach((o) => {
|
4
|
-
var G, u, g, D, A, h;
|
5
|
-
const { name: t, options: i, id: r, size: T } = o || {};
|
6
|
-
if (r) {
|
7
|
-
if (t === "text") {
|
8
|
-
const e = { ...o, html: i };
|
9
|
-
delete e.options, delete e.id, a[r] = [void 0, e];
|
10
|
-
}
|
11
|
-
if (t === "equation" || t === "algebra-tile") {
|
12
|
-
const e = { ...o, expr: i };
|
13
|
-
t === "algebra-tile" && (e.name = "algebra"), delete e.options, delete e.id, a[r] = [void 0, e];
|
14
|
-
}
|
15
|
-
if (t === "image") {
|
16
|
-
const e = { ...o, href: i, width: T };
|
17
|
-
delete e.options, delete e.id, a[r] = [void 0, e];
|
18
|
-
}
|
19
|
-
if (t === "polygon" || t === "token" || t === "custom-polygon") {
|
20
|
-
const e = { ...o, shape: i };
|
21
|
-
delete e.options, delete e.id, a[r] = [void 0, e];
|
22
|
-
}
|
23
|
-
if (t === "dice") {
|
24
|
-
const e = (G = i == null ? void 0 : i.trim()) == null ? void 0 : G.split(":")[0], d = { ...o, value: e };
|
25
|
-
delete d.options, delete d.id, a[r] = [void 0, d];
|
26
|
-
}
|
27
|
-
if (t === "number-tile") {
|
28
|
-
const [e, d] = ((u = i == null ? void 0 : i.trim()) == null ? void 0 : u.split(":")) || [], n = { ...o, value: d || 0, width: e || 0 };
|
29
|
-
delete n.options, delete n.id, a[r] = [void 0, n];
|
30
|
-
}
|
31
|
-
if (t === "geo") {
|
32
|
-
const [e, d] = ((g = i == null ? void 0 : i.trim()) == null ? void 0 : g.split("=")) || [], n = { ...o, key: e || "", expr: d || 0 };
|
33
|
-
delete n.options, delete n.id, a[r] = [void 0, n];
|
34
|
-
}
|
35
|
-
if (t === "number-line") {
|
36
|
-
const [e, d, n, s, E] = ((D = i == null ? void 0 : i.trim()) == null ? void 0 : D.split(":")) || [], p = {
|
37
|
-
...o,
|
38
|
-
start: e || 0,
|
39
|
-
step: d || 0,
|
40
|
-
width: n || 0,
|
41
|
-
size: s || 0,
|
42
|
-
minor: E || 0
|
43
|
-
};
|
44
|
-
delete p.options, delete p.id, a[r] = [void 0, p];
|
45
|
-
}
|
46
|
-
if (t === "fraction-bar") {
|
47
|
-
const [e, d, n] = ((A = i == null ? void 0 : i.trim()) == null ? void 0 : A.split(":")) || [], s = { ...o };
|
48
|
-
e && (s.denominator = +e), d && (s.count = +d), n && (s.active = +n), delete s.options, delete s.id, a[r] = [void 0, s];
|
49
|
-
}
|
50
|
-
if (t === "fraction-circle") {
|
51
|
-
const [e, d, n] = ((h = i == null ? void 0 : i.trim()) == null ? void 0 : h.split(":")) || [], s = { ...o };
|
52
|
-
e && (s.denominator = +e), d && (s.count = +d), n && (s.active = +n), delete s.options, delete s.id, a[r] = [void 0, s];
|
53
|
-
}
|
54
|
-
if (t === "number-card" || t === "number-bar" || t === "tantrix") {
|
55
|
-
const e = { ...o, value: i };
|
56
|
-
delete e.options, delete e.id, a[r] = [void 0, e];
|
57
|
-
}
|
58
|
-
if (t === "tangram" || t === "garden" || t === "kolam" || t === "penrose" || t === "polyomino") {
|
59
|
-
const e = { ...o, index: i };
|
60
|
-
delete e.options, delete e.id, a[r] = [void 0, e];
|
61
|
-
}
|
62
|
-
if (t === "ruler" || t === "protractor" || t === "set-triangle" || t === "compass") {
|
63
|
-
const e = { ...o, width: i };
|
64
|
-
delete e.options, delete e.id, a[r] = [void 0, e];
|
65
|
-
}
|
66
|
-
}
|
67
|
-
});
|
68
|
-
const v = {};
|
69
|
-
return c.forEach((o) => {
|
70
|
-
const { id: t } = o || {};
|
71
|
-
if (t) {
|
72
|
-
const i = { ...o };
|
73
|
-
delete i.id, v[t] = [void 0, i];
|
74
|
-
}
|
75
|
-
}), {
|
76
|
-
gridName: m,
|
77
|
-
data: { ...v, ...a }
|
78
|
-
};
|
79
|
-
}, L = (l, m = "") => {
|
80
|
-
const c = [];
|
81
|
-
return l && l.length > 0 && l.forEach((f) => {
|
82
|
-
if (m === "grades") {
|
83
|
-
const a = `G${f.name}`;
|
84
|
-
c.push(a);
|
85
|
-
} else
|
86
|
-
c.push(f.name);
|
87
|
-
}), c;
|
88
|
-
}, y = {
|
89
|
-
ACTIVITY_TILES: "activity_tiles",
|
90
|
-
ACTIVITY_TOPICS: "activity_topics",
|
91
|
-
ACTIVITY_TYPES: "activity_types",
|
92
|
-
ACTIVITY_GRADES: "grades"
|
93
|
-
}, _ = {
|
94
|
-
"-1": "LKG",
|
95
|
-
0: "UKG",
|
96
|
-
1: "G1",
|
97
|
-
2: "G2",
|
98
|
-
3: "G3",
|
99
|
-
4: "G4",
|
100
|
-
5: "G5",
|
101
|
-
6: "G6",
|
102
|
-
7: "G7",
|
103
|
-
8: "G8",
|
104
|
-
9: "G9",
|
105
|
-
10: "G10",
|
106
|
-
11: "G11",
|
107
|
-
12: "G12",
|
108
|
-
ALG1: "ALG1",
|
109
|
-
ALG2: "ALG2",
|
110
|
-
PCAL: "PCAL",
|
111
|
-
GEO: "GEO",
|
112
|
-
CAL: "CAL"
|
113
|
-
};
|
114
|
-
export {
|
115
|
-
y as FILTER_KEYS,
|
116
|
-
_ as GRADE_DISPLAY_NAMES,
|
117
|
-
L as getTags,
|
118
|
-
I as serializeData
|
119
|
-
};
|
120
|
-
//# sourceMappingURL=utils.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../../src/features/cue-canvas/sidebar/puzzles/utils.ts"],"sourcesContent":["import type { TCueCanvasChangeDataObject, TCueCanvasGridName } from '../../types/cue-canvas';\nimport type { ActivityMetadata, IActivityGrade } from './api/get-puzzles';\nimport type { ITypeStroke, ITypeTile } from './puzzles-type';\n\nexport const serializeData = (jsonOBJ: {\n grid: TCueCanvasGridName;\n strokes: ITypeStroke[];\n tiles: ITypeTile[];\n}) => {\n const { grid, strokes, tiles } = jsonOBJ || {};\n const newTilesArray = {} as TCueCanvasChangeDataObject;\n\n (tiles || []).forEach(tile => {\n const { name, options, id, size } = tile || {};\n\n if (id) {\n if (name === 'text') {\n const tileData = { ...tile, html: options };\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n\n if (name === 'equation' || name === 'algebra-tile') {\n const tileData = { ...tile, expr: options };\n\n if (name === 'algebra-tile') {\n tileData.name = 'algebra';\n }\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n\n if (name === 'image') {\n const tileData = { ...tile, href: options, width: size };\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n\n if (name === 'polygon' || name === 'token' || name === 'custom-polygon') {\n const tileData = { ...tile, shape: options };\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n\n if (name === 'dice') {\n const val = options?.trim()?.split(':')[0];\n const tileData = { ...tile, value: val };\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n\n if (name === 'number-tile') {\n const [width, value] = options?.trim()?.split(':') || [];\n const tileData = { ...tile, value: value || 0, width: width || 0 };\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n\n if (name === 'geo') {\n const [key, expr] = options?.trim()?.split('=') || [];\n const tileData = { ...tile, key: key || '', expr: expr || 0 };\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n\n if (name === 'number-line') {\n const [start, step, width, stepSize, minor] = options?.trim()?.split(':') || [];\n const tileData = {\n ...tile,\n start: start || 0,\n step: step || 0,\n width: width || 0,\n size: stepSize || 0,\n minor: minor || 0,\n };\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n\n if (name === 'fraction-bar') {\n const [denominator, count, active] = options?.trim()?.split(':') || [];\n\n const tileData = { ...tile };\n\n if (denominator) {\n tileData.denominator = +denominator;\n }\n\n if (count) {\n tileData.count = +count;\n }\n\n if (active) {\n tileData.active = +active;\n }\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n\n if (name === 'fraction-circle') {\n const [denominator, count, active] = options?.trim()?.split(':') || [];\n\n const tileData = { ...tile };\n\n if (denominator) {\n tileData.denominator = +denominator;\n }\n\n if (count) {\n tileData.count = +count;\n }\n\n if (active) {\n tileData.active = +active;\n }\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n\n if (name === 'number-card' || name === 'number-bar' || name === 'tantrix') {\n const tileData = { ...tile, value: options };\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n\n if (\n name === 'tangram' ||\n name === 'garden' ||\n name === 'kolam' ||\n name === 'penrose' ||\n name === 'polyomino'\n ) {\n const tileData = { ...tile, index: options };\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n\n if (\n name === 'ruler' ||\n name === 'protractor' ||\n name === 'set-triangle' ||\n name === 'compass'\n ) {\n const tileData = { ...tile, width: options };\n\n delete tileData.options;\n delete tileData.id;\n newTilesArray[id] = [undefined, tileData];\n }\n }\n });\n const newStrokeMap = {} as TCueCanvasChangeDataObject;\n\n strokes.forEach((stroke: ITypeStroke) => {\n const { id } = stroke || {};\n\n if (id) {\n const strokeData = { ...stroke };\n\n delete strokeData.id;\n newStrokeMap[id] = [undefined, strokeData];\n }\n });\n\n return {\n gridName: grid,\n data: { ...newStrokeMap, ...newTilesArray },\n };\n};\n\nexport const getTags = (data: ActivityMetadata[] | IActivityGrade[], type = '') => {\n const arr: string[] = [];\n\n if (data && data.length > 0) {\n data.forEach(res => {\n if (type === 'grades') {\n const grade = `G${res.name}`;\n\n arr.push(grade);\n } else {\n arr.push(res.name);\n }\n });\n }\n\n return arr;\n};\n\nexport const FILTER_KEYS = {\n ACTIVITY_TILES: 'activity_tiles',\n ACTIVITY_TOPICS: 'activity_topics',\n ACTIVITY_TYPES: 'activity_types',\n ACTIVITY_GRADES: 'grades',\n} as const;\n\nexport const GRADE_DISPLAY_NAMES: Record<string, string> = {\n '-1': 'LKG',\n '0': 'UKG',\n '1': 'G1',\n '2': 'G2',\n '3': 'G3',\n '4': 'G4',\n '5': 'G5',\n '6': 'G6',\n '7': 'G7',\n '8': 'G8',\n '9': 'G9',\n '10': 'G10',\n '11': 'G11',\n '12': 'G12',\n 'ALG1': 'ALG1',\n 'ALG2': 'ALG2',\n 'PCAL': 'PCAL',\n 'GEO': 'GEO',\n 'CAL': 'CAL',\n};\n"],"names":["serializeData","jsonOBJ","grid","strokes","tiles","newTilesArray","tile","_a","_b","_c","_d","_e","_f","name","options","id","size","tileData","val","width","value","key","expr","start","step","stepSize","minor","denominator","count","active","newStrokeMap","stroke","strokeData","getTags","data","type","arr","res","grade","FILTER_KEYS","GRADE_DISPLAY_NAMES"],"mappings":"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"}
|
@@ -1,32 +0,0 @@
|
|
1
|
-
import p, { css as r } from "styled-components";
|
2
|
-
import x from "../../ui/layout/flex-view.js";
|
3
|
-
const t = p(x)(({
|
4
|
-
theme: o,
|
5
|
-
$activeSidebar: d
|
6
|
-
}) => r`
|
7
|
-
z-index: ${o.zIndex.TILE_CONTAINER};
|
8
|
-
background-color: ${o.colors.WHITE};
|
9
|
-
padding: 7px;
|
10
|
-
gap: 4px;
|
11
|
-
border-radius: 8px;
|
12
|
-
border: 1px solid ${o.colors.BLACK_10};
|
13
|
-
box-shadow: 0px 1px 5px 0px ${o.colors.BLACK_10};
|
14
|
-
|
15
|
-
${d === "tile" && r`
|
16
|
-
border: none;
|
17
|
-
box-shadow: none;
|
18
|
-
`}
|
19
|
-
`);
|
20
|
-
p(x)`
|
21
|
-
margin: auto;
|
22
|
-
box-shadow: 0px 1px 5px 0px ${({ theme: o }) => o.colors.BLACK_10};
|
23
|
-
border-top-left-radius: 8px;
|
24
|
-
border-top-right-radius: 8px;
|
25
|
-
bottom: 0;
|
26
|
-
left: 50%;
|
27
|
-
transform: translateX(-50%);
|
28
|
-
`;
|
29
|
-
export {
|
30
|
-
t as SideBarContainer
|
31
|
-
};
|
32
|
-
//# sourceMappingURL=sidebar-styled.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"sidebar-styled.js","sources":["../../../../src/features/cue-canvas/sidebar/sidebar-styled.tsx"],"sourcesContent":["import type { TActiveSidebar } from '../sidebar/puzzles/puzzles-type';\n\nimport styled, { css } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface IStyledTileContainer {\n $activeSidebar?: TActiveSidebar;\n}\n\nexport const SideBarContainer = styled(FlexView)<IStyledTileContainer>(({\n theme,\n $activeSidebar,\n}) => {\n return css`\n z-index: ${theme.zIndex.TILE_CONTAINER};\n background-color: ${theme.colors.WHITE};\n padding: 7px;\n gap: 4px;\n border-radius: 8px;\n border: 1px solid ${theme.colors.BLACK_10};\n box-shadow: 0px 1px 5px 0px ${theme.colors.BLACK_10};\n\n ${$activeSidebar === 'tile' &&\n css`\n border: none;\n box-shadow: none;\n `}\n `;\n});\n\nexport const StyledToolContainer = styled(FlexView)`\n margin: auto;\n box-shadow: 0px 1px 5px 0px ${({ theme }) => theme.colors.BLACK_10};\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n`;\n"],"names":["SideBarContainer","styled","FlexView","theme","$activeSidebar","css"],"mappings":";;AAUO,MAAMA,IAAmBC,EAAOC,CAAQ,EAAwB,CAAC;AAAA,EACtE,OAAAC;AAAA,EACA,gBAAAC;AACF,MACSC;AAAA,eACMF,EAAM,OAAO,cAAc;AAAA,wBAClBA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIlBA,EAAM,OAAO,QAAQ;AAAA,kCACXA,EAAM,OAAO,QAAQ;AAAA;AAAA,MAEjDC,MAAmB,UACrBC;AAAA;AAAA;AAAA,KAGC;AAAA,GAEJ;AAEkCJ,EAAOC,CAAQ;AAAA;AAAA,gCAElB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
2
|
-
import { memo as p, useState as d, useMemo as f } from "react";
|
3
|
-
import c from "../../ui/layout/flex-view.js";
|
4
|
-
import o from "../../ui/separator/separator.js";
|
5
|
-
import l from "./homework/homework.js";
|
6
|
-
import s from "./puzzles/puzzles.js";
|
7
|
-
import { SideBarContainer as u } from "./sidebar-styled.js";
|
8
|
-
import x from "./tiles/tile.js";
|
9
|
-
const S = ({ grade: m, hwRequests: t }) => {
|
10
|
-
const [r, i] = d(), a = f(() => r === "tile" ? "300px" : r === "homework" ? "248px" : r === "puzzle" ? "650px" : "auto", [r]);
|
11
|
-
return /* @__PURE__ */ e(u, { $activeSidebar: r, $width: a, children: /* @__PURE__ */ n(c, { $flexDirection: "row", children: [
|
12
|
-
/* @__PURE__ */ e(x, { activeSidebar: r, setActiveSidebar: i }),
|
13
|
-
/* @__PURE__ */ e(o, { width: 8 }),
|
14
|
-
/* @__PURE__ */ e(s, { grade: m, activeSidebar: r, setActiveSidebar: i }),
|
15
|
-
/* @__PURE__ */ e(o, { width: 8 }),
|
16
|
-
t && t.length > 0 && /* @__PURE__ */ e(
|
17
|
-
l,
|
18
|
-
{
|
19
|
-
activeSidebar: r,
|
20
|
-
setActiveSidebar: i,
|
21
|
-
hwRequests: t
|
22
|
-
}
|
23
|
-
)
|
24
|
-
] }) });
|
25
|
-
}, B = p(S);
|
26
|
-
export {
|
27
|
-
B as default
|
28
|
-
};
|
29
|
-
//# sourceMappingURL=sidebar.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"sidebar.js","sources":["../../../../src/features/cue-canvas/sidebar/sidebar.tsx"],"sourcesContent":["import type { IHomeWorkHelpRequestModelWithStudentName } from './homework/homework-types';\nimport type { TActiveSidebar } from './puzzles/puzzles-type';\nimport type { FC } from 'react';\n\nimport { memo, useMemo, useState } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Homework from './homework/homework';\nimport Puzzles from './puzzles/puzzles';\nimport { SideBarContainer } from './sidebar-styled';\nimport TileBar from './tiles/tile';\n\ninterface ISidebar {\n grade?: string;\n hwRequests?: IHomeWorkHelpRequestModelWithStudentName[];\n}\n\nconst Sidebar: FC<ISidebar> = ({ grade, hwRequests }) => {\n const [activeSidebar, setActiveSidebar] = useState<TActiveSidebar | undefined>();\n\n const width = useMemo(() => {\n if (activeSidebar === 'tile') {\n return '300px';\n }\n\n if (activeSidebar === 'homework') {\n return '248px';\n }\n\n if (activeSidebar === 'puzzle') {\n return '650px';\n }\n\n return 'auto';\n }, [activeSidebar]);\n\n return (\n <SideBarContainer $activeSidebar={activeSidebar} $width={width}>\n <FlexView $flexDirection=\"row\">\n <TileBar activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n <Separator width={8} />\n <Puzzles grade={grade} activeSidebar={activeSidebar} setActiveSidebar={setActiveSidebar} />\n <Separator width={8} />\n\n {hwRequests && hwRequests.length > 0 && (\n <Homework\n activeSidebar={activeSidebar}\n setActiveSidebar={setActiveSidebar}\n hwRequests={hwRequests}\n />\n )}\n </FlexView>\n </SideBarContainer>\n );\n};\n\nexport default memo(Sidebar);\n"],"names":["Sidebar","grade","hwRequests","activeSidebar","setActiveSidebar","useState","width","useMemo","jsx","SideBarContainer","jsxs","FlexView","TileBar","Separator","Puzzles","Homework","sidebar","memo"],"mappings":";;;;;;;;AAkBA,MAAMA,IAAwB,CAAC,EAAE,OAAAC,GAAO,YAAAC,QAAiB;AACvD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqC,GAEzEC,IAAQC,EAAQ,MAChBJ,MAAkB,SACb,UAGLA,MAAkB,aACb,UAGLA,MAAkB,WACb,UAGF,QACN,CAACA,CAAa,CAAC;AAGhB,SAAA,gBAAAK,EAACC,KAAiB,gBAAgBN,GAAe,QAAQG,GACvD,UAAA,gBAAAI,EAACC,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAQ,eAAAT,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,IAC3E,gBAAAI,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IACpB,gBAAAL,EAAAM,GAAA,EAAQ,OAAAb,GAAc,eAAAE,GAA8B,kBAAAC,EAAoC,CAAA;AAAA,IACzF,gBAAAI,EAACK,GAAU,EAAA,OAAO,EAAG,CAAA;AAAA,IAEpBX,KAAcA,EAAW,SAAS,KACjC,gBAAAM;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,eAAAZ;AAAA,QACA,kBAAAC;AAAA,QACA,YAAAF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEec,IAAAC,EAAKjB,CAAO;"}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import { jsx as l } from "react/jsx-runtime";
|
2
|
-
import { memo as c, useCallback as a } from "react";
|
3
|
-
import n from "../../../../assets/line-icons/icons/tile.js";
|
4
|
-
import { StyledWrapper as p } from "../../cue-cavas-styled.js";
|
5
|
-
import { useCueCanvasActions as d } from "../../hooks/use-cue-canvas-actions.js";
|
6
|
-
const C = c((s) => {
|
7
|
-
const { setActiveSidebar: t, activeSidebar: o } = s, { activeInstance: e, setActiveTool: i } = d(), m = a(() => {
|
8
|
-
const r = o !== "tile";
|
9
|
-
e == null || e.toggleTiles(r), t(r ? "tile" : void 0), i("move");
|
10
|
-
}, [o, e, t, i]);
|
11
|
-
return /* @__PURE__ */ l(p, { $active: o === "tile", onClick: m, children: /* @__PURE__ */ l(n, {}) });
|
12
|
-
});
|
13
|
-
export {
|
14
|
-
C as default
|
15
|
-
};
|
16
|
-
//# sourceMappingURL=tile.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"tile.js","sources":["../../../../../src/features/cue-canvas/sidebar/tiles/tile.tsx"],"sourcesContent":["import type { TActiveSidebar } from '../puzzles/puzzles-type';\nimport type { Dispatch, FC, SetStateAction } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport TileIcon from '../../../../assets/line-icons/icons/tile';\nimport { StyledWrapper } from '../../cue-cavas-styled';\nimport { useCueCanvasActions } from '../../hooks/use-cue-canvas-actions';\n\ninterface ITileBar {\n setActiveSidebar: Dispatch<SetStateAction<TActiveSidebar | undefined>>;\n activeSidebar?: TActiveSidebar;\n}\n\nconst TileBar: FC<ITileBar> = memo(props => {\n const { setActiveSidebar, activeSidebar } = props;\n const { activeInstance, setActiveTool } = useCueCanvasActions();\n\n const toggleTiles = useCallback(() => {\n const newTileState = activeSidebar !== 'tile';\n\n activeInstance?.toggleTiles(newTileState);\n setActiveSidebar(newTileState ? 'tile' : undefined);\n setActiveTool('move');\n }, [activeSidebar, activeInstance, setActiveSidebar, setActiveTool]);\n\n return (\n <StyledWrapper $active={activeSidebar === 'tile'} onClick={toggleTiles}>\n <TileIcon />\n </StyledWrapper>\n );\n});\n\nexport default TileBar;\n"],"names":["TileBar","memo","props","setActiveSidebar","activeSidebar","activeInstance","setActiveTool","useCueCanvasActions","toggleTiles","useCallback","newTileState","jsx","StyledWrapper","TileIcon"],"mappings":";;;;;AAcM,MAAAA,IAAwBC,EAAK,CAASC,MAAA;AACpC,QAAA,EAAE,kBAAAC,GAAkB,eAAAC,EAAkB,IAAAF,GACtC,EAAE,gBAAAG,GAAgB,eAAAC,EAAc,IAAIC,EAAoB,GAExDC,IAAcC,EAAY,MAAM;AACpC,UAAMC,IAAeN,MAAkB;AAEvC,IAAAC,KAAA,QAAAA,EAAgB,YAAYK,IACXP,EAAAO,IAAe,SAAS,MAAS,GAClDJ,EAAc,MAAM;AAAA,KACnB,CAACF,GAAeC,GAAgBF,GAAkBG,CAAa,CAAC;AAGjE,SAAA,gBAAAK,EAACC,KAAc,SAASR,MAAkB,QAAQ,SAASI,GACzD,UAAC,gBAAAG,EAAAE,GAAA,CAAS,CAAA,EACZ,CAAA;AAEJ,CAAC;"}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import { useRef as n, useCallback as c } from "react";
|
2
|
-
function a(u, r) {
|
3
|
-
const e = n(null);
|
4
|
-
return c(
|
5
|
-
(t) => (e.current && clearTimeout(e.current), e.current = setTimeout(() => {
|
6
|
-
u(t);
|
7
|
-
}, r), () => {
|
8
|
-
e.current && clearTimeout(e.current);
|
9
|
-
}),
|
10
|
-
[u, r]
|
11
|
-
);
|
12
|
-
}
|
13
|
-
export {
|
14
|
-
a as default
|
15
|
-
};
|
16
|
-
//# sourceMappingURL=use-debounce.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"use-debounce.js","sources":["../../../src/features/hooks/use-debounce.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nfunction useDebounce<T>(callback: (arg: T) => void, wait: number) {\n const timeoutIdRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const debouncedCallback = useCallback(\n (val: T) => {\n if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n timeoutIdRef.current = setTimeout(() => {\n callback(val);\n }, wait);\n\n return () => {\n if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n };\n },\n [callback, wait],\n );\n\n return debouncedCallback;\n}\n\nexport default useDebounce;\n"],"names":["useDebounce","callback","wait","timeoutIdRef","useRef","useCallback","val"],"mappings":";AAEA,SAASA,EAAeC,GAA4BC,GAAc;AAC1D,QAAAC,IAAeC,EAA6C,IAAI;AAgB/D,SAdmBC;AAAA,IACxB,CAACC,OACKH,EAAa,WAAsB,aAAAA,EAAa,OAAO,GAC9CA,EAAA,UAAU,WAAW,MAAM;AACtC,MAAAF,EAASK,CAAG;AAAA,OACXJ,CAAI,GAEA,MAAM;AACX,MAAIC,EAAa,WAAsB,aAAAA,EAAa,OAAO;AAAA,IAAA;AAAA,IAG/D,CAACF,GAAUC,CAAI;AAAA,EAAA;AAInB;"}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import { createGetAPI as r } from "@cuemath/rest-api";
|
2
|
-
import { BASE_URL_V3 as i } from "../../../../constants/api.js";
|
3
|
-
import { stringify as n } from "../../../../helpers/query-string.js";
|
4
|
-
const { useGet: l, invalidate: _ } = r({
|
5
|
-
getURL: (t, u, e) => {
|
6
|
-
const { milestone_state_group: s, course_stream: o } = e;
|
7
|
-
return `${i}/user-milestones/users/${t}/course-streams/${o}/count/${n(
|
8
|
-
{
|
9
|
-
milestone_state_group: s
|
10
|
-
}
|
11
|
-
)}`;
|
12
|
-
}
|
13
|
-
});
|
14
|
-
export {
|
15
|
-
_ as invalidatePastMilestoneCount,
|
16
|
-
l as useGetPastMilestoneCount
|
17
|
-
};
|
18
|
-
//# sourceMappingURL=get-past-milestone-count.js.map
|
package/dist/features/milestone/milestone-list-container/api/get-past-milestone-count.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"get-past-milestone-count.js","sources":["../../../../../src/features/milestone/milestone-list-container/api/get-past-milestone-count.ts"],"sourcesContent":["import type { TCourseStream } from '../../create/milestone-create-types';\n\nimport { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3 } from '../../../../constants/api';\nimport { stringify } from '../../../../helpers/query-string';\n\ntype TQuery = {\n milestone_state_group: 'ALL' | 'DRAFT' | 'STUDENT_ALL' | 'LIVE' | 'STUDENT_LIVE' | 'INACTIVE';\n course_stream: TCourseStream;\n};\n\nconst { useGet: useGetPastMilestoneCount, invalidate: invalidatePastMilestoneCount } = createGetAPI<\n {\n user_milestones_count: number;\n },\n void,\n TQuery\n>({\n getURL: (studentId, _, query) => {\n const { milestone_state_group, course_stream } = query;\n\n return `${BASE_URL_V3}/user-milestones/users/${studentId}/course-streams/${course_stream}/count/${stringify(\n {\n milestone_state_group,\n },\n )}`;\n },\n});\n\nexport { useGetPastMilestoneCount, invalidatePastMilestoneCount };\n"],"names":["useGetPastMilestoneCount","invalidatePastMilestoneCount","createGetAPI","studentId","_","query","milestone_state_group","course_stream","BASE_URL_V3","stringify"],"mappings":";;;AAYA,MAAM,EAAE,QAAQA,GAA0B,YAAYC,EAAA,IAAiCC,EAMrF;AAAA,EACA,QAAQ,CAACC,GAAWC,GAAGC,MAAU;AACzB,UAAA,EAAE,uBAAAC,GAAuB,eAAAC,EAAkB,IAAAF;AAEjD,WAAO,GAAGG,CAAW,0BAA0BL,CAAS,mBAAmBI,CAAa,UAAUE;AAAA,MAChG;AAAA,QACE,uBAAAH;AAAA,MACF;AAAA,IACD,CAAA;AAAA,EACH;AACF,CAAC;"}
|
@@ -1,96 +0,0 @@
|
|
1
|
-
import { jsx as n, Fragment as A, jsxs as r } from "react/jsx-runtime";
|
2
|
-
import { useMemo as x } from "react";
|
3
|
-
import { ILLUSTRATIONS as I } from "../../../../../assets/illustrations/illustrations.js";
|
4
|
-
import c from "../../../../ui/layout/flex-view.js";
|
5
|
-
import s from "../../../../ui/separator/separator.js";
|
6
|
-
import i from "../../../../ui/text/text.js";
|
7
|
-
import { CardContainer as L, CardBoard as P, ClipImage as T, BoardHole as w, CardBoardContent as D, DiscountTag as M } from "./india-pricing-styled.js";
|
8
|
-
const $ = (o) => "duration" in o && "class_ratio" in o, O = (o, a) => a === 1 ? `YELLOW_${o + 1}` : `GREEN_${o + 1}`, k = (o) => {
|
9
|
-
const { plans: a } = o, { oneVsOnePlan: f, oneVsTowPlan: m } = x(
|
10
|
-
() => ({
|
11
|
-
oneVsOnePlan: a.filter(
|
12
|
-
(e) => $(e) && e.class_ratio === 1
|
13
|
-
).sort((e, t) => e.duration - t.duration),
|
14
|
-
oneVsTowPlan: a.filter(
|
15
|
-
(e) => $(e) && e.class_ratio === 2
|
16
|
-
).sort((e, t) => e.duration - t.duration)
|
17
|
-
}),
|
18
|
-
[a]
|
19
|
-
);
|
20
|
-
return /* @__PURE__ */ n(A, { children: [f, m].map((e, t) => /* @__PURE__ */ r(L, { children: [
|
21
|
-
/* @__PURE__ */ n(s, { height: 12 }),
|
22
|
-
/* @__PURE__ */ r(P, { children: [
|
23
|
-
/* @__PURE__ */ n(T, { src: I.ELLIPSE_CLIP }),
|
24
|
-
/* @__PURE__ */ n(
|
25
|
-
w,
|
26
|
-
{
|
27
|
-
$height: 10,
|
28
|
-
$width: 10,
|
29
|
-
$borderRadius: 5,
|
30
|
-
$background: "BLACK_1",
|
31
|
-
$position: "absolute"
|
32
|
-
}
|
33
|
-
)
|
34
|
-
] }),
|
35
|
-
/* @__PURE__ */ r(D, { children: [
|
36
|
-
/* @__PURE__ */ n(s, { height: 10 }),
|
37
|
-
/* @__PURE__ */ r(i, { $renderAs: "ac1", $align: "center", children: [
|
38
|
-
"1:",
|
39
|
-
t + 1
|
40
|
-
] }),
|
41
|
-
/* @__PURE__ */ n(s, { height: 5 }),
|
42
|
-
e.map((g, p) => {
|
43
|
-
const {
|
44
|
-
amount: l,
|
45
|
-
duration: u,
|
46
|
-
class_ratio: _,
|
47
|
-
no_of_classes: b,
|
48
|
-
currency_symbol: d,
|
49
|
-
amount_after_coupon: h,
|
50
|
-
fee_per_class_after_discount: C
|
51
|
-
} = g;
|
52
|
-
return /* @__PURE__ */ r(
|
53
|
-
c,
|
54
|
-
{
|
55
|
-
$gap: 14,
|
56
|
-
$gutter: 40,
|
57
|
-
$background: O(p, _),
|
58
|
-
children: [
|
59
|
-
/* @__PURE__ */ r(c, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
|
60
|
-
/* @__PURE__ */ r(i, { $renderAs: "ac3-black", children: [
|
61
|
-
u,
|
62
|
-
" MONTHS"
|
63
|
-
] }),
|
64
|
-
/* @__PURE__ */ r(M, { $renderAs: "ub3-bold", children: [
|
65
|
-
Math.round((l - h) / l * 100),
|
66
|
-
"% off"
|
67
|
-
] })
|
68
|
-
] }),
|
69
|
-
/* @__PURE__ */ n(s, { height: 4 }),
|
70
|
-
/* @__PURE__ */ r(c, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
|
71
|
-
/* @__PURE__ */ n(i, { $renderAs: "ab2", $color: "BLACK_T_60", $textDecoration: "line-through", children: d + Math.round(l) }),
|
72
|
-
/* @__PURE__ */ n(i, { $renderAs: "ab1-bold", children: d + Math.round(h) })
|
73
|
-
] }),
|
74
|
-
/* @__PURE__ */ r(c, { $flexDirection: "row", $flexGap: 2, $alignItems: "center", children: [
|
75
|
-
/* @__PURE__ */ r(i, { $renderAs: "ub2", children: [
|
76
|
-
b,
|
77
|
-
" classes @"
|
78
|
-
] }),
|
79
|
-
/* @__PURE__ */ r(i, { $renderAs: "ub2-bold", children: [
|
80
|
-
d + Math.round(C),
|
81
|
-
"/class"
|
82
|
-
] })
|
83
|
-
] }),
|
84
|
-
/* @__PURE__ */ n(s, { height: 4 })
|
85
|
-
]
|
86
|
-
},
|
87
|
-
`ind-pricing-${u}`
|
88
|
-
);
|
89
|
-
})
|
90
|
-
] })
|
91
|
-
] }, `plan-${t}`)) });
|
92
|
-
};
|
93
|
-
export {
|
94
|
-
k as default
|
95
|
-
};
|
96
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/pricing/india-pricing/index.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type {\n IPricingIndiaProps,\n TPricingDetails,\n TLowIntentPricingDetails,\n} from '../pricing-typed';\n\nimport React, { useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './india-pricing-styled';\n\nconst isPricingDetails = (\n plan: TPricingDetails | TLowIntentPricingDetails,\n): plan is TPricingDetails => {\n return 'duration' in plan && 'class_ratio' in plan;\n};\n\nconst getColorIndex = (index: number, ratio?: 1 | 2): TColorNames => {\n if (ratio === 1) return `YELLOW_${(index + 1) as 1 | 2 | 3 | 4 | 5 | 6}`;\n\n return `GREEN_${(index + 1) as 1 | 2 | 3 | 4 | 5 | 6}`;\n};\n\nconst PricingIndia: React.FC<IPricingIndiaProps> = props => {\n const { plans } = props;\n const { oneVsOnePlan, oneVsTowPlan } = useMemo(\n () => ({\n oneVsOnePlan: plans\n .filter(\n (element): element is TPricingDetails =>\n isPricingDetails(element) && element.class_ratio === 1,\n )\n .sort((a, b) => a.duration - b.duration),\n oneVsTowPlan: plans\n .filter(\n (element): element is TPricingDetails =>\n isPricingDetails(element) && element.class_ratio === 2,\n )\n .sort((a, b) => a.duration - b.duration),\n }),\n [plans],\n );\n\n return (\n <>\n {[oneVsOnePlan, oneVsTowPlan].map((plan, planIndex) => (\n <Styled.CardContainer key={`plan-${planIndex}`}>\n <Separator height={12} />\n <Styled.CardBoard>\n <Styled.ClipImage src={ILLUSTRATIONS.ELLIPSE_CLIP} />\n <Styled.BoardHole\n $height={10}\n $width={10}\n $borderRadius={5}\n $background=\"BLACK_1\"\n $position=\"absolute\"\n />\n </Styled.CardBoard>\n <Styled.CardBoardContent>\n <Separator height={10} />\n <Text $renderAs=\"ac1\" $align=\"center\">\n 1:{planIndex + 1}\n </Text>\n <Separator height={5} />\n {plan.map((planConfig, index) => {\n const {\n amount,\n duration,\n class_ratio: classRatio,\n no_of_classes: noOfClasses,\n currency_symbol: currencySymbol,\n amount_after_coupon: amountAfterCoupon,\n fee_per_class_after_discount: feePerClassAfterDiscount,\n } = planConfig;\n\n return (\n <FlexView\n key={`ind-pricing-${duration}`}\n $gap={14}\n $gutter={40}\n $background={getColorIndex(index, classRatio)}\n >\n <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n <Text $renderAs=\"ac3-black\">{duration} MONTHS</Text>\n <Styled.DiscountTag $renderAs=\"ub3-bold\">\n {Math.round(((amount - amountAfterCoupon) / amount) * 100)}% off\n </Styled.DiscountTag>\n </FlexView>\n <Separator height={4} />\n <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\" $textDecoration=\"line-through\">\n {currencySymbol + Math.round(amount)}\n </Text>\n <Text $renderAs=\"ab1-bold\">\n {currencySymbol + Math.round(amountAfterCoupon)}\n </Text>\n </FlexView>\n <FlexView $flexDirection=\"row\" $flexGap={2} $alignItems=\"center\">\n <Text $renderAs=\"ub2\">{noOfClasses} classes @</Text>\n <Text $renderAs=\"ub2-bold\">\n {currencySymbol + Math.round(feePerClassAfterDiscount)}/class\n </Text>\n </FlexView>\n <Separator height={4} />\n </FlexView>\n );\n })}\n </Styled.CardBoardContent>\n </Styled.CardContainer>\n ))}\n </>\n );\n};\n\nexport default PricingIndia;\n"],"names":["isPricingDetails","plan","getColorIndex","index","ratio","PricingIndia","props","plans","oneVsOnePlan","oneVsTowPlan","useMemo","element","a","b","jsx","Fragment","planIndex","jsxs","Styled.CardContainer","Separator","Styled.CardBoard","Styled.ClipImage","ILLUSTRATIONS","Styled.BoardHole","Styled.CardBoardContent","Text","planConfig","amount","duration","classRatio","noOfClasses","currencySymbol","amountAfterCoupon","feePerClassAfterDiscount","FlexView","Styled.DiscountTag"],"mappings":"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"}
|
@@ -1,59 +0,0 @@
|
|
1
|
-
import t from "styled-components";
|
2
|
-
import r from "../../../../ui/layout/flex-view.js";
|
3
|
-
import i from "../../../../ui/text/text.js";
|
4
|
-
const n = t.div`
|
5
|
-
max-width: 290px;
|
6
|
-
`, s = t.div(
|
7
|
-
({ theme: o }) => `
|
8
|
-
width: 0;
|
9
|
-
height: 0;
|
10
|
-
border-left: 145px solid transparent;
|
11
|
-
border-right: 145px solid transparent;
|
12
|
-
border-bottom: 30px solid ${o.colors.BLACK_1};
|
13
|
-
position: relative;
|
14
|
-
&::after {
|
15
|
-
content: '';
|
16
|
-
position: absolute;
|
17
|
-
top: 1px;
|
18
|
-
left: -145px;
|
19
|
-
width: 0;
|
20
|
-
height: 0;
|
21
|
-
border-left: 145px solid transparent;
|
22
|
-
border-right: 145px solid transparent;
|
23
|
-
border-bottom: 30px solid ${o.colors.WHITE_1};
|
24
|
-
}
|
25
|
-
`
|
26
|
-
), a = t.div(
|
27
|
-
({ theme: o }) => `
|
28
|
-
border: 1px solid ${o.colors.BLACK_1};
|
29
|
-
background: ${o.colors.WHITE_1};
|
30
|
-
border-top: none;
|
31
|
-
`
|
32
|
-
), l = t(i)(
|
33
|
-
({ theme: o }) => `
|
34
|
-
background-color: ${o.colors.WHITE_T_60};
|
35
|
-
padding: 2px 4px;
|
36
|
-
`
|
37
|
-
), x = t.img`
|
38
|
-
position: absolute;
|
39
|
-
z-index: 1;
|
40
|
-
top: -10px;
|
41
|
-
left: 50%;
|
42
|
-
transform: translateX(-50%);
|
43
|
-
overflow: auto;
|
44
|
-
height: 34px;
|
45
|
-
width: 16.381px;
|
46
|
-
`, c = t(r)`
|
47
|
-
z-index: 2;
|
48
|
-
top: 15px;
|
49
|
-
left: -5px;
|
50
|
-
`;
|
51
|
-
export {
|
52
|
-
c as BoardHole,
|
53
|
-
s as CardBoard,
|
54
|
-
a as CardBoardContent,
|
55
|
-
n as CardContainer,
|
56
|
-
x as ClipImage,
|
57
|
-
l as DiscountTag
|
58
|
-
};
|
59
|
-
//# sourceMappingURL=india-pricing-styled.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"india-pricing-styled.js","sources":["../../../../../../src/features/trial-session/comps/pricing/india-pricing/india-pricing-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst CardContainer = styled.div`\n max-width: 290px;\n`;\n\nconst CardBoard = styled.div(\n ({ theme }) => `\n width: 0;\n height: 0;\n border-left: 145px solid transparent;\n border-right: 145px solid transparent;\n border-bottom: 30px solid ${theme.colors.BLACK_1};\n position: relative;\n &::after {\n content: '';\n position: absolute;\n top: 1px;\n left: -145px;\n width: 0;\n height: 0;\n border-left: 145px solid transparent;\n border-right: 145px solid transparent;\n border-bottom: 30px solid ${theme.colors.WHITE_1};\n }\n `,\n);\n\nconst CardBoardContent = styled.div(\n ({ theme }) => `\n border: 1px solid ${theme.colors.BLACK_1};\n background: ${theme.colors.WHITE_1};\n border-top: none;\n `,\n);\n\nconst DiscountTag = styled(Text)(\n ({ theme }) => `\n background-color: ${theme.colors.WHITE_T_60};\n padding: 2px 4px;\n`,\n);\n\nconst ClipImage = styled.img`\n position: absolute;\n z-index: 1;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n overflow: auto;\n height: 34px;\n width: 16.381px;\n`;\n\nconst BoardHole = styled(FlexView)`\n z-index: 2;\n top: 15px;\n left: -5px;\n`;\n\nexport { CardContainer, CardBoard, CardBoardContent, DiscountTag, ClipImage, BoardHole };\n"],"names":["CardContainer","styled","CardBoard","theme","CardBoardContent","DiscountTag","Text","ClipImage","BoardHole","FlexView"],"mappings":";;;AAKA,MAAMA,IAAgBC,EAAO;AAAA;AAAA,GAIvBC,IAAYD,EAAO;AAAA,EACvB,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA,gCAKeA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAWpBA,EAAM,OAAO,OAAO;AAAA;AAAA;AAGpD,GAEMC,IAAmBH,EAAO;AAAA,EAC9B,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA,uBACMA,EAAM,OAAO,OAAO;AAAA,kBACzBA,EAAM,OAAO,OAAO;AAAA;AAAA;AAGtC,GAEME,IAAcJ,EAAOK,CAAI;AAAA,EAC7B,CAAC,EAAE,OAAAH,EAAA,MAAY;AAAA,wBACOA,EAAM,OAAO,UAAU;AAAA;AAAA;AAG/C,GAEMI,IAAYN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWnBO,IAAYP,EAAOQ,CAAQ;AAAA;AAAA;AAAA;AAAA;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
<svg width="18" height="36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.62641 6.32896C3.98628 3.38256 6.10968 1 8.88071 1C11.6517 1 13.7751 3.38256 15.135 6.32896C16.5425 9.3785 17.3807 13.5061 17.3807 18C17.3807 22.4939 16.5425 26.6215 15.135 29.671C13.7751 32.6174 11.6517 35 8.88071 35V32.5714C10.1335 32.5714 11.6529 31.4202 12.93 28.6533C14.1594 25.9896 14.9521 22.2243 14.9521 18C14.9521 13.7757 14.1594 10.0104 12.93 7.34667C11.6529 4.57976 10.1335 3.42857 8.88071 3.42857C7.62794 3.42857 6.10849 4.57976 4.83145 7.34667C4.45504 8.16222 4.11957 9.08102 3.83525 10.0846C3.79647 10.2215 3.75864 10.36 3.72178 10.5L3.5 11L1 11.5C1.38463 9.57358 1.93728 7.82206 2.62641 6.32896Z" fill="black" fill-opacity="0.6" stroke="#0D0D0D"/></svg>
|