@cuemath/leap 3.2.5-j2 → 3.2.5-j3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/assets/lottie/lottie.js +1 -0
  2. package/dist/assets/lottie/lottie.js.map +1 -1
  3. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js +65 -0
  4. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js.map +1 -0
  5. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js +80 -0
  6. package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js.map +1 -0
  7. package/dist/index.d.ts +16 -0
  8. package/dist/index.js +301 -299
  9. package/dist/index.js.map +1 -1
  10. package/dist/static/animated-avatar.1ad58b1d.json +1 -0
  11. package/dist/static/animated-avatar.69b07505.json +1 -0
  12. package/dist/static/animated-avatar.9c560b46.json +1 -0
  13. package/package.json +1 -1
package/dist/assets/lottie/lottie.js CHANGED
@@ -4,6 +4,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", s = {
4
4
  ACTIVITY: `${t}static/activity.ca6afed5.json`,
5
5
  ADVANCE_MODE_SEGMENT_LOTTIE: `${t}static/advance-mode-segment-lottie.51ff6707.json`,
6
6
  ALL_DONE: `${t}static/all-done.98b10ca4.json`,
7
+ ANIMATED_AVATAR: `${t}static/animated-avatar.9c560b46.json`,
7
8
  AVATAR_SELECTED: `${t}static/avatar-selected.860ee923.json`,
8
9
  BEGINNER1X: `${t}static/beginner1x.489908a7.json`,
9
10
  BRONZE_1: `${t}static/bronze-1.da4e4b5f.json`,
