@cuemath/leap 2.9.12-j1 → 2.9.12-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.
Files changed (22) hide show
  1. package/dist/features/auth/comps/resend-otp/resend-otp.js +26 -17
  2. package/dist/features/auth/comps/resend-otp/resend-otp.js.map +1 -1
  3. package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.js +21 -15
  4. package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.js.map +1 -1
  5. package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js +73 -71
  6. package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js.map +1 -1
  7. package/dist/features/auth/signup/signup-constants.js +9 -1
  8. package/dist/features/auth/signup/signup-constants.js.map +1 -1
  9. package/dist/features/auth/signup/user-type-selector/user-type-card/user-type-card.js +12 -11
  10. package/dist/features/auth/signup/user-type-selector/user-type-card/user-type-card.js.map +1 -1
  11. package/dist/features/post-game-stats/digital-meter/constants.js +11 -11
  12. package/dist/features/post-game-stats/digital-meter/constants.js.map +1 -1
  13. package/dist/features/ui/animated-arc/animated-arc-constants.js +3 -2
  14. package/dist/features/ui/animated-arc/animated-arc-constants.js.map +1 -1
  15. package/dist/features/ui/animated-arc/animated-arc-styled.js +7 -7
  16. package/dist/features/ui/animated-arc/animated-arc-styled.js.map +1 -1
  17. package/dist/features/ui/animated-arc/animated-arc.js +7 -7
  18. package/dist/features/ui/animated-arc/animated-arc.js.map +1 -1
  19. package/dist/index.d.ts +12 -0
  20. package/dist/index.js +217 -215
  21. package/dist/index.js.map +1 -1
  22. package/package.json +1 -1
@@ -1,38 +1,47 @@
1
- import { jsx as l, jsxs as c, Fragment as h } from "react/jsx-runtime";
2
- import { useState as C, useCallback as o } from "react";
1
+ import { jsx as l, jsxs as c, Fragment as C } from "react/jsx-runtime";
2
+ import { useState as u, useCallback as o } from "react";
3
3
  import i from "../../../ui/buttons/text-button/text-button.js";
