@cuemath/leap 3.2.5-j3 → 3.2.6

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 (95) hide show
  1. package/dist/assets/illustrations/illustrations.js +0 -5
  2. package/dist/assets/illustrations/illustrations.js.map +1 -1
  3. package/dist/assets/lottie/lottie.js +0 -10
  4. package/dist/assets/lottie/lottie.js.map +1 -1
  5. package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js +12 -17
  6. package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map +1 -1
  7. package/dist/features/auth/comps/resend-otp/resend-otp.js +47 -54
  8. package/dist/features/auth/comps/resend-otp/resend-otp.js.map +1 -1
  9. package/dist/features/auth/comps/tabs/tab-tem/tab-item.js +17 -29
  10. package/dist/features/auth/comps/tabs/tab-tem/tab-item.js.map +1 -1
  11. package/dist/features/auth/comps/tabs/tabs-styled.js +10 -22
  12. package/dist/features/auth/comps/tabs/tabs-styled.js.map +1 -1
  13. package/dist/features/auth/comps/tabs/tabs.js +5 -5
  14. package/dist/features/auth/comps/tabs/tabs.js.map +1 -1
  15. package/dist/features/ui/image/image.js +1 -1
  16. package/dist/features/ui/image/image.js.map +1 -1
  17. package/dist/features/ui/theme/button.js +78 -78
  18. package/dist/features/ui/theme/button.js.map +1 -1
  19. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js +142 -137
  20. package/dist/features/worksheet/worksheet/worksheet-question/worksheet-question.js.map +1 -1
  21. package/dist/index.d.ts +3 -105
  22. package/dist/index.js +434 -456
  23. package/dist/index.js.map +1 -1
  24. package/dist/node_modules/query-string/base.js +1 -1
  25. package/dist/node_modules/query-string/node_modules/decode-uri-component/index.js.map +1 -0
  26. package/dist/node_modules/uuid/dist/esm-browser/regex.js +5 -0
  27. package/dist/node_modules/uuid/dist/esm-browser/regex.js.map +1 -0
  28. package/dist/node_modules/uuid/dist/esm-browser/rng.js +2 -3
  29. package/dist/node_modules/uuid/dist/esm-browser/rng.js.map +1 -1
  30. package/dist/node_modules/uuid/dist/esm-browser/stringify.js +10 -6
  31. package/dist/node_modules/uuid/dist/esm-browser/stringify.js.map +1 -1
  32. package/dist/node_modules/uuid/dist/esm-browser/v4.js +9 -12
  33. package/dist/node_modules/uuid/dist/esm-browser/v4.js.map +1 -1
  34. package/dist/node_modules/uuid/dist/esm-browser/validate.js +8 -0
  35. package/dist/node_modules/uuid/dist/esm-browser/validate.js.map +1 -0
  36. package/package.json +1 -1
  37. package/dist/assets/line-icons/icons/after-noon.js +0 -34
  38. package/dist/assets/line-icons/icons/after-noon.js.map +0 -1
  39. package/dist/assets/line-icons/icons/apple-icon-white.js +0 -42
  40. package/dist/assets/line-icons/icons/apple-icon-white.js.map +0 -1
  41. package/dist/assets/line-icons/icons/evening.js +0 -35
  42. package/dist/assets/line-icons/icons/evening.js.map +0 -1
  43. package/dist/assets/line-icons/icons/morning.js +0 -35
  44. package/dist/assets/line-icons/icons/morning.js.map +0 -1
  45. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js +0 -65
  46. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js.map +0 -1
  47. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js +0 -80
  48. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js.map +0 -1
  49. package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar-styled.js +0 -12
  50. package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar-styled.js.map +0 -1
  51. package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar.js +0 -33
  52. package/dist/features/auth/comps/linear-progress-bar/linear-progress-bar.js.map +0 -1
  53. package/dist/features/auth/comps/otp-input/otp-input-styled.js +0 -22
  54. package/dist/features/auth/comps/otp-input/otp-input-styled.js.map +0 -1
  55. package/dist/features/auth/comps/otp-input/otp-input.js +0 -51
  56. package/dist/features/auth/comps/otp-input/otp-input.js.map +0 -1
  57. package/dist/features/auth/comps/pill-button/pill-button-styled.js +0 -44
  58. package/dist/features/auth/comps/pill-button/pill-button-styled.js.map +0 -1
  59. package/dist/features/auth/comps/pill-button/pill-button.js +0 -75
  60. package/dist/features/auth/comps/pill-button/pill-button.js.map +0 -1
  61. package/dist/features/auth/comps/selectable-info-card/selectable-info-card-styled.js +0 -17
  62. package/dist/features/auth/comps/selectable-info-card/selectable-info-card-styled.js.map +0 -1
  63. package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js +0 -67
  64. package/dist/features/auth/comps/selectable-info-card/selectable-info-card.js.map +0 -1
  65. package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide-constants.js +0 -19
  66. package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide-constants.js.map +0 -1
  67. package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide-styled.js +0 -22
  68. package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide-styled.js.map +0 -1
  69. package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide.js +0 -18
  70. package/dist/features/auth/signup-v2/onboarding-guide/onboarding-guide.js.map +0 -1
  71. package/dist/features/auth/signup-v2/signup-header/signup-header.js +0 -25
  72. package/dist/features/auth/signup-v2/signup-header/signup-header.js.map +0 -1
  73. package/dist/features/auth/signup-v2/signup-options/signup-options.js +0 -71
  74. package/dist/features/auth/signup-v2/signup-options/signup-options.js.map +0 -1
  75. package/dist/node_modules/decode-uri-component/index.js.map +0 -1
  76. package/dist/node_modules/uuid/dist/esm-browser/native.js +0 -7
  77. package/dist/node_modules/uuid/dist/esm-browser/native.js.map +0 -1
  78. package/dist/static/animated-avatar.1ad58b1d.json +0 -1
  79. package/dist/static/animated-avatar.69b07505.json +0 -1
  80. package/dist/static/animated-avatar.9c560b46.json +0 -1
  81. package/dist/static/calendar-purple.1a840b41.svg +0 -1
  82. package/dist/static/flying-disk.c7f6ed39.json +0 -1
  83. package/dist/static/graduation-cap.3be3340a.json +0 -1
  84. package/dist/static/handshake.287e7dfb.svg +0 -1
  85. package/dist/static/light-bulb.c6db0b23.json +0 -1
  86. package/dist/static/money.332aacf1.svg +0 -1
  87. package/dist/static/muscle.9bcfb8a7.json +0 -1
  88. package/dist/static/parent-avatar.822c7b9b.svg +0 -1
  89. package/dist/static/pencil.23df9da0.json +0 -1
  90. package/dist/static/plus-sign.de6af957.json +0 -1
  91. package/dist/static/racing-car.2cbf864e.json +0 -1
  92. package/dist/static/rocket.0a3ccab0.json +0 -1
  93. package/dist/static/shovel.abeec04c.json +0 -1
  94. package/dist/static/trustpilot.bd3d79e1.svg +0 -1
  95. /package/dist/node_modules/{decode-uri-component → query-string/node_modules/decode-uri-component}/index.js +0 -0
