@cuemath/leap 3.2.33-j5 → 3.2.33-j7
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.
- package/dist/assets/illustrations/illustrations.js +2 -1
- package/dist/assets/illustrations/illustrations.js.map +1 -1
- package/dist/features/auth/comps/user-list/user-item/user-item.js +5 -5
- package/dist/features/auth/comps/user-list/user-item/user-item.js.map +1 -1
- package/dist/features/auth/comps/user-list/user-list.js +2 -2
- package/dist/features/auth/comps/user-list/user-list.js.map +1 -1
- package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide-constants.js +9 -9
- package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide-constants.js.map +1 -1
- package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide-styled.js +58 -29
- package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide-styled.js.map +1 -1
- package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide.js +78 -41
- package/dist/features/auth/pla-signup/onboarding-guide/onboarding-guide.js.map +1 -1
- package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js +23 -23
- package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js.map +1 -1
- package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js +70 -27
- package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js.map +1 -1
- package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js +88 -84
- package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js.map +1 -1
- package/dist/index.d.ts +8 -3
- package/dist/static/{book-checked-green.c275dbd9.svg → book-checked-green.0436b91e.svg} +1 -1
- package/dist/static/learning-puzzle-bot.6fe93cf6.svg +1 -0
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", a = {
|
|
|
7
7
|
ALIEN_4: `${t}static/alien-4.06ac66da.svg`,
|
|
8
8
|
ARROW_BOARD_GREEN: `${t}static/arrow-board-green.11e75bca.svg`,
|
|
9
9
|
BLUE_CLIP: `${t}static/blue-clip.87cc4543.svg`,
|
|
10
|
-
BOOK_CHECKED_GREEN: `${t}static/book-checked-green.
|
|
10
|
+
BOOK_CHECKED_GREEN: `${t}static/book-checked-green.0436b91e.svg`,
|
|
11
11
|
BOOK_CHECKED_ORANGE: `${t}static/book-checked-orange.53ea6880.svg`,
|
|
12
12
|
BOOK_CHECKED_PURPLE: `${t}static/book-checked-purple.df628f3e.svg`,
|
|
13
13
|
BOOK_GREEN: `${t}static/book-green.20f6eed3.svg`,
|
|
@@ -67,6 +67,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", a = {
|
|
|
67
67
|
KNOWLEDGE_BLUE: `${t}static/knowledge-blue.ead536f1.svg`,
|
|
68
68
|
LEARNED_SHIELD_GRAY: `${t}static/learned-shield-gray.1495b0d5.svg`,
|
|
69
69
|
LEARNED_SHIELD_GREEN: `${t}static/learned-shield-green.7c26b423.svg`,
|
|
70
|
+
LEARNING_PUZZLE_BOT: `${t}static/learning-puzzle-bot.6fe93cf6.svg`,
|
|
70
71
|
LEARNT: `${t}static/learnt.870c5e38.svg`,
|
|
71
72
|
LIKE: `${t}static/like.cb492460.svg`,
|
|
72
73
|
LIVE_SESSION: `${t}static/live-session.a0d25c78.svg`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"illustrations.js","sources":["../../../src/assets/illustrations/illustrations.ts"],"sourcesContent":["declare global {\n interface Window {\n VITE_PUBLIC_URL: string;\n }\n}\n\nconst PREFIX = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : '/';\n\n// Must be alphabetical order\nconst ILLUSTRATIONS = {\n ALARM_CLOCK_ORANGE: `${PREFIX}static/alarm-clock-orange.31fb90d9.svg`,\n ALARM_CLOCK_PURPLE: `${PREFIX}static/alarm-clock-purple.06d4911c.svg`,\n ALIEN_1: `${PREFIX}static/alien-1.fc7ba696.svg`,\n ALIEN_2: `${PREFIX}static/alien-2.15fdda07.svg`,\n ALIEN_3: `${PREFIX}static/alien-3.2664a37f.svg`,\n ALIEN_4: `${PREFIX}static/alien-4.06ac66da.svg`,\n ARROW_BOARD_GREEN: `${PREFIX}static/arrow-board-green.11e75bca.svg`,\n BLUE_CLIP: `${PREFIX}static/blue-clip.87cc4543.svg`,\n BOOK_CHECKED_GREEN: `${PREFIX}static/book-checked-green.c275dbd9.svg`,\n BOOK_CHECKED_ORANGE: `${PREFIX}static/book-checked-orange.53ea6880.svg`,\n BOOK_CHECKED_PURPLE: `${PREFIX}static/book-checked-purple.df628f3e.svg`,\n BOOK_GREEN: `${PREFIX}static/book-green.20f6eed3.svg`,\n BOOK_OPEN_BLUE: `${PREFIX}static/book-open-blue.d4f8d08c.svg`,\n BOOK_ORANGE: `${PREFIX}static/book-orange.04bdc75e.svg`,\n BOOK_YELLOW: `${PREFIX}static/book-yellow.c210ac06.svg`,\n BULLET_YELLOW: `${PREFIX}static/bullet-yellow.2f892d88.svg`,\n CALENDAR_BLUE: `${PREFIX}static/calendar-blue.e0d52d09.svg`,\n CALENDAR_CHECK_GREEN: `${PREFIX}static/calendar-check-green.ab0e24d2.svg`,\n CALENDAR_CROSS_ORANGE: `${PREFIX}static/calendar-cross-orange.8e7a23bd.svg`,\n CALENDAR_GRAY: `${PREFIX}static/calendar-gray.1c72682a.svg`,\n CALENDAR_GREEN: `${PREFIX}static/calendar-green.a2b6a393.svg`,\n CALENDAR_PURPLE: `${PREFIX}static/calendar-purple.1a840b41.svg`,\n CAUTION: `${PREFIX}static/caution.5766a967.svg`,\n CHAPTER_10: `${PREFIX}static/chapter-10.c97de4a5.svg`,\n CHAPTER_1: `${PREFIX}static/chapter-1.8a1683a0.svg`,\n CHAPTER_2: `${PREFIX}static/chapter-2.71ac6dfc.svg`,\n CHAPTER_3: `${PREFIX}static/chapter-3.003fc901.svg`,\n CHAPTER_4: `${PREFIX}static/chapter-4.8abbacd8.svg`,\n CHAPTER_5: `${PREFIX}static/chapter-5.c774b439.svg`,\n CHAPTER_6: `${PREFIX}static/chapter-6.cb5cf1cb.svg`,\n CHAPTER_7: `${PREFIX}static/chapter-7.57b0beb4.svg`,\n CHAPTER_8: `${PREFIX}static/chapter-8.68d36477.svg`,\n CHAPTER_9: `${PREFIX}static/chapter-9.0c00e26f.svg`,\n CHAPTER_HEADER_BG: `${PREFIX}static/chapter-header-bg.4ed173c2.svg`,\n CHAPTER_HEADER_BG_2: `${PREFIX}static/chapter-header-bg-2.c8d96894.svg`,\n CIRCLE_CUEMATH_LOGO: `${PREFIX}static/circle-cuemath-logo.8bcb1ad4.svg`,\n CIRCLE_CUEMATH_LOGO_WHITE: `${PREFIX}static/circle-cuemath-logo-white.e9fafb91.svg`,\n CIRCLE_OUTERCIRCLE_BG: `${PREFIX}static/circle-outercircle-bg.65f21460.svg`,\n CLOCK_ORANGE: `${PREFIX}static/clock-orange.c144059b.svg`,\n COMMUNITY_BULB: `${PREFIX}static/community-bulb.3b42af21.svg`,\n CROSSHAIR_CIRCLE: `${PREFIX}static/crosshair-circle.522a26ea.svg`,\n CROWN: `${PREFIX}static/crown.c18fa217.svg`,\n CROWN_OVERLAY: `${PREFIX}static/crown-overlay.11fb073c.svg`,\n CUECOIN_GOLD: `${PREFIX}static/cuecoin-gold.bcb8085e.svg`,\n CUEMATH_APP_QR_CODE: `${PREFIX}static/cuemath-app-qr-code.7205ee79.svg`,\n DESKTOP_WITH_PURPLE_FILL: `${PREFIX}static/desktop-with-purple-fill.dfec66cc.svg`,\n DURATION_30MIN_GRAY: `${PREFIX}static/duration-30min-gray.f6442df4.svg`,\n DURATION_45MIN_GRAY: `${PREFIX}static/duration-45min-gray.ad90fb23.svg`,\n DURATION_60MIN_GRAY: `${PREFIX}static/duration-60min-gray.874e52a2.svg`,\n DURATION_90MIN_GRAY: `${PREFIX}static/duration-90min-gray.32a04cef.svg`,\n EARTH_GREEN: `${PREFIX}static/earth-green.e1329b7a.svg`,\n ELLIPSE_CLIP: `${PREFIX}static/ellipse-clip.dfb25608.svg`,\n EQUAL_OUTLINED: `${PREFIX}static/equal-outlined.b705bf5d.svg`,\n FEMALE_AVATAR: `${PREFIX}static/female-avatar.b8cd1012.svg`,\n GAME_PLAY: `${PREFIX}static/game-play.4982b0cb.svg`,\n GLOBE_WITH_BLUE_FILL: `${PREFIX}static/globe-with-blue-fill.beae6ca4.svg`,\n GRADE_GRID_BACKGROUND: `${PREFIX}static/grade-grid-background.b17b4ccb.svg`,\n GRADUATE_HAT: `${PREFIX}static/graduate-hat.4b49eb44.svg`,\n GRADUATE_ICON_PINK: `${PREFIX}static/graduate-icon-pink.01fbfb1b.svg`,\n GRADUATE_PINK_FILLED_BG: `${PREFIX}static/graduate-pink-filled-bg.c91e9c53.svg`,\n GREEN_BALLOON: `${PREFIX}static/green-balloon.67ac8587.svg`,\n GREEN_FACE: `${PREFIX}static/green-face.1b4dd82f.svg`,\n HANDSHAKE: `${PREFIX}static/handshake.287e7dfb.svg`,\n HANDSHAKE_GREEN: `${PREFIX}static/handshake-green.f8d24216.svg`,\n HEART_OUTLINED: `${PREFIX}static/heart-outlined.5b5415fe.svg`,\n KNOWLEDGE_BLUE: `${PREFIX}static/knowledge-blue.ead536f1.svg`,\n LEARNED_SHIELD_GRAY: `${PREFIX}static/learned-shield-gray.1495b0d5.svg`,\n LEARNED_SHIELD_GREEN: `${PREFIX}static/learned-shield-green.7c26b423.svg`,\n LEARNT: `${PREFIX}static/learnt.870c5e38.svg`,\n LIKE: `${PREFIX}static/like.cb492460.svg`,\n LIVE_SESSION: `${PREFIX}static/live-session.a0d25c78.svg`,\n LOADER: `${PREFIX}static/loader.52f8c35c.svg`,\n LOADER_1: `${PREFIX}static/loader-1.6524355e.svg`,\n LOCKED: `${PREFIX}static/locked.0c3b7577.svg`,\n MAINTENANCE: `${PREFIX}static/maintenance.a26aca65.svg`,\n MALE_AVATAR: `${PREFIX}static/male-avatar.2febc9eb.svg`,\n MASTERED_BADGE: `${PREFIX}static/mastered-badge.81f156fb.svg`,\n MASTERED_SHIELD_GRAY: `${PREFIX}static/mastered-shield-gray.a58cbe19.svg`,\n MASTERED_SHIELD_GREEN: `${PREFIX}static/mastered-shield-green.070fa4eb.svg`,\n MENTAL_MATH: `${PREFIX}static/mental-math.3c95f169.svg`,\n MILESTONE_INTRO_1: `${PREFIX}static/milestone-intro-1.281a354c.svg`,\n MILESTONE_INTRO_2: `${PREFIX}static/milestone-intro-2.19faee69.svg`,\n MILESTONE_INTRO_3: `${PREFIX}static/milestone-intro-3.6f6055d6.svg`,\n MISTAKE: `${PREFIX}static/mistake.476d1aa7.svg`,\n MONEY: `${PREFIX}static/money.332aacf1.svg`,\n NODE_ACTIVITY_BG: `${PREFIX}static/node-activity-bg.122f7e01.svg`,\n NODE_CUSTOM_TEST_BG: `${PREFIX}static/node-custom-test-bg.d3b757be.svg`,\n NODE_DOWNLOAD_BG: `${PREFIX}static/node-download-bg.b8367de7.svg`,\n NODE_LEARN_BG: `${PREFIX}static/node-learn-bg.b61f815c.svg`,\n NODE_PRACTICE_BG: `${PREFIX}static/node-practice-bg.16cbaf2a.svg`,\n NODE_PROJECT_BG: `${PREFIX}static/node-project-bg.e6a33e28.svg`,\n NODE_PUZZLE_BG: `${PREFIX}static/node-puzzle-bg.3422135c.svg`,\n NODE_RECAP_BG: `${PREFIX}static/node-recap-bg.546154e4.svg`,\n NODE_SUBJECTIVE_BG: `${PREFIX}static/node-subjective-bg.d6013a16.svg`,\n NODE_TEST_PREP_BG: `${PREFIX}static/node-test-prep-bg.42c0b9c4.svg`,\n NODE_VIDEO_BG: `${PREFIX}static/node-video-bg.3df3f73a.svg`,\n NUMBER_1_ORANGE: `${PREFIX}static/number-1-orange.cbf526ed.svg`,\n NUMBER_2_ORANGE: `${PREFIX}static/number-2-orange.6f29eb72.svg`,\n NUMBER_3_ORANGE: `${PREFIX}static/number-3-orange.58baf717.svg`,\n NUMBER_4_ORANGE: `${PREFIX}static/number-4-orange.5ed1ec5e.svg`,\n ONE_STAR_FILLED: `${PREFIX}static/one-star-filled.b6084257.svg`,\n ORANGE_FACE: `${PREFIX}static/orange-face.5824c2e9.svg`,\n PARENT_AVATAR: `${PREFIX}static/parent-avatar.822c7b9b.svg`,\n PEOPLE_WITH_ORANGE_FILL: `${PREFIX}static/people-with-orange-fill.3835b8f1.svg`,\n PLATFORM_GREEN: `${PREFIX}static/platform-green.eb853207.svg`,\n PLATFORM_PURPLE: `${PREFIX}static/platform-purple.ecf6fa46.svg`,\n PLAY: `${PREFIX}static/play.68d16dec.svg`,\n PLAY_ICON: `${PREFIX}static/play-icon.13baaa7d.svg`,\n POINTS_SUM: `${PREFIX}static/points-sum.360e63de.svg`,\n PRACTICED_SHIELD_GREEN: `${PREFIX}static/practiced-shield-green.90278855.svg`,\n PRACTICED_SHIELD_GREY: `${PREFIX}static/practiced-shield-grey.16cf4fe0.svg`,\n PROFICIENT_BADGE: `${PREFIX}static/proficient-badge.1a6dbb72.svg`,\n PROFILE_BOARD: `${PREFIX}static/profile-board.4f4a17e6.svg`,\n PUZZLE: `${PREFIX}static/puzzle.5aad5cf8.svg`,\n PUZZLE_DASHBOARD_BANNER: `${PREFIX}static/puzzle-dashboard-banner.b7956519.svg`,\n PUZZLE_PATTERN_BLUE: `${PREFIX}static/puzzle-pattern-blue.abff0164.svg`,\n PUZZLE_PATTERN_GREEN: `${PREFIX}static/puzzle-pattern-green.b8ba1840.svg`,\n PUZZLE_PATTERN_ORANGE: `${PREFIX}static/puzzle-pattern-orange.3f5a17ff.svg`,\n PUZZLE_PATTERN_PURPLE: `${PREFIX}static/puzzle-pattern-purple.14b09759.svg`,\n PUZZLE_PATTERN_YELLOW: `${PREFIX}static/puzzle-pattern-yellow.50917fab.svg`,\n PUZZLE_STUDENT: `${PREFIX}static/puzzle-student.de530364.svg`,\n RADIAL_GRADIENT_BG: `${PREFIX}static/radial-gradient-bg.5ae0cde5.svg`,\n RADIAL_GRADIENT_BG_2: `${PREFIX}static/radial-gradient-bg-2.6657c758.svg`,\n REFUND_POLICY: `${PREFIX}static/refund-policy.912dbb4c.svg`,\n REFUND_POLICY_WITH_HEADPHONE: `${PREFIX}static/refund-policy-with-headphone.589398e0.svg`,\n REPORT_404: `${PREFIX}static/report-404.dd67785c.svg`,\n ROCKET_BROKEN: `${PREFIX}static/rocket-broken.1f86fa43.svg`,\n ROCKET_YELLOW: `${PREFIX}static/rocket-yellow.62d27e15.svg`,\n SCORE: `${PREFIX}static/score.41971107.svg`,\n SMILEY: `${PREFIX}static/smiley.49bb7d7c.svg`,\n STAR_ORANGE: `${PREFIX}static/star-orange.a91a341f.svg`,\n STAR_ORANGE_FILLED: `${PREFIX}static/star-orange-filled.a7ff9c8f.svg`,\n STAR_OUTLINED: `${PREFIX}static/star-outlined.bde83c7c.svg`,\n STAR_WITH_GREEN_FILL: `${PREFIX}static/star-with-green-fill.86877d41.svg`,\n STREAK_GREEN: `${PREFIX}static/streak-green.b59bf4dd.svg`,\n STREAK_WHITE: `${PREFIX}static/streak-white.2cbdc9b8.svg`,\n STRIPE_BLURPLE: `${PREFIX}static/stripe-blurple.6abf422f.svg`,\n STUDENT_AVATAR: `${PREFIX}static/student-avatar.24bc2875.svg`,\n TEST_DIFFICULTY_EASY: `${PREFIX}static/test-difficulty-easy.56df71dd.svg`,\n TEST_DIFFICULTY_HARD: `${PREFIX}static/test-difficulty-hard.7250f1f4.svg`,\n TEST_DIFFICULTY_MEDIUM: `${PREFIX}static/test-difficulty-medium.2fd9686e.svg`,\n THREE_STARS_FILLED: `${PREFIX}static/three-stars-filled.72b51f03.svg`,\n TICK_GREEN: `${PREFIX}static/tick-green.a1654049.svg`,\n TROPHY_BLUE: `${PREFIX}static/trophy-blue.e684ba4c.svg`,\n TROPHY_BLUE_FILLED: `${PREFIX}static/trophy-blue-filled.7e2b40ab.svg`,\n TROPHY_CIRCLE: `${PREFIX}static/trophy-circle.b7b23e36.svg`,\n TROPHY_GREEN: `${PREFIX}static/trophy-green.6c0741c8.svg`,\n TROPHY_OUTLINED: `${PREFIX}static/trophy-outlined.f946b362.svg`,\n TRUSTPILOT: `${PREFIX}static/trustpilot.bd3d79e1.svg`,\n TWO_STARS_FILLED: `${PREFIX}static/two-stars-filled.a51a14b4.svg`,\n UP_ARROW: `${PREFIX}static/up-arrow.a6946bd3.svg`,\n USER_CROWN_GRID_BACKGROUND: `${PREFIX}static/user-crown-grid-background.c2875a73.svg`,\n USER_DOWN: `${PREFIX}static/user-down.a06f2f94.svg`,\n USER_PIN: `${PREFIX}static/user-pin.5f334465.svg`,\n USER_PROFILE_BACKGROUND: `${PREFIX}static/user-profile-background.199977a9.svg`,\n USER_TYPE_SELECTOR_GRID_BG: `${PREFIX}static/user-type-selector-grid-bg.aad0b059.svg`,\n USER_UP: `${PREFIX}static/user-up.2aecbbae.svg`,\n YELLOW_FACE: `${PREFIX}static/yellow-face.b7525a33.svg`,\n};\n\nexport { ILLUSTRATIONS };\n"],"names":["PREFIX","ILLUSTRATIONS"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"illustrations.js","sources":["../../../src/assets/illustrations/illustrations.ts"],"sourcesContent":["declare global {\n interface Window {\n VITE_PUBLIC_URL: string;\n }\n}\n\nconst PREFIX = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : '/';\n\n// Must be alphabetical order\nconst ILLUSTRATIONS = {\n ALARM_CLOCK_ORANGE: `${PREFIX}static/alarm-clock-orange.31fb90d9.svg`,\n ALARM_CLOCK_PURPLE: `${PREFIX}static/alarm-clock-purple.06d4911c.svg`,\n ALIEN_1: `${PREFIX}static/alien-1.fc7ba696.svg`,\n ALIEN_2: `${PREFIX}static/alien-2.15fdda07.svg`,\n ALIEN_3: `${PREFIX}static/alien-3.2664a37f.svg`,\n ALIEN_4: `${PREFIX}static/alien-4.06ac66da.svg`,\n ARROW_BOARD_GREEN: `${PREFIX}static/arrow-board-green.11e75bca.svg`,\n BLUE_CLIP: `${PREFIX}static/blue-clip.87cc4543.svg`,\n BOOK_CHECKED_GREEN: `${PREFIX}static/book-checked-green.0436b91e.svg`,\n BOOK_CHECKED_ORANGE: `${PREFIX}static/book-checked-orange.53ea6880.svg`,\n BOOK_CHECKED_PURPLE: `${PREFIX}static/book-checked-purple.df628f3e.svg`,\n BOOK_GREEN: `${PREFIX}static/book-green.20f6eed3.svg`,\n BOOK_OPEN_BLUE: `${PREFIX}static/book-open-blue.d4f8d08c.svg`,\n BOOK_ORANGE: `${PREFIX}static/book-orange.04bdc75e.svg`,\n BOOK_YELLOW: `${PREFIX}static/book-yellow.c210ac06.svg`,\n BULLET_YELLOW: `${PREFIX}static/bullet-yellow.2f892d88.svg`,\n CALENDAR_BLUE: `${PREFIX}static/calendar-blue.e0d52d09.svg`,\n CALENDAR_CHECK_GREEN: `${PREFIX}static/calendar-check-green.ab0e24d2.svg`,\n CALENDAR_CROSS_ORANGE: `${PREFIX}static/calendar-cross-orange.8e7a23bd.svg`,\n CALENDAR_GRAY: `${PREFIX}static/calendar-gray.1c72682a.svg`,\n CALENDAR_GREEN: `${PREFIX}static/calendar-green.a2b6a393.svg`,\n CALENDAR_PURPLE: `${PREFIX}static/calendar-purple.1a840b41.svg`,\n CAUTION: `${PREFIX}static/caution.5766a967.svg`,\n CHAPTER_10: `${PREFIX}static/chapter-10.c97de4a5.svg`,\n CHAPTER_1: `${PREFIX}static/chapter-1.8a1683a0.svg`,\n CHAPTER_2: `${PREFIX}static/chapter-2.71ac6dfc.svg`,\n CHAPTER_3: `${PREFIX}static/chapter-3.003fc901.svg`,\n CHAPTER_4: `${PREFIX}static/chapter-4.8abbacd8.svg`,\n CHAPTER_5: `${PREFIX}static/chapter-5.c774b439.svg`,\n CHAPTER_6: `${PREFIX}static/chapter-6.cb5cf1cb.svg`,\n CHAPTER_7: `${PREFIX}static/chapter-7.57b0beb4.svg`,\n CHAPTER_8: `${PREFIX}static/chapter-8.68d36477.svg`,\n CHAPTER_9: `${PREFIX}static/chapter-9.0c00e26f.svg`,\n CHAPTER_HEADER_BG: `${PREFIX}static/chapter-header-bg.4ed173c2.svg`,\n CHAPTER_HEADER_BG_2: `${PREFIX}static/chapter-header-bg-2.c8d96894.svg`,\n CIRCLE_CUEMATH_LOGO: `${PREFIX}static/circle-cuemath-logo.8bcb1ad4.svg`,\n CIRCLE_CUEMATH_LOGO_WHITE: `${PREFIX}static/circle-cuemath-logo-white.e9fafb91.svg`,\n CIRCLE_OUTERCIRCLE_BG: `${PREFIX}static/circle-outercircle-bg.65f21460.svg`,\n CLOCK_ORANGE: `${PREFIX}static/clock-orange.c144059b.svg`,\n COMMUNITY_BULB: `${PREFIX}static/community-bulb.3b42af21.svg`,\n CROSSHAIR_CIRCLE: `${PREFIX}static/crosshair-circle.522a26ea.svg`,\n CROWN: `${PREFIX}static/crown.c18fa217.svg`,\n CROWN_OVERLAY: `${PREFIX}static/crown-overlay.11fb073c.svg`,\n CUECOIN_GOLD: `${PREFIX}static/cuecoin-gold.bcb8085e.svg`,\n CUEMATH_APP_QR_CODE: `${PREFIX}static/cuemath-app-qr-code.7205ee79.svg`,\n DESKTOP_WITH_PURPLE_FILL: `${PREFIX}static/desktop-with-purple-fill.dfec66cc.svg`,\n DURATION_30MIN_GRAY: `${PREFIX}static/duration-30min-gray.f6442df4.svg`,\n DURATION_45MIN_GRAY: `${PREFIX}static/duration-45min-gray.ad90fb23.svg`,\n DURATION_60MIN_GRAY: `${PREFIX}static/duration-60min-gray.874e52a2.svg`,\n DURATION_90MIN_GRAY: `${PREFIX}static/duration-90min-gray.32a04cef.svg`,\n EARTH_GREEN: `${PREFIX}static/earth-green.e1329b7a.svg`,\n ELLIPSE_CLIP: `${PREFIX}static/ellipse-clip.dfb25608.svg`,\n EQUAL_OUTLINED: `${PREFIX}static/equal-outlined.b705bf5d.svg`,\n FEMALE_AVATAR: `${PREFIX}static/female-avatar.b8cd1012.svg`,\n GAME_PLAY: `${PREFIX}static/game-play.4982b0cb.svg`,\n GLOBE_WITH_BLUE_FILL: `${PREFIX}static/globe-with-blue-fill.beae6ca4.svg`,\n GRADE_GRID_BACKGROUND: `${PREFIX}static/grade-grid-background.b17b4ccb.svg`,\n GRADUATE_HAT: `${PREFIX}static/graduate-hat.4b49eb44.svg`,\n GRADUATE_ICON_PINK: `${PREFIX}static/graduate-icon-pink.01fbfb1b.svg`,\n GRADUATE_PINK_FILLED_BG: `${PREFIX}static/graduate-pink-filled-bg.c91e9c53.svg`,\n GREEN_BALLOON: `${PREFIX}static/green-balloon.67ac8587.svg`,\n GREEN_FACE: `${PREFIX}static/green-face.1b4dd82f.svg`,\n HANDSHAKE: `${PREFIX}static/handshake.287e7dfb.svg`,\n HANDSHAKE_GREEN: `${PREFIX}static/handshake-green.f8d24216.svg`,\n HEART_OUTLINED: `${PREFIX}static/heart-outlined.5b5415fe.svg`,\n KNOWLEDGE_BLUE: `${PREFIX}static/knowledge-blue.ead536f1.svg`,\n LEARNED_SHIELD_GRAY: `${PREFIX}static/learned-shield-gray.1495b0d5.svg`,\n LEARNED_SHIELD_GREEN: `${PREFIX}static/learned-shield-green.7c26b423.svg`,\n LEARNING_PUZZLE_BOT: `${PREFIX}static/learning-puzzle-bot.6fe93cf6.svg`,\n LEARNT: `${PREFIX}static/learnt.870c5e38.svg`,\n LIKE: `${PREFIX}static/like.cb492460.svg`,\n LIVE_SESSION: `${PREFIX}static/live-session.a0d25c78.svg`,\n LOADER: `${PREFIX}static/loader.52f8c35c.svg`,\n LOADER_1: `${PREFIX}static/loader-1.6524355e.svg`,\n LOCKED: `${PREFIX}static/locked.0c3b7577.svg`,\n MAINTENANCE: `${PREFIX}static/maintenance.a26aca65.svg`,\n MALE_AVATAR: `${PREFIX}static/male-avatar.2febc9eb.svg`,\n MASTERED_BADGE: `${PREFIX}static/mastered-badge.81f156fb.svg`,\n MASTERED_SHIELD_GRAY: `${PREFIX}static/mastered-shield-gray.a58cbe19.svg`,\n MASTERED_SHIELD_GREEN: `${PREFIX}static/mastered-shield-green.070fa4eb.svg`,\n MENTAL_MATH: `${PREFIX}static/mental-math.3c95f169.svg`,\n MILESTONE_INTRO_1: `${PREFIX}static/milestone-intro-1.281a354c.svg`,\n MILESTONE_INTRO_2: `${PREFIX}static/milestone-intro-2.19faee69.svg`,\n MILESTONE_INTRO_3: `${PREFIX}static/milestone-intro-3.6f6055d6.svg`,\n MISTAKE: `${PREFIX}static/mistake.476d1aa7.svg`,\n MONEY: `${PREFIX}static/money.332aacf1.svg`,\n NODE_ACTIVITY_BG: `${PREFIX}static/node-activity-bg.122f7e01.svg`,\n NODE_CUSTOM_TEST_BG: `${PREFIX}static/node-custom-test-bg.d3b757be.svg`,\n NODE_DOWNLOAD_BG: `${PREFIX}static/node-download-bg.b8367de7.svg`,\n NODE_LEARN_BG: `${PREFIX}static/node-learn-bg.b61f815c.svg`,\n NODE_PRACTICE_BG: `${PREFIX}static/node-practice-bg.16cbaf2a.svg`,\n NODE_PROJECT_BG: `${PREFIX}static/node-project-bg.e6a33e28.svg`,\n NODE_PUZZLE_BG: `${PREFIX}static/node-puzzle-bg.3422135c.svg`,\n NODE_RECAP_BG: `${PREFIX}static/node-recap-bg.546154e4.svg`,\n NODE_SUBJECTIVE_BG: `${PREFIX}static/node-subjective-bg.d6013a16.svg`,\n NODE_TEST_PREP_BG: `${PREFIX}static/node-test-prep-bg.42c0b9c4.svg`,\n NODE_VIDEO_BG: `${PREFIX}static/node-video-bg.3df3f73a.svg`,\n NUMBER_1_ORANGE: `${PREFIX}static/number-1-orange.cbf526ed.svg`,\n NUMBER_2_ORANGE: `${PREFIX}static/number-2-orange.6f29eb72.svg`,\n NUMBER_3_ORANGE: `${PREFIX}static/number-3-orange.58baf717.svg`,\n NUMBER_4_ORANGE: `${PREFIX}static/number-4-orange.5ed1ec5e.svg`,\n ONE_STAR_FILLED: `${PREFIX}static/one-star-filled.b6084257.svg`,\n ORANGE_FACE: `${PREFIX}static/orange-face.5824c2e9.svg`,\n PARENT_AVATAR: `${PREFIX}static/parent-avatar.822c7b9b.svg`,\n PEOPLE_WITH_ORANGE_FILL: `${PREFIX}static/people-with-orange-fill.3835b8f1.svg`,\n PLATFORM_GREEN: `${PREFIX}static/platform-green.eb853207.svg`,\n PLATFORM_PURPLE: `${PREFIX}static/platform-purple.ecf6fa46.svg`,\n PLAY: `${PREFIX}static/play.68d16dec.svg`,\n PLAY_ICON: `${PREFIX}static/play-icon.13baaa7d.svg`,\n POINTS_SUM: `${PREFIX}static/points-sum.360e63de.svg`,\n PRACTICED_SHIELD_GREEN: `${PREFIX}static/practiced-shield-green.90278855.svg`,\n PRACTICED_SHIELD_GREY: `${PREFIX}static/practiced-shield-grey.16cf4fe0.svg`,\n PROFICIENT_BADGE: `${PREFIX}static/proficient-badge.1a6dbb72.svg`,\n PROFILE_BOARD: `${PREFIX}static/profile-board.4f4a17e6.svg`,\n PUZZLE: `${PREFIX}static/puzzle.5aad5cf8.svg`,\n PUZZLE_DASHBOARD_BANNER: `${PREFIX}static/puzzle-dashboard-banner.b7956519.svg`,\n PUZZLE_PATTERN_BLUE: `${PREFIX}static/puzzle-pattern-blue.abff0164.svg`,\n PUZZLE_PATTERN_GREEN: `${PREFIX}static/puzzle-pattern-green.b8ba1840.svg`,\n PUZZLE_PATTERN_ORANGE: `${PREFIX}static/puzzle-pattern-orange.3f5a17ff.svg`,\n PUZZLE_PATTERN_PURPLE: `${PREFIX}static/puzzle-pattern-purple.14b09759.svg`,\n PUZZLE_PATTERN_YELLOW: `${PREFIX}static/puzzle-pattern-yellow.50917fab.svg`,\n PUZZLE_STUDENT: `${PREFIX}static/puzzle-student.de530364.svg`,\n RADIAL_GRADIENT_BG: `${PREFIX}static/radial-gradient-bg.5ae0cde5.svg`,\n RADIAL_GRADIENT_BG_2: `${PREFIX}static/radial-gradient-bg-2.6657c758.svg`,\n REFUND_POLICY: `${PREFIX}static/refund-policy.912dbb4c.svg`,\n REFUND_POLICY_WITH_HEADPHONE: `${PREFIX}static/refund-policy-with-headphone.589398e0.svg`,\n REPORT_404: `${PREFIX}static/report-404.dd67785c.svg`,\n ROCKET_BROKEN: `${PREFIX}static/rocket-broken.1f86fa43.svg`,\n ROCKET_YELLOW: `${PREFIX}static/rocket-yellow.62d27e15.svg`,\n SCORE: `${PREFIX}static/score.41971107.svg`,\n SMILEY: `${PREFIX}static/smiley.49bb7d7c.svg`,\n STAR_ORANGE: `${PREFIX}static/star-orange.a91a341f.svg`,\n STAR_ORANGE_FILLED: `${PREFIX}static/star-orange-filled.a7ff9c8f.svg`,\n STAR_OUTLINED: `${PREFIX}static/star-outlined.bde83c7c.svg`,\n STAR_WITH_GREEN_FILL: `${PREFIX}static/star-with-green-fill.86877d41.svg`,\n STREAK_GREEN: `${PREFIX}static/streak-green.b59bf4dd.svg`,\n STREAK_WHITE: `${PREFIX}static/streak-white.2cbdc9b8.svg`,\n STRIPE_BLURPLE: `${PREFIX}static/stripe-blurple.6abf422f.svg`,\n STUDENT_AVATAR: `${PREFIX}static/student-avatar.24bc2875.svg`,\n TEST_DIFFICULTY_EASY: `${PREFIX}static/test-difficulty-easy.56df71dd.svg`,\n TEST_DIFFICULTY_HARD: `${PREFIX}static/test-difficulty-hard.7250f1f4.svg`,\n TEST_DIFFICULTY_MEDIUM: `${PREFIX}static/test-difficulty-medium.2fd9686e.svg`,\n THREE_STARS_FILLED: `${PREFIX}static/three-stars-filled.72b51f03.svg`,\n TICK_GREEN: `${PREFIX}static/tick-green.a1654049.svg`,\n TROPHY_BLUE: `${PREFIX}static/trophy-blue.e684ba4c.svg`,\n TROPHY_BLUE_FILLED: `${PREFIX}static/trophy-blue-filled.7e2b40ab.svg`,\n TROPHY_CIRCLE: `${PREFIX}static/trophy-circle.b7b23e36.svg`,\n TROPHY_GREEN: `${PREFIX}static/trophy-green.6c0741c8.svg`,\n TROPHY_OUTLINED: `${PREFIX}static/trophy-outlined.f946b362.svg`,\n TRUSTPILOT: `${PREFIX}static/trustpilot.bd3d79e1.svg`,\n TWO_STARS_FILLED: `${PREFIX}static/two-stars-filled.a51a14b4.svg`,\n UP_ARROW: `${PREFIX}static/up-arrow.a6946bd3.svg`,\n USER_CROWN_GRID_BACKGROUND: `${PREFIX}static/user-crown-grid-background.c2875a73.svg`,\n USER_DOWN: `${PREFIX}static/user-down.a06f2f94.svg`,\n USER_PIN: `${PREFIX}static/user-pin.5f334465.svg`,\n USER_PROFILE_BACKGROUND: `${PREFIX}static/user-profile-background.199977a9.svg`,\n USER_TYPE_SELECTOR_GRID_BG: `${PREFIX}static/user-type-selector-grid-bg.aad0b059.svg`,\n USER_UP: `${PREFIX}static/user-up.2aecbbae.svg`,\n YELLOW_FACE: `${PREFIX}static/yellow-face.b7525a33.svg`,\n};\n\nexport { ILLUSTRATIONS };\n"],"names":["PREFIX","ILLUSTRATIONS"],"mappings":"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"}
|
|
@@ -8,19 +8,19 @@ import { UserItemCard as T, TitleText as b } from "./user-item-styled.js";
|
|
|
8
8
|
const k = ({
|
|
9
9
|
id: t,
|
|
10
10
|
phone: i,
|
|
11
|
-
username:
|
|
12
|
-
avatar:
|
|
11
|
+
username: l,
|
|
12
|
+
avatar: c,
|
|
13
13
|
index: o,
|
|
14
14
|
isLastItem: h,
|
|
15
15
|
onSelect: m,
|
|
16
16
|
avatarSize: e,
|
|
17
17
|
maxColumns: $,
|
|
18
18
|
cardSize: n,
|
|
19
|
-
|
|
19
|
+
iconSrc: s
|
|
20
20
|
}) => {
|
|
21
21
|
const g = I(() => {
|
|
22
22
|
m(t);
|
|
23
|
-
}, [t, m]), p =
|
|
23
|
+
}, [t, m]), p = c ?? a[o % a.length];
|
|
24
24
|
return /* @__PURE__ */ f(
|
|
25
25
|
T,
|
|
26
26
|
{
|
|
@@ -38,7 +38,7 @@ const k = ({
|
|
|
38
38
|
children: [
|
|
39
39
|
s ? /* @__PURE__ */ r(C, { src: s, width: e, height: e }) : /* @__PURE__ */ r(u, { size: e, avatar: p }),
|
|
40
40
|
/* @__PURE__ */ r(d, { heightX: 0.5 }),
|
|
41
|
-
/* @__PURE__ */ r(b, { $color: "WHITE", $renderOnTabletAs: "ab3", $renderAs: "ab2", $align: "center", children:
|
|
41
|
+
/* @__PURE__ */ r(b, { $color: "WHITE", $renderOnTabletAs: "ab3", $renderAs: "ab2", $align: "center", children: l || i })
|
|
42
42
|
]
|
|
43
43
|
},
|
|
44
44
|
t
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"user-item.js","sources":["../../../../../../src/features/auth/comps/user-list/user-item/user-item.tsx"],"sourcesContent":["import type { IUserItemProps } from './user-item-types';\n\nimport { useCallback, type FC, memo } from 'react';\n\nimport Avatar from '../../../../ui/avatar/avatar';\nimport Image from '../../../../ui/image/image';\nimport Separator from '../../../../ui/separator/separator';\nimport { AVATAR_CONFIGURATIONS } from '../user-list-constants';\nimport * as Styled from './user-item-styled';\n\nconst UserItem: FC<IUserItemProps> = ({\n id,\n phone,\n username,\n avatar,\n index,\n isLastItem,\n onSelect,\n avatarSize,\n maxColumns,\n cardSize,\n
|
|
1
|
+
{"version":3,"file":"user-item.js","sources":["../../../../../../src/features/auth/comps/user-list/user-item/user-item.tsx"],"sourcesContent":["import type { IUserItemProps } from './user-item-types';\n\nimport { useCallback, type FC, memo } from 'react';\n\nimport Avatar from '../../../../ui/avatar/avatar';\nimport Image from '../../../../ui/image/image';\nimport Separator from '../../../../ui/separator/separator';\nimport { AVATAR_CONFIGURATIONS } from '../user-list-constants';\nimport * as Styled from './user-item-styled';\n\nconst UserItem: FC<IUserItemProps> = ({\n id,\n phone,\n username,\n avatar,\n index,\n isLastItem,\n onSelect,\n avatarSize,\n maxColumns,\n cardSize,\n iconSrc,\n}) => {\n const handleClick = useCallback(() => {\n onSelect(id);\n }, [id, onSelect]);\n\n const avatarSource = avatar ?? AVATAR_CONFIGURATIONS[index % AVATAR_CONFIGURATIONS.length];\n\n return (\n <Styled.UserItemCard\n key={id}\n onClick={handleClick}\n maxColumns={maxColumns}\n $gutterX={1.5}\n $gapX={1.5}\n $width={cardSize}\n $height={cardSize}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n index={index}\n isLastItem={isLastItem}\n $background=\"BLACK_1\"\n >\n {iconSrc ? (\n <Image src={iconSrc} width={avatarSize} height={avatarSize} />\n ) : (\n <Avatar size={avatarSize} avatar={avatarSource} />\n )}\n <Separator heightX={0.5} />\n <Styled.TitleText $color=\"WHITE\" $renderOnTabletAs=\"ab3\" $renderAs=\"ab2\" $align=\"center\">\n {username || phone}\n </Styled.TitleText>\n </Styled.UserItemCard>\n );\n};\n\nexport default memo(UserItem);\n"],"names":["UserItem","id","phone","username","avatar","index","isLastItem","onSelect","avatarSize","maxColumns","cardSize","iconSrc","handleClick","useCallback","avatarSource","AVATAR_CONFIGURATIONS","jsxs","Styled.UserItemCard","jsx","Image","Avatar","Separator","Styled.TitleText","UserItem$1","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAA+B,CAAC;AAAA,EACpC,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAY,MAAM;AACpC,IAAAN,EAASN,CAAE;AAAA,EAAA,GACV,CAACA,GAAIM,CAAQ,CAAC,GAEXO,IAAeV,KAAUW,EAAsBV,IAAQU,EAAsB,MAAM;AAGvF,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,SAASL;AAAA,MACT,YAAAH;AAAA,MACA,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQC;AAAA,MACR,SAASA;AAAA,MACT,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,OAAAL;AAAA,MACA,YAAAC;AAAA,MACA,aAAY;AAAA,MAEX,UAAA;AAAA,QAAAK,IACE,gBAAAO,EAAAC,GAAA,EAAM,KAAKR,GAAS,OAAOH,GAAY,QAAQA,EAAY,CAAA,IAE3D,gBAAAU,EAAAE,GAAA,EAAO,MAAMZ,GAAY,QAAQM,GAAc;AAAA,QAElD,gBAAAI,EAACG,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,QACxB,gBAAAH,EAAAI,GAAA,EAAiB,QAAO,SAAQ,mBAAkB,OAAM,WAAU,OAAM,QAAO,UAC7E,eAAYpB,EACf,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IArBKD;AAAA,EAAA;AAwBX,GAEesB,IAAAC,EAAKxB,CAAQ;"}
|
|
@@ -23,7 +23,7 @@ const E = ({
|
|
|
23
23
|
maxColumns: r,
|
|
24
24
|
cardWidth: t,
|
|
25
25
|
children: [
|
|
26
|
-
s.map(({ id: n, username: f, user_avatar: C, phone: $,
|
|
26
|
+
s.map(({ id: n, username: f, user_avatar: C, phone: $, iconSrc: g }, c) => /* @__PURE__ */ e(
|
|
27
27
|
j,
|
|
28
28
|
{
|
|
29
29
|
id: n,
|
|
@@ -36,7 +36,7 @@ const E = ({
|
|
|
36
36
|
phone: $,
|
|
37
37
|
username: f,
|
|
38
38
|
isLastItem: c === o - 1,
|
|
39
|
-
|
|
39
|
+
iconSrc: g
|
|
40
40
|
},
|
|
41
41
|
n
|
|
42
42
|
)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"user-list.js","sources":["../../../../../src/features/auth/comps/user-list/user-list.tsx"],"sourcesContent":["import type { IUserListProps } from './user-list-types';\n\nimport { type FC, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport UserItem from './user-item/user-item';\nimport * as Styled from './user-list-styled';\n\nconst UserList: FC<IUserListProps> = ({\n users,\n onSelect,\n showAddButton = false,\n onAddNew,\n maxColumns = 5,\n cardSize = 200,\n avatarSize = 80,\n}) => {\n const totalCards = users.length + (showAddButton ? 1 : 0);\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n\n const responsiveColumnNos = isCompact ? 2 : maxColumns;\n const responsiveCardSize = isCompact ? 180 : cardSize;\n\n return (\n <Styled.UserListWrapper\n itemCount={totalCards}\n maxColumns={responsiveColumnNos}\n cardWidth={responsiveCardSize}\n >\n {users.map(({ id, username, user_avatar: avatar, phone,
|
|
1
|
+
{"version":3,"file":"user-list.js","sources":["../../../../../src/features/auth/comps/user-list/user-list.tsx"],"sourcesContent":["import type { IUserListProps } from './user-list-types';\n\nimport { type FC, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport UserItem from './user-item/user-item';\nimport * as Styled from './user-list-styled';\n\nconst UserList: FC<IUserListProps> = ({\n users,\n onSelect,\n showAddButton = false,\n onAddNew,\n maxColumns = 5,\n cardSize = 200,\n avatarSize = 80,\n}) => {\n const totalCards = users.length + (showAddButton ? 1 : 0);\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n\n const responsiveColumnNos = isCompact ? 2 : maxColumns;\n const responsiveCardSize = isCompact ? 180 : cardSize;\n\n return (\n <Styled.UserListWrapper\n itemCount={totalCards}\n maxColumns={responsiveColumnNos}\n cardWidth={responsiveCardSize}\n >\n {users.map(({ id, username, user_avatar: avatar, phone, iconSrc }, index) => (\n <UserItem\n key={id}\n id={id}\n onSelect={onSelect}\n cardSize={responsiveCardSize}\n index={index}\n maxColumns={responsiveColumnNos}\n avatarSize={avatarSize}\n avatar={avatar}\n phone={phone}\n username={username}\n isLastItem={index === totalCards - 1}\n iconSrc={iconSrc}\n />\n ))}\n\n {showAddButton && (\n <Styled.AddAccountButton\n isLastItem\n index={totalCards}\n maxColumns={responsiveColumnNos}\n $gutterX={5}\n $gapX={5}\n $background=\"BLACK_3\"\n $width={responsiveCardSize}\n $height={responsiveCardSize}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n onClick={onAddNew}\n >\n <FlexView $width={40} $height={40}>\n <PlusIcon color=\"WHITE\" width={40} height={40} />\n </FlexView>\n </Styled.AddAccountButton>\n )}\n </Styled.UserListWrapper>\n );\n};\n\nexport default memo(UserList);\n"],"names":["UserList","users","onSelect","showAddButton","onAddNew","maxColumns","cardSize","avatarSize","totalCards","device","useTheme","isCompact","EDeviceType","responsiveColumnNos","responsiveCardSize","jsxs","Styled.UserListWrapper","id","username","avatar","phone","iconSrc","index","jsx","UserItem","Styled.AddAccountButton","FlexView","PlusIcon","UserList$1","memo"],"mappings":";;;;;;;;AAWA,MAAMA,IAA+B,CAAC;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AACf,MAAM;AACJ,QAAMC,IAAaP,EAAM,UAAUE,IAAgB,IAAI,IACjD,EAAE,QAAAM,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAElCC,IAAsBF,IAAY,IAAIN,GACtCS,IAAqBH,IAAY,MAAML;AAG3C,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWR;AAAA,MACX,YAAYK;AAAA,MACZ,WAAWC;AAAA,MAEV,UAAA;AAAA,QAAMb,EAAA,IAAI,CAAC,EAAE,IAAAgB,GAAI,UAAAC,GAAU,aAAaC,GAAQ,OAAAC,GAAO,SAAAC,EAAQ,GAAGC,MACjE,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,IAAAP;AAAA,YACA,UAAAf;AAAA,YACA,UAAUY;AAAA,YACV,OAAAQ;AAAA,YACA,YAAYT;AAAA,YACZ,YAAAN;AAAA,YACA,QAAAY;AAAA,YACA,OAAAC;AAAA,YACA,UAAAF;AAAA,YACA,YAAYI,MAAUd,IAAa;AAAA,YACnC,SAAAa;AAAA,UAAA;AAAA,UAXKJ;AAAA,QAAA,CAaR;AAAA,QAEAd,KACC,gBAAAoB;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,YAAU;AAAA,YACV,OAAOjB;AAAA,YACP,YAAYK;AAAA,YACZ,UAAU;AAAA,YACV,OAAO;AAAA,YACP,aAAY;AAAA,YACZ,QAAQC;AAAA,YACR,SAASA;AAAA,YACT,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,SAASV;AAAA,YAET,UAAC,gBAAAmB,EAAAG,GAAA,EAAS,QAAQ,IAAI,SAAS,IAC7B,UAAA,gBAAAH,EAACI,GAAS,EAAA,OAAM,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA,GACjD;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEeC,IAAAC,EAAK7B,CAAQ;"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { ILLUSTRATIONS as
|
|
2
|
-
const
|
|
1
|
+
import { ILLUSTRATIONS as o } from "../../../../assets/illustrations/illustrations.js";
|
|
2
|
+
const e = [
|
|
3
3
|
{
|
|
4
|
-
icon:
|
|
5
|
-
title: "
|
|
4
|
+
icon: o.HANDSHAKE,
|
|
5
|
+
title: "Find the perfect tutor match for your child's goals"
|
|
6
6
|
},
|
|
7
7
|
{
|
|
8
|
-
icon:
|
|
9
|
-
title: "Schedule your FREE
|
|
8
|
+
icon: o.CALENDAR_PURPLE,
|
|
9
|
+
title: "Schedule your FREE session at a convenient time"
|
|
10
10
|
},
|
|
11
11
|
{
|
|
12
|
-
icon:
|
|
13
|
-
title: "
|
|
12
|
+
icon: o.MONEY,
|
|
13
|
+
title: "Choose a plan and start your learning journey"
|
|
14
14
|
}
|
|
15
15
|
];
|
|
16
16
|
export {
|
|
17
|
-
|
|
17
|
+
e as onboardingGuideSteps
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=onboarding-guide-constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onboarding-guide-constants.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const onboardingGuideSteps = [\n {\n icon: ILLUSTRATIONS.HANDSHAKE,\n title: `
|
|
1
|
+
{"version":3,"file":"onboarding-guide-constants.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide-constants.ts"],"sourcesContent":["import { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\n\nexport const onboardingGuideSteps = [\n {\n icon: ILLUSTRATIONS.HANDSHAKE,\n title: `Find the perfect tutor match for your child's goals`,\n },\n {\n icon: ILLUSTRATIONS.CALENDAR_PURPLE,\n title: `Schedule your FREE session at a convenient time`,\n },\n {\n icon: ILLUSTRATIONS.MONEY,\n title: `Choose a plan and start your learning journey`,\n },\n];\n"],"names":["onboardingGuideSteps","ILLUSTRATIONS"],"mappings":";AAEO,MAAMA,IAAuB;AAAA,EAClC;AAAA,IACE,MAAMC,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAMA,EAAc;AAAA,IACpB,OAAO;AAAA,EACT;AACF;"}
|
|
@@ -1,39 +1,68 @@
|
|
|
1
|
-
import
|
|
1
|
+
import p from "styled-components";
|
|
2
2
|
import o from "../../../ui/layout/flex-view.js";
|
|
3
|
-
const h =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
3
|
+
const h = p(o)(({
|
|
4
|
+
theme: { colors: t, mediaQueries: e },
|
|
5
|
+
isHorizontalLayout: i
|
|
6
|
+
}) => `
|
|
7
|
+
position: relative;
|
|
8
|
+
|
|
9
|
+
${i ? `
|
|
10
|
+
border-right: 2px solid ${t.WHITE_T_15};
|
|
11
|
+
&:first-child {
|
|
12
|
+
padding-left: 0;
|
|
13
|
+
}
|
|
14
|
+
&:last-child {
|
|
15
|
+
padding-right: 0;
|
|
16
|
+
}
|
|
17
|
+
` : `
|
|
18
|
+
&::after {
|
|
19
|
+
content: '';
|
|
20
|
+
position: absolute;
|
|
21
|
+
width: 32px;
|
|
22
|
+
height: 2px;
|
|
23
|
+
right: -20px;
|
|
24
|
+
top: 28px;
|
|
25
|
+
background-color: ${t.WHITE_T_15};
|
|
26
|
+
}
|
|
27
|
+
`}
|
|
28
|
+
|
|
29
|
+
&:last-child {
|
|
30
|
+
border-right: none;
|
|
31
|
+
&::after {
|
|
32
|
+
display: none;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
${e.minWidthSmallDesktop} {
|
|
37
|
+
${!i && `margin-bottom: 48px;
|
|
38
|
+
&::after {
|
|
39
|
+
content: '';
|
|
40
|
+
position: absolute;
|
|
41
|
+
width: 2px;
|
|
42
|
+
top: unset;
|
|
43
|
+
height: 24px;
|
|
44
|
+
bottom: -36px;
|
|
45
|
+
left: 28px;
|
|
46
|
+
background-color: ${t.WHITE_T_15};
|
|
47
|
+
}
|
|
48
|
+
`}
|
|
49
|
+
|
|
50
|
+
}
|
|
51
|
+
`), n = p(o)(({
|
|
52
|
+
theme: { mediaQueries: t },
|
|
53
|
+
isHorizontalLayout: e
|
|
54
|
+
}) => `
|
|
29
55
|
width: 100%;
|
|
30
56
|
max-width: 350px;
|
|
57
|
+
${t.minWidthTablet} {
|
|
58
|
+
max-width: ${e ? "100%" : "350px"};
|
|
59
|
+
}
|
|
31
60
|
${t.minWidthSmallDesktop} {
|
|
32
|
-
max-width:
|
|
61
|
+
max-width: ${e ? "100%" : "310px"};
|
|
33
62
|
}
|
|
34
63
|
`);
|
|
35
64
|
export {
|
|
36
65
|
h as StepItem,
|
|
37
|
-
|
|
66
|
+
n as StepWrapper
|
|
38
67
|
};
|
|
39
68
|
//# sourceMappingURL=onboarding-guide-styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onboarding-guide-styled.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const StepItem = styled(FlexView)(({
|
|
1
|
+
{"version":3,"file":"onboarding-guide-styled.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const StepItem = styled(FlexView)<{ isHorizontalLayout: boolean }>(({\n theme: { colors, mediaQueries },\n isHorizontalLayout,\n}) => {\n return `\n position: relative;\n\n ${\n isHorizontalLayout\n ? `\n border-right: 2px solid ${colors.WHITE_T_15};\n &:first-child {\n padding-left: 0;\n }\n &:last-child {\n padding-right: 0;\n }\n `\n : `\n &::after {\n content: '';\n position: absolute;\n width: 32px;\n height: 2px;\n right: -20px;\n top: 28px;\n background-color: ${colors.WHITE_T_15};\n }\n `\n }\n\n &:last-child {\n border-right: none;\n &::after {\n display: none;\n }\n }\n\n ${mediaQueries.minWidthSmallDesktop} {\n ${\n !isHorizontalLayout &&\n `margin-bottom: 48px;\n &::after {\n content: '';\n position: absolute;\n width: 2px;\n top: unset;\n height: 24px;\n bottom: -36px;\n left: 28px;\n background-color: ${colors.WHITE_T_15};\n }\n `\n }\n \n }\n `;\n});\n\nexport const StepWrapper = styled(FlexView)<{ isHorizontalLayout: boolean }>(({\n theme: { mediaQueries },\n isHorizontalLayout,\n}) => {\n return `\n width: 100%;\n max-width: 350px;\n ${mediaQueries.minWidthTablet} {\n max-width: ${isHorizontalLayout ? '100%' : '350px'};\n }\n ${mediaQueries.minWidthSmallDesktop} {\n max-width: ${isHorizontalLayout ? '100%' : '310px'};\n }\n`;\n});\n"],"names":["StepItem","styled","FlexView","colors","mediaQueries","isHorizontalLayout","StepWrapper"],"mappings":";;AAIO,MAAMA,IAAWC,EAAOC,CAAQ,EAAmC,CAAC;AAAA,EACzE,OAAO,EAAE,QAAAC,GAAQ,cAAAC,EAAa;AAAA,EAC9B,oBAAAC;AACF,MACS;AAAA;AAAA;AAAA,QAIDA,IACI;AAAA,oCACwBF,EAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAQoBA,EAAO,UAAU;AAAA;AAAA,SAG3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASEC,EAAa,oBAAoB;AAAA,UAE/B,CAACC,KACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCASwBF,EAAO,UAAU;AAAA;AAAA,WAG3C;AAAA;AAAA;AAAA,KAIP,GAEYG,IAAcL,EAAOC,CAAQ,EAAmC,CAAC;AAAA,EAC5E,OAAO,EAAE,cAAAE,EAAa;AAAA,EACtB,oBAAAC;AACF,MACS;AAAA;AAAA;AAAA,IAGLD,EAAa,cAAc;AAAA,iBACdC,IAAqB,SAAS,OAAO;AAAA;AAAA,IAElDD,EAAa,oBAAoB;AAAA,iBACpBC,IAAqB,SAAS,OAAO;AAAA;AAAA,CAGrD;"}
|
|
@@ -1,44 +1,81 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
1
|
+
import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { memo as $ } from "react";
|
|
3
|
+
import { useTheme as d } from "styled-components";
|
|
4
|
+
import c from "../../../ui/layout/flex-view.js";
|
|
5
|
+
import h from "../../../ui/separator/separator.js";
|
|
6
|
+
import m from "../../../ui/text/text.js";
|
|
7
|
+
import { EDeviceType as s } from "../../../ui/theme/constants.js";
|
|
8
|
+
import { onboardingGuideSteps as x } from "./onboarding-guide-constants.js";
|
|
9
|
+
import { StepWrapper as u, StepItem as b } from "./onboarding-guide-styled.js";
|
|
10
|
+
const g = ({ orientation: p = "vertical" }) => {
|
|
11
|
+
const { device: o } = d(), t = o <= s.TABLET, f = o <= s.MOBILE, e = p === "horizontal" && !f, i = t || e ? "row" : "column";
|
|
12
|
+
return /* @__PURE__ */ a(
|
|
13
|
+
c,
|
|
14
|
+
{
|
|
15
|
+
$flex: 1,
|
|
16
|
+
$alignItems: e ? "flex-start" : "center",
|
|
17
|
+
$justifyContent: "center",
|
|
18
|
+
children: [
|
|
19
|
+
/* @__PURE__ */ r(
|
|
20
|
+
m,
|
|
21
|
+
{
|
|
22
|
+
$whiteSpace: "pre-line",
|
|
23
|
+
$renderAs: "ah4-bold",
|
|
24
|
+
$renderOnTabletAs: "ab1-bold",
|
|
25
|
+
$color: "WHITE",
|
|
26
|
+
$align: e ? "left" : "center",
|
|
27
|
+
children: "Get started in 3 easy steps!"
|
|
28
|
+
}
|
|
29
|
+
),
|
|
30
|
+
/* @__PURE__ */ r(h, { heightX: e ? 1.25 : t ? 1 : 2.75 }),
|
|
31
|
+
/* @__PURE__ */ r(
|
|
32
|
+
u,
|
|
33
|
+
{
|
|
34
|
+
$flexDirection: i,
|
|
35
|
+
$flexColumnGapX: e ? 0 : 0.5,
|
|
36
|
+
isHorizontalLayout: e,
|
|
37
|
+
children: x.map((n, l) => /* @__PURE__ */ a(
|
|
38
|
+
b,
|
|
39
|
+
{
|
|
40
|
+
$flex: 1,
|
|
41
|
+
$flexDirection: i === "row" ? "column" : "row",
|
|
42
|
+
$flexColumnGapX: 1.5,
|
|
43
|
+
$flexRowGapX: 0.5,
|
|
44
|
+
$alignItems: e ? "flex-start" : "center",
|
|
45
|
+
isHorizontalLayout: e,
|
|
46
|
+
$gutterX: e ? 1 : 0,
|
|
47
|
+
children: [
|
|
48
|
+
/* @__PURE__ */ r(
|
|
49
|
+
"img",
|
|
50
|
+
{
|
|
51
|
+
src: n.icon,
|
|
52
|
+
alt: `Step ${l + 1}`,
|
|
53
|
+
width: e ? 80 : 56,
|
|
54
|
+
height: e ? 80 : 56
|
|
55
|
+
}
|
|
56
|
+
),
|
|
57
|
+
/* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(
|
|
58
|
+
m,
|
|
59
|
+
{
|
|
60
|
+
$whiteSpace: "pre-line",
|
|
61
|
+
$renderAs: "ab2",
|
|
62
|
+
$renderOnTabletAs: "ab3",
|
|
63
|
+
$color: "WHITE",
|
|
64
|
+
$align: t ? "center" : "left",
|
|
65
|
+
children: n.title
|
|
66
|
+
}
|
|
67
|
+
) })
|
|
68
|
+
]
|
|
69
|
+
},
|
|
70
|
+
l
|
|
71
|
+
))
|
|
72
|
+
}
|
|
73
|
+
)
|
|
74
|
+
]
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
}, C = $(g);
|
|
41
78
|
export {
|
|
42
|
-
|
|
79
|
+
C as default
|
|
43
80
|
};
|
|
44
81
|
//# sourceMappingURL=onboarding-guide.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onboarding-guide.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { onboardingGuideSteps } from './onboarding-guide-constants';\nimport * as Styled from './onboarding-guide-styled';\n\nconst OnboardingGuide = () => {\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n\n return (\n <FlexView
|
|
1
|
+
{"version":3,"file":"onboarding-guide.js","sources":["../../../../../src/features/auth/pla-signup/onboarding-guide/onboarding-guide.tsx"],"sourcesContent":["import type { IOnboardingGuideProps } from './onboarding-guide-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { onboardingGuideSteps } from './onboarding-guide-constants';\nimport * as Styled from './onboarding-guide-styled';\n\nconst OnboardingGuide = ({ orientation = 'vertical' }: IOnboardingGuideProps) => {\n const { device } = useTheme();\n const isCompact = device <= EDeviceType.TABLET;\n const isMobile = device <= EDeviceType.MOBILE;\n const isHorizontalLayout = orientation === 'horizontal' && !isMobile;\n const flexDirection = isCompact || isHorizontalLayout ? 'row' : 'column';\n\n return (\n <FlexView\n $flex={1}\n $alignItems={isHorizontalLayout ? 'flex-start' : 'center'}\n $justifyContent=\"center\"\n >\n <Text\n $whiteSpace=\"pre-line\"\n $renderAs=\"ah4-bold\"\n $renderOnTabletAs=\"ab1-bold\"\n $color=\"WHITE\"\n $align={isHorizontalLayout ? 'left' : 'center'}\n >\n Get started in 3 easy steps!\n </Text>\n\n <Separator heightX={isHorizontalLayout ? 1.25 : isCompact ? 1 : 2.75} />\n\n <Styled.StepWrapper\n $flexDirection={flexDirection}\n $flexColumnGapX={!isHorizontalLayout ? 0.5 : 0}\n isHorizontalLayout={isHorizontalLayout}\n >\n {onboardingGuideSteps.map((step, index) => (\n <Styled.StepItem\n key={index}\n $flex={1}\n $flexDirection={flexDirection === 'row' ? 'column' : 'row'}\n $flexColumnGapX={1.5}\n $flexRowGapX={0.5}\n $alignItems={isHorizontalLayout ? 'flex-start' : 'center'}\n isHorizontalLayout={isHorizontalLayout}\n $gutterX={isHorizontalLayout ? 1 : 0}\n >\n <img\n src={step.icon}\n alt={`Step ${index + 1}`}\n width={isHorizontalLayout ? 80 : 56}\n height={isHorizontalLayout ? 80 : 56}\n />\n <FlexView>\n <Text\n $whiteSpace=\"pre-line\"\n $renderAs=\"ab2\"\n $renderOnTabletAs=\"ab3\"\n $color=\"WHITE\"\n $align={isCompact ? 'center' : 'left'}\n >\n {step.title}\n </Text>\n </FlexView>\n </Styled.StepItem>\n ))}\n </Styled.StepWrapper>\n </FlexView>\n );\n};\n\nexport default memo(OnboardingGuide);\n"],"names":["OnboardingGuide","orientation","device","useTheme","isCompact","EDeviceType","isMobile","isHorizontalLayout","flexDirection","jsxs","FlexView","jsx","Text","Separator","Styled.StepWrapper","onboardingGuideSteps","step","index","Styled.StepItem","onboardingGuide","memo"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAkB,CAAC,EAAE,aAAAC,IAAc,iBAAwC;AACzE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAWJ,KAAUG,EAAY,QACjCE,IAAqBN,MAAgB,gBAAgB,CAACK,GACtDE,IAAgBJ,KAAaG,IAAqB,QAAQ;AAG9D,SAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAaH,IAAqB,eAAe;AAAA,MACjD,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,WAAU;AAAA,YACV,mBAAkB;AAAA,YAClB,QAAO;AAAA,YACP,QAAQL,IAAqB,SAAS;AAAA,YACvC,UAAA;AAAA,UAAA;AAAA,QAED;AAAA,0BAECM,GAAU,EAAA,SAASN,IAAqB,OAAOH,IAAY,IAAI,MAAM;AAAA,QAEtE,gBAAAO;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,gBAAgBN;AAAA,YAChB,iBAAkBD,IAA2B,IAAN;AAAA,YACvC,oBAAAA;AAAA,YAEC,UAAqBQ,EAAA,IAAI,CAACC,GAAMC,MAC/B,gBAAAR;AAAA,cAACS;AAAAA,cAAA;AAAA,gBAEC,OAAO;AAAA,gBACP,gBAAgBV,MAAkB,QAAQ,WAAW;AAAA,gBACrD,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,aAAaD,IAAqB,eAAe;AAAA,gBACjD,oBAAAA;AAAA,gBACA,UAAUA,IAAqB,IAAI;AAAA,gBAEnC,UAAA;AAAA,kBAAA,gBAAAI;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,KAAKK,EAAK;AAAA,sBACV,KAAK,QAAQC,IAAQ,CAAC;AAAA,sBACtB,OAAOV,IAAqB,KAAK;AAAA,sBACjC,QAAQA,IAAqB,KAAK;AAAA,oBAAA;AAAA,kBACpC;AAAA,oCACCG,GACC,EAAA,UAAA,gBAAAC;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACC,aAAY;AAAA,sBACZ,WAAU;AAAA,sBACV,mBAAkB;AAAA,sBAClB,QAAO;AAAA,sBACP,QAAQR,IAAY,WAAW;AAAA,sBAE9B,UAAKY,EAAA;AAAA,oBAAA;AAAA,kBAAA,GAEV;AAAA,gBAAA;AAAA,cAAA;AAAA,cAzBKC;AAAA,YAAA,CA2BR;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeE,IAAAC,EAAKpB,CAAe;"}
|
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
import { jsxs as i, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { memo as
|
|
2
|
+
import { memo as p, useCallback as g } from "react";
|
|
3
3
|
import { useTheme as u } from "styled-components";
|
|
4
4
|
import b from "../../../../../../assets/line-icons/icons/chevron-right.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
5
|
+
import w from "../../../../../ui/buttons/clickable/clickable.js";
|
|
6
|
+
import C from "../../../../../ui/image/image.js";
|
|
7
7
|
import e from "../../../../../ui/layout/flex-view.js";
|
|
8
8
|
import T from "../../../../../ui/separator/separator.js";
|
|
9
|
-
import
|
|
9
|
+
import n from "../../../../../ui/text/text.js";
|
|
10
10
|
import { EDeviceType as x } from "../../../../../ui/theme/constants.js";
|
|
11
11
|
import { ImageWrapper as E } from "./summary-card-styled.js";
|
|
12
|
-
const
|
|
12
|
+
const _ = p(
|
|
13
13
|
({
|
|
14
|
-
title:
|
|
15
|
-
description:
|
|
16
|
-
image:
|
|
14
|
+
title: l,
|
|
15
|
+
description: a,
|
|
16
|
+
image: h,
|
|
17
17
|
textBG: t,
|
|
18
18
|
ctaLabel: $,
|
|
19
19
|
keyId: o,
|
|
20
20
|
isDemoDone: d,
|
|
21
|
-
onClick:
|
|
21
|
+
onClick: c
|
|
22
22
|
}) => {
|
|
23
|
-
const
|
|
24
|
-
o &&
|
|
25
|
-
}, [o,
|
|
26
|
-
/* @__PURE__ */ r(E, { $height: 84, $width: "100%", $background: t, children: /* @__PURE__ */ r(
|
|
23
|
+
const s = u().device <= x.MOBILE, f = g(() => {
|
|
24
|
+
o && c && c(o);
|
|
25
|
+
}, [o, c]), m = /* @__PURE__ */ i(e, { $flex: 1, children: [
|
|
26
|
+
/* @__PURE__ */ r(E, { $height: 84, $width: "100%", $background: t, children: /* @__PURE__ */ r(C, { src: h, height: 84, width: "100%", withLoader: !1 }) }),
|
|
27
27
|
/* @__PURE__ */ i(e, { $gap: 12, $gutter: 16, $background: t, $flex: 1, children: [
|
|
28
|
-
/* @__PURE__ */ r(
|
|
29
|
-
/* @__PURE__ */ r(T, { height:
|
|
30
|
-
/* @__PURE__ */ r(
|
|
28
|
+
/* @__PURE__ */ r(n, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: "WHITE", children: l }),
|
|
29
|
+
/* @__PURE__ */ r(T, { height: s ? 8 : 12 }),
|
|
30
|
+
/* @__PURE__ */ r(n, { $renderAs: "ub3", $color: "WHITE", children: a })
|
|
31
31
|
] })
|
|
32
|
-
] },
|
|
32
|
+
] }, l);
|
|
33
33
|
return d && o ? /* @__PURE__ */ i(e, { children: [
|
|
34
|
-
|
|
35
|
-
/* @__PURE__ */ r(
|
|
34
|
+
m,
|
|
35
|
+
/* @__PURE__ */ r(w, { label: o, onClick: f, children: /* @__PURE__ */ r(e, { $background: t, children: /* @__PURE__ */ i(
|
|
36
36
|
e,
|
|
37
37
|
{
|
|
38
38
|
$background: "BLACK_T_38",
|
|
@@ -42,15 +42,15 @@ const A = a(
|
|
|
42
42
|
$alignItems: "center",
|
|
43
43
|
$justifyContent: "space-between",
|
|
44
44
|
children: [
|
|
45
|
-
/* @__PURE__ */ r(e, { $gutterX: 0.5, $flexDirection: "row", $alignItems: "center", children: /* @__PURE__ */ r(
|
|
45
|
+
/* @__PURE__ */ r(e, { $gutterX: 0.5, $flexDirection: "row", $alignItems: "center", children: /* @__PURE__ */ r(n, { $renderAs: "ac4", $color: "WHITE_1", children: $ }) }),
|
|
46
46
|
/* @__PURE__ */ r(b, { width: 24, height: 24, color: "WHITE" })
|
|
47
47
|
]
|
|
48
48
|
}
|
|
49
49
|
) }) })
|
|
50
|
-
] }) :
|
|
50
|
+
] }) : m;
|
|
51
51
|
}
|
|
52
|
-
)
|
|
52
|
+
);
|
|
53
53
|
export {
|
|
54
|
-
|
|
54
|
+
_ as default
|
|
55
55
|
};
|
|
56
56
|
//# sourceMappingURL=summary-card.js.map
|
package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"summary-card.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import type { ISessionSummaryCardProps } from './summary-card-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\nimport Image from '../../../../../ui/image/image';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport { EDeviceType } from '../../../../../ui/theme/constants';\nimport * as Styled from './summary-card-styled';\n\nconst SessionSummaryCard = memo(\n ({\n title,\n description,\n image,\n textBG,\n ctaLabel,\n keyId,\n isDemoDone,\n onClick,\n }: ISessionSummaryCardProps) => {\n const theme = useTheme();\n const isMobile = theme.device <= EDeviceType.MOBILE;\n\n const handleClick = useCallback(() => {\n if (keyId && onClick) onClick(keyId);\n }, [keyId, onClick]);\n\n const CardContent = (\n <FlexView key={title} $flex={1}>\n <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n <Image src={image} height={84} width=\"100%\" withLoader={false} />\n </Styled.ImageWrapper>\n <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n {title}\n </Text>\n <Separator height={isMobile ? 8 : 12} />\n <Text $renderAs=\"ub3\" $color=\"WHITE\">\n {description}\n </Text>\n </FlexView>\n </FlexView>\n );\n\n return isDemoDone && keyId ? (\n <FlexView>\n {CardContent}\n <Clickable label={keyId} onClick={handleClick}>\n <FlexView $background={textBG}>\n <FlexView\n $background=\"BLACK_T_38\"\n $gapX={0.5}\n $gutterX={0.5}\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"space-between\"\n >\n <FlexView $gutterX={0.5} $flexDirection=\"row\" $alignItems=\"center\">\n <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n {ctaLabel}\n </Text>\n </FlexView>\n <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n </FlexView>\n </FlexView>\n </Clickable>\n </FlexView>\n ) : (\n CardContent\n );\n },\n);\n\nexport default
|
|
1
|
+
{"version":3,"file":"summary-card.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import type { ISessionSummaryCardProps } from './summary-card-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\nimport Image from '../../../../../ui/image/image';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport { EDeviceType } from '../../../../../ui/theme/constants';\nimport * as Styled from './summary-card-styled';\n\nconst SessionSummaryCard = memo(\n ({\n title,\n description,\n image,\n textBG,\n ctaLabel,\n keyId,\n isDemoDone,\n onClick,\n }: ISessionSummaryCardProps) => {\n const theme = useTheme();\n const isMobile = theme.device <= EDeviceType.MOBILE;\n\n const handleClick = useCallback(() => {\n if (keyId && onClick) onClick(keyId);\n }, [keyId, onClick]);\n\n const CardContent = (\n <FlexView key={title} $flex={1}>\n <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n <Image src={image} height={84} width=\"100%\" withLoader={false} />\n </Styled.ImageWrapper>\n <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n {title}\n </Text>\n <Separator height={isMobile ? 8 : 12} />\n <Text $renderAs=\"ub3\" $color=\"WHITE\">\n {description}\n </Text>\n </FlexView>\n </FlexView>\n );\n\n return isDemoDone && keyId ? (\n <FlexView>\n {CardContent}\n <Clickable label={keyId} onClick={handleClick}>\n <FlexView $background={textBG}>\n <FlexView\n $background=\"BLACK_T_38\"\n $gapX={0.5}\n $gutterX={0.5}\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"space-between\"\n >\n <FlexView $gutterX={0.5} $flexDirection=\"row\" $alignItems=\"center\">\n <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n {ctaLabel}\n </Text>\n </FlexView>\n <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n </FlexView>\n </FlexView>\n </Clickable>\n </FlexView>\n ) : (\n CardContent\n );\n },\n);\n\nexport default SessionSummaryCard;\n"],"names":["SessionSummaryCard","memo","title","description","image","textBG","ctaLabel","keyId","isDemoDone","onClick","isMobile","useTheme","EDeviceType","handleClick","useCallback","CardContent","jsxs","FlexView","jsx","Styled.ImageWrapper","Image","Text","Separator","Clickable","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqBC;AAAA,EACzB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC8B;AAExB,UAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAcC,EAAY,MAAM;AAChC,MAAAP,KAASE,KAASA,EAAQF,CAAK;AAAA,IAAA,GAClC,CAACA,GAAOE,CAAO,CAAC,GAEbM,IACJ,gBAAAC,EAACC,GAAqB,EAAA,OAAO,GAC3B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAS,IAAI,QAAO,QAAO,aAAad,GAC3D,4BAACe,GAAM,EAAA,KAAKhB,GAAO,QAAQ,IAAI,OAAM,QAAO,YAAY,GAAO,CAAA,GACjE;AAAA,MACA,gBAAAY,EAACC,KAAS,MAAM,IAAI,SAAS,IAAI,aAAaZ,GAAQ,OAAO,GAC3D,UAAA;AAAA,QAAA,gBAAAa,EAACG,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,SAC9D,UACHnB,EAAA,CAAA;AAAA,QACC,gBAAAgB,EAAAI,GAAA,EAAU,QAAQZ,IAAW,IAAI,IAAI;AAAA,0BACrCW,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHlB,GAAA;AAAA,MAAA,GACF;AAAA,IAAA,EAAA,GAZaD,CAaf;AAGK,WAAAM,KAAcD,IACnB,gBAAAS,EAACC,GACE,EAAA,UAAA;AAAA,MAAAF;AAAA,MACD,gBAAAG,EAACK,KAAU,OAAOhB,GAAO,SAASM,GAChC,UAAA,gBAAAK,EAACD,GAAS,EAAA,aAAaZ,GACrB,UAAA,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAC,EAACD,GAAS,EAAA,UAAU,KAAK,gBAAe,OAAM,aAAY,UACxD,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,WAC1B,YACH,CAAA,GACF;AAAA,8BACCG,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,SAE3D,EACF,CAAA;AAAA,IAAA,EACF,CAAA,IAEAT;AAAA,EAEJ;AACF;"}
|
package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js
CHANGED
|
@@ -1,38 +1,37 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ILLUSTRATIONS as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
const
|
|
1
|
+
import o from "styled-components";
|
|
2
|
+
import { ILLUSTRATIONS as e } from "../../../../../assets/illustrations/illustrations.js";
|
|
3
|
+
import r from "../../../../ui/image/image.js";
|
|
4
|
+
import i from "../../../../ui/layout/flex-view.js";
|
|
5
|
+
const l = o(r)`
|
|
6
6
|
object-fit: cover;
|
|
7
7
|
border-radius: 50%;
|
|
8
|
-
border:
|
|
9
|
-
`,
|
|
10
|
-
({ theme:
|
|
11
|
-
background-image: url(${
|
|
8
|
+
border: 1.5px solid ${({ theme: t }) => t.colors.REAL_BLACK};
|
|
9
|
+
`, a = o(i)(
|
|
10
|
+
({ theme: t }) => `
|
|
11
|
+
background-image: url(${e.RADIAL_GRADIENT_BG_2});
|
|
12
12
|
background-repeat: no-repeat;
|
|
13
13
|
background-size: auto;
|
|
14
|
-
background-position:
|
|
14
|
+
background-position: top;
|
|
15
15
|
position: relative;
|
|
16
|
-
${
|
|
17
|
-
background-
|
|
18
|
-
background-image: url(${i.RADIAL_GRADIENT_BG});
|
|
16
|
+
${t.mediaQueries.minWidthTablet} {
|
|
17
|
+
background-image: url(${e.RADIAL_GRADIENT_BG});
|
|
19
18
|
}
|
|
20
19
|
`
|
|
21
|
-
),
|
|
22
|
-
({ theme:
|
|
20
|
+
), h = o.div(
|
|
21
|
+
({ theme: t }) => `
|
|
23
22
|
display: flex;
|
|
24
23
|
flex-direction: row;
|
|
25
24
|
flex-wrap: wrap;
|
|
26
|
-
${
|
|
25
|
+
${t.mediaQueries.minWidthTablet} {
|
|
27
26
|
flex: 1;
|
|
28
27
|
display: grid;
|
|
29
|
-
border-left: 1px solid ${
|
|
28
|
+
border-left: 1px solid ${t.colors.BLACK_T_87};
|
|
30
29
|
grid-template-columns: repeat(2, 1fr);
|
|
31
30
|
grid-template-rows: auto auto auto;
|
|
32
31
|
}
|
|
33
32
|
`
|
|
34
|
-
),
|
|
35
|
-
({ theme:
|
|
33
|
+
), m = o(i)(
|
|
34
|
+
({ theme: t }) => `
|
|
36
35
|
width: 33.33%;
|
|
37
36
|
&:nth-child(odd) {
|
|
38
37
|
padding: 12px 16px;
|
|
@@ -40,9 +39,9 @@ const p = r(t)`
|
|
|
40
39
|
&:last-child {
|
|
41
40
|
width: 100%;
|
|
42
41
|
}
|
|
43
|
-
${
|
|
42
|
+
${t.mediaQueries.minWidthTablet} {
|
|
44
43
|
width: auto;
|
|
45
|
-
border: 0.5px solid ${
|
|
44
|
+
border: 0.5px solid ${t.colors.WHITE_5};
|
|
46
45
|
&:first-child,
|
|
47
46
|
&:nth-child(2) {
|
|
48
47
|
grid-column: span 1;
|
|
@@ -70,16 +69,60 @@ const p = r(t)`
|
|
|
70
69
|
}
|
|
71
70
|
}
|
|
72
71
|
`
|
|
73
|
-
),
|
|
72
|
+
), x = o(i)`
|
|
74
73
|
position: absolute;
|
|
75
74
|
top: 8px;
|
|
76
75
|
left: 8px;
|
|
76
|
+
`, b = o.img`
|
|
77
|
+
position: absolute;
|
|
78
|
+
top: 32px;
|
|
79
|
+
right: 32px;
|
|
80
|
+
width: 14px;
|
|
81
|
+
${({ theme: t }) => t.mediaQueries.minWidthTablet} {
|
|
82
|
+
top: 27px;
|
|
83
|
+
right: 38px;
|
|
84
|
+
width: 18px;
|
|
85
|
+
}
|
|
86
|
+
`, c = o.img`
|
|
87
|
+
position: absolute;
|
|
88
|
+
top: 40px;
|
|
89
|
+
left: 80px;
|
|
90
|
+
width: 11px;
|
|
91
|
+
${({ theme: t }) => t.mediaQueries.minWidthTablet} {
|
|
92
|
+
top: 28.5px;
|
|
93
|
+
left: 38px;
|
|
94
|
+
width: 15px;
|
|
95
|
+
}
|
|
96
|
+
`, u = o.img`
|
|
97
|
+
position: absolute;
|
|
98
|
+
left: 64px;
|
|
99
|
+
bottom: 86px;
|
|
100
|
+
width: 12px;
|
|
101
|
+
${({ theme: t }) => t.mediaQueries.minWidthTablet} {
|
|
102
|
+
bottom: 130px;
|
|
103
|
+
left: 38px;
|
|
104
|
+
width: 13px;
|
|
105
|
+
}
|
|
106
|
+
`, g = o.img`
|
|
107
|
+
position: absolute;
|
|
108
|
+
right: 48px;
|
|
109
|
+
bottom: 96px;
|
|
110
|
+
width: 14px;
|
|
111
|
+
${({ theme: t }) => t.mediaQueries.minWidthTablet} {
|
|
112
|
+
right: 32px;
|
|
113
|
+
bottom: 130px;
|
|
114
|
+
width: 19px;
|
|
115
|
+
}
|
|
77
116
|
`;
|
|
78
117
|
export {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
c as
|
|
118
|
+
x as CueLogoWrapper,
|
|
119
|
+
h as GridContainer,
|
|
120
|
+
m as GridItem,
|
|
121
|
+
b as PositionedAsset1,
|
|
122
|
+
c as PositionedAsset2,
|
|
123
|
+
u as PositionedAsset3,
|
|
124
|
+
g as PositionedAsset4,
|
|
125
|
+
l as ProfilePicture,
|
|
126
|
+
a as ProfileWrapper
|
|
84
127
|
};
|
|
85
128
|
//# sourceMappingURL=teacher-profile-styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"teacher-profile-styled.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ProfilePicture = styled(Image)`\n object-fit: cover;\n border-radius: 50%;\n border:
|
|
1
|
+
{"version":3,"file":"teacher-profile-styled.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ProfilePicture = styled(Image)`\n object-fit: cover;\n border-radius: 50%;\n border: 1.5px solid ${({ theme }) => theme.colors.REAL_BLACK};\n`;\n\nconst ProfileWrapper = styled(FlexView)(\n ({ theme }) => `\n background-image: url(${ILLUSTRATIONS.RADIAL_GRADIENT_BG_2});\n background-repeat: no-repeat;\n background-size: auto;\n background-position: top;\n position: relative;\n ${theme.mediaQueries.minWidthTablet} {\n background-image: url(${ILLUSTRATIONS.RADIAL_GRADIENT_BG});\n }\n`,\n);\n\nconst GridContainer = styled.div(\n ({ theme }) => `\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n ${theme.mediaQueries.minWidthTablet} {\n flex: 1;\n display: grid;\n border-left: 1px solid ${theme.colors.BLACK_T_87};\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: auto auto auto;\n }\n`,\n);\n\nconst GridItem = styled(FlexView)(\n ({ theme }) => `\n width: 33.33%;\n &:nth-child(odd) {\n padding: 12px 16px;\n }\n &:last-child {\n width: 100%;\n }\n ${theme.mediaQueries.minWidthTablet} {\n width: auto;\n border: 0.5px solid ${theme.colors.WHITE_5};\n &:first-child,\n &:nth-child(2) {\n grid-column: span 1;\n }\n &:nth-child(3),\n &:nth-child(4) {\n grid-column: span 2;\n }\n &:first-child {\n border-left: none;\n border-top: none;\n }\n &:nth-child(2) {\n border-right: none;\n border-top: none;\n }\n &:nth-child(3) {\n border-left: none;\n border-right: none;\n }\n &:nth-child(4) {\n border-left: none;\n border-right: none;\n border-bottom: none;\n }\n }\n`,\n);\n\nconst CueLogoWrapper = styled(FlexView)`\n position: absolute;\n top: 8px;\n left: 8px;\n`;\n\nconst PositionedAsset1 = styled.img`\n position: absolute;\n top: 32px;\n right: 32px;\n width: 14px;\n ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n top: 27px;\n right: 38px;\n width: 18px;\n }\n`;\nconst PositionedAsset2 = styled.img`\n position: absolute;\n top: 40px;\n left: 80px;\n width: 11px;\n ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n top: 28.5px;\n left: 38px;\n width: 15px;\n }\n`;\nconst PositionedAsset3 = styled.img`\n position: absolute;\n left: 64px;\n bottom: 86px;\n width: 12px;\n ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n bottom: 130px;\n left: 38px;\n width: 13px;\n }\n`;\nconst PositionedAsset4 = styled.img`\n position: absolute;\n right: 48px;\n bottom: 96px;\n width: 14px;\n ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n right: 32px;\n bottom: 130px;\n width: 19px;\n }\n`;\n\nexport {\n PositionedAsset1,\n PositionedAsset2,\n PositionedAsset3,\n PositionedAsset4,\n CueLogoWrapper,\n ProfilePicture,\n GridContainer,\n GridItem,\n ProfileWrapper,\n};\n"],"names":["ProfilePicture","styled","Image","theme","ProfileWrapper","FlexView","ILLUSTRATIONS","GridContainer","GridItem","CueLogoWrapper","PositionedAsset1","PositionedAsset2","PositionedAsset3","PositionedAsset4"],"mappings":";;;;AAMM,MAAAA,IAAiBC,EAAOC,CAAK;AAAA;AAAA;AAAA,wBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,UAAU;AAAA,GAGxDC,IAAiBH,EAAOI,CAAQ;AAAA,EACpC,CAAC,EAAE,OAAAF,EAAA,MAAY;AAAA,0BACSG,EAAc,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxDH,EAAM,aAAa,cAAc;AAAA,4BACTG,EAAc,kBAAkB;AAAA;AAAA;AAG5D,GAEMC,IAAgBN,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,IAIbA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA,6BAGRA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAKpD,GAEMK,IAAWP,EAAOI,CAAQ;AAAA,EAC9B,CAAC,EAAE,OAAAF,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQbA,EAAM,aAAa,cAAc;AAAA;AAAA,0BAEXA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4B9C,GAEMM,IAAiBR,EAAOI,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMhCK,IAAmBT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK5B,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,GAM9CQ,IAAmBV,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK5B,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,GAM9CS,IAAmBX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK5B,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,GAM9CU,IAAmBZ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK5B,CAAC,EAAE,OAAAE,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
|
@@ -1,57 +1,58 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { memo as
|
|
3
|
-
import { useTheme as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
1
|
+
import { jsxs as t, Fragment as P, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { memo as Y, useMemo as l, useCallback as m } from "react";
|
|
3
|
+
import { useTheme as j } from "styled-components";
|
|
4
|
+
import { ILLUSTRATIONS as u } from "../../../../../assets/illustrations/illustrations.js";
|
|
5
|
+
import B from "../../../../../assets/line-icons/icons/cuemath-logo.js";
|
|
6
|
+
import H from "../../../../ui/buttons/button/button.js";
|
|
7
|
+
import V from "../../../../ui/image/image.js";
|
|
7
8
|
import s from "../../../../ui/layout/flex-view.js";
|
|
8
|
-
import
|
|
9
|
+
import x from "../../../../ui/separator/separator.js";
|
|
9
10
|
import c from "../../../../ui/text/text.js";
|
|
10
|
-
import { EDeviceType as
|
|
11
|
-
import { COUNTRY_FLAGS as
|
|
11
|
+
import { EDeviceType as F } from "../../../../ui/theme/constants.js";
|
|
12
|
+
import { COUNTRY_FLAGS as K } from "../teacher-intro-constants.js";
|
|
12
13
|
import { formatCountryList as q } from "./teacher-profile-helpers.js";
|
|
13
|
-
import { GridItem as
|
|
14
|
-
const
|
|
14
|
+
import { GridItem as N, ProfileWrapper as z, CueLogoWrapper as Q, PositionedAsset1 as J, PositionedAsset2 as Z, PositionedAsset3 as ee, PositionedAsset4 as re, ProfilePicture as te, GridContainer as ne } from "./teacher-profile-styled.js";
|
|
15
|
+
const oe = Object.values(K), y = Y(({ teacherProfile: S }) => {
|
|
15
16
|
const {
|
|
16
|
-
degree:
|
|
17
|
-
countries:
|
|
17
|
+
degree: D,
|
|
18
|
+
countries: o,
|
|
18
19
|
lower_grade: d,
|
|
19
|
-
higher_grade:
|
|
20
|
-
header_image:
|
|
21
|
-
years_of_experience:
|
|
22
|
-
number_of_students_taught:
|
|
23
|
-
first_name:
|
|
24
|
-
last_name:
|
|
25
|
-
teacher_profile_url:
|
|
26
|
-
} =
|
|
27
|
-
degree_name:
|
|
20
|
+
higher_grade: i,
|
|
21
|
+
header_image: G,
|
|
22
|
+
years_of_experience: R,
|
|
23
|
+
number_of_students_taught: v,
|
|
24
|
+
first_name: g,
|
|
25
|
+
last_name: O,
|
|
26
|
+
teacher_profile_url: n
|
|
27
|
+
} = S || {}, {
|
|
28
|
+
degree_name: $,
|
|
28
29
|
field_of_study: h,
|
|
29
|
-
degree_code:
|
|
30
|
-
} =
|
|
31
|
-
() =>
|
|
32
|
-
[
|
|
33
|
-
),
|
|
34
|
-
|
|
35
|
-
}, [
|
|
36
|
-
/* @__PURE__ */ r(
|
|
30
|
+
degree_code: C
|
|
31
|
+
} = D || {}, b = j(), e = l(() => b.device <= F.MOBILE, [b.device]), I = l(() => i && parseInt(i, 10) > 8, [i]), w = l(
|
|
32
|
+
() => g ? `${g} ${O}`.trim() : "",
|
|
33
|
+
[g, O]
|
|
34
|
+
), p = l(() => I ? "High School" : !d || !i ? "" : ` ${d === "K" ? "" : "G"}${d} - G${i}`, [I, i, d]), E = l(() => o && o.length > 0, [o]), U = l(() => $ && h, [$, h]), k = m(() => {
|
|
35
|
+
n && window.open(n, "_blank");
|
|
36
|
+
}, [n]), _ = m(() => n ? /* @__PURE__ */ t(P, { children: [
|
|
37
|
+
/* @__PURE__ */ r(x, { heightX: 1.5 }),
|
|
37
38
|
/* @__PURE__ */ r(
|
|
38
|
-
|
|
39
|
+
H,
|
|
39
40
|
{
|
|
40
41
|
label: "View profile",
|
|
41
42
|
renderAs: "secondary",
|
|
42
43
|
shape: "square",
|
|
43
|
-
onClick:
|
|
44
|
+
onClick: k,
|
|
44
45
|
size: "small"
|
|
45
46
|
}
|
|
46
47
|
)
|
|
47
|
-
] }) : null, [
|
|
48
|
+
] }) : null, [k, n]), A = m(
|
|
48
49
|
({
|
|
49
|
-
value:
|
|
50
|
-
label:
|
|
50
|
+
value: a,
|
|
51
|
+
label: T,
|
|
51
52
|
mobileLabel: f,
|
|
52
|
-
valueRenderAs:
|
|
53
|
-
}) => /* @__PURE__ */
|
|
54
|
-
|
|
53
|
+
valueRenderAs: L = "ah3-black"
|
|
54
|
+
}) => /* @__PURE__ */ t(
|
|
55
|
+
N,
|
|
55
56
|
{
|
|
56
57
|
$flex: e ? 1 : 0,
|
|
57
58
|
$justifyContent: e ? "flex-start" : "center",
|
|
@@ -60,59 +61,58 @@ const P = B(({ teacherProfile: N }) => {
|
|
|
60
61
|
$alignItems: e ? "center" : "flex-start",
|
|
61
62
|
$background: e ? "YELLOW_3" : "TRANSPARENT",
|
|
62
63
|
children: [
|
|
63
|
-
/* @__PURE__ */ r(c, { $renderAs:
|
|
64
|
-
/* @__PURE__ */ r(c, { $renderAs: "ub2", $renderOnMobileAs: "ub3", $align: e ? "center" : "left", children: e && f ? f :
|
|
64
|
+
/* @__PURE__ */ r(c, { $renderAs: L, $renderOnMobileAs: "ab2-black", children: a }),
|
|
65
|
+
/* @__PURE__ */ r(c, { $renderAs: "ub2", $renderOnMobileAs: "ub3", $align: e ? "center" : "left", children: e && f ? f : T })
|
|
65
66
|
]
|
|
66
67
|
}
|
|
67
68
|
),
|
|
68
69
|
[e]
|
|
69
|
-
),
|
|
70
|
-
if (!
|
|
70
|
+
), M = m(() => {
|
|
71
|
+
if (!E) return null;
|
|
71
72
|
if (e) {
|
|
72
|
-
const
|
|
73
|
-
return /* @__PURE__ */
|
|
74
|
-
/* @__PURE__ */
|
|
73
|
+
const a = q(o);
|
|
74
|
+
return /* @__PURE__ */ t(s, { $gapX: 0.75, children: [
|
|
75
|
+
/* @__PURE__ */ t(c, { $renderOnMobileAs: "ub3-bold", $renderAs: "ab3-black", children: [
|
|
75
76
|
"Teaching ",
|
|
76
|
-
|
|
77
|
+
p,
|
|
77
78
|
" kids in ",
|
|
78
|
-
|
|
79
|
+
a,
|
|
79
80
|
"."
|
|
80
81
|
] }),
|
|
81
|
-
|
|
82
|
-
|
|
82
|
+
_(),
|
|
83
|
+
n && /* @__PURE__ */ r(x, { heightX: 0.75 })
|
|
83
84
|
] });
|
|
84
85
|
}
|
|
85
|
-
return /* @__PURE__ */
|
|
86
|
-
/* @__PURE__ */
|
|
86
|
+
return /* @__PURE__ */ t(s, { $flexDirection: "column", $flexGap: 12, children: [
|
|
87
|
+
/* @__PURE__ */ t(c, { $renderAs: "ab1-black", $renderOnMobileAs: "ub3-bold", children: [
|
|
87
88
|
"Teaching ",
|
|
88
|
-
|
|
89
|
+
p,
|
|
89
90
|
" kids in"
|
|
90
91
|
] }),
|
|
91
|
-
/* @__PURE__ */ r(s, { $flexDirection: "row", $flexGap: 16, $flexWrap: !0, children:
|
|
92
|
-
const
|
|
93
|
-
return /* @__PURE__ */
|
|
94
|
-
/* @__PURE__ */ r(
|
|
95
|
-
/* @__PURE__ */ r(c, { $renderAs: "ab3-black", children:
|
|
96
|
-
] },
|
|
92
|
+
/* @__PURE__ */ r(s, { $flexDirection: "row", $flexGap: 16, $flexWrap: !0, children: o.map((a) => {
|
|
93
|
+
const T = oe.find((X) => X.name === a), { flag_icon: f = "", label: L = "", name: W } = T || {};
|
|
94
|
+
return /* @__PURE__ */ t(s, { $flexDirection: "row", $flexGap: 4, children: [
|
|
95
|
+
/* @__PURE__ */ r(V, { src: f, width: 30, height: 20, withLoader: !1 }),
|
|
96
|
+
/* @__PURE__ */ r(c, { $renderAs: "ab3-black", children: L })
|
|
97
|
+
] }, W || a);
|
|
97
98
|
}) })
|
|
98
99
|
] });
|
|
99
100
|
}, [
|
|
100
|
-
|
|
101
|
+
E,
|
|
101
102
|
e,
|
|
102
|
-
b,
|
|
103
|
-
i,
|
|
104
103
|
p,
|
|
105
|
-
|
|
106
|
-
|
|
104
|
+
o,
|
|
105
|
+
_,
|
|
106
|
+
n
|
|
107
107
|
]);
|
|
108
|
-
return /* @__PURE__ */
|
|
108
|
+
return /* @__PURE__ */ t(
|
|
109
109
|
s,
|
|
110
110
|
{
|
|
111
111
|
$flexDirection: e ? "column" : "row",
|
|
112
112
|
$borderColor: "BLACK_T_87",
|
|
113
113
|
$background: "WHITE_3",
|
|
114
114
|
children: [
|
|
115
|
-
/* @__PURE__ */
|
|
115
|
+
/* @__PURE__ */ t(
|
|
116
116
|
z,
|
|
117
117
|
{
|
|
118
118
|
$gapX: e ? 1 : 1.5,
|
|
@@ -121,48 +121,52 @@ const P = B(({ teacherProfile: N }) => {
|
|
|
121
121
|
$alignItems: "center",
|
|
122
122
|
$justifyContent: "center",
|
|
123
123
|
children: [
|
|
124
|
-
e && /* @__PURE__ */ r(
|
|
124
|
+
e && /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ r(B, { width: 54, height: 8, color: b.colors.REAL_BLACK }) }),
|
|
125
|
+
/* @__PURE__ */ r(J, { src: u.STAR_OUTLINED }),
|
|
126
|
+
/* @__PURE__ */ r(Z, { src: u.HEART_OUTLINED }),
|
|
127
|
+
/* @__PURE__ */ r(ee, { src: u.EQUAL_OUTLINED }),
|
|
128
|
+
/* @__PURE__ */ r(re, { src: u.TROPHY_OUTLINED }),
|
|
125
129
|
/* @__PURE__ */ r(
|
|
126
|
-
|
|
130
|
+
te,
|
|
127
131
|
{
|
|
128
132
|
withLoader: !0,
|
|
129
|
-
src:
|
|
133
|
+
src: G,
|
|
130
134
|
width: e ? 154 : 238,
|
|
131
135
|
height: e ? 154 : 238
|
|
132
136
|
}
|
|
133
137
|
),
|
|
134
|
-
|
|
135
|
-
/* @__PURE__ */ r(
|
|
136
|
-
/* @__PURE__ */ r(c, { $renderAs: "ac2-black", $color: "BLACK_1", $align: "center", children:
|
|
138
|
+
w && /* @__PURE__ */ t(P, { children: [
|
|
139
|
+
/* @__PURE__ */ r(x, { heightX: e ? 0.75 : 1.5 }),
|
|
140
|
+
/* @__PURE__ */ r(c, { $renderAs: "ac2-black", $color: "BLACK_1", $align: "center", children: w })
|
|
137
141
|
] }),
|
|
138
|
-
!e &&
|
|
142
|
+
!e && _()
|
|
139
143
|
]
|
|
140
144
|
}
|
|
141
145
|
),
|
|
142
|
-
/* @__PURE__ */
|
|
143
|
-
|
|
144
|
-
value: `${
|
|
146
|
+
/* @__PURE__ */ t(ne, { children: [
|
|
147
|
+
A({
|
|
148
|
+
value: `${R}+`,
|
|
145
149
|
label: "Yrs of Teaching Experience",
|
|
146
150
|
mobileLabel: "Years of Teaching"
|
|
147
151
|
}),
|
|
148
|
-
|
|
149
|
-
value: `${
|
|
152
|
+
A({
|
|
153
|
+
value: `${v}+`,
|
|
150
154
|
label: "Students Taught"
|
|
151
155
|
}),
|
|
152
|
-
|
|
153
|
-
value: e &&
|
|
156
|
+
U && A({
|
|
157
|
+
value: e && C ? C : $,
|
|
154
158
|
label: `In ${h}`,
|
|
155
159
|
mobileLabel: h,
|
|
156
160
|
valueRenderAs: "ab1-black"
|
|
157
161
|
}),
|
|
158
162
|
/* @__PURE__ */ r(
|
|
159
|
-
|
|
163
|
+
N,
|
|
160
164
|
{
|
|
161
165
|
$justifyContent: "center",
|
|
162
166
|
$gutter: 24,
|
|
163
167
|
$flexDirection: e ? "row" : "column",
|
|
164
168
|
$background: e ? "YELLOW_4" : "TRANSPARENT",
|
|
165
|
-
children:
|
|
169
|
+
children: M()
|
|
166
170
|
}
|
|
167
171
|
)
|
|
168
172
|
] })
|
|
@@ -170,9 +174,9 @@ const P = B(({ teacherProfile: N }) => {
|
|
|
170
174
|
}
|
|
171
175
|
);
|
|
172
176
|
});
|
|
173
|
-
|
|
174
|
-
const
|
|
177
|
+
y.displayName = "TeacherProfile";
|
|
178
|
+
const _e = y;
|
|
175
179
|
export {
|
|
176
|
-
|
|
180
|
+
_e as default
|
|
177
181
|
};
|
|
178
182
|
//# sourceMappingURL=teacher-profile.js.map
|
package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"teacher-profile.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.tsx"],"sourcesContent":["import type { TTextVariants } from '../../../../ui/types';\nimport type { ITeacherProfileProps } from './teacher-profile-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport CuemathLogo from '../../../../../assets/line-icons/icons/cuemath-logo';\nimport Button from '../../../../ui/buttons/button/button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { COUNTRY_FLAGS } from '../teacher-intro-constants';\nimport { formatCountryList } from './teacher-profile-helpers';\nimport * as Styled from './teacher-profile-styled';\n\nconst TeacherProfile: FC<ITeacherProfileProps> = memo(({ teacherProfile }) => {\n const {\n degree,\n countries,\n lower_grade: lowerGrade,\n higher_grade: higherGrade,\n header_image: headerImage,\n years_of_experience: yearsOfExperience,\n number_of_students_taught: numberOfStudentsTaught,\n first_name: firstName,\n last_name: lastName,\n teacher_profile_url: teacherProfileUrl,\n } = teacherProfile || {};\n\n const {\n degree_name: degreeName,\n field_of_study: fieldOfStudy,\n degree_code: degreeCode,\n } = degree || {};\n\n const theme = useTheme();\n const isMobile = useMemo(() => theme.device <= EDeviceType.MOBILE, [theme.device]);\n const countryFlagArray = useMemo(() => Object.values(COUNTRY_FLAGS), []);\n const isHighSchool = useMemo(() => higherGrade && parseInt(higherGrade, 10) > 8, [higherGrade]);\n const teacherName = useMemo(\n () => (firstName ? `${firstName} ${lastName}`.trim() : ''),\n [firstName, lastName],\n );\n\n const displayGrade = useMemo(() => {\n if (isHighSchool) return 'High School';\n\n if (!lowerGrade || !higherGrade) return '';\n\n return ` ${lowerGrade === 'K' ? '' : 'G'}${lowerGrade} - G${higherGrade}`;\n }, [isHighSchool, higherGrade, lowerGrade]);\n\n const hasValidCountries = useMemo(() => countries && countries.length > 0, [countries]);\n\n const hasDegreeInfo = useMemo(() => degreeName && fieldOfStudy, [degreeName, fieldOfStudy]);\n\n const handleViewProfile = useCallback(() => {\n if (teacherProfileUrl) {\n window.open(teacherProfileUrl, '_blank');\n }\n }, [teacherProfileUrl]);\n\n const renderViewProfileButton = useCallback(() => {\n if (!teacherProfileUrl) return null;\n\n return (\n <>\n <Separator heightX={1.5} />\n <Button\n label=\"View profile\"\n renderAs=\"secondary\"\n shape=\"square\"\n onClick={handleViewProfile}\n size=\"small\"\n />\n </>\n );\n }, [handleViewProfile, teacherProfileUrl]);\n\n const renderStatItem = useCallback(\n ({\n value,\n label,\n mobileLabel,\n valueRenderAs = 'ah3-black',\n }: {\n value?: string | number;\n label: string;\n mobileLabel?: string;\n valueRenderAs?: TTextVariants;\n }) => (\n <Styled.GridItem\n $flex={isMobile ? 1 : 0}\n $justifyContent={isMobile ? 'flex-start' : 'center'}\n $gutter={isMobile ? 8 : 24}\n $gapX={isMobile ? 0.75 : 0}\n $alignItems={isMobile ? 'center' : 'flex-start'}\n $background={isMobile ? 'YELLOW_3' : 'TRANSPARENT'}\n >\n <Text $renderAs={valueRenderAs} $renderOnMobileAs=\"ab2-black\">\n {value}\n </Text>\n <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $align={isMobile ? 'center' : 'left'}>\n {isMobile && mobileLabel ? mobileLabel : label}\n </Text>\n </Styled.GridItem>\n ),\n [isMobile],\n );\n\n const renderCountries = useCallback(() => {\n if (!hasValidCountries) return null;\n\n if (isMobile) {\n const formattedCountries = formatCountryList(countries!);\n\n return (\n <FlexView $gapX={0.75}>\n <Text $renderOnMobileAs=\"ub3-bold\" $renderAs=\"ab3-black\">\n Teaching {displayGrade} kids in {formattedCountries}.\n </Text>\n {renderViewProfileButton()}\n {teacherProfileUrl && <Separator heightX={0.75} />}\n </FlexView>\n );\n }\n\n return (\n <FlexView $flexDirection=\"column\" $flexGap={12}>\n <Text $renderAs=\"ab1-black\" $renderOnMobileAs=\"ub3-bold\">\n Teaching {displayGrade} kids in\n </Text>\n <FlexView $flexDirection=\"row\" $flexGap={16} $flexWrap>\n {countries!.map(country => {\n const match = countryFlagArray.find(item => item.name === country);\n const { flag_icon: flagIcon = '', label = '', name } = match || {};\n\n return (\n <FlexView key={name || country} $flexDirection=\"row\" $flexGap={4}>\n <Image src={flagIcon} width={30} height={20} withLoader={false} />\n <Text $renderAs=\"ab3-black\">{label}</Text>\n </FlexView>\n );\n })}\n </FlexView>\n </FlexView>\n );\n }, [\n hasValidCountries,\n isMobile,\n displayGrade,\n countries,\n renderViewProfileButton,\n teacherProfileUrl,\n countryFlagArray,\n ]);\n\n return (\n <FlexView\n $flexDirection={isMobile ? 'column' : 'row'}\n $borderColor=\"BLACK_T_87\"\n $background=\"WHITE_3\"\n >\n <Styled.ProfileWrapper\n $gapX={isMobile ? 1 : 1.5}\n $gutterX={1}\n $background=\"YELLOW_4\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n {isMobile && (\n <Styled.CueLogoWrapper>\n <CuemathLogo width={54} height={8} color={theme.colors.REAL_BLACK} />\n </Styled.CueLogoWrapper>\n )}\n <Styled.ProfilePicture\n withLoader\n src={headerImage}\n width={isMobile ? 154 : 238}\n height={isMobile ? 154 : 238}\n />\n {teacherName && (\n <>\n <Separator heightX={isMobile ? 0.75 : 1.5} />\n <Text $renderAs=\"ac2-black\" $color=\"BLACK_1\" $align=\"center\">\n {teacherName}\n </Text>\n </>\n )}\n {!isMobile && renderViewProfileButton()}\n </Styled.ProfileWrapper>\n\n <Styled.GridContainer>\n {renderStatItem({\n value: `${yearsOfExperience}+`,\n label: 'Yrs of Teaching Experience',\n mobileLabel: 'Years of Teaching',\n })}\n {renderStatItem({\n value: `${numberOfStudentsTaught}+`,\n label: 'Students Taught',\n })}\n {hasDegreeInfo &&\n renderStatItem({\n value: isMobile && degreeCode ? degreeCode : degreeName,\n label: `In ${fieldOfStudy}`,\n mobileLabel: fieldOfStudy,\n valueRenderAs: 'ab1-black',\n })}\n <Styled.GridItem\n $justifyContent=\"center\"\n $gutter={24}\n $flexDirection={isMobile ? 'row' : 'column'}\n $background={isMobile ? 'YELLOW_4' : 'TRANSPARENT'}\n >\n {renderCountries()}\n </Styled.GridItem>\n </Styled.GridContainer>\n </FlexView>\n );\n});\n\nTeacherProfile.displayName = 'TeacherProfile';\n\nexport default TeacherProfile;\n"],"names":["TeacherProfile","memo","teacherProfile","degree","countries","lowerGrade","higherGrade","headerImage","yearsOfExperience","numberOfStudentsTaught","firstName","lastName","teacherProfileUrl","degreeName","fieldOfStudy","degreeCode","theme","useTheme","isMobile","useMemo","EDeviceType","countryFlagArray","COUNTRY_FLAGS","isHighSchool","teacherName","displayGrade","hasValidCountries","hasDegreeInfo","handleViewProfile","useCallback","renderViewProfileButton","jsxs","Fragment","jsx","Separator","Button","renderStatItem","value","label","mobileLabel","valueRenderAs","Styled.GridItem","Text","renderCountries","formattedCountries","formatCountryList","FlexView","country","match","item","flagIcon","name","Image","Styled.ProfileWrapper","Styled.CueLogoWrapper","CuemathLogo","Styled.ProfilePicture","Styled.GridContainer","TeacherProfile$1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"teacher-profile.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.tsx"],"sourcesContent":["import type { TTextVariants } from '../../../../ui/types';\nimport type { ITeacherProfileProps } from './teacher-profile-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport CuemathLogo from '../../../../../assets/line-icons/icons/cuemath-logo';\nimport Button from '../../../../ui/buttons/button/button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { COUNTRY_FLAGS } from '../teacher-intro-constants';\nimport { formatCountryList } from './teacher-profile-helpers';\nimport * as Styled from './teacher-profile-styled';\n\nconst countryFlagArray = Object.values(COUNTRY_FLAGS);\n\nconst TeacherProfile: FC<ITeacherProfileProps> = memo(({ teacherProfile }) => {\n const {\n degree,\n countries,\n lower_grade: lowerGrade,\n higher_grade: higherGrade,\n header_image: headerImage,\n years_of_experience: yearsOfExperience,\n number_of_students_taught: numberOfStudentsTaught,\n first_name: firstName,\n last_name: lastName,\n teacher_profile_url: teacherProfileUrl,\n } = teacherProfile || {};\n\n const {\n degree_name: degreeName,\n field_of_study: fieldOfStudy,\n degree_code: degreeCode,\n } = degree || {};\n\n const theme = useTheme();\n const isMobile = useMemo(() => theme.device <= EDeviceType.MOBILE, [theme.device]);\n const isHighSchool = useMemo(() => higherGrade && parseInt(higherGrade, 10) > 8, [higherGrade]);\n const teacherName = useMemo(\n () => (firstName ? `${firstName} ${lastName}`.trim() : ''),\n [firstName, lastName],\n );\n\n const displayGrade = useMemo(() => {\n if (isHighSchool) return 'High School';\n\n if (!lowerGrade || !higherGrade) return '';\n\n return ` ${lowerGrade === 'K' ? '' : 'G'}${lowerGrade} - G${higherGrade}`;\n }, [isHighSchool, higherGrade, lowerGrade]);\n\n const hasValidCountries = useMemo(() => countries && countries.length > 0, [countries]);\n\n const hasDegreeInfo = useMemo(() => degreeName && fieldOfStudy, [degreeName, fieldOfStudy]);\n\n const handleViewProfile = useCallback(() => {\n if (teacherProfileUrl) {\n window.open(teacherProfileUrl, '_blank');\n }\n }, [teacherProfileUrl]);\n\n const renderViewProfileButton = useCallback(() => {\n if (!teacherProfileUrl) return null;\n\n return (\n <>\n <Separator heightX={1.5} />\n <Button\n label=\"View profile\"\n renderAs=\"secondary\"\n shape=\"square\"\n onClick={handleViewProfile}\n size=\"small\"\n />\n </>\n );\n }, [handleViewProfile, teacherProfileUrl]);\n\n const renderStatItem = useCallback(\n ({\n value,\n label,\n mobileLabel,\n valueRenderAs = 'ah3-black',\n }: {\n value?: string | number;\n label: string;\n mobileLabel?: string;\n valueRenderAs?: TTextVariants;\n }) => (\n <Styled.GridItem\n $flex={isMobile ? 1 : 0}\n $justifyContent={isMobile ? 'flex-start' : 'center'}\n $gutter={isMobile ? 8 : 24}\n $gapX={isMobile ? 0.75 : 0}\n $alignItems={isMobile ? 'center' : 'flex-start'}\n $background={isMobile ? 'YELLOW_3' : 'TRANSPARENT'}\n >\n <Text $renderAs={valueRenderAs} $renderOnMobileAs=\"ab2-black\">\n {value}\n </Text>\n <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $align={isMobile ? 'center' : 'left'}>\n {isMobile && mobileLabel ? mobileLabel : label}\n </Text>\n </Styled.GridItem>\n ),\n [isMobile],\n );\n\n const renderCountries = useCallback(() => {\n if (!hasValidCountries) return null;\n\n if (isMobile) {\n const formattedCountries = formatCountryList(countries!);\n\n return (\n <FlexView $gapX={0.75}>\n <Text $renderOnMobileAs=\"ub3-bold\" $renderAs=\"ab3-black\">\n Teaching {displayGrade} kids in {formattedCountries}.\n </Text>\n {renderViewProfileButton()}\n {teacherProfileUrl && <Separator heightX={0.75} />}\n </FlexView>\n );\n }\n\n return (\n <FlexView $flexDirection=\"column\" $flexGap={12}>\n <Text $renderAs=\"ab1-black\" $renderOnMobileAs=\"ub3-bold\">\n Teaching {displayGrade} kids in\n </Text>\n <FlexView $flexDirection=\"row\" $flexGap={16} $flexWrap>\n {countries!.map(country => {\n const match = countryFlagArray.find(item => item.name === country);\n const { flag_icon: flagIcon = '', label = '', name } = match || {};\n\n return (\n <FlexView key={name || country} $flexDirection=\"row\" $flexGap={4}>\n <Image src={flagIcon} width={30} height={20} withLoader={false} />\n <Text $renderAs=\"ab3-black\">{label}</Text>\n </FlexView>\n );\n })}\n </FlexView>\n </FlexView>\n );\n }, [\n hasValidCountries,\n isMobile,\n displayGrade,\n countries,\n renderViewProfileButton,\n teacherProfileUrl,\n ]);\n\n return (\n <FlexView\n $flexDirection={isMobile ? 'column' : 'row'}\n $borderColor=\"BLACK_T_87\"\n $background=\"WHITE_3\"\n >\n <Styled.ProfileWrapper\n $gapX={isMobile ? 1 : 1.5}\n $gutterX={1}\n $background=\"YELLOW_4\"\n $alignItems=\"center\"\n $justifyContent=\"center\"\n >\n {isMobile && (\n <Styled.CueLogoWrapper>\n <CuemathLogo width={54} height={8} color={theme.colors.REAL_BLACK} />\n </Styled.CueLogoWrapper>\n )}\n <Styled.PositionedAsset1 src={ILLUSTRATIONS.STAR_OUTLINED} />\n <Styled.PositionedAsset2 src={ILLUSTRATIONS.HEART_OUTLINED} />\n <Styled.PositionedAsset3 src={ILLUSTRATIONS.EQUAL_OUTLINED} />\n <Styled.PositionedAsset4 src={ILLUSTRATIONS.TROPHY_OUTLINED} />\n <Styled.ProfilePicture\n withLoader\n src={headerImage}\n width={isMobile ? 154 : 238}\n height={isMobile ? 154 : 238}\n />\n {teacherName && (\n <>\n <Separator heightX={isMobile ? 0.75 : 1.5} />\n <Text $renderAs=\"ac2-black\" $color=\"BLACK_1\" $align=\"center\">\n {teacherName}\n </Text>\n </>\n )}\n {!isMobile && renderViewProfileButton()}\n </Styled.ProfileWrapper>\n\n <Styled.GridContainer>\n {renderStatItem({\n value: `${yearsOfExperience}+`,\n label: 'Yrs of Teaching Experience',\n mobileLabel: 'Years of Teaching',\n })}\n {renderStatItem({\n value: `${numberOfStudentsTaught}+`,\n label: 'Students Taught',\n })}\n {hasDegreeInfo &&\n renderStatItem({\n value: isMobile && degreeCode ? degreeCode : degreeName,\n label: `In ${fieldOfStudy}`,\n mobileLabel: fieldOfStudy,\n valueRenderAs: 'ab1-black',\n })}\n <Styled.GridItem\n $justifyContent=\"center\"\n $gutter={24}\n $flexDirection={isMobile ? 'row' : 'column'}\n $background={isMobile ? 'YELLOW_4' : 'TRANSPARENT'}\n >\n {renderCountries()}\n </Styled.GridItem>\n </Styled.GridContainer>\n </FlexView>\n );\n});\n\nTeacherProfile.displayName = 'TeacherProfile';\n\nexport default TeacherProfile;\n"],"names":["countryFlagArray","COUNTRY_FLAGS","TeacherProfile","memo","teacherProfile","degree","countries","lowerGrade","higherGrade","headerImage","yearsOfExperience","numberOfStudentsTaught","firstName","lastName","teacherProfileUrl","degreeName","fieldOfStudy","degreeCode","theme","useTheme","isMobile","useMemo","EDeviceType","isHighSchool","teacherName","displayGrade","hasValidCountries","hasDegreeInfo","handleViewProfile","useCallback","renderViewProfileButton","jsxs","Fragment","jsx","Separator","Button","renderStatItem","value","label","mobileLabel","valueRenderAs","Styled.GridItem","Text","renderCountries","formattedCountries","formatCountryList","FlexView","country","match","item","flagIcon","name","Image","Styled.ProfileWrapper","Styled.CueLogoWrapper","CuemathLogo","Styled.PositionedAsset1","ILLUSTRATIONS","Styled.PositionedAsset2","Styled.PositionedAsset3","Styled.PositionedAsset4","Styled.ProfilePicture","Styled.GridContainer","TeacherProfile$1"],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -2191,6 +2191,7 @@ export declare const ILLUSTRATIONS: {
|
|
|
2191
2191
|
KNOWLEDGE_BLUE: string;
|
|
2192
2192
|
LEARNED_SHIELD_GRAY: string;
|
|
2193
2193
|
LEARNED_SHIELD_GREEN: string;
|
|
2194
|
+
LEARNING_PUZZLE_BOT: string;
|
|
2194
2195
|
LEARNT: string;
|
|
2195
2196
|
LIKE: string;
|
|
2196
2197
|
LIVE_SESSION: string;
|
|
@@ -2813,6 +2814,10 @@ export declare const invalidatePuzzleToAssign: (id: string, query?: void | undef
|
|
|
2813
2814
|
|
|
2814
2815
|
export declare const invalidateTestHelpData: (id: string, query?: void | undefined, allIdsInvalid?: boolean) => void;
|
|
2815
2816
|
|
|
2817
|
+
declare interface IOnboardingGuideProps {
|
|
2818
|
+
orientation?: 'vertical' | 'horizontal';
|
|
2819
|
+
}
|
|
2820
|
+
|
|
2816
2821
|
declare interface IOnChapterExitWarningProps {
|
|
2817
2822
|
description: string;
|
|
2818
2823
|
onSuccess?: () => void;
|
|
@@ -3337,7 +3342,7 @@ declare interface ISeparatorProps {
|
|
|
3337
3342
|
declare interface ISessionStatusProps {
|
|
3338
3343
|
completedSessions: number;
|
|
3339
3344
|
nextSessionStartTime: number;
|
|
3340
|
-
status
|
|
3345
|
+
status?: 'T_NO_SHOW' | 'S_NO_SHOW' | null;
|
|
3341
3346
|
studentName: string;
|
|
3342
3347
|
teacherName?: string;
|
|
3343
3348
|
nextSessionEndTime: number;
|
|
@@ -4071,7 +4076,7 @@ declare interface IUser {
|
|
|
4071
4076
|
username?: string;
|
|
4072
4077
|
user_avatar?: IAvatarLayer[] | null;
|
|
4073
4078
|
phone?: string;
|
|
4074
|
-
|
|
4079
|
+
iconSrc?: string;
|
|
4075
4080
|
}
|
|
4076
4081
|
|
|
4077
4082
|
export declare interface IUserChapterData {
|
|
@@ -4908,7 +4913,7 @@ declare interface NumRangeInputProps {
|
|
|
4908
4913
|
endPlaceholder?: string;
|
|
4909
4914
|
}
|
|
4910
4915
|
|
|
4911
|
-
export declare const OnboardingGuide: () => JSX.Element
|
|
4916
|
+
export declare const OnboardingGuide: MemoExoticComponent<({ orientation }: IOnboardingGuideProps) => JSX.Element>;
|
|
4912
4917
|
|
|
4913
4918
|
export declare const OTPForm: MemoExoticComponent<({ onSubmit, onChange, value, error, isProcessing, isValid, helperText, }: ISingleFieldFormProps) => JSX.Element>;
|
|
4914
4919
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="64" height="64" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M26.3359 10.7246C30.6467 10.7246 34.2078 13.6438 35.2892 17.5482C35.3815 17.8813 35.6993 18.122 36.0518 18.122H53.2431C55.4028 18.122 57.1536 19.8728 57.1536 22.0324V49.3645C57.1536 51.5241 55.4028 53.2749 53.2431 53.2749H10.7561C8.59647 53.2749 6.8457 51.5241 6.8457 49.3645V20.8257C6.8457 19.3325 8.05618 18.122 9.54938 18.122H9.77153C10.6708 18.122 11.3997 17.393 11.3997 16.4938C11.3997 15.1233 12.5107 14.0123 13.8812 14.0123H14.7363C15.4085 14.0123 15.9535 13.4673 15.9535 12.7951C15.9535 11.6516 16.8805 10.7246 18.024 10.7246H26.3359ZM34.878 17.662C33.8457 13.9348 30.447 11.1513 26.3359 11.1513H18.024C17.1161 11.1513 16.3802 11.8872 16.3802 12.7951C16.3802 13.703 15.6442 14.439 14.7363 14.439H13.8812C12.7464 14.439 11.8264 15.3589 11.8264 16.4938C11.8264 17.6287 10.9064 18.5487 9.77153 18.5487H9.54938C8.29182 18.5487 7.27237 19.5681 7.27237 20.8257V49.3645C7.27237 51.2885 8.83211 52.8482 10.7561 52.8482H53.2431C55.1672 52.8482 56.7269 51.2885 56.7269 49.3645V22.0324C56.7269 20.1084 55.1672 18.5487 53.2431 18.5487H36.0518C35.511 18.5487 35.0224 18.1833 34.878 17.662Z" fill="#0D0D0D"/><path d="M26.3359 11.1513C30.447 11.1513 33.8457 13.9348 34.878 17.662C35.0224 18.1833 35.511 18.5487 36.0518 18.5487H53.2431C55.1672 18.5487 56.7269 20.1084 56.7269 22.0324V49.3645C56.7269 51.2885 55.1672 52.8482 53.2431 52.8482H10.7561C8.83211 52.8482 7.27237 51.2885 7.27237 49.3645V20.8257C7.27237 19.5681 8.29182 18.5487 9.54938 18.5487H9.77153C10.9064 18.5487 11.8264 17.6287 11.8264 16.4938C11.8264 15.3589 12.7464 14.439 13.8812 14.439H14.7363C15.6442 14.439 16.3802 13.703 16.3802 12.7951C16.3802 11.8872 17.1161 11.1513 18.024 11.1513H26.3359Z" fill="#00E573"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26.5504 14.3201H19.7887V17.5889H15.2272V21.6567H10.728L10.728 49.6789L53.4934 49.6789V21.3865H36.3623C34.5291 21.3865 32.9482 22.4663 32.2207 24.0246V20.0404C32.2207 16.883 29.6839 14.3201 26.5504 14.3201ZM15.2272 22.0834V40.0432H26.48C29.4111 40.0432 31.7864 42.4137 31.7864 45.3368H31.7942V47.3863C31.0703 45.8192 29.4846 44.7317 27.645 44.7317H11.1547V22.0834H15.2272ZM32.2209 25.9546C32.2209 23.6674 34.075 21.8132 36.3623 21.8132H53.0667V44.7317H36.3624C34.5292 44.7317 32.9483 45.8115 32.2209 47.3697L32.221 26.2248L32.2209 26.1939V25.9546ZM53.0667 49.2523H32.2213C32.2467 46.9869 34.091 45.1583 36.3624 45.1583H53.0667V49.2523ZM27.645 45.1584C29.9164 45.1584 31.7607 46.9869 31.7861 49.2523L11.1547 49.2523V45.1584H27.645ZM19.7887 18.0156H15.6539V21.6567V22.0834V39.6165H26.48C28.8764 39.6165 30.9298 41.0837 31.7864 43.1673V41.7784C31.6374 38.9879 29.3484 36.7744 26.5504 36.7744H19.7887V22.0834V21.6567V18.0156ZM31.7864 39.8685C30.9322 37.8017 28.9106 36.3477 26.5504 36.3477H20.2154V22.0834V21.6567V14.7468H26.5504C29.4446 14.7468 31.7941 17.115 31.7941 20.0404V21.7437C30.9483 19.5832 28.9357 18.0557 26.5741 18.0557H23.314V18.4824H26.5741C29.3496 18.4824 31.6363 20.7885 31.7864 23.7161V24.2776V25.1691C30.9339 23.1624 28.9194 21.7544 26.5741 21.7544H23.314V22.1811H26.5741C29.3635 22.1811 31.6368 24.329 31.7864 27.0271V30.511C30.9339 28.5043 28.9194 27.0964 26.5741 27.0964H23.314V27.523H26.5741C29.3635 27.523 31.6368 29.6709 31.7864 32.369V34.6213C30.9339 32.6146 28.9194 31.2066 26.5741 31.2066H23.314V31.6333H26.5741C29.3635 31.6333 31.6368 33.7812 31.7864 36.4793V39.8685Z" fill="#0D0D0D"/><path fill-rule="evenodd" clip-rule="evenodd" d="
|
|
1
|
+
<svg width="64" height="64" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M26.3359 10.7246C30.6467 10.7246 34.2078 13.6438 35.2892 17.5482C35.3815 17.8813 35.6993 18.122 36.0518 18.122H53.2431C55.4028 18.122 57.1536 19.8728 57.1536 22.0324V49.3645C57.1536 51.5241 55.4028 53.2749 53.2431 53.2749H10.7561C8.59647 53.2749 6.8457 51.5241 6.8457 49.3645V20.8257C6.8457 19.3325 8.05618 18.122 9.54938 18.122H9.77153C10.6708 18.122 11.3997 17.393 11.3997 16.4938C11.3997 15.1233 12.5107 14.0123 13.8812 14.0123H14.7363C15.4085 14.0123 15.9535 13.4673 15.9535 12.7951C15.9535 11.6516 16.8805 10.7246 18.024 10.7246H26.3359ZM34.878 17.662C33.8457 13.9348 30.447 11.1513 26.3359 11.1513H18.024C17.1161 11.1513 16.3802 11.8872 16.3802 12.7951C16.3802 13.703 15.6442 14.439 14.7363 14.439H13.8812C12.7464 14.439 11.8264 15.3589 11.8264 16.4938C11.8264 17.6287 10.9064 18.5487 9.77153 18.5487H9.54938C8.29182 18.5487 7.27237 19.5681 7.27237 20.8257V49.3645C7.27237 51.2885 8.83211 52.8482 10.7561 52.8482H53.2431C55.1672 52.8482 56.7269 51.2885 56.7269 49.3645V22.0324C56.7269 20.1084 55.1672 18.5487 53.2431 18.5487H36.0518C35.511 18.5487 35.0224 18.1833 34.878 17.662Z" fill="#0D0D0D"/><path d="M26.3359 11.1513C30.447 11.1513 33.8457 13.9348 34.878 17.662C35.0224 18.1833 35.511 18.5487 36.0518 18.5487H53.2431C55.1672 18.5487 56.7269 20.1084 56.7269 22.0324V49.3645C56.7269 51.2885 55.1672 52.8482 53.2431 52.8482H10.7561C8.83211 52.8482 7.27237 51.2885 7.27237 49.3645V20.8257C7.27237 19.5681 8.29182 18.5487 9.54938 18.5487H9.77153C10.9064 18.5487 11.8264 17.6287 11.8264 16.4938C11.8264 15.3589 12.7464 14.439 13.8812 14.439H14.7363C15.6442 14.439 16.3802 13.703 16.3802 12.7951C16.3802 11.8872 17.1161 11.1513 18.024 11.1513H26.3359Z" fill="#00E573"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26.5504 14.3201H19.7887V17.5889H15.2272V21.6567H10.728L10.728 49.6789L53.4934 49.6789V21.3865H36.3623C34.5291 21.3865 32.9482 22.4663 32.2207 24.0246V20.0404C32.2207 16.883 29.6839 14.3201 26.5504 14.3201ZM15.2272 22.0834V40.0432H26.48C29.4111 40.0432 31.7864 42.4137 31.7864 45.3368H31.7942V47.3863C31.0703 45.8192 29.4846 44.7317 27.645 44.7317H11.1547V22.0834H15.2272ZM32.2209 25.9546C32.2209 23.6674 34.075 21.8132 36.3623 21.8132H53.0667V44.7317H36.3624C34.5292 44.7317 32.9483 45.8115 32.2209 47.3697L32.221 26.2248L32.2209 26.1939V25.9546ZM53.0667 49.2523H32.2213C32.2467 46.9869 34.091 45.1583 36.3624 45.1583H53.0667V49.2523ZM27.645 45.1584C29.9164 45.1584 31.7607 46.9869 31.7861 49.2523L11.1547 49.2523V45.1584H27.645ZM19.7887 18.0156H15.6539V21.6567V22.0834V39.6165H26.48C28.8764 39.6165 30.9298 41.0837 31.7864 43.1673V41.7784C31.6374 38.9879 29.3484 36.7744 26.5504 36.7744H19.7887V22.0834V21.6567V18.0156ZM31.7864 39.8685C30.9322 37.8017 28.9106 36.3477 26.5504 36.3477H20.2154V22.0834V21.6567V14.7468H26.5504C29.4446 14.7468 31.7941 17.115 31.7941 20.0404V21.7437C30.9483 19.5832 28.9357 18.0557 26.5741 18.0557H23.314V18.4824H26.5741C29.3496 18.4824 31.6363 20.7885 31.7864 23.7161V24.2776V25.1691C30.9339 23.1624 28.9194 21.7544 26.5741 21.7544H23.314V22.1811H26.5741C29.3635 22.1811 31.6368 24.329 31.7864 27.0271V30.511C30.9339 28.5043 28.9194 27.0964 26.5741 27.0964H23.314V27.523H26.5741C29.3635 27.523 31.6368 29.6709 31.7864 32.369V34.6213C30.9339 32.6146 28.9194 31.2066 26.5741 31.2066H23.314V31.6333H26.5741C29.3635 31.6333 31.6368 33.7812 31.7864 36.4793V39.8685Z" fill="#0D0D0D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M36.0179 33.4219C36.0179 29.7695 38.9788 26.8086 42.6312 26.8086C46.2837 26.8086 49.2446 29.7695 49.2446 33.4219C49.2446 37.0743 46.2837 40.0352 42.6312 40.0352C38.9788 40.0352 36.0179 37.0743 36.0179 33.4219Z" fill="#0D0D0D"/><path d="M27.645 45.1584C29.9164 45.1584 31.7607 46.9869 31.7861 49.2523L11.1547 49.2523V45.1584H27.645Z" fill="#0D0D0D"/><path d="M53.0667 49.2523H32.2213C32.2467 46.9869 34.091 45.1583 36.3624 45.1583H53.0667V49.2523Z" fill="#0D0D0D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M46.5784 30.3958L41.671 36.1386L41.2955 36C41.2955 34.5945 40.2865 33.3997 38.898 33.0468L39.0031 32.6333C40.3885 32.9854 41.4594 34.0919 41.6803 35.471L46.2541 30.1186L46.5784 30.3958Z" fill="#00E573"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="294" height="115" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.3438 22.6924H191.331V107.787H38.3438V22.6924Z" fill="#FFB700" stroke="black" stroke-width="1.08118"/><rect width="183.26" height="5.94313" transform="matrix(1 0 0 -1 23.7422 113.729)" fill="#FFB700" stroke="black" stroke-width="1.08118"/><path d="M42.125 26.2041H187.544V102.925H42.125V26.2041Z" fill="#FFCC4C" stroke="black" stroke-width="1.08118"/><path d="M108.071 65.9143C108.071 70.5393 104.344 74.2887 99.7457 74.2887C95.1479 74.2887 91.4206 70.5393 91.4206 65.9143C91.4206 61.2892 95.1479 57.5398 99.7457 57.5398C104.344 57.5398 108.071 61.2892 108.071 65.9143Z" fill="white"/><path d="M66.4453 91.0375C80.2388 91.0375 91.4206 79.7894 91.4206 65.9143C91.4206 52.0391 80.2388 40.791 66.4453 40.791V91.0375Z" fill="white"/><path d="M91.4206 65.9143C91.4206 79.7894 80.2388 91.0375 66.4453 91.0375V40.791C80.2388 40.791 91.4206 52.0391 91.4206 65.9143ZM91.4206 65.9143C91.4206 70.5393 95.1479 74.2887 99.7457 74.2887C104.344 74.2887 108.071 70.5393 108.071 65.9143C108.071 61.2892 104.344 57.5398 99.7457 57.5398C95.1479 57.5398 91.4206 61.2892 91.4206 65.9143Z" stroke="black" stroke-width="1.08118"/><path d="M176.738 65.1045L139.438 65.1045" stroke="black" stroke-width="1.08118"/><ellipse cx="143.222" cy="65.1033" rx="3.78413" ry="3.78199" fill="#FFB700" stroke="black" stroke-width="1.08118"/><path d="M293.5 114L0.5 114" stroke="black" stroke-width="1.08118"/><path fill-rule="evenodd" clip-rule="evenodd" d="M231.514 99.9008C231.775 101.82 230.431 103.588 228.511 103.85C228.005 103.919 227.496 103.988 226.987 104.057C222.404 104.68 217.7 105.319 213.457 106.043C219.335 105.358 225.619 104.395 230.137 103.703L230.754 103.608L246.499 106.801C248.398 107.186 249.626 109.038 249.24 110.936C248.855 112.834 247.003 114.061 245.104 113.675L230.583 110.731C225.124 111.567 217.153 112.775 210.361 113.428C206.857 113.765 203.52 113.97 200.955 113.87C199.702 113.821 198.411 113.694 197.315 113.376C196.769 113.217 196.075 112.957 195.427 112.49C194.748 112.002 193.956 111.158 193.682 109.877C193.292 108.057 193.906 106.462 194.843 105.312C195.692 104.268 196.835 103.529 197.89 102.988C200.022 101.894 202.92 101.05 206.001 100.352C211.771 99.0442 219.199 98.0357 225.954 97.1185C226.495 97.045 227.031 96.9722 227.563 96.8998C229.483 96.6381 231.252 97.9817 231.514 99.9008Z" fill="#FFB700" stroke="black" stroke-width="1.08118" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M244.85 99.9008C245.111 101.82 243.767 103.588 241.847 103.85C241.341 103.919 240.832 103.988 240.322 104.057C235.74 104.68 231.036 105.319 226.793 106.043C232.671 105.358 238.955 104.395 243.473 103.703L244.09 103.608L259.835 106.801C261.734 107.186 262.962 109.038 262.576 110.936C262.191 112.834 260.339 114.061 258.44 113.675L243.919 110.731C238.46 111.567 230.488 112.775 223.697 113.428C220.193 113.765 216.856 113.97 214.291 113.87C213.038 113.821 211.747 113.694 210.651 113.376C210.105 113.217 209.411 112.957 208.763 112.49C208.084 112.002 207.292 111.158 207.018 109.877C206.627 108.057 207.242 106.462 208.179 105.312C209.028 104.268 210.171 103.529 211.226 102.988C213.358 101.894 216.255 101.05 219.337 100.352C225.107 99.0442 232.535 98.0357 239.29 97.1185C239.831 97.045 240.367 96.9722 240.899 96.8998C242.819 96.6381 244.588 97.9817 244.85 99.9008Z" fill="#FFB700" stroke="black" stroke-width="1.08118" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M215.568 63.6411C214.418 62.1969 212.315 61.9571 210.87 63.1056C192.375 77.8049 169.349 83.9344 155.378 81.6337C153.557 81.3337 151.837 82.5665 151.537 84.3871C151.236 86.2078 152.47 87.9269 154.291 88.2269C170.582 90.9096 195.464 83.8872 215.032 68.3356C216.477 67.1871 216.717 65.0854 215.568 63.6411Z" fill="#FFB700" stroke="black" stroke-width="1.08118" stroke-linecap="round" stroke-linejoin="round"/><path d="M221.227 64.9386C221.739 67.7986 224.473 69.7026 227.335 69.1912C230.197 68.6798 232.102 65.9467 231.59 63.0867C231.452 62.3167 231.153 61.6159 230.734 61.013L245.021 58.4599L268.996 54.1756C278.234 72.3362 267.714 95.5984 246.305 99.4241L215.893 104.859L213.491 91.4357C212.808 92.0125 211.968 92.4228 211.024 92.5915C208.163 93.1029 205.428 91.1989 204.916 88.3389C204.405 85.4789 206.31 82.7459 209.171 82.2345C210.115 82.0658 211.045 82.1599 211.886 82.4643L208.751 64.9414L221.311 62.6969C221.127 63.4077 221.089 64.1686 221.227 64.9386Z" fill="#FFB700"/><path d="M188.717 60.06C191.579 59.5487 194.314 61.4526 194.825 64.3126C195.027 65.4399 194.853 66.5476 194.393 67.5072L208.751 64.9414L211.886 82.4643C211.045 82.1599 210.115 82.0658 209.171 82.2345C206.31 82.7459 204.405 85.4789 204.916 88.3389C205.428 91.1989 208.163 93.1029 211.024 92.5915C211.968 92.4228 212.808 92.0125 213.491 91.4357L215.893 104.859L209.66 105.973C188.251 109.799 170.317 91.621 172.686 71.3862L185.975 69.0115C185.211 68.2706 184.664 67.2918 184.463 66.1645C183.951 63.3045 185.856 60.5714 188.717 60.06Z" fill="#FFCC4C"/><path d="M174.398 64.1776L187.046 29.185C194.732 7.92116 221.167 1.81458 237.431 16.0333L241.86 40.7907C242.63 39.8069 243.751 39.0919 245.078 38.8548C247.94 38.3434 250.675 40.2473 251.186 43.1074C251.698 45.9674 249.793 48.7004 246.931 49.2118C245.604 49.4489 244.305 49.1666 243.241 48.5105L245.021 58.4599L230.734 61.013C231.153 61.6159 231.452 62.3167 231.59 63.0867C232.102 65.9467 230.197 68.6798 227.335 69.1912C224.473 69.7026 221.739 67.7986 221.227 64.9386C221.089 64.1686 221.127 63.4077 221.311 62.6969L208.751 64.9414L194.393 67.5072C194.853 66.5476 195.027 65.4399 194.825 64.3126C194.314 61.4526 191.579 59.5487 188.717 60.06C185.856 60.5714 183.951 63.3045 184.463 66.1645C184.664 67.2918 185.211 68.2706 185.975 69.0115L172.686 71.3862C172.966 69.0011 173.527 66.5873 174.398 64.1776Z" fill="#FFB700"/><path d="M240.893 19.5624L264.891 48.0064C266.543 49.9651 267.907 52.0349 268.996 54.1756L245.021 58.4599L243.241 48.5105C244.305 49.1666 245.604 49.4489 246.931 49.2118C249.793 48.7004 251.698 45.9674 251.186 43.1074C250.675 40.2473 247.94 38.3434 245.078 38.8548C243.751 39.0919 242.63 39.8069 241.86 40.7907L237.431 16.0333C238.646 17.0955 239.804 18.2712 240.893 19.5624Z" fill="#FFCC4C"/><path d="M172.481 71.4229L172.686 71.3862M245.021 58.4599L230.734 61.013C231.153 61.6159 231.452 62.3167 231.59 63.0867C232.102 65.9467 230.197 68.6798 227.335 69.1912C224.473 69.7026 221.739 67.7986 221.227 64.9386C221.089 64.1686 221.127 63.4077 221.311 62.6969L208.751 64.9414M245.021 58.4599L243.241 48.5105C244.305 49.1666 245.604 49.4489 246.931 49.2118C249.793 48.7004 251.698 45.9674 251.186 43.1074C250.675 40.2473 247.94 38.3434 245.078 38.8548C243.751 39.0919 242.63 39.8069 241.86 40.7907L237.431 16.0333M245.021 58.4599L268.996 54.1756M208.751 64.9414L194.393 67.5072C194.853 66.5476 195.027 65.4399 194.825 64.3126C194.314 61.4526 191.579 59.5487 188.717 60.06C185.856 60.5714 183.951 63.3045 184.463 66.1645C184.664 67.2918 185.211 68.2706 185.975 69.0115L172.686 71.3862M208.751 64.9414L211.886 82.4643C211.045 82.1599 210.115 82.0658 209.171 82.2345C206.31 82.7459 204.405 85.4789 204.916 88.3389C205.428 91.1989 208.163 93.1029 211.024 92.5915C211.968 92.4228 212.808 92.0125 213.491 91.4357L215.893 104.859M237.431 16.0333C221.167 1.81458 194.732 7.92116 187.046 29.185L174.398 64.1776C173.527 66.5873 172.966 69.0011 172.686 71.3862M237.431 16.0333C238.646 17.0955 239.804 18.2712 240.893 19.5624L264.891 48.0064C266.543 49.9651 267.907 52.0349 268.996 54.1756M268.996 54.1756C278.234 72.3362 267.714 95.5984 246.305 99.4241L215.893 104.859M172.686 71.3862C170.317 91.621 188.251 109.799 209.66 105.973L215.893 104.859" stroke="#FFDB80" stroke-width="1.08118"/><path d="M240.893 19.5624C225.222 0.986775 195.307 6.33264 187.046 29.185L174.398 64.1776C166.138 87.03 185.728 110.25 209.66 105.973L246.306 99.4241C270.237 95.1475 280.563 66.582 264.891 48.0064L240.893 19.5624Z" stroke="black" stroke-width="1.08118"/><path fill-rule="evenodd" clip-rule="evenodd" d="M232.156 61.1172C230.642 60.0605 228.858 60.6166 227.801 62.1292C214.268 81.4898 196.985 90.2975 182.939 92.0743C181.107 92.306 180.146 93.9104 180.378 95.741C180.61 97.5716 181.947 98.9352 183.779 98.7035C200.158 96.6316 218.965 86.4391 233.282 65.9559C234.339 64.4433 233.669 62.174 232.156 61.1172Z" fill="#FFB700" stroke="black" stroke-width="1.08118" stroke-linecap="round" stroke-linejoin="round"/><path d="M196.868 38.3414C198.036 43.928 203.69 47.4739 209.497 46.2615C215.304 45.049 219.064 39.5373 217.896 33.9507C216.729 28.3641 211.075 24.8182 205.268 26.0306C199.461 27.2431 195.7 32.7548 196.868 38.3414ZM196.868 38.3414L195.491 38.6291M174.463 43.0198C175.63 48.6064 181.284 52.1523 187.091 50.9399C192.898 49.7274 196.659 44.2157 195.491 38.6291M174.463 43.0198C173.295 37.4332 177.055 31.9215 182.862 30.709C188.669 29.4966 194.323 33.0425 195.491 38.6291M174.463 43.0198H181.5M216.597 30.709L233.321 29.0337" stroke="black" stroke-width="1.08118" stroke-linecap="round" stroke-linejoin="round"/><path d="M195.414 50.0811C198.743 49.8992 200.575 49.3642 203.798 47.8991L204.161 49.2903C204.404 50.2221 203.845 51.1739 202.913 51.4164L197.903 52.7203C196.971 52.9627 196.019 52.404 195.777 51.4723L195.414 50.0811Z" fill="white" stroke="black" stroke-width="1.08118"/><path d="M193.861 49.9777C199.561 50.3981 206.313 47.1946 208.373 44.5636" stroke="black" stroke-width="1.08118" stroke-linecap="round"/><ellipse cx="6.72383" cy="6.72012" rx="6.72383" ry="6.72012" transform="matrix(0.993582 -0.11311 0.113237 0.993568 199.07 29.7803)" fill="white" stroke="black" stroke-width="1.1893"/><ellipse cx="3.27694" cy="3.37891" rx="3.27694" ry="3.37891" transform="matrix(0.993582 -0.11311 0.113237 0.993568 199.461 33.9111)" fill="black"/><ellipse cx="6.72383" cy="6.72012" rx="6.72383" ry="6.72012" transform="matrix(0.993582 -0.11311 0.113237 0.993568 181.023 33.5234)" fill="white" stroke="black" stroke-width="1.1893"/><ellipse cx="3.27694" cy="3.37891" rx="3.27694" ry="3.37891" transform="matrix(0.993582 -0.11311 0.113237 0.993568 181.422 37.6553)" fill="black"/></svg>
|