4
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
- const $ = ({
5
+ import x from "../../../ui/text/text.js";
6
+ import $ from "./otp-timer/otp-timer.js";
7
+ const _ = ({
8
8
  onResendOTP: e,
9
9
  onResendVoiceOTP: r,
10
10
  timerSeconds: m = 15,
11
- showVoiceOTP: s = !1
11
+ showVoiceOTP: s = !1,
12
+ disabled: n
12
13
  }) => {
13
- const [n, t] = C(!1), f = o(() => {
14
+ const [f, t] = u(!1), p = o(() => {
14
15
  t(!0);
15
- }, []), p = o(() => {
16
+ }, []), d = o(() => {
16
17
  e == null || e(), t(!1);
17
- }, [e]), d = o(() => {
18
+ }, [e]), h = o(() => {
18
19
  r == null || r(), t(!1);
19
20
  }, [r]);
20
- return /* @__PURE__ */ l(a, { children: n ? /* @__PURE__ */ c(a, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.5, children: [
21
- /* @__PURE__ */ l(i, { label: "Resend", color: "WHITE_T_60", onClick: p }),
22
- s && /* @__PURE__ */ c(h, { children: [
23
- /* @__PURE__ */ l(u, { $renderAs: "ub2", $color: "WHITE_T_60", children: "or" }),
21
+ return /* @__PURE__ */ l(a, { children: f ? /* @__PURE__ */ c(a, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.5, children: [
22
+ /* @__PURE__ */ l(
23
+ i,
24
+ {
25
+ disabled: n,
26
+ label: "Resend",
27
+ color: "WHITE_T_60",
28
+ onClick: d
29
+ }
30
+ ),
31
+ s && /* @__PURE__ */ c(C, { children: [
32
+ /* @__PURE__ */ l(x, { $renderAs: "ub2", $color: "WHITE_T_60", children: "or" }),
24
33
  /* @__PURE__ */ l(a, { $width: 116, children: /* @__PURE__ */ l(
25
34
  i,
26
35
  {
27
36
  label: "Get code via call",
28
37
  color: "WHITE_T_60",
29
- onClick: d
38
+ onClick: h
30
39
  }
31
40
  ) })
32
41
  ] })
33
- ] }) : /* @__PURE__ */ l(x, { timerSeconds: m, onComplete: f }) });
34
- }, H = $;
42
+ ] }) : /* @__PURE__ */ l($, { timerSeconds: m, onComplete: p }) });
43
+ }, W = _;
35
44
  export {
36
- H as default
45
+ W as default
37
46
  };
38
47
  //# 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 { 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;"}
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 disabled,\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\n disabled={disabled}\n label=\"Resend\"\n color=\"WHITE_T_60\"\n onClick={handleResendClick}\n />\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","disabled","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;AAAA,EACf,UAAAC;AACF,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,IAAAT,KAAA,QAAAA,KACdM,EAAa,EAAK;AAAA,EAAA,GACjB,CAACN,CAAW,CAAC,GAEVW,IAAyBF,EAAY,MAAM;AAC5B,IAAAR,KAAA,QAAAA,KACnBK,EAAa,EAAK;AAAA,EAAA,GACjB,CAACL,CAAgB,CAAC;AAErB,2BACGW,GACE,EAAA,UAACP,sBAGCO,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAAV;AAAA,QACA,OAAM;AAAA,QACN,OAAM;AAAA,QACN,SAASM;AAAA,MAAA;AAAA,IACX;AAAA,IACCP,KAEG,gBAAAY,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,IAvBA,gBAAAE,EAACK,KAAS,cAAAhB,GAA4B,YAAYM,EAAqB,CAAA,EAyB3E,CAAA;AAEJ,GAEAW,IAAepB;"}
@@ -1,50 +1,56 @@
1
- import o from "styled-components";
1
+ import t from "styled-components";
2
2
  import i from "../../../ui/layout/flex-view.js";
3
- const n = o(i)`
3
+ const n = t(i)`
4
4
  position: relative;
5
- `, s = o(i)`
5
+ `, s = t(i)`
6
6
  position: absolute;
7
7
  border-radius: 100%;
8
8
  top: 216px;
9
- border: ${({ theme: t }) => `2px solid ${t.colors.BLACK_5}`};
10
- `, p = o(i)`
11
- opacity: ${({ $isVisible: t }) => t ? 1 : 0};
9
+ border: ${({ theme: o }) => `2px solid ${o.colors.BLACK_5}`};
10
+ `, p = t(i)`
11
+ opacity: ${({ $isVisible: o }) => o ? 1 : 0};
12
12
  transition: opacity 0.5s ease-in-out;
13
- `, a = o.div`
13
+ `, l = t.div`
14
14
  position: relative;
15
15
  `;
16
- o(i)`
16
+ t(i)`
17
17
  position: relative;
18
18
  overflow: hidden;
19
- background: ${({ theme: t }) => t.colors.BLACK_2};
19
+ background: ${({ theme: o }) => o.colors.BLACK_2};
20
20
  border-radius: 100%;
21
21
  flex-shrink: 0;
22
22
  display: flex;
23
23
  align-items: center;
24
24
  justify-content: center;
25
- color: ${({ theme: t }) => t.colors.WHITE};
25
+ color: ${({ theme: o }) => o.colors.WHITE};
26
26
  `;
27
- o.div`
27
+ t.div`
28
28
  position: absolute;
29
29
  width: 100%;
30
30
  height: 100%;
31
31
  z-index: 2;
32
32
  `;
33
- const l = o(i)`
33
+ const a = t(i)`
34
34
  position: absolute;
35
35
  top: 55%;
36
36
  right: 24px;
37
- `, c = o(i)`
37
+ `, c = t(i)`
38
38
  position: absolute;
39
39
  top: 55%;
40
40
  left: 24px;
41
+ button {
42
+ background-color: ${({ theme: o }) => o.colors.BLACK_1};
43
+ svg {
44
+ color: ${({ theme: o }) => o.colors.WHITE};
45
+ }
46
+ }
41
47
  `;
42
48
  export {
43
49
  s as CircularStepContainer,
44
50
  n as Container,
45
51
  p as ContentWrapper,
46
- a as InputContainer,
47
- l as NextButtonWrapper,
52
+ l as InputContainer,
53
+ a as NextButtonWrapper,
48
54
  c as PrevButtonWrapper
49
55
  };
50
56
  //# sourceMappingURL=circular-step-wrapper-styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"circular-step-wrapper-styled.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)`\n position: relative;\n`;\n\nconst CircularStepContainer = styled(FlexView)`\n position: absolute;\n border-radius: 100%;\n top: 216px;\n border: ${({ theme }) => `2px solid ${theme.colors.BLACK_5}`};\n`;\n\nconst ContentWrapper = styled(FlexView)<{ $isVisible: boolean }>`\n opacity: ${({ $isVisible }) => ($isVisible ? 1 : 0)};\n transition: opacity 0.5s ease-in-out;\n`;\n\nconst InputContainer = styled.div`\n position: relative;\n`;\n\nconst CircularProgressContainer = styled(FlexView)<{\n isVerticallyCentered?: boolean;\n}>`\n position: relative;\n overflow: hidden;\n background: ${({ theme }) => theme.colors.BLACK_2};\n border-radius: 100%;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ${({ theme }) => theme.colors.WHITE};\n`;\n\nexport const CircularProgress = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n`;\n\nconst NextButtonWrapper = styled(FlexView)`\n position: absolute;\n top: 55%;\n right: 24px;\n`;\nconst PrevButtonWrapper = styled(FlexView)`\n position: absolute;\n top: 55%;\n left: 24px;\n`;\n\nexport {\n NextButtonWrapper,\n PrevButtonWrapper,\n InputContainer,\n Container,\n CircularStepContainer,\n CircularProgressContainer,\n ContentWrapper,\n};\n"],"names":["Container","styled","FlexView","CircularStepContainer","theme","ContentWrapper","$isVisible","InputContainer","NextButtonWrapper","PrevButtonWrapper"],"mappings":";;AAIM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAwBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,YAIjC,CAAC,EAAE,OAAAE,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,GAGxDC,IAAiBJ,EAAOC,CAAQ;AAAA,aACzB,CAAC,EAAE,YAAAI,EAAA,MAAkBA,IAAa,IAAI,CAAE;AAAA;AAAA,GAI/CC,IAAiBN,EAAO;AAAA;AAAA;AAIIA,EAAOC,CAAQ;AAAA;AAAA;AAAA,gBAKjC,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMxC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAGZH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAAO,IAAoBP,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAKnCO,IAAoBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}
1
+ {"version":3,"file":"circular-step-wrapper-styled.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)`\n position: relative;\n`;\n\nconst CircularStepContainer = styled(FlexView)`\n position: absolute;\n border-radius: 100%;\n top: 216px;\n border: ${({ theme }) => `2px solid ${theme.colors.BLACK_5}`};\n`;\n\nconst ContentWrapper = styled(FlexView)<{ $isVisible: boolean }>`\n opacity: ${({ $isVisible }) => ($isVisible ? 1 : 0)};\n transition: opacity 0.5s ease-in-out;\n`;\n\nconst InputContainer = styled.div`\n position: relative;\n`;\n\nconst CircularProgressContainer = styled(FlexView)<{\n isVerticallyCentered?: boolean;\n}>`\n position: relative;\n overflow: hidden;\n background: ${({ theme }) => theme.colors.BLACK_2};\n border-radius: 100%;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ${({ theme }) => theme.colors.WHITE};\n`;\n\nexport const CircularProgress = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n`;\n\nconst NextButtonWrapper = styled(FlexView)`\n position: absolute;\n top: 55%;\n right: 24px;\n`;\nconst PrevButtonWrapper = styled(FlexView)`\n position: absolute;\n top: 55%;\n left: 24px;\n button {\n background-color: ${({ theme }) => theme.colors.BLACK_1};\n svg {\n color: ${({ theme }) => theme.colors.WHITE};\n }\n }\n`;\n\nexport {\n NextButtonWrapper,\n PrevButtonWrapper,\n InputContainer,\n Container,\n CircularStepContainer,\n CircularProgressContainer,\n ContentWrapper,\n};\n"],"names":["Container","styled","FlexView","CircularStepContainer","theme","ContentWrapper","$isVisible","InputContainer","NextButtonWrapper","PrevButtonWrapper"],"mappings":";;AAIM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAwBF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,YAIjC,CAAC,EAAE,OAAAE,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,GAGxDC,IAAiBJ,EAAOC,CAAQ;AAAA,aACzB,CAAC,EAAE,YAAAI,EAAA,MAAkBA,IAAa,IAAI,CAAE;AAAA;AAAA,GAI/CC,IAAiBN,EAAO;AAAA;AAAA;AAIIA,EAAOC,CAAQ;AAAA;AAAA;AAAA,gBAKjC,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMxC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAGZH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAAO,IAAoBP,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAKnCO,IAAoBR,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKjB,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,eAE5C,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;"}
@@ -1,51 +1,53 @@
1
- import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
- import { forwardRef as v, useRef as f, useState as h, useCallback as k, useImperativeHandle as E, useLayoutEffect as H } from "react";
3
- import B from "../../../../assets/line-icons/icons/back2.js";
4
- import j from "../../../../assets/line-icons/icons/next2.js";
5
- import T from "../../../ui/animated-arc/animated-arc.js";
6
- import g from "../../../ui/buttons/icon-button/icon-button.js";
7
- import N from "../../../ui/layout/flex-view.js";
8
- import z from "../../../ui/lottie-animation/lottie-animation.js";
9
- import F from "../../../ui/separator/separator.js";
10
- import M from "../../../ui/text/text.js";
11
- import { Container as O, CircularStepContainer as P, ContentWrapper as V, InputContainer as X, PrevButtonWrapper as D, NextButtonWrapper as K } from "./circular-step-wrapper-styled.js";
12
- const Y = {
1
+ import { jsxs as n, jsx as e } from "react/jsx-runtime";
2
+ import { forwardRef as b, useRef as c, useState as $, useCallback as E, useEffect as H, useImperativeHandle as B, useLayoutEffect as T } from "react";
3
+ import j from "../../../../assets/line-icons/icons/back2.js";
4
+ import P from "../../../../assets/line-icons/icons/next2.js";
5
+ import z from "../../../ui/animated-arc/animated-arc.js";
6
+ import C from "../../../ui/buttons/icon-button/icon-button.js";
7
+ import F from "../../../ui/layout/flex-view.js";
8
+ import M from "../../../ui/lottie-animation/lottie-animation.js";
9
+ import N from "../../../ui/separator/separator.js";
10
+ import O from "../../../ui/text/text.js";
11
+ import { Container as V, CircularStepContainer as X, ContentWrapper as D, InputContainer as K, PrevButtonWrapper as Y, NextButtonWrapper as _ } from "./circular-step-wrapper-styled.js";
12
+ const q = {
13
13
  autoplay: !1,
14
14
  loop: !1,
15
15
  renderer: "canvas",
16
16
  rendererSettings: {
17
17
  preserveAspectRatio: "xMidYMin slice"
18
18
  }
19
- }, _ = v(
19
+ }, G = b(
20
20
  ({
21
- children: $,
22
- onGoBack: C,
23
- onNext: y,
24
- label: i,
21
+ children: g,
22
+ onGoBack: y,
23
+ onNext: I,
24
+ label: a,
25
25
  showNext: x,
26
- showPrevious: I,
27
- animation: n,
28
- introFrames: A,
29
- outroFrames: S,
30
- isNextLoading: a,
31
- progressAngle: c
32
- }, w) => {
33
- const t = f(null), o = f(null), [s, L] = h(), [R, l] = h(!1), W = k(() => {
34
- n && t.current && (t.current.playSegments(A, !0), setTimeout(() => l(!0), 500));
35
- }, [n]);
36
- return E(w, () => ({
37
- playOutroAndFadeOut: async () => new Promise((b) => {
38
- var d, m;
39
- const u = () => {
40
- var p;
41
- b(), (p = t.current) == null || p.removeEventListener("complete", u);
26
+ showPrevious: A,
27
+ animation: r,
28
+ introFrames: S,
29
+ outroFrames: w,
30
+ isNextLoading: s,
31
+ progressAngle: l
32
+ }, R) => {
33
+ const t = c(null), o = c(null), [u, k] = $(), [v, m] = $(!1), i = c(null), L = E(() => {
34
+ r && t.current && (t.current.playSegments(S, !0), m(!0));
35
+ }, [r]);
36
+ return H(() => () => {
37
+ i.current && clearTimeout(i.current);
38
+ }, [r]), B(R, () => ({
39
+ playOutroAndFadeOut: async () => new Promise((W) => {
40
+ var f, p;
41
+ const d = () => {
42
+ var h;
43
+ W(), (h = t.current) == null || h.removeEventListener("complete", d);
42
44
  };
43
- (d = t.current) == null || d.playSegments(S, !0), l(!1), (m = t.current) == null || m.addEventListener("complete", u);
45
+ (f = t.current) == null || f.playSegments(w, !0), i.current = setTimeout(() => m(!1), 400), (p = t.current) == null || p.addEventListener("complete", d);
44
46
  })
45
- })), H(() => {
46
- o.current && L(o.current.offsetHeight);
47
- }, []), /* @__PURE__ */ r(
48
- O,
47
+ })), T(() => {
48
+ o.current && k(o.current.offsetHeight);
49
+ }, []), /* @__PURE__ */ n(
50
+ V,
49
51
  {
50
52
  $flex: 1,
51
53
  $flexDirection: "column",
@@ -55,19 +57,19 @@ const Y = {
55
57
  $height: "100%",
56
58
  ref: o,
57
59
  children: [
58
- s && /* @__PURE__ */ e(
59
- z,
60
+ u && /* @__PURE__ */ e(
61
+ M,
60
62
  {
61
63
  width: 1280,
62
- height: s,
63
- src: n,
64
+ height: u,
65
+ src: r,
64
66
  ref: t,
65
- onRender: W,
66
- settings: Y
67
+ onRender: L,
68
+ settings: q
67
69
  }
68
70
  ),
69
- /* @__PURE__ */ r(
70
- P,
71
+ /* @__PURE__ */ n(
72
+ X,
71
73
  {
72
74
  $width: 400,
73
75
  $height: 400,
@@ -75,55 +77,55 @@ const Y = {
75
77
  $alignItems: "center",
76
78
  $justifyContent: "center",
77
79
  children: [
78
- c && /* @__PURE__ */ e(
79
- T,
80
+ l && /* @__PURE__ */ e(
81
+ z,
80
82
  {
81
83
  radius: 200,
82
84
  strokeWidth: 2,
83
85
  color: "WHITE",
84
- targetAngle: c,
86
+ targetAngle: l,
85
87
  mode: "fade",
86
88
  duration: 1
87
89
  }
88
90
  ),
89
- /* @__PURE__ */ r(V, { $isVisible: R, $width: "100%", children: [
90
- i ? /* @__PURE__ */ r(N, { $gutterX: 3.5, children: [
91
- /* @__PURE__ */ e(M, { $renderAs: "ab2", $color: "WHITE", $align: "center", children: i }),
92
- /* @__PURE__ */ e(F, { heightX: 1 })
91
+ /* @__PURE__ */ n(D, { $isVisible: v, $width: "100%", children: [
92
+ a ? /* @__PURE__ */ n(F, { $gutterX: 3.5, children: [
93
+ /* @__PURE__ */ e(O, { $renderAs: "ab2", $color: "WHITE", $align: "center", children: a }),
94
+ /* @__PURE__ */ e(N, { heightX: 1 })
93
95
  ] }) : null,
94
- /* @__PURE__ */ e(X, { children: $ })
96
+ /* @__PURE__ */ e(K, { children: g })
95
97
  ] })
96
98
  ]
97
99
  }
98
100
  ),
99
- I && /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
100
- g,
101
+ A && /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(
102
+ C,
101
103
  {
102
- Icon: B,
103
- renderAs: "secondary",
104
- analyticsLabel: "Next",
105
- onClick: C,
106
- disabled: a,
107
- size: "regular"
104
+ Icon: j,
105
+ renderAs: "secondary-dark",
106
+ analyticsLabel: "Prev",
107
+ onClick: y,
108
+ disabled: s,
109
+ size: "small"
108
110
  }
109
111
  ) }),
110
- x && /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
111
- g,
112
+ x && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
113
+ C,
112
114
  {
113
- size: "regular",
114
- Icon: j,
115
- renderAs: "secondary",
115
+ size: "small",
116
+ Icon: P,
117
+ renderAs: "secondary-dark",
116
118
  analyticsLabel: "Next",
117
- onClick: y,
118
- busy: a
119
+ onClick: I,
120
+ busy: s
119
121
  }
120
122
  ) })
121
123
  ]
122
124
  }
123
125
  );
124
126
  }
125
- ), ie = _;
127
+ ), ae = G;
126
128
  export {
127
- ie as default
129
+ ae as default
128
130
  };
129
131
  //# sourceMappingURL=circular-step-wrapper.js.map
@@ -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 AnimatedArc from '../../../ui/animated-arc/animated-arc';\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: 'canvas',\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 progressAngle,\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 {progressAngle && (\n <AnimatedArc\n radius={200}\n strokeWidth={2}\n color=\"WHITE\"\n targetAngle={progressAngle}\n mode=\"fade\"\n duration={1}\n />\n )}\n <Styled.ContentWrapper $isVisible={showContent} $width=\"100%\">\n {label ? (\n <FlexView $gutterX={3.5}>\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","progressAngle","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","onLottieRender","useCallback","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","AnimatedArc","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","CircularStepWrapper$1"],"mappings":"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"}
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 useEffect,\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 AnimatedArc from '../../../ui/animated-arc/animated-arc';\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: 'canvas',\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 progressAngle,\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 const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n const onLottieRender = useCallback(() => {\n if (animation && animationRef.current) {\n animationRef.current.playSegments(introFrames, true);\n setShowContent(true);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [animation]);\n\n useEffect(() => {\n return () => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n };\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 timeoutRef.current = setTimeout(() => setShowContent(false), 400);\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 {progressAngle && (\n <AnimatedArc\n radius={200}\n strokeWidth={2}\n color=\"WHITE\"\n targetAngle={progressAngle}\n mode=\"fade\"\n duration={1}\n />\n )}\n <Styled.ContentWrapper $isVisible={showContent} $width=\"100%\">\n {label ? (\n <FlexView $gutterX={3.5}>\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-dark\"\n analyticsLabel=\"Prev\"\n onClick={onGoBack}\n disabled={isNextLoading}\n size=\"small\"\n />\n </Styled.PrevButtonWrapper>\n )}\n {showNext && (\n <Styled.NextButtonWrapper>\n <IconButton\n size=\"small\"\n Icon={Next2Icon}\n renderAs=\"secondary-dark\"\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","progressAngle","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","timeoutRef","onLottieRender","useCallback","useEffect","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","AnimatedArc","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","CircularStepWrapper$1"],"mappings":"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"}
@@ -1013,8 +1013,16 @@ const a = "https://d138zd1ktt9iqe.cloudfront.net/static/website_2_0/images/count
1013
1013
  id: "student",
1014
1014
  label: "Student"
1015
1015
  }
1016
- ];
1016
+ ], l = {
1017
+ USER_NOT_FOUND: 8e3,
1018
+ INVALID_PASSWORD: 8001,
1019
+ MULTIPLE_USERS_FOUND: 8002,
1020
+ ACCESS_TOKEN_FAILURE: 8003,
1021
+ INVALID_ACCESS_TOKEN: 8004,
1022
+ INVALID_USERNAME_OR_USER_ALREADY_EXIST: 8005
1023
+ };
1017
1024
  export {
1025
+ l as ApiErrorCode,
1018
1026
  e as COUNTRY_CODE_MAP,
1019
1027
  n as STUDENT_GRADE_OPTIONS,
1020
1028
  o as USER_TYPES