@cuemath/leap 3.2.33-j3 → 3.2.33-j4
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/comps/pill-button/pill-button-styled.js +12 -11
- package/dist/features/auth/comps/pill-button/pill-button-styled.js.map +1 -1
- package/dist/features/trial-session/comps/pla/math-practice/math-practice.js +26 -18
- package/dist/features/trial-session/comps/pla/math-practice/math-practice.js.map +1 -1
- package/dist/index.d.ts +5 -1
- package/package.json +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import l, { css as p } from "styled-components";
|
|
2
2
|
import a from "../../../ui/layout/flex-view.js";
|
|
3
3
|
import $ from "../../../ui/text/text.js";
|
|
4
|
-
const T =
|
|
5
|
-
${({ selected: o, disabled: r, width:
|
|
6
|
-
const c = r ?
|
|
4
|
+
const T = l.button`
|
|
5
|
+
${({ selected: o, disabled: r, width: i, height: n, borderColor: s, theme: t }) => {
|
|
6
|
+
const c = r ? t.colors.WHITE_T_10 : o ? t.colors.WHITE_1 : t.colors.BLACK_1, e = r ? t.colors.WHITE_T_15 : s;
|
|
7
7
|
return p`
|
|
8
8
|
position: relative;
|
|
9
9
|
display: inline-flex;
|
|
@@ -14,17 +14,18 @@ const T = n.button`
|
|
|
14
14
|
padding: 7.5px 16px;
|
|
15
15
|
border-radius: 40px;
|
|
16
16
|
border: 1px solid ${e};
|
|
17
|
-
width: ${
|
|
18
|
-
height: ${
|
|
17
|
+
width: ${i ? `${i}` : "auto"}${typeof i == "number" ? "px" : ""};
|
|
18
|
+
height: ${n ? `${n}px` : "auto"};
|
|
19
|
+
min-height: 36px;
|
|
19
20
|
background-color: ${c};
|
|
20
21
|
&:hover {
|
|
21
|
-
background-color: ${!o && !r ?
|
|
22
|
+
background-color: ${!o && !r ? t.colors.WHITE_T_10 : void 0};
|
|
22
23
|
}
|
|
23
24
|
`;
|
|
24
25
|
}}
|
|
25
|
-
`, d =
|
|
26
|
+
`, d = l(a)`
|
|
26
27
|
visibility: ${({ $showLottie: o }) => o ? "visible" : "hidden"};
|
|
27
|
-
`, f =
|
|
28
|
+
`, f = l($)`
|
|
28
29
|
transition: all 0.3s ease-in-out;
|
|
29
30
|
position: relative;
|
|
30
31
|
|
|
@@ -32,8 +33,8 @@ const T = n.button`
|
|
|
32
33
|
left: ${o ? "0" : "-10px"};
|
|
33
34
|
`};
|
|
34
35
|
|
|
35
|
-
${({ selected: o, disabled: r, theme:
|
|
36
|
-
color: ${r ?
|
|
36
|
+
${({ selected: o, disabled: r, theme: i, textColor: n }) => `
|
|
37
|
+
color: ${r ? i.colors.WHITE_T_38 : o ? i.colors.BLACK_1 : n};
|
|
37
38
|
`};
|
|
38
39
|
`;
|
|
39
40
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pill-button-styled.js","sources":["../../../../../src/features/auth/comps/pill-button/pill-button-styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nexport const Wrapper = styled.button<{\n selected: boolean;\n disabled: boolean;\n width?: number | string;\n height?: number;\n borderColor?: string;\n}>`\n ${({ selected, disabled, width, height, borderColor, theme }) => {\n const defaultBgColor = disabled\n ? theme.colors.WHITE_T_10\n : selected\n ? theme.colors.WHITE_1\n : theme.colors.BLACK_1;\n\n const borderColorVal = disabled ? theme.colors.WHITE_T_15 : borderColor;\n\n return css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: ${disabled ? 'not-allowed' : 'pointer'};\n transition: all 0.3s ease;\n padding: 7.5px 16px;\n border-radius: 40px;\n border: 1px solid ${borderColorVal};\n width: ${width ? `${width}` : 'auto'}${typeof width === 'number' ? 'px' : ''};\n height: ${height ? `${height}px` : 'auto'};\n background-color: ${defaultBgColor};\n &:hover {\n background-color: ${!selected && !disabled ? theme.colors.WHITE_T_10 : undefined};\n }\n `;\n }}\n`;\n\nexport const IconWrapper = styled(FlexView)<{\n $showLottie: boolean;\n}>`\n visibility: ${({ $showLottie }) => ($showLottie ? 'visible' : 'hidden')};\n`;\n\nexport const Label = styled(Text)<{\n selected: boolean;\n disabled: boolean;\n shouldOffsetLabel: boolean;\n textColor: string;\n}>`\n transition: all 0.3s ease-in-out;\n position: relative;\n\n ${({ shouldOffsetLabel }) => `\n left: ${shouldOffsetLabel ? '0' : '-10px'};\n `};\n\n ${({ selected, disabled, theme, textColor }) => `\n color: ${disabled ? theme.colors.WHITE_T_38 : selected ? theme.colors.BLACK_1 : textColor};\n `};\n`;\n"],"names":["Wrapper","styled","selected","disabled","width","height","borderColor","theme","defaultBgColor","borderColorVal","css","IconWrapper","FlexView","$showLottie","Label","Text","shouldOffsetLabel","textColor"],"mappings":";;;AAKO,MAAMA,IAAUC,EAAO;AAAA,IAO1B,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,QAAAC,GAAQ,aAAAC,GAAa,OAAAC,QAAY;AACzD,QAAAC,IAAiBL,IACnBI,EAAM,OAAO,aACbL,IACEK,EAAM,OAAO,UACbA,EAAM,OAAO,SAEbE,IAAiBN,IAAWI,EAAM,OAAO,aAAaD;AAErD,SAAAI;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKKP,IAAW,gBAAgB,SAAS;AAAA;AAAA;AAAA;AAAA,0BAI1BM,CAAc;AAAA,eACzBL,IAAQ,GAAGA,CAAK,KAAK,MAAM,GAAG,OAAOA,KAAU,WAAW,OAAO,EAAE;AAAA,gBAClEC,IAAS,GAAGA,CAAM,OAAO,MAAM;AAAA,
|
|
1
|
+
{"version":3,"file":"pill-button-styled.js","sources":["../../../../../src/features/auth/comps/pill-button/pill-button-styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nexport const Wrapper = styled.button<{\n selected: boolean;\n disabled: boolean;\n width?: number | string;\n height?: number;\n borderColor?: string;\n}>`\n ${({ selected, disabled, width, height, borderColor, theme }) => {\n const defaultBgColor = disabled\n ? theme.colors.WHITE_T_10\n : selected\n ? theme.colors.WHITE_1\n : theme.colors.BLACK_1;\n\n const borderColorVal = disabled ? theme.colors.WHITE_T_15 : borderColor;\n\n return css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: ${disabled ? 'not-allowed' : 'pointer'};\n transition: all 0.3s ease;\n padding: 7.5px 16px;\n border-radius: 40px;\n border: 1px solid ${borderColorVal};\n width: ${width ? `${width}` : 'auto'}${typeof width === 'number' ? 'px' : ''};\n height: ${height ? `${height}px` : 'auto'};\n min-height: 36px;\n background-color: ${defaultBgColor};\n &:hover {\n background-color: ${!selected && !disabled ? theme.colors.WHITE_T_10 : undefined};\n }\n `;\n }}\n`;\n\nexport const IconWrapper = styled(FlexView)<{\n $showLottie: boolean;\n}>`\n visibility: ${({ $showLottie }) => ($showLottie ? 'visible' : 'hidden')};\n`;\n\nexport const Label = styled(Text)<{\n selected: boolean;\n disabled: boolean;\n shouldOffsetLabel: boolean;\n textColor: string;\n}>`\n transition: all 0.3s ease-in-out;\n position: relative;\n\n ${({ shouldOffsetLabel }) => `\n left: ${shouldOffsetLabel ? '0' : '-10px'};\n `};\n\n ${({ selected, disabled, theme, textColor }) => `\n color: ${disabled ? theme.colors.WHITE_T_38 : selected ? theme.colors.BLACK_1 : textColor};\n `};\n`;\n"],"names":["Wrapper","styled","selected","disabled","width","height","borderColor","theme","defaultBgColor","borderColorVal","css","IconWrapper","FlexView","$showLottie","Label","Text","shouldOffsetLabel","textColor"],"mappings":";;;AAKO,MAAMA,IAAUC,EAAO;AAAA,IAO1B,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,QAAAC,GAAQ,aAAAC,GAAa,OAAAC,QAAY;AACzD,QAAAC,IAAiBL,IACnBI,EAAM,OAAO,aACbL,IACEK,EAAM,OAAO,UACbA,EAAM,OAAO,SAEbE,IAAiBN,IAAWI,EAAM,OAAO,aAAaD;AAErD,SAAAI;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKKP,IAAW,gBAAgB,SAAS;AAAA;AAAA;AAAA;AAAA,0BAI1BM,CAAc;AAAA,eACzBL,IAAQ,GAAGA,CAAK,KAAK,MAAM,GAAG,OAAOA,KAAU,WAAW,OAAO,EAAE;AAAA,gBAClEC,IAAS,GAAGA,CAAM,OAAO,MAAM;AAAA;AAAA,0BAErBG,CAAc;AAAA;AAAA,4BAEZ,CAACN,KAAY,CAACC,IAAWI,EAAM,OAAO,aAAa,MAAS;AAAA;AAAA;AAGtF,CAAC;AAAA,GAGUI,IAAcV,EAAOW,CAAQ;AAAA,gBAG1B,CAAC,EAAE,aAAAC,EAAA,MAAmBA,IAAc,YAAY,QAAS;AAAA,GAG5DC,IAAQb,EAAOc,CAAI;AAAA;AAAA;AAAA;AAAA,IAS5B,CAAC,EAAE,mBAAAC,EAAA,MAAwB;AAAA,YACnBA,IAAoB,MAAM,OAAO;AAAA,GAC1C;AAAA;AAAA,IAEC,CAAC,EAAE,UAAAd,GAAU,UAAAC,GAAU,OAAAI,GAAO,WAAAU,EAAgB,MAAA;AAAA,aACrCd,IAAWI,EAAM,OAAO,aAAaL,IAAWK,EAAM,OAAO,UAAUU,CAAS;AAAA,GAC1F;AAAA;"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { memo as
|
|
3
|
-
import { useTheme as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
2
|
+
import { memo as l } from "react";
|
|
3
|
+
import { useTheme as h } from "styled-components";
|
|
4
|
+
import d from "../../../../ui/buttons/text-button/text-button.js";
|
|
5
|
+
import p from "../../../../ui/image/image.js";
|
|
6
6
|
import i from "../../../../ui/layout/flex-view.js";
|
|
7
7
|
import n from "../../../../ui/separator/separator.js";
|
|
8
8
|
import c from "../../../../ui/text/text.js";
|
|
9
|
-
import { EDeviceType as
|
|
10
|
-
import { mathPracticeData as
|
|
11
|
-
import { Container as
|
|
12
|
-
const
|
|
13
|
-
const r =
|
|
14
|
-
return /* @__PURE__ */ t(
|
|
9
|
+
import { EDeviceType as s } from "../../../../ui/theme/constants.js";
|
|
10
|
+
import { mathPracticeData as $ } from "./math-practice-constants.js";
|
|
11
|
+
import { Container as f, HeaderWrapper as b, ContentWrapper as u, ContentItem as x } from "./math-practice-styled.js";
|
|
12
|
+
const g = l(({ onSwitchUser: m }) => {
|
|
13
|
+
const r = h().device <= s.MOBILE;
|
|
14
|
+
return /* @__PURE__ */ t(f, { children: [
|
|
15
15
|
/* @__PURE__ */ t(
|
|
16
|
-
|
|
16
|
+
b,
|
|
17
17
|
{
|
|
18
18
|
$flexDirection: "row",
|
|
19
19
|
$justifyContent: "space-between",
|
|
@@ -23,24 +23,32 @@ const x = a(() => {
|
|
|
23
23
|
$gutterX: 1,
|
|
24
24
|
children: [
|
|
25
25
|
/* @__PURE__ */ e(i, { $flex: 1, children: /* @__PURE__ */ e(c, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "Keep your child engaged with daily math practice" }) }),
|
|
26
|
-
/* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
|
|
26
|
+
/* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
|
|
27
|
+
d,
|
|
28
|
+
{
|
|
29
|
+
label: "Switch User",
|
|
30
|
+
sizeOnMobile: "small",
|
|
31
|
+
color: "WHITE_1",
|
|
32
|
+
onClick: m
|
|
33
|
+
}
|
|
34
|
+
) })
|
|
27
35
|
]
|
|
28
36
|
}
|
|
29
37
|
),
|
|
30
38
|
/* @__PURE__ */ e(n, { height: r ? 16 : 20 }),
|
|
31
39
|
/* @__PURE__ */ e(
|
|
32
|
-
|
|
40
|
+
u,
|
|
33
41
|
{
|
|
34
42
|
$alignItems: "center",
|
|
35
43
|
$flexDirection: "row",
|
|
36
44
|
$width: "100%",
|
|
37
45
|
$flexColumnGapX: 1,
|
|
38
46
|
$gutterX: 1,
|
|
39
|
-
children:
|
|
47
|
+
children: $.map(({ title: o, image: a }) => /* @__PURE__ */ t(x, { children: [
|
|
40
48
|
/* @__PURE__ */ e(
|
|
41
|
-
|
|
49
|
+
p,
|
|
42
50
|
{
|
|
43
|
-
src:
|
|
51
|
+
src: a,
|
|
44
52
|
width: r ? 144 : 200,
|
|
45
53
|
height: r ? 144 : 200,
|
|
46
54
|
withLoader: !0
|
|
@@ -52,8 +60,8 @@ const x = a(() => {
|
|
|
52
60
|
}
|
|
53
61
|
)
|
|
54
62
|
] });
|
|
55
|
-
}),
|
|
63
|
+
}), X = g;
|
|
56
64
|
export {
|
|
57
|
-
|
|
65
|
+
X as default
|
|
58
66
|
};
|
|
59
67
|
//# sourceMappingURL=math-practice.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"math-practice.js","sources":["../../../../../../src/features/trial-session/comps/pla/math-practice/math-practice.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\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 { mathPracticeData } from './math-practice-constants';\nimport * as Styled from './math-practice-styled';\n\nconst MathPractice = memo(() => {\n const theme = useTheme();\n const isMobile = theme.device <= EDeviceType.MOBILE;\n\n return (\n <Styled.Container>\n <Styled.HeaderWrapper\n $flexDirection=\"row\"\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n $flexColumnGapX={1}\n $width=\"100%\"\n $gutterX={1}\n >\n <FlexView $flex={1}>\n <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n Keep your child engaged with daily math practice\n </Text>\n </FlexView>\n <FlexView>\n <TextButton
|
|
1
|
+
{"version":3,"file":"math-practice.js","sources":["../../../../../../src/features/trial-session/comps/pla/math-practice/math-practice.tsx"],"sourcesContent":["import type { IMathPracticeProps } from './math-practice-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\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 { mathPracticeData } from './math-practice-constants';\nimport * as Styled from './math-practice-styled';\n\nconst MathPractice: FC<IMathPracticeProps> = memo(({ onSwitchUser }) => {\n const theme = useTheme();\n const isMobile = theme.device <= EDeviceType.MOBILE;\n\n return (\n <Styled.Container>\n <Styled.HeaderWrapper\n $flexDirection=\"row\"\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n $flexColumnGapX={1}\n $width=\"100%\"\n $gutterX={1}\n >\n <FlexView $flex={1}>\n <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n Keep your child engaged with daily math practice\n </Text>\n </FlexView>\n <FlexView>\n <TextButton\n label=\"Switch User\"\n sizeOnMobile=\"small\"\n color=\"WHITE_1\"\n onClick={onSwitchUser}\n />\n </FlexView>\n </Styled.HeaderWrapper>\n\n <Separator height={isMobile ? 16 : 20} />\n\n <Styled.ContentWrapper\n $alignItems=\"center\"\n $flexDirection=\"row\"\n $width=\"100%\"\n $flexColumnGapX={1}\n $gutterX={1}\n >\n {mathPracticeData.map(({ title, image }) => (\n <Styled.ContentItem key={title}>\n <Image\n src={image}\n width={isMobile ? 144 : 200}\n height={isMobile ? 144 : 200}\n withLoader\n />\n <Separator height={isMobile ? 16 : 20} />\n <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE_T_60\">\n {title}\n </Text>\n </Styled.ContentItem>\n ))}\n </Styled.ContentWrapper>\n </Styled.Container>\n );\n});\n\nexport default MathPractice;\n"],"names":["MathPractice","memo","onSwitchUser","isMobile","useTheme","EDeviceType","jsxs","Styled.Container","Styled.HeaderWrapper","jsx","FlexView","Text","TextButton","Separator","Styled.ContentWrapper","mathPracticeData","title","image","Styled.ContentItem","Image","MathPractice$1"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAuCC,EAAK,CAAC,EAAE,cAAAC,QAAmB;AAEhE,QAAAC,IADQC,IACS,UAAUC,EAAY;AAG3C,SAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,QAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAS,EAAA,OAAO,GACf,UAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAAA,mDAEvE,CAAA,GACF;AAAA,4BACCD,GACC,EAAA,UAAA,gBAAAD;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,cAAa;AAAA,cACb,OAAM;AAAA,cACN,SAASV;AAAA,YAAA;AAAA,UAAA,GAEb;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,gBAAAO,EAAAI,GAAA,EAAU,QAAQV,IAAW,KAAK,IAAI;AAAA,IAEvC,gBAAAM;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,gBAAe;AAAA,QACf,QAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,UAAU;AAAA,QAET,UAAAC,EAAiB,IAAI,CAAC,EAAE,OAAAC,GAAO,OAAAC,QAC9B,gBAAAX,EAACY,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAT;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,KAAKF;AAAA,cACL,OAAOd,IAAW,MAAM;AAAA,cACxB,QAAQA,IAAW,MAAM;AAAA,cACzB,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UACC,gBAAAM,EAAAI,GAAA,EAAU,QAAQV,IAAW,KAAK,IAAI;AAAA,UACvC,gBAAAM,EAACE,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,cAC9D,UACHK,EAAA,CAAA;AAAA,QAAA,EAAA,GAVuBA,CAWzB,CACD;AAAA,MAAA;AAAA,IACH;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDI,IAAepB;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -2385,6 +2385,10 @@ declare interface IMaintenanceProps {
|
|
|
2385
2385
|
userType: TUserTypes;
|
|
2386
2386
|
}
|
|
2387
2387
|
|
|
2388
|
+
declare interface IMathPracticeProps {
|
|
2389
|
+
onSwitchUser: () => void;
|
|
2390
|
+
}
|
|
2391
|
+
|
|
2388
2392
|
export declare interface IMessageProps {
|
|
2389
2393
|
event: `${WebViewEvent}`;
|
|
2390
2394
|
payload: IVibrationPattern | IPlayerStats | IInfoMessage | ITrackEvent | null;
|
|
@@ -4687,7 +4691,7 @@ export declare const Maintenance: React_2.FC<IMaintenanceProps>;
|
|
|
4687
4691
|
|
|
4688
4692
|
declare const MASTERY: "mastery";
|
|
4689
4693
|
|
|
4690
|
-
export declare const MathPractice:
|
|
4694
|
+
export declare const MathPractice: FC<IMathPracticeProps>;
|
|
4691
4695
|
|
|
4692
4696
|
export declare const MilestoneActionWidget: React_2.FC<IMilestoneActionWidgetProps>;
|
|
4693
4697
|
|