@cuemath/leap 2.9.5-j1 → 2.9.5-j11

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 (87) hide show
  1. package/dist/assets/illustrations/loader-1.svg.js +6 -0
  2. package/dist/assets/illustrations/loader-1.svg.js.map +1 -0
  3. package/dist/assets/lottie/lottie.js +1 -0
  4. package/dist/assets/lottie/lottie.js.map +1 -1
  5. package/dist/features/auth/account-selector/account-selector-styled.js +27 -16
  6. package/dist/features/auth/account-selector/account-selector-styled.js.map +1 -1
  7. package/dist/features/auth/account-selector/account-selector.js +83 -68
  8. package/dist/features/auth/account-selector/account-selector.js.map +1 -1
  9. package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js +1 -1
  10. package/dist/features/auth/comps/auth-page-layout/auth-page-layout-styles.js.map +1 -1
  11. package/dist/features/auth/comps/input-status-icon/input-status-icon.js +20 -0
  12. package/dist/features/auth/comps/input-status-icon/input-status-icon.js.map +1 -0
  13. package/dist/features/auth/comps/resend-otp/otp-timer/otp-timer.js +19 -22
  14. package/dist/features/auth/comps/resend-otp/otp-timer/otp-timer.js.map +1 -1
  15. package/dist/features/auth/comps/resend-otp/resend-otp.js +12 -12
  16. package/dist/features/auth/comps/resend-otp/resend-otp.js.map +1 -1
  17. package/dist/features/auth/comps/tabs/tabs-styled.js +23 -0
  18. package/dist/features/auth/comps/tabs/tabs-styled.js.map +1 -0
  19. package/dist/features/auth/comps/tabs/tabs.js +23 -0
  20. package/dist/features/auth/comps/tabs/tabs.js.map +1 -0
  21. package/dist/features/auth/login/social-account-not-found/social-account-not-found.js +31 -0
  22. package/dist/features/auth/login/social-account-not-found/social-account-not-found.js.map +1 -0
  23. package/dist/features/auth/login/social-login-methods/social-login-methods.js +46 -0
  24. package/dist/features/auth/login/social-login-methods/social-login-methods.js.map +1 -0
  25. package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.js +17 -15
  26. package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper-styled.js.map +1 -1
  27. package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js +66 -52
  28. package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js.map +1 -1
  29. package/dist/features/auth/signup/claim-user-account/claim-user-account-styled.js +16 -5
  30. package/dist/features/auth/signup/claim-user-account/claim-user-account-styled.js.map +1 -1
  31. package/dist/features/auth/signup/claim-user-account/claim-user-account.js +66 -61
  32. package/dist/features/auth/signup/claim-user-account/claim-user-account.js.map +1 -1
  33. package/dist/features/auth/signup/custom-input/date-picker-input/date-picker-input-styled.js +10 -3
  34. package/dist/features/auth/signup/custom-input/date-picker-input/date-picker-input-styled.js.map +1 -1
  35. package/dist/features/auth/signup/custom-input/date-picker-input/date-picker-input.js +54 -50
  36. package/dist/features/auth/signup/custom-input/date-picker-input/date-picker-input.js.map +1 -1
  37. package/dist/features/auth/signup/custom-input/grade-input/grade-input.js +6 -6
  38. package/dist/features/auth/signup/custom-input/grade-input/grade-input.js.map +1 -1
  39. package/dist/features/auth/signup/custom-input/input-wrapper/input-wrapper.js +22 -22
  40. package/dist/features/auth/signup/custom-input/input-wrapper/input-wrapper.js.map +1 -1
  41. package/dist/features/auth/signup/custom-input/student-password/student-password.js +1 -1
  42. package/dist/features/auth/signup/custom-input/student-password/student-password.js.map +1 -1
  43. package/dist/features/auth/signup/custom-input/student-username/student-username.js +23 -23
  44. package/dist/features/auth/signup/custom-input/student-username/student-username.js.map +1 -1
  45. package/dist/features/auth/signup/signup-constants.js.map +1 -1
  46. package/dist/features/auth/signup/user-type-selector/user-type-card/user-type-card.js +14 -14
  47. package/dist/features/auth/signup/user-type-selector/user-type-card/user-type-card.js.map +1 -1
  48. package/dist/features/auth/signup/user-type-selector/user-type-selector.js.map +1 -1
  49. package/dist/features/post-game-stats/digital-meter/digital-meter.js +29 -28
  50. package/dist/features/post-game-stats/digital-meter/digital-meter.js.map +1 -1
  51. package/dist/features/ui/animated-arc/animated-arc-helpers.js +14 -0
  52. package/dist/features/ui/animated-arc/animated-arc-helpers.js.map +1 -0
  53. package/dist/features/ui/animated-arc/animated-arc-styled.js +21 -0
  54. package/dist/features/ui/animated-arc/animated-arc-styled.js.map +1 -0
  55. package/dist/features/ui/animated-arc/animated-arc.js +49 -0
  56. package/dist/features/ui/animated-arc/animated-arc.js.map +1 -0
  57. package/dist/features/ui/inputs/base-input/base-input-styled.js +61 -60
  58. package/dist/features/ui/inputs/base-input/base-input-styled.js.map +1 -1
  59. package/dist/features/ui/inputs/base-input/base-input.js +38 -35
  60. package/dist/features/ui/inputs/base-input/base-input.js.map +1 -1
  61. package/dist/features/ui/inputs/text-input/text-input-styled.js +22 -20
  62. package/dist/features/ui/inputs/text-input/text-input-styled.js.map +1 -1
  63. package/dist/features/ui/inputs/text-input/text-input.js +35 -32
  64. package/dist/features/ui/inputs/text-input/text-input.js.map +1 -1
  65. package/dist/features/ui/theme/input.js +84 -11
  66. package/dist/features/ui/theme/input.js.map +1 -1
  67. package/dist/index.d.ts +58 -11
  68. package/dist/index.js +520 -512
  69. package/dist/index.js.map +1 -1
  70. package/dist/node_modules/query-string/base.js +1 -1
  71. package/dist/node_modules/query-string/node_modules/decode-uri-component/index.js.map +1 -0
  72. package/dist/node_modules/uuid/dist/esm-browser/regex.js +5 -0
  73. package/dist/node_modules/uuid/dist/esm-browser/regex.js.map +1 -0
  74. package/dist/node_modules/uuid/dist/esm-browser/rng.js +2 -3
  75. package/dist/node_modules/uuid/dist/esm-browser/rng.js.map +1 -1
  76. package/dist/node_modules/uuid/dist/esm-browser/stringify.js +10 -6
  77. package/dist/node_modules/uuid/dist/esm-browser/stringify.js.map +1 -1
  78. package/dist/node_modules/uuid/dist/esm-browser/v4.js +9 -12
  79. package/dist/node_modules/uuid/dist/esm-browser/v4.js.map +1 -1
  80. package/dist/node_modules/uuid/dist/esm-browser/validate.js +8 -0
  81. package/dist/node_modules/uuid/dist/esm-browser/validate.js.map +1 -0
  82. package/dist/static/error.cbe1ddde.json +1 -0
  83. package/package.json +1 -1
  84. package/dist/node_modules/decode-uri-component/index.js.map +0 -1
  85. package/dist/node_modules/uuid/dist/esm-browser/native.js +0 -7
  86. package/dist/node_modules/uuid/dist/esm-browser/native.js.map +0 -1
  87. /package/dist/node_modules/{decode-uri-component → query-string/node_modules/decode-uri-component}/index.js +0 -0