package/dist/assets/lottie/lottie.js.map CHANGED
@@ -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 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.5cb30093.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 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.5cb30093.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":"AAAA,MAAMA,IAAS,OAAO,kBAAkB,OAAO,kBAAkB,KAE3DC,IAAS;AAAA,EACb,gBAAgB,GAAGD,CAAM;AAAA,EACzB,iBAAiB,GAAGA,CAAM;AAAA,EAC1B,UAAU,GAAGA,CAAM;AAAA,EACnB,6BAA6B,GAAGA,CAAM;AAAA,EACtC,UAAU,GAAGA,CAAM;AAAA,EACnB,iBAAiB,GAAGA,CAAM;AAAA,EAC1B,iBAAiB,GAAGA,CAAM;AAAA,EAC1B,YAAY,GAAGA,CAAM;AAAA,EACrB,UAAU,GAAGA,CAAM;AAAA,EACnB,UAAU,GAAGA,CAAM;AAAA,EACnB,UAAU,GAAGA,CAAM;AAAA,EACnB,MAAM,GAAGA,CAAM;AAAA,EACf,mBAAmB,GAAGA,CAAM;AAAA,EAC5B,iBAAiB,GAAGA,CAAM;AAAA,EAC1B,MAAM,GAAGA,CAAM;AAAA,EACf,aAAa,GAAGA,CAAM;AAAA,EACtB,aAAa,GAAGA,CAAM;AAAA,EACtB,aAAa,GAAGA,CAAM;AAAA,EACtB,aAAa,GAAGA,CAAM;AAAA,EACtB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,mBAAmB,GAAGA,CAAM;AAAA,EAC5B,MAAM,GAAGA,CAAM;AAAA,EACf,SAAS,GAAGA,CAAM;AAAA,EAClB,MAAM,GAAGA,CAAM;AAAA,EACf,WAAW,GAAGA,CAAM;AAAA,EACpB,KAAK,GAAGA,CAAM;AAAA,EACd,aAAa,GAAGA,CAAM;AAAA,EACtB,UAAU,GAAGA,CAAM;AAAA,EACnB,MAAM,GAAGA,CAAM;AAAA,EACf,cAAc,GAAGA,CAAM;AAAA,EACvB,OAAO,GAAGA,CAAM;AAAA,EAChB,cAAc,GAAGA,CAAM;AAAA,EACvB,YAAY,GAAGA,CAAM;AAAA,EACrB,mBAAmB,GAAGA,CAAM;AAAA,EAC5B,gBAAgB,GAAGA,CAAM;AAAA,EACzB,aAAa,GAAGA,CAAM;AAAA,EACtB,MAAM,GAAGA,CAAM;AAAA,EACf,QAAQ,GAAGA,CAAM;AAAA,EACjB,QAAQ,GAAGA,CAAM;AAAA,EACjB,QAAQ,GAAGA,CAAM;AAAA,EACjB,MAAM,GAAGA,CAAM;AAAA,EACf,OAAO,GAAGA,CAAM;AAAA,EAChB,gBAAgB,GAAGA,CAAM;AAAA,EACzB,qBAAqB,GAAGA,CAAM;AAAA,EAC9B,iBAAiB,GAAGA,CAAM;AAAA,EAC1B,oBAAoB,GAAGA,CAAM;AAAA,EAC7B,wBAAwB,GAAGA,CAAM;AAAA,EACjC,YAAY,GAAGA,CAAM;AAAA,EACrB,KAAK,GAAGA,CAAM;AAAA,EACd,OAAO,GAAGA,CAAM;AAAA,EAChB,eAAe,GAAGA,CAAM;AAAA,EACxB,iBAAiB,GAAGA,CAAM;AAAA,EAC1B,WAAW,GAAGA,CAAM;AAAA,EACpB,YAAY,GAAGA,CAAM;AAAA,EACrB,WAAW,GAAGA,CAAM;AAAA,EACpB,MAAM,GAAGA,CAAM;AAAA,EACf,gBAAgB,GAAGA,CAAM;AAAA,EACzB,OAAO,GAAGA,CAAM;AAAA,EAChB,QAAQ,GAAGA,CAAM;AAAA,EACjB,QAAQ,GAAGA,CAAM;AAAA,EACjB,WAAW,GAAGA,CAAM;AAAA,EACpB,KAAK,GAAGA,CAAM;AAAA,EACd,eAAe,GAAGA,CAAM;AAAA,EACxB,YAAY,GAAGA,CAAM;AAAA,EACrB,cAAc,GAAGA,CAAM;AAAA,EACvB,QAAQ,GAAGA,CAAM;AAAA,EACjB,cAAc,GAAGA,CAAM;AAAA,EACvB,WAAW,GAAGA,CAAM;AAAA,EACpB,UAAU,GAAGA,CAAM;AAAA,EACnB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,QAAQ,GAAGA,CAAM;AAAA,EACjB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,QAAQ,GAAGA,CAAM;AAAA,EACjB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,QAAQ,GAAGA,CAAM;AAAA,EACjB,SAAS,GAAGA,CAAM;AAAA,EAClB,SAAS,GAAGA,CAAM;AAAA,EAClB,QAAQ,GAAGA,CAAM;AAAA,EACjB,SAAS,GAAGA,CAAM;AAAA,EAClB,QAAQ,GAAGA,CAAM;AAAA,EACjB,SAAS,GAAGA,CAAM;AAAA,EAClB,UAAU,GAAGA,CAAM;AAAA,EACnB,cAAc,GAAGA,CAAM;AAAA,EACvB,SAAS,GAAGA,CAAM;AAAA,EAClB,QAAQ,GAAGA,CAAM;AAAA,EACjB,YAAY,GAAGA,CAAM;AAAA,EACrB,4BAA4B,GAAGA,CAAM;AAAA,EACrC,OAAO,GAAGA,CAAM;AAAA,EAChB,QAAQ,GAAGA,CAAM;AAAA,EACjB,8BAA8B,GAAGA,CAAM;AAAA,EACvC,QAAQ,GAAGA,CAAM;AAAA,EACjB,UAAU,GAAGA,CAAM;AAAA,EACnB,UAAU,GAAGA,CAAM;AAAA,EACnB,UAAU,GAAGA,CAAM;AAAA,EACnB,YAAY,GAAGA,CAAM;AAAA,EACrB,cAAc,GAAGA,CAAM;AAAA,EACvB,eAAe,GAAGA,CAAM;AAAA,EACxB,eAAe,GAAGA,CAAM;AAAA,EACxB,MAAM,GAAGA,CAAM;AAAA,EACf,gBAAgB,GAAGA,CAAM;AAAA,EACzB,YAAY,GAAGA,CAAM;AAAA,EACrB,OAAO,GAAGA,CAAM;AAAA,EAChB,mBAAmB,GAAGA,CAAM;AAAA,EAC5B,iBAAiB,GAAGA,CAAM;AAAA,EAC1B,oBAAoB,GAAGA,CAAM;AAAA,EAC7B,sBAAsB,GAAGA,CAAM;AAAA,EAC/B,oBAAoB,GAAGA,CAAM;AAAA,EAC7B,MAAM,GAAGA,CAAM;AAAA,EACf,cAAc,GAAGA,CAAM;AAAA,EACvB,YAAY,GAAGA,CAAM;AAAA,EACrB,kBAAkB,GAAGA,CAAM;AAAA,EAC3B,mBAAmB,GAAGA,CAAM;AAAA,EAC5B,QAAQ,GAAGA,CAAM;AAAA,EACjB,UAAU,GAAGA,CAAM;AAAA,EACnB,SAAS,GAAGA,CAAM;AAAA,EAClB,OAAO,GAAGA,CAAM;AAClB;"}
package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js ADDED
@@ -0,0 +1,65 @@
1
+ import o, { keyframes as r, css as e } from "styled-components";
2
+ import s from "../../../ui/layout/flex-view.js";
3
+ import a from "../../../ui/text/text.js";
4
+ const m = o(s)``, i = r`
5
+ from {
6
+ opacity: 0;
7
+ transform: scale(0.95);
8
+ }
9
+ to {
10
+ opacity: 1;
11
+ transform: scale(1);
12
+ }
13
+ `, n = r`
14
+ from {
15
+ opacity: 1;
16
+ transform: scale(1);
17
+ }
18
+ to {
19
+ opacity: 0;
20
+ transform: scale(0.95);
21
+ }
22
+ `, f = o(s)`
23
+ position: relative;
24
+ top: -8px;
25
+ width: fit-content;
26
+ max-width: 90%;
27
+ border: 1px solid ${({ theme: t }) => t.colors.WHITE_T_15}
28
+ opacity: ${({ isVisible: t }) => t ? 1 : 0};
29
+ transform: ${({ isVisible: t }) => t ? "scale(1)" : "scale(0.95)"};
30
+ animation: ${({ isVisible: t }) => t ? e`
31
+ ${i} 0.4s ease forwards
32
+ ` : e`
33
+ ${n} 0.4s ease forwards
34
+ `};
35
+ transition: all 0.4s ease;
36
+ &::before {
37
+ content: '';
38
+ position: absolute;
39
+ left: -9px;
40
+ top: 50%;
41
+ transform: translateY(-50%);
42
+ width: 0;
43
+ height: 0;
44
+ border-top: 8px solid transparent;
45
+ border-bottom: 8px solid transparent;
46
+ border-right: 8px solid ${({ theme: t }) => t.colors.BLACK_5};
47
+ }
48
+ `, p = r`
49
+ from {
50
+ width: 0;
51
+ }
52
+ to {
53
+ width: 100%;
54
+ }
55
+ `, w = o(a)`
56
+ animation: ${p} 500ms steps(30, end);
57
+ overflow: hidden;
58
+ white-space: nowrap;
59
+ `;
60
+ export {
61
+ w as AnimatedText,
62
+ f as MessageWrapper,
63
+ m as Wrapper
64
+ };
65
+ //# sourceMappingURL=animated-avatar-message-styled.js.map
package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"animated-avatar-message-styled.js","sources":["../../../../../src/features/auth/comps/animated-avatar-message/animated-avatar-message-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nexport const Wrapper = styled(FlexView)``;\n\nconst fadeInScale = keyframes`\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n`;\n\nconst fadeOutScale = keyframes`\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n`;\n\nexport const MessageWrapper = styled(FlexView)<{ isVisible: boolean }>`\n position: relative;\n top: -8px;\n width: fit-content;\n max-width: 90%;\n border: 1px solid ${({ theme }) => theme.colors.WHITE_T_15}\n opacity: ${({ isVisible }) => (isVisible ? 1 : 0)};\n transform: ${({ isVisible }) => (isVisible ? 'scale(1)' : 'scale(0.95)')};\n animation: ${({ isVisible }) =>\n isVisible\n ? css`\n ${fadeInScale} 0.4s ease forwards\n `\n : css`\n ${fadeOutScale} 0.4s ease forwards\n `};\n transition: all 0.4s ease;\n &::before {\n content: '';\n position: absolute;\n left: -9px;\n top: 50%;\n transform: translateY(-50%);\n width: 0;\n height: 0;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-right: 8px solid ${({ theme }) => theme.colors.BLACK_5};\n }\n`;\n\nconst typewriter = keyframes`\n from {\n width: 0;\n }\n to {\n width: 100%;\n }\n`;\n\nexport const AnimatedText = styled(Text)`\n animation: ${typewriter} 500ms steps(30, end);\n overflow: hidden;\n white-space: nowrap;\n`;\n"],"names":["Wrapper","styled","FlexView","fadeInScale","keyframes","fadeOutScale","MessageWrapper","theme","isVisible","css","typewriter","AnimatedText","Text"],"mappings":";;;AAKa,MAAAA,IAAUC,EAAOC,CAAQ,KAEhCC,IAAcC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWdC,IAAeD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWRE,IAAiBL,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKvB,CAAC,EAAE,OAAAK,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA,aAC/C,CAAC,EAAE,WAAAC,EAAA,MAAiBA,IAAY,IAAI,CAAE;AAAA,eACpC,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,aAAa,aAAc;AAAA,eAC3D,CAAC,EAAE,WAAAA,QACdA,IACIC;AAAA,YACIN,CAAW;AAAA,YAEfM;AAAA,YACIJ,CAAY;AAAA,SACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAYqB,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAI3DG,IAAaN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASNO,IAAeV,EAAOW,CAAI;AAAA,eACxBF,CAAU;AAAA;AAAA;AAAA;"}
package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js ADDED
@@ -0,0 +1,80 @@
1
+ import { jsxs as I, jsx as i } from "react/jsx-runtime";
2
+ import { forwardRef as L, useRef as $, useState as A, useEffect as o, useCallback as R, useImperativeHandle as y } from "react";
3
+ import { LOTTIE as E } from "../../../../assets/lottie/lottie.js";
4
+ import h from "../../../ui/layout/flex-view.js";
5
+ import M from "../../../ui/lottie-animation/lottie-animation.js";
6
+ import { Wrapper as V, MessageWrapper as w, AnimatedText as C } from "./animated-avatar-message-styled.js";
7
+ const j = {
8
+ autoplay: !1,
9
+ loop: !1,
10
+ renderer: "canvas"
11
+ }, W = L(
12
+ ({ message: c, confirmationMessage: n, onShowContent: t, confirmationFrames: x, isConfirmationVisible: u }, T) => {
13
+ const e = $(null), l = $(null), [m, s] = A(!1), [b, f] = A(u);
14
+ o(() => () => {
15
+ l.current && clearTimeout(l.current);
16
+ }, []), o(() => {
17
+ f(u);
18
+ }, [u]), o(() => {
19
+ s(!0), t(!0);
20
+ }, [t, c]);
21
+ const v = R(() => {
22
+ var a, p;
23
+ (a = e.current) == null || a.playSegments([0, 30], !0);
24
+ const r = () => {
25
+ var d, g;
26
+ (d = e.current) == null || d.removeEventListener("complete", r), s(!0), t(!0), (g = e.current) == null || g.playSegments([30, 45], !0);
27
+ };
28
+ (p = e.current) == null || p.addEventListener("complete", r);
29
+ }, [t]);
30
+ return y(T, () => ({
31
+ fadeOutMessage: () => new Promise((r) => {
32
+ t(!1), l.current = setTimeout(() => {
33
+ s(!1), r();
34
+ }, 300);
35
+ }),
36
+ playConfirmationFrames: () => new Promise((r) => {
37
+ var a;
38
+ (a = e.current) == null || a.playSegments(x, !0), n && s(!1), l.current = setTimeout(() => {
39
+ n && f(!0), s(!0), r();
40
+ }, 300);
41
+ })
42
+ })), /* @__PURE__ */ I(
43
+ V,
44
+ {
45
+ $flexDirection: "row",
46
+ $justifyContent: "flex-start",
47
+ $alignItems: "center",
48
+ $flexColumnGapX: 0.5,
49
+ children: [
50
+ /* @__PURE__ */ i(h, { $width: 80, $height: 80, children: /* @__PURE__ */ i(
51
+ M,
52
+ {
53
+ width: 80,
54
+ height: 80,
55
+ src: E.ANIMATED_AVATAR,
56
+ ref: e,
57
+ onRender: v,
58
+ settings: j
59
+ }
60
+ ) }),
61
+ m && /* @__PURE__ */ i(h, { $flex: 1, children: /* @__PURE__ */ i(
62
+ w,
63
+ {
64
+ $gutterX: 1,
65
+ $gapX: 0.5,
66
+ $background: "BLACK_3",
67
+ $borderColor: "BLACK_5",
68
+ isVisible: m,
69
+ children: /* @__PURE__ */ i(C, { $renderAs: "ab2", $color: "WHITE", $whiteSpace: "pre-line", children: b && n ? n : c })
70
+ }
71
+ ) })
72
+ ]
73
+ }
74
+ );
75
+ }
76
+ ), H = W;
77
+ export {
78
+ H as default
79
+ };
80
+ //# sourceMappingURL=animated-avatar-message.js.map
package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"animated-avatar-message.js","sources":["../../../../../src/features/auth/comps/animated-avatar-message/animated-avatar-message.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type {\n IAnimatedAvatarMessageProps,\n IAnimatedAvatarMessageRef,\n} from './animated-avatar-message-types';\n\nimport { forwardRef, useCallback, useImperativeHandle, useRef, useState, useEffect } from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './animated-avatar-message-styled';\n\nconst animationSettings = {\n autoplay: false,\n loop: false,\n renderer: 'canvas',\n};\n\nconst AnimatedAvatarMessage = forwardRef<IAnimatedAvatarMessageRef, IAnimatedAvatarMessageProps>(\n (\n { message, confirmationMessage, onShowContent, confirmationFrames, isConfirmationVisible },\n ref,\n ) => {\n const animationRef = useRef<ILottieAnimationRef | null>(null);\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const [isMessageVisible, setIsMessageVisible] = useState(false);\n const [isConfirmationMessageVisible, setIsConfirmationMessageVisible] =\n useState(isConfirmationVisible);\n\n useEffect(() => {\n return () => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n };\n }, []);\n\n useEffect(() => {\n setIsConfirmationMessageVisible(isConfirmationVisible);\n }, [isConfirmationVisible]);\n\n useEffect(() => {\n setIsMessageVisible(true);\n onShowContent(true);\n }, [onShowContent, message]);\n\n const handleLottieRender = useCallback(() => {\n animationRef.current?.playSegments([0, 30], true);\n const onComplete = () => {\n animationRef.current?.removeEventListener('complete', onComplete);\n setIsMessageVisible(true);\n onShowContent(true);\n animationRef.current?.playSegments([30, 45], true);\n };\n\n animationRef.current?.addEventListener('complete', onComplete);\n }, [onShowContent]);\n\n useImperativeHandle(ref, () => ({\n fadeOutMessage: () => {\n return new Promise<void>(resolve => {\n onShowContent(false);\n timeoutRef.current = setTimeout(() => {\n setIsMessageVisible(false);\n resolve();\n }, 300);\n });\n },\n\n playConfirmationFrames: () =>\n new Promise<void>(resolve => {\n animationRef.current?.playSegments(confirmationFrames, true);\n if (confirmationMessage) {\n setIsMessageVisible(false);\n }\n timeoutRef.current = setTimeout(() => {\n if (confirmationMessage) {\n setIsConfirmationMessageVisible(true);\n }\n setIsMessageVisible(true);\n resolve();\n }, 300);\n }),\n }));\n\n return (\n <Styled.Wrapper\n $flexDirection=\"row\"\n $justifyContent=\"flex-start\"\n $alignItems=\"center\"\n $flexColumnGapX={0.5}\n >\n <FlexView $width={80} $height={80}>\n <LottieAnimation\n width={80}\n height={80}\n src={LOTTIE.ANIMATED_AVATAR}\n ref={animationRef}\n onRender={handleLottieRender}\n settings={animationSettings}\n />\n </FlexView>\n {isMessageVisible && (\n <FlexView $flex={1}>\n <Styled.MessageWrapper\n $gutterX={1}\n $gapX={0.5}\n $background=\"BLACK_3\"\n $borderColor=\"BLACK_5\"\n isVisible={isMessageVisible}\n >\n <Styled.AnimatedText $renderAs=\"ab2\" $color=\"WHITE\" $whiteSpace=\"pre-line\">\n {isConfirmationMessageVisible && confirmationMessage\n ? confirmationMessage\n : message}\n </Styled.AnimatedText>\n </Styled.MessageWrapper>\n </FlexView>\n )}\n </Styled.Wrapper>\n );\n },\n);\n\nexport default AnimatedAvatarMessage;\n"],"names":["animationSettings","AnimatedAvatarMessage","forwardRef","message","confirmationMessage","onShowContent","confirmationFrames","isConfirmationVisible","ref","animationRef","useRef","timeoutRef","isMessageVisible","setIsMessageVisible","useState","isConfirmationMessageVisible","setIsConfirmationMessageVisible","useEffect","handleLottieRender","useCallback","_a","onComplete","_b","useImperativeHandle","resolve","jsxs","Styled.Wrapper","jsx","FlexView","LottieAnimation","LOTTIE","Styled.MessageWrapper","Styled.AnimatedText","AnimatedAvatarMessage$1"],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -58,6 +58,8 @@ export declare const AlertIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
58
58
 
