@cuemath/leap 3.2.21-j1 → 3.2.21-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/assets/lottie/lottie.js +1 -1
- package/dist/assets/lottie/lottie.js.map +1 -1
- package/dist/features/analytics-events/whitelist-events.js +15 -17
- package/dist/features/analytics-events/whitelist-events.js.map +1 -1
- package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js +8 -8
- package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js.map +1 -1
- package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js +47 -45
- package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js.map +1 -1
- package/dist/features/auth/comps/pill-button/pill-button.js +38 -41
- package/dist/features/auth/comps/pill-button/pill-button.js.map +1 -1
- package/dist/features/auth/comps/resend-otp/resend-otp.js +14 -18
- package/dist/features/auth/comps/resend-otp/resend-otp.js.map +1 -1
- package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js +26 -32
- package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js.map +1 -1
- package/dist/features/auth/pla-signup/signup-options/signup-options.js +35 -42
- package/dist/features/auth/pla-signup/signup-options/signup-options.js.map +1 -1
- package/dist/index.d.ts +7 -23
- package/dist/index.js +264 -266
- package/dist/index.js.map +1 -1
- package/dist/static/animated-avatar.95f31960.json +1 -0
- package/dist/static/animated-avatar.c3a0fa98.json +1 -0
- package/package.json +1 -1
- package/dist/features/auth/pla-signup/pla-analytics-events.js +0 -22
- package/dist/features/auth/pla-signup/pla-analytics-events.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resend-otp.js","sources":["../../../../../src/features/auth/comps/resend-otp/resend-otp.tsx"],"sourcesContent":["import type { IOTPResendProps } from './resend-otp-types';\n\nimport { useCallback, memo } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useResendTimer } from './hooks/use-resend-timer';\n\nconst ResendOTP: React.FC<IOTPResendProps> = ({\n onResendOTP,\n onResendVoiceOTP,\n timerSeconds = 15,\n showVoiceOTP = false,\n disabled,\n renderAs = 'text',\n width,\n textButtonColor = 'WHITE_T_60',\n size = 'small',\n
|
|
1
|
+
{"version":3,"file":"resend-otp.js","sources":["../../../../../src/features/auth/comps/resend-otp/resend-otp.tsx"],"sourcesContent":["import type { IOTPResendProps } from './resend-otp-types';\n\nimport { useCallback, memo } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useResendTimer } from './hooks/use-resend-timer';\n\nconst ResendOTP: React.FC<IOTPResendProps> = ({\n onResendOTP,\n onResendVoiceOTP,\n timerSeconds = 15,\n showVoiceOTP = false,\n disabled,\n renderAs = 'text',\n width,\n textButtonColor = 'WHITE_T_60',\n size = 'small',\n}) => {\n const { canResend, resetTimer, timeLeft } = useResendTimer({\n initialSeconds: timerSeconds,\n });\n\n const handleResendClick = useCallback(() => {\n onResendOTP?.();\n resetTimer();\n }, [onResendOTP, resetTimer]);\n\n const handleVoiceResendClick = useCallback(() => {\n onResendVoiceOTP?.();\n resetTimer();\n }, [onResendVoiceOTP, resetTimer]);\n\n if (renderAs === 'submit') {\n return (\n <Button\n size={size}\n renderAs=\"secondary-dark\"\n type=\"submit\"\n label={canResend ? 'Resend' : `Resend in ${timeLeft}`}\n width={width}\n onClick={handleResendClick}\n disabled={!canResend || disabled}\n />\n );\n }\n\n const isXSmallSize = size === 'xsmall';\n\n return (\n <FlexView>\n {!canResend ? (\n <FlexView $width={105}>\n <Text $renderAs={isXSmallSize ? 'ub3' : 'ub2'} $color=\"WHITE_T_60\">\n Resend in{' '}\n <Text $renderAs={isXSmallSize ? 'ub3-bold' : 'ub2-bold'} $inline $color=\"WHITE_T_60\">\n {timeLeft}\n </Text>\n </Text>\n </FlexView>\n ) : (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.5}>\n <TextButton\n disabled={disabled}\n label=\"Resend\"\n size={isXSmallSize ? 'small' : 'regular'}\n color={textButtonColor}\n onClick={handleResendClick}\n />\n {showVoiceOTP && (\n <>\n <Text $renderAs={isXSmallSize ? 'ub3' : 'ub2'} $color={textButtonColor}>\n or\n </Text>\n <FlexView $width={116}>\n <TextButton\n label=\"Get code via call\"\n size={isXSmallSize ? 'small' : 'regular'}\n color={textButtonColor}\n onClick={handleVoiceResendClick}\n />\n </FlexView>\n </>\n )}\n </FlexView>\n )}\n </FlexView>\n );\n};\n\nexport default memo(ResendOTP);\n"],"names":["ResendOTP","onResendOTP","onResendVoiceOTP","timerSeconds","showVoiceOTP","disabled","renderAs","width","textButtonColor","size","canResend","resetTimer","timeLeft","useResendTimer","handleResendClick","useCallback","handleVoiceResendClick","jsx","Button","isXSmallSize","FlexView","jsxs","TextButton","Fragment","Text","ResendOtp","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,MAAAC,IAAO;AACT,MAAM;AACJ,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAe;AAAA,IACzD,gBAAgBV;AAAA,EAAA,CACjB,GAEKW,IAAoBC,EAAY,MAAM;AAC5B,IAAAd,KAAA,QAAAA,KACHU;EAAA,GACV,CAACV,GAAaU,CAAU,CAAC,GAEtBK,IAAyBD,EAAY,MAAM;AAC5B,IAAAb,KAAA,QAAAA,KACRS;EAAA,GACV,CAACT,GAAkBS,CAAU,CAAC;AAEjC,MAAIL,MAAa;AAEb,WAAA,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAT;AAAA,QACA,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAOC,IAAY,WAAW,aAAaE,CAAQ;AAAA,QACnD,OAAAL;AAAA,QACA,SAASO;AAAA,QACT,UAAU,CAACJ,KAAaL;AAAA,MAAA;AAAA,IAAA;AAK9B,QAAMc,IAAeV,MAAS;AAE9B,SACG,gBAAAQ,EAAAG,GAAA,EACE,UAACV,IAUC,gBAAAW,EAAAD,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,UAAAjB;AAAA,QACA,OAAM;AAAA,QACN,MAAMc,IAAe,UAAU;AAAA,QAC/B,OAAOX;AAAA,QACP,SAASM;AAAA,MAAA;AAAA,IACX;AAAA,IACCV,KAEG,gBAAAiB,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAN,EAACO,KAAK,WAAWL,IAAe,QAAQ,OAAO,QAAQX,GAAiB,UAExE,KAAA,CAAA;AAAA,MACA,gBAAAS,EAACG,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAH;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAMH,IAAe,UAAU;AAAA,UAC/B,OAAOX;AAAA,UACP,SAASQ;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAAA,GACF;AAAA,EAAA,EAEJ,CAAA,sBAhCCI,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAC,EAACG,KAAK,WAAWL,IAAe,QAAQ,OAAO,QAAO,cAAa,UAAA;AAAA,IAAA;AAAA,IACvD;AAAA,IACV,gBAAAF,EAACO,GAAK,EAAA,WAAWL,IAAe,aAAa,YAAY,SAAO,IAAC,QAAO,cACrE,UACHP,EAAA,CAAA;AAAA,EACF,EAAA,CAAA,EACF,CAAA,EA2BJ,CAAA;AAEJ,GAEea,IAAAC,EAAK1B,CAAS;"}
|
|
@@ -1,32 +1,26 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { memo as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
const L = ({
|
|
1
|
+
import { jsxs as s, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { memo as d, useRef as C, useCallback as t, useMemo as b } from "react";
|
|
3
|
+
import g from "../../../ui/layout/flex-view.js";
|
|
4
|
+
import x from "../../../ui/lottie-animation/lottie-animation.js";
|
|
5
|
+
import m from "../../../ui/text/text.js";
|
|
6
|
+
import { Wrapper as I } from "./selectable-info-card-styled.js";
|
|
7
|
+
const T = ({
|
|
9
8
|
id: a,
|
|
10
|
-
title:
|
|
9
|
+
title: u,
|
|
11
10
|
description: c,
|
|
12
11
|
icon: i,
|
|
13
12
|
selected: r,
|
|
14
|
-
onClick:
|
|
15
|
-
analyticsLabel: f,
|
|
16
|
-
analyticsProps: p
|
|
13
|
+
onClick: l
|
|
17
14
|
}) => {
|
|
18
|
-
const e =
|
|
19
|
-
|
|
20
|
-
}, [a,
|
|
21
|
-
{ label: l, analyticsLabel: f, analyticsProps: p },
|
|
22
|
-
d
|
|
23
|
-
), $ = t(() => {
|
|
15
|
+
const e = C(null), f = t(() => {
|
|
16
|
+
l(a);
|
|
17
|
+
}, [a, l]), p = t(() => {
|
|
24
18
|
var o;
|
|
25
19
|
(o = e.current) == null || o.play();
|
|
26
|
-
}, []),
|
|
20
|
+
}, []), $ = t(() => {
|
|
27
21
|
var o;
|
|
28
22
|
r || (o = e.current) == null || o.stop();
|
|
29
|
-
}, [r]),
|
|
23
|
+
}, [r]), h = b(
|
|
30
24
|
() => ({
|
|
31
25
|
autoplay: r,
|
|
32
26
|
loop: !0,
|
|
@@ -34,40 +28,40 @@ const L = ({
|
|
|
34
28
|
}),
|
|
35
29
|
[r]
|
|
36
30
|
);
|
|
37
|
-
return /* @__PURE__ */
|
|
38
|
-
|
|
31
|
+
return /* @__PURE__ */ s(
|
|
32
|
+
I,
|
|
39
33
|
{
|
|
40
34
|
$gutterX: 1,
|
|
41
35
|
$gapX: 1,
|
|
42
36
|
$borderColor: "WHITE",
|
|
43
37
|
$flexDirection: "row",
|
|
44
38
|
$background: r ? "WHITE_1" : "BLACK_1",
|
|
45
|
-
onMouseEnter:
|
|
46
|
-
onMouseLeave:
|
|
47
|
-
onClick:
|
|
39
|
+
onMouseEnter: p,
|
|
40
|
+
onMouseLeave: $,
|
|
41
|
+
onClick: f,
|
|
48
42
|
$flexColumnGapX: 0.5,
|
|
49
43
|
selected: r,
|
|
50
44
|
$alignItems: "center",
|
|
51
45
|
children: [
|
|
52
46
|
i && /* @__PURE__ */ n(
|
|
53
|
-
|
|
47
|
+
x,
|
|
54
48
|
{
|
|
55
49
|
src: i,
|
|
56
50
|
ref: e,
|
|
57
|
-
settings:
|
|
51
|
+
settings: h,
|
|
58
52
|
width: 40,
|
|
59
53
|
height: 40
|
|
60
54
|
}
|
|
61
55
|
),
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
/* @__PURE__ */ n(
|
|
64
|
-
/* @__PURE__ */ n(
|
|
56
|
+
/* @__PURE__ */ s(g, { children: [
|
|
57
|
+
/* @__PURE__ */ n(m, { $renderAs: "ab3", $color: r ? "BLACK_1" : "WHITE", children: u }),
|
|
58
|
+
/* @__PURE__ */ n(m, { $renderAs: "ub3", $color: r ? "BLACK_T_60" : "WHITE_T_60", children: c })
|
|
65
59
|
] })
|
|
66
60
|
]
|
|
67
61
|
}
|
|
68
62
|
);
|
|
69
|
-
},
|
|
63
|
+
}, H = d(T);
|
|
70
64
|
export {
|
|
71
|
-
|
|
65
|
+
H as default
|
|
72
66
|
};
|
|
73
67
|
//# sourceMappingURL=selectable-info-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectable-info-card.js","sources":["../../../../../src/features/auth/comps/selectable-info-card/selectable-info-card.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { ISelectableInfoCardProps } from './selectable-info-card-types';\n\nimport { useCallback, useMemo, useRef, memo } from 'react';\n\nimport
|
|
1
|
+
{"version":3,"file":"selectable-info-card.js","sources":["../../../../../src/features/auth/comps/selectable-info-card/selectable-info-card.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { ISelectableInfoCardProps } from './selectable-info-card-types';\n\nimport { useCallback, useMemo, useRef, memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './selectable-info-card-styled';\n\nconst SelectableInfoCard = ({\n id,\n title,\n description,\n icon,\n selected,\n onClick,\n}: ISelectableInfoCardProps) => {\n const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n const handleClick = useCallback(() => {\n onClick(id);\n }, [id, onClick]);\n\n const handleOnMouseEnter = useCallback(() => {\n animationRef.current?.play();\n }, []);\n\n const handleOnMouseLeave = useCallback(() => {\n if (selected) return;\n animationRef.current?.stop();\n }, [selected]);\n\n const renderSettings = useMemo(\n () => ({\n autoplay: selected,\n loop: true,\n renderer: 'canvas',\n }),\n [selected],\n );\n\n return (\n <Styled.Wrapper\n $gutterX={1}\n $gapX={1}\n $borderColor=\"WHITE\"\n $flexDirection=\"row\"\n $background={selected ? 'WHITE_1' : 'BLACK_1'}\n onMouseEnter={handleOnMouseEnter}\n onMouseLeave={handleOnMouseLeave}\n onClick={handleClick}\n $flexColumnGapX={0.5}\n selected={selected}\n $alignItems=\"center\"\n >\n {icon && (\n <LottieAnimation\n src={icon}\n ref={animationRef}\n settings={renderSettings}\n width={40}\n height={40}\n />\n )}\n\n <FlexView>\n <Text $renderAs=\"ab3\" $color={selected ? 'BLACK_1' : 'WHITE'}>\n {title}\n </Text>\n <Text $renderAs=\"ub3\" $color={selected ? 'BLACK_T_60' : 'WHITE_T_60'}>\n {description}\n </Text>\n </FlexView>\n </Styled.Wrapper>\n );\n};\n\nexport default memo(SelectableInfoCard);\n"],"names":["SelectableInfoCard","id","title","description","icon","selected","onClick","animationRef","useRef","handleClick","useCallback","handleOnMouseEnter","_a","handleOnMouseLeave","renderSettings","useMemo","jsxs","Styled.Wrapper","jsx","LottieAnimation","FlexView","Text","selectableInfoCard","memo"],"mappings":";;;;;;AAUA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,MAAgC;AACxB,QAAAC,IAAeC,EAAmC,IAAI,GAEtDC,IAAcC,EAAY,MAAM;AACpC,IAAAJ,EAAQL,CAAE;AAAA,EAAA,GACT,CAACA,GAAIK,CAAO,CAAC,GAEVK,IAAqBD,EAAY,MAAM;;AAC3C,KAAAE,IAAAL,EAAa,YAAb,QAAAK,EAAsB;AAAA,EACxB,GAAG,CAAE,CAAA,GAECC,IAAqBH,EAAY,MAAM;;AAC3C,IAAIL,MACJO,IAAAL,EAAa,YAAb,QAAAK,EAAsB;AAAA,EAAK,GAC1B,CAACP,CAAQ,CAAC,GAEPS,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUV;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,cAAa;AAAA,MACb,gBAAe;AAAA,MACf,aAAaZ,IAAW,YAAY;AAAA,MACpC,cAAcM;AAAA,MACd,cAAcE;AAAA,MACd,SAASJ;AAAA,MACT,iBAAiB;AAAA,MACjB,UAAAJ;AAAA,MACA,aAAY;AAAA,MAEX,UAAA;AAAA,QACCD,KAAA,gBAAAc;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKf;AAAA,YACL,KAAKG;AAAA,YACL,UAAUO;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,0BAGDM,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAF,EAACG,KAAK,WAAU,OAAM,QAAQhB,IAAW,YAAY,SAClD,UACHH,EAAA,CAAA;AAAA,UACA,gBAAAgB,EAACG,KAAK,WAAU,OAAM,QAAQhB,IAAW,eAAe,cACrD,UACHF,EAAA,CAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEemB,IAAAC,EAAKvB,CAAkB;"}
|
|
@@ -1,29 +1,28 @@
|
|
|
1
1
|
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { memo as b } from "react";
|
|
3
|
-
import { useTheme as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
3
|
+
import { useTheme as u } from "styled-components";
|
|
4
|
+
import $ from "../../../../assets/line-icons/icons/apple-icon-white.js";
|
|
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
10
|
import c from "../../../ui/text/text.js";
|
|
11
|
-
import { EDeviceType as
|
|
12
|
-
|
|
13
|
-
const S = ({
|
|
11
|
+
import { EDeviceType as I } from "../../../ui/theme/constants.js";
|
|
12
|
+
const k = ({
|
|
14
13
|
onEmailSignup: m,
|
|
15
|
-
onAppleSignup:
|
|
16
|
-
onGoogleSignup:
|
|
17
|
-
loadingProvider:
|
|
18
|
-
onGoToLogin:
|
|
19
|
-
title:
|
|
14
|
+
onAppleSignup: p,
|
|
15
|
+
onGoogleSignup: d,
|
|
16
|
+
loadingProvider: l,
|
|
17
|
+
onGoToLogin: h,
|
|
18
|
+
title: f
|
|
20
19
|
}) => {
|
|
21
|
-
const { device:
|
|
22
|
-
return /* @__PURE__ */ i(
|
|
23
|
-
/* @__PURE__ */ e(c, { $renderAs: "ah3-bold", $renderOnMobileAs: "ah4-bold", $color: "WHITE", $whiteSpace: "pre", children:
|
|
24
|
-
/* @__PURE__ */ e(
|
|
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 }),
|
|
25
24
|
/* @__PURE__ */ i(
|
|
26
|
-
|
|
25
|
+
t,
|
|
27
26
|
{
|
|
28
27
|
$flexGapX: 1,
|
|
29
28
|
$flex: 1,
|
|
@@ -32,59 +31,53 @@ const S = ({
|
|
|
32
31
|
$width: "100%",
|
|
33
32
|
children: [
|
|
34
33
|
/* @__PURE__ */ e(
|
|
35
|
-
|
|
34
|
+
r,
|
|
36
35
|
{
|
|
37
36
|
renderAs: "black-dark",
|
|
38
|
-
Icon:
|
|
37
|
+
Icon: x,
|
|
39
38
|
width: o ? "100%" : 320,
|
|
40
39
|
label: "Signup with Google",
|
|
41
|
-
onClick:
|
|
40
|
+
onClick: d,
|
|
42
41
|
size: "small",
|
|
43
|
-
busy:
|
|
44
|
-
disabled:
|
|
45
|
-
analyticsLabel: t.START_SIGNUP_CTA_CLICKED,
|
|
46
|
-
analyticsProps: { provider: "google" }
|
|
42
|
+
busy: n,
|
|
43
|
+
disabled: n
|
|
47
44
|
}
|
|
48
45
|
),
|
|
49
46
|
/* @__PURE__ */ e(
|
|
50
|
-
|
|
47
|
+
r,
|
|
51
48
|
{
|
|
52
49
|
renderAs: "black-dark",
|
|
53
50
|
size: "small",
|
|
54
51
|
width: o ? "100%" : 320,
|
|
55
|
-
Icon:
|
|
52
|
+
Icon: $,
|
|
56
53
|
label: "Signup with Apple",
|
|
57
|
-
onClick:
|
|
54
|
+
onClick: p,
|
|
58
55
|
busy: s,
|
|
59
|
-
disabled: s
|
|
60
|
-
analyticsLabel: t.START_SIGNUP_CTA_CLICKED,
|
|
61
|
-
analyticsProps: { provider: "apple" }
|
|
56
|
+
disabled: s
|
|
62
57
|
}
|
|
63
58
|
),
|
|
64
59
|
/* @__PURE__ */ e(
|
|
65
|
-
|
|
60
|
+
r,
|
|
66
61
|
{
|
|
67
62
|
renderAs: "black-dark",
|
|
68
63
|
size: "small",
|
|
69
64
|
width: o ? "100%" : 320,
|
|
70
65
|
label: "Continue with Email",
|
|
71
|
-
onClick: m
|
|
72
|
-
analyticsLabel: t.START_SIGNUP_CTA_CLICKED,
|
|
73
|
-
analyticsProps: { provider: "email" }
|
|
66
|
+
onClick: m
|
|
74
67
|
}
|
|
75
68
|
)
|
|
76
69
|
]
|
|
77
70
|
}
|
|
78
71
|
),
|
|
79
|
-
/* @__PURE__ */ e(
|
|
80
|
-
/* @__PURE__ */ i(
|
|
72
|
+
/* @__PURE__ */ e(a, { heightX: 1.5 }),
|
|
73
|
+
/* @__PURE__ */ i(t, { $flexDirection: "row", $alignItems: "center", children: [
|
|
81
74
|
/* @__PURE__ */ e(c, { $renderAs: "ub3", $color: "WHITE", children: "Already have an account?" }),
|
|
82
75
|
" ",
|
|
83
|
-
/* @__PURE__ */ e(
|
|
76
|
+
/* @__PURE__ */ e(A, { size: "small", label: "Log In", color: "WHITE", onClick: h })
|
|
84
77
|
] })
|
|
85
78
|
] });
|
|
86
|
-
},
|
|
79
|
+
}, B = b(k);
|
|
87
80
|
export {
|
|
88
|
-
|
|
81
|
+
B as default
|
|
89
82
|
};
|
|
90
83
|
//# sourceMappingURL=signup-options.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/pla-signup/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';\
|
|
1
|
+
{"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/pla-signup/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;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -697,6 +697,7 @@ declare interface IAnimatedAvatarMessageProps {
|
|
|
697
697
|
message: string;
|
|
698
698
|
onShowContent: (show: boolean) => void;
|
|
699
699
|
confirmationFrames: [number, number];
|
|
700
|
+
completionFrames?: [number, number];
|
|
700
701
|
confirmationMessage?: string;
|
|
701
702
|
isConfirmationVisible?: boolean;
|
|
702
703
|
ref: React.Ref<IAnimatedAvatarMessageRef>;
|
|
@@ -704,8 +705,8 @@ declare interface IAnimatedAvatarMessageProps {
|
|
|
704
705
|
}
|
|
705
706
|
|
|
706
707
|
export declare type IAnimatedAvatarMessageRef = {
|
|
707
|
-
|
|
708
|
-
playConfirmationFrames: () => Promise<void>;
|
|
708
|
+
fadeOutMessageAndPlayCompletion: (shouldPlayAnimation?: boolean) => Promise<void>;
|
|
709
|
+
playConfirmationFrames: (shouldPlayAnimation?: boolean) => Promise<void>;
|
|
709
710
|
};
|
|
710
711
|
|
|
711
712
|
declare interface IAppLoaderProps {
|
|
@@ -2737,7 +2738,7 @@ declare interface IOTPInputProps {
|
|
|
2737
2738
|
isBusy?: boolean;
|
|
2738
2739
|
}
|
|
2739
2740
|
|
|
2740
|
-
declare interface IOTPResendProps
|
|
2741
|
+
declare interface IOTPResendProps {
|
|
2741
2742
|
onResendOTP: () => void;
|
|
2742
2743
|
onResendVoiceOTP?: () => void;
|
|
2743
2744
|
timerSeconds?: number;
|
|
@@ -2784,7 +2785,7 @@ declare interface IPerfectHitsProps {
|
|
|
2784
2785
|
value: number;
|
|
2785
2786
|
}
|
|
2786
2787
|
|
|
2787
|
-
declare interface IPillButtonProps
|
|
2788
|
+
declare interface IPillButtonProps {
|
|
2788
2789
|
id: string;
|
|
2789
2790
|
label: string;
|
|
2790
2791
|
selected?: boolean;
|
|
@@ -3183,7 +3184,7 @@ declare interface ISectionOption<Section = TDefaultSection> {
|
|
|
3183
3184
|
data: Section[];
|
|
3184
3185
|
}
|
|
3185
3186
|
|
|
3186
|
-
declare interface ISelectableInfoCardProps
|
|
3187
|
+
declare interface ISelectableInfoCardProps {
|
|
3187
3188
|
id: string;
|
|
3188
3189
|
title: string;
|
|
3189
3190
|
description: string;
|
|
@@ -4719,23 +4720,6 @@ export declare const PerfectHits: NamedExoticComponent<IPerfectHitsProps>;
|
|
|
4719
4720
|
|
|
4720
4721
|
export declare const PillButton: NamedExoticComponent<IPillButtonProps>;
|
|
4721
4722
|
|
|
4722
|
-
export declare enum PLA_ANALYTICS_EVENTS {
|
|
4723
|
-
START_SIGNUP_CTA_CLICKED = "start_signup_cta_clicked",
|
|
4724
|
-
ECNA_STEP_VIEWED = "ecna_step_viewed",
|
|
4725
|
-
ECNA_RESPONSE_RECORDED_DEBUG = "ecna_response_recorded_debug",
|
|
4726
|
-
PARENT_SIGNUP_CTA_CLICKED = "parent_signup_cta_clicked",
|
|
4727
|
-
PARENT_SIGNUP_SUCCESSFUL = "parent_signup_successful",
|
|
4728
|
-
PARENT_SIGNUP_FAILED = "parent_signup_failed",
|
|
4729
|
-
STUDENT_SIGNUP_SUCCESSFUL = "signup_successful",
|
|
4730
|
-
STUDENT_SIGNUP_FAILED = "signup_failed",
|
|
4731
|
-
SIGNUP_OTP_ENTERED = "signup_otp_entered",
|
|
4732
|
-
SIGNUP_OTP_VERIFIED = "signup_otp_verified",
|
|
4733
|
-
SIGNUP_OTP_FAILED = "signup_otp_failed",
|
|
4734
|
-
SLOTS_SHOWN = "slots_shown",
|
|
4735
|
-
SLOT_DATE_SELECTED = "slot_date_selected",
|
|
4736
|
-
SLOT_TIME_SELECTED = "slot_time_selected"
|
|
4737
|
-
}
|
|
4738
|
-
|
|
4739
4723
|
/**
|
|
4740
4724
|
** Global/Platform specific events that needs to be tracked goes here
|
|
4741
4725
|
** Naming convention needs to be snake_case
|
|
@@ -4921,7 +4905,7 @@ declare enum SECTION_CODE {
|
|
|
4921
4905
|
|
|
4922
4906
|
export declare const SectionList: <Section extends string | number | TDefaultSection>(props: ISectionList<Section>) => ReactElement;
|
|
4923
4907
|
|
|
4924
|
-
export declare const SelectableInfoCard: MemoExoticComponent<({ id, title, description, icon, selected, onClick,
|
|
4908
|
+
export declare const SelectableInfoCard: MemoExoticComponent<({ id, title, description, icon, selected, onClick, }: ISelectableInfoCardProps) => JSX.Element>;
|
|
4925
4909
|
|
|
4926
4910
|
export declare const SelectInput: <IDType extends string | number>(props: ISelectInputProps<IDType>) => ReactElement;
|
|
4927
4911
|
|