@cuemath/leap 3.0.11-j → 3.0.11-j2

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 (71) hide show
  1. package/dist/features/auth/account-selector/account-selector.js +35 -82
  2. package/dist/features/auth/account-selector/account-selector.js.map +1 -1
  3. package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js +9 -8
  4. package/dist/features/auth/comps/auth-page-layout/auth-page-layout.js.map +1 -1
  5. package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js +13 -12
  6. package/dist/features/auth/comps/auth-static-panel/auth-static-panel.js.map +1 -1
  7. package/dist/features/auth/comps/input-status-icon/input-status-icon.js +14 -13
  8. package/dist/features/auth/comps/input-status-icon/input-status-icon.js.map +1 -1
  9. package/dist/features/auth/comps/overlay-loader/overlay-loader.js +5 -4
  10. package/dist/features/auth/comps/overlay-loader/overlay-loader.js.map +1 -1
  11. package/dist/features/auth/comps/resend-otp/hooks/use-resend-timer.js +24 -0
  12. package/dist/features/auth/comps/resend-otp/hooks/use-resend-timer.js.map +1 -0
  13. package/dist/features/auth/comps/resend-otp/resend-otp.js +34 -30
  14. package/dist/features/auth/comps/resend-otp/resend-otp.js.map +1 -1
  15. package/dist/features/auth/comps/tabs/tab-tem/tab-item.js +23 -0
  16. package/dist/features/auth/comps/tabs/tab-tem/tab-item.js.map +1 -0
  17. package/dist/features/auth/comps/tabs/tabs.js +6 -20
  18. package/dist/features/auth/comps/tabs/tabs.js.map +1 -1
  19. package/dist/features/auth/forgot-password/otp-form/otp-form.js +39 -36
  20. package/dist/features/auth/forgot-password/otp-form/otp-form.js.map +1 -1
  21. package/dist/features/auth/forgot-password/reset-password-form/reset-password-form.js +41 -30
  22. package/dist/features/auth/forgot-password/reset-password-form/reset-password-form.js.map +1 -1
  23. package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js +63 -54
  24. package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js.map +1 -1
  25. package/dist/features/auth/login/identifier-otp-form/identifier-otp-form.js +21 -20
  26. package/dist/features/auth/login/identifier-otp-form/identifier-otp-form.js.map +1 -1
  27. package/dist/features/auth/login/login-constants.js +6 -4
  28. package/dist/features/auth/login/login-constants.js.map +1 -1
  29. package/dist/features/auth/login/social-account-not-found/social-account-not-found.js +7 -6
  30. package/dist/features/auth/login/social-account-not-found/social-account-not-found.js.map +1 -1
  31. package/dist/features/auth/login/social-login-methods/social-login-methods.js +15 -14
  32. package/dist/features/auth/login/social-login-methods/social-login-methods.js.map +1 -1
  33. package/dist/features/auth/login/username-password-form/username-password-form.js +15 -14
  34. package/dist/features/auth/login/username-password-form/username-password-form.js.map +1 -1
  35. package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js +36 -36
  36. package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js.map +1 -1
  37. package/dist/features/auth/signup/claim-user-account/claim-user-account.js +47 -70
  38. package/dist/features/auth/signup/claim-user-account/claim-user-account.js.map +1 -1
  39. package/dist/features/auth/signup/custom-input-field/country-selector/country-selector.js +11 -11
  40. package/dist/features/auth/signup/custom-input-field/country-selector/country-selector.js.map +1 -1
  41. package/dist/features/auth/signup/custom-input-field/custom-input-field.js +30 -30
  42. package/dist/features/auth/signup/custom-input-field/custom-input-field.js.map +1 -1
  43. package/dist/features/auth/signup/custom-input-field/date-picker-input/date-picker-input.js +27 -26
  44. package/dist/features/auth/signup/custom-input-field/date-picker-input/date-picker-input.js.map +1 -1
  45. package/dist/features/auth/signup/custom-input-field/grade-input/grade-input.js +9 -8
  46. package/dist/features/auth/signup/custom-input-field/grade-input/grade-input.js.map +1 -1
  47. package/dist/features/auth/signup/custom-input-field/input-wrapper/input-wrapper.js +11 -15
  48. package/dist/features/auth/signup/custom-input-field/input-wrapper/input-wrapper.js.map +1 -1
  49. package/dist/features/auth/signup/signup-methods/signup-methods.js +8 -7
  50. package/dist/features/auth/signup/signup-methods/signup-methods.js.map +1 -1
  51. package/dist/features/auth/signup/user-type-selector/user-type-card/user-type-card.js +17 -17
  52. package/dist/features/auth/signup/user-type-selector/user-type-card/user-type-card.js.map +1 -1
  53. package/dist/features/auth/signup/user-type-selector/user-type-selector.js +1 -3
  54. package/dist/features/auth/signup/user-type-selector/user-type-selector.js.map +1 -1
  55. package/dist/features/auth/user-list/user-item/user-item-styled.js +21 -0
  56. package/dist/features/auth/user-list/user-item/user-item-styled.js.map +1 -0
  57. package/dist/features/auth/user-list/user-item/user-item.js +48 -0
  58. package/dist/features/auth/user-list/user-item/user-item.js.map +1 -0
  59. package/dist/features/auth/user-list/user-list-styled.js +19 -0
  60. package/dist/features/auth/user-list/user-list-styled.js.map +1 -0
  61. package/dist/features/auth/user-list/user-list.js +56 -0
  62. package/dist/features/auth/user-list/user-list.js.map +1 -0
  63. package/dist/index.d.ts +34 -30
  64. package/dist/index.js +282 -282
  65. package/package.json +1 -1
  66. package/dist/features/auth/account-selector/account-selector-styled.js +0 -37
  67. package/dist/features/auth/account-selector/account-selector-styled.js.map +0 -1
  68. package/dist/features/auth/comps/resend-otp/otp-timer/otp-timer.js +0 -25
  69. package/dist/features/auth/comps/resend-otp/otp-timer/otp-timer.js.map +0 -1
  70. package/dist/features/auth/signup/claim-user-account/claim-user-account-styled.js +0 -27
  71. package/dist/features/auth/signup/claim-user-account/claim-user-account-styled.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "3.0.11-j",
