@cuemath/leap 3.3.21-j1 → 3.3.22
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/features/auth/account-selector/account-selector-styled.js +5 -6
- package/dist/features/auth/account-selector/account-selector-styled.js.map +1 -1
- package/dist/features/auth/account-selector/account-selector.js +57 -51
- package/dist/features/auth/account-selector/account-selector.js.map +1 -1
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js +6 -6
- package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map +1 -1
- package/dist/features/auth/comps/user-list/user-list-styled.js +2 -3
- package/dist/features/auth/comps/user-list/user-list-styled.js.map +1 -1
- package/dist/features/auth/signup-unavailable/signup-unavailable-styled.js +16 -0
- package/dist/features/auth/signup-unavailable/signup-unavailable-styled.js.map +1 -0
- package/dist/features/auth/signup-unavailable/signup-unavailable-view.js +62 -0
- package/dist/features/auth/signup-unavailable/signup-unavailable-view.js.map +1 -0
- package/dist/features/auth/signup-unavailable/signup-unavailable.js +17 -0
- package/dist/features/auth/signup-unavailable/signup-unavailable.js.map +1 -0
- package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.js +23 -29
- package/dist/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.js.map +1 -1
- package/dist/features/journey/journey-id/journey-id-student.js +1 -1
- package/dist/features/journey/journey-id/journey-id-student.js.map +1 -1
- package/dist/features/journey/use-journey/use-journey.js +6 -18
- package/dist/features/journey/use-journey/use-journey.js.map +1 -1
- package/dist/features/milestone/create/comps/add-custom-chapter/add-custom-chapter.js +42 -40
- package/dist/features/milestone/create/comps/add-custom-chapter/add-custom-chapter.js.map +1 -1
- package/dist/features/milestone/create/comps/add-custom-chapter/course-catalog.js +70 -64
- 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 +54 -29
- 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 +48 -28
- 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/chapters-selection-step.js +79 -76
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step.js.map +1 -1
- package/dist/features/milestone/create/comps/chapters-selection-step/utils.js +97 -94
- 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 +160 -143
- 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 +22 -12
- 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 +64 -59
- package/dist/features/milestone/create/comps/test-type-step/test-type-step.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-container.js +17 -15
- package/dist/features/milestone/create/milestone-create-container.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-helpers.js +170 -153
- package/dist/features/milestone/create/milestone-create-helpers.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-styled.js +1 -1
- package/dist/features/milestone/create/milestone-create-styled.js.map +1 -1
- package/dist/features/milestone/create/milestone-create.js +19 -17
- package/dist/features/milestone/create/milestone-create.js.map +1 -1
- package/dist/features/parent-dashboard/hooks/use-switch-user-journey.js +71 -0
- package/dist/features/parent-dashboard/hooks/use-switch-user-journey.js.map +1 -0
- package/dist/features/sentry/constants/ignored.js +10 -6
- package/dist/features/sentry/constants/ignored.js.map +1 -1
- package/dist/features/trial-session/comps/school-goals/school-goals.js +25 -24
- package/dist/features/trial-session/comps/school-goals/school-goals.js.map +1 -1
- package/dist/features/trial-session/comps/worksheet/worksheet.js +23 -23
- package/dist/features/trial-session/comps/worksheet/worksheet.js.map +1 -1
- package/dist/features/trial-session/trial-session-types.js.map +1 -1
- package/dist/index.d.ts +12 -6
- package/dist/index.js +360 -356
- package/dist/index.js.map +1 -1
- package/dist/node_modules/query-string/base.js +1 -1
- package/dist/node_modules/query-string/node_modules/decode-uri-component/index.js.map +1 -0
- package/dist/node_modules/uuid/dist/esm-browser/regex.js +5 -0
- package/dist/node_modules/uuid/dist/esm-browser/regex.js.map +1 -0
- package/dist/node_modules/uuid/dist/esm-browser/rng.js +2 -3
- package/dist/node_modules/uuid/dist/esm-browser/rng.js.map +1 -1
- package/dist/node_modules/uuid/dist/esm-browser/stringify.js +10 -6
- package/dist/node_modules/uuid/dist/esm-browser/stringify.js.map +1 -1
- package/dist/node_modules/uuid/dist/esm-browser/v4.js +9 -12
- package/dist/node_modules/uuid/dist/esm-browser/v4.js.map +1 -1
- package/dist/node_modules/uuid/dist/esm-browser/validate.js +8 -0
- package/dist/node_modules/uuid/dist/esm-browser/validate.js.map +1 -0
- package/package.json +1 -1
- package/dist/features/auth/account-selector/comps/compact-header/account-selector-header.js +0 -31
- package/dist/features/auth/account-selector/comps/compact-header/account-selector-header.js.map +0 -1
- package/dist/node_modules/decode-uri-component/index.js.map +0 -1
- package/dist/node_modules/uuid/dist/esm-browser/native.js +0 -7
- package/dist/node_modules/uuid/dist/esm-browser/native.js.map +0 -1
- /package/dist/node_modules/{decode-uri-component → query-string/node_modules/decode-uri-component}/index.js +0 -0
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
width: 100%;
|
|
1
|
+
import r from "styled-components";
|
|
2
|
+
import m from "../../ui/image/image.js";
|
|
3
|
+
const t = r(m)`
|
|
4
|
+
background-color: ${({ theme: o }) => o.colors.WHITE};
|
|
6
5
|
`;
|
|
7
6
|
export {
|
|
8
|
-
|
|
7
|
+
t as ImageWrapper
|
|
9
8
|
};
|
|
10
9
|
//# sourceMappingURL=account-selector-styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"account-selector-styled.js","sources":["../../../../src/features/auth/account-selector/account-selector-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport
|
|
1
|
+
{"version":3,"file":"account-selector-styled.js","sources":["../../../../src/features/auth/account-selector/account-selector-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Image from '../../ui/image/image';\n\nexport const ImageWrapper = styled(Image)`\n background-color: ${({ theme }) => theme.colors.WHITE};\n`;\n"],"names":["ImageWrapper","styled","Image","theme"],"mappings":";;AAIa,MAAAA,IAAeC,EAAOC,CAAK;AAAA,sBAClB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;"}
|
|
@@ -1,64 +1,70 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { memo as
|
|
1
|
+
import { jsxs as r, jsx as e, Fragment as s } from "react/jsx-runtime";
|
|
2
|
+
import { memo as d } from "react";
|
|
3
3
|
import { useTheme as $ } from "styled-components";
|
|
4
|
-
import { ILLUSTRATIONS as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import { EDeviceType as
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
isLoading: f,
|
|
19
|
-
onGoBack: p
|
|
4
|
+
import { ILLUSTRATIONS as m } from "../../../assets/illustrations/illustrations.js";
|
|
5
|
+
import f from "../../ui/image/image.js";
|
|
6
|
+
import t from "../../ui/layout/flex-view.js";
|
|
7
|
+
import o from "../../ui/separator/separator.js";
|
|
8
|
+
import n from "../../ui/text/text.js";
|
|
9
|
+
import { EDeviceType as g } from "../../ui/theme/constants.js";
|
|
10
|
+
import T from "../comps/overlay-loader/overlay-loader.js";
|
|
11
|
+
import u from "../comps/user-list/user-list.js";
|
|
12
|
+
import { ImageWrapper as w } from "./account-selector-styled.js";
|
|
13
|
+
const L = ({
|
|
14
|
+
userAccounts: i,
|
|
15
|
+
onSelect: c,
|
|
16
|
+
onAddNew: h,
|
|
17
|
+
isLoading: l
|
|
20
18
|
}) => {
|
|
21
|
-
const { device:
|
|
22
|
-
return /* @__PURE__ */
|
|
23
|
-
|
|
19
|
+
const { device: p } = $(), a = p <= g.TABLET;
|
|
20
|
+
return /* @__PURE__ */ r(
|
|
21
|
+
t,
|
|
24
22
|
{
|
|
25
|
-
$
|
|
26
|
-
$
|
|
23
|
+
$flex: 1,
|
|
24
|
+
$alignItems: "center",
|
|
25
|
+
$justifyContent: "center",
|
|
27
26
|
$width: "100%",
|
|
28
|
-
$height: "
|
|
29
|
-
$gapX:
|
|
27
|
+
$height: "100%",
|
|
28
|
+
$gapX: 2,
|
|
30
29
|
children: [
|
|
31
|
-
/* @__PURE__ */ e(
|
|
32
|
-
/* @__PURE__ */ e(
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
/* @__PURE__ */ e(T, { isLoading: l }),
|
|
31
|
+
/* @__PURE__ */ e(f, { src: m.CIRCLE_CUEMATH_LOGO_WHITE, alt: "Parent Signup", withLoader: !1 }),
|
|
32
|
+
/* @__PURE__ */ e(o, { heightX: 1 }),
|
|
33
|
+
/* @__PURE__ */ e(n, { $renderAs: "ab1", $color: "WHITE_T_60", $align: "center", children: "Switch between accounts" }),
|
|
34
|
+
/* @__PURE__ */ e(o, { heightX: a ? 1.5 : 5 }),
|
|
35
|
+
i.length > 0 && /* @__PURE__ */ r(s, { children: [
|
|
36
|
+
/* @__PURE__ */ e(u, { users: i, onSelect: c, onAddNew: h }),
|
|
37
|
+
/* @__PURE__ */ e(o, { heightX: a ? 1.5 : 5 }),
|
|
38
|
+
/* @__PURE__ */ r(
|
|
39
|
+
t,
|
|
36
40
|
{
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
width:
|
|
41
|
+
$gutterX: 0.5,
|
|
42
|
+
$gapX: 1,
|
|
43
|
+
$flexGapX: 0.5,
|
|
44
|
+
$width: 280,
|
|
45
|
+
$borderColor: "BLACK_5",
|
|
46
|
+
$background: "BLACK_3",
|
|
47
|
+
$flexDirection: "row",
|
|
48
|
+
children: [
|
|
49
|
+
/* @__PURE__ */ e(
|
|
50
|
+
w,
|
|
51
|
+
{
|
|
52
|
+
src: m.CUEMATH_APP_QR_CODE,
|
|
53
|
+
width: 80,
|
|
54
|
+
height: 80,
|
|
55
|
+
withLoader: !1
|
|
56
|
+
}
|
|
57
|
+
),
|
|
58
|
+
/* @__PURE__ */ e(t, { $gapX: 0.5, $flex: 1, children: /* @__PURE__ */ e(n, { $color: "WHITE", $renderOnTabletAs: "ab3", $renderAs: "ab2", children: "Download the cuemath app to view your children’s report" }) })
|
|
59
|
+
]
|
|
41
60
|
}
|
|
42
|
-
)
|
|
43
|
-
|
|
44
|
-
/* @__PURE__ */ e(u, { $renderAs: "ab1", $color: "WHITE_T_60", $align: "center", children: "Switch between accounts" })
|
|
45
|
-
] }),
|
|
46
|
-
/* @__PURE__ */ e(c, { height: t ? 0 : 40 }),
|
|
47
|
-
/* @__PURE__ */ e(
|
|
48
|
-
I,
|
|
49
|
-
{
|
|
50
|
-
$flex: t ? 1 : 0,
|
|
51
|
-
$justifyContent: r ? "flex-start" : "center",
|
|
52
|
-
$alignItems: r ? "flex-start" : "center",
|
|
53
|
-
$width: "100%",
|
|
54
|
-
children: o.length > 0 && /* @__PURE__ */ e(T, { users: o, onSelect: a, onAddNew: l, maxColumns: 3 })
|
|
55
|
-
}
|
|
56
|
-
)
|
|
61
|
+
)
|
|
62
|
+
] })
|
|
57
63
|
]
|
|
58
64
|
}
|
|
59
65
|
);
|
|
60
|
-
},
|
|
66
|
+
}, y = d(L);
|
|
61
67
|
export {
|
|
62
|
-
|
|
68
|
+
y as default
|
|
63
69
|
};
|
|
64
70
|
//# sourceMappingURL=account-selector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"account-selector.js","sources":["../../../../src/features/auth/account-selector/account-selector.tsx"],"sourcesContent":["import type { IAccountSelectorViewProps } from './account-selector-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\nimport OverlayLoader from '../comps/overlay-loader/overlay-loader';\nimport UserList from '../comps/user-list/user-list';\nimport * as Styled from './account-selector-styled';\
|
|
1
|
+
{"version":3,"file":"account-selector.js","sources":["../../../../src/features/auth/account-selector/account-selector.tsx"],"sourcesContent":["import type { IAccountSelectorViewProps } from './account-selector-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\nimport OverlayLoader from '../comps/overlay-loader/overlay-loader';\nimport UserList from '../comps/user-list/user-list';\nimport * as Styled from './account-selector-styled';\n\nconst AccountSelector = ({\n userAccounts,\n onSelect,\n onAddNew,\n isLoading,\n}: IAccountSelectorViewProps) => {\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n\n return (\n <FlexView\n $flex={1}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $width=\"100%\"\n $height=\"100%\"\n $gapX={2}\n >\n <OverlayLoader isLoading={isLoading} />\n <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Parent Signup\" withLoader={false} />\n <Separator heightX={1} />\n <Text $renderAs=\"ab1\" $color=\"WHITE_T_60\" $align=\"center\">\n Switch between accounts\n </Text>\n <Separator heightX={isCompact ? 1.5 : 5} />\n {userAccounts.length > 0 && (\n <>\n <UserList users={userAccounts} onSelect={onSelect} onAddNew={onAddNew} />\n <Separator heightX={isCompact ? 1.5 : 5} />\n <FlexView\n $gutterX={0.5}\n $gapX={1}\n $flexGapX={0.5}\n $width={280}\n $borderColor=\"BLACK_5\"\n $background=\"BLACK_3\"\n $flexDirection=\"row\"\n >\n <Styled.ImageWrapper\n src={ILLUSTRATIONS.CUEMATH_APP_QR_CODE}\n width={80}\n height={80}\n withLoader={false}\n />\n <FlexView $gapX={0.5} $flex={1}>\n <Text $color=\"WHITE\" $renderOnTabletAs=\"ab3\" $renderAs=\"ab2\">\n Download the cuemath app to view your children’s report\n </Text>\n </FlexView>\n </FlexView>\n </>\n )}\n </FlexView>\n );\n};\n\nexport default memo(AccountSelector);\n"],"names":["AccountSelector","userAccounts","onSelect","onAddNew","isLoading","device","useTheme","isCompact","EDeviceType","jsxs","FlexView","jsx","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","Fragment","UserList","Styled.ImageWrapper","accountSelector","memo"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAkB,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAAiC;AACzB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAGtC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAO;AAAA,MAEP,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAc,WAAAR,GAAsB;AAAA,QACrC,gBAAAO,EAACE,KAAM,KAAKC,EAAc,2BAA2B,KAAI,iBAAgB,YAAY,IAAO;AAAA,QAC5F,gBAAAH,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAJ,EAACK,KAAK,WAAU,OAAM,QAAO,cAAa,QAAO,UAAS,UAE1D,0BAAA,CAAA;AAAA,QACC,gBAAAL,EAAAI,GAAA,EAAU,SAASR,IAAY,MAAM,GAAG;AAAA,QACxCN,EAAa,SAAS,KAEnB,gBAAAQ,EAAAQ,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAN,EAACO,GAAS,EAAA,OAAOjB,GAAc,UAAAC,GAAoB,UAAAC,GAAoB;AAAA,UACtE,gBAAAQ,EAAAI,GAAA,EAAU,SAASR,IAAY,MAAM,GAAG;AAAA,UACzC,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,OAAO;AAAA,cACP,WAAW;AAAA,cACX,QAAQ;AAAA,cACR,cAAa;AAAA,cACb,aAAY;AAAA,cACZ,gBAAe;AAAA,cAEf,UAAA;AAAA,gBAAA,gBAAAC;AAAA,kBAACQ;AAAAA,kBAAA;AAAA,oBACC,KAAKL,EAAc;AAAA,oBACnB,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,YAAY;AAAA,kBAAA;AAAA,gBACd;AAAA,gBACC,gBAAAH,EAAAD,GAAA,EAAS,OAAO,KAAK,OAAO,GAC3B,UAAA,gBAAAC,EAACK,GAAK,EAAA,QAAO,SAAQ,mBAAkB,OAAM,WAAU,OAAM,oEAE7D,CAAA,GACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEeI,IAAAC,EAAKrB,CAAe;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as c, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { memo as h } from "react";
|
|
3
|
-
import { useTheme as
|
|
4
|
-
import
|
|
3
|
+
import { useTheme as s } from "styled-components";
|
|
4
|
+
import a from "../../../ui/layout/flex-view.js";
|
|
5
5
|
import { EDeviceType as p } from "../../../ui/theme/constants.js";
|
|
6
6
|
import { Container as d, ContentWrapper as f } from "./auth-page-layout-styled.js";
|
|
7
7
|
const u = ({
|
|
@@ -10,7 +10,7 @@ const u = ({
|
|
|
10
10
|
isFullWidth: t,
|
|
11
11
|
rightBlockBg: m = "BLACK_2"
|
|
12
12
|
}) => {
|
|
13
|
-
const { device: n } =
|
|
13
|
+
const { device: n } = s(), e = n <= p.TABLET;
|
|
14
14
|
return /* @__PURE__ */ c(d, { $width: "100%", $height: "100%", $flexDirection: "row", children: [
|
|
15
15
|
/* @__PURE__ */ r(
|
|
16
16
|
f,
|
|
@@ -20,10 +20,10 @@ const u = ({
|
|
|
20
20
|
children: i
|
|
21
21
|
}
|
|
22
22
|
),
|
|
23
|
-
!e && o && !t && /* @__PURE__ */ r(
|
|
23
|
+
!e && o && !t && /* @__PURE__ */ r(a, { $width: "50%", $background: m, children: o })
|
|
24
24
|
] });
|
|
25
|
-
},
|
|
25
|
+
}, L = h(u);
|
|
26
26
|
export {
|
|
27
|
-
|
|
27
|
+
L as default
|
|
28
28
|
};
|
|
29
29
|
//# sourceMappingURL=auth-page-layout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"auth-page-layout.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout.tsx"],"sourcesContent":["import type { IAuthPageLayoutProps } from './auth-page-layout-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './auth-page-layout-styled';\n\nconst AuthPageLayout: FC<IAuthPageLayoutProps> = ({\n leftBlock,\n rightBlock,\n isFullWidth,\n rightBlockBg = 'BLACK_2',\n}) => {\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n const showRightBlock = !isCompact && rightBlock && !isFullWidth;\n\n return (\n <Styled.Container $width=\"100%\" $height=\"100%\" $flexDirection=\"row\">\n <Styled.ContentWrapper\n $width={isFullWidth || isCompact ? '100%' : '50%'}\n $background=\"BLACK_1\"\n >\n {leftBlock}\n </Styled.ContentWrapper>\n {showRightBlock && (\n <FlexView $width=\"50%\" $background={rightBlockBg}>\n {rightBlock}\n </FlexView>\n )}\n </Styled.Container>\n );\n};\n\nexport default memo(AuthPageLayout);\n"],"names":["AuthPageLayout","leftBlock","rightBlock","isFullWidth","rightBlockBg","device","useTheme","isCompact","EDeviceType","jsxs","Styled.Container","jsx","Styled.ContentWrapper","FlexView","
|
|
1
|
+
{"version":3,"file":"auth-page-layout.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout.tsx"],"sourcesContent":["import type { IAuthPageLayoutProps } from './auth-page-layout-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './auth-page-layout-styled';\n\nconst AuthPageLayout: FC<IAuthPageLayoutProps> = ({\n leftBlock,\n rightBlock,\n isFullWidth,\n rightBlockBg = 'BLACK_2',\n}) => {\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n const showRightBlock = !isCompact && rightBlock && !isFullWidth;\n\n return (\n <Styled.Container $width=\"100%\" $height=\"100%\" $flexDirection=\"row\">\n <Styled.ContentWrapper\n $width={isFullWidth || isCompact ? '100%' : '50%'}\n $background=\"BLACK_1\"\n >\n {leftBlock}\n </Styled.ContentWrapper>\n {showRightBlock && (\n <FlexView $width=\"50%\" $background={rightBlockBg}>\n {rightBlock}\n </FlexView>\n )}\n </Styled.Container>\n );\n};\n\nexport default memo(AuthPageLayout);\n"],"names":["AuthPageLayout","leftBlock","rightBlock","isFullWidth","rightBlockBg","device","useTheme","isCompact","EDeviceType","jsxs","Styled.Container","jsx","Styled.ContentWrapper","FlexView","AuthPageLayout$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAA2C,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAItC,SAAA,gBAAAC,EAACC,GAAA,EAAiB,QAAO,QAAO,SAAQ,QAAO,gBAAe,OAC5D,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,QAAQT,KAAeI,IAAY,SAAS;AAAA,QAC5C,aAAY;AAAA,QAEX,UAAAN;AAAA,MAAA;AAAA,IACH;AAAA,IATmB,CAACM,KAAaL,KAAc,CAACC,KAW7C,gBAAAQ,EAAAE,GAAA,EAAS,QAAO,OAAM,aAAaT,GACjC,UACHF,GAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEeY,IAAAC,EAAKf,CAAc;"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import t from "styled-components";
|
|
2
2
|
import { UserItemCard as e } from "./user-item/user-item-styled.js";
|
|
3
|
-
const
|
|
3
|
+
const i = t.div`
|
|
4
4
|
display: inline-grid;
|
|
5
5
|
grid-template-columns: repeat(
|
|
6
6
|
${({ itemCount: r, maxColumns: o }) => r < o ? r : o},
|
|
7
7
|
${({ cardWidth: r }) => r}px
|
|
8
8
|
);
|
|
9
9
|
grid-auto-rows: ${({ cardWidth: r }) => r}px;
|
|
10
|
-
max-height: 100%;
|
|
11
10
|
`, s = t(e)`
|
|
12
11
|
&:hover {
|
|
13
12
|
background-color: ${({ theme: r }) => r.colors.BLACK_4};
|
|
@@ -15,6 +14,6 @@ const p = t.div`
|
|
|
15
14
|
`;
|
|
16
15
|
export {
|
|
17
16
|
s as AddAccountButton,
|
|
18
|
-
|
|
17
|
+
i as UserListWrapper
|
|
19
18
|
};
|
|
20
19
|
//# sourceMappingURL=user-list-styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"user-list-styled.js","sources":["../../../../../src/features/auth/comps/user-list/user-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { UserItemCard } from './user-item/user-item-styled';\n\nexport const UserListWrapper = styled.div<{\n itemCount: number;\n maxColumns: number;\n cardWidth: number;\n}>`\n display: inline-grid;\n grid-template-columns: repeat(\n ${({ itemCount, maxColumns }) => (itemCount < maxColumns ? itemCount : maxColumns)},\n ${({ cardWidth }) => cardWidth}px\n );\n grid-auto-rows: ${({ cardWidth }) => cardWidth}px;\n
|
|
1
|
+
{"version":3,"file":"user-list-styled.js","sources":["../../../../../src/features/auth/comps/user-list/user-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { UserItemCard } from './user-item/user-item-styled';\n\nexport const UserListWrapper = styled.div<{\n itemCount: number;\n maxColumns: number;\n cardWidth: number;\n}>`\n display: inline-grid;\n grid-template-columns: repeat(\n ${({ itemCount, maxColumns }) => (itemCount < maxColumns ? itemCount : maxColumns)},\n ${({ cardWidth }) => cardWidth}px\n );\n grid-auto-rows: ${({ cardWidth }) => cardWidth}px;\n`;\n\nexport const AddAccountButton = styled(UserItemCard)`\n &:hover {\n background-color: ${({ theme }) => theme.colors.BLACK_4};\n }\n`;\n"],"names":["UserListWrapper","styled","itemCount","maxColumns","cardWidth","AddAccountButton","UserItemCard","theme"],"mappings":";;AAIO,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA,MAOhC,CAAC,EAAE,WAAAC,GAAW,YAAAC,EAAA,MAAkBD,IAAYC,IAAaD,IAAYC,CAAW;AAAA,MAChF,CAAC,EAAE,WAAAC,EAAU,MAAMA,CAAS;AAAA;AAAA,oBAEd,CAAC,EAAE,WAAAA,EAAU,MAAMA,CAAS;AAAA,GAGnCC,IAAmBJ,EAAOK,CAAY;AAAA;AAAA,wBAE3B,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import e from "styled-components";
|
|
2
|
+
import r from "../../ui/layout/flex-view.js";
|
|
3
|
+
const m = e(r)(({ theme: t }) => `
|
|
4
|
+
width: 100%;
|
|
5
|
+
max-width: 480px;
|
|
6
|
+
${t.mediaQueries.minWidthSmallDesktop} {
|
|
7
|
+
max-width: 360px;
|
|
8
|
+
}
|
|
9
|
+
`), a = e(r)`
|
|
10
|
+
max-width: 360px;
|
|
11
|
+
`;
|
|
12
|
+
export {
|
|
13
|
+
a as HeaderWrapper,
|
|
14
|
+
m as Wrapper
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=signup-unavailable-styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"signup-unavailable-styled.js","sources":["../../../../src/features/auth/signup-unavailable/signup-unavailable-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nexport const Wrapper = styled(FlexView)(({ theme }) => {\n return `\n width: 100%;\n max-width: 480px;\n ${theme.mediaQueries.minWidthSmallDesktop} {\n max-width: 360px;\n }\n`;\n});\n\nexport const HeaderWrapper = styled(FlexView)`\n max-width: 360px;\n`;\n"],"names":["Wrapper","styled","FlexView","theme","HeaderWrapper"],"mappings":";;AAIO,MAAMA,IAAUC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAClC;AAAA;AAAA;AAAA,IAGLA,EAAM,aAAa,oBAAoB;AAAA;AAAA;AAAA,CAI1C,GAEYC,IAAgBH,EAAOC,CAAQ;AAAA;AAAA;"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { memo as d } from "react";
|
|
3
|
+
import { useTheme as $ } from "styled-components";
|
|
4
|
+
import m from "../../ui/buttons/text-button/text-button.js";
|
|
5
|
+
import i from "../../ui/layout/flex-view.js";
|
|
6
|
+
import o from "../../ui/separator/separator.js";
|
|
7
|
+
import n from "../../ui/text/text.js";
|
|
8
|
+
import { EDeviceType as h } from "../../ui/theme/constants.js";
|
|
9
|
+
import p from "../pla-signup/onboarding-guide/onboarding-guide.js";
|
|
10
|
+
import l from "../pla-signup/signup-header/signup-header.js";
|
|
11
|
+
import { HeaderWrapper as s, Wrapper as g } from "./signup-unavailable-styled.js";
|
|
12
|
+
const u = ({ onGoToLogin: a }) => {
|
|
13
|
+
const { device: c } = $(), r = c <= h.TABLET;
|
|
14
|
+
return /* @__PURE__ */ t(
|
|
15
|
+
i,
|
|
16
|
+
{
|
|
17
|
+
$alignItems: "center",
|
|
18
|
+
$flex: 1,
|
|
19
|
+
$height: "100%",
|
|
20
|
+
$justifyContent: "space-between",
|
|
21
|
+
$gapX: r ? 0 : 3,
|
|
22
|
+
$width: "100%",
|
|
23
|
+
children: [
|
|
24
|
+
r && /* @__PURE__ */ t(i, { $gapX: 1, $background: "BLACK_4", $width: "100%", $gutterX: 0.75, children: [
|
|
25
|
+
/* @__PURE__ */ e(s, { $gutterX: 0.25, $width: "100%", $alignSelf: "center", children: /* @__PURE__ */ e(l, {}) }),
|
|
26
|
+
/* @__PURE__ */ e(o, { heightX: 2 }),
|
|
27
|
+
/* @__PURE__ */ e(p, {}),
|
|
28
|
+
/* @__PURE__ */ e(o, { heightX: 1.25 })
|
|
29
|
+
] }),
|
|
30
|
+
/* @__PURE__ */ t(g, { $flex: 1, $alignSelf: "center", $justifyContent: "center", children: [
|
|
31
|
+
!r && /* @__PURE__ */ e(l, {}),
|
|
32
|
+
/* @__PURE__ */ t(
|
|
33
|
+
i,
|
|
34
|
+
{
|
|
35
|
+
$flex: 1,
|
|
36
|
+
$alignSelf: "center",
|
|
37
|
+
$justifyContent: "center",
|
|
38
|
+
$width: r ? "100%" : "auto",
|
|
39
|
+
$gutterX: r ? 2.5 : 0,
|
|
40
|
+
$gapX: r ? 1.5 : 5,
|
|
41
|
+
children: [
|
|
42
|
+
/* @__PURE__ */ e(n, { $renderAs: "ah3-bold", $renderOnMobileAs: "ah4-bold", $color: "WHITE", children: "Sorry! Signup is currently limited to select regions." }),
|
|
43
|
+
/* @__PURE__ */ e(o, { heightX: 1 }),
|
|
44
|
+
/* @__PURE__ */ e(n, { $renderAs: "ab3", $color: "WHITE_T_60", children: "We’re working hard to make our services available worldwide and hope to include your region soon." }),
|
|
45
|
+
/* @__PURE__ */ e(o, { heightX: r ? 2 : 8 }),
|
|
46
|
+
/* @__PURE__ */ t(i, { $flexDirection: "row", $alignItems: "center", children: [
|
|
47
|
+
/* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "WHITE", children: "Already have an account?" }),
|
|
48
|
+
" ",
|
|
49
|
+
/* @__PURE__ */ e(m, { size: "small", label: "Log In", color: "WHITE", onClick: a })
|
|
50
|
+
] })
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
)
|
|
54
|
+
] })
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
}, W = d(u);
|
|
59
|
+
export {
|
|
60
|
+
W as default
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=signup-unavailable-view.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"signup-unavailable-view.js","sources":["../../../../src/features/auth/signup-unavailable/signup-unavailable-view.tsx"],"sourcesContent":["import type { ISignupUnavailableProps } from './signup-unavailable-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../ui/buttons/text-button/text-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\nimport OnboardingGuide from '../pla-signup/onboarding-guide/onboarding-guide';\nimport SignupHeader from '../pla-signup/signup-header/signup-header';\nimport * as Styled from './signup-unavailable-styled';\n\nconst SignupUnavailableView: FC<ISignupUnavailableProps> = ({ onGoToLogin }) => {\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n\n return (\n <FlexView\n $alignItems=\"center\"\n $flex={1}\n $height=\"100%\"\n $justifyContent=\"space-between\"\n $gapX={isCompact ? 0 : 3}\n $width=\"100%\"\n >\n {isCompact && (\n <FlexView $gapX={1} $background=\"BLACK_4\" $width=\"100%\" $gutterX={0.75}>\n <Styled.HeaderWrapper $gutterX={0.25} $width=\"100%\" $alignSelf=\"center\">\n <SignupHeader />\n </Styled.HeaderWrapper>\n <Separator heightX={2} />\n <OnboardingGuide />\n <Separator heightX={1.25} />\n </FlexView>\n )}\n\n <Styled.Wrapper $flex={1} $alignSelf=\"center\" $justifyContent=\"center\">\n {!isCompact && <SignupHeader />}\n <FlexView\n $flex={1}\n $alignSelf=\"center\"\n $justifyContent=\"center\"\n $width={isCompact ? '100%' : 'auto'}\n $gutterX={isCompact ? 2.5 : 0}\n $gapX={isCompact ? 1.5 : 5}\n >\n <Text $renderAs=\"ah3-bold\" $renderOnMobileAs=\"ah4-bold\" $color=\"WHITE\">\n Sorry! Signup is currently limited to select regions.\n </Text>\n <Separator heightX={1} />\n <Text $renderAs=\"ab3\" $color=\"WHITE_T_60\">\n We’re working hard to make our services available worldwide and hope to include your\n region soon.\n </Text>\n <Separator heightX={isCompact ? 2 : 8} />\n <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n <Text $renderAs=\"ub3\" $color=\"WHITE\">\n Already have an account?\n </Text>\n \n <TextButton size=\"small\" label=\"Log In\" color=\"WHITE\" onClick={onGoToLogin} />\n </FlexView>\n </FlexView>\n </Styled.Wrapper>\n </FlexView>\n );\n};\n\nexport default memo(SignupUnavailableView);\n"],"names":["SignupUnavailableView","onGoToLogin","device","useTheme","isCompact","EDeviceType","jsxs","FlexView","jsx","Styled.HeaderWrapper","SignupHeader","Separator","OnboardingGuide","Styled.Wrapper","Text","TextButton","SignupUnavailableView$1","memo"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqD,CAAC,EAAE,aAAAC,QAAkB;AACxE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAGtC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,OAAO;AAAA,MACP,SAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,OAAOH,IAAY,IAAI;AAAA,MACvB,QAAO;AAAA,MAEN,UAAA;AAAA,QACCA,KAAA,gBAAAE,EAACC,KAAS,OAAO,GAAG,aAAY,WAAU,QAAO,QAAO,UAAU,MAChE,UAAA;AAAA,UAAC,gBAAAC,EAAAC,GAAA,EAAqB,UAAU,MAAM,QAAO,QAAO,YAAW,UAC7D,UAAC,gBAAAD,EAAAE,GAAA,CAAA,CAAa,EAChB,CAAA;AAAA,UACA,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,4BACtBC,GAAgB,EAAA;AAAA,UACjB,gBAAAJ,EAACG,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QAAA,GAC5B;AAAA,QAGF,gBAAAL,EAACO,GAAA,EAAe,OAAO,GAAG,YAAW,UAAS,iBAAgB,UAC3D,UAAA;AAAA,UAAC,CAAAT,uBAAcM,GAAa,EAAA;AAAA,UAC7B,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,YAAW;AAAA,cACX,iBAAgB;AAAA,cAChB,QAAQH,IAAY,SAAS;AAAA,cAC7B,UAAUA,IAAY,MAAM;AAAA,cAC5B,OAAOA,IAAY,MAAM;AAAA,cAEzB,UAAA;AAAA,gBAAA,gBAAAI,EAACM,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,wDAAA,CAAA;AAAA,gBACA,gBAAAN,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,kCACtBG,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAG1C,qGAAA;AAAA,gBACC,gBAAAN,EAAAG,GAAA,EAAU,SAASP,IAAY,IAAI,GAAG;AAAA,gBACtC,gBAAAE,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,kBAAA,gBAAAC,EAACM,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,kBAAO;AAAA,kBAEP,gBAAAN,EAACO,KAAW,MAAK,SAAQ,OAAM,UAAS,OAAM,SAAQ,SAASd,EAAa,CAAA;AAAA,gBAAA,GAC9E;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEee,IAAAC,EAAKjB,CAAqB;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { memo as r } from "react";
|
|
3
|
+
import t from "../comps/auth-page-layout/auth-page-layout.js";
|
|
4
|
+
import a from "../pla-signup/onboarding-guide/onboarding-guide.js";
|
|
5
|
+
import m from "./signup-unavailable-view.js";
|
|
6
|
+
const e = (i) => /* @__PURE__ */ o(
|
|
7
|
+
t,
|
|
8
|
+
{
|
|
9
|
+
leftBlock: /* @__PURE__ */ o(m, { ...i }),
|
|
10
|
+
rightBlock: /* @__PURE__ */ o(a, {}),
|
|
11
|
+
rightBlockBg: "BLACK_3"
|
|
12
|
+
}
|
|
13
|
+
), f = r(e);
|
|
14
|
+
export {
|
|
15
|
+
f as default
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=signup-unavailable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"signup-unavailable.js","sources":["../../../../src/features/auth/signup-unavailable/signup-unavailable.tsx"],"sourcesContent":["import type { ISignupUnavailableProps } from './signup-unavailable-types';\n\nimport { memo, type FC } from 'react';\n\nimport AuthPageLayout from '../comps/auth-page-layout/auth-page-layout';\nimport OnboardingGuide from '../pla-signup/onboarding-guide/onboarding-guide';\nimport SignupUnavailableView from './signup-unavailable-view';\n\nconst SignupUnavailable: FC<ISignupUnavailableProps> = props => {\n return (\n <AuthPageLayout\n leftBlock={<SignupUnavailableView {...props} />}\n rightBlock={<OnboardingGuide />}\n rightBlockBg=\"BLACK_3\"\n />\n );\n};\n\nexport default memo(SignupUnavailable);\n"],"names":["SignupUnavailable","props","jsx","AuthPageLayout","SignupUnavailableView","OnboardingGuide","signupUnavailable","memo"],"mappings":";;;;;AAQA,MAAMA,IAAiD,CAASC,MAE5D,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAW,gBAAAD,EAACE,GAAuB,EAAA,GAAGH,EAAO,CAAA;AAAA,IAC7C,8BAAaI,GAAgB,EAAA;AAAA,IAC7B,cAAa;AAAA,EAAA;AAAA,GAKJC,IAAAC,EAAKP,CAAiB;"}
|
|
@@ -1,24 +1,25 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useRef as
|
|
3
|
-
import
|
|
4
|
-
import { JOURNEY_ID_STUDENT as
|
|
5
|
-
import { IndicatorType as
|
|
6
|
-
import { useJourney as
|
|
7
|
-
import
|
|
8
|
-
const
|
|
9
|
-
const o =
|
|
10
|
-
|
|
11
|
-
}, [o,
|
|
12
|
-
document.body.style.overflow = "unset",
|
|
13
|
-
}, [
|
|
14
|
-
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as p, useCallback as e } from "react";
|
|
3
|
+
import y from "../../../ui/avatar/avatar.js";
|
|
4
|
+
import { JOURNEY_ID_STUDENT as h } from "../../journey-id/journey-id-student.js";
|
|
5
|
+
import { IndicatorType as C } from "../../use-journey/constants.js";
|
|
6
|
+
import { useJourney as T } from "../../use-journey/use-journey.js";
|
|
7
|
+
import J from "../use-home-page-journey/tooltip-item.js";
|
|
8
|
+
const B = () => {
|
|
9
|
+
const o = h.PUZZLE_DASHBOARD_JOURNEY, c = p([]), { setJourney: n, endJourney: s, nextCoachmark: i } = T(), a = e(() => {
|
|
10
|
+
i(o, !1, 0, !1);
|
|
11
|
+
}, [o, i]), l = e(() => {
|
|
12
|
+
document.body.style.overflow = "unset", s(o);
|
|
13
|
+
}, [s, o]);
|
|
14
|
+
return e(
|
|
15
|
+
(t, d) => {
|
|
15
16
|
if (!(t != null && t.current))
|
|
16
17
|
return;
|
|
17
|
-
const
|
|
18
|
+
const u = [
|
|
18
19
|
{
|
|
19
20
|
originalElementToHighlightRef: t,
|
|
20
|
-
elementToHighlight: /* @__PURE__ */
|
|
21
|
-
type:
|
|
21
|
+
elementToHighlight: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(y, { size: 55, avatar: d }) }),
|
|
22
|
+
type: C.TOOLTIP,
|
|
22
23
|
indicator: {
|
|
23
24
|
renderAs: "primary",
|
|
24
25
|
tooltipXCoOrdinates: 42,
|
|
@@ -29,8 +30,8 @@ const I = () => {
|
|
|
29
30
|
backgroundColor: "BLUE_4",
|
|
30
31
|
borderColor: "BLACK",
|
|
31
32
|
arrowColor: "BLACK",
|
|
32
|
-
tooltipItem: /* @__PURE__ */
|
|
33
|
-
|
|
33
|
+
tooltipItem: /* @__PURE__ */ r(
|
|
34
|
+
J,
|
|
34
35
|
{
|
|
35
36
|
text: "Click here to see all previously solved puzzles.",
|
|
36
37
|
buttonLabel: "Got it",
|
|
@@ -41,23 +42,16 @@ const I = () => {
|
|
|
41
42
|
isActive: !1
|
|
42
43
|
}
|
|
43
44
|
];
|
|
44
|
-
n(o,
|
|
45
|
+
n(o, u);
|
|
45
46
|
const m = setTimeout(() => {
|
|
46
47
|
clearTimeout(m), document.body.style.overflow = "hidden", a();
|
|
47
48
|
}, 500);
|
|
48
|
-
|
|
49
|
+
c.current.push(m);
|
|
49
50
|
},
|
|
50
51
|
[l, a, o, n]
|
|
51
52
|
);
|
|
52
|
-
return f(
|
|
53
|
-
() => ({
|
|
54
|
-
puzzleProfileRef: t,
|
|
55
|
-
startJourney: u
|
|
56
|
-
}),
|
|
57
|
-
[u]
|
|
58
|
-
);
|
|
59
53
|
};
|
|
60
54
|
export {
|
|
61
|
-
|
|
55
|
+
B as usePuzzleDashboardJourney
|
|
62
56
|
};
|
|
63
57
|
//# sourceMappingURL=use-puzzle-dashboard-journey.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-puzzle-dashboard-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback,
|
|
1
|
+
{"version":3,"file":"use-puzzle-dashboard-journey.js","sources":["../../../../../src/features/journey/hooks/use-puzzles-journey/use-puzzle-dashboard-journey.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport { useCallback, useRef, type RefObject } from 'react';\n\nimport Avatar from '../../../ui/avatar/avatar';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport { IndicatorType } from '../../use-journey/constants';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\n\nconst usePuzzleDashboardJourney = () => {\n const journeyId = JOURNEY_ID_STUDENT.PUZZLE_DASHBOARD_JOURNEY;\n\n const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n const handleNextCoachMark = useCallback(() => {\n nextCoachmark(journeyId, false, 0, false);\n }, [journeyId, nextCoachmark]);\n\n const handleEndJourney = useCallback(() => {\n document.body.style.overflow = 'unset';\n endJourney(journeyId);\n }, [endJourney, journeyId]);\n\n const startJourney = useCallback(\n (puzzleProfileRef: RefObject<HTMLDivElement>, avatar: IAvatarLayer[]) => {\n if (!puzzleProfileRef?.current) {\n return;\n }\n\n const puzzleAttemptSteps: ICoachmarkProps[] = [\n {\n originalElementToHighlightRef: puzzleProfileRef,\n elementToHighlight: (\n <div>\n <Avatar size={55} avatar={avatar} />\n </div>\n ),\n type: IndicatorType.TOOLTIP,\n indicator: {\n renderAs: 'primary',\n tooltipXCoOrdinates: 42,\n tooltipYCoOrdinates: 36,\n arrowSize: 12,\n arrowYCoOrdinates: -36,\n position: 'right',\n backgroundColor: 'BLUE_4',\n borderColor: 'BLACK',\n arrowColor: 'BLACK',\n tooltipItem: (\n <TooltipItem\n text=\"Click here to see all previously solved puzzles.\"\n buttonLabel=\"Got it\"\n onButtonClick={handleEndJourney}\n />\n ),\n } as IArrowTooltipProps,\n isActive: false,\n },\n ];\n\n setJourney(journeyId, puzzleAttemptSteps);\n\n const delayBeforeStart = setTimeout(() => {\n clearTimeout(delayBeforeStart);\n document.body.style.overflow = 'hidden';\n handleNextCoachMark();\n }, 500);\n\n timerRefs.current.push(delayBeforeStart);\n },\n [handleEndJourney, handleNextCoachMark, journeyId, setJourney],\n );\n\n return startJourney;\n};\n\nexport { usePuzzleDashboardJourney };\n"],"names":["usePuzzleDashboardJourney","journeyId","JOURNEY_ID_STUDENT","timerRefs","useRef","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","puzzleProfileRef","avatar","puzzleAttemptSteps","jsx","Avatar","IndicatorType","TooltipItem","delayBeforeStart"],"mappings":";;;;;;;AAYA,MAAMA,IAA4B,MAAM;AACtC,QAAMC,IAAYC,EAAmB,0BAE/BC,IAAYC,EAAwC,CAAA,CAAE,GAEtD,EAAE,YAAAC,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAN,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWM,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWL,CAAS;AAAA,EAAA,GACnB,CAACK,GAAYL,CAAS,CAAC;AAoDnB,SAlDcS;AAAA,IACnB,CAACE,GAA6CC,MAA2B;AACnE,UAAA,EAACD,KAAA,QAAAA,EAAkB;AACrB;AAGF,YAAME,IAAwC;AAAA,QAC5C;AAAA,UACE,+BAA+BF;AAAA,UAC/B,sCACG,OACC,EAAA,UAAA,gBAAAG,EAACC,KAAO,MAAM,IAAI,QAAAH,GAAgB,EACpC,CAAA;AAAA,UAEF,MAAMI,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,YACrB,qBAAqB;AAAA,YACrB,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,UAAU;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,aACE,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAY;AAAA,gBACZ,eAAeP;AAAA,cAAA;AAAA,YACjB;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,MAAA;AAGF,MAAAN,EAAWJ,GAAWa,CAAkB;AAElC,YAAAK,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXV;SACnB,GAAG;AAEI,MAAAN,EAAA,QAAQ,KAAKgB,CAAgB;AAAA,IACzC;AAAA,IACA,CAACR,GAAkBF,GAAqBR,GAAWI,CAAU;AAAA,EAAA;AAIjE;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var R = /* @__PURE__ */ ((E) => (E.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", E.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", E.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", E.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", E.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", E.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", E.CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY", E.CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY", E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E.PUZZLE_ATTEMPT_JOURNEY = "PUZZLE_ATTEMPT_JOURNEY", E.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", E.PUZZLE_ASSIGNED_JOURNEY = "PUZZLE_ASSIGNED_JOURNEY", E.PUZZLE_DASHBOARD_JOURNEY = "PUZZLE_DASHBOARD_JOURNEY", E))(R || {});
|
|
1
|
+
var R = /* @__PURE__ */ ((E) => (E.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", E.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", E.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", E.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", E.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", E.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", E.CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY", E.CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY", E.PLA_SWITCH_USER_JOURNEY = "PLA_SWITCH_USER_JOURNEY", E.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", E.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY", E.PUZZLE_ATTEMPT_JOURNEY = "PUZZLE_ATTEMPT_JOURNEY", E.CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY", E.PUZZLE_ASSIGNED_JOURNEY = "PUZZLE_ASSIGNED_JOURNEY", E.PUZZLE_DASHBOARD_JOURNEY = "PUZZLE_DASHBOARD_JOURNEY", E))(R || {});
|
|
2
2
|
export {
|
|
3
3
|
R as JOURNEY_ID_STUDENT
|
|
4
4
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"journey-id-student.js","sources":["../../../../src/features/journey/journey-id/journey-id-student.ts"],"sourcesContent":["export enum JOURNEY_ID_STUDENT {\n CIRCLE_ACTIVITIES_INTRO_JOURNEY = 'CIRCLE_ACTIVITIES_INTRO_JOURNEY',\n CIRCLE_LEADERBOARD_INTRO_JOURNEY = 'CIRCLE_LEADERBOARD_INTRO_JOURNEY',\n CIRCLE_POINTS_REWARD_JOURNEY = 'CIRCLE_POINTS_REWARD_JOURNEY',\n CIRCLE_STREAK_UPDATE_JOURNEY = 'CIRCLE_STREAK_UPDATE_JOURNEY',\n CIRCLE_TUTORIAL_JOURNEY = 'CIRCLE_TUTORIAL_JOURNEY',\n CIRCLE_TABLES_INTRO_JOURNEY = 'CIRCLE_TABLES_INTRO_JOURNEY',\n CIRCLE_TABLES_INFINTE_JOURNEY = 'CIRCLE_TABLES_INFINITE_JOURNEY',\n CIRCLE_LESSONS_K_1_INTRO_JOURNEY = 'CIRCLE_LESSONS_K_1_INTRO_JOURNEY',\n\n // TODO: Deprecate bottom journeys, they are not actually journeys\n HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n PUZZLE_ATTEMPT_JOURNEY = 'PUZZLE_ATTEMPT_JOURNEY',\n CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n PUZZLE_ASSIGNED_JOURNEY = 'PUZZLE_ASSIGNED_JOURNEY',\n PUZZLE_DASHBOARD_JOURNEY = 'PUZZLE_DASHBOARD_JOURNEY',\n}\n"],"names":["JOURNEY_ID_STUDENT"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kCAAkC,mCAClCA,EAAA,mCAAmC,oCACnCA,EAAA,+BAA+B,gCAC/BA,EAAA,+BAA+B,gCAC/BA,EAAA,0BAA0B,2BAC1BA,EAAA,8BAA8B,+BAC9BA,EAAA,gCAAgC,kCAChCA,EAAA,mCAAmC,
|
|
1
|
+
{"version":3,"file":"journey-id-student.js","sources":["../../../../src/features/journey/journey-id/journey-id-student.ts"],"sourcesContent":["export enum JOURNEY_ID_STUDENT {\n CIRCLE_ACTIVITIES_INTRO_JOURNEY = 'CIRCLE_ACTIVITIES_INTRO_JOURNEY',\n CIRCLE_LEADERBOARD_INTRO_JOURNEY = 'CIRCLE_LEADERBOARD_INTRO_JOURNEY',\n CIRCLE_POINTS_REWARD_JOURNEY = 'CIRCLE_POINTS_REWARD_JOURNEY',\n CIRCLE_STREAK_UPDATE_JOURNEY = 'CIRCLE_STREAK_UPDATE_JOURNEY',\n CIRCLE_TUTORIAL_JOURNEY = 'CIRCLE_TUTORIAL_JOURNEY',\n CIRCLE_TABLES_INTRO_JOURNEY = 'CIRCLE_TABLES_INTRO_JOURNEY',\n CIRCLE_TABLES_INFINTE_JOURNEY = 'CIRCLE_TABLES_INFINITE_JOURNEY',\n CIRCLE_LESSONS_K_1_INTRO_JOURNEY = 'CIRCLE_LESSONS_K_1_INTRO_JOURNEY',\n PLA_SWITCH_USER_JOURNEY = 'PLA_SWITCH_USER_JOURNEY',\n\n // TODO: Deprecate bottom journeys, they are not actually journeys\n HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_JOURNEY',\n PUZZLE_ATTEMPT_JOURNEY = 'PUZZLE_ATTEMPT_JOURNEY',\n CHALLENGE_ARENA_JOURNEY = 'CHALLENGE_ARENA_JOURNEY',\n PUZZLE_ASSIGNED_JOURNEY = 'PUZZLE_ASSIGNED_JOURNEY',\n PUZZLE_DASHBOARD_JOURNEY = 'PUZZLE_DASHBOARD_JOURNEY',\n}\n"],"names":["JOURNEY_ID_STUDENT"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kCAAkC,mCAClCA,EAAA,mCAAmC,oCACnCA,EAAA,+BAA+B,gCAC/BA,EAAA,+BAA+B,gCAC/BA,EAAA,0BAA0B,2BAC1BA,EAAA,8BAA8B,+BAC9BA,EAAA,gCAAgC,kCAChCA,EAAA,mCAAmC,oCACnCA,EAAA,0BAA0B,2BAG1BA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,yBAAyB,0BACzBA,EAAA,0BAA0B,2BAC1BA,EAAA,0BAA0B,2BAC1BA,EAAA,2BAA2B,4BAjBjBA,IAAAA,KAAA,CAAA,CAAA;"}
|
|
@@ -1,22 +1,10 @@
|
|
|
1
|
-
import { useContext as
|
|
2
|
-
import { JourneyContext as
|
|
1
|
+
import { useContext as r } from "react";
|
|
2
|
+
import { JourneyContext as e } from "./journey-context-provider.js";
|
|
3
3
|
const u = () => {
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
setJourney: () => {
|
|
9
|
-
},
|
|
10
|
-
addCoachmark: () => {
|
|
11
|
-
},
|
|
12
|
-
clearJourney: () => {
|
|
13
|
-
},
|
|
14
|
-
endJourney: () => {
|
|
15
|
-
},
|
|
16
|
-
coachmarks: [],
|
|
17
|
-
userCompletedJourneyIds: [],
|
|
18
|
-
isJourneyActive: !1
|
|
19
|
-
};
|
|
4
|
+
const o = r(e);
|
|
5
|
+
if (!o)
|
|
6
|
+
throw new Error("useJourney must be used within a JourneyProvider");
|
|
7
|
+
return o;
|
|
20
8
|
};
|
|
21
9
|
export {
|
|
22
10
|
u as useJourney
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-journey.js","sources":["../../../../src/features/journey/use-journey/use-journey.tsx"],"sourcesContent":["import { useContext } from 'react';\n\nimport { JourneyContext } from './journey-context-provider';\n\nexport const useJourney = () => {\n const context = useContext(JourneyContext);\n\n if (!context) {\n
|
|
1
|
+
{"version":3,"file":"use-journey.js","sources":["../../../../src/features/journey/use-journey/use-journey.tsx"],"sourcesContent":["import { useContext } from 'react';\n\nimport { JourneyContext } from './journey-context-provider';\n\nexport const useJourney = () => {\n const context = useContext(JourneyContext);\n\n if (!context) {\n throw new Error('useJourney must be used within a JourneyProvider');\n }\n\n return context;\n};\n"],"names":["useJourney","context","useContext","JourneyContext"],"mappings":";;AAIO,MAAMA,IAAa,MAAM;AACxB,QAAAC,IAAUC,EAAWC,CAAc;AAEzC,MAAI,CAACF;AACG,UAAA,IAAI,MAAM,kDAAkD;AAG7D,SAAAA;AACT;"}
|