@cuemath/leap 3.2.22-m → 3.2.23-as1

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 (82) hide show
  1. package/dist/assets/illustrations/illustrations.js +6 -0
  2. package/dist/assets/illustrations/illustrations.js.map +1 -1
  3. package/dist/assets/images/images.js +10 -0
  4. package/dist/assets/images/images.js.map +1 -1
  5. package/dist/assets/line-icons/icons/cue-coin.js +182 -0
  6. package/dist/assets/line-icons/icons/cue-coin.js.map +1 -0
  7. package/dist/assets/line-icons/icons/wins-common-icon.js +26 -0
  8. package/dist/assets/line-icons/icons/wins-common-icon.js.map +1 -0
  9. package/dist/assets/line-icons/icons/wins-epic-icon.js +25 -0
  10. package/dist/assets/line-icons/icons/wins-epic-icon.js.map +1 -0
  11. package/dist/assets/line-icons/icons/wins-legendary-icon.js +25 -0
  12. package/dist/assets/line-icons/icons/wins-legendary-icon.js.map +1 -0
  13. package/dist/assets/line-icons/icons/wins-mystery-icon.js +105 -0
  14. package/dist/assets/line-icons/icons/wins-mystery-icon.js.map +1 -0
  15. package/dist/assets/line-icons/icons/wins-mythic-icon.js +28 -0
  16. package/dist/assets/line-icons/icons/wins-mythic-icon.js.map +1 -0
  17. package/dist/assets/line-icons/icons/wins-rare-icon.js +28 -0
  18. package/dist/assets/line-icons/icons/wins-rare-icon.js.map +1 -0
  19. package/dist/assets/lottie/lottie.js +6 -1
  20. package/dist/assets/lottie/lottie.js.map +1 -1
  21. package/dist/features/notification/notification.js +129 -0
  22. package/dist/features/notification/notification.js.map +1 -0
  23. package/dist/features/ui/carousal/carousal-styles.js +45 -0
  24. package/dist/features/ui/carousal/carousal-styles.js.map +1 -0
  25. package/dist/features/ui/carousal/carousal.js +76 -0
  26. package/dist/features/ui/carousal/carousal.js.map +1 -0
  27. package/dist/features/ui/constants/z-index.js +5 -3
  28. package/dist/features/ui/constants/z-index.js.map +1 -1
  29. package/dist/features/ui/dot-lottie-animations/dot-lottie-animation.js +44 -29
  30. package/dist/features/ui/dot-lottie-animations/dot-lottie-animation.js.map +1 -1
  31. package/dist/features/ui/inputs/base-select-input/base-select-input.js +77 -67
  32. package/dist/features/ui/inputs/base-select-input/base-select-input.js.map +1 -1
  33. package/dist/features/wins-dashboard/belts-elements-stickers/belts-elements-stickers.js +108 -0
  34. package/dist/features/wins-dashboard/belts-elements-stickers/belts-elements-stickers.js.map +1 -0
  35. package/dist/features/wins-dashboard/belts-elements-stickers/belts.js +94 -0
  36. package/dist/features/wins-dashboard/belts-elements-stickers/belts.js.map +1 -0
  37. package/dist/features/wins-dashboard/belts-elements-stickers/elements.js +182 -0
  38. package/dist/features/wins-dashboard/belts-elements-stickers/elements.js.map +1 -0
  39. package/dist/features/wins-dashboard/belts-elements-stickers/progress-bar-horizontal.js +35 -0
  40. package/dist/features/wins-dashboard/belts-elements-stickers/progress-bar-horizontal.js.map +1 -0
  41. package/dist/features/wins-dashboard/belts-elements-stickers/reward-elements.js +82 -0
  42. package/dist/features/wins-dashboard/belts-elements-stickers/reward-elements.js.map +1 -0
  43. package/dist/features/wins-dashboard/constants.js +161 -0
  44. package/dist/features/wins-dashboard/constants.js.map +1 -0
  45. package/dist/features/wins-dashboard/header/wins-header.js +95 -0
  46. package/dist/features/wins-dashboard/header/wins-header.js.map +1 -0
  47. package/dist/features/wins-dashboard/student-badges/animated-tabbar.js +65 -0
  48. package/dist/features/wins-dashboard/student-badges/animated-tabbar.js.map +1 -0
  49. package/dist/features/wins-dashboard/student-badges/hooks/use-student-badge-hook.js +107 -0
  50. package/dist/features/wins-dashboard/student-badges/hooks/use-student-badge-hook.js.map +1 -0
  51. package/dist/features/wins-dashboard/student-badges/hooks/use-student-badge-list-hook.js +135 -0
  52. package/dist/features/wins-dashboard/student-badges/hooks/use-student-badge-list-hook.js.map +1 -0
  53. package/dist/features/wins-dashboard/student-badges/student-badge.js +161 -0
  54. package/dist/features/wins-dashboard/student-badges/student-badge.js.map +1 -0
  55. package/dist/features/wins-dashboard/student-badges/student-badges-lists.js +136 -0
  56. package/dist/features/wins-dashboard/student-badges/student-badges-lists.js.map +1 -0
  57. package/dist/index.d.ts +218 -0
  58. package/dist/index.js +619 -605
  59. package/dist/index.js.map +1 -1
  60. package/dist/static/awesome.4239f583.json +1 -0
  61. package/dist/static/black-belt.81b3ebf9.png +0 -0
  62. package/dist/static/blue-belt.508a1b4b.png +0 -0
  63. package/dist/static/brown-belt.09bb7e93.png +0 -0
  64. package/dist/static/clapping-hands.17e7ecf0.json +1 -0
  65. package/dist/static/common.9e8ceef1.svg +1 -0
  66. package/dist/static/cool.cd6921bb.json +1 -0
  67. package/dist/static/epic.37a0265a.svg +1 -0
  68. package/dist/static/green-belt.5501296f.png +0 -0
  69. package/dist/static/legendary.f15d09ca.svg +1 -0
  70. package/dist/static/like-button.281a2618.json +1 -0
  71. package/dist/static/mastered-badge.91d25e92.png +0 -0
  72. package/dist/static/mystery.81ada5fb.svg +1 -0
  73. package/dist/static/mythic.58ba0ae0.svg +1 -0
  74. package/dist/static/orange-belt.1fefcc8c.png +0 -0
  75. package/dist/static/purple-belt.e15611b4.png +0 -0
  76. package/dist/static/rare.1ffaa311.svg +1 -0
  77. package/dist/static/red-belt.11f841d9.png +0 -0
  78. package/dist/static/star-strike-emoji.c0b31028.json +1 -0
  79. package/dist/static/trophy.5ef1853a.json +1 -0
  80. package/dist/static/white-belt.ea93103e.png +0 -0
  81. package/dist/static/yellow-belt.0c47b8cc.png +0 -0
  82. package/package.json +1 -1
