@cuemath/leap 3.2.11-j1 → 3.2.11-j2
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/signup-v2/signup-header/signup-header.js +18 -18
- package/dist/features/auth/signup-v2/signup-header/signup-header.js.map +1 -1
- package/dist/features/auth/signup-v2/signup-options/signup-options.js +74 -64
- package/dist/features/auth/signup-v2/signup-options/signup-options.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useTheme as
|
|
3
|
-
import { ILLUSTRATIONS as
|
|
1
|
+
import { jsxs as t, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useTheme as s } from "styled-components";
|
|
3
|
+
import { ILLUSTRATIONS as o } from "../../../../assets/illustrations/illustrations.js";
|
|
4
4
|
import i from "../../../ui/image/image.js";
|
|
5
5
|
import n from "../../../ui/layout/flex-view.js";
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { EDeviceType as
|
|
9
|
-
const
|
|
10
|
-
const { device:
|
|
11
|
-
return /* @__PURE__ */
|
|
6
|
+
import c from "../../../ui/separator/separator.js";
|
|
7
|
+
import l from "../../../ui/text/text.js";
|
|
8
|
+
import { EDeviceType as a } from "../../../ui/theme/constants.js";
|
|
9
|
+
const d = () => {
|
|
10
|
+
const { device: m } = s(), e = m <= a.TABLET;
|
|
11
|
+
return /* @__PURE__ */ t(
|
|
12
12
|
n,
|
|
13
13
|
{
|
|
14
14
|
$flexDirection: e ? "row" : "column",
|
|
15
|
-
$alignItems: "center",
|
|
15
|
+
$alignItems: e ? "center" : "flex-start",
|
|
16
16
|
$width: "100%",
|
|
17
|
-
$flex: 1,
|
|
18
17
|
$flexColumnGapX: 1,
|
|
18
|
+
$justifyContent: e ? "space-between" : "flex-start",
|
|
19
19
|
children: [
|
|
20
20
|
/* @__PURE__ */ r(
|
|
21
21
|
i,
|
|
22
22
|
{
|
|
23
23
|
width: e ? 80 : 107,
|
|
24
|
-
src:
|
|
24
|
+
src: o.CIRCLE_CUEMATH_LOGO_WHITE,
|
|
25
25
|
height: e ? 12 : 16
|
|
26
26
|
}
|
|
27
27
|
),
|
|
28
|
-
!e && /* @__PURE__ */ r(
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
28
|
+
!e && /* @__PURE__ */ r(c, { heightX: 1 }),
|
|
29
|
+
/* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "flex-end", children: [
|
|
30
|
+
/* @__PURE__ */ t(l, { $renderAs: "ab2", $renderOnTabletAs: "ub3", $color: "WHITE", children: [
|
|
31
31
|
"Rated",
|
|
32
32
|
" ",
|
|
33
|
-
/* @__PURE__ */ r(
|
|
33
|
+
/* @__PURE__ */ r(l, { $inline: !0, $renderAs: "ab2-bold", $renderOnTabletAs: "ub3-bold", $color: "WHITE", children: "4.8+" }),
|
|
34
34
|
" ",
|
|
35
35
|
"on"
|
|
36
36
|
] }),
|
|
@@ -38,7 +38,7 @@ const a = () => {
|
|
|
38
38
|
/* @__PURE__ */ r(
|
|
39
39
|
i,
|
|
40
40
|
{
|
|
41
|
-
src:
|
|
41
|
+
src: o.TRUSTPILOT,
|
|
42
42
|
width: e ? 80 : 99,
|
|
43
43
|
height: e ? 20 : 25
|
|
44
44
|
}
|
|
@@ -47,7 +47,7 @@ const a = () => {
|
|
|
47
47
|
]
|
|
48
48
|
}
|
|
49
49
|
);
|
|
50
|
-
}, b =
|
|
50
|
+
}, b = d;
|
|
51
51
|
export {
|
|
52
52
|
b as default
|
|
53
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signup-header.js","sources":["../../../../../src/features/auth/signup-v2/signup-header/signup-header.tsx"],"sourcesContent":["import { 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';\n\nconst SignupHeader = () => {\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n\n return (\n <FlexView\n $flexDirection={isCompact ? 'row' : 'column'}\n $alignItems
|
|
1
|
+
{"version":3,"file":"signup-header.js","sources":["../../../../../src/features/auth/signup-v2/signup-header/signup-header.tsx"],"sourcesContent":["import { 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';\n\nconst SignupHeader = () => {\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n\n return (\n <FlexView\n $flexDirection={isCompact ? 'row' : 'column'}\n $alignItems={isCompact ? 'center' : 'flex-start'}\n $width=\"100%\"\n $flexColumnGapX={1}\n $justifyContent={isCompact ? 'space-between' : 'flex-start'}\n >\n <Image\n width={isCompact ? 80 : 107}\n src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE}\n height={isCompact ? 12 : 16}\n />\n {!isCompact && <Separator heightX={1} />}\n <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n <Text $renderAs=\"ab2\" $renderOnTabletAs=\"ub3\" $color=\"WHITE\">\n Rated{' '}\n <Text $inline $renderAs=\"ab2-bold\" $renderOnTabletAs=\"ub3-bold\" $color=\"WHITE\">\n 4.8+\n </Text>{' '}\n on\n </Text>\n \n <Image\n src={ILLUSTRATIONS.TRUSTPILOT}\n width={isCompact ? 80 : 99}\n height={isCompact ? 20 : 25}\n />\n </FlexView>\n </FlexView>\n );\n};\n\nexport default SignupHeader;\n"],"names":["SignupHeader","device","useTheme","isCompact","EDeviceType","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","SignupHeader$1"],"mappings":";;;;;;;;AASA,MAAMA,IAAe,MAAM;AACnB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAGtC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBH,IAAY,QAAQ;AAAA,MACpC,aAAaA,IAAY,WAAW;AAAA,MACpC,QAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,iBAAiBA,IAAY,kBAAkB;AAAA,MAE/C,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOL,IAAY,KAAK;AAAA,YACxB,KAAKM,EAAc;AAAA,YACnB,QAAQN,IAAY,KAAK;AAAA,UAAA;AAAA,QAC3B;AAAA,QACC,CAACA,KAAc,gBAAAI,EAAAG,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,QACrC,gBAAAL,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,UAAA,gBAAAD,EAACM,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAAQ,UAAA;AAAA,YAAA;AAAA,YACrD;AAAA,YACN,gBAAAJ,EAACI,GAAK,EAAA,SAAO,IAAC,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAE/E,OAAA,CAAA;AAAA,YAAQ;AAAA,YAAI;AAAA,UAAA,GAEd;AAAA,UAAO;AAAA,UAEP,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,KAAKC,EAAc;AAAA,cACnB,OAAON,IAAY,KAAK;AAAA,cACxB,QAAQA,IAAY,KAAK;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAS,IAAeZ;"}
|
|
@@ -1,72 +1,82 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { memo as
|
|
3
|
-
import { useTheme as
|
|
1
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { memo as b } from "react";
|
|
3
|
+
import { useTheme as u } from "styled-components";
|
|
4
4
|
import $ from "../../../../assets/line-icons/icons/apple-icon-white.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { EDeviceType as
|
|
12
|
-
const
|
|
13
|
-
onEmailSignup:
|
|
14
|
-
onAppleSignup:
|
|
15
|
-
onGoogleSignup:
|
|
16
|
-
loadingProvider:
|
|
17
|
-
onGoToLogin:
|
|
18
|
-
title:
|
|
5
|
+
import x from "../../../../assets/line-icons/icons/google-icon.js";
|
|
6
|
+
import r from "../../../ui/buttons/button/button.js";
|
|
7
|
+
import A from "../../../ui/buttons/text-button/text-button.js";
|
|
8
|
+
import t from "../../../ui/layout/flex-view.js";
|
|
9
|
+
import a from "../../../ui/separator/separator.js";
|
|
10
|
+
import c from "../../../ui/text/text.js";
|
|
11
|
+
import { EDeviceType as I } from "../../../ui/theme/constants.js";
|
|
12
|
+
const k = ({
|
|
13
|
+
onEmailSignup: m,
|
|
14
|
+
onAppleSignup: p,
|
|
15
|
+
onGoogleSignup: d,
|
|
16
|
+
loadingProvider: l,
|
|
17
|
+
onGoToLogin: h,
|
|
18
|
+
title: f
|
|
19
19
|
}) => {
|
|
20
|
-
const { device:
|
|
21
|
-
return /* @__PURE__ */
|
|
22
|
-
/* @__PURE__ */ e(
|
|
23
|
-
/* @__PURE__ */ e(
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
20
|
+
const { device: g } = u(), o = g <= I.TABLET, n = l === "google", s = l === "apple";
|
|
21
|
+
return /* @__PURE__ */ i(t, { $alignItems: "flex-start", children: [
|
|
22
|
+
/* @__PURE__ */ e(c, { $renderAs: "ah3-bold", $renderOnMobileAs: "ah4-bold", $color: "WHITE", $whiteSpace: "pre", children: f }),
|
|
23
|
+
/* @__PURE__ */ e(a, { heightX: o ? 1.5 : 2.5 }),
|
|
24
|
+
/* @__PURE__ */ i(
|
|
25
|
+
t,
|
|
26
|
+
{
|
|
27
|
+
$flexGapX: 1,
|
|
28
|
+
$flex: 1,
|
|
29
|
+
$justifyContent: "center",
|
|
30
|
+
$alignItems: "flex-start",
|
|
31
|
+
$width: "100%",
|
|
32
|
+
children: [
|
|
33
|
+
/* @__PURE__ */ e(
|
|
34
|
+
r,
|
|
35
|
+
{
|
|
36
|
+
renderAs: "black-dark",
|
|
37
|
+
Icon: x,
|
|
38
|
+
width: o ? "100%" : 320,
|
|
39
|
+
label: "Signup with Google",
|
|
40
|
+
onClick: d,
|
|
41
|
+
size: "small",
|
|
42
|
+
busy: n,
|
|
43
|
+
disabled: n
|
|
44
|
+
}
|
|
45
|
+
),
|
|
46
|
+
/* @__PURE__ */ e(
|
|
47
|
+
r,
|
|
48
|
+
{
|
|
49
|
+
renderAs: "black-dark",
|
|
50
|
+
size: "small",
|
|
51
|
+
width: o ? "100%" : 320,
|
|
52
|
+
Icon: $,
|
|
53
|
+
label: "Signup with Apple",
|
|
54
|
+
onClick: p,
|
|
55
|
+
busy: s,
|
|
56
|
+
disabled: s
|
|
57
|
+
}
|
|
58
|
+
),
|
|
59
|
+
/* @__PURE__ */ e(
|
|
60
|
+
r,
|
|
61
|
+
{
|
|
62
|
+
renderAs: "black-dark",
|
|
63
|
+
size: "small",
|
|
64
|
+
width: o ? "100%" : 320,
|
|
65
|
+
label: "Continue with Email",
|
|
66
|
+
onClick: m
|
|
67
|
+
}
|
|
68
|
+
)
|
|
69
|
+
]
|
|
70
|
+
}
|
|
71
|
+
),
|
|
72
|
+
/* @__PURE__ */ e(a, { heightX: 1.5 }),
|
|
73
|
+
/* @__PURE__ */ i(t, { $flexDirection: "row", $alignItems: "center", children: [
|
|
74
|
+
/* @__PURE__ */ e(c, { $renderAs: "ub3", $color: "WHITE", children: "Already have an account?" }),
|
|
65
75
|
" ",
|
|
66
|
-
/* @__PURE__ */ e(
|
|
76
|
+
/* @__PURE__ */ e(A, { size: "small", label: "Log In", color: "WHITE", onClick: h })
|
|
67
77
|
] })
|
|
68
78
|
] });
|
|
69
|
-
}, B =
|
|
79
|
+
}, B = b(k);
|
|
70
80
|
export {
|
|
71
81
|
B as default
|
|
72
82
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/signup-v2/signup-options/signup-options.tsx"],"sourcesContent":["import type { ISignupOptionsProps } from './signup-options-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon-white';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\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';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n onEmailSignup,\n onAppleSignup,\n onGoogleSignup,\n loadingProvider,\n onGoToLogin,\n title,\n}) => {\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n const isLoadingGoogle = loadingProvider === 'google';\n const isLoadingApple = loadingProvider === 'apple';\n\n return (\n <FlexView $alignItems=\"flex-start\">\n <Text $renderAs=\"ah3\" $
|
|
1
|
+
{"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/signup-v2/signup-options/signup-options.tsx"],"sourcesContent":["import type { ISignupOptionsProps } from './signup-options-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon-white';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\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';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n onEmailSignup,\n onAppleSignup,\n onGoogleSignup,\n loadingProvider,\n onGoToLogin,\n title,\n}) => {\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n const isLoadingGoogle = loadingProvider === 'google';\n const isLoadingApple = loadingProvider === 'apple';\n\n return (\n <FlexView $alignItems=\"flex-start\">\n <Text $renderAs=\"ah3-bold\" $renderOnMobileAs=\"ah4-bold\" $color=\"WHITE\" $whiteSpace=\"pre\">\n {title}\n </Text>\n <Separator heightX={isCompact ? 1.5 : 2.5} />\n <FlexView\n $flexGapX={1}\n $flex={1}\n $justifyContent=\"center\"\n $alignItems=\"flex-start\"\n $width=\"100%\"\n >\n <Button\n renderAs=\"black-dark\"\n Icon={GoogleIcon}\n width={isCompact ? '100%' : 320}\n label=\"Signup with Google\"\n onClick={onGoogleSignup}\n size=\"small\"\n busy={isLoadingGoogle}\n disabled={isLoadingGoogle}\n />\n <Button\n renderAs=\"black-dark\"\n size=\"small\"\n width={isCompact ? '100%' : 320}\n Icon={AppleIcon}\n label=\"Signup with Apple\"\n onClick={onAppleSignup}\n busy={isLoadingApple}\n disabled={isLoadingApple}\n />\n <Button\n renderAs=\"black-dark\"\n size=\"small\"\n width={isCompact ? '100%' : 320}\n label=\"Continue with Email\"\n onClick={onEmailSignup}\n />\n </FlexView>\n <Separator heightX={1.5} />\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 );\n};\n\nexport default memo(SignupOptions);\n"],"names":["SignupOptions","onEmailSignup","onAppleSignup","onGoogleSignup","loadingProvider","onGoToLogin","title","device","useTheme","isCompact","EDeviceType","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Text","Separator","Button","GoogleIcon","AppleIcon","TextButton","signupOptions","memo"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAkBP,MAAoB,UACtCQ,IAAiBR,MAAoB;AAGzC,SAAA,gBAAAS,EAACC,GAAS,EAAA,aAAY,cACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,aAAY,OAChF,UACHV,EAAA,CAAA;AAAA,IACC,gBAAAS,EAAAE,GAAA,EAAU,SAASR,IAAY,MAAM,KAAK;AAAA,IAC3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAO;AAAA,QAEP,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAMC;AAAA,cACN,OAAOV,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASN;AAAA,cACT,MAAK;AAAA,cACL,MAAMQ;AAAA,cACN,UAAUA;AAAA,YAAA;AAAA,UACZ;AAAA,UACA,gBAAAI;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,MAAMW;AAAAA,cACN,OAAM;AAAA,cACN,SAASlB;AAAA,cACT,MAAMU;AAAA,cACN,UAAUA;AAAA,YAAA;AAAA,UACZ;AAAA,UACA,gBAAAG;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASR;AAAA,YAAA;AAAA,UACX;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAc,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,MAAO;AAAA,MAEP,gBAAAD,EAACM,KAAW,MAAK,SAAQ,OAAM,UAAS,OAAM,SAAQ,SAAShB,EAAa,CAAA;AAAA,IAAA,GAC9E;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeiB,IAAAC,EAAKvB,CAAa;"}
|