@cuemath/leap 3.2.17-j1 → 3.2.17-j3
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/analytics-events/whitelist-events.js +17 -15
- package/dist/features/analytics-events/whitelist-events.js.map +1 -1
- package/dist/features/auth/comps/pill-button/pill-button-styled.js +11 -11
- package/dist/features/auth/comps/pill-button/pill-button-styled.js.map +1 -1
- package/dist/features/auth/comps/pill-button/pill-button.js +41 -39
- package/dist/features/auth/comps/pill-button/pill-button.js.map +1 -1
- package/dist/features/auth/comps/resend-otp/resend-otp.js +16 -14
- 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 +32 -26
- package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js.map +1 -1
- package/dist/features/auth/pla-signup/pla-analytics-events.js +29 -0
- package/dist/features/auth/pla-signup/pla-analytics-events.js.map +1 -0
- package/dist/features/auth/pla-signup/signup-options/signup-options.js +53 -40
- package/dist/features/auth/pla-signup/signup-options/signup-options.js.map +1 -1
- package/dist/index.d.ts +27 -3
- package/dist/index.js +263 -261
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,26 +1,28 @@
|
|
|
1
|
+
import { PLA_ANALYTICS_WHITELIST_EVENTS as T } from "../auth/pla-signup/pla-analytics-events.js";
|
|
1
2
|
import { GAME_LAUNCHER_ANALYTICS_WHITELIST_EVENTS as E } from "../circle-games/game-launcher/game-launcher-analytics-events.js";
|
|
2
|
-
import { WEBVIEW_ANALYTICS_WHITELIST_EVENTS as
|
|
3
|
-
import { LEADERBOARD_ANALYTICS_WHITELIST_EVENTS as
|
|
4
|
-
import { HOMEWORK_ANALYTICS_WHITELIST_EVENTS as
|
|
5
|
-
import { RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS as
|
|
6
|
-
import { TESTS_CREATION_ANALYTICS_WHITELIST_EVENTS as
|
|
7
|
-
import { SHEETS_ANALYTICS_WHITELIST_EVENTS as
|
|
8
|
-
import { PLATFORM_WHITELIST_EVENTS_STUDENT as
|
|
9
|
-
import { PLATFORM_WHITELIST_EVENTS_TEACHER as
|
|
10
|
-
const
|
|
3
|
+
import { WEBVIEW_ANALYTICS_WHITELIST_EVENTS as S } from "../circle-games/games/web-view/web-view-analytics-events.js";
|
|
4
|
+
import { LEADERBOARD_ANALYTICS_WHITELIST_EVENTS as _ } from "../circle-games/leaderboard/leaderboard-analytics-events.js";
|
|
5
|
+
import { HOMEWORK_ANALYTICS_WHITELIST_EVENTS as I } from "../homework/homework-analytics-events.js";
|
|
6
|
+
import { RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS as A } from "../milestone/milestone-resources/resources-assign/resource-assign-analytics-events.js";
|
|
7
|
+
import { TESTS_CREATION_ANALYTICS_WHITELIST_EVENTS as L } from "../milestone/milestone-tests/tests-creation/tests-creation-analytics-events.js";
|
|
8
|
+
import { SHEETS_ANALYTICS_WHITELIST_EVENTS as N } from "../sheets/sheets-analytics-events.js";
|
|
9
|
+
import { PLATFORM_WHITELIST_EVENTS_STUDENT as o } from "./platform-events-student.js";
|
|
10
|
+
import { PLATFORM_WHITELIST_EVENTS_TEACHER as r } from "./platform-events-teacher.js";
|
|
11
|
+
const Y = {
|
|
11
12
|
//* Global/Platform specific events
|
|
12
|
-
...N,
|
|
13
13
|
...o,
|
|
14
|
+
...r,
|
|
14
15
|
//* Feature specific events
|
|
15
16
|
...E,
|
|
16
|
-
...S,
|
|
17
|
-
...I,
|
|
18
|
-
...L,
|
|
19
|
-
...A,
|
|
20
17
|
..._,
|
|
18
|
+
...A,
|
|
19
|
+
...N,
|
|
20
|
+
...L,
|
|
21
|
+
...I,
|
|
22
|
+
...S,
|
|
21
23
|
...T
|
|
22
24
|
};
|
|
23
25
|
export {
|
|
24
|
-
|
|
26
|
+
Y as WHITELIST_EVENTS
|
|
25
27
|
};
|
|
26
28
|
//# sourceMappingURL=whitelist-events.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"whitelist-events.js","sources":["../../../src/features/analytics-events/whitelist-events.ts"],"sourcesContent":["import type { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';\n\nimport { GAME_LAUNCHER_ANALYTICS_WHITELIST_EVENTS } from '../circle-games/game-launcher/game-launcher-analytics-events';\nimport { WEBVIEW_ANALYTICS_WHITELIST_EVENTS } from '../circle-games/games/web-view/web-view-analytics-events';\nimport { LEADERBOARD_ANALYTICS_WHITELIST_EVENTS } from '../circle-games/leaderboard/leaderboard-analytics-events';\nimport { HOMEWORK_ANALYTICS_WHITELIST_EVENTS } from '../homework/homework-analytics-events';\nimport { RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS } from '../milestone/milestone-resources/resources-assign/resource-assign-analytics-events';\nimport { TESTS_CREATION_ANALYTICS_WHITELIST_EVENTS } from '../milestone/milestone-tests/tests-creation/tests-creation-analytics-events';\nimport { SHEETS_ANALYTICS_WHITELIST_EVENTS } from '../sheets/sheets-analytics-events';\nimport { PLATFORM_WHITELIST_EVENTS_STUDENT } from './platform-events-student';\nimport { PLATFORM_WHITELIST_EVENTS_TEACHER } from './platform-events-teacher';\n\n/**\n ** Feature specific & Global/Platform specific events are imported here\n */\nconst WHITELIST_EVENTS: Record<string, PLUGIN_NAME[]> = {\n //* Global/Platform specific events\n ...PLATFORM_WHITELIST_EVENTS_STUDENT,\n ...PLATFORM_WHITELIST_EVENTS_TEACHER,\n\n //* Feature specific events\n ...GAME_LAUNCHER_ANALYTICS_WHITELIST_EVENTS,\n ...LEADERBOARD_ANALYTICS_WHITELIST_EVENTS,\n ...RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS,\n ...SHEETS_ANALYTICS_WHITELIST_EVENTS,\n ...TESTS_CREATION_ANALYTICS_WHITELIST_EVENTS,\n ...HOMEWORK_ANALYTICS_WHITELIST_EVENTS,\n ...WEBVIEW_ANALYTICS_WHITELIST_EVENTS,\n};\n\nexport { WHITELIST_EVENTS };\n"],"names":["WHITELIST_EVENTS","PLATFORM_WHITELIST_EVENTS_STUDENT","PLATFORM_WHITELIST_EVENTS_TEACHER","GAME_LAUNCHER_ANALYTICS_WHITELIST_EVENTS","LEADERBOARD_ANALYTICS_WHITELIST_EVENTS","RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS","SHEETS_ANALYTICS_WHITELIST_EVENTS","TESTS_CREATION_ANALYTICS_WHITELIST_EVENTS","HOMEWORK_ANALYTICS_WHITELIST_EVENTS","WEBVIEW_ANALYTICS_WHITELIST_EVENTS"],"mappings":"
|
|
1
|
+
{"version":3,"file":"whitelist-events.js","sources":["../../../src/features/analytics-events/whitelist-events.ts"],"sourcesContent":["import type { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';\n\nimport { PLA_ANALYTICS_WHITELIST_EVENTS } from '../auth/pla-signup/pla-analytics-events';\nimport { GAME_LAUNCHER_ANALYTICS_WHITELIST_EVENTS } from '../circle-games/game-launcher/game-launcher-analytics-events';\nimport { WEBVIEW_ANALYTICS_WHITELIST_EVENTS } from '../circle-games/games/web-view/web-view-analytics-events';\nimport { LEADERBOARD_ANALYTICS_WHITELIST_EVENTS } from '../circle-games/leaderboard/leaderboard-analytics-events';\nimport { HOMEWORK_ANALYTICS_WHITELIST_EVENTS } from '../homework/homework-analytics-events';\nimport { RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS } from '../milestone/milestone-resources/resources-assign/resource-assign-analytics-events';\nimport { TESTS_CREATION_ANALYTICS_WHITELIST_EVENTS } from '../milestone/milestone-tests/tests-creation/tests-creation-analytics-events';\nimport { SHEETS_ANALYTICS_WHITELIST_EVENTS } from '../sheets/sheets-analytics-events';\nimport { PLATFORM_WHITELIST_EVENTS_STUDENT } from './platform-events-student';\nimport { PLATFORM_WHITELIST_EVENTS_TEACHER } from './platform-events-teacher';\n\n/**\n ** Feature specific & Global/Platform specific events are imported here\n */\nconst WHITELIST_EVENTS: Record<string, PLUGIN_NAME[]> = {\n //* Global/Platform specific events\n ...PLATFORM_WHITELIST_EVENTS_STUDENT,\n ...PLATFORM_WHITELIST_EVENTS_TEACHER,\n\n //* Feature specific events\n ...GAME_LAUNCHER_ANALYTICS_WHITELIST_EVENTS,\n ...LEADERBOARD_ANALYTICS_WHITELIST_EVENTS,\n ...RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS,\n ...SHEETS_ANALYTICS_WHITELIST_EVENTS,\n ...TESTS_CREATION_ANALYTICS_WHITELIST_EVENTS,\n ...HOMEWORK_ANALYTICS_WHITELIST_EVENTS,\n ...WEBVIEW_ANALYTICS_WHITELIST_EVENTS,\n ...PLA_ANALYTICS_WHITELIST_EVENTS,\n};\n\nexport { WHITELIST_EVENTS };\n"],"names":["WHITELIST_EVENTS","PLATFORM_WHITELIST_EVENTS_STUDENT","PLATFORM_WHITELIST_EVENTS_TEACHER","GAME_LAUNCHER_ANALYTICS_WHITELIST_EVENTS","LEADERBOARD_ANALYTICS_WHITELIST_EVENTS","RESOURCE_ASSIGN_ANALYTICS_WHITELIST_EVENTS","SHEETS_ANALYTICS_WHITELIST_EVENTS","TESTS_CREATION_ANALYTICS_WHITELIST_EVENTS","HOMEWORK_ANALYTICS_WHITELIST_EVENTS","WEBVIEW_ANALYTICS_WHITELIST_EVENTS","PLA_ANALYTICS_WHITELIST_EVENTS"],"mappings":";;;;;;;;;;AAgBA,MAAMA,IAAkD;AAAA;AAAA,EAEtD,GAAGC;AAAA,EACH,GAAGC;AAAA;AAAA,EAGH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AACL;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import n, { css as
|
|
2
|
-
import
|
|
1
|
+
import n, { css as p } from "styled-components";
|
|
2
|
+
import a from "../../../ui/layout/flex-view.js";
|
|
3
3
|
import $ from "../../../ui/text/text.js";
|
|
4
4
|
const T = n.button`
|
|
5
|
-
${({ selected: o, disabled: r, width:
|
|
6
|
-
const c = r ?
|
|
7
|
-
return
|
|
5
|
+
${({ selected: o, disabled: r, width: t, height: l, borderColor: s, theme: i }) => {
|
|
6
|
+
const c = r ? i.colors.WHITE_T_10 : o ? i.colors.WHITE_1 : i.colors.BLACK_1, e = r ? i.colors.WHITE_T_15 : s;
|
|
7
|
+
return p`
|
|
8
8
|
position: relative;
|
|
9
9
|
display: inline-flex;
|
|
10
10
|
align-items: center;
|
|
@@ -13,16 +13,16 @@ const T = n.button`
|
|
|
13
13
|
transition: all 0.3s ease;
|
|
14
14
|
padding: 7.5px 16px;
|
|
15
15
|
border-radius: 40px;
|
|
16
|
-
border: 1px solid ${
|
|
17
|
-
width: ${
|
|
16
|
+
border: 1px solid ${e};
|
|
17
|
+
width: ${t ? `${t}` : "auto"}${typeof t == "number" ? "px" : ""};
|
|
18
18
|
height: ${l ? `${l}px` : "auto"};
|
|
19
19
|
background-color: ${c};
|
|
20
20
|
&:hover {
|
|
21
|
-
background-color: ${!o && !r ?
|
|
21
|
+
background-color: ${!o && !r ? i.colors.WHITE_T_10 : void 0};
|
|
22
22
|
}
|
|
23
23
|
`;
|
|
24
24
|
}}
|
|
25
|
-
`, d = n(
|
|
25
|
+
`, d = n(a)`
|
|
26
26
|
visibility: ${({ $showLottie: o }) => o ? "visible" : "hidden"};
|
|
27
27
|
`, f = n($)`
|
|
28
28
|
transition: all 0.3s ease-in-out;
|
|
@@ -32,8 +32,8 @@ const T = n.button`
|
|
|
32
32
|
left: ${o ? "0" : "-10px"};
|
|
33
33
|
`};
|
|
34
34
|
|
|
35
|
-
${({ selected: o, disabled: r, theme:
|
|
36
|
-
color: ${r ?
|
|
35
|
+
${({ selected: o, disabled: r, theme: t, textColor: l }) => `
|
|
36
|
+
color: ${r ? t.colors.WHITE_T_38 : o ? t.colors.BLACK_1 : l};
|
|
37
37
|
`};
|
|
38
38
|
`;
|
|
39
39
|
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;\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}
|
|
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,0BACrBG,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,75 +1,77 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
2
|
-
import { memo as
|
|
3
|
-
import { useTheme as
|
|
1
|
+
import { jsx as o, jsxs as R } from "react/jsx-runtime";
|
|
2
|
+
import { memo as _, useState as L, useCallback as l, useEffect as j } from "react";
|
|
3
|
+
import { useTheme as k } from "styled-components";
|
|
4
4
|
import y from "../../../ui/arrow-tooltip/arrow-tooltip.js";
|
|
5
|
-
import B from "../../../ui/
|
|
6
|
-
import O from "../../../ui/
|
|
7
|
-
import
|
|
8
|
-
|
|
5
|
+
import B from "../../../ui/hooks/use-click-handler.js";
|
|
6
|
+
import O from "../../../ui/layout/flex-view.js";
|
|
7
|
+
import P from "../../../ui/lottie-animation/lottie-animation.js";
|
|
8
|
+
import { Wrapper as S, IconWrapper as X, Label as Y } from "./pill-button-styled.js";
|
|
9
|
+
const D = {
|
|
9
10
|
autoplay: !0,
|
|
10
11
|
loop: !0,
|
|
11
12
|
renderer: "canvas"
|
|
12
|
-
},
|
|
13
|
+
}, F = ({
|
|
13
14
|
id: i,
|
|
14
|
-
label:
|
|
15
|
+
label: u,
|
|
15
16
|
selected: t = !1,
|
|
16
17
|
disabled: e = !1,
|
|
17
|
-
animatedLabel:
|
|
18
|
+
animatedLabel: a = "",
|
|
18
19
|
icon: r,
|
|
19
|
-
onClick:
|
|
20
|
-
tooltip:
|
|
21
|
-
width:
|
|
20
|
+
onClick: c,
|
|
21
|
+
tooltip: f,
|
|
22
|
+
width: A,
|
|
23
|
+
analyticsLabel: g,
|
|
24
|
+
analyticsProps: v
|
|
22
25
|
}) => {
|
|
23
|
-
const [
|
|
24
|
-
|
|
25
|
-
}, [i,
|
|
26
|
-
|
|
26
|
+
const [C, h] = L(!1), [n, $] = L(!1), { colors: m } = k(), s = !!a, E = l(() => {
|
|
27
|
+
c(i);
|
|
28
|
+
}, [i, c]), { handleClick: I } = B({ label: u, analyticsLabel: g, analyticsProps: v }, E);
|
|
29
|
+
j(() => {
|
|
27
30
|
if (!s || e) return;
|
|
28
|
-
const
|
|
29
|
-
|
|
31
|
+
const b = setInterval(() => {
|
|
32
|
+
$((M) => !M);
|
|
30
33
|
}, 1e3);
|
|
31
|
-
return () => clearInterval(
|
|
34
|
+
return () => clearInterval(b);
|
|
32
35
|
}, [e, s]);
|
|
33
|
-
const w = l(() => h(!0), []),
|
|
34
|
-
|
|
36
|
+
const w = l(() => h(!0), []), H = l(() => h(!1), []), p = !!r && !e && (s || t || C), T = m[n ? "YELLOW_4" : "WHITE_1"], W = m[n && !t ? "YELLOW_4" : "WHITE_1"], d = n ? a : u, x = /* @__PURE__ */ o(
|
|
37
|
+
S,
|
|
35
38
|
{
|
|
36
39
|
selected: t,
|
|
37
40
|
disabled: e,
|
|
38
|
-
onClick:
|
|
41
|
+
onClick: I,
|
|
39
42
|
onMouseEnter: w,
|
|
40
|
-
onMouseLeave:
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
B,
|
|
43
|
+
onMouseLeave: H,
|
|
44
|
+
width: A,
|
|
45
|
+
borderColor: T,
|
|
46
|
+
children: /* @__PURE__ */ R(
|
|
47
|
+
O,
|
|
46
48
|
{
|
|
47
49
|
$flexDirection: "row",
|
|
48
50
|
$alignItems: "center",
|
|
49
51
|
$justifyContent: "center",
|
|
50
52
|
$flexColumnGapX: 0.25,
|
|
51
53
|
children: [
|
|
52
|
-
r && /* @__PURE__ */ o(
|
|
54
|
+
r && /* @__PURE__ */ o(X, { $widthX: 1, $heightX: 1, $showLottie: p, children: /* @__PURE__ */ o(P, { src: r, settings: D }) }),
|
|
53
55
|
/* @__PURE__ */ o(
|
|
54
|
-
|
|
56
|
+
Y,
|
|
55
57
|
{
|
|
56
|
-
shouldOffsetLabel:
|
|
58
|
+
shouldOffsetLabel: p || !r,
|
|
57
59
|
selected: t,
|
|
58
60
|
disabled: e,
|
|
59
|
-
$renderAs:
|
|
60
|
-
textColor:
|
|
61
|
-
children:
|
|
61
|
+
$renderAs: n ? t ? "ub3-bold" : "ub3" : t ? "ub2-bold" : "ub2",
|
|
62
|
+
textColor: W,
|
|
63
|
+
children: d
|
|
62
64
|
},
|
|
63
|
-
|
|
65
|
+
d
|
|
64
66
|
)
|
|
65
67
|
]
|
|
66
68
|
}
|
|
67
69
|
)
|
|
68
70
|
}
|
|
69
71
|
);
|
|
70
|
-
return e &&
|
|
71
|
-
},
|
|
72
|
+
return e && f ? /* @__PURE__ */ o(y, { renderAs: "primary", tooltipItem: f, position: "top", children: x }) : x;
|
|
73
|
+
}, tt = _(F);
|
|
72
74
|
export {
|
|
73
|
-
|
|
75
|
+
tt as default
|
|
74
76
|
};
|
|
75
77
|
//# sourceMappingURL=pill-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pill-button.js","sources":["../../../../../src/features/auth/comps/pill-button/pill-button.tsx"],"sourcesContent":["import type { IPillButtonProps } from './pill-button-types';\n\nimport { useCallback, useEffect, useState, type FC, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './pill-button-styled';\n\nconst lottieSettings = {\n autoplay: true,\n loop: true,\n renderer: 'canvas',\n};\n\nconst PillButton: FC<IPillButtonProps> = ({\n id,\n label,\n selected = false,\n disabled = false,\n animatedLabel = '',\n icon,\n onClick,\n tooltip,\n width,\n}) => {\n const [isHovered, setHovered] = useState(false);\n const [highlightPhase, setHighlightPhase] = useState(false);\n const { colors } = useTheme();\n const shouldAnimate = !!animatedLabel;\n\n const
|
|
1
|
+
{"version":3,"file":"pill-button.js","sources":["../../../../../src/features/auth/comps/pill-button/pill-button.tsx"],"sourcesContent":["import type { IPillButtonProps } from './pill-button-types';\n\nimport { useCallback, useEffect, useState, type FC, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport useClickHandler from '../../../ui/hooks/use-click-handler';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './pill-button-styled';\n\nconst lottieSettings = {\n autoplay: true,\n loop: true,\n renderer: 'canvas',\n};\n\nconst PillButton: FC<IPillButtonProps> = ({\n id,\n label,\n selected = false,\n disabled = false,\n animatedLabel = '',\n icon,\n onClick,\n tooltip,\n width,\n analyticsLabel,\n analyticsProps,\n}) => {\n const [isHovered, setHovered] = useState(false);\n const [highlightPhase, setHighlightPhase] = useState(false);\n const { colors } = useTheme();\n const shouldAnimate = !!animatedLabel;\n\n const handleSelect = useCallback(() => {\n onClick(id);\n }, [id, onClick]);\n\n const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, handleSelect);\n\n useEffect(() => {\n if (!shouldAnimate || disabled) return;\n\n const interval = setInterval(() => {\n setHighlightPhase(prev => !prev);\n }, 1000);\n\n return () => clearInterval(interval);\n }, [disabled, shouldAnimate]);\n\n const handleMouseEnter = useCallback(() => setHovered(true), []);\n const handleMouseLeave = useCallback(() => setHovered(false), []);\n\n const showLottie = !!icon && !disabled && (shouldAnimate || selected || isHovered);\n\n const borderColor = colors[highlightPhase ? 'YELLOW_4' : 'WHITE_1'];\n const textColor = colors[highlightPhase && !selected ? 'YELLOW_4' : 'WHITE_1'];\n const currentLabel = highlightPhase ? animatedLabel : label;\n const defaultTextRenderAs = selected ? 'ub2-bold' : 'ub2';\n const textRenderAs = highlightPhase ? (selected ? 'ub3-bold' : 'ub3') : defaultTextRenderAs;\n\n const ButtonContent = (\n <Styled.Wrapper\n selected={selected}\n disabled={disabled}\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n width={width}\n borderColor={borderColor}\n >\n <FlexView\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $flexColumnGapX={0.25}\n >\n {icon && (\n <Styled.IconWrapper $widthX={1} $heightX={1} $showLottie={showLottie}>\n <LottieAnimation src={icon} settings={lottieSettings} />\n </Styled.IconWrapper>\n )}\n <Styled.Label\n key={currentLabel}\n shouldOffsetLabel={showLottie || !icon}\n selected={selected}\n disabled={disabled}\n $renderAs={textRenderAs}\n textColor={textColor}\n >\n {currentLabel}\n </Styled.Label>\n </FlexView>\n </Styled.Wrapper>\n );\n\n return disabled && tooltip ? (\n <ArrowTooltip renderAs=\"primary\" tooltipItem={tooltip} position=\"top\">\n {ButtonContent}\n </ArrowTooltip>\n ) : (\n ButtonContent\n );\n};\n\nexport default memo(PillButton);\n"],"names":["lottieSettings","PillButton","id","label","selected","disabled","animatedLabel","icon","onClick","tooltip","width","analyticsLabel","analyticsProps","isHovered","setHovered","useState","highlightPhase","setHighlightPhase","colors","useTheme","shouldAnimate","handleSelect","useCallback","handleClick","useClickHandler","useEffect","interval","prev","handleMouseEnter","handleMouseLeave","showLottie","borderColor","textColor","currentLabel","ButtonContent","jsx","Styled.Wrapper","jsxs","FlexView","Styled.IconWrapper","LottieAnimation","Styled.Label","ArrowTooltip","pillButton","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAAiB;AAAA,EACrB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ,GAEMC,IAAmC,CAAC;AAAA,EACxC,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAWC,CAAU,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAgBC,CAAiB,IAAIF,EAAS,EAAK,GACpD,EAAE,QAAAG,MAAWC,KACbC,IAAgB,CAAC,CAACd,GAElBe,IAAeC,EAAY,MAAM;AACrC,IAAAd,EAAQN,CAAE;AAAA,EAAA,GACT,CAACA,GAAIM,CAAO,CAAC,GAEV,EAAE,aAAAe,EAAgB,IAAAC,EAAgB,EAAE,OAAArB,GAAO,gBAAAQ,GAAgB,gBAAAC,KAAkBS,CAAY;AAE/F,EAAAI,EAAU,MAAM;AACV,QAAA,CAACL,KAAiBf,EAAU;AAE1B,UAAAqB,IAAW,YAAY,MAAM;AACf,MAAAT,EAAA,CAAAU,MAAQ,CAACA,CAAI;AAAA,OAC9B,GAAI;AAEA,WAAA,MAAM,cAAcD,CAAQ;AAAA,EAAA,GAClC,CAACrB,GAAUe,CAAa,CAAC;AAE5B,QAAMQ,IAAmBN,EAAY,MAAMR,EAAW,EAAI,GAAG,CAAA,CAAE,GACzDe,IAAmBP,EAAY,MAAMR,EAAW,EAAK,GAAG,CAAA,CAAE,GAE1DgB,IAAa,CAAC,CAACvB,KAAQ,CAACF,MAAae,KAAiBhB,KAAYS,IAElEkB,IAAcb,EAAOF,IAAiB,aAAa,SAAS,GAC5DgB,IAAYd,EAAOF,KAAkB,CAACZ,IAAW,aAAa,SAAS,GACvE6B,IAAejB,IAAiBV,IAAgBH,GAIhD+B,IACJ,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAAhC;AAAA,MACA,UAAAC;AAAA,MACA,SAASkB;AAAA,MACT,cAAcK;AAAA,MACd,cAAcC;AAAA,MACd,OAAAnB;AAAA,MACA,aAAAqB;AAAA,MAEA,UAAA,gBAAAM;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,iBAAiB;AAAA,UAEhB,UAAA;AAAA,YAAA/B,uBACEgC,GAAA,EAAmB,SAAS,GAAG,UAAU,GAAG,aAAaT,GACxD,4BAACU,GAAgB,EAAA,KAAKjC,GAAM,UAAUP,EAAgB,CAAA,GACxD;AAAA,YAEF,gBAAAmC;AAAA,cAACM;AAAAA,cAAA;AAAA,gBAEC,mBAAmBX,KAAc,CAACvB;AAAA,gBAClC,UAAAH;AAAA,gBACA,UAAAC;AAAA,gBACA,WA5BaW,IAAkBZ,IAAW,aAAa,QADnCA,IAAW,aAAa;AAAA,gBA8B5C,WAAA4B;AAAA,gBAEC,UAAAC;AAAA,cAAA;AAAA,cAPIA;AAAA,YAQP;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIG,SAAA5B,KAAYI,IACjB,gBAAA0B,EAACO,GAAa,EAAA,UAAS,WAAU,aAAajC,GAAS,UAAS,OAC7D,UAAAyB,EAAA,CACH,IAEAA;AAEJ,GAEeS,KAAAC,EAAK3C,CAAU;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as r, jsxs as n, Fragment as
|
|
2
|
-
import { memo as
|
|
3
|
-
import
|
|
1
|
+
import { jsx as r, jsxs as n, Fragment as g } from "react/jsx-runtime";
|
|
2
|
+
import { memo as w, useCallback as f } from "react";
|
|
3
|
+
import A from "../../../ui/buttons/button/button.js";
|
|
4
4
|
import $ from "../../../ui/buttons/text-button/text-button.js";
|
|
5
5
|
import m from "../../../ui/layout/flex-view.js";
|
|
6
6
|
import a from "../../../ui/text/text.js";
|
|
7
|
-
import { useResendTimer as
|
|
8
|
-
const
|
|
7
|
+
import { useResendTimer as I } from "./hooks/use-resend-timer.js";
|
|
8
|
+
const E = ({
|
|
9
9
|
onResendOTP: l,
|
|
10
10
|
onResendVoiceOTP: i,
|
|
11
11
|
timerSeconds: h = 15,
|
|
@@ -14,18 +14,19 @@ const I = ({
|
|
|
14
14
|
renderAs: x = "text",
|
|
15
15
|
width: k,
|
|
16
16
|
textButtonColor: s = "WHITE_T_60",
|
|
17
|
-
size: d = "small"
|
|
17
|
+
size: d = "small",
|
|
18
|
+
analyticsLabel: _
|
|
18
19
|
}) => {
|
|
19
|
-
const { canResend: c, resetTimer: t, timeLeft: u } =
|
|
20
|
+
const { canResend: c, resetTimer: t, timeLeft: u } = I({
|
|
20
21
|
initialSeconds: h
|
|
21
22
|
}), b = f(() => {
|
|
22
23
|
l == null || l(), t();
|
|
23
|
-
}, [l, t]),
|
|
24
|
+
}, [l, t]), C = f(() => {
|
|
24
25
|
i == null || i(), t();
|
|
25
26
|
}, [i, t]);
|
|
26
27
|
if (x === "submit")
|
|
27
28
|
return /* @__PURE__ */ r(
|
|
28
|
-
|
|
29
|
+
A,
|
|
29
30
|
{
|
|
30
31
|
size: d,
|
|
31
32
|
renderAs: "secondary-dark",
|
|
@@ -45,10 +46,11 @@ const I = ({
|
|
|
45
46
|
label: "Resend",
|
|
46
47
|
size: e ? "small" : "regular",
|
|
47
48
|
color: s,
|
|
48
|
-
onClick: b
|
|
49
|
+
onClick: b,
|
|
50
|
+
analyticsLabel: _
|
|
49
51
|
}
|
|
50
52
|
),
|
|
51
|
-
p && /* @__PURE__ */ n(
|
|
53
|
+
p && /* @__PURE__ */ n(g, { children: [
|
|
52
54
|
/* @__PURE__ */ r(a, { $renderAs: e ? "ub3" : "ub2", $color: s, children: "or" }),
|
|
53
55
|
/* @__PURE__ */ r(m, { $width: 116, children: /* @__PURE__ */ r(
|
|
54
56
|
$,
|
|
@@ -56,7 +58,7 @@ const I = ({
|
|
|
56
58
|
label: "Get code via call",
|
|
57
59
|
size: e ? "small" : "regular",
|
|
58
60
|
color: s,
|
|
59
|
-
onClick:
|
|
61
|
+
onClick: C
|
|
60
62
|
}
|
|
61
63
|
) })
|
|
62
64
|
] })
|
|
@@ -65,8 +67,8 @@ const I = ({
|
|
|
65
67
|
" ",
|
|
66
68
|
/* @__PURE__ */ r(a, { $renderAs: e ? "ub3-bold" : "ub2-bold", $inline: !0, $color: "WHITE_T_60", children: u })
|
|
67
69
|
] }) }) });
|
|
68
|
-
},
|
|
70
|
+
}, G = w(E);
|
|
69
71
|
export {
|
|
70
|
-
|
|
72
|
+
G as default
|
|
71
73
|
};
|
|
72
74
|
//# sourceMappingURL=resend-otp.js.map
|
|
@@ -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}) => {\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;
|
|
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 analyticsLabel,\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 analyticsLabel={analyticsLabel}\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","analyticsLabel","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;AAAA,EACP,gBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAe;AAAA,IACzD,gBAAgBX;AAAA,EAAA,CACjB,GAEKY,IAAoBC,EAAY,MAAM;AAC5B,IAAAf,KAAA,QAAAA,KACHW;EAAA,GACV,CAACX,GAAaW,CAAU,CAAC,GAEtBK,IAAyBD,EAAY,MAAM;AAC5B,IAAAd,KAAA,QAAAA,KACRU;EAAA,GACV,CAACV,GAAkBU,CAAU,CAAC;AAEjC,MAAIN,MAAa;AAEb,WAAA,gBAAAY;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAAV;AAAA,QACA,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAOE,IAAY,WAAW,aAAaE,CAAQ;AAAA,QACnD,OAAAN;AAAA,QACA,SAASQ;AAAA,QACT,UAAU,CAACJ,KAAaN;AAAA,MAAA;AAAA,IAAA;AAK9B,QAAMe,IAAeX,MAAS;AAE9B,SACG,gBAAAS,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,UAAAlB;AAAA,QACA,OAAM;AAAA,QACN,MAAMe,IAAe,UAAU;AAAA,QAC/B,OAAOZ;AAAA,QACP,SAASO;AAAA,QACT,gBAAAL;AAAA,MAAA;AAAA,IACF;AAAA,IACCN,KAEG,gBAAAkB,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAN,EAACO,KAAK,WAAWL,IAAe,QAAQ,OAAO,QAAQZ,GAAiB,UAExE,KAAA,CAAA;AAAA,MACA,gBAAAU,EAACG,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAH;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAMH,IAAe,UAAU;AAAA,UAC/B,OAAOZ;AAAA,UACP,SAASS;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAAA,GACF;AAAA,EAAA,EAEJ,CAAA,sBAjCCI,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,EA4BJ,CAAA;AAEJ,GAEea,IAAAC,EAAK3B,CAAS;"}
|
|
@@ -1,26 +1,32 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { memo as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
1
|
+
import { jsxs as m, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { memo as g, useRef as x, useCallback as t, useMemo as I } from "react";
|
|
3
|
+
import T from "../../../ui/hooks/use-click-handler.js";
|
|
4
|
+
import _ from "../../../ui/layout/flex-view.js";
|
|
5
|
+
import A from "../../../ui/lottie-animation/lottie-animation.js";
|
|
6
|
+
import u from "../../../ui/text/text.js";
|
|
7
|
+
import { Wrapper as E } from "./selectable-info-card-styled.js";
|
|
8
|
+
const L = ({
|
|
8
9
|
id: a,
|
|
9
|
-
title:
|
|
10
|
+
title: l,
|
|
10
11
|
description: c,
|
|
11
12
|
icon: i,
|
|
12
13
|
selected: r,
|
|
13
|
-
onClick:
|
|
14
|
+
onClick: s,
|
|
15
|
+
analyticsLabel: f,
|
|
16
|
+
analyticsProps: p
|
|
14
17
|
}) => {
|
|
15
|
-
const e =
|
|
16
|
-
|
|
17
|
-
}, [a,
|
|
18
|
+
const e = x(null), d = t(() => {
|
|
19
|
+
s(a);
|
|
20
|
+
}, [a, s]), { handleClick: h } = T(
|
|
21
|
+
{ label: l, analyticsLabel: f, analyticsProps: p },
|
|
22
|
+
d
|
|
23
|
+
), $ = t(() => {
|
|
18
24
|
var o;
|
|
19
25
|
(o = e.current) == null || o.play();
|
|
20
|
-
}, []),
|
|
26
|
+
}, []), C = t(() => {
|
|
21
27
|
var o;
|
|
22
28
|
r || (o = e.current) == null || o.stop();
|
|
23
|
-
}, [r]),
|
|
29
|
+
}, [r]), b = I(
|
|
24
30
|
() => ({
|
|
25
31
|
autoplay: r,
|
|
26
32
|
loop: !0,
|
|
@@ -28,40 +34,40 @@ const T = ({
|
|
|
28
34
|
}),
|
|
29
35
|
[r]
|
|
30
36
|
);
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
|
|
37
|
+
return /* @__PURE__ */ m(
|
|
38
|
+
E,
|
|
33
39
|
{
|
|
34
40
|
$gutterX: 1,
|
|
35
41
|
$gapX: 1,
|
|
36
42
|
$borderColor: "WHITE",
|
|
37
43
|
$flexDirection: "row",
|
|
38
44
|
$background: r ? "WHITE_1" : "BLACK_1",
|
|
39
|
-
onMouseEnter:
|
|
40
|
-
onMouseLeave:
|
|
41
|
-
onClick:
|
|
45
|
+
onMouseEnter: $,
|
|
46
|
+
onMouseLeave: C,
|
|
47
|
+
onClick: h,
|
|
42
48
|
$flexColumnGapX: 0.5,
|
|
43
49
|
selected: r,
|
|
44
50
|
$alignItems: "center",
|
|
45
51
|
children: [
|
|
46
52
|
i && /* @__PURE__ */ n(
|
|
47
|
-
|
|
53
|
+
A,
|
|
48
54
|
{
|
|
49
55
|
src: i,
|
|
50
56
|
ref: e,
|
|
51
|
-
settings:
|
|
57
|
+
settings: b,
|
|
52
58
|
width: 40,
|
|
53
59
|
height: 40
|
|
54
60
|
}
|
|
55
61
|
),
|
|
56
|
-
/* @__PURE__ */
|
|
57
|
-
/* @__PURE__ */ n(
|
|
58
|
-
/* @__PURE__ */ n(
|
|
62
|
+
/* @__PURE__ */ m(_, { children: [
|
|
63
|
+
/* @__PURE__ */ n(u, { $renderAs: "ab3", $color: r ? "BLACK_1" : "WHITE", children: l }),
|
|
64
|
+
/* @__PURE__ */ n(u, { $renderAs: "ub3", $color: r ? "BLACK_T_60" : "WHITE_T_60", children: c })
|
|
59
65
|
] })
|
|
60
66
|
]
|
|
61
67
|
}
|
|
62
68
|
);
|
|
63
|
-
},
|
|
69
|
+
}, K = g(L);
|
|
64
70
|
export {
|
|
65
|
-
|
|
71
|
+
K as default
|
|
66
72
|
};
|
|
67
73
|
//# 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 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
|
|
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 useClickHandler from '../../../ui/hooks/use-click-handler';\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 analyticsLabel,\n analyticsProps,\n}: ISelectableInfoCardProps) => {\n const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n const handleSelect = useCallback(() => {\n onClick(id);\n }, [id, onClick]);\n\n const { handleClick } = useClickHandler(\n { label: title, analyticsLabel, analyticsProps },\n handleSelect,\n );\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","analyticsLabel","analyticsProps","animationRef","useRef","handleSelect","useCallback","handleClick","useClickHandler","handleOnMouseEnter","_a","handleOnMouseLeave","renderSettings","useMemo","jsxs","Styled.Wrapper","jsx","LottieAnimation","FlexView","Text","selectableInfoCard","memo"],"mappings":";;;;;;;AAWA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAgC;AACxB,QAAAC,IAAeC,EAAmC,IAAI,GAEtDC,IAAeC,EAAY,MAAM;AACrC,IAAAN,EAAQL,CAAE;AAAA,EAAA,GACT,CAACA,GAAIK,CAAO,CAAC,GAEV,EAAE,aAAAO,MAAgBC;AAAA,IACtB,EAAE,OAAOZ,GAAO,gBAAAK,GAAgB,gBAAAC,EAAe;AAAA,IAC/CG;AAAA,EAAA,GAGII,IAAqBH,EAAY,MAAM;;AAC3C,KAAAI,IAAAP,EAAa,YAAb,QAAAO,EAAsB;AAAA,EACxB,GAAG,CAAE,CAAA,GAECC,IAAqBL,EAAY,MAAM;;AAC3C,IAAIP,MACJW,IAAAP,EAAa,YAAb,QAAAO,EAAsB;AAAA,EAAK,GAC1B,CAACX,CAAQ,CAAC,GAEPa,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUd;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAe;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,cAAa;AAAA,MACb,gBAAe;AAAA,MACf,aAAahB,IAAW,YAAY;AAAA,MACpC,cAAcU;AAAA,MACd,cAAcE;AAAA,MACd,SAASJ;AAAA,MACT,iBAAiB;AAAA,MACjB,UAAAR;AAAA,MACA,aAAY;AAAA,MAEX,UAAA;AAAA,QACCD,KAAA,gBAAAkB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKnB;AAAA,YACL,KAAKK;AAAA,YACL,UAAUS;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,0BAGDM,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAF,EAACG,KAAK,WAAU,OAAM,QAAQpB,IAAW,YAAY,SAClD,UACHH,EAAA,CAAA;AAAA,UACA,gBAAAoB,EAACG,KAAK,WAAU,OAAM,QAAQpB,IAAW,eAAe,cACrD,UACHF,EAAA,CAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeuB,IAAAC,EAAK3B,CAAkB;"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { PLUGINS as p } from "../../../node_modules/@cuemath/analytics-v2/dist/constants.js";
|
|
2
|
+
var i = /* @__PURE__ */ ((_) => (_.PLA_SIGNUP_WITH_GOOGLE = "pla_signup_with_google", _.PLA_SIGNUP_WITH_GOOGLE_FAILED = "pla_signup_with_google_failed", _.PLA_SIGNUP_WITH_APPLE = "pla_signup_with_apple", _.PLA_SIGNUP_WITH_APPLE_FAILED = "pla_signup_with_apple_failed", _.PLA_SIGNUP_WITH_EMAIL = "pla_signup_with_email", _.PLA_SIGNUP_LOGIN_REDIRECT_CLICKED = "pla_signup_login_redirect_clicked", _.PLA_SIGNUP_WITH_EMAIL_OTP_REQUESTED = "pla_signup_with_email_otp_requested", _.PLA_SIGNUP_WITH_EMAIL_OTP_REQUEST_FAILED = "pla_signup_with_email_otp_request_failed", _.PLA_SIGNUP_WITH_EMAIL_OTP_VERIFIED = "pla_signup_with_email_otp_verified", _.PLA_SIGNUP_WITH_EMAIL_OTP_VERIFICATION_FAILED = "pla_signup_with_email_otp_verification_failed", _.PLA_SIGNUP_WITH_EMAIL_OTP_RESEND = "pla_signup_with_email_otp_resend", _.PLA_SIGNUP_STEP_CHANGED = "pla_signup_step_changed", _.PLA_SIGNUP_STEP_FORM_SUBMIT = "pla_signup_step_form_submit", _.PLA_SIGNUP_PREV_STEP_CLICKED = "pla_signup_prev_step_clicked", _.PLA_SIGNUP_STEP_SUBMIT_SUCCESS = "pla_signup_step_submit_success", _.PLA_SIGNUP_STEP_SUBMIT_FAILED = "pla_signup_step_submit_failed", _.PLA_SIGNUP_DROP_OFF = "pla_signup_drop_off", _.PLA_SIGNUP_SLOT_DATE_SELECTED = "pla_signup_slot_date_selected", _.PLA_SIGNUP_SLOT_TIME_SELECTED = "pla_signup_slot_time_selected", _.PLA_SIGNUP_FORM_SKIPPED = "pla_signup_form_skipped", _))(i || {});
|
|
3
|
+
const l = {
|
|
4
|
+
pla_signup_with_google: [p.MIXPANEL],
|
|
5
|
+
pla_signup_with_google_failed: [p.MIXPANEL],
|
|
6
|
+
pla_signup_with_apple: [p.MIXPANEL],
|
|
7
|
+
pla_signup_with_apple_failed: [p.MIXPANEL],
|
|
8
|
+
pla_signup_with_email: [p.MIXPANEL],
|
|
9
|
+
pla_signup_login_redirect_clicked: [p.MIXPANEL],
|
|
10
|
+
pla_signup_with_email_otp_requested: [p.MIXPANEL],
|
|
11
|
+
pla_signup_with_email_otp_request_failed: [p.MIXPANEL],
|
|
12
|
+
pla_signup_with_email_otp_verified: [p.MIXPANEL],
|
|
13
|
+
pla_signup_with_email_otp_verification_failed: [p.MIXPANEL],
|
|
14
|
+
pla_signup_with_email_otp_resend: [p.MIXPANEL],
|
|
15
|
+
pla_signup_step_changed: [p.MIXPANEL],
|
|
16
|
+
pla_signup_step_form_submit: [p.MIXPANEL],
|
|
17
|
+
pla_signup_prev_step_clicked: [p.MIXPANEL],
|
|
18
|
+
pla_signup_step_submit_success: [p.MIXPANEL],
|
|
19
|
+
pla_signup_step_submit_failed: [p.MIXPANEL],
|
|
20
|
+
pla_signup_drop_off: [p.MIXPANEL],
|
|
21
|
+
pla_signup_slot_date_selected: [p.MIXPANEL],
|
|
22
|
+
pla_signup_slot_time_selected: [p.MIXPANEL],
|
|
23
|
+
pla_signup_form_skipped: [p.MIXPANEL]
|
|
24
|
+
};
|
|
25
|
+
export {
|
|
26
|
+
i as PLA_ANALYTICS_EVENTS,
|
|
27
|
+
l as PLA_ANALYTICS_WHITELIST_EVENTS
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=pla-analytics-events.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pla-analytics-events.js","sources":["../../../../src/features/auth/pla-signup/pla-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum PLA_ANALYTICS_EVENTS {\n PLA_SIGNUP_WITH_GOOGLE = 'pla_signup_with_google',\n PLA_SIGNUP_WITH_GOOGLE_FAILED = 'pla_signup_with_google_failed',\n PLA_SIGNUP_WITH_APPLE = 'pla_signup_with_apple',\n PLA_SIGNUP_WITH_APPLE_FAILED = 'pla_signup_with_apple_failed',\n PLA_SIGNUP_WITH_EMAIL = 'pla_signup_with_email',\n PLA_SIGNUP_LOGIN_REDIRECT_CLICKED = 'pla_signup_login_redirect_clicked',\n PLA_SIGNUP_WITH_EMAIL_OTP_REQUESTED = 'pla_signup_with_email_otp_requested',\n PLA_SIGNUP_WITH_EMAIL_OTP_REQUEST_FAILED = 'pla_signup_with_email_otp_request_failed',\n PLA_SIGNUP_WITH_EMAIL_OTP_VERIFIED = 'pla_signup_with_email_otp_verified',\n PLA_SIGNUP_WITH_EMAIL_OTP_VERIFICATION_FAILED = 'pla_signup_with_email_otp_verification_failed',\n PLA_SIGNUP_WITH_EMAIL_OTP_RESEND = 'pla_signup_with_email_otp_resend',\n PLA_SIGNUP_STEP_CHANGED = 'pla_signup_step_changed',\n PLA_SIGNUP_STEP_FORM_SUBMIT = 'pla_signup_step_form_submit',\n PLA_SIGNUP_PREV_STEP_CLICKED = 'pla_signup_prev_step_clicked',\n PLA_SIGNUP_STEP_SUBMIT_SUCCESS = 'pla_signup_step_submit_success',\n PLA_SIGNUP_STEP_SUBMIT_FAILED = 'pla_signup_step_submit_failed',\n PLA_SIGNUP_DROP_OFF = 'pla_signup_drop_off',\n PLA_SIGNUP_SLOT_DATE_SELECTED = 'pla_signup_slot_date_selected',\n PLA_SIGNUP_SLOT_TIME_SELECTED = 'pla_signup_slot_time_selected',\n PLA_SIGNUP_FORM_SKIPPED = 'pla_signup_form_skipped',\n}\n\nexport const PLA_ANALYTICS_WHITELIST_EVENTS = {\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_GOOGLE]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_GOOGLE_FAILED]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_APPLE]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_APPLE_FAILED]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_EMAIL]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_LOGIN_REDIRECT_CLICKED]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_EMAIL_OTP_REQUESTED]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_EMAIL_OTP_REQUEST_FAILED]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_EMAIL_OTP_VERIFIED]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_EMAIL_OTP_VERIFICATION_FAILED]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_WITH_EMAIL_OTP_RESEND]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_STEP_CHANGED]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_STEP_FORM_SUBMIT]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_PREV_STEP_CLICKED]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_STEP_SUBMIT_SUCCESS]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_STEP_SUBMIT_FAILED]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_DROP_OFF]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_SLOT_DATE_SELECTED]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_SLOT_TIME_SELECTED]: [PLUGINS.MIXPANEL],\n [PLA_ANALYTICS_EVENTS.PLA_SIGNUP_FORM_SKIPPED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLA_ANALYTICS_EVENTS","PLA_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,yBAAyB,0BACzBA,EAAA,gCAAgC,iCAChCA,EAAA,wBAAwB,yBACxBA,EAAA,+BAA+B,gCAC/BA,EAAA,wBAAwB,yBACxBA,EAAA,oCAAoC,qCACpCA,EAAA,sCAAsC,uCACtCA,EAAA,2CAA2C,4CAC3CA,EAAA,qCAAqC,sCACrCA,EAAA,gDAAgD,iDAChDA,EAAA,mCAAmC,oCACnCA,EAAA,0BAA0B,2BAC1BA,EAAA,8BAA8B,+BAC9BA,EAAA,+BAA+B,gCAC/BA,EAAA,iCAAiC,kCACjCA,EAAA,gCAAgC,iCAChCA,EAAA,sBAAsB,uBACtBA,EAAA,gCAAgC,iCAChCA,EAAA,gCAAgC,iCAChCA,EAAA,0BAA0B,2BApBhBA,IAAAA,KAAA,CAAA,CAAA;AAuBL,MAAMC,IAAiC;AAAA,EAC3C,wBAA8C,CAACC,EAAQ,QAAQ;AAAA,EAC/D,+BAAqD,CAACA,EAAQ,QAAQ;AAAA,EACtE,uBAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,8BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,uBAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,mCAAyD,CAACA,EAAQ,QAAQ;AAAA,EAC1E,qCAA2D,CAACA,EAAQ,QAAQ;AAAA,EAC5E,0CAAgE,CAACA,EAAQ,QAAQ;AAAA,EACjF,oCAA0D,CAACA,EAAQ,QAAQ;AAAA,EAC3E,+CAAqE,CAACA,EAAQ,QAAQ;AAAA,EACtF,kCAAwD,CAACA,EAAQ,QAAQ;AAAA,EACzE,yBAA+C,CAACA,EAAQ,QAAQ;AAAA,EAChE,6BAAmD,CAACA,EAAQ,QAAQ;AAAA,EACpE,8BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,gCAAsD,CAACA,EAAQ,QAAQ;AAAA,EACvE,+BAAqD,CAACA,EAAQ,QAAQ;AAAA,EACtE,qBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,+BAAqD,CAACA,EAAQ,QAAQ;AAAA,EACtE,+BAAqD,CAACA,EAAQ,QAAQ;AAAA,EACtE,yBAA+C,CAACA,EAAQ,QAAQ;AACnE;"}
|