@@ -0,0 +1,28 @@
1
+ import { jsxs as l, jsx as i } from "react/jsx-runtime";
2
+ const r = ({ selected: t = !1, ...e }) => /* @__PURE__ */ l(
3
+ "svg",
4
+ {
5
+ width: "20",
6
+ height: "20",
7
+ viewBox: "0 0 20 20",
8
+ fill: "none",
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...e,
11
+ children: [
12
+ /* @__PURE__ */ i("g", { clipPath: "url(#clip0_229_107429)", children: /* @__PURE__ */ i(
13
+ "path",
14
+ {
15
+ d: "M7.16213 3.13169L12.8498 3.13716L16.8678 7.16284L16.8623 12.8505L12.8366 16.8685L7.14892 16.863L3.13098 12.8373L3.13645 7.14963L7.16213 3.13169Z",
16
+ fill: t ? "#FFBA07" : "none",
17
+ stroke: "#2B2B2B",
18
+ strokeWidth: "1.66667"
19
+ }
20
+ ) }),
21
+ /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_229_107429", children: /* @__PURE__ */ i("rect", { width: "20", height: "20", fill: "white" }) }) })
22
+ ]
23
+ }
24
+ );
25
+ export {
26
+ r as default
27
+ };
28
+ //# sourceMappingURL=wins-mythic-icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wins-mythic-icon.js","sources":["../../../../src/assets/line-icons/icons/wins-mythic-icon.tsx"],"sourcesContent":["import React from 'react';\n\ninterface IWinsMythicIcon {\n selected?: boolean;\n className?: string;\n}\n\nconst WinsMythicIcon: React.FC<IWinsMythicIcon> = ({ selected = false, ...rest }) => {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <g clipPath=\"url(#clip0_229_107429)\">\n <path\n d=\"M7.16213 3.13169L12.8498 3.13716L16.8678 7.16284L16.8623 12.8505L12.8366 16.8685L7.14892 16.863L3.13098 12.8373L3.13645 7.14963L7.16213 3.13169Z\"\n fill={selected ? '#FFBA07' : 'none'}\n stroke=\"#2B2B2B\"\n strokeWidth=\"1.66667\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_229_107429\">\n <rect width=\"20\" height=\"20\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\n\nexport default WinsMythicIcon;\n"],"names":["WinsMythicIcon","selected","rest","jsxs","jsx"],"mappings":";AAOA,MAAMA,IAA4C,CAAC,EAAE,UAAAC,IAAW,IAAO,GAAGC,QAEtE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAE,EAAA,KAAA,EAAE,UAAS,0BACV,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAMH,IAAW,YAAY;AAAA,UAC7B,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MAAA,GAEhB;AAAA,MACC,gBAAAG,EAAA,QAAA,EACC,UAAC,gBAAAA,EAAA,YAAA,EAAS,IAAG,oBACX,UAAA,gBAAAA,EAAC,QAAK,EAAA,OAAM,MAAK,QAAO,MAAK,MAAK,QAAA,CAAQ,EAC5C,CAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAAA;"}
@@ -0,0 +1,28 @@
1
+ import { jsxs as l, jsx as i } from "react/jsx-runtime";
2
+ const r = ({ selected: e = !1, ...t }) => /* @__PURE__ */ l(
3
+ "svg",
4
+ {
5
+ width: "20",
6
+ height: "20",
7
+ viewBox: "0 0 20 20",
8
+ fill: "none",
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...t,
11
+ children: [
12
+ /* @__PURE__ */ i("g", { clipPath: "url(#clip0_229_107426)", children: /* @__PURE__ */ i(
13
+ "path",
14
+ {
15
+ d: "M4.94011 4.94086H15.0586L15.0586 15.0593H4.94011L4.94011 4.94086Z",
16
+ fill: e ? "#3DD771" : "none",
17
+ stroke: "#2B2B2B",
18
+ strokeWidth: "1.66667"
19
+ }
20
+ ) }),
21
+ /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_229_107426", children: /* @__PURE__ */ i("rect", { width: "20", height: "20", fill: "white" }) }) })
22
+ ]
23
+ }
24
+ );
25
+ export {
26
+ r as default
27
+ };
28
+ //# sourceMappingURL=wins-rare-icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wins-rare-icon.js","sources":["../../../../src/assets/line-icons/icons/wins-rare-icon.tsx"],"sourcesContent":["import React from 'react';\n\ninterface IWinsRareIcon {\n selected?: boolean;\n className?: string;\n}\n\nconst WinsRareIcon: React.FC<IWinsRareIcon> = ({ selected = false, ...rest }) => {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...rest}\n >\n <g clipPath=\"url(#clip0_229_107426)\">\n <path\n d=\"M4.94011 4.94086H15.0586L15.0586 15.0593H4.94011L4.94011 4.94086Z\"\n fill={selected ? '#3DD771' : 'none'}\n stroke=\"#2B2B2B\"\n strokeWidth=\"1.66667\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_229_107426\">\n <rect width=\"20\" height=\"20\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\n\nexport default WinsRareIcon;\n"],"names":["WinsRareIcon","selected","rest","jsxs","jsx"],"mappings":";AAOA,MAAMA,IAAwC,CAAC,EAAE,UAAAC,IAAW,IAAO,GAAGC,QAElE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAE,EAAA,KAAA,EAAE,UAAS,0BACV,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAMH,IAAW,YAAY;AAAA,UAC7B,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MAAA,GAEhB;AAAA,MACC,gBAAAG,EAAA,QAAA,EACC,UAAC,gBAAAA,EAAA,YAAA,EAAS,IAAG,oBACX,UAAA,gBAAAA,EAAC,QAAK,EAAA,OAAM,MAAK,QAAO,MAAK,MAAK,QAAA,CAAQ,EAC5C,CAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAAA;"}
@@ -6,6 +6,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", s = {
6
6
  ALL_DONE: `${t}static/all-done.98b10ca4.json`,
7
7
  ANIMATED_AVATAR: `${t}static/animated-avatar.9c560b46.json`,
8
8
  AVATAR_SELECTED: `${t}static/avatar-selected.860ee923.json`,
9
+ AWESOME: `${t}static/awesome.4239f583.json`,
9
10
  BEGINNER1X: `${t}static/beginner1x.489908a7.json`,
10
11
  BRONZE_1: `${t}static/bronze-1.da4e4b5f.json`,
11
12
  BRONZE_2: `${t}static/bronze-2.97f9c639.json`,
@@ -14,6 +15,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", s = {
14
15
  CHAPTER_COMPLETED: `${t}static/chapter-completed.1241399b.json`,
15
16
  CIRCULAR_LOADER: `${t}static/circular-loader.a5a1a0a6.json`,
16
17
  CLAP: `${t}static/clap.aa0b824b.json`,
18
+ CLAPPING_HANDS: `${t}static/clapping-hands.17e7ecf0.json`,
17
19
  CLOCK_30MIN: `${t}static/clock-30min.eae818b8.json`,
18
20
  CLOCK_45MIN: `${t}static/clock-45min.df8adf51.json`,
19
21
  CLOCK_60MIN: `${t}static/clock-60min.2b48d875.json`,
@@ -22,6 +24,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", s = {
22
24
  COLOR_2: `${t}static/color-2.ccdc7d0a.json`,
23
25
  COLOR_3: `${t}static/color-3.5e8e1422.json`,
24
26
  COMPETITIVE_ARENA: `${t}static/competitive-arena.b9c40801.json`,
27
+ COOL: `${t}static/cool.cd6921bb.json`,
25
28
  DART: `${t}static/dart.60f73d0f.json`,
26
29
  DIAMOND: `${t}static/diamond.8c91431a.json`,
27
30
  DICE: `${t}static/dice.eb192df8.json`,
@@ -55,6 +58,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", s = {
55
58
  LEVEL_1_ALLSTAR: `${t}static/level-1-allstar.49d665c0.json`,
56
59
  LIGHTNING: `${t}static/lightning.f311bac7.json`,
57
60
  LIGHT_BULB: `${t}static/light-bulb.c6db0b23.json`,
61
+ LIKE_BUTTON: `${t}static/like-button.281a2618.json`,
58
62
  MAGICWAND: `${t}static/magicwand.75ac8f1b.json`,
59
63
  MAIL: `${t}static/mail.c30e8708.json`,
60
64
  MECHANICAL_ARM: `${t}static/mechanical-arm.7561628e.json`,
@@ -103,6 +107,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", s = {
103
107
  SPINNER_WHITE: `${t}static/spinner-white.639e0d87.json`,
104
108
  SPLASH_SCREEN: `${t}static/splash-screen.bbf567ce.json`,
105
109
  STAR: `${t}static/star.b22e1309.json`,
110
+ STAR_STRIKE_EMOJI: `${t}static/star-strike-emoji.c0b31028.json`,
106
111
  STUDENT_AVATAR: `${t}static/student-avatar.524226bd.json`,
107
112
  SUBJECTIVE: `${t}static/subjective.bc5f37fb.json`,
108
113
  SUPER: `${t}static/super.7fad19f6.json`,
@@ -116,7 +121,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", s = {
116
121
  TOTAL_TIME: `${t}static/total-time.d979cbb9.json`,
117
122
  TOTAL_TIME_SPENT: `${t}static/total-time-spent.434005d3.json`,
118
123
  TOURNAMENT_RIPPLE: `${t}static/tournament-ripple.e5c239a5.json`,
119
- TROPHY: `${t}static/trophy.a8ea85ef.json`,
124
+ TROPHY: `${t}static/trophy.5ef1853a.json`,
120
125
  USERNAME: `${t}static/username.9e034d51.json`,
121
126
  VICTORY: `${t}static/victory.2ca41d92.json`,