@@ -0,0 +1,6 @@
1
+ import * as e from "react";
2
+ const i = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12 3.66675V7.00008", stroke: "white", strokeWidth: 1.66667, strokeLinecap: "square", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.875s", repeatCount: "indefinite" })), /* @__PURE__ */ e.createElement("path", { d: "M12 17V20.3333", stroke: "white", strokeWidth: 1.66667, strokeLinecap: "square", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.75s", repeatCount: "indefinite" })), /* @__PURE__ */ e.createElement("path", { d: "M6.1084 6.1084L8.46673 8.46673", stroke: "white", strokeWidth: 1.66667, strokeLinecap: "square", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.625s", repeatCount: "indefinite" })), /* @__PURE__ */ e.createElement("path", { d: "M15.5337 15.5332L17.892 17.8915", stroke: "white", strokeWidth: 1.66667, strokeLinecap: "square", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5s", repeatCount: "indefinite" })), /* @__PURE__ */ e.createElement("path", { d: "M3.6665 12H6.99984", stroke: "white", strokeWidth: 1.66667, strokeLinecap: "square", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.375s", repeatCount: "indefinite" })), /* @__PURE__ */ e.createElement("path", { d: "M17 12H20.3333", stroke: "white", strokeWidth: 1.66667, strokeLinecap: "square", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.25s", repeatCount: "indefinite" })), /* @__PURE__ */ e.createElement("path", { d: "M6.1084 17.8915L8.46673 15.5332", stroke: "white", strokeWidth: 1.66667, strokeLinecap: "square", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.125s", repeatCount: "indefinite" })), /* @__PURE__ */ e.createElement("path", { d: "M15.5337 8.46673L17.892 6.1084", stroke: "white", strokeWidth: 1.66667, strokeLinecap: "square", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "0s", repeatCount: "indefinite" })));
3
+ export {
4
+ i as ReactComponent
5
+ };
6
+ //# sourceMappingURL=loader-1.svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loader-1.svg.js","sources":["../../../src/assets/illustrations/loader-1.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%203.66675V7.00008'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='square'%20stroke-linejoin='round'%3e%3canimate%20attributeName='opacity'%20values='1;0'%20keyTimes='0;1'%20dur='1s'%20begin='-0.875s'%20repeatCount='indefinite'%3e%3c/animate%3e%3c/path%3e%3cpath%20d='M12%2017V20.3333'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='square'%20stroke-linejoin='round'%3e%3canimate%20attributeName='opacity'%20values='1;0'%20keyTimes='0;1'%20dur='1s'%20begin='-0.75s'%20repeatCount='indefinite'%3e%3c/animate%3e%3c/path%3e%3cpath%20d='M6.1084%206.1084L8.46673%208.46673'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='square'%20stroke-linejoin='round'%3e%3canimate%20attributeName='opacity'%20values='1;0'%20keyTimes='0;1'%20dur='1s'%20begin='-0.625s'%20repeatCount='indefinite'%3e%3c/animate%3e%3c/path%3e%3cpath%20d='M15.5337%2015.5332L17.892%2017.8915'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='square'%20stroke-linejoin='round'%3e%3canimate%20attributeName='opacity'%20values='1;0'%20keyTimes='0;1'%20dur='1s'%20begin='-0.5s'%20repeatCount='indefinite'%3e%3c/animate%3e%3c/path%3e%3cpath%20d='M3.6665%2012H6.99984'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='square'%20stroke-linejoin='round'%3e%3canimate%20attributeName='opacity'%20values='1;0'%20keyTimes='0;1'%20dur='1s'%20begin='-0.375s'%20repeatCount='indefinite'%3e%3c/animate%3e%3c/path%3e%3cpath%20d='M17%2012H20.3333'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='square'%20stroke-linejoin='round'%3e%3canimate%20attributeName='opacity'%20values='1;0'%20keyTimes='0;1'%20dur='1s'%20begin='-0.25s'%20repeatCount='indefinite'%3e%3c/animate%3e%3c/path%3e%3cpath%20d='M6.1084%2017.8915L8.46673%2015.5332'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='square'%20stroke-linejoin='round'%3e%3canimate%20attributeName='opacity'%20values='1;0'%20keyTimes='0;1'%20dur='1s'%20begin='-0.125s'%20repeatCount='indefinite'%3e%3c/animate%3e%3c/path%3e%3cpath%20d='M15.5337%208.46673L17.892%206.1084'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='square'%20stroke-linejoin='round'%3e%3canimate%20attributeName='opacity'%20values='1;0'%20keyTimes='0;1'%20dur='1s'%20begin='0s'%20repeatCount='indefinite'%3e%3c/animate%3e%3c/path%3e%3c/svg%3e\""],"names":["SvgLoader1","props","React"],"mappings":";AACK,MAACA,IAAa,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,uBAAuB,QAAQ,SAAS,aAAa,SAAS,eAAe,UAAU,gBAAgB,QAAS,GAAkB,gBAAAA,EAAM,cAAc,WAAW,EAAE,eAAe,WAAW,QAAQ,OAAO,UAAU,OAAO,KAAK,MAAM,OAAO,WAAW,aAAa,cAAc,CAAC,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,kBAAkB,QAAQ,SAAS,aAAa,SAAS,eAAe,UAAU,gBAAgB,QAAS,GAAkB,gBAAAA,EAAM,cAAc,WAAW,EAAE,eAAe,WAAW,QAAQ,OAAO,UAAU,OAAO,KAAK,MAAM,OAAO,UAAU,aAAa,aAAY,CAAE,CAAC,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,kCAAkC,QAAQ,SAAS,aAAa,SAAS,eAAe,UAAU,gBAAgB,QAAO,GAAoB,gBAAAA,EAAM,cAAc,WAAW,EAAE,eAAe,WAAW,QAAQ,OAAO,UAAU,OAAO,KAAK,MAAM,OAAO,WAAW,aAAa,aAAc,CAAA,CAAC,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,mCAAmC,QAAQ,SAAS,aAAa,SAAS,eAAe,UAAU,gBAAgB,QAAS,GAAkB,gBAAAA,EAAM,cAAc,WAAW,EAAE,eAAe,WAAW,QAAQ,OAAO,UAAU,OAAO,KAAK,MAAM,OAAO,SAAS,aAAa,aAAY,CAAE,CAAC,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,sBAAsB,QAAQ,SAAS,aAAa,SAAS,eAAe,UAAU,gBAAgB,QAAS,GAAkB,gBAAAA,EAAM,cAAc,WAAW,EAAE,eAAe,WAAW,QAAQ,OAAO,UAAU,OAAO,KAAK,MAAM,OAAO,WAAW,aAAa,aAAY,CAAE,CAAC,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,kBAAkB,QAAQ,SAAS,aAAa,SAAS,eAAe,UAAU,gBAAgB,QAAS,GAAkB,gBAAAA,EAAM,cAAc,WAAW,EAAE,eAAe,WAAW,QAAQ,OAAO,UAAU,OAAO,KAAK,MAAM,OAAO,UAAU,aAAa,aAAc,CAAA,CAAC,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,mCAAmC,QAAQ,SAAS,aAAa,SAAS,eAAe,UAAU,gBAAgB,QAAO,GAAoB,gBAAAA,EAAM,cAAc,WAAW,EAAE,eAAe,WAAW,QAAQ,OAAO,UAAU,OAAO,KAAK,MAAM,OAAO,WAAW,aAAa,aAAY,CAAE,CAAC,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,kCAAkC,QAAQ,SAAS,aAAa,SAAS,eAAe,UAAU,gBAAgB,QAAS,GAAkB,gBAAAA,EAAM,cAAc,WAAW,EAAE,eAAe,WAAW,QAAQ,OAAO,UAAU,OAAO,KAAK,MAAM,OAAO,MAAM,aAAa,aAAY,CAAE,CAAC,CAAC;"}
@@ -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,26 +1,37 @@
1
1
  import r from "styled-components";