3
+ "version": "3.0.11-j2",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -1,37 +0,0 @@
1
- import r from "styled-components";
2
- import i from "../../ui/layout/flex-view.js";
3
- const d = r(i)`
4
- position: relative;
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)(
21
- ({ theme: o }) => `
22
- &:hover {
23
- background-color: ${o.colors.BLACK_4}
24
- }
25
- `
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
- `;
31
- export {
32
- c as AccountCard,
33
- p as AccountListWrapper,
34
- n as AddAccountButton,
35
- d as Container
36
- };
37
- //# sourceMappingURL=account-selector-styled.js.map
@@ -1 +0,0 @@
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,25 +0,0 @@
1
- import { jsx as u, jsxs as T } from "react/jsx-runtime";
2
- import { memo as d, useState as f, useEffect as s } from "react";
3
- import m from "../../../../ui/layout/flex-view.js";
4
- import n from "../../../../ui/text/text.js";
5
- const $ = ({ onComplete: r, timerSeconds: t }) => {
6
- const [e, i] = f(t);
7
- return s(() => {
8
- if (e <= 0) {
9
- r == null || r();
10
- return;
11
- }
12
- const o = setTimeout(() => i((c) => c - 1), 1e3);
13
- return () => clearTimeout(o);
14
- }, [e, r]), s(() => {
15
- i(t);
16
- }, [t]), /* @__PURE__ */ u(m, { $width: 105, children: /* @__PURE__ */ T(n, { $renderAs: "ub2", $color: "WHITE_T_60", children: [
17
- "Resend in",
18
- " ",
19
- /* @__PURE__ */ u(n, { $renderAs: "ub2-bold", $inline: !0, $color: "WHITE_T_60", children: `0:${String(e).padStart(2, "0")}` })
20
- ] }) });
21
- }, _ = d($);
22
- export {
23
- _ as default
24
- };
25
- //# sourceMappingURL=otp-timer.js.map
@@ -1 +0,0 @@
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(c => c - 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:${String(count).padStart(2, '0')}`}\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;AAEM,UAAAM,IAAY,WAAW,MAAMH,EAAS,OAAK,IAAI,CAAC,GAAG,GAAI;AAEtD,WAAA,MAAM,aAAaG,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,sBACTA,GAAK,EAAA,WAAU,YAAW,SAAO,IAAC,QAAO,cACvC,UAAK,KAAA,OAAOP,CAAK,EAAE,SAAS,GAAG,GAAG,CAAC,IACtC;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ,GAEeQ,IAAAC,EAAKZ,CAAQ;"}
@@ -1,27 +0,0 @@
1
- import s from "styled-components";
2
- import i from "../../../ui/layout/flex-view.js";
3
- const d = s(i)`
4
- max-width: 200px;
5
- cursor: pointer;
6
- transition: background-color 0.3s ease;
7
- position: relative;
8
- border-left: 1px solid ${({ theme: o }) => o.colors.BLACK_5};
9
- border-bottom: 1px solid ${({ theme: o }) => o.colors.BLACK_5};
10
-
11
- &:hover {
12
- background-color: ${({ theme: o }) => o.colors.BLACK_2};
13
- }
14
-
15
- ${({ index: o, theme: r }) => o < 5 && `border-top: 1px solid ${r.colors.BLACK_5};`}
16
-
17
- ${({ index: o, isLastItem: r, theme: e }) => ((o + 1) % 5 === 0 || r) && `border-right: 1px solid ${e.colors.BLACK_5};`}
18
- `, p = s.div`
19
- display: inline-grid;
20
- grid-template-columns: repeat(${({ itemCount: o }) => o < 5 ? o : 5}, 200px);
21
- grid-auto-rows: 200px;
22
- `;
23
- export {
24
- d as AccountCard,
25
- p as UserAccountsWrapper
26
- };
27
- //# sourceMappingURL=claim-user-account-styled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"claim-user-account-styled.js","sources":["../../../../../src/features/auth/signup/claim-user-account/claim-user-account-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\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`;\n\nexport const UserAccountsWrapper = 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":["AccountCard","styled","FlexView","theme","index","isLastItem","UserAccountsWrapper","itemCount"],"mappings":";;AAIa,MAAAA,IAAcC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,2BAKf,CAAC,EAAE,OAAAC,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,GAGlFG,IAAsBL,EAAO;AAAA;AAAA,kCAER,CAAC,EAAE,WAAAM,QAAiBA,IAAY,IAAIA,IAAY,CAAE;AAAA;AAAA;"}