122
127
  VIDEO: `${t}static/video.b41451e2.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 ACTIVITY: `${PREFIX}static/activity.ca6afed5.json`,\n ADVANCE_MODE_SEGMENT_LOTTIE: `${PREFIX}static/advance-mode-segment-lottie.51ff6707.json`,\n ALL_DONE: `${PREFIX}static/all-done.98b10ca4.json`,\n ANIMATED_AVATAR: `${PREFIX}static/animated-avatar.9c560b46.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 CENT: `${PREFIX}static/cent.3a07ef13.json`,\n CHAPTER_COMPLETED: `${PREFIX}static/chapter-completed.1241399b.json`,\n CIRCULAR_LOADER: `${PREFIX}static/circular-loader.a5a1a0a6.json`,\n CLAP: `${PREFIX}static/clap.aa0b824b.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 COMPETITIVE_ARENA: `${PREFIX}static/competitive-arena.b9c40801.json`,\n DART: `${PREFIX}static/dart.60f73d0f.json`,\n DIAMOND: `${PREFIX}static/diamond.8c91431a.json`,\n DICE: `${PREFIX}static/dice.eb192df8.json`,\n DIFFICULT: `${PREFIX}static/difficult.6846c064.json`,\n DOB: `${PREFIX}static/dob.9ce3c15b.json`,\n DOING_GREAT: `${PREFIX}static/doing-great.5844aa66.json`,\n DOWNLOAD: `${PREFIX}static/download.475e7e15.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 FLYING_DISK: `${PREFIX}static/flying-disk.c7f6ed39.json`,\n GIFT: `${PREFIX}static/gift.1067e0d5.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 GOLF: `${PREFIX}static/golf.55585049.json`,\n GRADE: `${PREFIX}static/grade.b3730524.json`,\n GRADUATION_CAP: `${PREFIX}static/graduation-cap.3be3340a.json`,\n HIGH_SCORE_CONFETTI: `${PREFIX}static/high-score-confetti.9cc15d0a.json`,\n HIGH_SCORE_TEXT: `${PREFIX}static/high-score-text.b7e35580.json`,\n INFINITE_BUTTON_BG: `${PREFIX}static/infinite-button-bg.5909225e.json`,\n INFINITE_BUTTON_SYMBOL: `${PREFIX}static/infinite-button-symbol.aa31350c.json`,\n KEEP_IT_UP: `${PREFIX}static/keep-it-up.95b07f7e.json`,\n KEY: `${PREFIX}static/key.d6846476.json`,\n LEARN: `${PREFIX}static/learn.71b13323.json`,\n LEVELUP_RINGS: `${PREFIX}static/levelup-rings.b1055283.json`,\n LEVEL_1_ALLSTAR: `${PREFIX}static/level-1-allstar.49d665c0.json`,\n LIGHTNING: `${PREFIX}static/lightning.f311bac7.json`,\n LIGHT_BULB: `${PREFIX}static/light-bulb.c6db0b23.json`,\n MAGICWAND: `${PREFIX}static/magicwand.75ac8f1b.json`,\n MAIL: `${PREFIX}static/mail.c30e8708.json`,\n MECHANICAL_ARM: `${PREFIX}static/mechanical-arm.7561628e.json`,\n MEDAL: `${PREFIX}static/medal.782dab23.json`,\n MEDIUM: `${PREFIX}static/medium.94c3829b.json`,\n MUSCLE: `${PREFIX}static/muscle.9bcfb8a7.json`,\n NUDGE_TAP: `${PREFIX}static/nudge-tap.0591aef4.json`,\n OTP: `${PREFIX}static/otp.a3029760.json`,\n PARENT_AVATAR: `${PREFIX}static/parent-avatar.772d53e0.json`,\n PARTY_BALL: `${PREFIX}static/party-ball.e19caed6.json`,\n PARTY_POPPER: `${PREFIX}static/party-popper.9f7992e8.json`,\n PENCIL: `${PREFIX}static/pencil.23df9da0.json`,\n PHONE_NUMBER: `${PREFIX}static/phone-number.0be312ea.json`,\n PLUS_SIGN: `${PREFIX}static/plus-sign.de6af957.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 PRACTICE: `${PREFIX}static/practice.158dd488.json`,\n PROFICIENT1X: `${PREFIX}static/proficient1x.fa6e7b80.json`,\n PROJECT: `${PREFIX}static/project.eb665827.json`,\n PUZZLE: `${PREFIX}static/puzzle.b298c7e4.json`,\n RACING_CAR: `${PREFIX}static/racing-car.2cbf864e.json`,\n RANDOM_MODE_SEGMENT_LOTTIE: `${PREFIX}static/random-mode-segment-lottie.79cf1c07.json`,\n RECAP: `${PREFIX}static/recap.0dd2c1e2.json`,\n ROCKET: `${PREFIX}static/rocket.0a3ccab0.json`,\n SEQUENCE_MODE_SEGMENT_LOTTIE: `${PREFIX}static/sequence-mode-segment-lottie.11ac49e9.json`,\n SHOVEL: `${PREFIX}static/shovel.abeec04c.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 SLOT_MACHINE: `${PREFIX}static/slot-machine.ba8014dd.json`,\n SPINNER_WHITE: `${PREFIX}static/spinner-white.639e0d87.json`,\n SPLASH_SCREEN: `${PREFIX}static/splash-screen.bbf567ce.json`,\n STAR: `${PREFIX}static/star.b22e1309.json`,\n STUDENT_AVATAR: `${PREFIX}static/student-avatar.524226bd.json`,\n SUBJECTIVE: `${PREFIX}static/subjective.bc5f37fb.json`,\n SUPER: `${PREFIX}static/super.7fad19f6.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 TEST: `${PREFIX}static/test.803d6036.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 TROPHY: `${PREFIX}static/trophy.a8ea85ef.json`,\n USERNAME: `${PREFIX}static/username.9e034d51.json`,\n VICTORY: `${PREFIX}static/victory.2ca41d92.json`,\n VIDEO: `${PREFIX}static/video.b41451e2.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 ACTIVITY: `${PREFIX}static/activity.ca6afed5.json`,\n ADVANCE_MODE_SEGMENT_LOTTIE: `${PREFIX}static/advance-mode-segment-lottie.51ff6707.json`,\n ALL_DONE: `${PREFIX}static/all-done.98b10ca4.json`,\n ANIMATED_AVATAR: `${PREFIX}static/animated-avatar.9c560b46.json`,\n AVATAR_SELECTED: `${PREFIX}static/avatar-selected.860ee923.json`,\n AWESOME: `${PREFIX}static/awesome.4239f583.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 CENT: `${PREFIX}static/cent.3a07ef13.json`,\n CHAPTER_COMPLETED: `${PREFIX}static/chapter-completed.1241399b.json`,\n CIRCULAR_LOADER: `${PREFIX}static/circular-loader.a5a1a0a6.json`,\n CLAP: `${PREFIX}static/clap.aa0b824b.json`,\n CLAPPING_HANDS: `${PREFIX}static/clapping-hands.17e7ecf0.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 COMPETITIVE_ARENA: `${PREFIX}static/competitive-arena.b9c40801.json`,\n COOL: `${PREFIX}static/cool.cd6921bb.json`,\n DART: `${PREFIX}static/dart.60f73d0f.json`,\n DIAMOND: `${PREFIX}static/diamond.8c91431a.json`,\n DICE: `${PREFIX}static/dice.eb192df8.json`,\n DIFFICULT: `${PREFIX}static/difficult.6846c064.json`,\n DOB: `${PREFIX}static/dob.9ce3c15b.json`,\n DOING_GREAT: `${PREFIX}static/doing-great.5844aa66.json`,\n DOWNLOAD: `${PREFIX}static/download.475e7e15.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 FLYING_DISK: `${PREFIX}static/flying-disk.c7f6ed39.json`,\n GIFT: `${PREFIX}static/gift.1067e0d5.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 GOLF: `${PREFIX}static/golf.55585049.json`,\n GRADE: `${PREFIX}static/grade.b3730524.json`,\n GRADUATION_CAP: `${PREFIX}static/graduation-cap.3be3340a.json`,\n HIGH_SCORE_CONFETTI: `${PREFIX}static/high-score-confetti.9cc15d0a.json`,\n HIGH_SCORE_TEXT: `${PREFIX}static/high-score-text.b7e35580.json`,\n INFINITE_BUTTON_BG: `${PREFIX}static/infinite-button-bg.5909225e.json`,\n INFINITE_BUTTON_SYMBOL: `${PREFIX}static/infinite-button-symbol.aa31350c.json`,\n KEEP_IT_UP: `${PREFIX}static/keep-it-up.95b07f7e.json`,\n KEY: `${PREFIX}static/key.d6846476.json`,\n LEARN: `${PREFIX}static/learn.71b13323.json`,\n LEVELUP_RINGS: `${PREFIX}static/levelup-rings.b1055283.json`,\n LEVEL_1_ALLSTAR: `${PREFIX}static/level-1-allstar.49d665c0.json`,\n LIGHTNING: `${PREFIX}static/lightning.f311bac7.json`,\n LIGHT_BULB: `${PREFIX}static/light-bulb.c6db0b23.json`,\n LIKE_BUTTON: `${PREFIX}static/like-button.281a2618.json`,\n MAGICWAND: `${PREFIX}static/magicwand.75ac8f1b.json`,\n MAIL: `${PREFIX}static/mail.c30e8708.json`,\n MECHANICAL_ARM: `${PREFIX}static/mechanical-arm.7561628e.json`,\n MEDAL: `${PREFIX}static/medal.782dab23.json`,\n MEDIUM: `${PREFIX}static/medium.94c3829b.json`,\n MUSCLE: `${PREFIX}static/muscle.9bcfb8a7.json`,\n NUDGE_TAP: `${PREFIX}static/nudge-tap.0591aef4.json`,\n OTP: `${PREFIX}static/otp.a3029760.json`,\n PARENT_AVATAR: `${PREFIX}static/parent-avatar.772d53e0.json`,\n PARTY_BALL: `${PREFIX}static/party-ball.e19caed6.json`,\n PARTY_POPPER: `${PREFIX}static/party-popper.9f7992e8.json`,\n PENCIL: `${PREFIX}static/pencil.23df9da0.json`,\n PHONE_NUMBER: `${PREFIX}static/phone-number.0be312ea.json`,\n PLUS_SIGN: `${PREFIX}static/plus-sign.de6af957.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 PRACTICE: `${PREFIX}static/practice.158dd488.json`,\n PROFICIENT1X: `${PREFIX}static/proficient1x.fa6e7b80.json`,\n PROJECT: `${PREFIX}static/project.eb665827.json`,\n PUZZLE: `${PREFIX}static/puzzle.b298c7e4.json`,\n RACING_CAR: `${PREFIX}static/racing-car.2cbf864e.json`,\n RANDOM_MODE_SEGMENT_LOTTIE: `${PREFIX}static/random-mode-segment-lottie.79cf1c07.json`,\n RECAP: `${PREFIX}static/recap.0dd2c1e2.json`,\n ROCKET: `${PREFIX}static/rocket.0a3ccab0.json`,\n SEQUENCE_MODE_SEGMENT_LOTTIE: `${PREFIX}static/sequence-mode-segment-lottie.11ac49e9.json`,\n SHOVEL: `${PREFIX}static/shovel.abeec04c.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 SLOT_MACHINE: `${PREFIX}static/slot-machine.ba8014dd.json`,\n SPINNER_WHITE: `${PREFIX}static/spinner-white.639e0d87.json`,\n SPLASH_SCREEN: `${PREFIX}static/splash-screen.bbf567ce.json`,\n STAR: `${PREFIX}static/star.b22e1309.json`,\n STAR_STRIKE_EMOJI: `${PREFIX}static/star-strike-emoji.c0b31028.json`,\n STUDENT_AVATAR: `${PREFIX}static/student-avatar.524226bd.json`,\n SUBJECTIVE: `${PREFIX}static/subjective.bc5f37fb.json`,\n SUPER: `${PREFIX}static/super.7fad19f6.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 TEST: `${PREFIX}static/test.803d6036.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 TROPHY: `${PREFIX}static/trophy.5ef1853a.json`,\n USERNAME: `${PREFIX}static/username.9e034d51.json`,\n VICTORY: `${PREFIX}static/victory.2ca41d92.json`,\n VIDEO: `${PREFIX}static/video.b41451e2.json`,\n};\n\nexport { LOTTIE };\n"],"names":["PREFIX","LOTTIE"],"mappings":"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"}