@@ -1,51 +0,0 @@
1
- import { jsxs as l, jsx as a } from "react/jsx-runtime";
2
- import { useRef as I, useCallback as p } from "react";
3
- import { LOTTIE as $ } from "../../../../assets/lottie/lottie.js";
4
- import w from "../../../ui/lottie-animation/lottie-animation.js";
5
- import { Wrapper as y, InputBox as T } from "./otp-input-styled.js";
6
- const g = ({
7
- length: s = 4,
8
- value: e,
9
- onChange: c,
10
- error: m,
11
- isBusy: u = !1
12
- }) => {
13
- const n = I([]), i = p(
14
- (o, r) => {
15
- var f;
16
- if (!/^\d?$/.test(r)) return;
17
- const t = e.split("");
18
- t[o] = r, c(t.join("")), r && o < s - 1 && ((f = n.current[o + 1]) == null || f.focus());
19
- },
20
- [s, c, e]
21
- ), h = p(
22
- (o, r) => {
23
- var t;
24
- o.key === "Backspace" && !e[r] && r > 0 && ((t = n.current[r - 1]) == null || t.focus());
25
- },
26
- [e]
27
- );
28
- return /* @__PURE__ */ l(y, { $flexDirection: "row", $flexColumnGapX: 1, $alignItems: "center", children: [
29
- Array.from({ length: s }).map((o, r) => /* @__PURE__ */ a(
30
- T,
31
- {
32
- type: "text",
33
- maxLength: 1,
34
- value: e[r] || "",
35
- onChange: (t) => i(r, t.target.value),
36
- onFocus: (t) => t.target.select(),
37
- onKeyDown: (t) => h(t, r),
38
- $hasError: !!m,
39
- ref: (t) => {
40
- t && (n.current[r] = t);
41
- }
42
- },
43
- r
44
- )),
45
- u && /* @__PURE__ */ a(w, { src: $.SPINNER_WHITE, height: 24, width: 24 })
46
- ] });
47
- }, L = g;
48
- export {
49
- L as default
50
- };
51
- //# sourceMappingURL=otp-input.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"otp-input.js","sources":["../../../../../src/features/auth/comps/otp-input/otp-input.tsx"],"sourcesContent":["import type { IOTPInputProps } from './otp-input-types';\n\nimport { useCallback, useRef } from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport * as styled from './otp-input-styled';\n\nconst OTPInput: React.FC<IOTPInputProps> = ({\n length = 4,\n value,\n onChange,\n error,\n isBusy = false,\n}) => {\n const inputsRef = useRef<HTMLInputElement[]>([]);\n\n const handleChange = useCallback(\n (index: number, val: string) => {\n if (!/^\\d?$/.test(val)) return;\n\n const newValue = value.split('');\n\n newValue[index] = val;\n onChange(newValue.join(''));\n\n if (val && index < length - 1) {\n inputsRef.current[index + 1]?.focus();\n }\n },\n [length, onChange, value],\n );\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {\n if (e.key === 'Backspace' && !value[index] && index > 0) {\n inputsRef.current[index - 1]?.focus();\n }\n },\n [value],\n );\n\n return (\n <styled.Wrapper $flexDirection=\"row\" $flexColumnGapX={1} $alignItems=\"center\">\n {Array.from({ length }).map((_, index) => (\n <styled.InputBox\n key={index}\n type=\"text\"\n maxLength={1}\n value={value[index] || ''}\n onChange={e => handleChange(index, e.target.value)}\n onFocus={e => e.target.select()}\n onKeyDown={e => handleKeyDown(e, index)}\n $hasError={!!error}\n ref={el => {\n if (el) inputsRef.current[index] = el;\n }}\n />\n ))}\n {isBusy && <LottieAnimation src={LOTTIE.SPINNER_WHITE} height={24} width={24} />}\n </styled.Wrapper>\n );\n};\n\nexport default OTPInput;\n"],"names":["OTPInput","length","value","onChange","error","isBusy","inputsRef","useRef","handleChange","useCallback","index","val","newValue","_a","handleKeyDown","e","jsxs","styled.Wrapper","_","jsx","styled.InputBox","el","LottieAnimation","LOTTIE","OTPInput$1"],"mappings":";;;;;AAQA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAAM;AACE,QAAAC,IAAYC,EAA2B,CAAA,CAAE,GAEzCC,IAAeC;AAAA,IACnB,CAACC,GAAeC,MAAgB;;AAC9B,UAAI,CAAC,QAAQ,KAAKA,CAAG,EAAG;AAElB,YAAAC,IAAWV,EAAM,MAAM,EAAE;AAE/B,MAAAU,EAASF,CAAK,IAAIC,GACTR,EAAAS,EAAS,KAAK,EAAE,CAAC,GAEtBD,KAAOD,IAAQT,IAAS,OAC1BY,IAAAP,EAAU,QAAQI,IAAQ,CAAC,MAA3B,QAAAG,EAA8B;AAAA,IAElC;AAAA,IACA,CAACZ,GAAQE,GAAUD,CAAK;AAAA,EAAA,GAGpBY,IAAgBL;AAAA,IACpB,CAACM,GAA0CL,MAAkB;;AACvD,MAAAK,EAAE,QAAQ,eAAe,CAACb,EAAMQ,CAAK,KAAKA,IAAQ,OACpDG,IAAAP,EAAU,QAAQI,IAAQ,CAAC,MAA3B,QAAAG,EAA8B;AAAA,IAElC;AAAA,IACA,CAACX,CAAK;AAAA,EAAA;AAIN,SAAA,gBAAAc,EAACC,GAAA,EAAe,gBAAe,OAAM,iBAAiB,GAAG,aAAY,UAClE,UAAA;AAAA,IAAM,MAAA,KAAK,EAAE,QAAAhB,EAAQ,CAAA,EAAE,IAAI,CAACiB,GAAGR,MAC9B,gBAAAS;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAW;AAAA,QACX,OAAOlB,EAAMQ,CAAK,KAAK;AAAA,QACvB,UAAU,CAAKK,MAAAP,EAAaE,GAAOK,EAAE,OAAO,KAAK;AAAA,QACjD,SAAS,CAAAA,MAAKA,EAAE,OAAO,OAAO;AAAA,QAC9B,WAAW,CAAAA,MAAKD,EAAcC,GAAGL,CAAK;AAAA,QACtC,WAAW,CAAC,CAACN;AAAA,QACb,KAAK,CAAMiB,MAAA;AACT,UAAIA,MAAIf,EAAU,QAAQI,CAAK,IAAIW;AAAA,QACrC;AAAA,MAAA;AAAA,MAVKX;AAAA,IAAA,CAYR;AAAA,IACAL,uBAAWiB,GAAgB,EAAA,KAAKC,EAAO,eAAe,QAAQ,IAAI,OAAO,GAAI,CAAA;AAAA,EAChF,EAAA,CAAA;AAEJ,GAEAC,IAAexB;"}
@@ -1,44 +0,0 @@
1
- import n, { css as a } from "styled-components";
2
- import e from "../../../ui/layout/flex-view.js";
3
- import $ from "../../../ui/text/text.js";
4
- const T = n.button`
5
- ${({ selected: o, disabled: r, width: i, height: l, borderColor: s, theme: t }) => {
6
- const c = r ? t.colors.WHITE_T_10 : o ? t.colors.WHITE_1 : t.colors.BLACK_1, p = r ? t.colors.WHITE_T_15 : s;
7
- return a`
8
- position: relative;
9
- display: inline-flex;
10
- align-items: center;
11
- justify-content: center;
12
- cursor: ${r ? "not-allowed" : "pointer"};
13
- transition: all 0.3s ease;
14
- padding: 7.5px 16px;
15
- border-radius: 40px;
16
- border: 1px solid ${p};
17
- width: ${i ? `${i}px` : "auto"};
18
- height: ${l ? `${l}px` : "auto"};
19
- background-color: ${c};
20
- &:hover {
21
- background-color: ${!o && !r ? t.colors.WHITE_T_10 : void 0};
22
- }
23
- `;
24
- }}
25
- `, d = n(e)`
26
- visibility: ${({ $showLottie: o }) => o ? "visible" : "hidden"};
27
- `, f = n($)`
28
- transition: all 0.3s ease-in-out;
29
- position: relative;
30
-
31
- ${({ shouldOffsetLabel: o }) => `
32
- left: ${o ? "0" : "-10px"};
33
- `};
34
-
35
- ${({ selected: o, disabled: r, theme: i, textColor: l }) => `
36
- color: ${r ? i.colors.WHITE_T_38 : o ? i.colors.BLACK_1 : l};
37
- `};
38
- `;
39
- export {
40
- d as IconWrapper,
41
- f as Label,
42
- T as Wrapper
43
- };
44
- //# sourceMappingURL=pill-button-styled.js.map
@@ -1 +0,0 @@
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}px` : 'auto'};\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,OAAO,MAAM;AAAA,gBAC5BC,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 +0,0 @@
1
- import { jsx as o, jsxs as H } from "react/jsx-runtime";
2
- import { useState as x, useCallback as l, useEffect as M } from "react";
3
- import { useTheme as P } from "styled-components";
4
- import _ from "../../../ui/arrow-tooltip/arrow-tooltip.js";
5
- import j from "../../../ui/layout/flex-view.js";
6
- import y from "../../../ui/lottie-animation/lottie-animation.js";
7
- import { Wrapper as B, IconWrapper as O, Label as R } from "./pill-button-styled.js";
8
- const X = {
9
- autoplay: !0,
10
- loop: !0,
11
- renderer: "canvas"
12
- }, k = ({
13
- id: i,
14
- label: d,
15
- selected: t = !1,
16
- disabled: e = !1,
17
- animatedLabel: u = "",
18
- icon: r,
19
- onClick: a,
20
- tooltip: c,
21
- width: g
22
- }) => {
23
- const [$, h] = x(!1), [n, v] = x(!1), { colors: f } = P(), s = !!u, A = l(() => {
24
- a(i);
25
- }, [i, a]);
26
- M(() => {
27
- if (!s || e) return;
28
- const T = setInterval(() => {
29
- v((W) => !W);
30
- }, 1e3);
31
- return () => clearInterval(T);
32
- }, [e, s]);
33
- const w = l(() => h(!0), []), C = l(() => h(!1), []), m = !!r && !e && (s || t || $), E = f[n ? "YELLOW_4" : "WHITE_1"], I = f[n && !t ? "YELLOW_4" : "WHITE_1"], p = n ? u : d, b = n ? t ? "ub3-bold" : "ub3" : t ? "ub2-bold" : "ub2", L = /* @__PURE__ */ o(
34
- B,
35
- {
36
- selected: t,
37
- disabled: e,
38
- onClick: A,
39
- onMouseEnter: w,
40
- onMouseLeave: C,
41
- height: 36,
42
- width: Number(g),
43
- borderColor: E,
44
- children: /* @__PURE__ */ H(
45
- j,
46
- {
47
- $flexDirection: "row",
48
- $alignItems: "center",
49
- $justifyContent: "center",
50
- $flexColumnGapX: 0.25,
51
- children: [
52
- r && /* @__PURE__ */ o(O, { $widthX: 1, $heightX: 1, $showLottie: m, children: /* @__PURE__ */ o(y, { src: r, settings: X }) }),
53
- /* @__PURE__ */ o(
54
- R,
55
- {
56
- shouldOffsetLabel: m || !r,
57
- selected: t,
58
- disabled: e,
59
- $renderAs: b,
60
- textColor: I,
61
- children: p
62
- },
63
- p
64
- )
65
- ]
66
- }
67
- )
68
- }
69
- );
70
- return e && c ? /* @__PURE__ */ o(_, { renderAs: "primary", tooltipItem: c, position: "top", children: L }) : L;
71
- }, z = k;
72
- export {
73
- z as default
74
- };
75
- //# sourceMappingURL=pill-button.js.map
@@ -1 +0,0 @@
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 } 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 handleClick = useCallback(() => {\n onClick(id);\n }, [id, onClick]);\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 height={36}\n width={Number(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 PillButton;\n"],"names":["lottieSettings","PillButton","id","label","selected","disabled","animatedLabel","icon","onClick","tooltip","width","isHovered","setHovered","useState","highlightPhase","setHighlightPhase","colors","useTheme","shouldAnimate","handleClick","useCallback","useEffect","interval","prev","handleMouseEnter","handleMouseLeave","showLottie","borderColor","textColor","currentLabel","textRenderAs","ButtonContent","jsx","Styled.Wrapper","jsxs","FlexView","Styled.IconWrapper","LottieAnimation","Styled.Label","ArrowTooltip","PillButton$1"],"mappings":";;;;;;;AAUA,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;AACF,MAAM;AACJ,QAAM,CAACC,GAAWC,CAAU,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAgBC,CAAiB,IAAIF,EAAS,EAAK,GACpD,EAAE,QAAAG,MAAWC,KACbC,IAAgB,CAAC,CAACZ,GAElBa,IAAcC,EAAY,MAAM;AACpC,IAAAZ,EAAQN,CAAE;AAAA,EAAA,GACT,CAACA,GAAIM,CAAO,CAAC;AAEhB,EAAAa,EAAU,MAAM;AACV,QAAA,CAACH,KAAiBb,EAAU;AAE1B,UAAAiB,IAAW,YAAY,MAAM;AACf,MAAAP,EAAA,CAAAQ,MAAQ,CAACA,CAAI;AAAA,OAC9B,GAAI;AAEA,WAAA,MAAM,cAAcD,CAAQ;AAAA,EAAA,GAClC,CAACjB,GAAUa,CAAa,CAAC;AAE5B,QAAMM,IAAmBJ,EAAY,MAAMR,EAAW,EAAI,GAAG,CAAA,CAAE,GACzDa,IAAmBL,EAAY,MAAMR,EAAW,EAAK,GAAG,CAAA,CAAE,GAE1Dc,IAAa,CAAC,CAACnB,KAAQ,CAACF,MAAaa,KAAiBd,KAAYO,IAElEgB,IAAcX,EAAOF,IAAiB,aAAa,SAAS,GAC5Dc,IAAYZ,EAAOF,KAAkB,CAACV,IAAW,aAAa,SAAS,GACvEyB,IAAef,IAAiBR,IAAgBH,GAEhD2B,IAAehB,IAAkBV,IAAW,aAAa,QADnCA,IAAW,aAAa,OAG9C2B,IACJ,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAA7B;AAAA,MACA,UAAAC;AAAA,MACA,SAASc;AAAA,MACT,cAAcK;AAAA,MACd,cAAcC;AAAA,MACd,QAAQ;AAAA,MACR,OAAO,OAAOf,CAAK;AAAA,MACnB,aAAAiB;AAAA,MAEA,UAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,iBAAiB;AAAA,UAEhB,UAAA;AAAA,YAAA5B,uBACE6B,GAAA,EAAmB,SAAS,GAAG,UAAU,GAAG,aAAaV,GACxD,4BAACW,GAAgB,EAAA,KAAK9B,GAAM,UAAUP,EAAgB,CAAA,GACxD;AAAA,YAEF,gBAAAgC;AAAA,cAACM;AAAAA,cAAA;AAAA,gBAEC,mBAAmBZ,KAAc,CAACnB;AAAA,gBAClC,UAAAH;AAAA,gBACA,UAAAC;AAAA,gBACA,WAAWyB;AAAA,gBACX,WAAAF;AAAA,gBAEC,UAAAC;AAAA,cAAA;AAAA,cAPIA;AAAA,YAQP;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIG,SAAAxB,KAAYI,IACjB,gBAAAuB,EAACO,GAAa,EAAA,UAAS,WAAU,aAAa9B,GAAS,UAAS,OAC7D,UAAAsB,EAAA,CACH,IAEAA;AAEJ,GAEAS,IAAevC;"}
@@ -1,17 +0,0 @@
1
- import e from "styled-components";
2
- import t from "../../../ui/layout/flex-view.js";
3
- const s = e(t)`
4
- ${({ selected: r, theme: o }) => `
5
- cursor: pointer;
6
- transition: all 0.3s ease;
7
- border-width: 2px;
8
-
9
- &:hover {
10
- background-color: ${r ? void 0 : o.colors.BLACK_5};
11
- }
12
- `}
13
- `;
14
- export {
15
- s as Wrapper
16
- };
17
- //# sourceMappingURL=selectable-info-card-styled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"selectable-info-card-styled.js","sources":["../../../../../src/features/auth/comps/selectable-info-card/selectable-info-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Wrapper = styled(FlexView)<{ selected: boolean }>`\n ${({ selected, theme }) => {\n return `\n cursor: pointer;\n transition: all 0.3s ease;\n border-width: 2px;\n\n &:hover {\n background-color: ${!selected ? theme.colors.BLACK_5 : undefined};\n }\n `;\n }}\n`;\n"],"names":["Wrapper","styled","FlexView","selected","theme"],"mappings":";;AAIa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA,IAClC,CAAC,EAAE,UAAAC,GAAU,OAAAC,QACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAMkBD,IAAkC,SAAvBC,EAAM,OAAO,OAAmB;AAAA;AAAA,GAGrE;AAAA;"}
@@ -1,67 +0,0 @@
1
- import { jsxs as s, jsx as e } from "react/jsx-runtime";
2
- import { useRef as d, useCallback as t, useMemo as C } from "react";
3
- import b from "../../../ui/layout/flex-view.js";
4
- import g from "../../../ui/lottie-animation/lottie-animation.js";
5
- import u from "../../../ui/text/text.js";
6
- import { Wrapper as x } from "./selectable-info-card-styled.js";
7
- const I = ({
8
- id: a,
9
- title: m,
10
- description: c,
11
- icon: i,
12
- selected: r,
13
- onClick: l
14
- }) => {
15
- const n = d(null), f = t(() => {
16
- l(a);
17
- }, [a, l]), p = t(() => {
18
- var o;
19
- (o = n.current) == null || o.play();
20
- }, []), $ = t(() => {
21
- var o;
22
- r || (o = n.current) == null || o.stop();
23
- }, [r]), h = C(
24
- () => ({
25
- autoplay: r,
26
- loop: !0,
27
- renderer: "canvas"
28
- }),
29
- [r]
30
- );
31
- return /* @__PURE__ */ s(
32
- x,
33
- {
34
- $gutterX: 1,
35
- $gapX: 1,
36
- $borderColor: "WHITE",
37
- $flexDirection: "row",
38
- $background: r ? "WHITE_1" : "BLACK_1",
39
- onMouseEnter: p,
40
- onMouseLeave: $,
41
- onClick: f,
42
- $flexColumnGapX: 0.5,
43
- selected: r,
44
- $alignItems: "center",
45
- children: [
46
- i && /* @__PURE__ */ e(
47
- g,
48
- {
49
- src: i,
50
- ref: n,
51
- settings: h,
52
- width: 40,
53
- height: 40
54
- }
55
- ),
56
- /* @__PURE__ */ s(b, { children: [
57
- /* @__PURE__ */ e(u, { $renderAs: "ab3", $color: r ? "BLACK_1" : "WHITE", children: m }),
58
- /* @__PURE__ */ e(u, { $renderAs: "ub3", $color: r ? "BLACK_T_60" : "WHITE_T_60", children: c })
59
- ] })
60
- ]
61
- }
62
- );
63
- }, W = I;
64
- export {
65
- W as default
66
- };
67
- //# sourceMappingURL=selectable-info-card.js.map
@@ -1 +0,0 @@
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 } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './selectable-info-card-styled';\n\nconst SelectableInfoCard = ({\n id,\n title,\n description,\n icon,\n selected,\n onClick,\n}: ISelectableInfoCardProps) => {\n const animationRef = useRef<ILottieAnimationRef | null>(null);\n\n const handleClick = useCallback(() => {\n onClick(id);\n }, [id, onClick]);\n\n const handleOnMouseEnter = useCallback(() => {\n animationRef.current?.play();\n }, []);\n\n const handleOnMouseLeave = useCallback(() => {\n if (selected) return;\n animationRef.current?.stop();\n }, [selected]);\n\n const renderSettings = useMemo(\n () => ({\n autoplay: selected,\n loop: true,\n renderer: 'canvas',\n }),\n [selected],\n );\n\n return (\n <Styled.Wrapper\n $gutterX={1}\n $gapX={1}\n $borderColor=\"WHITE\"\n $flexDirection=\"row\"\n $background={selected ? 'WHITE_1' : 'BLACK_1'}\n onMouseEnter={handleOnMouseEnter}\n onMouseLeave={handleOnMouseLeave}\n onClick={handleClick}\n $flexColumnGapX={0.5}\n selected={selected}\n $alignItems=\"center\"\n >\n {icon && (\n <LottieAnimation\n src={icon}\n ref={animationRef}\n settings={renderSettings}\n width={40}\n height={40}\n />\n )}\n\n <FlexView>\n <Text $renderAs=\"ab3\" $color={selected ? 'BLACK_1' : 'WHITE'}>\n {title}\n </Text>\n <Text $renderAs=\"ub3\" $color={selected ? 'BLACK_T_60' : 'WHITE_T_60'}>\n {description}\n </Text>\n </FlexView>\n </Styled.Wrapper>\n );\n};\n\nexport default SelectableInfoCard;\n"],"names":["SelectableInfoCard","id","title","description","icon","selected","onClick","animationRef","useRef","handleClick","useCallback","handleOnMouseEnter","_a","handleOnMouseLeave","renderSettings","useMemo","jsxs","Styled.Wrapper","jsx","LottieAnimation","FlexView","Text","SelectableInfoCard$1"],"mappings":";;;;;;AAUA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,MAAgC;AACxB,QAAAC,IAAeC,EAAmC,IAAI,GAEtDC,IAAcC,EAAY,MAAM;AACpC,IAAAJ,EAAQL,CAAE;AAAA,EAAA,GACT,CAACA,GAAIK,CAAO,CAAC,GAEVK,IAAqBD,EAAY,MAAM;;AAC3C,KAAAE,IAAAL,EAAa,YAAb,QAAAK,EAAsB;AAAA,EACxB,GAAG,CAAE,CAAA,GAECC,IAAqBH,EAAY,MAAM;;AAC3C,IAAIL,MACJO,IAAAL,EAAa,YAAb,QAAAK,EAAsB;AAAA,EAAK,GAC1B,CAACP,CAAQ,CAAC,GAEPS,IAAiBC;AAAA,IACrB,OAAO;AAAA,MACL,UAAUV;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,cAAa;AAAA,MACb,gBAAe;AAAA,MACf,aAAaZ,IAAW,YAAY;AAAA,MACpC,cAAcM;AAAA,MACd,cAAcE;AAAA,MACd,SAASJ;AAAA,MACT,iBAAiB;AAAA,MACjB,UAAAJ;AAAA,MACA,aAAY;AAAA,MAEX,UAAA;AAAA,QACCD,KAAA,gBAAAc;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKf;AAAA,YACL,KAAKG;AAAA,YACL,UAAUO;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,0BAGDM,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAF,EAACG,KAAK,WAAU,OAAM,QAAQhB,IAAW,YAAY,SAClD,UACHH,EAAA,CAAA;AAAA,UACA,gBAAAgB,EAACG,KAAK,WAAU,OAAM,QAAQhB,IAAW,eAAe,cACrD,UACHF,EAAA,CAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAmB,IAAetB;"}
@@ -1,19 +0,0 @@
1
- import { ILLUSTRATIONS as t } from "../../../../assets/illustrations/illustrations.js";
2
- const e = [
3
- {
4
- icon: t.HANDSHAKE,
5
- title: "Find the perfect tutor match for your child's goals"
6
- },
7
- {
8
- icon: t.CALENDAR_PURPLE,
9
- title: "Schedule your FREE class with the tutor"
10
- },
11
- {
12
- icon: t.MONEY,
13
- title: "Pay and continue with our flexible classes"
14
- }
15
- ];
16
- export {
17
- e as onboardingGuideSteps
18
- };
19
- //# sourceMappingURL=onboarding-guide-constants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"onboarding-guide-constants.js","sources":["../../../../../src/features/auth/signup-v2/onboarding-guide/onboarding-guide-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const onboardingGuideSteps = [\n {\n icon: ILLUSTRATIONS.HANDSHAKE,\n title: `Find the perfect tutor match for your child's goals`,\n },\n {\n icon: ILLUSTRATIONS.CALENDAR_PURPLE,\n title: `Schedule your FREE class with the tutor`,\n },\n {\n icon: ILLUSTRATIONS.MONEY,\n title: `Pay and continue with our flexible classes`,\n },\n];\n"],"names":["onboardingGuideSteps","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAAuB;AAAA,EAClC;AAAA,IACE,MAAMC,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AACF;"}
@@ -1,22 +0,0 @@
1
- import o from "styled-components";
2
- import i from "../../../ui/layout/flex-view.js";
3
- const l = o(i)`
4
- margin-bottom: 48px;
5
- position: relative;
6
- &:not(:last-child)::after {
7
- content: '';
8
- position: absolute;
9
- left: 28px;
10
- bottom: -36px;
11
- width: 2px;
12
- height: 24px;
13
- background-color: ${({ theme: t }) => t.colors.WHITE_T_15};
14
- }
15
- &:last-child {
16
- margin-bottom: 0;
17
- }
18
- `;
19
- export {
20
- l as StepItem
21
- };
22
- //# sourceMappingURL=onboarding-guide-styled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"onboarding-guide-styled.js","sources":["../../../../../src/features/auth/signup-v2/onboarding-guide/onboarding-guide-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const StepItem = styled(FlexView)`\n margin-bottom: 48px;\n position: relative;\n &:not(:last-child)::after {\n content: '';\n position: absolute;\n left: 28px;\n bottom: -36px;\n width: 2px;\n height: 24px;\n background-color: ${({ theme }) => theme.colors.WHITE_T_15};\n }\n &:last-child {\n margin-bottom: 0;\n }\n`;\n"],"names":["StepItem","styled","FlexView","theme"],"mappings":";;AAIa,MAAAA,IAAWC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAUf,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;"}
@@ -1,18 +0,0 @@
1
- import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
- import r from "../../../ui/layout/flex-view.js";
3
- import l from "../../../ui/separator/separator.js";
4
- import n from "../../../ui/text/text.js";
5
- import { onboardingGuideSteps as a } from "./onboarding-guide-constants.js";
6
- import { StepItem as c } from "./onboarding-guide-styled.js";
7
- const d = () => /* @__PURE__ */ o(r, { $flex: 1, $alignItems: "center", $justifyContent: "center", $gutterX: 2, children: [
8
- /* @__PURE__ */ e(n, { $whiteSpace: "pre-line", $renderAs: "ah4", $color: "WHITE", children: "Get started in 3 easy steps!" }),
9
- /* @__PURE__ */ e(l, { heightX: 2.75 }),
10
- a.map((t, i) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ o(r, { $flexDirection: "row", $flexColumnGapX: 1.5, children: [
11
- /* @__PURE__ */ e("img", { src: t.icon, alt: `Step ${i + 1}`, width: 56, height: 56 }),
12
- /* @__PURE__ */ e(r, { $width: 210, children: /* @__PURE__ */ e(n, { $whiteSpace: "pre-line", $renderAs: "ab2", $color: "WHITE", children: t.title }) })
13
- ] }) }, i))
14
- ] }), g = d;
15
- export {
16
- g as default
17
- };
18
- //# sourceMappingURL=onboarding-guide.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"onboarding-guide.js","sources":["../../../../../src/features/auth/signup-v2/onboarding-guide/onboarding-guide.tsx"],"sourcesContent":["import FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { onboardingGuideSteps } from './onboarding-guide-constants';\nimport * as Styled from './onboarding-guide-styled';\n\nconst OnboardingGuide = () => {\n return (\n <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\" $gutterX={2}>\n <Text $whiteSpace=\"pre-line\" $renderAs=\"ah4\" $color=\"WHITE\">\n Get started in 3 easy steps!\n </Text>\n <Separator heightX={2.75} />\n {onboardingGuideSteps.map((step, index) => (\n <Styled.StepItem key={index}>\n <FlexView $flexDirection=\"row\" $flexColumnGapX={1.5}>\n <img src={step.icon} alt={`Step ${index + 1}`} width={56} height={56} />\n <FlexView $width={210}>\n <Text $whiteSpace=\"pre-line\" $renderAs=\"ab2\" $color=\"WHITE\">\n {step.title}\n </Text>\n </FlexView>\n </FlexView>\n </Styled.StepItem>\n ))}\n </FlexView>\n );\n};\n\nexport default OnboardingGuide;\n"],"names":["OnboardingGuide","jsxs","FlexView","jsx","Text","Separator","onboardingGuideSteps","step","index","Styled.StepItem","OnboardingGuide$1"],"mappings":";;;;;;AAMA,MAAMA,IAAkB,MAEpB,gBAAAC,EAACC,KAAS,OAAO,GAAG,aAAY,UAAS,iBAAgB,UAAS,UAAU,GAC1E,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,aAAY,YAAW,WAAU,OAAM,QAAO,SAAQ,UAE5D,+BAAA,CAAA;AAAA,EACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,EACzBC,EAAqB,IAAI,CAACC,GAAMC,MAC9B,gBAAAL,EAAAM,GAAA,EACC,UAAC,gBAAAR,EAAAC,GAAA,EAAS,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAI,EAAA,KAAKI,EAAK,MAAM,KAAK,QAAQC,IAAQ,CAAC,IAAI,OAAO,IAAI,QAAQ,IAAI;AAAA,IACrE,gBAAAL,EAAAD,GAAA,EAAS,QAAQ,KAChB,4BAACE,GAAK,EAAA,aAAY,YAAW,WAAU,OAAM,QAAO,SACjD,UAAAG,EAAK,MACR,CAAA,GACF;AAAA,EAAA,GACF,EAAA,GARoBC,CAStB,CACD;AACH,EAAA,CAAA,GAIJE,IAAeV;"}
@@ -1,25 +0,0 @@
1
- import { jsxs as e, jsx as r } from "react/jsx-runtime";
2
- import { ILLUSTRATIONS as o } from "../../../../assets/illustrations/illustrations.js";
3
- import i from "../../../ui/image/image.js";
4
- import t from "../../../ui/layout/flex-view.js";
5
- import m from "../../../ui/separator/separator.js";
6
- import n from "../../../ui/text/text.js";
7
- const d = () => /* @__PURE__ */ e(t, { children: [
8
- /* @__PURE__ */ r(i, { width: 107, src: o.CIRCLE_CUEMATH_LOGO_WHITE, height: 16 }),
9
- /* @__PURE__ */ r(m, { heightX: 1 }),
10
- /* @__PURE__ */ e(t, { $flexDirection: "row", $alignItems: "flex-end", children: [
11
- /* @__PURE__ */ e(n, { $renderAs: "ab2", $color: "WHITE", children: [
12
- "Rated",
13
- " ",
14
- /* @__PURE__ */ r(n, { $inline: !0, $renderAs: "ab2-bold", $color: "WHITE", children: "4.8+" }),
15
- " ",
16
- "on"
17
- ] }),
18
- " ",
19
- /* @__PURE__ */ r(i, { src: o.TRUSTPILOT })
20
- ] })
21
- ] }), f = d;
22
- export {
23
- f as default
24
- };
25
- //# sourceMappingURL=signup-header.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"signup-header.js","sources":["../../../../../src/features/auth/signup-v2/signup-header/signup-header.tsx"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\n\nconst SignupHeader = () => {\n return (\n <FlexView>\n <Image width={107} src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} height={16} />\n <Separator heightX={1} />\n <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n <Text $renderAs=\"ab2\" $color=\"WHITE\">\n Rated{' '}\n <Text $inline $renderAs=\"ab2-bold\" $color=\"WHITE\">\n 4.8+\n </Text>{' '}\n on\n </Text>\n &nbsp;\n <Image src={ILLUSTRATIONS.TRUSTPILOT} />\n </FlexView>\n </FlexView>\n );\n};\n\nexport default SignupHeader;\n"],"names":["SignupHeader","FlexView","jsx","Image","ILLUSTRATIONS","Separator","jsxs","Text","SignupHeader$1"],"mappings":";;;;;;AAMA,MAAMA,IAAe,wBAEhBC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAM,OAAO,KAAK,KAAKC,EAAc,2BAA2B,QAAQ,IAAI;AAAA,EAC7E,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACtB,gBAAAC,EAAAL,GAAA,EAAS,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAAA;AAAA,MAAA;AAAA,MAC7B;AAAA,MACN,gBAAAL,EAACK,KAAK,SAAO,IAAC,WAAU,YAAW,QAAO,SAAQ,UAElD,OAAA,CAAA;AAAA,MAAQ;AAAA,MAAI;AAAA,IAAA,GAEd;AAAA,IAAO;AAAA,IAEN,gBAAAL,EAAAC,GAAA,EAAM,KAAKC,EAAc,WAAY,CAAA;AAAA,EAAA,GACxC;AACF,EAAA,CAAA,GAIJI,IAAeR;"}
@@ -1,71 +0,0 @@
1
- import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
- import { memo as g } from "react";
3
- import f from "../../../../assets/line-icons/icons/apple-icon-white.js";
4
- import u from "../../../../assets/line-icons/icons/google-icon.js";
5
- import i from "../../../ui/buttons/button/button.js";
6
- import b from "../../../ui/buttons/text-button/text-button.js";
7
- import l from "../../../ui/layout/flex-view.js";
8
- import s from "../../../ui/separator/separator.js";
9
- import a from "../../../ui/text/text.js";
10
- const $ = ({
11
- onEmailSignup: c,
12
- onAppleSignup: m,
13
- onGoogleSignup: p,
14
- loadingProvider: r,
15
- onGoToLogin: d,
16
- title: h
17
- }) => {
18
- const t = r === "google", n = r === "apple";
19
- return /* @__PURE__ */ o(l, { $alignItems: "flex-start", children: [
20
- /* @__PURE__ */ e(a, { $renderAs: "ah3", $color: "WHITE", $whiteSpace: "pre", children: h }),
21
- /* @__PURE__ */ e(s, { heightX: 2.5 }),
22
- /* @__PURE__ */ o(l, { $flexGapX: 1, $flex: 1, $justifyContent: "center", $alignItems: "center", children: [
23
- /* @__PURE__ */ e(
24
- i,
25
- {
26
- renderAs: "black-dark",
27
- Icon: u,
28
- width: 320,
29
- label: "Signup with Google",
30
- onClick: p,
31
- size: "small",
32
- busy: t,
33
- disabled: t
34
- }
35
- ),
36
- /* @__PURE__ */ e(
37
- i,
38
- {
39
- renderAs: "black-dark",
40
- size: "small",
41
- width: 320,
42
- Icon: f,
43
- label: "Signup with Apple",
44
- onClick: m,
45
- busy: n,
46
- disabled: n
47
- }
48
- ),
49
- /* @__PURE__ */ e(
50
- i,
51
- {
52
- renderAs: "black-dark",
53
- size: "small",
54
- width: 320,
55
- label: "Continue with Email",
56
- onClick: c
57
- }
58
- )
59
- ] }),
60
- /* @__PURE__ */ e(s, { heightX: 1.5 }),
61
- /* @__PURE__ */ o(l, { $flexDirection: "row", $alignItems: "center", children: [
62
- /* @__PURE__ */ e(a, { $renderAs: "ub3", $color: "WHITE", children: "Already have an account?" }),
63
- " ",
64
- /* @__PURE__ */ e(b, { size: "small", label: "Log In", color: "WHITE", onClick: d })
65
- ] })
66
- ] });
67
- }, z = g($);
68
- export {
69
- z as default
70
- };
71
- //# sourceMappingURL=signup-options.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/signup-v2/signup-options/signup-options.tsx"],"sourcesContent":["import type { ISignupOptionsProps } from './signup-options-types';\n\nimport { memo, type FC } from 'react';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon-white';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n onEmailSignup,\n onAppleSignup,\n onGoogleSignup,\n loadingProvider,\n onGoToLogin,\n title,\n}) => {\n const isLoadingGoogle = loadingProvider === 'google';\n const isLoadingApple = loadingProvider === 'apple';\n\n return (\n <FlexView $alignItems=\"flex-start\">\n <Text $renderAs=\"ah3\" $color=\"WHITE\" $whiteSpace=\"pre\">\n {title}\n </Text>\n <Separator heightX={2.5} />\n <FlexView $flexGapX={1} $flex={1} $justifyContent=\"center\" $alignItems=\"center\">\n <Button\n renderAs=\"black-dark\"\n Icon={GoogleIcon}\n width={320}\n label=\"Signup with Google\"\n onClick={onGoogleSignup}\n size=\"small\"\n busy={isLoadingGoogle}\n disabled={isLoadingGoogle}\n />\n <Button\n renderAs=\"black-dark\"\n size=\"small\"\n width={320}\n Icon={AppleIcon}\n label=\"Signup with Apple\"\n onClick={onAppleSignup}\n busy={isLoadingApple}\n disabled={isLoadingApple}\n />\n <Button\n renderAs=\"black-dark\"\n size=\"small\"\n width={320}\n label=\"Continue with Email\"\n onClick={onEmailSignup}\n />\n </FlexView>\n <Separator heightX={1.5} />\n <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n <Text $renderAs=\"ub3\" $color=\"WHITE\">\n Already have an account?\n </Text>\n &nbsp;\n <TextButton size=\"small\" label=\"Log In\" color=\"WHITE\" onClick={onGoToLogin} />\n </FlexView>\n </FlexView>\n );\n};\n\nexport default memo(SignupOptions);\n"],"names":["SignupOptions","onEmailSignup","onAppleSignup","onGoogleSignup","loadingProvider","onGoToLogin","title","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Text","Separator","Button","GoogleIcon","AppleIcon","TextButton","signupOptions","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAMC,IAAkBH,MAAoB,UACtCI,IAAiBJ,MAAoB;AAGzC,SAAA,gBAAAK,EAACC,GAAS,EAAA,aAAY,cACpB,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,SAAQ,aAAY,OAC9C,UACHN,EAAA,CAAA;AAAA,IACA,gBAAAK,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAJ,EAACC,KAAS,WAAW,GAAG,OAAO,GAAG,iBAAgB,UAAS,aAAY,UACrE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAMC;AAAA,UACN,OAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASZ;AAAA,UACT,MAAK;AAAA,UACL,MAAMI;AAAA,UACN,UAAUA;AAAA,QAAA;AAAA,MACZ;AAAA,MACA,gBAAAI;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,OAAO;AAAA,UACP,MAAME;AAAAA,UACN,OAAM;AAAA,UACN,SAASd;AAAA,UACT,MAAMM;AAAA,UACN,UAAUA;AAAA,QAAA;AAAA,MACZ;AAAA,MACA,gBAAAG;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,OAAO;AAAA,UACP,OAAM;AAAA,UACN,SAASb;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,IACA,gBAAAU,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,MAAO;AAAA,MAEP,gBAAAD,EAACM,KAAW,MAAK,SAAQ,OAAM,UAAS,OAAM,SAAQ,SAASZ,EAAa,CAAA;AAAA,IAAA,GAC9E;AAAA,EACF,EAAA,CAAA;AAEJ,GAEea,IAAAC,EAAKnB,CAAa;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../node_modules/decode-uri-component/index.js"],"sourcesContent":["const token = '%[a-f0-9]{2}';\nconst singleMatcher = new RegExp('(' + token + ')|([^%]+?)', 'gi');\nconst multiMatcher = new RegExp('(' + token + ')+', 'gi');\n\nfunction decodeComponents(components, split) {\n\ttry {\n\t\t// Try to decode the entire string first\n\t\treturn [decodeURIComponent(components.join(''))];\n\t} catch {\n\t\t// Do nothing\n\t}\n\n\tif (components.length === 1) {\n\t\treturn components;\n\t}\n\n\tsplit = split || 1;\n\n\t// Split the array in 2 parts\n\tconst left = components.slice(0, split);\n\tconst right = components.slice(split);\n\n\treturn Array.prototype.concat.call([], decodeComponents(left), decodeComponents(right));\n}\n\nfunction decode(input) {\n\ttry {\n\t\treturn decodeURIComponent(input);\n\t} catch {\n\t\tlet tokens = input.match(singleMatcher) || [];\n\n\t\tfor (let i = 1; i < tokens.length; i++) {\n\t\t\tinput = decodeComponents(tokens, i).join('');\n\n\t\t\ttokens = input.match(singleMatcher) || [];\n\t\t}\n\n\t\treturn input;\n\t}\n}\n\nfunction customDecodeURIComponent(input) {\n\t// Keep track of all the replacements and prefill the map with the `BOM`\n\tconst replaceMap = {\n\t\t'%FE%FF': '\\uFFFD\\uFFFD',\n\t\t'%FF%FE': '\\uFFFD\\uFFFD',\n\t};\n\n\tlet match = multiMatcher.exec(input);\n\twhile (match) {\n\t\ttry {\n\t\t\t// Decode as big chunks as possible\n\t\t\treplaceMap[match[0]] = decodeURIComponent(match[0]);\n\t\t} catch {\n\t\t\tconst result = decode(match[0]);\n\n\t\t\tif (result !== match[0]) {\n\t\t\t\treplaceMap[match[0]] = result;\n\t\t\t}\n\t\t}\n\n\t\tmatch = multiMatcher.exec(input);\n\t}\n\n\t// Add `%C2` at the end of the map to make sure it does not replace the combinator before everything else\n\treplaceMap['%C2'] = '\\uFFFD';\n\n\tconst entries = Object.keys(replaceMap);\n\n\tfor (const key of entries) {\n\t\t// Replace all decoded components\n\t\tinput = input.replace(new RegExp(key, 'g'), replaceMap[key]);\n\t}\n\n\treturn input;\n}\n\nexport default function decodeUriComponent(encodedURI) {\n\tif (typeof encodedURI !== 'string') {\n\t\tthrow new TypeError('Expected `encodedURI` to be of type `string`, got `' + typeof encodedURI + '`');\n\t}\n\n\ttry {\n\t\t// Try the built in decoder first\n\t\treturn decodeURIComponent(encodedURI);\n\t} catch {\n\t\t// Fallback to a more advanced decoder\n\t\treturn customDecodeURIComponent(encodedURI);\n\t}\n}\n"],"names":["token","singleMatcher","multiMatcher","decodeComponents","components","split","left","right","decode","input","tokens","i","customDecodeURIComponent","replaceMap","match","result","entries","key","decodeUriComponent","encodedURI"],"mappings":"AAAA,MAAMA,IAAQ,gBACRC,IAAgB,IAAI,OAAO,MAAMD,IAAQ,cAAc,IAAI,GAC3DE,IAAe,IAAI,OAAO,MAAMF,IAAQ,MAAM,IAAI;AAExD,SAASG,EAAiBC,GAAYC,GAAO;AAC5C,MAAI;AAEH,WAAO,CAAC,mBAAmBD,EAAW,KAAK,EAAE,CAAC,CAAC;AAAA,EACjD,QAAS;AAAA,EAEP;AAED,MAAIA,EAAW,WAAW;AACzB,WAAOA;AAGR,EAAAC,IAAQA,KAAS;AAGjB,QAAMC,IAAOF,EAAW,MAAM,GAAGC,CAAK,GAChCE,IAAQH,EAAW,MAAMC,CAAK;AAEpC,SAAO,MAAM,UAAU,OAAO,KAAK,CAAA,GAAIF,EAAiBG,CAAI,GAAGH,EAAiBI,CAAK,CAAC;AACvF;AAEA,SAASC,EAAOC,GAAO;AACtB,MAAI;AACH,WAAO,mBAAmBA,CAAK;AAAA,EACjC,QAAS;AACP,QAAIC,IAASD,EAAM,MAAMR,CAAa,KAAK,CAAA;AAE3C,aAASU,IAAI,GAAGA,IAAID,EAAO,QAAQC;AAClC,MAAAF,IAAQN,EAAiBO,GAAQC,CAAC,EAAE,KAAK,EAAE,GAE3CD,IAASD,EAAM,MAAMR,CAAa,KAAK,CAAA;AAGxC,WAAOQ;AAAA,EACP;AACF;AAEA,SAASG,EAAyBH,GAAO;AAExC,QAAMI,IAAa;AAAA,IAClB,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAEC,MAAIC,IAAQZ,EAAa,KAAKO,CAAK;AACnC,SAAOK,KAAO;AACb,QAAI;AAEH,MAAAD,EAAWC,EAAM,CAAC,CAAC,IAAI,mBAAmBA,EAAM,CAAC,CAAC;AAAA,IACrD,QAAU;AACP,YAAMC,IAASP,EAAOM,EAAM,CAAC,CAAC;AAE9B,MAAIC,MAAWD,EAAM,CAAC,MACrBD,EAAWC,EAAM,CAAC,CAAC,IAAIC;AAAA,IAExB;AAED,IAAAD,IAAQZ,EAAa,KAAKO,CAAK;AAAA,EAC/B;AAGD,EAAAI,EAAW,KAAK,IAAI;AAEpB,QAAMG,IAAU,OAAO,KAAKH,CAAU;AAEtC,aAAWI,KAAOD;AAEjB,IAAAP,IAAQA,EAAM,QAAQ,IAAI,OAAOQ,GAAK,GAAG,GAAGJ,EAAWI,CAAG,CAAC;AAG5D,SAAOR;AACR;AAEe,SAASS,EAAmBC,GAAY;AACtD,MAAI,OAAOA,KAAe;AACzB,UAAM,IAAI,UAAU,wDAAwD,OAAOA,IAAa,GAAG;AAGpG,MAAI;AAEH,WAAO,mBAAmBA,CAAU;AAAA,EACtC,QAAS;AAEP,WAAOP,EAAyBO,CAAU;AAAA,EAC1C;AACF;","x_google_ignoreList":[0]}
@@ -1,7 +0,0 @@
1
- const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = {
2
- randomUUID: o
3
- };
4
- export {
5
- t as default
6
- };
7
- //# sourceMappingURL=native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"native.js","sources":["../../../../../node_modules/uuid/dist/esm-browser/native.js"],"sourcesContent":["const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n randomUUID\n};"],"names":["randomUUID","native"],"mappings":"AAAA,MAAMA,IAAa,OAAO,SAAW,OAAe,OAAO,cAAc,OAAO,WAAW,KAAK,MAAM,GACvFC,IAAA;AAAA,EACb,YAAAD;AACF;","x_google_ignoreList":[0]}