@cuemath/leap 2.9.5-j5 → 2.9.5-j7
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 -0
- package/dist/assets/lottie/lottie.js.map +1 -1
- package/dist/features/auth/comps/resend-otp/otp-timer/otp-timer.js +19 -22
- package/dist/features/auth/comps/resend-otp/otp-timer/otp-timer.js.map +1 -1
- package/dist/features/auth/comps/resend-otp/resend-otp.js +12 -12
- package/dist/features/auth/comps/resend-otp/resend-otp.js.map +1 -1
- package/dist/features/auth/login/social-account-not-found/social-account-not-found.js +46 -0
- package/dist/features/auth/login/social-account-not-found/social-account-not-found.js.map +1 -0
- package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js +7 -7
- package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js.map +1 -1
- package/dist/features/auth/signup/custom-input/input-wrapper/input-wrapper.js +22 -22
- package/dist/features/auth/signup/custom-input/input-wrapper/input-wrapper.js.map +1 -1
- package/dist/features/auth/signup/custom-input/student-username/student-username.js +22 -22
- package/dist/features/auth/signup/custom-input/student-username/student-username.js.map +1 -1
- package/dist/features/ui/inputs/base-input/base-input-styled.js +61 -60
- package/dist/features/ui/inputs/base-input/base-input-styled.js.map +1 -1
- package/dist/features/ui/inputs/base-input/base-input.js +38 -35
- package/dist/features/ui/inputs/base-input/base-input.js.map +1 -1
- package/dist/features/ui/inputs/text-input/text-input-styled.js +22 -20
- package/dist/features/ui/inputs/text-input/text-input-styled.js.map +1 -1
- package/dist/features/ui/inputs/text-input/text-input.js +35 -32
- package/dist/features/ui/inputs/text-input/text-input.js.map +1 -1
- package/dist/features/ui/theme/input.js +84 -11
- package/dist/features/ui/theme/input.js.map +1 -1
- package/dist/index.d.ts +19 -6
- package/dist/index.js +339 -337
- package/dist/index.js.map +1 -1
- package/dist/static/error.cbe1ddde.json +1 -0
- package/package.json +1 -1
@@ -19,6 +19,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", s = {
|
|
19
19
|
DOB: `${t}static/dob.9ce3c15b.json`,
|
20
20
|
EASY: `${t}static/easy.68242ddd.json`,
|
21
21
|
ELITE_CIRCLE: `${t}static/elite-circle.3df58972.json`,
|
22
|
+
ERROR: `${t}static/error.cbe1ddde.json`,
|
22
23
|
ERROR_LOTTIE: `${t}static/error-lottie.b3507a4b.json`,
|
23
24
|
FAMILIAR1X: `${t}static/familiar1x.7c9c7f15.json`,
|
24
25
|
FIFTEEN_MIN_CLOCK: `${t}static/fifteen-min-clock.0af4e303.json`,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"lottie.js","sources":["../../../src/assets/lottie/lottie.ts"],"sourcesContent":["const PREFIX = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : '/';\n\nconst LOTTIE = {\n ACCURACY_METER: `${PREFIX}static/accuracy-meter.99585cba.json`,\n ACCURACY_NEEDLE: `${PREFIX}static/accuracy-needle.cd6e63ac.json`,\n ADVANCE_MODE_SEGMENT_LOTTIE: `${PREFIX}static/advance-mode-segment-lottie.51ff6707.json`,\n AVATAR_SELECTED: `${PREFIX}static/avatar-selected.860ee923.json`,\n BEGINNER1X: `${PREFIX}static/beginner1x.489908a7.json`,\n BRONZE_1: `${PREFIX}static/bronze-1.da4e4b5f.json`,\n BRONZE_2: `${PREFIX}static/bronze-2.97f9c639.json`,\n BRONZE_3: `${PREFIX}static/bronze-3.6a433ebd.json`,\n CIRCULAR_LOADER: `${PREFIX}static/circular-loader.a5a1a0a6.json`,\n CLOCK_30MIN: `${PREFIX}static/clock-30min.eae818b8.json`,\n CLOCK_45MIN: `${PREFIX}static/clock-45min.df8adf51.json`,\n CLOCK_60MIN: `${PREFIX}static/clock-60min.2b48d875.json`,\n CLOCK_90MIN: `${PREFIX}static/clock-90min.3e557ed7.json`,\n COLOR_1: `${PREFIX}static/color-1.45101b9a.json`,\n COLOR_2: `${PREFIX}static/color-2.ccdc7d0a.json`,\n COLOR_3: `${PREFIX}static/color-3.5e8e1422.json`,\n DIFFICULT: `${PREFIX}static/difficult.6846c064.json`,\n DOB: `${PREFIX}static/dob.9ce3c15b.json`,\n EASY: `${PREFIX}static/easy.68242ddd.json`,\n ELITE_CIRCLE: `${PREFIX}static/elite-circle.3df58972.json`,\n ERROR_LOTTIE: `${PREFIX}static/error-lottie.b3507a4b.json`,\n FAMILIAR1X: `${PREFIX}static/familiar1x.7c9c7f15.json`,\n FIFTEEN_MIN_CLOCK: `${PREFIX}static/fifteen-min-clock.0af4e303.json`,\n FIVE_MIN_CLOCK: `${PREFIX}static/five-min-clock.6be5cc41.json`,\n GOLD_1: `${PREFIX}static/gold-1.ab2489fe.json`,\n GOLD_2: `${PREFIX}static/gold-2.34045826.json`,\n GOLD_3: `${PREFIX}static/gold-3.d704698b.json`,\n GRADE: `${PREFIX}static/grade.b3730524.json`,\n INFINITE_BUTTON_BG: `${PREFIX}static/infinite-button-bg.5909225e.json`,\n INFINITE_BUTTON_SYMBOL: `${PREFIX}static/infinite-button-symbol.aa31350c.json`,\n KEY: `${PREFIX}static/key.d6846476.json`,\n LEVELUP_RINGS: `${PREFIX}static/levelup-rings.b1055283.json`,\n MAIL: `${PREFIX}static/mail.c30e8708.json`,\n MEDIUM: `${PREFIX}static/medium.94c3829b.json`,\n NUDGE_TAP: `${PREFIX}static/nudge-tap.5cb30093.json`,\n OTP: `${PREFIX}static/otp.a3029760.json`,\n PARENT_AVATAR: `${PREFIX}static/parent-avatar.772d53e0.json`,\n PHONE_NUMBER: `${PREFIX}static/phone-number.0be312ea.json`,\n POINT100: `${PREFIX}static/point100.1df16f82.json`,\n POINT10: `${PREFIX}static/point10.7b5e536d.json`,\n POINT15: `${PREFIX}static/point15.fea00c32.json`,\n POINT1: `${PREFIX}static/point1.b53831de.json`,\n POINT20: `${PREFIX}static/point20.c88d776d.json`,\n POINT25: `${PREFIX}static/point25.a18c346a.json`,\n POINT2: `${PREFIX}static/point2.7cec6e24.json`,\n POINT30: `${PREFIX}static/point30.c5224b0b.json`,\n POINT35: `${PREFIX}static/point35.fad343dd.json`,\n POINT3: `${PREFIX}static/point3.f96fe7aa.json`,\n POINT40: `${PREFIX}static/point40.10a16f72.json`,\n POINT45: `${PREFIX}static/point45.2ad7561f.json`,\n POINT4: `${PREFIX}static/point4.fe04fb83.json`,\n POINT50: `${PREFIX}static/point50.5718cb3d.json`,\n POINT5: `${PREFIX}static/point5.da40ed1f.json`,\n POINT60: `${PREFIX}static/point60.17380d9f.json`,\n PROFICIENT1X: `${PREFIX}static/proficient1x.fa6e7b80.json`,\n RANDOM_MODE_SEGMENT_LOTTIE: `${PREFIX}static/random-mode-segment-lottie.79cf1c07.json`,\n SEQUENCE_MODE_SEGMENT_LOTTIE: `${PREFIX}static/sequence-mode-segment-lottie.11ac49e9.json`,\n SILVER_1: `${PREFIX}static/silver-1.0396328a.json`,\n SILVER_2: `${PREFIX}static/silver-2.bf50615f.json`,\n SILVER_3: `${PREFIX}static/silver-3.13d66b84.json`,\n SLEEPY_BOI: `${PREFIX}static/sleepy-boi.031a1165.json`,\n SPINNER_WHITE: `${PREFIX}static/spinner-white.639e0d87.json`,\n SPLASH_SCREEN: `${PREFIX}static/splash-screen.bbf567ce.json`,\n STUDENT_AVATAR: `${PREFIX}static/student-avatar.524226bd.json`,\n TABLE_MODE_REVEAL: `${PREFIX}static/table-mode-reveal.b44a82c3.json`,\n TABLE_MODE_STAR: `${PREFIX}static/table-mode-star.b8a1d762.json`,\n TABLE_SEGMENT_STAR: `${PREFIX}static/table-segment-star.78e851d6.json`,\n TARGET_ACHIEVED_TEXT: `${PREFIX}static/target-achieved-text.10db8475.json`,\n TEACHER_VALIDATION: `${PREFIX}static/teacher-validation.7577ecdc.json`,\n TOTAL_STREAK: `${PREFIX}static/total-streak.d5ce7669.json`,\n TOTAL_TIME: `${PREFIX}static/total-time.d979cbb9.json`,\n TOTAL_TIME_SPENT: `${PREFIX}static/total-time-spent.434005d3.json`,\n TOURNAMENT_RIPPLE: `${PREFIX}static/tournament-ripple.e5c239a5.json`,\n USERNAME: `${PREFIX}static/username.9e034d51.json`,\n};\n\nexport { LOTTIE };\n"],"names":["PREFIX","LOTTIE"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"lottie.js","sources":["../../../src/assets/lottie/lottie.ts"],"sourcesContent":["const PREFIX = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : '/';\n\nconst LOTTIE = {\n ACCURACY_METER: `${PREFIX}static/accuracy-meter.99585cba.json`,\n ACCURACY_NEEDLE: `${PREFIX}static/accuracy-needle.cd6e63ac.json`,\n ADVANCE_MODE_SEGMENT_LOTTIE: `${PREFIX}static/advance-mode-segment-lottie.51ff6707.json`,\n AVATAR_SELECTED: `${PREFIX}static/avatar-selected.860ee923.json`,\n BEGINNER1X: `${PREFIX}static/beginner1x.489908a7.json`,\n BRONZE_1: `${PREFIX}static/bronze-1.da4e4b5f.json`,\n BRONZE_2: `${PREFIX}static/bronze-2.97f9c639.json`,\n BRONZE_3: `${PREFIX}static/bronze-3.6a433ebd.json`,\n CIRCULAR_LOADER: `${PREFIX}static/circular-loader.a5a1a0a6.json`,\n CLOCK_30MIN: `${PREFIX}static/clock-30min.eae818b8.json`,\n CLOCK_45MIN: `${PREFIX}static/clock-45min.df8adf51.json`,\n CLOCK_60MIN: `${PREFIX}static/clock-60min.2b48d875.json`,\n CLOCK_90MIN: `${PREFIX}static/clock-90min.3e557ed7.json`,\n COLOR_1: `${PREFIX}static/color-1.45101b9a.json`,\n COLOR_2: `${PREFIX}static/color-2.ccdc7d0a.json`,\n COLOR_3: `${PREFIX}static/color-3.5e8e1422.json`,\n DIFFICULT: `${PREFIX}static/difficult.6846c064.json`,\n DOB: `${PREFIX}static/dob.9ce3c15b.json`,\n EASY: `${PREFIX}static/easy.68242ddd.json`,\n ELITE_CIRCLE: `${PREFIX}static/elite-circle.3df58972.json`,\n ERROR: `${PREFIX}static/error.cbe1ddde.json`,\n ERROR_LOTTIE: `${PREFIX}static/error-lottie.b3507a4b.json`,\n FAMILIAR1X: `${PREFIX}static/familiar1x.7c9c7f15.json`,\n FIFTEEN_MIN_CLOCK: `${PREFIX}static/fifteen-min-clock.0af4e303.json`,\n FIVE_MIN_CLOCK: `${PREFIX}static/five-min-clock.6be5cc41.json`,\n GOLD_1: `${PREFIX}static/gold-1.ab2489fe.json`,\n GOLD_2: `${PREFIX}static/gold-2.34045826.json`,\n GOLD_3: `${PREFIX}static/gold-3.d704698b.json`,\n GRADE: `${PREFIX}static/grade.b3730524.json`,\n INFINITE_BUTTON_BG: `${PREFIX}static/infinite-button-bg.5909225e.json`,\n INFINITE_BUTTON_SYMBOL: `${PREFIX}static/infinite-button-symbol.aa31350c.json`,\n KEY: `${PREFIX}static/key.d6846476.json`,\n LEVELUP_RINGS: `${PREFIX}static/levelup-rings.b1055283.json`,\n MAIL: `${PREFIX}static/mail.c30e8708.json`,\n MEDIUM: `${PREFIX}static/medium.94c3829b.json`,\n NUDGE_TAP: `${PREFIX}static/nudge-tap.5cb30093.json`,\n OTP: `${PREFIX}static/otp.a3029760.json`,\n PARENT_AVATAR: `${PREFIX}static/parent-avatar.772d53e0.json`,\n PHONE_NUMBER: `${PREFIX}static/phone-number.0be312ea.json`,\n POINT100: `${PREFIX}static/point100.1df16f82.json`,\n POINT10: `${PREFIX}static/point10.7b5e536d.json`,\n POINT15: `${PREFIX}static/point15.fea00c32.json`,\n POINT1: `${PREFIX}static/point1.b53831de.json`,\n POINT20: `${PREFIX}static/point20.c88d776d.json`,\n POINT25: `${PREFIX}static/point25.a18c346a.json`,\n POINT2: `${PREFIX}static/point2.7cec6e24.json`,\n POINT30: `${PREFIX}static/point30.c5224b0b.json`,\n POINT35: `${PREFIX}static/point35.fad343dd.json`,\n POINT3: `${PREFIX}static/point3.f96fe7aa.json`,\n POINT40: `${PREFIX}static/point40.10a16f72.json`,\n POINT45: `${PREFIX}static/point45.2ad7561f.json`,\n POINT4: `${PREFIX}static/point4.fe04fb83.json`,\n POINT50: `${PREFIX}static/point50.5718cb3d.json`,\n POINT5: `${PREFIX}static/point5.da40ed1f.json`,\n POINT60: `${PREFIX}static/point60.17380d9f.json`,\n PROFICIENT1X: `${PREFIX}static/proficient1x.fa6e7b80.json`,\n RANDOM_MODE_SEGMENT_LOTTIE: `${PREFIX}static/random-mode-segment-lottie.79cf1c07.json`,\n SEQUENCE_MODE_SEGMENT_LOTTIE: `${PREFIX}static/sequence-mode-segment-lottie.11ac49e9.json`,\n SILVER_1: `${PREFIX}static/silver-1.0396328a.json`,\n SILVER_2: `${PREFIX}static/silver-2.bf50615f.json`,\n SILVER_3: `${PREFIX}static/silver-3.13d66b84.json`,\n SLEEPY_BOI: `${PREFIX}static/sleepy-boi.031a1165.json`,\n SPINNER_WHITE: `${PREFIX}static/spinner-white.639e0d87.json`,\n SPLASH_SCREEN: `${PREFIX}static/splash-screen.bbf567ce.json`,\n STUDENT_AVATAR: `${PREFIX}static/student-avatar.524226bd.json`,\n TABLE_MODE_REVEAL: `${PREFIX}static/table-mode-reveal.b44a82c3.json`,\n TABLE_MODE_STAR: `${PREFIX}static/table-mode-star.b8a1d762.json`,\n TABLE_SEGMENT_STAR: `${PREFIX}static/table-segment-star.78e851d6.json`,\n TARGET_ACHIEVED_TEXT: `${PREFIX}static/target-achieved-text.10db8475.json`,\n TEACHER_VALIDATION: `${PREFIX}static/teacher-validation.7577ecdc.json`,\n TOTAL_STREAK: `${PREFIX}static/total-streak.d5ce7669.json`,\n TOTAL_TIME: `${PREFIX}static/total-time.d979cbb9.json`,\n TOTAL_TIME_SPENT: `${PREFIX}static/total-time-spent.434005d3.json`,\n TOURNAMENT_RIPPLE: `${PREFIX}static/tournament-ripple.e5c239a5.json`,\n USERNAME: `${PREFIX}static/username.9e034d51.json`,\n};\n\nexport { LOTTIE };\n"],"names":["PREFIX","LOTTIE"],"mappings":"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"}
|
@@ -1,28 +1,25 @@
|
|
1
|
-
import {
|
2
|
-
import { memo as T, useState as
|
3
|
-
import
|
4
|
-
import
|
5
|
-
const
|
6
|
-
const [r, i] =
|
7
|
-
return
|
1
|
+
import { jsx as u, jsxs as c } from "react/jsx-runtime";
|
2
|
+
import { memo as T, useState as d, useEffect as s } from "react";
|
3
|
+
import f from "../../../../ui/layout/flex-view.js";
|
4
|
+
import o from "../../../../ui/text/text.js";
|
5
|
+
const m = ({ onComplete: t, timerSeconds: e }) => {
|
6
|
+
const [r, i] = d(e);
|
7
|
+
return s(() => {
|
8
8
|
if (r <= 0) {
|
9
|
-
|
9
|
+
t == null || t();
|
10
10
|
return;
|
11
11
|
}
|
12
|
-
const
|
13
|
-
return () => clearTimeout(
|
14
|
-
}, [r,
|
15
|
-
i(
|
16
|
-
}, [
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
" "
|
23
|
-
] });
|
24
|
-
}, I = T($);
|
12
|
+
const n = setTimeout(() => i(r - 1), 1e3);
|
13
|
+
return () => clearTimeout(n);
|
14
|
+
}, [r, t]), s(() => {
|
15
|
+
i(e);
|
16
|
+
}, [e]), /* @__PURE__ */ u(f, { $width: 105, children: /* @__PURE__ */ c(o, { $renderAs: "ub2", $color: "WHITE_T_60", children: [
|
17
|
+
"Resend in",
|
18
|
+
" ",
|
19
|
+
/* @__PURE__ */ u(o, { $renderAs: "ub2-bold", $inline: !0, $color: "WHITE_T_60", children: `0:${r < 10 ? "0" : ""}${r}` })
|
20
|
+
] }) });
|
21
|
+
}, h = T(m);
|
25
22
|
export {
|
26
|
-
|
23
|
+
h as default
|
27
24
|
};
|
28
25
|
//# sourceMappingURL=otp-timer.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"otp-timer.js","sources":["../../../../../../src/features/auth/comps/resend-otp/otp-timer/otp-timer.tsx"],"sourcesContent":["import type { IOTPTimerProps } from './otp-timer-types';\n\nimport { memo, useState, useEffect } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst OTPTimer = ({ onComplete, timerSeconds }: IOTPTimerProps) => {\n const [count, setCount] = useState(timerSeconds);\n\n useEffect(() => {\n if (count <= 0) {\n onComplete?.();\n\n return;\n }\n\n const timeoutId = setTimeout(() => setCount(count - 1), 1000);\n\n return () => clearTimeout(timeoutId);\n }, [count, onComplete]);\n\n useEffect(() => {\n setCount(timerSeconds);\n }, [timerSeconds]);\n\n return (\n <FlexView $
|
1
|
+
{"version":3,"file":"otp-timer.js","sources":["../../../../../../src/features/auth/comps/resend-otp/otp-timer/otp-timer.tsx"],"sourcesContent":["import type { IOTPTimerProps } from './otp-timer-types';\n\nimport { memo, useState, useEffect } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst OTPTimer = ({ onComplete, timerSeconds }: IOTPTimerProps) => {\n const [count, setCount] = useState(timerSeconds);\n\n useEffect(() => {\n if (count <= 0) {\n onComplete?.();\n\n return;\n }\n\n const timeoutId = setTimeout(() => setCount(count - 1), 1000);\n\n return () => clearTimeout(timeoutId);\n }, [count, onComplete]);\n\n useEffect(() => {\n setCount(timerSeconds);\n }, [timerSeconds]);\n\n return (\n <FlexView $width={105}>\n <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n Resend in{' '}\n <Text $renderAs=\"ub2-bold\" $inline $color=\"WHITE_T_60\">\n {`0:${count < 10 ? '0' : ''}${count}`}\n </Text>\n </Text>\n </FlexView>\n );\n};\n\nexport default memo(OTPTimer);\n"],"names":["OTPTimer","onComplete","timerSeconds","count","setCount","useState","useEffect","timeoutId","jsx","FlexView","Text","OtpTimer","memo"],"mappings":";;;;AAOA,MAAMA,IAAW,CAAC,EAAE,YAAAC,GAAY,cAAAC,QAAmC;AACjE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASH,CAAY;AAE/C,SAAAI,EAAU,MAAM;AACd,QAAIH,KAAS,GAAG;AACD,MAAAF,KAAA,QAAAA;AAEb;AAAA,IACF;AAEA,UAAMM,IAAY,WAAW,MAAMH,EAASD,IAAQ,CAAC,GAAG,GAAI;AAErD,WAAA,MAAM,aAAaI,CAAS;AAAA,EAAA,GAClC,CAACJ,GAAOF,CAAU,CAAC,GAEtBK,EAAU,MAAM;AACd,IAAAF,EAASF,CAAY;AAAA,EAAA,GACpB,CAACA,CAAY,CAAC,GAGf,gBAAAM,EAACC,KAAS,QAAQ,KAChB,4BAACC,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,IAAA;AAAA,IAC9B;AAAA,IACT,gBAAAF,EAAAE,GAAA,EAAK,WAAU,YAAW,SAAO,IAAC,QAAO,cACvC,UAAA,KAAKP,IAAQ,KAAK,MAAM,EAAE,GAAGA,CAAK,IACrC;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEeQ,IAAAC,EAAKZ,CAAQ;"}
|
@@ -1,27 +1,27 @@
|
|
1
1
|
import { jsx as l, jsxs as c, Fragment as h } from "react/jsx-runtime";
|
2
|
-
import { useState as C, useCallback as
|
2
|
+
import { useState as C, useCallback as o } from "react";
|
3
3
|
import i from "../../../ui/buttons/text-button/text-button.js";
|
4
|
-
import
|
5
|
-
import
|
6
|
-
import
|
4
|
+
import a from "../../../ui/layout/flex-view.js";
|
5
|
+
import u from "../../../ui/text/text.js";
|
6
|
+
import x from "./otp-timer/otp-timer.js";
|
7
7
|
const $ = ({
|
8
8
|
onResendOTP: e,
|
9
9
|
onResendVoiceOTP: r,
|
10
10
|
timerSeconds: m = 15,
|
11
11
|
showVoiceOTP: s = !1
|
12
12
|
}) => {
|
13
|
-
const [n, t] = C(!1), f =
|
13
|
+
const [n, t] = C(!1), f = o(() => {
|
14
14
|
t(!0);
|
15
|
-
}, []), p =
|
15
|
+
}, []), p = o(() => {
|
16
16
|
e == null || e(), t(!1);
|
17
|
-
}, [e]), d =
|
17
|
+
}, [e]), d = o(() => {
|
18
18
|
r == null || r(), t(!1);
|
19
19
|
}, [r]);
|
20
|
-
return /* @__PURE__ */ l(
|
20
|
+
return /* @__PURE__ */ l(a, { children: n ? /* @__PURE__ */ c(a, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.5, children: [
|
21
21
|
/* @__PURE__ */ l(i, { label: "Resend", color: "WHITE_T_60", onClick: p }),
|
22
|
-
|
23
|
-
/* @__PURE__ */ l(
|
24
|
-
/* @__PURE__ */ l(
|
22
|
+
s && /* @__PURE__ */ c(h, { children: [
|
23
|
+
/* @__PURE__ */ l(u, { $renderAs: "ub2", $color: "WHITE_T_60", children: "or" }),
|
24
|
+
/* @__PURE__ */ l(a, { $width: 116, children: /* @__PURE__ */ l(
|
25
25
|
i,
|
26
26
|
{
|
27
27
|
label: "Get code via call",
|
@@ -30,7 +30,7 @@ const $ = ({
|
|
30
30
|
}
|
31
31
|
) })
|
32
32
|
] })
|
33
|
-
] }) : /* @__PURE__ */ l(
|
33
|
+
] }) : /* @__PURE__ */ l(x, { timerSeconds: m, onComplete: f }) });
|
34
34
|
}, H = $;
|
35
35
|
export {
|
36
36
|
H as default
|
@@ -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 { useState, useCallback } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport OtpTimer from './otp-timer/otp-timer';\n\nconst ResendOTP: React.FC<IOTPResendProps> = ({\n onResendOTP,\n onResendVoiceOTP,\n timerSeconds = 15,\n showVoiceOTP = false,\n}) => {\n const [canResend, setCanResend] = useState(false);\n\n const handleTimerComplete = useCallback(() => {\n setCanResend(true);\n }, []);\n\n const handleResendClick = useCallback(() => {\n onResendOTP?.();\n setCanResend(false);\n }, [onResendOTP]);\n\n const handleVoiceResendClick = useCallback(() => {\n onResendVoiceOTP?.();\n setCanResend(false);\n }, [onResendVoiceOTP]);\n\n return (\n <FlexView>\n {!canResend ? (\n <OtpTimer timerSeconds={timerSeconds} onComplete={handleTimerComplete} />\n ) : (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.5}>\n <TextButton label=\"Resend\" color=\"WHITE_T_60\" onClick={handleResendClick} />\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 { useState, useCallback } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport OtpTimer from './otp-timer/otp-timer';\n\nconst ResendOTP: React.FC<IOTPResendProps> = ({\n onResendOTP,\n onResendVoiceOTP,\n timerSeconds = 15,\n showVoiceOTP = false,\n}) => {\n const [canResend, setCanResend] = useState(false);\n\n const handleTimerComplete = useCallback(() => {\n setCanResend(true);\n }, []);\n\n const handleResendClick = useCallback(() => {\n onResendOTP?.();\n setCanResend(false);\n }, [onResendOTP]);\n\n const handleVoiceResendClick = useCallback(() => {\n onResendVoiceOTP?.();\n setCanResend(false);\n }, [onResendVoiceOTP]);\n\n return (\n <FlexView>\n {!canResend ? (\n <OtpTimer timerSeconds={timerSeconds} onComplete={handleTimerComplete} />\n ) : (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.5}>\n <TextButton label=\"Resend\" color=\"WHITE_T_60\" onClick={handleResendClick} />\n {showVoiceOTP && (\n <>\n <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n or\n </Text>\n <FlexView $width={116}>\n <TextButton\n label=\"Get code via call\"\n color=\"WHITE_T_60\"\n onClick={handleVoiceResendClick}\n />\n </FlexView>\n </>\n )}\n </FlexView>\n )}\n </FlexView>\n );\n};\n\nexport default ResendOTP;\n"],"names":["ResendOTP","onResendOTP","onResendVoiceOTP","timerSeconds","showVoiceOTP","canResend","setCanResend","useState","handleTimerComplete","useCallback","handleResendClick","handleVoiceResendClick","FlexView","jsx","TextButton","jsxs","Fragment","Text","OtpTimer","ResendOTP$1"],"mappings":";;;;;;AASA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AACjB,MAAM;AACJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAsBC,EAAY,MAAM;AAC5C,IAAAH,EAAa,EAAI;AAAA,EACnB,GAAG,CAAE,CAAA,GAECI,IAAoBD,EAAY,MAAM;AAC5B,IAAAR,KAAA,QAAAA,KACdK,EAAa,EAAK;AAAA,EAAA,GACjB,CAACL,CAAW,CAAC,GAEVU,IAAyBF,EAAY,MAAM;AAC5B,IAAAP,KAAA,QAAAA,KACnBI,EAAa,EAAK;AAAA,EAAA,GACjB,CAACJ,CAAgB,CAAC;AAErB,2BACGU,GACE,EAAA,UAACP,sBAGCO,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAW,OAAM,UAAS,OAAM,cAAa,SAASJ,GAAmB;AAAA,IACzEN,KAEG,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,MAAA;AAAA,MACA,gBAAAJ,EAACD,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAASH;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAAA,GACF;AAAA,EAAA,EAEJ,CAAA,IAlBA,gBAAAE,EAACK,KAAS,cAAAf,GAA4B,YAAYK,EAAqB,CAAA,EAoB3E,CAAA;AAEJ,GAEAW,IAAenB;"}
|
@@ -0,0 +1,46 @@
|
|
1
|
+
import { jsx as o, jsxs as a } from "react/jsx-runtime";
|
2
|
+
import { LOTTIE as i } from "../../../../assets/lottie/lottie.js";
|
3
|
+
import e from "../../../ui/buttons/button/button.js";
|
4
|
+
import c from "../../../ui/layout/flex-view.js";
|
5
|
+
import l from "../../../ui/separator/separator.js";
|
6
|
+
import m from "../../signup/circular-step-wrapper/circular-step-wrapper.js";
|
7
|
+
const s = ({
|
8
|
+
provider: t,
|
9
|
+
onRetryLogin: r,
|
10
|
+
onGoToSignup: n
|
11
|
+
}) => /* @__PURE__ */ o(
|
12
|
+
m,
|
13
|
+
{
|
14
|
+
label: `Your ${t === "google" ? "Google" : "Apple"} account is not linked with any cuemath account.`,
|
15
|
+
animation: i.ERROR,
|
16
|
+
introFrames: [0, 23],
|
17
|
+
outroFrames: [23, 40],
|
18
|
+
children: /* @__PURE__ */ a(c, { $alignItems: "center", $justifyContent: "center", children: [
|
19
|
+
/* @__PURE__ */ o(
|
20
|
+
e,
|
21
|
+
{
|
22
|
+
size: "small",
|
23
|
+
renderAs: "secondary",
|
24
|
+
label: "Create a new account",
|
25
|
+
width: 232,
|
26
|
+
onClick: n
|
27
|
+
}
|
28
|
+
),
|
29
|
+
/* @__PURE__ */ o(l, { heightX: 1 }),
|
30
|
+
/* @__PURE__ */ o(
|
31
|
+
e,
|
32
|
+
{
|
33
|
+
size: "small",
|
34
|
+
renderAs: "secondary",
|
35
|
+
label: "Try another Login method",
|
36
|
+
width: 232,
|
37
|
+
onClick: r
|
38
|
+
}
|
39
|
+
)
|
40
|
+
] })
|
41
|
+
}
|
42
|
+
), w = s;
|
43
|
+
export {
|
44
|
+
w as default
|
45
|
+
};
|
46
|
+
//# sourceMappingURL=social-account-not-found.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"social-account-not-found.js","sources":["../../../../../src/features/auth/login/social-account-not-found/social-account-not-found.tsx"],"sourcesContent":["import type { ISocialAccountNotFoundProps } from './social-account-not-found-types';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport CircularStepWrapper from '../../signup/circular-step-wrapper/circular-step-wrapper';\n\nconst SocialAccountNotFound = ({\n provider,\n onRetryLogin,\n onGoToSignup,\n}: ISocialAccountNotFoundProps) => {\n return (\n <CircularStepWrapper\n label={`Your ${\n provider === 'google' ? 'Google' : 'Apple'\n } account is not linked with any cuemath account.`}\n animation={LOTTIE.ERROR}\n introFrames={[0, 23]}\n outroFrames={[23, 40]}\n >\n <FlexView $alignItems=\"center\" $justifyContent=\"center\">\n <Button\n size=\"small\"\n renderAs=\"secondary\"\n label=\"Create a new account\"\n width={232}\n onClick={onGoToSignup}\n />\n <Separator heightX={1} />\n <Button\n size=\"small\"\n renderAs=\"secondary\"\n label=\"Try another Login method\"\n width={232}\n onClick={onRetryLogin}\n />\n </FlexView>\n </CircularStepWrapper>\n );\n};\n\nexport default SocialAccountNotFound;\n"],"names":["SocialAccountNotFound","provider","onRetryLogin","onGoToSignup","jsx","CircularStepWrapper","LOTTIE","jsxs","FlexView","Button","Separator","SocialAccountNotFound$1"],"mappings":";;;;;;AAQA,MAAMA,IAAwB,CAAC;AAAA,EAC7B,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,OAAO,QACLJ,MAAa,WAAW,WAAW,OACrC;AAAA,IACA,WAAWK,EAAO;AAAA,IAClB,aAAa,CAAC,GAAG,EAAE;AAAA,IACnB,aAAa,CAAC,IAAI,EAAE;AAAA,IAEpB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAC7C,UAAA;AAAA,MAAA,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,OAAM;AAAA,UACN,OAAO;AAAA,UACP,SAASN;AAAA,QAAA;AAAA,MACX;AAAA,MACA,gBAAAC,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAN;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,OAAM;AAAA,UACN,OAAO;AAAA,UACP,SAASP;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,EAAA;AAAA,GAKNS,IAAeX;"}
|
@@ -7,15 +7,15 @@ import j from "../../../ui/layout/flex-view.js";
|
|
7
7
|
import N from "../../../ui/lottie-animation/lottie-animation.js";
|
8
8
|
import T from "../../../ui/separator/separator.js";
|
9
9
|
import z from "../../../ui/text/text.js";
|
10
|
-
import { Container as F, CircularStepContainer as M, ContentWrapper as O, InputContainer as P, PrevButtonWrapper as V, NextButtonWrapper as
|
11
|
-
const
|
10
|
+
import { Container as F, CircularStepContainer as M, ContentWrapper as O, InputContainer as P, PrevButtonWrapper as V, NextButtonWrapper as X } from "./circular-step-wrapper-styled.js";
|
11
|
+
const D = {
|
12
12
|
autoplay: !1,
|
13
13
|
loop: !1,
|
14
14
|
renderer: "svg",
|
15
15
|
rendererSettings: {
|
16
16
|
preserveAspectRatio: "xMidYMin slice"
|
17
17
|
}
|
18
|
-
},
|
18
|
+
}, K = v(
|
19
19
|
({
|
20
20
|
children: g,
|
21
21
|
onGoBack: C,
|
@@ -61,7 +61,7 @@ const K = {
|
|
61
61
|
src: r,
|
62
62
|
ref: t,
|
63
63
|
onRender: R,
|
64
|
-
settings:
|
64
|
+
settings: D
|
65
65
|
}
|
66
66
|
),
|
67
67
|
/* @__PURE__ */ e(
|
@@ -73,7 +73,7 @@ const K = {
|
|
73
73
|
$alignItems: "center",
|
74
74
|
$justifyContent: "center",
|
75
75
|
children: /* @__PURE__ */ o(O, { $isVisible: L, children: [
|
76
|
-
i ? /* @__PURE__ */ o(j, { children: [
|
76
|
+
i ? /* @__PURE__ */ o(j, { $gutterX: 4, children: [
|
77
77
|
/* @__PURE__ */ e(z, { $renderAs: "ab2", $color: "WHITE", $align: "center", children: i }),
|
78
78
|
/* @__PURE__ */ e(T, { heightX: 1 })
|
79
79
|
] }) : null,
|
@@ -92,7 +92,7 @@ const K = {
|
|
92
92
|
size: "regular"
|
93
93
|
}
|
94
94
|
) }),
|
95
|
-
y && /* @__PURE__ */ e(
|
95
|
+
y && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
|
96
96
|
h,
|
97
97
|
{
|
98
98
|
size: "regular",
|
@@ -107,7 +107,7 @@ const K = {
|
|
107
107
|
}
|
108
108
|
);
|
109
109
|
}
|
110
|
-
), re =
|
110
|
+
), re = K;
|
111
111
|
export {
|
112
112
|
re as default
|
113
113
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"circular-step-wrapper.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { ICircularStepRef, ICircularStepWrapperProps } from './circular-step-wrapper-types';\n\nimport {\n forwardRef,\n useCallback,\n useImperativeHandle,\n useLayoutEffect,\n useRef,\n useState,\n type Ref,\n} from 'react';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './circular-step-wrapper-styled';\n\nconst animationSettings = {\n autoplay: false,\n loop: false,\n renderer: 'svg',\n rendererSettings: {\n preserveAspectRatio: 'xMidYMin slice',\n },\n};\n\nconst CircularStepWrapper = forwardRef<ICircularStepRef, ICircularStepWrapperProps>(\n (\n {\n children,\n onGoBack,\n onNext,\n label,\n showNext,\n showPrevious,\n animation,\n introFrames,\n outroFrames,\n isNextLoading,\n },\n ref: Ref<ICircularStepRef>,\n ) => {\n const animationRef = useRef<ILottieAnimationRef | null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const [containerHeight, setContainerHeight] = useState<number | undefined>();\n const [showContent, setShowContent] = useState(false);\n\n const onLottieRender = useCallback(() => {\n if (animation && animationRef.current) {\n animationRef.current.playSegments(introFrames, true);\n setTimeout(() => setShowContent(true), 500);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [animation]);\n\n useImperativeHandle(ref, () => ({\n playOutroAndFadeOut: async () => {\n return new Promise<void>(resolve => {\n const handleComplete = () => {\n resolve();\n animationRef.current?.removeEventListener('complete', handleComplete);\n };\n\n animationRef.current?.playSegments(outroFrames, true);\n setShowContent(false);\n animationRef.current?.addEventListener('complete', handleComplete);\n });\n },\n }));\n\n useLayoutEffect(() => {\n if (containerRef.current) {\n setContainerHeight(containerRef.current.offsetHeight);\n }\n }, []);\n\n return (\n <Styled.Container\n $flex={1}\n $flexDirection=\"column\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $width=\"100%\"\n $height=\"100%\"\n ref={containerRef}\n >\n {containerHeight && (\n <LottieAnimation\n width={1280}\n height={containerHeight}\n src={animation}\n ref={animationRef}\n onRender={onLottieRender}\n settings={animationSettings}\n />\n )}\n <Styled.CircularStepContainer\n $width={400}\n $height={400}\n $background=\"REAL_BLACK\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n <Styled.ContentWrapper $isVisible={showContent}>\n {label ? (\n <FlexView>\n <Text $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n {label}\n </Text>\n <Separator heightX={1} />\n </FlexView>\n ) : null}\n <Styled.InputContainer>{children}</Styled.InputContainer>\n </Styled.ContentWrapper>\n </Styled.CircularStepContainer>\n {showPrevious && (\n <Styled.PrevButtonWrapper>\n <IconButton\n Icon={Back2Icon}\n renderAs=\"secondary\"\n analyticsLabel=\"Next\"\n onClick={onGoBack}\n disabled={isNextLoading}\n size=\"regular\"\n />\n </Styled.PrevButtonWrapper>\n )}\n {showNext && (\n <Styled.NextButtonWrapper>\n <IconButton\n size=\"regular\"\n Icon={Next2Icon}\n renderAs=\"secondary\"\n analyticsLabel=\"Next\"\n onClick={onNext}\n busy={isNextLoading}\n />\n </Styled.NextButtonWrapper>\n )}\n </Styled.Container>\n );\n },\n);\n\nexport default CircularStepWrapper;\n"],"names":["animationSettings","CircularStepWrapper","forwardRef","children","onGoBack","onNext","label","showNext","showPrevious","animation","introFrames","outroFrames","isNextLoading","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","onLottieRender","useCallback","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","CircularStepWrapper$1"],"mappings":";;;;;;;;;;AAsBA,MAAMA,IAAoB;AAAA,EACxB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,IAChB,qBAAqB;AAAA,EACvB;AACF,GAEMC,IAAsBC;AAAA,EAC1B,CACE;AAAA,IACE,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IAAeC,EAAmC,IAAI,GACtDC,IAAeD,EAAuB,IAAI,GAC1C,CAACE,GAAiBC,CAAkB,IAAIC,EAA6B,GACrE,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAE9CG,IAAiBC,EAAY,MAAM;AACnC,MAAAd,KAAaK,EAAa,YACfA,EAAA,QAAQ,aAAaJ,GAAa,EAAI,GACnD,WAAW,MAAMW,EAAe,EAAI,GAAG,GAAG;AAAA,IAC5C,GAEC,CAACZ,CAAS,CAAC;AAEd,WAAAe,EAAoBX,GAAK,OAAO;AAAA,MAC9B,qBAAqB,YACZ,IAAI,QAAc,CAAWY,MAAA;;AAClC,cAAMC,IAAiB,MAAM;;AACnB,UAAAD,MACKE,IAAAb,EAAA,YAAA,QAAAa,EAAS,oBAAoB,YAAYD;AAAA,QAAc;AAGzD,SAAAC,IAAAb,EAAA,YAAA,QAAAa,EAAS,aAAahB,GAAa,KAChDU,EAAe,EAAK,IACPO,IAAAd,EAAA,YAAA,QAAAc,EAAS,iBAAiB,YAAYF;AAAA,MAAc,CAClE;AAAA,IAEH,EAAA,GAEFG,EAAgB,MAAM;AACpB,MAAIb,EAAa,WACIE,EAAAF,EAAa,QAAQ,YAAY;AAAA,IAExD,GAAG,CAAE,CAAA,GAGH,gBAAAc;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,KAAKf;AAAA,QAEJ,UAAA;AAAA,UACCC,KAAA,gBAAAe;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQhB;AAAA,cACR,KAAKR;AAAA,cACL,KAAKK;AAAA,cACL,UAAUQ;AAAA,cACV,UAAUtB;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF,gBAAAgC;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,aAAY;AAAA,cACZ,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAEhB,UAAC,gBAAAJ,EAAAK,GAAA,EAAsB,YAAYf,GAChC,UAAA;AAAA,
|
1
|
+
{"version":3,"file":"circular-step-wrapper.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { ICircularStepRef, ICircularStepWrapperProps } from './circular-step-wrapper-types';\n\nimport {\n forwardRef,\n useCallback,\n useImperativeHandle,\n useLayoutEffect,\n useRef,\n useState,\n type Ref,\n} from 'react';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './circular-step-wrapper-styled';\n\nconst animationSettings = {\n autoplay: false,\n loop: false,\n renderer: 'svg',\n rendererSettings: {\n preserveAspectRatio: 'xMidYMin slice',\n },\n};\n\nconst CircularStepWrapper = forwardRef<ICircularStepRef, ICircularStepWrapperProps>(\n (\n {\n children,\n onGoBack,\n onNext,\n label,\n showNext,\n showPrevious,\n animation,\n introFrames,\n outroFrames,\n isNextLoading,\n },\n ref: Ref<ICircularStepRef>,\n ) => {\n const animationRef = useRef<ILottieAnimationRef | null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const [containerHeight, setContainerHeight] = useState<number | undefined>();\n const [showContent, setShowContent] = useState(false);\n\n const onLottieRender = useCallback(() => {\n if (animation && animationRef.current) {\n animationRef.current.playSegments(introFrames, true);\n setTimeout(() => setShowContent(true), 500);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [animation]);\n\n useImperativeHandle(ref, () => ({\n playOutroAndFadeOut: async () => {\n return new Promise<void>(resolve => {\n const handleComplete = () => {\n resolve();\n animationRef.current?.removeEventListener('complete', handleComplete);\n };\n\n animationRef.current?.playSegments(outroFrames, true);\n setShowContent(false);\n animationRef.current?.addEventListener('complete', handleComplete);\n });\n },\n }));\n\n useLayoutEffect(() => {\n if (containerRef.current) {\n setContainerHeight(containerRef.current.offsetHeight);\n }\n }, []);\n\n return (\n <Styled.Container\n $flex={1}\n $flexDirection=\"column\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $width=\"100%\"\n $height=\"100%\"\n ref={containerRef}\n >\n {containerHeight && (\n <LottieAnimation\n width={1280}\n height={containerHeight}\n src={animation}\n ref={animationRef}\n onRender={onLottieRender}\n settings={animationSettings}\n />\n )}\n <Styled.CircularStepContainer\n $width={400}\n $height={400}\n $background=\"REAL_BLACK\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n <Styled.ContentWrapper $isVisible={showContent}>\n {label ? (\n <FlexView $gutterX={4}>\n <Text $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n {label}\n </Text>\n <Separator heightX={1} />\n </FlexView>\n ) : null}\n <Styled.InputContainer>{children}</Styled.InputContainer>\n </Styled.ContentWrapper>\n </Styled.CircularStepContainer>\n {showPrevious && (\n <Styled.PrevButtonWrapper>\n <IconButton\n Icon={Back2Icon}\n renderAs=\"secondary\"\n analyticsLabel=\"Next\"\n onClick={onGoBack}\n disabled={isNextLoading}\n size=\"regular\"\n />\n </Styled.PrevButtonWrapper>\n )}\n {showNext && (\n <Styled.NextButtonWrapper>\n <IconButton\n size=\"regular\"\n Icon={Next2Icon}\n renderAs=\"secondary\"\n analyticsLabel=\"Next\"\n onClick={onNext}\n busy={isNextLoading}\n />\n </Styled.NextButtonWrapper>\n )}\n </Styled.Container>\n );\n },\n);\n\nexport default CircularStepWrapper;\n"],"names":["animationSettings","CircularStepWrapper","forwardRef","children","onGoBack","onNext","label","showNext","showPrevious","animation","introFrames","outroFrames","isNextLoading","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","onLottieRender","useCallback","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","CircularStepWrapper$1"],"mappings":"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"}
|
@@ -1,33 +1,33 @@
|
|
1
|
-
import { jsxs as r,
|
2
|
-
import { LOTTIE as
|
3
|
-
import
|
4
|
-
import
|
5
|
-
import
|
6
|
-
import
|
7
|
-
import { InputWrapper as
|
8
|
-
const
|
1
|
+
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
2
|
+
import { LOTTIE as h } from "../../../../../assets/lottie/lottie.js";
|
3
|
+
import t from "../../../../ui/layout/flex-view.js";
|
4
|
+
import c from "../../../../ui/lottie-animation/lottie-animation.js";
|
5
|
+
import i from "../../../../ui/separator/separator.js";
|
6
|
+
import a from "../../../../ui/text/text.js";
|
7
|
+
import { InputWrapper as s, ContentWrapper as l } from "./input-wrapper-styled.js";
|
8
|
+
const T = ({
|
9
9
|
children: p,
|
10
|
-
helperText:
|
11
|
-
actionElement:
|
10
|
+
helperText: n,
|
11
|
+
actionElement: o,
|
12
12
|
isLoading: m
|
13
|
-
}) => /* @__PURE__ */ r(
|
13
|
+
}) => /* @__PURE__ */ r(s, { children: [
|
14
14
|
p,
|
15
|
-
/* @__PURE__ */ r(
|
16
|
-
|
17
|
-
/* @__PURE__ */ e(
|
18
|
-
/* @__PURE__ */ e(
|
15
|
+
/* @__PURE__ */ r(l, { $alignItems: "center", $justifyContent: "center", children: [
|
16
|
+
n && /* @__PURE__ */ r(t, { $gutterX: 4, children: [
|
17
|
+
/* @__PURE__ */ e(a, { $renderAs: "ub3", $color: "WHITE_T_60", $align: "center", $whiteSpace: "pre-line", children: n }),
|
18
|
+
/* @__PURE__ */ e(i, { heightX: 0.5 })
|
19
19
|
] }),
|
20
|
-
|
21
|
-
|
22
|
-
/* @__PURE__ */ e(
|
20
|
+
o && /* @__PURE__ */ r(t, { $justifyContent: "center", $alignItems: "center", children: [
|
21
|
+
o,
|
22
|
+
/* @__PURE__ */ e(i, { heightX: 1 })
|
23
23
|
] }),
|
24
|
-
m && /* @__PURE__ */ r(
|
25
|
-
/* @__PURE__ */ e(
|
26
|
-
/* @__PURE__ */ e(
|
24
|
+
m && /* @__PURE__ */ r(t, { children: [
|
25
|
+
/* @__PURE__ */ e(i, { heightX: 2 }),
|
26
|
+
/* @__PURE__ */ e(c, { src: h.SPINNER_WHITE, height: 20, width: 40 })
|
27
27
|
] })
|
28
28
|
] })
|
29
29
|
] });
|
30
30
|
export {
|
31
|
-
|
31
|
+
T as InputWrapper
|
32
32
|
};
|
33
33
|
//# sourceMappingURL=input-wrapper.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"input-wrapper.js","sources":["../../../../../../src/features/auth/signup/custom-input/input-wrapper/input-wrapper.tsx"],"sourcesContent":["import type { IInputWrapperProps } from './input-wrapper-types';\n\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './input-wrapper-styled';\n\nexport const InputWrapper = ({\n children,\n helperText,\n actionElement,\n isLoading,\n}: IInputWrapperProps) => {\n return (\n <Styled.InputWrapper>\n {children}\n <Styled.ContentWrapper $alignItems=\"center\" $justifyContent=\"center\">\n {helperText && (\n
|
1
|
+
{"version":3,"file":"input-wrapper.js","sources":["../../../../../../src/features/auth/signup/custom-input/input-wrapper/input-wrapper.tsx"],"sourcesContent":["import type { IInputWrapperProps } from './input-wrapper-types';\n\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './input-wrapper-styled';\n\nexport const InputWrapper = ({\n children,\n helperText,\n actionElement,\n isLoading,\n}: IInputWrapperProps) => {\n return (\n <Styled.InputWrapper>\n {children}\n <Styled.ContentWrapper $alignItems=\"center\" $justifyContent=\"center\">\n {helperText && (\n <FlexView $gutterX={4}>\n <Text $renderAs=\"ub3\" $color=\"WHITE_T_60\" $align=\"center\" $whiteSpace=\"pre-line\">\n {helperText}\n </Text>\n <Separator heightX={0.5} />\n </FlexView>\n )}\n {actionElement && (\n <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n {actionElement}\n <Separator heightX={1} />\n </FlexView>\n )}\n {isLoading && (\n <FlexView>\n <Separator heightX={2} />\n <LottieAnimation src={LOTTIE.SPINNER_WHITE} height={20} width={40} />\n </FlexView>\n )}\n </Styled.ContentWrapper>\n </Styled.InputWrapper>\n );\n};\n"],"names":["InputWrapper","children","helperText","actionElement","isLoading","jsxs","Styled.InputWrapper","Styled.ContentWrapper","FlexView","jsx","Text","Separator","LottieAnimation","LOTTIE"],"mappings":";;;;;;;AASO,MAAMA,IAAe,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AACF,MAEI,gBAAAC,EAACC,GAAA,EACE,UAAA;AAAA,EAAAL;AAAA,oBACAM,GAAA,EAAsB,aAAY,UAAS,iBAAgB,UACzD,UAAA;AAAA,IACCL,KAAA,gBAAAG,EAACG,GAAS,EAAA,UAAU,GAClB,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,QAAO,UAAS,aAAY,YACnE,UACHR,EAAA,CAAA;AAAA,MACA,gBAAAO,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IAAA,GAC3B;AAAA,IAEDR,KACE,gBAAAE,EAAAG,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC5C,UAAA;AAAA,MAAAL;AAAA,MACD,gBAAAM,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IAAA,GACzB;AAAA,IAEDP,uBACEI,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAAE,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAF,EAACG,KAAgB,KAAKC,EAAO,eAAe,QAAQ,IAAI,OAAO,IAAI;AAAA,IAAA,GACrE;AAAA,EAAA,GAEJ;AACF,EAAA,CAAA;"}
|
@@ -1,37 +1,37 @@
|
|
1
|
-
import { jsx as
|
2
|
-
import { useCallback as
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
2
|
+
import { useCallback as a } from "react";
|
3
3
|
import { useTheme as i } from "styled-components";
|
4
|
-
import { CustomInput as
|
5
|
-
import { InputWrapper as
|
6
|
-
const
|
7
|
-
value:
|
8
|
-
onChange:
|
4
|
+
import { CustomInput as h } from "../custom-input-styled.js";
|
5
|
+
import { InputWrapper as d } from "../input-wrapper/input-wrapper.js";
|
6
|
+
const C = ({
|
7
|
+
value: n,
|
8
|
+
onChange: m,
|
9
9
|
error: o,
|
10
|
-
helperText:
|
11
|
-
isLoading:
|
12
|
-
onEnter: e
|
10
|
+
helperText: l,
|
11
|
+
isLoading: c,
|
12
|
+
onEnter: e,
|
13
|
+
isValid: u
|
13
14
|
}) => {
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
t.key === "Enter" && (e == null || e());
|
15
|
+
const t = i(), p = a(
|
16
|
+
(r) => {
|
17
|
+
r.key === "Enter" && (e == null || e());
|
18
18
|
},
|
19
19
|
[e]
|
20
|
-
);
|
21
|
-
return /* @__PURE__ */
|
22
|
-
|
20
|
+
), f = a(() => o ? t.colors.RED : u ? t.colors.GREEN_4 : t.colors.WHITE, [o, u, t.colors]);
|
21
|
+
return /* @__PURE__ */ s(d, { helperText: o || l, isLoading: c, children: /* @__PURE__ */ s(
|
22
|
+
h,
|
23
23
|
{
|
24
|
-
value:
|
25
|
-
onChange: (
|
24
|
+
value: n,
|
25
|
+
onChange: (r) => m(r.target.value),
|
26
26
|
autoFocus: !0,
|
27
27
|
placeholder: "username_1412",
|
28
|
-
color: (
|
28
|
+
color: f(),
|
29
29
|
autoCapitalize: "none",
|
30
30
|
textTransform: "lowercase",
|
31
|
-
onKeyDown:
|
31
|
+
onKeyDown: p
|
32
32
|
}
|
33
33
|
) });
|
34
|
-
}, y =
|
34
|
+
}, y = C;
|
35
35
|
export {
|
36
36
|
y as default
|
37
37
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"student-username.js","sources":["../../../../../../src/features/auth/signup/custom-input/student-username/student-username.tsx"],"sourcesContent":["import type { ICustomInputProps } from '../custom-input-types';\n\nimport { useCallback, type FC, type KeyboardEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport * as Styled from '../custom-input-styled';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\n\nconst StudentUsernameInput: FC<ICustomInputProps> = ({\n value,\n onChange,\n error,\n helperText,\n isLoading,\n onEnter,\n}) => {\n const theme = useTheme();\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n onEnter?.();\n }\n },\n [onEnter],\n );\n\n return (\n <InputWrapper helperText={error || helperText} isLoading={isLoading}>\n <Styled.CustomInput\n value={value}\n onChange={event => onChange(event.target.value)}\n autoFocus\n placeholder=\"username_1412\"\n color={
|
1
|
+
{"version":3,"file":"student-username.js","sources":["../../../../../../src/features/auth/signup/custom-input/student-username/student-username.tsx"],"sourcesContent":["import type { ICustomInputProps } from '../custom-input-types';\n\nimport { useCallback, type FC, type KeyboardEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport * as Styled from '../custom-input-styled';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\n\nconst StudentUsernameInput: FC<ICustomInputProps> = ({\n value,\n onChange,\n error,\n helperText,\n isLoading,\n onEnter,\n isValid,\n}) => {\n const theme = useTheme();\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n onEnter?.();\n }\n },\n [onEnter],\n );\n\n const getStatusColor = useCallback(() => {\n if (error) return theme.colors.RED;\n\n if (isValid) return theme.colors.GREEN_4;\n\n return theme.colors.WHITE;\n }, [error, isValid, theme.colors]);\n\n return (\n <InputWrapper helperText={error || helperText} isLoading={isLoading}>\n <Styled.CustomInput\n value={value}\n onChange={event => onChange(event.target.value)}\n autoFocus\n placeholder=\"username_1412\"\n color={getStatusColor()}\n autoCapitalize=\"none\"\n textTransform=\"lowercase\"\n onKeyDown={handleKeyDown}\n />\n </InputWrapper>\n );\n};\n\nexport default StudentUsernameInput;\n"],"names":["StudentUsernameInput","value","onChange","error","helperText","isLoading","onEnter","isValid","theme","useTheme","handleKeyDown","useCallback","event","getStatusColor","jsx","InputWrapper","Styled.CustomInput","StudentUsernameInput$1"],"mappings":";;;;;AAQA,MAAMA,IAA8C,CAAC;AAAA,EACnD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACJ,QAAMC,IAAQC,KAERC,IAAgBC;AAAA,IACpB,CAACC,MAA2C;AACtC,MAAAA,EAAM,QAAQ,YACNN,KAAA,QAAAA;AAAA,IAEd;AAAA,IACA,CAACA,CAAO;AAAA,EAAA,GAGJO,IAAiBF,EAAY,MAC7BR,IAAcK,EAAM,OAAO,MAE3BD,IAAgBC,EAAM,OAAO,UAE1BA,EAAM,OAAO,OACnB,CAACL,GAAOI,GAASC,EAAM,MAAM,CAAC;AAEjC,SACG,gBAAAM,EAAAC,GAAA,EAAa,YAAYZ,KAASC,GAAY,WAAAC,GAC7C,UAAA,gBAAAS;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,OAAAf;AAAA,MACA,UAAU,CAAAW,MAASV,EAASU,EAAM,OAAO,KAAK;AAAA,MAC9C,WAAS;AAAA,MACT,aAAY;AAAA,MACZ,OAAOC,EAAe;AAAA,MACtB,gBAAe;AAAA,MACf,eAAc;AAAA,MACd,WAAWH;AAAA,IAAA;AAAA,EAEf,EAAA,CAAA;AAEJ,GAEAO,IAAejB;"}
|