@@ -0,0 +1,129 @@
1
+ import { jsxs as w, jsx as l } from "react/jsx-runtime";
2
+ import { useEffect as e } from "react";
3
+ import x, { keyframes as A, css as I } from "styled-components";
4
+ import T from "../../assets/line-icons/icons/cross.js";
5
+ import W from "../ui/layout/flex-view.js";
6
+ import k from "../ui/text/text.js";
7
+ const C = ({ $position: r, $verticalDist: o }) => A`
8
+ ${(r === "top-right" || r === "top-left") && `
9
+ 0% {
10
+ top: 0;
11
+ }
12
+ 100% {
13
+ top: ${o}px;
14
+ }
15
+ `};
16
+ ${(r === "bottom-left" || r === "bottom-right") && `
17
+ 0% {
18
+ bottom: 0;
19
+ }
20
+ 100% {
21
+ bottom: ${o}px;
22
+ }
23
+ `};
24
+ `, E = ({ $position: r, $verticalDist: o, $horizontalDist: t }) => I`
25
+ ${r === "top-right" && `
26
+ top: ${o}px;
27
+ right: ${t}px;
28
+ `};
29
+ ${r === "top-left" && `
30
+ top: ${o}px;
31
+ left: ${t}px;
32
+ `};
33
+ ${r === "bottom-left" && `
34
+ bottom: ${o}px;
35
+ left: ${t}px;
36
+ `};
37
+ ${r === "bottom-right" && `
38
+ bottom: ${o}px;
39
+ right: ${t}px;
40
+ `};
41
+ `, m = x.div`
42
+ position: fixed;
43
+ width: 310px;
44
+ padding: ${({ $gap: r, $gutter: o }) => `${r}px ${o}px`};
45
+ box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05);
46
+ border-radius: 16px;
47
+ ${E};
48
+ animation: ${C} 0.5s ease-in;
49
+ z-index: 105;
50
+ background: ${({ $notificationTheme: r, theme: o }) => {
51
+ var t, p;
52
+ return r === "white" ? (t = o == null ? void 0 : o.colors) == null ? void 0 : t.WHITE : (p = o == null ? void 0 : o.colors) == null ? void 0 : p.BLACK;
53
+ }};
54
+ color: ${({ $notificationTheme: r, theme: o }) => {
55
+ var t, p;
56
+ return r === "white" ? (t = o == null ? void 0 : o.colors) == null ? void 0 : t.BLACK : (p = o == null ? void 0 : o.colors) == null ? void 0 : p.WHITE;
57
+ }};
58
+ `, B = x.div`
59
+ width: 48px;
60
+ height: 48px;
61
+ background: ${({ $src: r }) => `url(${r})`};
62
+ border-radius: 50%;
63
+ border: 2px solid #ffffff;
64
+ position: absolute;
65
+ bottom: 88%;
66
+ `, H = x(W)`
67
+ position: absolute;
68
+ top: -40px;
69
+ right: 0;
70
+ cursor: pointer;
71
+ `, K = x(k)`
72
+ white-space: pre-wrap;
73
+ `, L = ({
74
+ avatarUrl: r = null,
75
+ Component: o = null,
76
+ componentProps: t = {},
77
+ duration: p = null,
78
+ gap: f = 24,
79
+ gutter: u = 16,
80
+ hideNotification: c = () => null,
81
+ horizontalDist: $ = 50,
82
+ notificationTheme: s = "black",
83
+ position: i = "bottom-right",
84
+ showCloseIcon: b = !1,
85
+ text: d = null,
86
+ verticalDist: a = 60,
87
+ visible: n = !1
88
+ }) => (e(() => {
89
+ if (p && n) {
90
+ const g = setTimeout(() => {
91
+ c();
92
+ }, p * 1e3);
93
+ return () => {
94
+ clearTimeout(g);
95
+ };
96
+ }
97
+ return () => {
98
+ };
99
+ }, [p, c, n]), n ? /* @__PURE__ */ w(
100
+ m,
101
+ {
102
+ $gap: f,
103
+ $gutter: u,
104
+ $horizontalDist: $,
105
+ $notificationTheme: s,
106
+ $position: i,
107
+ $verticalDist: a,
108
+ children: [
109
+ b && /* @__PURE__ */ l(
110
+ H,
111
+ {
112
+ onClick: c,
113
+ $background: s === "white" ? "WHITE" : "BLACK",
114
+ $borderRadiusX: 10,
115
+ $gutter: 2,
116
+ $gap: 2,
117
+ children: /* @__PURE__ */ l(T, { color: s === "white" ? "BLACK" : "WHITE" })
118
+ }
119
+ ),
120
+ r && /* @__PURE__ */ l(B, { $src: r }),
121
+ d && /* @__PURE__ */ l(K, { $renderAs: "ub3", $color: s === "white" ? "BLACK" : "WHITE", children: d }),
122
+ o && /* @__PURE__ */ l(o, { ...t })
123
+ ]
124
+ }
125
+ ) : null), V = L;
126
+ export {
127
+ V as default
128
+ };
129
+ //# sourceMappingURL=notification.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"notification.js","sources":["../../../src/features/notification/notification.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport styled, { keyframes, css } from 'styled-components';\n\nimport CrossIcon from '../../assets/line-icons/icons/cross';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ntype Position = 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';\ntype NotificationTheme = 'white' | 'black';\n\ninterface SlideProps {\n $position: Position;\n $verticalDist: number;\n}\n\ninterface PositionProps {\n $position: Position;\n $verticalDist: number;\n $horizontalDist: number;\n}\n\ninterface WrapperProps extends PositionProps {\n $gap: number;\n $gutter: number;\n $notificationTheme: NotificationTheme;\n}\n\ninterface AvatarWrapperProps {\n $src: string;\n}\n\ninterface NotificationProps {\n avatarUrl?: string | null;\n Component?: React.ComponentType<Record<string, unknown>> | null;\n componentProps?: Record<string, unknown>;\n duration?: number | null;\n gap?: number;\n gutter?: number;\n hideNotification?: () => void;\n horizontalDist?: number;\n notificationTheme?: NotificationTheme;\n position?: Position;\n showCloseIcon?: boolean;\n text?: string | null;\n verticalDist?: number;\n visible?: boolean;\n}\n\nconst slide = ({ $position, $verticalDist }: SlideProps) => keyframes`\n ${\n ($position === 'top-right' || $position === 'top-left') &&\n `\n 0% {\n top: 0;\n }\n 100% {\n top: ${$verticalDist}px;\n }\n `\n };\n ${\n ($position === 'bottom-left' || $position === 'bottom-right') &&\n `\n 0% {\n bottom: 0;\n }\n 100% {\n bottom: ${$verticalDist}px;\n }\n `\n };\n`;\n\nconst notificationPostion = ({ $position, $verticalDist, $horizontalDist }: PositionProps) => css`\n ${$position === 'top-right' &&\n `\n top: ${$verticalDist}px;\n right: ${$horizontalDist}px;\n `};\n ${$position === 'top-left' &&\n `\n\ttop: ${$verticalDist}px;\n left: ${$horizontalDist}px;\n `};\n ${$position === 'bottom-left' &&\n `\n bottom: ${$verticalDist}px;\n left: ${$horizontalDist}px;\n `};\n ${$position === 'bottom-right' &&\n `\n bottom: ${$verticalDist}px;\n right: ${$horizontalDist}px;\n `};\n`;\n\nconst Wrapper = styled.div<WrapperProps>`\n position: fixed;\n width: 310px;\n padding: ${({ $gap, $gutter }) => `${$gap}px ${$gutter}px`};\n box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05);\n border-radius: 16px;\n ${notificationPostion};\n animation: ${slide} 0.5s ease-in;\n z-index: 105;\n background: ${({ $notificationTheme, theme }) =>\n $notificationTheme === 'white' ? theme?.colors?.WHITE : theme?.colors?.BLACK};\n color: ${({ $notificationTheme, theme }) =>\n $notificationTheme === 'white' ? theme?.colors?.BLACK : theme?.colors?.WHITE};\n`;\n\nconst AvatarWrapper = styled.div<AvatarWrapperProps>`\n width: 48px;\n height: 48px;\n background: ${({ $src }) => `url(${$src})`};\n border-radius: 50%;\n border: 2px solid #ffffff;\n position: absolute;\n bottom: 88%;\n`;\n\nconst StyledIcon = styled(FlexView)`\n position: absolute;\n top: -40px;\n right: 0;\n cursor: pointer;\n`;\n\nconst StyledText = styled(Text)`\n white-space: pre-wrap;\n`;\n\nconst Notification: React.FC<NotificationProps> = ({\n avatarUrl = null,\n Component = null,\n componentProps = {},\n duration = null,\n gap = 24,\n gutter = 16,\n hideNotification = () => null,\n horizontalDist = 50,\n notificationTheme = 'black',\n position = 'bottom-right',\n showCloseIcon = false,\n text = null,\n verticalDist = 60,\n visible = false,\n}) => {\n useEffect(() => {\n if (duration && visible) {\n const countdown = setTimeout(() => {\n hideNotification();\n }, duration * 1000);\n\n return () => {\n clearTimeout(countdown);\n };\n }\n\n return () => {};\n }, [duration, hideNotification, visible]);\n\n if (!visible) return null;\n\n return (\n <Wrapper\n $gap={gap}\n $gutter={gutter}\n $horizontalDist={horizontalDist}\n $notificationTheme={notificationTheme}\n $position={position}\n $verticalDist={verticalDist}\n >\n {showCloseIcon && (\n <StyledIcon\n onClick={hideNotification}\n $background={notificationTheme === 'white' ? 'WHITE' : 'BLACK'}\n $borderRadiusX={10}\n $gutter={2}\n $gap={2}\n >\n <CrossIcon color={notificationTheme === 'white' ? 'BLACK' : 'WHITE'} />\n </StyledIcon>\n )}\n {avatarUrl && <AvatarWrapper $src={avatarUrl} />}\n {text && (\n <StyledText $renderAs=\"ub3\" $color={notificationTheme === 'white' ? 'BLACK' : 'WHITE'}>\n {text}\n </StyledText>\n )}\n {Component && <Component {...componentProps} />}\n </Wrapper>\n );\n};\n\nexport default Notification;\n"],"names":["slide","$position","$verticalDist","keyframes","notificationPostion","$horizontalDist","css","Wrapper","styled","$gap","$gutter","$notificationTheme","theme","_a","_b","AvatarWrapper","$src","StyledIcon","FlexView","StyledText","Text","Notification","avatarUrl","Component","componentProps","duration","gap","gutter","hideNotification","horizontalDist","notificationTheme","position","showCloseIcon","text","verticalDist","visible","useEffect","countdown","jsxs","jsx","CrossIcon","Notification$1"],"mappings":"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"}
@@ -0,0 +1,45 @@
1
+ import n from "styled-components";
2
+ const a = n.div`
3
+ margin-left: ${({ theme: t }) => t.layout.gutter}px;
4
+ overflow: hidden;
5
+ margin: ${({ $wrapperMargin: t }) => t};
6
+ `, o = n.div`
7
+ display: flex;
8
+ transition: transform 1s ease;
9
+ transform: ${({ $position: t }) => `translateX(calc(${t} * (-100%)))`};
10
+ `, s = n.div`
11
+ padding-right: ${({ theme: t }) => t.layout.gutter}px;
12
+ display: flex;
13
+ flex: 1 0 100%;
14
+ transition: opacity 1s ease;
15
+ padding: ${({ $carouselSlotPadding: t }) => t};
16
+ ${({ $slideAlign: t }) => t === "center" && `
17
+ display:flex;
18
+ justify-content: center;
19
+ `}
20
+ `, l = n.div`
21
+ margin-top: 12px;
22
+ text-align: center;
23
+ ${({ $flexCenterIndicators: t }) => t && `
24
+ display: flex;
25
+ justify-content: center;
26
+ align-items: center;
27
+ `}
28
+ `, d = n.span`
29
+ background: ${({ $isCurrent: t, $dotColor: e, $inactiveDotColor: i }) => t ? e : i};
30
+ width: ${({ $isCurrent: t, $activeIndicatorSize: e }) => t ? e : "8px"};
31
+ height: ${({ $isCurrent: t, $activeIndicatorSize: e }) => t ? e : "8px"};
32
+ border-radius: 50%;
33
+ margin-right: 5px;
34
+ display: inline-block;
35
+ transition: background 0.5s ease;
36
+ cursor: pointer;
37
+ `;
38
+ export {
39
+ o as CarouselContainer,
40
+ s as CarouselSlot,
41
+ l as Container,
42
+ d as Dot,
43
+ a as Wrapper
44
+ };
45
+ //# sourceMappingURL=carousal-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousal-styles.js","sources":["../../../../src/features/ui/carousal/carousal-styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\ninterface WrapperProps {\n $wrapperMargin?: string;\n}\n\nexport const Wrapper = styled.div<WrapperProps>`\n margin-left: ${({ theme }) => theme.layout.gutter}px;\n overflow: hidden;\n margin: ${({ $wrapperMargin }) => $wrapperMargin};\n`;\n\ninterface CarouselContainerProps {\n $position: number;\n}\nexport const CarouselContainer = styled.div<CarouselContainerProps>`\n display: flex;\n transition: transform 1s ease;\n transform: ${({ $position }) => `translateX(calc(${$position} * (-100%)))`};\n`;\n\ninterface CarouselSlotProps {\n $carouselSlotPadding?: string;\n $slideAlign?: string | null;\n}\nexport const CarouselSlot = styled.div<CarouselSlotProps>`\n padding-right: ${({ theme }) => theme.layout.gutter}px;\n display: flex;\n flex: 1 0 100%;\n transition: opacity 1s ease;\n padding: ${({ $carouselSlotPadding }) => $carouselSlotPadding};\n ${({ $slideAlign }) =>\n $slideAlign === 'center' &&\n `\n display:flex;\n justify-content: center;\n `}\n`;\n\ninterface ContainerProps {\n $flexCenterIndicators?: boolean;\n}\nexport const Container = styled.div<ContainerProps>`\n margin-top: 12px;\n text-align: center;\n ${({ $flexCenterIndicators }) =>\n $flexCenterIndicators &&\n `\n display: flex;\n justify-content: center;\n align-items: center;\n `}\n`;\n\ninterface DotProps {\n $isCurrent: boolean;\n $dotColor: string;\n $inactiveDotColor: string;\n $activeIndicatorSize: string;\n}\nexport const Dot = styled.span<DotProps>`\n background: ${({ $isCurrent, $dotColor, $inactiveDotColor }) =>\n $isCurrent ? $dotColor : $inactiveDotColor};\n width: ${({ $isCurrent, $activeIndicatorSize }) => ($isCurrent ? $activeIndicatorSize : '8px')};\n height: ${({ $isCurrent, $activeIndicatorSize }) => ($isCurrent ? $activeIndicatorSize : '8px')};\n border-radius: 50%;\n margin-right: 5px;\n display: inline-block;\n transition: background 0.5s ease;\n cursor: pointer;\n`;\n"],"names":["Wrapper","styled","theme","$wrapperMargin","CarouselContainer","$position","CarouselSlot","$carouselSlotPadding","$slideAlign","Container","$flexCenterIndicators","Dot","$isCurrent","$dotColor","$inactiveDotColor","$activeIndicatorSize"],"mappings":";AAMO,MAAMA,IAAUC,EAAO;AAAA,iBACb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA,YAEvC,CAAC,EAAE,gBAAAC,EAAe,MAAMA,CAAc;AAAA,GAMrCC,IAAoBH,EAAO;AAAA;AAAA;AAAA,eAGzB,CAAC,EAAE,WAAAI,EAAgB,MAAA,mBAAmBA,CAAS,cAAc;AAAA,GAO/DC,IAAeL,EAAO;AAAA,mBAChB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,aAIxC,CAAC,EAAE,sBAAAK,EAAqB,MAAMA,CAAoB;AAAA,IAC3D,CAAC,EAAE,aAAAC,EAAY,MACfA,MAAgB,YAChB;AAAA;AAAA;AAAA,GAGD;AAAA,GAMUC,IAAYR,EAAO;AAAA;AAAA;AAAA,IAG5B,CAAC,EAAE,uBAAAS,QACHA,KACA;AAAA;AAAA;AAAA;AAAA,GAID;AAAA,GASUC,IAAMV,EAAO;AAAA,gBACV,CAAC,EAAE,YAAAW,GAAY,WAAAC,GAAW,mBAAAC,QACtCF,IAAaC,IAAYC,CAAiB;AAAA,WACnC,CAAC,EAAE,YAAAF,GAAY,sBAAAG,EAA4B,MAAAH,IAAaG,IAAuB,KAAM;AAAA,YACpF,CAAC,EAAE,YAAAH,GAAY,sBAAAG,EAA4B,MAAAH,IAAaG,IAAuB,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
@@ -0,0 +1,76 @@
1
+ import { jsxs as q, Fragment as G, jsx as u } from "react/jsx-runtime";
2
+ import { useState as H, useRef as J, useCallback as o, useEffect as L } from "react";
3
+ import { getTheme as N } from "../theme/get-theme.js";
4
+ import { Wrapper as Q, CarouselContainer as U, CarouselSlot as _, Container as V, Dot as X } from "./carousal-styles.js";
5
+ const { colors: j } = N(), Y = ({
6
+ children: l,
7
+ initialPosition: B = 0,
8
+ infinite: p = !1,
9
+ slideDuration: $ = 8e3,
10
+ dotColor: K = j.BLACK,
11
+ changeColor: m = () => null,
12
+ slideAlign: y = null,
13
+ inactiveDotColor: b = j.BLACK_T_15,
14
+ activeIndicatorSize: z = "8px",
15
+ flexCenterIndicators: D = !1,
16
+ isTestimonial: i = !1,
17
+ setColor: n = () => null,
18
+ setPosition: g = () => null,
19
+ carouselSlotPadding: x = "",
20
+ wrapperMargin: E = "",
21
+ hideIndicators: F = !1,
22
+ autoScroll: C = !0,
23
+ nodeRef: e = null,
24
+ onChange: S = () => null
25
+ }) => {
26
+ const [r, M] = H(B), A = J(null), f = o(
27
+ (t) => {
28
+ M(t), g(t), e && e.current && (e.current.position = t), S();
29
+ },
30
+ [g, e, S]
31
+ ), s = o(
32
+ (t, c = !1) => {
33
+ const k = (Array.isArray(l) ? l : [l]).length;
34
+ let a = r;
35
+ i && n && n(a), t === "next" ? (a = r + 1, a > k - 1 && (a = c ? 0 : r)) : (a = r - 1, a < 0 && (a = c ? k - 1 : r)), a !== r && f(a);
36
+ },
37
+ [r, l, i, n, f]
38
+ ), v = o(() => s("next", p), [s, p]), I = o(() => s("prev", p), [s, p]), W = o(
39
+ (t) => {
40
+ i && n && n(r), t !== r && f(t);
41
+ },
42
+ [r, i, n, f]
43
+ );
44
+ L(() => (e && e.current && (e.current.next = v, e.current.prev = I, e.current.position = r), C && (A.current = setInterval(() => s("next", !0), $)), () => {
45
+ A.current && clearInterval(A.current);
46
+ }), [$, C, e, r, v, I, s]), L(() => {
47
+ m(r);
48
+ }, [r, m]);
49
+ const h = Array.isArray(l) ? l.length : 1;
50
+ return /* @__PURE__ */ q(G, { children: [
51
+ /* @__PURE__ */ u(Q, { $wrapperMargin: E, children: /* @__PURE__ */ u(U, { $position: r, children: Array.isArray(l) ? l.map((t, c) => /* @__PURE__ */ u(
52
+ _,
53
+ {
54
+ $carouselSlotPadding: x,
55
+ $slideAlign: y,
56
+ children: t
57
+ },
58
+ c
59
+ )) : /* @__PURE__ */ u(_, { $carouselSlotPadding: x, $slideAlign: y, children: l }) }) }),
60
+ h > 1 && !F && /* @__PURE__ */ u(V, { $flexCenterIndicators: D, children: Array.from({ length: h }, (t, c) => /* @__PURE__ */ u(
61
+ X,
62
+ {
63
+ onClick: () => W(c),
64
+ $isCurrent: c === r,
65
+ $dotColor: K,
66
+ $inactiveDotColor: b,
67
+ $activeIndicatorSize: z
68
+ },
69
+ c
70
+ )) })
71
+ ] });
72
+ }, T = Y;
73
+ export {
74
+ T as default
75
+ };
76
+ //# sourceMappingURL=carousal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousal.js","sources":["../../../../src/features/ui/carousal/carousal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from 'react';\n\nimport { getTheme } from '../theme/get-theme';\nimport { CarouselContainer, CarouselSlot, Container, Dot, Wrapper } from './carousal-styles';\n\nconst { colors } = getTheme();\n\ninterface CarouselProps {\n children: React.ReactNode[] | React.ReactNode;\n initialPosition?: number;\n infinite?: boolean;\n slideDuration?: number;\n dotColor?: string;\n changeColor?: (position: number) => void;\n slideAlign?: string | null;\n inactiveDotColor?: string;\n activeIndicatorSize?: string;\n flexCenterIndicators?: boolean;\n isTestimonial?: boolean;\n setColor?: (position: number) => void;\n setPosition?: (position: number) => void;\n carouselSlotPadding?: string;\n wrapperMargin?: string;\n hideIndicators?: boolean;\n autoScroll?: boolean;\n nodeRef?: { current?: { next?: () => void; prev?: () => void; position?: number } } | null;\n onChange?: () => void;\n}\n\nconst Carousel: React.FC<CarouselProps> = ({\n children,\n initialPosition = 0,\n infinite = false,\n slideDuration = 8000,\n dotColor = colors.BLACK,\n changeColor = () => null,\n slideAlign = null,\n inactiveDotColor = colors.BLACK_T_15,\n activeIndicatorSize = '8px',\n flexCenterIndicators = false,\n isTestimonial = false,\n setColor = () => null,\n setPosition = () => null,\n carouselSlotPadding = '',\n wrapperMargin = '',\n hideIndicators = false,\n autoScroll = true,\n nodeRef = null,\n onChange = () => null,\n}) => {\n const [position, setPositionState] = useState(initialPosition);\n const autoSlideRef = useRef<NodeJS.Timeout | null>(null);\n\n const slide = useCallback(\n (newPosition: number) => {\n setPositionState(newPosition);\n setPosition(newPosition);\n if (nodeRef && nodeRef.current) {\n nodeRef.current.position = newPosition;\n }\n onChange();\n },\n [setPosition, nodeRef, onChange],\n );\n\n const changeSlide = useCallback(\n (action: 'next' | 'prev', infiniteOverride = false) => {\n const childrenArray = Array.isArray(children) ? children : [children];\n const numItems = childrenArray.length;\n let newPosition = position;\n\n if (isTestimonial && setColor) {\n setColor(newPosition);\n }\n\n if (action === 'next') {\n newPosition = position + 1;\n if (newPosition > numItems - 1) {\n newPosition = infiniteOverride ? 0 : position;\n }\n } else {\n newPosition = position - 1;\n if (newPosition < 0) {\n newPosition = infiniteOverride ? numItems - 1 : position;\n }\n }\n\n if (newPosition !== position) slide(newPosition);\n },\n [position, children, isTestimonial, setColor, slide],\n );\n\n const nextSlide = useCallback(() => changeSlide('next', infinite), [changeSlide, infinite]);\n const prevSlide = useCallback(() => changeSlide('prev', infinite), [changeSlide, infinite]);\n\n const onIndicatorClick = useCallback(\n (newPosition: number) => {\n if (isTestimonial && setColor) {\n setColor(position);\n }\n\n if (newPosition !== position) {\n slide(newPosition);\n }\n },\n [position, isTestimonial, setColor, slide],\n );\n\n useEffect(() => {\n if (nodeRef && nodeRef.current) {\n nodeRef.current.next = nextSlide;\n nodeRef.current.prev = prevSlide;\n nodeRef.current.position = position;\n }\n\n if (autoScroll) {\n autoSlideRef.current = setInterval(() => changeSlide('next', true), slideDuration);\n }\n\n return () => {\n if (autoSlideRef.current) {\n clearInterval(autoSlideRef.current);\n }\n };\n }, [slideDuration, autoScroll, nodeRef, position, nextSlide, prevSlide, changeSlide]);\n\n useEffect(() => {\n changeColor(position);\n }, [position, changeColor]);\n\n const carouselLength = Array.isArray(children) ? children.length : 1;\n\n return (\n <>\n <Wrapper $wrapperMargin={wrapperMargin}>\n <CarouselContainer $position={position}>\n {Array.isArray(children) ? (\n children.map((child, index) => (\n <CarouselSlot\n key={index}\n $carouselSlotPadding={carouselSlotPadding}\n $slideAlign={slideAlign}\n >\n {child}\n </CarouselSlot>\n ))\n ) : (\n <CarouselSlot $carouselSlotPadding={carouselSlotPadding} $slideAlign={slideAlign}>\n {children}\n </CarouselSlot>\n )}\n </CarouselContainer>\n </Wrapper>\n {carouselLength > 1 && !hideIndicators && (\n <Container $flexCenterIndicators={flexCenterIndicators}>\n {Array.from({ length: carouselLength }, (_, index) => (\n <Dot\n key={index}\n onClick={() => onIndicatorClick(index)}\n $isCurrent={index === position}\n $dotColor={dotColor}\n $inactiveDotColor={inactiveDotColor}\n $activeIndicatorSize={activeIndicatorSize}\n />\n ))}\n </Container>\n )}\n </>\n );\n};\n\nexport default Carousel;\n"],"names":["colors","getTheme","Carousel","children","initialPosition","infinite","slideDuration","dotColor","changeColor","slideAlign","inactiveDotColor","activeIndicatorSize","flexCenterIndicators","isTestimonial","setColor","setPosition","carouselSlotPadding","wrapperMargin","hideIndicators","autoScroll","nodeRef","onChange","position","setPositionState","useState","autoSlideRef","useRef","slide","useCallback","newPosition","changeSlide","action","infiniteOverride","numItems","nextSlide","prevSlide","onIndicatorClick","useEffect","carouselLength","jsxs","Fragment","jsx","Wrapper","CarouselContainer","child","index","CarouselSlot","Container","_","Dot","Carousel$1"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- const _ = {
1
+ const E = {
2
2
  CHAPTER_CROWN_ICON: 4,
3
3
  CHAPTER_PLUS_ICON: 2,
4
4
  CHAPTER_PROGRESS_SVG: 2,
@@ -15,9 +15,11 @@ const _ = {
15
15
  DESMOS_CALCULATOR: 2,
16
16
  GOAL_CHAPTER_SHEETS_MENU: 4,
17
17
  JOURNEY_OVERLAY: 1e3,
18
- CHAPTER_COMPLETED_LOTTIE: 5
18
+ CHAPTER_COMPLETED_LOTTIE: 5,
19
+ HEADER: 11
20
+ // Header z-index for wins dashboard
19
21
  };
20
22
  export {
21
- _ as ZINDEX
23
+ E as ZINDEX
22
24
  };
23
25
  //# sourceMappingURL=z-index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n CHAPTER_CROWN_ICON: 4,\n CHAPTER_PLUS_ICON: 2,\n CHAPTER_PROGRESS_SVG: 2,\n LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n MODAL: 20,\n SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n TILE_CONTAINER: 30, //whiteboard\n QUESTION_TIPS: -1,\n DESMOS_CALCULATOR: 2,\n GOAL_CHAPTER_SHEETS_MENU: 4,\n JOURNEY_OVERLAY: 1000,\n CHAPTER_COMPLETED_LOTTIE: 5,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,0BAA0B;AAC5B;"}
1
+ {"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n CHAPTER_CROWN_ICON: 4,\n CHAPTER_PLUS_ICON: 2,\n CHAPTER_PROGRESS_SVG: 2,\n LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n MODAL: 20,\n SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n TILE_CONTAINER: 30, //whiteboard\n QUESTION_TIPS: -1,\n DESMOS_CALCULATOR: 2,\n GOAL_CHAPTER_SHEETS_MENU: 4,\n JOURNEY_OVERLAY: 1000,\n CHAPTER_COMPLETED_LOTTIE: 5,\n HEADER: 11, // Header z-index for wins dashboard\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,0BAA0B;AAAA,EAC1B,QAAQ;AAAA;AACV;"}
@@ -1,12 +1,20 @@
1
- import { jsx as d } from "react/jsx-runtime";
2
- import { DotLottieWorker as w } from "../../../node_modules/@lottiefiles/dotlottie-web/dist/index.js";
3
- import { memo as y, forwardRef as g, useRef as l, useImperativeHandle as x, useEffect as p } from "react";
1
+ import { jsx as l } from "react/jsx-runtime";
2
+ import { DotLottieWorker as v } from "../../../node_modules/@lottiefiles/dotlottie-web/dist/index.js";
3
+ import { memo as w, forwardRef as x, useRef as p, useImperativeHandle as R, useEffect as h } from "react";
4
4
  import E from "../layout/flex-view.js";
5
- import { Canvas as R } from "./dot-lottie-animation-styled.js";
6
- const H = g((h, v) => {
7
- const { src: s, width: i = "100%", height: a = "100%", settings: m, eventListeners: r, onRender: u } = h, c = l(null), t = l(null);
8
- return x(
9
- v,
5
+ import { Canvas as H } from "./dot-lottie-animation-styled.js";
6
+ const N = x((y, g) => {
7
+ const {
8
+ src: m,
9
+ width: i = "100%",
10
+ height: a = "100%",
11
+ settings: f,
12
+ eventListeners: r,
13
+ onRender: u,
14
+ onError: c
15
+ } = y, s = p(null), t = p(null);
16
+ return R(
17
+ g,
10
18
  () => ({
11
19
  playSegments: (e) => {
12
20
  var n, o;
@@ -22,20 +30,27 @@ const H = g((h, v) => {
22
30
  }
23
31
  }),
24
32
  []
25
- ), p(() => {
26
- c.current && (t.current = new w({
27
- src: s,
28
- canvas: c.current,
29
- autoplay: !0,
30
- loop: !1,
31
- renderConfig: {
32
- autoResize: !0,
33
- devicePixelRatio: window.devicePixelRatio,
34
- freezeOnOffscreen: !0
35
- },
36
- ...m
37
- }), u == null || u());
38
- }, [s, m, u]), p(() => (r == null || r.forEach(
33
+ ), h(() => {
34
+ if (s.current)
35
+ try {
36
+ t.current = new v({
37
+ src: m,
38
+ canvas: s.current,
39
+ autoplay: !0,
40
+ loop: !1,
41
+ renderConfig: {
42
+ autoResize: !0,
43
+ devicePixelRatio: window.devicePixelRatio,
44
+ freezeOnOffscreen: !0
45
+ },
46
+ ...f
47
+ }), requestAnimationFrame(() => {
48
+ u == null || u();
49
+ });
50
+ } catch (e) {
51
+ console.log(e), c == null || c();
52
+ }
53
+ }, [m, f, u, c]), h(() => (r == null || r.forEach(
39
54
  ({ name: e, callback: n }) => {
40
55
  var o;
41
56
  return (o = t.current) == null ? void 0 : o.addEventListener(e, n);
@@ -44,22 +59,22 @@ const H = g((h, v) => {
44
59
  var e;
45
60
  r == null || r.forEach(
46
61
  ({ name: n, callback: o }) => {
47
- var f;
48
- return (f = t.current) == null ? void 0 : f.removeEventListener(n, o);
62
+ var d;
63
+ return (d = t.current) == null ? void 0 : d.removeEventListener(n, o);
49
64
  }
50
65
  ), (e = t.current) == null || e.destroy();
51
- }), [r]), /* @__PURE__ */ d(E, { $width: i, $height: a, children: /* @__PURE__ */ d(
52
- R,
66
+ }), [r]), /* @__PURE__ */ l(E, { $width: i, $height: a, children: /* @__PURE__ */ l(
67
+ H,
53
68
  {
54
- ref: c,
69
+ ref: s,
55
70
  $renderWidth: i,
56
71
  $renderHeight: a,
57
72
  width: typeof i == "number" ? i : void 0,
58
73
  height: typeof a == "number" ? a : void 0
59
74
  }
60
75
  ) });
61
- }), D = y(H);
76
+ }), F = w(N);
62
77
  export {
63
- D as default
78
+ F as default
64
79
  };
65
80
  //# sourceMappingURL=dot-lottie-animation.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dot-lottie-animation.js","sources":["../../../../src/features/ui/dot-lottie-animations/dot-lottie-animation.tsx"],"sourcesContent":["import type {\n AnimationSegment,\n ILottieAnimationProps,\n ILottieAnimationRef,\n} from './dot-lottie-types';\n\nimport { DotLottieWorker } from '@lottiefiles/dotlottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport * as Styled from './dot-lottie-animation-styled';\n\nconst DotLottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n const { src, width = '100%', height = '100%', settings, eventListeners, onRender } = props;\n\n const canvasRef = useRef<HTMLCanvasElement>(null);\n const animationInstance = useRef<DotLottieWorker | null>(null);\n\n useImperativeHandle(\n ref,\n () => ({\n playSegments: (segments: AnimationSegment) => {\n animationInstance.current?.setSegment(segments[0], segments[1]);\n animationInstance.current?.play();\n },\n play: () => {\n animationInstance.current?.play();\n },\n pause: () => {\n animationInstance.current?.pause();\n },\n }),\n [],\n );\n\n useEffect(() => {\n if (!canvasRef.current) return;\n\n animationInstance.current = new DotLottieWorker({\n src,\n canvas: canvasRef.current,\n autoplay: true,\n loop: false,\n renderConfig: {\n autoResize: true,\n devicePixelRatio: window.devicePixelRatio,\n freezeOnOffscreen: true,\n },\n ...settings,\n });\n\n onRender?.();\n }, [src, settings, onRender]);\n\n useEffect(() => {\n eventListeners?.forEach(\n ({ name, callback }) => animationInstance.current?.addEventListener(name, callback),\n );\n\n return () => {\n eventListeners?.forEach(\n ({ name, callback }) => animationInstance.current?.removeEventListener(name, callback),\n );\n animationInstance.current?.destroy();\n };\n }, [eventListeners]);\n\n const isNumW = typeof width === 'number';\n const isNumH = typeof height === 'number';\n\n return (\n <FlexView $width={width} $height={height}>\n <Styled.Canvas\n ref={canvasRef}\n $renderWidth={width}\n $renderHeight={height}\n width={isNumW ? width : undefined}\n height={isNumH ? height : undefined}\n />\n </FlexView>\n );\n});\n\nexport default memo(DotLottieAnimation);\n"],"names":["DotLottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListeners","onRender","canvasRef","useRef","animationInstance","useImperativeHandle","segments","_a","_b","useEffect","DotLottieWorker","name","callback","jsx","FlexView","Styled.Canvas","dotLottieAnimation","memo"],"mappings":";;;;;AAYA,MAAMA,IAAqBC,EAAuD,CAACC,GAAOC,MAAQ;AAC1F,QAAA,EAAE,KAAAC,GAAK,OAAAC,IAAQ,QAAQ,QAAAC,IAAS,QAAQ,UAAAC,GAAU,gBAAAC,GAAgB,UAAAC,EAAa,IAAAP,GAE/EQ,IAAYC,EAA0B,IAAI,GAC1CC,IAAoBD,EAA+B,IAAI;AAE7D,SAAAE;AAAA,IACEV;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACW,MAA+B;;AAC5C,SAAAC,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B,WAAWD,EAAS,CAAC,GAAGA,EAAS,CAAC,KAC7DE,IAAAJ,EAAkB,YAAlB,QAAAI,EAA2B;AAAA,MAC7B;AAAA,MACA,MAAM,MAAM;;AACV,SAAAD,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,MAC7B;AAAA,MACA,OAAO,MAAM;;AACX,SAAAA,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,MAC7B;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHE,EAAU,MAAM;AACV,IAACP,EAAU,YAEGE,EAAA,UAAU,IAAIM,EAAgB;AAAA,MAC9C,KAAAd;AAAA,MACA,QAAQM,EAAU;AAAA,MAClB,UAAU;AAAA,MACV,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,YAAY;AAAA,QACZ,kBAAkB,OAAO;AAAA,QACzB,mBAAmB;AAAA,MACrB;AAAA,MACA,GAAGH;AAAA,IAAA,CACJ,GAEUE,KAAA,QAAAA;AAAA,EACV,GAAA,CAACL,GAAKG,GAAUE,CAAQ,CAAC,GAE5BQ,EAAU,OACQT,KAAA,QAAAA,EAAA;AAAA,IACd,CAAC,EAAE,MAAAW,GAAM,UAAAC,QAAe;;AAAA,cAAAL,IAAAH,EAAkB,YAAlB,gBAAAG,EAA2B,iBAAiBI,GAAMC;AAAA;AAAA,KAGrE,MAAM;;AACK,IAAAZ,KAAA,QAAAA,EAAA;AAAA,MACd,CAAC,EAAE,MAAAW,GAAM,UAAAC,QAAe;;AAAA,gBAAAL,IAAAH,EAAkB,YAAlB,gBAAAG,EAA2B,oBAAoBI,GAAMC;AAAA;AAAA,QAE/EL,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,EAAQ,IAEpC,CAACP,CAAc,CAAC,GAMhB,gBAAAa,EAAAC,GAAA,EAAS,QAAQjB,GAAO,SAASC,GAChC,UAAA,gBAAAe;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,KAAKb;AAAA,MACL,cAAcL;AAAA,MACd,eAAeC;AAAA,MACf,OATS,OAAOD,KAAU,WASVA,IAAQ;AAAA,MACxB,QATS,OAAOC,KAAW,WASVA,IAAS;AAAA,IAAA;AAAA,EAE9B,EAAA,CAAA;AAEJ,CAAC,GAEckB,IAAAC,EAAKzB,CAAkB;"}
1
+ {"version":3,"file":"dot-lottie-animation.js","sources":["../../../../src/features/ui/dot-lottie-animations/dot-lottie-animation.tsx"],"sourcesContent":["import type {\n AnimationSegment,\n ILottieAnimationProps,\n ILottieAnimationRef,\n} from './dot-lottie-types';\n\nimport { DotLottieWorker } from '@lottiefiles/dotlottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport * as Styled from './dot-lottie-animation-styled';\n\nconst DotLottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n const {\n src,\n width = '100%',\n height = '100%',\n settings,\n eventListeners,\n onRender,\n onError,\n } = props;\n\n const canvasRef = useRef<HTMLCanvasElement>(null);\n const animationInstance = useRef<DotLottieWorker | null>(null);\n\n useImperativeHandle(\n ref,\n () => ({\n playSegments: (segments: AnimationSegment) => {\n animationInstance.current?.setSegment(segments[0], segments[1]);\n animationInstance.current?.play();\n },\n play: () => {\n animationInstance.current?.play();\n },\n pause: () => {\n animationInstance.current?.pause();\n },\n }),\n [],\n );\n\n useEffect(() => {\n if (!canvasRef.current) return;\n\n try {\n animationInstance.current = new DotLottieWorker({\n src,\n canvas: canvasRef.current,\n autoplay: true,\n loop: false,\n renderConfig: {\n autoResize: true,\n devicePixelRatio: window.devicePixelRatio,\n freezeOnOffscreen: true,\n },\n ...settings,\n });\n\n requestAnimationFrame(() => {\n onRender?.();\n });\n } catch (err) {\n // eslint-disable-next-line no-console\n console.log(err);\n onError?.();\n }\n }, [src, settings, onRender, onError]);\n\n useEffect(() => {\n eventListeners?.forEach(\n ({ name, callback }) => animationInstance.current?.addEventListener(name, callback),\n );\n\n return () => {\n eventListeners?.forEach(\n ({ name, callback }) => animationInstance.current?.removeEventListener(name, callback),\n );\n animationInstance.current?.destroy();\n };\n }, [eventListeners]);\n\n const isNumW = typeof width === 'number';\n const isNumH = typeof height === 'number';\n\n return (\n <FlexView $width={width} $height={height}>\n <Styled.Canvas\n ref={canvasRef}\n $renderWidth={width}\n $renderHeight={height}\n width={isNumW ? width : undefined}\n height={isNumH ? height : undefined}\n />\n </FlexView>\n );\n});\n\nexport default memo(DotLottieAnimation);\n"],"names":["DotLottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListeners","onRender","onError","canvasRef","useRef","animationInstance","useImperativeHandle","segments","_a","_b","useEffect","DotLottieWorker","err","name","callback","jsx","FlexView","Styled.Canvas","dotLottieAnimation","memo"],"mappings":";;;;;AAYA,MAAMA,IAAqBC,EAAuD,CAACC,GAAOC,MAAQ;AAC1F,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,EACE,IAAAR,GAEES,IAAYC,EAA0B,IAAI,GAC1CC,IAAoBD,EAA+B,IAAI;AAE7D,SAAAE;AAAA,IACEX;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACY,MAA+B;;AAC5C,SAAAC,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B,WAAWD,EAAS,CAAC,GAAGA,EAAS,CAAC,KAC7DE,IAAAJ,EAAkB,YAAlB,QAAAI,EAA2B;AAAA,MAC7B;AAAA,MACA,MAAM,MAAM;;AACV,SAAAD,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,MAC7B;AAAA,MACA,OAAO,MAAM;;AACX,SAAAA,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,MAC7B;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHE,EAAU,MAAM;AACV,QAACP,EAAU;AAEX,UAAA;AACgB,QAAAE,EAAA,UAAU,IAAIM,EAAgB;AAAA,UAC9C,KAAAf;AAAA,UACA,QAAQO,EAAU;AAAA,UAClB,UAAU;AAAA,UACV,MAAM;AAAA,UACN,cAAc;AAAA,YACZ,YAAY;AAAA,YACZ,kBAAkB,OAAO;AAAA,YACzB,mBAAmB;AAAA,UACrB;AAAA,UACA,GAAGJ;AAAA,QAAA,CACJ,GAED,sBAAsB,MAAM;AACf,UAAAE,KAAA,QAAAA;AAAA,QAAA,CACZ;AAAA,eACMW,GAAK;AAEZ,gBAAQ,IAAIA,CAAG,GACLV,KAAA,QAAAA;AAAA,MACZ;AAAA,KACC,CAACN,GAAKG,GAAUE,GAAUC,CAAO,CAAC,GAErCQ,EAAU,OACQV,KAAA,QAAAA,EAAA;AAAA,IACd,CAAC,EAAE,MAAAa,GAAM,UAAAC,QAAe;;AAAA,cAAAN,IAAAH,EAAkB,YAAlB,gBAAAG,EAA2B,iBAAiBK,GAAMC;AAAA;AAAA,KAGrE,MAAM;;AACK,IAAAd,KAAA,QAAAA,EAAA;AAAA,MACd,CAAC,EAAE,MAAAa,GAAM,UAAAC,QAAe;;AAAA,gBAAAN,IAAAH,EAAkB,YAAlB,gBAAAG,EAA2B,oBAAoBK,GAAMC;AAAA;AAAA,QAE/EN,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,EAAQ,IAEpC,CAACR,CAAc,CAAC,GAMhB,gBAAAe,EAAAC,GAAA,EAAS,QAAQnB,GAAO,SAASC,GAChC,UAAA,gBAAAiB;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,KAAKd;AAAA,MACL,cAAcN;AAAA,MACd,eAAeC;AAAA,MACf,OATS,OAAOD,KAAU,WASVA,IAAQ;AAAA,MACxB,QATS,OAAOC,KAAW,WASVA,IAAS;AAAA,IAAA;AAAA,EAE9B,EAAA,CAAA;AAEJ,CAAC,GAEcoB,IAAAC,EAAK3B,CAAkB;"}