2
- import t from "../../ui/layout/flex-view.js";
3
- const e = r(t)`
2
+ import i from "../../ui/layout/flex-view.js";
3
+ const d = r(i)`
4
4
  position: relative;
5
- `, i = r(t)(
6
- ({ theme: o }) => `
7
- border-right: 1px solid ${o.colors.BLACK_5};
8
- cursor: pointer;
9
- &:hover {
10
- background-color: ${o.colors.BLACK_2}
11
- }
12
- `
13
- ), s = r(t)(
5
+ `, c = r(i)`
6
+ max-width: 200px;
7
+ cursor: pointer;
8
+ transition: background-color 0.3s ease;
9
+ position: relative;
10
+ border-left: 1px solid ${({ theme: o }) => o.colors.BLACK_5};
11
+ border-bottom: 1px solid ${({ theme: o }) => o.colors.BLACK_5};
12
+
13
+ &:hover {
14
+ background-color: ${({ theme: o }) => o.colors.BLACK_2};
15
+ }
16
+
17
+ ${({ index: o, theme: t }) => o < 5 && `border-top: 1px solid ${t.colors.BLACK_5};`}
18
+
19
+ ${({ index: o, isLastItem: t, theme: s }) => ((o + 1) % 5 === 0 || t) && `border-right: 1px solid ${s.colors.BLACK_5};`}
20
+ `, n = r(c)(
14
21
  ({ theme: o }) => `
15
- cursor: pointer;
16
22
  &:hover {
17
23
  background-color: ${o.colors.BLACK_4}
18
24
  }
19
25
  `
20
- );
26
+ ), p = r.div`
27
+ display: inline-grid;
28
+ grid-template-columns: repeat(${({ itemCount: o }) => o < 5 ? o : 5}, 200px);
29
+ grid-auto-rows: 200px;
30
+ `;
21
31
  export {
22
- i as AccountItem,
23
- s as AddAccountButton,
24
- e as Container
32
+ c as AccountCard,
33
+ p as AccountListWrapper,
34
+ n as AddAccountButton,
35
+ d as Container
25
36
  };
26
37
  //# sourceMappingURL=account-selector-styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"account-selector-styled.js","sources":["../../../../src/features/auth/account-selector/account-selector-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n position: relative;\n`;\n\nexport const AccountItem = styled(FlexView)(\n ({ theme }) => `\n border-right: 1px solid ${theme.colors.BLACK_5};\n cursor: pointer;\n &:hover {\n background-color: ${theme.colors.BLACK_2}\n }\n`,\n);\n\nexport const AddAccountButton = styled(FlexView)(\n ({ theme }) => `\n cursor: pointer;\n &:hover {\n background-color: ${theme.colors.BLACK_4}\n }\n`,\n);\n"],"names":["Container","styled","FlexView","AccountItem","theme","AddAccountButton"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAcF,EAAOC,CAAQ;AAAA,EACxC,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA,8BACaA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,0BAGxBA,EAAM,OAAO,OAAO;AAAA;AAAA;AAG9C,GAEaC,IAAmBJ,EAAOC,CAAQ;AAAA,EAC7C,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA,0BAGSA,EAAM,OAAO,OAAO;AAAA;AAAA;AAG9C;"}