59
59
  export declare const AnimatedArc: React_2.FC<IAnimatedArcProps>;
60
60
 
61
+ export declare const AnimatedAvatarMessage: ForwardRefExoticComponent<IAnimatedAvatarMessageProps & RefAttributes<IAnimatedAvatarMessageRef>>;
62
+
61
63
  export declare const AppLoader: FC<IAppLoaderProps>;
62
64
 
63
65
  export declare const ArcButton: NamedExoticComponent<IArcButtonProps & {
@@ -633,6 +635,19 @@ declare interface IAnimatedArcProps {
633
635
  showAnimatedRainbowArc?: boolean;
634
636
  }
635
637
 
638
+ declare interface IAnimatedAvatarMessageProps {
639
+ message: string;
640
+ onShowContent: (show: boolean) => void;
641
+ confirmationFrames: [number, number];
642
+ confirmationMessage?: string;
643
+ isConfirmationVisible?: boolean;
644
+ }
645
+
646
+ export declare type IAnimatedAvatarMessageRef = {
647
+ fadeOutMessage: () => Promise<void>;
648
+ playConfirmationFrames: () => Promise<void>;
649
+ };
650
+
636
651
  declare interface IAppLoaderProps {
637
652
  width?: string | number;
638
653
  height?: string | number;
@@ -4261,6 +4276,7 @@ export declare const LOTTIE: {
4261
4276
  ACTIVITY: string;
4262
4277
  ADVANCE_MODE_SEGMENT_LOTTIE: string;
4263
4278
  ALL_DONE: string;
4279
+ ANIMATED_AVATAR: string;
4264
4280
  AVATAR_SELECTED: string;
4265
4281
  BEGINNER1X: string;
4266
4282
  BRONZE_1: string;