1
+ {"version":3,"file":"account-selector-styled.js","sources":["../../../../src/features/auth/account-selector/account-selector-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n position: relative;\n`;\n\nexport const AccountCard = styled(FlexView)<{ index: number; isLastItem?: boolean }>`\n max-width: 200px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n position: relative;\n border-left: 1px solid ${({ theme }) => theme.colors.BLACK_5};\n border-bottom: 1px solid ${({ theme }) => theme.colors.BLACK_5};\n\n &:hover {\n background-color: ${({ theme }) => theme.colors.BLACK_2};\n }\n\n ${({ index, theme }) => index < 5 && `border-top: 1px solid ${theme.colors.BLACK_5};`}\n\n ${({ index, isLastItem, theme }) =>\n ((index + 1) % 5 === 0 || isLastItem) && `border-right: 1px solid ${theme.colors.BLACK_5};`}\n`;\nexport const AddAccountButton = styled(AccountCard)(\n ({ theme }) => `\n &:hover {\n background-color: ${theme.colors.BLACK_4}\n }\n`,\n);\n\nexport const AccountListWrapper = styled.div<{ itemCount: number }>`\n display: inline-grid;\n grid-template-columns: repeat(${({ itemCount }) => (itemCount < 5 ? itemCount : 5)}, 200px);\n grid-auto-rows: 200px;\n`;\n"],"names":["Container","styled","FlexView","AccountCard","theme","index","isLastItem","AddAccountButton","AccountListWrapper","itemCount"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAcF,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,2BAKf,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,6BACjC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,wBAGxC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,IAGvD,CAAC,EAAE,OAAAC,GAAO,OAAAD,EAAM,MAAMC,IAAQ,KAAK,yBAAyBD,EAAM,OAAO,OAAO,GAAG;AAAA;AAAA,IAEnF,CAAC,EAAE,OAAAC,GAAO,YAAAC,GAAY,OAAAF,UACpBC,IAAQ,KAAK,MAAM,KAAKC,MAAe,2BAA2BF,EAAM,OAAO,OAAO,GAAG;AAAA,GAElFG,IAAmBN,EAAOE,CAAW;AAAA,EAChD,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA,0BAESA,EAAM,OAAO,OAAO;AAAA;AAAA;AAG9C,GAEaI,IAAqBP,EAAO;AAAA;AAAA,kCAEP,CAAC,EAAE,WAAAQ,QAAiBA,IAAY,IAAIA,IAAY,CAAE;AAAA;AAAA;"}
@@ -1,75 +1,90 @@
1
- import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
- import { ILLUSTRATIONS as c } from "../../../assets/illustrations/illustrations.js";
3
- import g from "../../../assets/line-icons/icons/plus.js";
4
- import p from "../../ui/avatar/avatar.js";
5
- import h from "../../ui/image/image.js";
6
- import t from "../../ui/layout/flex-view.js";
7
- import o from "../../ui/separator/separator.js";
1
+ import { jsxs as t, jsx as e } from "react/jsx-runtime";
2
+ import { ILLUSTRATIONS as h } from "../../../assets/illustrations/illustrations.js";
3
+ import u from "../../../assets/line-icons/icons/plus.js";
4
+ import f from "../../ui/avatar/avatar.js";
5
+ import l from "../../ui/image/image.js";
6
+ import o from "../../ui/layout/flex-view.js";
7
+ import r from "../../ui/separator/separator.js";
8
8
  import i from "../../ui/text/text.js";
9
- import f from "../comps/overlay-loader/overlay-loader.js";
10
- import { Container as s, AccountItem as u, AddAccountButton as A } from "./account-selector-styled.js";
11
- const C = ({
12
- userAccounts: l,
13
- onSelect: $,
14
- onAddNew: a,
15
- isLoading: d
16
- }) => /* @__PURE__ */ r(
17
- s,
18
- {
19
- $flex: 1,
20
- $alignItems: "center",
21
- $justifyContent: "center",
22
- $width: "100%",
23
- $height: "100%",
24
- children: [
25
- /* @__PURE__ */ e(f, { isLoading: d }),
26
- /* @__PURE__ */ e(h, { src: c.CIRCLE_CUEMATH_LOGO_WHITE, alt: "Parent Signup", withLoader: !1 }),
27
- /* @__PURE__ */ e(o, { heightX: 1 }),
28
- /* @__PURE__ */ e(i, { $renderAs: "ab1", $color: "WHITE_T_60", children: "Switch between accounts" }),
29
- /* @__PURE__ */ e(o, { heightX: 5 }),
30
- /* @__PURE__ */ r(t, { $borderColor: "BLACK_5", $flexWrap: !0, $justifyContent: "center", $flexDirection: "row", children: [
31
- l.map(({ id: n, username: m }) => /* @__PURE__ */ r(
32
- u,
9
+ import C from "../comps/overlay-loader/overlay-loader.js";
10
+ import { Container as A, AccountListWrapper as w, AccountCard as I, AddAccountButton as L } from "./account-selector-styled.js";
11
+ const _ = ({
12
+ userAccounts: n,
13
+ onSelect: d,
14
+ onAddNew: $,
15
+ isLoading: m
16
+ }) => {
17
+ const c = n.length + 1;
18
+ return /* @__PURE__ */ t(
19
+ A,
20
+ {
21
+ $flex: 1,
22
+ $alignItems: "center",
23
+ $justifyContent: "center",
24
+ $width: "100%",
25
+ $height: "100%",
26
+ children: [
27
+ /* @__PURE__ */ e(C, { isLoading: m }),
28
+ /* @__PURE__ */ e(l, { src: h.CIRCLE_CUEMATH_LOGO_WHITE, alt: "Parent Signup", withLoader: !1 }),
29
+ /* @__PURE__ */ e(r, { heightX: 1 }),
30
+ /* @__PURE__ */ e(i, { $renderAs: "ab1", $color: "WHITE_T_60", children: "Switch between accounts" }),
31
+ /* @__PURE__ */ e(r, { heightX: 5 }),
32
+ /* @__PURE__ */ t(w, { itemCount: c, children: [
33
+ n.map(({ id: a, username: g, user_avatar: s }, p) => /* @__PURE__ */ t(
34
+ I,
35
+ {
36
+ onClick: () => d(a),
37
+ $background: "BLACK_1",
38
+ $gutter: 55,
39
+ $gap: 45,
40
+ $alignItems: "center",
41
+ $width: 200,
42
+ $height: 200,
43
+ $justifyContent: "center",
44
+ index: p,
45
+ children: [
46
+ /* @__PURE__ */ e(f, { avatar: s, size: 80 }),
47
+ /* @__PURE__ */ e(r, { heightX: 0.5 }),
48
+ /* @__PURE__ */ e(i, { $color: "WHITE", $renderAs: "ab2", $align: "center", children: g })
49
+ ]
50
+ },
51
+ a
52
+ )),
53
+ /* @__PURE__ */ e(
54
+ L,
55
+ {
56
+ isLastItem: !0,
57
+ index: c,
58
+ $gutterX: 5,
59
+ $gapX: 5,
60
+ $background: "BLACK_3",
61
+ onClick: $,
62
+ children: /* @__PURE__ */ e(o, { $width: 40, $height: 40, children: /* @__PURE__ */ e(u, { color: "WHITE", width: 40, height: 40 }) })
63
+ }
64
+ )
65
+ ] }),
66
+ /* @__PURE__ */ e(r, { heightX: 5 }),
67
+ /* @__PURE__ */ t(
68
+ o,
33
69
  {
34
- onClick: () => $(n),
35
- $background: "BLACK_1",
36
- $gutter: 55,
37
- $gap: 45,
38
- $alignItems: "center",
39
- $width: 200,
40
- $height: 200,
41
- $justifyContent: "center",
70
+ $gutterX: 0.5,
71
+ $gapX: 1,
72
+ $flexGapX: 0.5,
73
+ $width: 280,
74
+ $borderColor: "BLACK_5",
75
+ $background: "BLACK_3",
76
+ $flexDirection: "row",
42
77
  children: [
43
- /* @__PURE__ */ e(p, { size: 80 }),
44
- /* @__PURE__ */ e(o, { heightX: 0.5 }),
45
- /* @__PURE__ */ e(i, { $color: "WHITE", $renderAs: "ab2", $align: "center", children: m })
78
+ /* @__PURE__ */ e(l, { src: h.CUEMATH_APP_QR_CODE, width: 80, height: 80, withLoader: !1 }),
79
+ /* @__PURE__ */ e(o, { $gapX: 0.5, $flex: 1, children: /* @__PURE__ */ e(i, { $color: "WHITE", $renderAs: "ab2", children: "Download the cuemath app to view your children’s report" }) })
46
80
  ]
47
- },
48
- n
49
- )),
50
- /* @__PURE__ */ e(A, { $gutterX: 5, $gapX: 5, $background: "BLACK_5", onClick: a, children: /* @__PURE__ */ e(t, { $width: 40, $height: 40, children: /* @__PURE__ */ e(g, { color: "WHITE", width: 40, height: 40 }) }) })
51
- ] }),
52
- /* @__PURE__ */ e(o, { heightX: 5 }),
53
- /* @__PURE__ */ r(
54
- t,
55
- {
56
- $gutterX: 0.5,
57
- $gapX: 1,
58
- $flexGapX: 0.5,
59
- $width: 280,
60
- $borderColor: "BLACK_5",
61
- $background: "BLACK_3",
62
- $flexDirection: "row",
63
- children: [
64
- /* @__PURE__ */ e(h, { src: c.CUEMATH_APP_QR_CODE, width: 80, height: 80, withLoader: !1 }),
65
- /* @__PURE__ */ e(t, { $gapX: 0.5, $flex: 1, children: /* @__PURE__ */ e(i, { $color: "WHITE", $renderAs: "ab2", children: "Download the cuemath app to view your children’s report" }) })
66
- ]
67
- }
68
- )
69
- ]
70
- }
71
- ), S = C;
81
+ }
82
+ )
83
+ ]
84
+ }
85
+ );
86
+ }, O = _;
72
87
  export {
73
- S as default
88
+ O as default
74
89
  };
75
90
  //# sourceMappingURL=account-selector.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"account-selector.js","sources":["../../../../src/features/auth/account-selector/account-selector.tsx"],"sourcesContent":["import type { IAccountSelectorViewProps } from './account-selector-types';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport PlusIcon from '../../../assets/line-icons/icons/plus';\nimport Avatar from '../../ui/avatar/avatar';\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';\nimport OverlayLoader from '../comps/overlay-loader/overlay-loader';\nimport * as Styled from './account-selector-styled';\n\nconst AccountSelector = ({\n userAccounts,\n onSelect,\n onAddNew,\n isLoading,\n}: IAccountSelectorViewProps) => {\n return (\n <Styled.Container\n $flex={1}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $width=\"100%\"\n $height=\"100%\"\n >\n <OverlayLoader isLoading={isLoading} />\n <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Parent Signup\" withLoader={false} />\n <Separator heightX={1} />\n <Text $renderAs=\"ab1\" $color=\"WHITE_T_60\">\n Switch between accounts\n </Text>\n <Separator heightX={5} />\n <FlexView $borderColor=\"BLACK_5\" $flexWrap $justifyContent=\"center\" $flexDirection=\"row\">\n {userAccounts.map(({ id, username }) => (\n <Styled.AccountItem\n key={id}\n onClick={() => onSelect(id)}\n $background=\"BLACK_1\"\n $gutter={55}\n $gap={45}\n $alignItems=\"center\"\n $width={200}\n $height={200}\n $justifyContent=\"center\"\n >\n <Avatar size={80} />\n <Separator heightX={0.5} />\n <Text $color=\"WHITE\" $renderAs=\"ab2\" $align=\"center\">\n {username}\n </Text>\n </Styled.AccountItem>\n ))}\n <Styled.AddAccountButton $gutterX={5} $gapX={5} $background=\"BLACK_5\" onClick={onAddNew}>\n <FlexView $width={40} $height={40}>\n <PlusIcon color=\"WHITE\" width={40} height={40} />\n </FlexView>\n </Styled.AddAccountButton>\n </FlexView>\n <Separator heightX={5} />\n <FlexView\n $gutterX={0.5}\n $gapX={1}\n $flexGapX={0.5}\n $width={280}\n $borderColor=\"BLACK_5\"\n $background=\"BLACK_3\"\n $flexDirection=\"row\"\n >\n <Image src={ILLUSTRATIONS.CUEMATH_APP_QR_CODE} width={80} height={80} withLoader={false} />\n <FlexView $gapX={0.5} $flex={1}>\n <Text $color=\"WHITE\" $renderAs=\"ab2\">\n Download the cuemath app to view your children’s report\n </Text>\n </FlexView>\n </FlexView>\n </Styled.Container>\n );\n};\n\nexport default AccountSelector;\n"],"names":["AccountSelector","userAccounts","onSelect","onAddNew","isLoading","jsxs","Styled.Container","jsx","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","FlexView","id","username","Styled.AccountItem","Avatar","Styled.AddAccountButton","PlusIcon","AccountSelector$1"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAkB,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,OAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,QAAO;AAAA,IACP,SAAQ;AAAA,IAER,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAc,WAAAJ,GAAsB;AAAA,MACrC,gBAAAG,EAACE,KAAM,KAAKC,EAAc,2BAA2B,KAAI,iBAAgB,YAAY,IAAO;AAAA,MAC5F,gBAAAH,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,wBACtBC,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,2BAAA;AAAA,MACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAN,EAACQ,KAAS,cAAa,WAAU,WAAS,IAAC,iBAAgB,UAAS,gBAAe,OAChF,UAAA;AAAA,QAAAZ,EAAa,IAAI,CAAC,EAAE,IAAAa,GAAI,UAAAC,EACvB,MAAA,gBAAAV;AAAA,UAACW;AAAAA,UAAA;AAAA,YAEC,SAAS,MAAMd,EAASY,CAAE;AAAA,YAC1B,aAAY;AAAA,YACZ,SAAS;AAAA,YACT,MAAM;AAAA,YACN,aAAY;AAAA,YACZ,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,iBAAgB;AAAA,YAEhB,UAAA;AAAA,cAAC,gBAAAP,EAAAU,GAAA,EAAO,MAAM,GAAI,CAAA;AAAA,cAClB,gBAAAV,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,cACzB,gBAAAJ,EAACK,KAAK,QAAO,SAAQ,WAAU,OAAM,QAAO,UACzC,UACHG,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAdKD;AAAA,QAAA,CAgBR;AAAA,QACD,gBAAAP,EAACW,GAAA,EAAwB,UAAU,GAAG,OAAO,GAAG,aAAY,WAAU,SAASf,GAC7E,UAAA,gBAAAI,EAACM,GAAS,EAAA,QAAQ,IAAI,SAAS,IAC7B,UAAA,gBAAAN,EAACY,GAAS,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,EAAA,CACjD,EACF,CAAA;AAAA,MAAA,GACF;AAAA,MACA,gBAAAZ,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACvB,gBAAAN;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,OAAO;AAAA,UACP,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,cAAa;AAAA,UACb,aAAY;AAAA,UACZ,gBAAe;AAAA,UAEf,UAAA;AAAA,YAAC,gBAAAN,EAAAE,GAAA,EAAM,KAAKC,EAAc,qBAAqB,OAAO,IAAI,QAAQ,IAAI,YAAY,GAAO,CAAA;AAAA,YACxF,gBAAAH,EAAAM,GAAA,EAAS,OAAO,KAAK,OAAO,GAC3B,UAAC,gBAAAN,EAAAK,GAAA,EAAK,QAAO,SAAQ,WAAU,OAAM,oEAErC,CAAA,GACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAAA,GAKNQ,IAAepB;"}
1
+ {"version":3,"file":"account-selector.js","sources":["../../../../src/features/auth/account-selector/account-selector.tsx"],"sourcesContent":["import type { IAccountSelectorViewProps } from './account-selector-types';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport PlusIcon from '../../../assets/line-icons/icons/plus';\nimport Avatar from '../../ui/avatar/avatar';\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';\nimport OverlayLoader from '../comps/overlay-loader/overlay-loader';\nimport * as Styled from './account-selector-styled';\n\nconst AccountSelector = ({\n userAccounts,\n onSelect,\n onAddNew,\n isLoading,\n}: IAccountSelectorViewProps) => {\n const totalCards = userAccounts.length + 1;\n\n return (\n <Styled.Container\n $flex={1}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $width=\"100%\"\n $height=\"100%\"\n >\n <OverlayLoader isLoading={isLoading} />\n <Image src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE} alt=\"Parent Signup\" withLoader={false} />\n <Separator heightX={1} />\n <Text $renderAs=\"ab1\" $color=\"WHITE_T_60\">\n Switch between accounts\n </Text>\n <Separator heightX={5} />\n <Styled.AccountListWrapper itemCount={totalCards}>\n {userAccounts.map(({ id, username, user_avatar: avatar }, i) => (\n <Styled.AccountCard\n key={id}\n onClick={() => onSelect(id)}\n $background=\"BLACK_1\"\n $gutter={55}\n $gap={45}\n $alignItems=\"center\"\n $width={200}\n $height={200}\n $justifyContent=\"center\"\n index={i}\n >\n <Avatar avatar={avatar} size={80} />\n <Separator heightX={0.5} />\n <Text $color=\"WHITE\" $renderAs=\"ab2\" $align=\"center\">\n {username}\n </Text>\n </Styled.AccountCard>\n ))}\n <Styled.AddAccountButton\n isLastItem\n index={totalCards}\n $gutterX={5}\n $gapX={5}\n $background=\"BLACK_3\"\n onClick={onAddNew}\n >\n <FlexView $width={40} $height={40}>\n <PlusIcon color=\"WHITE\" width={40} height={40} />\n </FlexView>\n </Styled.AddAccountButton>\n </Styled.AccountListWrapper>\n <Separator heightX={5} />\n <FlexView\n $gutterX={0.5}\n $gapX={1}\n $flexGapX={0.5}\n $width={280}\n $borderColor=\"BLACK_5\"\n $background=\"BLACK_3\"\n $flexDirection=\"row\"\n >\n <Image src={ILLUSTRATIONS.CUEMATH_APP_QR_CODE} width={80} height={80} withLoader={false} />\n <FlexView $gapX={0.5} $flex={1}>\n <Text $color=\"WHITE\" $renderAs=\"ab2\">\n Download the cuemath app to view your children’s report\n </Text>\n </FlexView>\n </FlexView>\n </Styled.Container>\n );\n};\n\nexport default AccountSelector;\n"],"names":["AccountSelector","userAccounts","onSelect","onAddNew","isLoading","totalCards","jsxs","Styled.Container","jsx","OverlayLoader","Image","ILLUSTRATIONS","Separator","Text","Styled.AccountListWrapper","id","username","avatar","i","Styled.AccountCard","Avatar","Styled.AddAccountButton","FlexView","PlusIcon","AccountSelector$1"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAkB,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAAiC;AACzB,QAAAC,IAAaJ,EAAa,SAAS;AAGvC,SAAA,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,QAAO;AAAA,MACP,SAAQ;AAAA,MAER,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAc,WAAAL,GAAsB;AAAA,QACrC,gBAAAI,EAACE,KAAM,KAAKC,EAAc,2BAA2B,KAAI,iBAAgB,YAAY,IAAO;AAAA,QAC5F,gBAAAH,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,0BACtBC,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,2BAAA;AAAA,QACA,gBAAAL,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACtB,gBAAAN,EAAAQ,GAAA,EAA0B,WAAWT,GACnC,UAAA;AAAA,UAAaJ,EAAA,IAAI,CAAC,EAAE,IAAAc,GAAI,UAAAC,GAAU,aAAaC,KAAUC,MACxD,gBAAAZ;AAAA,YAACa;AAAAA,YAAA;AAAA,cAEC,SAAS,MAAMjB,EAASa,CAAE;AAAA,cAC1B,aAAY;AAAA,cACZ,SAAS;AAAA,cACT,MAAM;AAAA,cACN,aAAY;AAAA,cACZ,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,iBAAgB;AAAA,cAChB,OAAOG;AAAA,cAEP,UAAA;AAAA,gBAAC,gBAAAV,EAAAY,GAAA,EAAO,QAAAH,GAAgB,MAAM,GAAI,CAAA;AAAA,gBAClC,gBAAAT,EAACI,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,gBACzB,gBAAAJ,EAACK,KAAK,QAAO,SAAQ,WAAU,OAAM,QAAO,UACzC,UACHG,EAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAfKD;AAAA,UAAA,CAiBR;AAAA,UACD,gBAAAP;AAAA,YAACa;AAAAA,YAAA;AAAA,cACC,YAAU;AAAA,cACV,OAAOhB;AAAA,cACP,UAAU;AAAA,cACV,OAAO;AAAA,cACP,aAAY;AAAA,cACZ,SAASF;AAAA,cAET,UAAC,gBAAAK,EAAAc,GAAA,EAAS,QAAQ,IAAI,SAAS,IAC7B,UAAA,gBAAAd,EAACe,GAAS,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,GACjD;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GACF;AAAA,QACA,gBAAAf,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAN;AAAA,UAACgB;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YACV,OAAO;AAAA,YACP,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,cAAa;AAAA,YACb,aAAY;AAAA,YACZ,gBAAe;AAAA,YAEf,UAAA;AAAA,cAAC,gBAAAd,EAAAE,GAAA,EAAM,KAAKC,EAAc,qBAAqB,OAAO,IAAI,QAAQ,IAAI,YAAY,GAAO,CAAA;AAAA,cACxF,gBAAAH,EAAAc,GAAA,EAAS,OAAO,KAAK,OAAO,GAC3B,UAAC,gBAAAd,EAAAK,GAAA,EAAK,QAAO,SAAQ,WAAU,OAAM,oEAErC,CAAA,GACF;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAW,IAAexB;"}
@@ -3,7 +3,7 @@ import e from "../../../ui/layout/flex-view.js";
3
3
  const n = o(e)`
4
4
  min-height: 100vh;
5
5
  `, i = o(e)`
6
- overflow-y: hidden;
6
+ overflow: hidden;
7
7
  `;
8
8
  export {
9
9
  n as Container,
@@ -1 +1 @@
1
- {"version":3,"file":"auth-page-layout-styles.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout-styles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n min-height: 100vh;\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n overflow-y: hidden;\n`;\n"],"names":["Container","styled","FlexView","ContentWrapper"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAiBF,EAAOC,CAAQ;AAAA;AAAA;"}
1
+ {"version":3,"file":"auth-page-layout-styles.js","sources":["../../../../../src/features/auth/comps/auth-page-layout/auth-page-layout-styles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n min-height: 100vh;\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n overflow: hidden;\n`;\n"],"names":["Container","styled","FlexView","ContentWrapper"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,GAI3BC,IAAiBF,EAAOC,CAAQ;AAAA;AAAA;"}
@@ -0,0 +1,20 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { useTheme as u } from "styled-components";
3
+ import { ReactComponent as f } from "../../../../assets/illustrations/loader-1.svg.js";
4
+ import i from "../../../../assets/line-icons/icons/check2.js";
5
+ import p from "../../../../assets/line-icons/icons/cross.js";
6
+ const a = ({
7
+ isLoading: n,
8
+ isValid: c,
9
+ isError: m,
10
+ size: o = 24,
11
+ successColor: e = "GREEN_4",
12
+ errorColor: h = "ORANGE_4"
13
+ }) => {
14
+ const { colors: r } = u();
15
+ return n ? /* @__PURE__ */ t(f, { width: o, height: o }) : m ? /* @__PURE__ */ t(p, { color: r[h], width: o, height: o }) : c ? /* @__PURE__ */ t(i, { color: r[e], width: o, height: o }) : null;
16
+ }, w = a;
17
+ export {
18
+ w as default
19
+ };
20
+ //# sourceMappingURL=input-status-icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input-status-icon.js","sources":["../../../../../src/features/auth/comps/input-status-icon/input-status-icon.tsx"],"sourcesContent":["import type { IInputStatusIconProps } from './input-status-icon-types';\n\nimport { useTheme } from 'styled-components';\n\nimport { ReactComponent as LoaderSVG } from '../../../../assets/illustrations/loader-1.svg';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\n\nconst InputStatusIcon: React.FC<IInputStatusIconProps> = ({\n isLoading,\n isValid,\n isError,\n size = 24,\n successColor = 'GREEN_4',\n errorColor = 'ORANGE_4',\n}) => {\n const { colors } = useTheme();\n\n if (isLoading) {\n return <LoaderSVG width={size} height={size} />;\n }\n\n if (isError) {\n return <CrossIcon color={colors[errorColor]} width={size} height={size} />;\n }\n\n if (isValid) {\n return <Check2Icon color={colors[successColor]} width={size} height={size} />;\n }\n\n return null;\n};\n\nexport default InputStatusIcon;\n"],"names":["InputStatusIcon","isLoading","isValid","isError","size","successColor","errorColor","colors","useTheme","jsx","LoaderSVG","CrossIcon","Check2Icon","InputStatusIcon$1"],"mappings":";;;;;AAQA,MAAMA,IAAmD,CAAC;AAAA,EACxD,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AACf,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC;AAEnB,SAAIP,IACM,gBAAAQ,EAAAC,GAAA,EAAU,OAAON,GAAM,QAAQA,EAAM,CAAA,IAG3CD,IACK,gBAAAM,EAACE,KAAU,OAAOJ,EAAOD,CAAU,GAAG,OAAOF,GAAM,QAAQA,EAAM,CAAA,IAGtEF,IACK,gBAAAO,EAACG,KAAW,OAAOL,EAAOF,CAAY,GAAG,OAAOD,GAAM,QAAQA,EAAM,CAAA,IAGtE;AACT,GAEAS,IAAeb;"}
@@ -1,28 +1,25 @@
1
- import { jsxs as n, jsx as u } from "react/jsx-runtime";
2
- import { memo as T, useState as f, useEffect as o } from "react";
3
- import m from "../../../../ui/layout/flex-view.js";
4
- import s from "../../../../ui/text/text.js";
5
- const $ = ({ onComplete: e, timerSeconds: t }) => {
6
- const [r, i] = f(t);
7
- return o(() => {
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
- e == null || e();
9
+ t == null || t();
10
10
  return;
11
11
  }
12
- const c = setTimeout(() => i(r - 1), 1e3);
13
- return () => clearTimeout(c);
14
- }, [r, e]), o(() => {
15
- i(t);
16
- }, [t]), /* @__PURE__ */ n(m, { $flexDirection: "row", $alignItems: "center", children: [
17
- /* @__PURE__ */ n(s, { $renderAs: "ab2", $color: "WHITE_T_60", children: [
18
- "Resend in",
19
- " ",
20
- /* @__PURE__ */ u(s, { $renderAs: "ab2-bold", $inline: !0, $color: "WHITE_T_60", children: `0:${r < 10 ? "0" : ""}${r}` })
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
- I as default
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 $flexDirection=\"row\" $alignItems=\"center\">\n <Text $renderAs=\"ab2\" $color=\"WHITE_T_60\">\n Resend in{' '}\n <Text $renderAs=\"ab2-bold\" $inline $color=\"WHITE_T_60\">\n {`0:${count < 10 ? '0' : ''}${count}`}\n </Text>\n </Text>\n &nbsp;\n </FlexView>\n );\n};\n\nexport default memo(OTPTimer);\n"],"names":["OTPTimer","onComplete","timerSeconds","count","setCount","useState","useEffect","timeoutId","jsxs","FlexView","Text","jsx","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,GAGd,gBAAAM,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,MAAA;AAAA,MAC9B;AAAA,MACT,gBAAAC,EAAAD,GAAA,EAAK,WAAU,YAAW,SAAO,IAAC,QAAO,cACvC,UAAA,KAAKP,IAAQ,KAAK,MAAM,EAAE,GAAGA,CAAK,IACrC;AAAA,IAAA,GACF;AAAA,IAAO;AAAA,EAET,EAAA,CAAA;AAEJ,GAEeS,IAAAC,EAAKb,CAAQ;"}
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 a } from "react";
2
+ import { useState as C, useCallback as o } from "react";
3
3
  import i from "../../../ui/buttons/text-button/text-button.js";
4
- import o from "../../../ui/layout/flex-view.js";
5
- import x from "../../../ui/text/text.js";
6
- import u from "./otp-timer/otp-timer.js";
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 = a(() => {
13
+ const [n, t] = C(!1), f = o(() => {
14
14
  t(!0);
15
- }, []), p = a(() => {
15
+ }, []), p = o(() => {
16
16
  e == null || e(), t(!1);
17
- }, [e]), d = a(() => {
17
+ }, [e]), d = o(() => {
18
18
  r == null || r(), t(!1);
19
19
  }, [r]);
20
- return /* @__PURE__ */ l(o, { children: n ? /* @__PURE__ */ c(o, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.5, children: [
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
- !s && /* @__PURE__ */ c(h, { children: [
23
- /* @__PURE__ */ l(x, { $renderAs: "ab2", $color: "WHITE_T_60", children: "or" }),
24
- /* @__PURE__ */ l(o, { $width: 116, children: /* @__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(u, { timerSeconds: m, onComplete: f }) });
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 {!showVoiceOTP && (\n <>\n <Text $renderAs=\"ab2\" $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,IACzE,CAACN,KAEE,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}) => {\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,23 @@
1
+ import s from "styled-components";
2
+ import p from "../../../ui/text/text.js";
3
+ const d = s.div(({ theme: r, tabsCount: o }) => {
4
+ const { colors: t } = r;
5
+ return `
6
+ display: grid;
7
+ background: ${t.BLACK_4};
8
+ grid-template-columns: repeat(${o}, 1fr);
9
+ `;
10
+ }), l = s(p)(({ theme: r, $selected: o }) => {
11
+ const { layout: t, colors: e } = r, { WHITE_T_15: n, WHITE: a } = e;
12
+ return `
13
+ cursor: pointer;
14
+ padding: ${t.gutter * 0.875}px 0;
15
+ border-bottom: 1.5px solid ${o ? a : n};
16
+ transition: all 0.3s ease;
17
+ `;
18
+ });
19
+ export {
20
+ l as TabsText,
21
+ d as TabsWrapper
22
+ };
23
+ //# sourceMappingURL=tabs-styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs-styled.js","sources":["../../../../../src/features/auth/comps/tabs/tabs-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Text from '../../../ui/text/text';\n\ninterface TabsWrapperProps {\n tabsCount: number;\n}\n\nconst TabsWrapper = styled.div<TabsWrapperProps>(({ theme, tabsCount }) => {\n const { colors } = theme;\n\n return `\n display: grid;\n background: ${colors.BLACK_4};\n grid-template-columns: repeat(${tabsCount}, 1fr);\n `;\n});\n\ninterface ITabsText {\n $selected?: boolean;\n}\n\nconst TabsText = styled(Text)<ITabsText>(({ theme, $selected }) => {\n const { layout, colors } = theme;\n const { WHITE_T_15, WHITE } = colors;\n\n return `\n cursor: pointer;\n padding: ${layout.gutter * 0.875}px 0;\n border-bottom: 1.5px solid ${$selected ? WHITE : WHITE_T_15};\n transition: all 0.3s ease;\n `;\n});\n\nexport { TabsWrapper, TabsText };\n"],"names":["TabsWrapper","styled","theme","tabsCount","colors","TabsText","Text","$selected","layout","WHITE_T_15","WHITE"],"mappings":";;AAQA,MAAMA,IAAcC,EAAO,IAAsB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AACnE,QAAA,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA;AAAA,kBAESE,EAAO,OAAO;AAAA,oCACID,CAAS;AAAA;AAE7C,CAAC,GAMKE,IAAWJ,EAAOK,CAAI,EAAa,CAAC,EAAE,OAAAJ,GAAO,WAAAK,QAAgB;AAC3D,QAAA,EAAE,QAAAC,GAAQ,QAAAJ,EAAW,IAAAF,GACrB,EAAE,YAAAO,GAAY,OAAAC,EAAU,IAAAN;AAEvB,SAAA;AAAA;AAAA,eAEMI,EAAO,SAAS,KAAK;AAAA,iCACHD,IAAYG,IAAQD,CAAU;AAAA;AAAA;AAG/D,CAAC;"}
@@ -0,0 +1,23 @@
1
+ import { jsx as n } from "react/jsx-runtime";
2
+ import { TabsWrapper as b, TabsText as i } from "./tabs-styled.js";
3
+ function m({ selectedTab: o, onChange: c, tabs: t }) {
4
+ return /* @__PURE__ */ n(b, { tabsCount: Object.keys(t).length, children: Object.entries(t).map((s) => {
5
+ const [e, a] = s, { label: l } = a, r = e === o;
6
+ return /* @__PURE__ */ n(
7
+ i,
8
+ {
9
+ $renderAs: r ? "ub2-bold" : "ub2",
10
+ $align: "center",
11
+ $selected: r,
12
+ onClick: () => c(e),
13
+ $color: "WHITE",
14
+ children: l
15
+ },
16
+ e
17
+ );
18
+ }) });
19
+ }
20
+ export {
21
+ m as default
22
+ };
23
+ //# sourceMappingURL=tabs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.js","sources":["../../../../../src/features/auth/comps/tabs/tabs.tsx"],"sourcesContent":["import type { ITabItem, ITabsProps } from './tabs-types';\n\nimport * as Styled from './tabs-styled';\n\nfunction Tabs<T extends string>({ selectedTab, onChange, tabs }: ITabsProps<T>) {\n return (\n <Styled.TabsWrapper tabsCount={Object.keys(tabs).length}>\n {Object.entries(tabs).map(tabConfig => {\n const [tabName, tabInfo] = tabConfig;\n const { label } = tabInfo as ITabItem;\n const isSelected = tabName === selectedTab;\n\n return (\n <Styled.TabsText\n $renderAs={isSelected ? 'ub2-bold' : 'ub2'}\n $align=\"center\"\n key={tabName}\n $selected={isSelected}\n onClick={() => onChange(tabName as T)}\n $color=\"WHITE\"\n >\n {label}\n </Styled.TabsText>\n );\n })}\n </Styled.TabsWrapper>\n );\n}\n\nexport default Tabs;\n"],"names":["Tabs","selectedTab","onChange","tabs","jsx","Styled.TabsWrapper","tabConfig","tabName","tabInfo","label","isSelected","Styled.TabsText"],"mappings":";;AAIA,SAASA,EAAuB,EAAE,aAAAC,GAAa,UAAAC,GAAU,MAAAC,KAAuB;AAC9E,SACG,gBAAAC,EAAAC,GAAA,EAAmB,WAAW,OAAO,KAAKF,CAAI,EAAE,QAC9C,UAAO,OAAA,QAAQA,CAAI,EAAE,IAAI,CAAaG,MAAA;AAC/B,UAAA,CAACC,GAASC,CAAO,IAAIF,GACrB,EAAE,OAAAG,EAAU,IAAAD,GACZE,IAAaH,MAAYN;AAG7B,WAAA,gBAAAG;AAAA,MAACO;AAAAA,MAAA;AAAA,QACC,WAAWD,IAAa,aAAa;AAAA,QACrC,QAAO;AAAA,QAEP,WAAWA;AAAA,QACX,SAAS,MAAMR,EAASK,CAAY;AAAA,QACpC,QAAO;AAAA,QAEN,UAAAE;AAAA,MAAA;AAAA,MALIF;AAAA,IAAA;AAAA,EAQV,CAAA,EACH,CAAA;AAEJ;"}
@@ -0,0 +1,31 @@
1
+ import { jsxs as n, jsx as o } from "react/jsx-runtime";
2
+ import e from "../../../ui/buttons/button/button.js";
3
+ import i from "../../../ui/layout/flex-view.js";
4
+ import a from "../../../ui/separator/separator.js";
5
+ const c = ({ onRetryLogin: t, onGoToSignup: r }) => /* @__PURE__ */ n(i, { $alignItems: "center", $justifyContent: "center", children: [
6
+ /* @__PURE__ */ o(
7
+ e,
8
+ {
9
+ size: "small",
10
+ renderAs: "secondary",
11
+ label: "Create a new account",
12
+ width: 232,
13
+ onClick: r
14
+ }
15
+ ),
16
+ /* @__PURE__ */ o(a, { heightX: 1 }),
17
+ /* @__PURE__ */ o(
18
+ e,
19
+ {
20
+ size: "small",
21
+ renderAs: "secondary",
22
+ label: "Try another Login method",
23
+ width: 232,
24
+ onClick: t
25
+ }
26
+ )
27
+ ] }), u = c;
28
+ export {
29
+ u as default
30
+ };
31
+ //# sourceMappingURL=social-account-not-found.js.map