@cuemath/leap 3.0.11-j2 → 3.0.11-j4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/assets/illustrations/illustrations.js +1 -1
  2. package/dist/assets/illustrations/illustrations.js.map +1 -1
  3. package/dist/features/auth/comps/resend-otp/resend-otp.js +44 -30
  4. package/dist/features/auth/comps/resend-otp/resend-otp.js.map +1 -1
  5. package/dist/features/auth/forgot-password/otp-form/otp-form.js +31 -38
  6. package/dist/features/auth/forgot-password/otp-form/otp-form.js.map +1 -1
  7. package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js +33 -34
  8. package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js.map +1 -1
  9. package/dist/features/auth/login/identifier-otp-form/identifier-otp-form.js +6 -6
  10. package/dist/features/auth/signup/custom-input-field/custom-input-field.js +48 -46
  11. package/dist/features/auth/signup/custom-input-field/custom-input-field.js.map +1 -1
  12. package/dist/index.d.ts +5 -4
  13. package/dist/static/cuemath-app-qr-code.4beefe48.svg +1 -0
  14. package/package.json +1 -1
package/dist/assets/illustrations/illustrations.js CHANGED
@@ -36,7 +36,7 @@ const t = window.VITE_PUBLIC_URL ? window.VITE_PUBLIC_URL : "/", a = {
36
36
  CROWN: `${t}static/crown.c18fa217.svg`,
37
37
  CROWN_OVERLAY: `${t}static/crown-overlay.11fb073c.svg`,
38
38
  CUECOIN_GOLD: `${t}static/cuecoin-gold.bcb8085e.svg`,
39
- CUEMATH_APP_QR_CODE: `${t}static/cuemath-app-qr-code.ba6cc09b.svg`,
39
+ CUEMATH_APP_QR_CODE: `${t}static/cuemath-app-qr-code.4beefe48.svg`,
40
40
  DESKTOP_WITH_PURPLE_FILL: `${t}static/desktop-with-purple-fill.dfec66cc.svg`,
41
41
  DURATION_30MIN_GRAY: `${t}static/duration-30min-gray.f6442df4.svg`,
42
42
  DURATION_45MIN_GRAY: `${t}static/duration-45min-gray.ad90fb23.svg`,
package/dist/assets/illustrations/illustrations.js.map CHANGED
@@ -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 BLUE_CLIP: `${PREFIX}static/blue-clip.87cc4543.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_GRAY: `${PREFIX}static/calendar-gray.1c72682a.svg`,\n CALENDAR_GREEN: `${PREFIX}static/calendar-green.a2b6a393.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.ba6cc09b.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 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 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 NODE_CUSTOM_TEST_BG: `${PREFIX}static/node-custom-test-bg.d3b757be.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_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 PEOPLE_WITH_ORANGE_FILL: `${PREFIX}static/people-with-orange-fill.3835b8f1.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_STUDENT: `${PREFIX}static/puzzle-student.de530364.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_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 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 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 BLUE_CLIP: `${PREFIX}static/blue-clip.87cc4543.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_GRAY: `${PREFIX}static/calendar-gray.1c72682a.svg`,\n CALENDAR_GREEN: `${PREFIX}static/calendar-green.a2b6a393.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.4beefe48.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 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 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 NODE_CUSTOM_TEST_BG: `${PREFIX}static/node-custom-test-bg.d3b757be.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_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 PEOPLE_WITH_ORANGE_FILL: `${PREFIX}static/people-with-orange-fill.3835b8f1.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_STUDENT: `${PREFIX}static/puzzle-student.de530364.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_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 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 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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"}
package/dist/features/auth/comps/resend-otp/resend-otp.js CHANGED
@@ -1,51 +1,65 @@
1
- import { jsx as r, jsxs as c, Fragment as _ } from "react/jsx-runtime";
2
- import { memo as p, useCallback as n } from "react";
3
- import m from "../../../ui/buttons/text-button/text-button.js";
4
- import t from "../../../ui/layout/flex-view.js";
5
- import o from "../../../ui/text/text.js";
6
- import { useResendTimer as x } from "./hooks/use-resend-timer.js";
7
- const b = ({
1
+ import { jsx as r, jsxs as n, Fragment as _ } from "react/jsx-runtime";
2
+ import { memo as x, useCallback as a } from "react";
3
+ import k from "../../../ui/buttons/button/button.js";
4
+ import u from "../../../ui/buttons/text-button/text-button.js";
5
+ import i from "../../../ui/layout/flex-view.js";
6
+ import c from "../../../ui/text/text.js";
7
+ import { useResendTimer as C } from "./hooks/use-resend-timer.js";
8
+ const I = ({
8
9
  onResendOTP: e,
9
10
  onResendVoiceOTP: l,
10
- timerSeconds: d = 15,
11
- showVoiceOTP: a = !1,
12
- disabled: s
11
+ timerSeconds: f = 15,
12
+ showVoiceOTP: $ = !1,
13
+ disabled: m,
14
+ renderAs: h = "submit",
15
+ width: b
13
16
  }) => {
14
- const { canResend: $, resetTimer: i, timeLeft: h } = x({
15
- initialSeconds: d
16
- }), f = n(() => {
17
- e == null || e(), i();
18
- }, [e, i]), u = n(() => {
19
- l == null || l(), i();
20
- }, [l, i]);
21
- return /* @__PURE__ */ r(t, { children: $ ? /* @__PURE__ */ c(t, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.5, children: [
17
+ const { canResend: o, resetTimer: t, timeLeft: s } = C({
18
+ initialSeconds: f
19
+ }), d = a(() => {
20
+ e == null || e(), t();
21
+ }, [e, t]), p = a(() => {
22
+ l == null || l(), t();
23
+ }, [l, t]);
24
+ return h === "submit" ? /* @__PURE__ */ r(
25
+ k,
26
+ {
27
+ size: "small",
28
+ renderAs: "secondary-dark",
29
+ type: "submit",
30
+ label: o ? "Resend" : `Resend in ${s}`,
31
+ width: b,
32
+ onClick: d,
33
+ disabled: !o || m
34
+ }
35
+ ) : /* @__PURE__ */ r(i, { children: o ? /* @__PURE__ */ n(i, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.5, children: [
22
36
  /* @__PURE__ */ r(
23
- m,
37
+ u,
24
38
  {
25
- disabled: s,
39
+ disabled: m,
26
40
  label: "Resend",
27
41
  color: "WHITE_T_60",
28
- onClick: f
42
+ onClick: d
29
43
  }
30
44
  ),
31
- a && /* @__PURE__ */ c(_, { children: [
32
- /* @__PURE__ */ r(o, { $renderAs: "ub2", $color: "WHITE_T_60", children: "or" }),
33
- /* @__PURE__ */ r(t, { $width: 116, children: /* @__PURE__ */ r(
34
- m,
45
+ $ && /* @__PURE__ */ n(_, { children: [
46
+ /* @__PURE__ */ r(c, { $renderAs: "ub2", $color: "WHITE_T_60", children: "or" }),
47
+ /* @__PURE__ */ r(i, { $width: 116, children: /* @__PURE__ */ r(
48
+ u,
35
49
  {
36
50
  label: "Get code via call",
37
51
  color: "WHITE_T_60",
38
- onClick: u
52
+ onClick: p
39
53
  }
40
54
  ) })
41
55
  ] })
42
- ] }) : /* @__PURE__ */ r(t, { $width: 105, children: /* @__PURE__ */ c(o, { $renderAs: "ub2", $color: "WHITE_T_60", children: [
56
+ ] }) : /* @__PURE__ */ r(i, { $width: 105, children: /* @__PURE__ */ n(c, { $renderAs: "ub2", $color: "WHITE_T_60", children: [
43
57
  "Resend in",
44
58
  " ",
45
- /* @__PURE__ */ r(o, { $renderAs: "ub2-bold", $inline: !0, $color: "WHITE_T_60", children: h })
59
+ /* @__PURE__ */ r(c, { $renderAs: "ub2-bold", $inline: !0, $color: "WHITE_T_60", children: s })
46
60
  ] }) }) });
47
- }, W = p(b);
61
+ }, j = x(I);
48
62
  export {
49
- W as default
63
+ j as default
50
64
  };
51
65
  //# sourceMappingURL=resend-otp.js.map
package/dist/features/auth/comps/resend-otp/resend-otp.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"resend-otp.js","sources":["../../../../../src/features/auth/comps/resend-otp/resend-otp.tsx"],"sourcesContent":["import type { IOTPResendProps } from './resend-otp-types';\n\nimport { useCallback, memo } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useResendTimer } from './hooks/use-resend-timer';\n\nconst ResendOTP: React.FC<IOTPResendProps> = ({\n onResendOTP,\n onResendVoiceOTP,\n timerSeconds = 15,\n showVoiceOTP = false,\n disabled,\n}) => {\n const { canResend, resetTimer, timeLeft } = useResendTimer({\n initialSeconds: timerSeconds,\n });\n\n const handleResendClick = useCallback(() => {\n onResendOTP?.();\n resetTimer();\n }, [onResendOTP, resetTimer]);\n\n const handleVoiceResendClick = useCallback(() => {\n onResendVoiceOTP?.();\n resetTimer();\n }, [onResendVoiceOTP, resetTimer]);\n\n return (\n <FlexView>\n {!canResend ? (\n <FlexView $width={105}>\n <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n Resend in{' '}\n <Text $renderAs=\"ub2-bold\" $inline $color=\"WHITE_T_60\">\n {timeLeft}\n </Text>\n </Text>\n </FlexView>\n ) : (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.5}>\n <TextButton\n disabled={disabled}\n label=\"Resend\"\n color=\"WHITE_T_60\"\n onClick={handleResendClick}\n />\n {showVoiceOTP && (\n <>\n <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n or\n </Text>\n <FlexView $width={116}>\n <TextButton\n label=\"Get code via call\"\n color=\"WHITE_T_60\"\n onClick={handleVoiceResendClick}\n />\n </FlexView>\n </>\n )}\n </FlexView>\n )}\n </FlexView>\n );\n};\n\nexport default memo(ResendOTP);\n"],"names":["ResendOTP","onResendOTP","onResendVoiceOTP","timerSeconds","showVoiceOTP","disabled","canResend","resetTimer","timeLeft","useResendTimer","handleResendClick","useCallback","handleVoiceResendClick","jsx","FlexView","jsxs","TextButton","Fragment","Text","ResendOTP$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,UAAAC;AACF,MAAM;AACJ,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAe;AAAA,IACzD,gBAAgBN;AAAA,EAAA,CACjB,GAEKO,IAAoBC,EAAY,MAAM;AAC5B,IAAAV,KAAA,QAAAA,KACHM;EAAA,GACV,CAACN,GAAaM,CAAU,CAAC,GAEtBK,IAAyBD,EAAY,MAAM;AAC5B,IAAAT,KAAA,QAAAA,KACRK;EAAA,GACV,CAACL,GAAkBK,CAAU,CAAC;AAEjC,SACG,gBAAAM,EAAAC,GAAA,EACE,UAACR,IAUC,gBAAAS,EAAAD,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAAX;AAAA,QACA,OAAM;AAAA,QACN,OAAM;AAAA,QACN,SAASK;AAAA,MAAA;AAAA,IACX;AAAA,IACCN,KAEG,gBAAAW,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,MAAA;AAAA,MACA,gBAAAL,EAACC,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAD;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAASJ;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAAA,GACF;AAAA,EAAA,EAEJ,CAAA,IA9BC,gBAAAC,EAAAC,GAAA,EAAS,QAAQ,KAChB,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,IAAA;AAAA,IAC9B;AAAA,IACV,gBAAAL,EAACK,KAAK,WAAU,YAAW,SAAO,IAAC,QAAO,cACvC,UACHV,EAAA,CAAA;AAAA,EACF,EAAA,CAAA,EACF,CAAA,EAyBJ,CAAA;AAEJ,GAEeW,IAAAC,EAAKpB,CAAS;"}
1
+ {"version":3,"file":"resend-otp.js","sources":["../../../../../src/features/auth/comps/resend-otp/resend-otp.tsx"],"sourcesContent":["import type { IOTPResendProps } from './resend-otp-types';\n\nimport { useCallback, memo } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useResendTimer } from './hooks/use-resend-timer';\n\nconst ResendOTP: React.FC<IOTPResendProps> = ({\n onResendOTP,\n onResendVoiceOTP,\n timerSeconds = 15,\n showVoiceOTP = false,\n disabled,\n renderAs = 'submit',\n width,\n}) => {\n const { canResend, resetTimer, timeLeft } = useResendTimer({\n initialSeconds: timerSeconds,\n });\n\n const handleResendClick = useCallback(() => {\n onResendOTP?.();\n resetTimer();\n }, [onResendOTP, resetTimer]);\n\n const handleVoiceResendClick = useCallback(() => {\n onResendVoiceOTP?.();\n resetTimer();\n }, [onResendVoiceOTP, resetTimer]);\n\n if (renderAs === 'submit') {\n return (\n <Button\n size=\"small\"\n renderAs=\"secondary-dark\"\n type=\"submit\"\n label={canResend ? 'Resend' : `Resend in ${timeLeft}`}\n width={width}\n onClick={handleResendClick}\n disabled={!canResend || disabled}\n />\n );\n }\n\n return (\n <FlexView>\n {!canResend ? (\n <FlexView $width={105}>\n <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n Resend in{' '}\n <Text $renderAs=\"ub2-bold\" $inline $color=\"WHITE_T_60\">\n {timeLeft}\n </Text>\n </Text>\n </FlexView>\n ) : (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.5}>\n <TextButton\n disabled={disabled}\n label=\"Resend\"\n color=\"WHITE_T_60\"\n onClick={handleResendClick}\n />\n {showVoiceOTP && (\n <>\n <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n or\n </Text>\n <FlexView $width={116}>\n <TextButton\n label=\"Get code via call\"\n color=\"WHITE_T_60\"\n onClick={handleVoiceResendClick}\n />\n </FlexView>\n </>\n )}\n </FlexView>\n )}\n </FlexView>\n );\n};\n\nexport default memo(ResendOTP);\n"],"names":["ResendOTP","onResendOTP","onResendVoiceOTP","timerSeconds","showVoiceOTP","disabled","renderAs","width","canResend","resetTimer","timeLeft","useResendTimer","handleResendClick","useCallback","handleVoiceResendClick","jsx","Button","FlexView","jsxs","TextButton","Fragment","Text","ResendOtp","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AACF,MAAM;AACJ,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAe;AAAA,IACzD,gBAAgBR;AAAA,EAAA,CACjB,GAEKS,IAAoBC,EAAY,MAAM;AAC5B,IAAAZ,KAAA,QAAAA,KACHQ;EAAA,GACV,CAACR,GAAaQ,CAAU,CAAC,GAEtBK,IAAyBD,EAAY,MAAM;AAC5B,IAAAX,KAAA,QAAAA,KACRO;EAAA,GACV,CAACP,GAAkBO,CAAU,CAAC;AAEjC,SAAIH,MAAa,WAEb,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAOR,IAAY,WAAW,aAAaE,CAAQ;AAAA,MACnD,OAAAH;AAAA,MACA,SAASK;AAAA,MACT,UAAU,CAACJ,KAAaH;AAAA,IAAA;AAAA,EAAA,IAM3B,gBAAAU,EAAAE,GAAA,EACE,UAACT,IAUC,gBAAAU,EAAAD,GAAA,EAAS,gBAAe,OAAM,aAAY,UAAS,iBAAiB,KACnE,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAAd;AAAA,QACA,OAAM;AAAA,QACN,OAAM;AAAA,QACN,SAASO;AAAA,MAAA;AAAA,IACX;AAAA,IACCR,KAEG,gBAAAc,EAAAE,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,MAAA;AAAA,MACA,gBAAAN,EAACE,GAAS,EAAA,QAAQ,KAChB,UAAA,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAASL;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAAA,GACF;AAAA,EAAA,EAEJ,CAAA,IA9BC,gBAAAC,EAAAE,GAAA,EAAS,QAAQ,KAChB,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,UAAA;AAAA,IAAA;AAAA,IAC9B;AAAA,IACV,gBAAAN,EAACM,KAAK,WAAU,YAAW,SAAO,IAAC,QAAO,cACvC,UACHX,EAAA,CAAA;AAAA,EACF,EAAA,CAAA,EACF,CAAA,EAyBJ,CAAA;AAEJ,GAEeY,IAAAC,EAAKvB,CAAS;"}
package/dist/features/auth/forgot-password/otp-form/otp-form.js CHANGED
@@ -1,30 +1,25 @@
1
- import { jsx as e, jsxs as f } from "react/jsx-runtime";
2
- import { memo as g, useCallback as h } from "react";
3
- import $ from "../../../ui/buttons/button/button.js";
4
- import b from "../../../ui/inputs/text-input/text-input.js";
5
- import a from "../../../ui/layout/flex-view.js";
6
- import k from "../../comps/input-status-icon/input-status-icon.js";
7
- import { useResendTimer as C } from "../../comps/resend-otp/hooks/use-resend-timer.js";
8
- const x = ({
9
- onSubmit: i,
10
- onChange: t,
11
- value: r,
12
- error: s,
13
- isProcessing: m,
1
+ import { jsx as e, jsxs as u } from "react/jsx-runtime";
2
+ import { memo as c, useCallback as l } from "react";
3
+ import p from "../../../ui/inputs/text-input/text-input.js";
4
+ import o from "../../../ui/layout/flex-view.js";
5
+ import f from "../../comps/input-status-icon/input-status-icon.js";
6
+ import g from "../../comps/resend-otp/resend-otp.js";
7
+ const h = ({
8
+ onSubmit: a,
9
+ onChange: r,
10
+ value: i,
11
+ error: t,
12
+ isProcessing: s,
14
13
  isValid: n = !1
15
14
  }) => {
16
- const { canResend: o, resetTimer: d, timeLeft: c } = C({
17
- initialSeconds: 30
18
- }), l = () => {
19
- i(), d();
20
- }, u = h(
21
- (p) => {
22
- t("username", p.target.value);
15
+ const m = l(
16
+ (d) => {
17
+ r("otp", d.target.value);
23
18
  },
24
- [t]
19
+ [r]
25
20
  );
26
21
  return /* @__PURE__ */ e(
27
- a,
22
+ o,
28
23
  {
29
24
  $gutterX: 2,
30
25
  $gapX: 1.5,
@@ -32,39 +27,37 @@ const x = ({
32
27
  $justifyContent: "center",
33
28
  $background: "BLACK_2",
34
29
  $height: 308,
35
- children: /* @__PURE__ */ f(a, { $alignItems: "center", $justifyContent: "space-between", $flex: 1, children: [
30
+ children: /* @__PURE__ */ u(o, { $alignItems: "center", $justifyContent: "space-between", $flex: 1, children: [
36
31
  /* @__PURE__ */ e(
37
- b,
32
+ p,
38
33
  {
39
- renderAs: s ? "error-dark" : n ? "success-dark" : "primary-dark",
34
+ renderAs: t ? "error-dark" : n ? "success-dark" : "primary-dark",
40
35
  autoFocus: !0,
41
36
  label: "Verification code",
42
- value: r,
43
- onChange: u,
37
+ value: i,
38
+ onChange: m,
44
39
  width: 330,
45
40
  required: !0,
46
41
  shape: "borderLess",
47
- errorMessage: r,
48
- siblingElement: /* @__PURE__ */ e(k, { isError: !!s, isValid: n, isLoading: m })
42
+ errorMessage: t,
43
+ siblingElement: /* @__PURE__ */ e(f, { isError: !!t, isValid: n, isLoading: s })
49
44
  }
50
45
  ),
51
46
  /* @__PURE__ */ e(
52
- $,
47
+ g,
53
48
  {
54
- size: "small",
55
- renderAs: "secondary-dark",
56
- type: "submit",
57
- label: o ? "Resend" : `Resend in ${c}`,
49
+ renderAs: "submit",
50
+ timerSeconds: 15,
51
+ onResendOTP: a,
58
52
  width: 336,
59
- onClick: l,
60
- disabled: !o
53
+ disabled: s
61
54
  }
62
55
  )
63
56
  ] })
64
57
  }
65
58
  );
66
- }, A = g(x);
59
+ }, w = c(h);
67
60
  export {
68
- A as default
61
+ w as default
69
62
  };
70
63
  //# sourceMappingURL=otp-form.js.map
package/dist/features/auth/forgot-password/otp-form/otp-form.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"otp-form.js","sources":["../../../../../src/features/auth/forgot-password/otp-form/otp-form.tsx"],"sourcesContent":["import type { ISingleFieldFormProps } from '../forgot-password-types';\n\nimport { type ChangeEvent, memo, useCallback } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport { useResendTimer } from '../../comps/resend-otp/hooks/use-resend-timer';\n\nconst OTPForm = ({\n onSubmit,\n onChange,\n value,\n error,\n isProcessing,\n isValid = false,\n}: ISingleFieldFormProps) => {\n const { canResend, resetTimer, timeLeft } = useResendTimer({\n initialSeconds: 30,\n });\n\n const handleResendClick = () => {\n onSubmit();\n resetTimer();\n };\n\n const handleUsernameChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n onChange('username', e.target.value);\n },\n [onChange],\n );\n\n const statusVariant = isValid ? 'success-dark' : 'primary-dark';\n\n return (\n <FlexView\n $gutterX={2}\n $gapX={1.5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $background=\"BLACK_2\"\n $height={308}\n >\n <FlexView $alignItems=\"center\" $justifyContent=\"space-between\" $flex={1}>\n <TextInput\n renderAs={error ? 'error-dark' : statusVariant}\n autoFocus\n label=\"Verification code\"\n value={value}\n onChange={handleUsernameChange}\n width={330}\n required\n shape=\"borderLess\"\n errorMessage={value}\n siblingElement={\n <InputStatusIcon isError={!!error} isValid={isValid} isLoading={isProcessing} />\n }\n />\n <Button\n size=\"small\"\n renderAs=\"secondary-dark\"\n type=\"submit\"\n label={canResend ? 'Resend' : `Resend in ${timeLeft}`}\n width={336}\n onClick={handleResendClick}\n disabled={!canResend}\n />\n </FlexView>\n </FlexView>\n );\n};\n\nexport default memo(OTPForm);\n"],"names":["OTPForm","onSubmit","onChange","value","error","isProcessing","isValid","canResend","resetTimer","timeLeft","useResendTimer","handleResendClick","handleUsernameChange","useCallback","e","jsx","FlexView","TextInput","InputStatusIcon","Button","otpForm","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAU,CAAC;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAA6B;AAC3B,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAe;AAAA,IACzD,gBAAgB;AAAA,EAAA,CACjB,GAEKC,IAAoB,MAAM;AACrB,IAAAV,KACEO;EAAA,GAGPI,IAAuBC;AAAA,IAC3B,CAACC,MAAqC;AAC3B,MAAAZ,EAAA,YAAYY,EAAE,OAAO,KAAK;AAAA,IACrC;AAAA,IACA,CAACZ,CAAQ;AAAA,EAAA;AAMT,SAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,4BAACA,GAAS,EAAA,aAAY,UAAS,iBAAgB,iBAAgB,OAAO,GACpE,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,UAAUb,IAAQ,eAbJE,IAAU,iBAAiB;AAAA,YAczC,WAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAAH;AAAA,YACA,UAAUS;AAAA,YACV,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcT;AAAA,YACd,kCACGe,GAAgB,EAAA,SAAS,CAAC,CAACd,GAAO,SAAAE,GAAkB,WAAWD,GAAc;AAAA,UAAA;AAAA,QAElF;AAAA,QACA,gBAAAU;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAOZ,IAAY,WAAW,aAAaE,CAAQ;AAAA,YACnD,OAAO;AAAA,YACP,SAASE;AAAA,YACT,UAAU,CAACJ;AAAA,UAAA;AAAA,QACb;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEea,IAAAC,EAAKrB,CAAO;"}
1
+ {"version":3,"file":"otp-form.js","sources":["../../../../../src/features/auth/forgot-password/otp-form/otp-form.tsx"],"sourcesContent":["import type { ISingleFieldFormProps } from '../forgot-password-types';\n\nimport { type ChangeEvent, memo, useCallback } from 'react';\n\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport ResendOtp from '../../comps/resend-otp/resend-otp';\n\nconst OTPForm = ({\n onSubmit,\n onChange,\n value,\n error,\n isProcessing,\n isValid = false,\n}: ISingleFieldFormProps) => {\n const handleOTPChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n onChange('otp', e.target.value);\n },\n [onChange],\n );\n\n const statusVariant = isValid ? 'success-dark' : 'primary-dark';\n\n return (\n <FlexView\n $gutterX={2}\n $gapX={1.5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $background=\"BLACK_2\"\n $height={308}\n >\n <FlexView $alignItems=\"center\" $justifyContent=\"space-between\" $flex={1}>\n <TextInput\n renderAs={error ? 'error-dark' : statusVariant}\n autoFocus\n label=\"Verification code\"\n value={value}\n onChange={handleOTPChange}\n width={330}\n required\n shape=\"borderLess\"\n errorMessage={error}\n siblingElement={\n <InputStatusIcon isError={!!error} isValid={isValid} isLoading={isProcessing} />\n }\n />\n <ResendOtp\n renderAs=\"submit\"\n timerSeconds={15}\n onResendOTP={onSubmit}\n width={336}\n disabled={isProcessing}\n />\n </FlexView>\n </FlexView>\n );\n};\n\nexport default memo(OTPForm);\n"],"names":["OTPForm","onSubmit","onChange","value","error","isProcessing","isValid","handleOTPChange","useCallback","e","jsx","FlexView","TextInput","InputStatusIcon","ResendOtp","otpForm","memo"],"mappings":";;;;;;AASA,MAAMA,IAAU,CAAC;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAA6B;AAC3B,QAAMC,IAAkBC;AAAA,IACtB,CAACC,MAAqC;AAC3B,MAAAP,EAAA,OAAOO,EAAE,OAAO,KAAK;AAAA,IAChC;AAAA,IACA,CAACP,CAAQ;AAAA,EAAA;AAMT,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,4BAACA,GAAS,EAAA,aAAY,UAAS,iBAAgB,iBAAgB,OAAO,GACpE,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,UAAUR,IAAQ,eAbJE,IAAU,iBAAiB;AAAA,YAczC,WAAS;AAAA,YACT,OAAM;AAAA,YACN,OAAAH;AAAA,YACA,UAAUI;AAAA,YACV,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcH;AAAA,YACd,kCACGS,GAAgB,EAAA,SAAS,CAAC,CAACT,GAAO,SAAAE,GAAkB,WAAWD,GAAc;AAAA,UAAA;AAAA,QAElF;AAAA,QACA,gBAAAK;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,cAAc;AAAA,YACd,aAAab;AAAA,YACb,OAAO;AAAA,YACP,UAAUI;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeU,IAAAC,EAAKhB,CAAO;"}
package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js CHANGED
@@ -1,29 +1,28 @@
1
- import { jsx as r, jsxs as l } from "react/jsx-runtime";
2
- import { memo as c, useCallback as f } from "react";
3
- import g from "../../../ui/buttons/button/button.js";
4
- import h from "../../../ui/inputs/text-input/text-input.js";
5
- import b from "../../../ui/layout/flex-view.js";
6
- import I from "../../comps/input-status-icon/input-status-icon.js";
7
- import { FormWrapper as $ } from "../forgot-password-styled.js";
8
- const k = ({
9
- onSubmit: s,
10
- onChange: o,
11
- value: i,
12
- error: e,
13
- isSubmitDisabled: a,
1
+ import { jsx as e, jsxs as l } from "react/jsx-runtime";
2
+ import { memo as p, useCallback as f } from "react";
3
+ import c from "../../../ui/buttons/button/button.js";
4
+ import g from "../../../ui/inputs/text-input/text-input.js";
5
+ import h from "../../../ui/layout/flex-view.js";
6
+ import b from "../../comps/input-status-icon/input-status-icon.js";
7
+ import { FormWrapper as I } from "../forgot-password-styled.js";
8
+ const $ = ({
9
+ onSubmit: i,
10
+ onChange: t,
11
+ value: o,
12
+ error: r,
13
+ isSubmitDisabled: s,
14
14
  isProcessing: n,
15
- isValid: m = !1,
16
- label: u,
17
- field: t
15
+ isValid: a = !1,
16
+ label: m
18
17
  }) => {
19
18
  const d = f(
20
- (p) => {
21
- t && o(t, p.target.value);
19
+ (u) => {
20
+ t("identifier", u.target.value);
22
21
  },
23
- [o, t]
22
+ [t]
24
23
  );
25
- return /* @__PURE__ */ r(
26
- b,
24
+ return /* @__PURE__ */ e(
25
+ h,
27
26
  {
28
27
  $gutterX: 2,
29
28
  $gapX: 1.5,
@@ -31,24 +30,24 @@ const k = ({
31
30
  $justifyContent: "center",
32
31
  $background: "BLACK_2",
33
32
  $height: 308,
34
- children: /* @__PURE__ */ l($, { onSubmit: s, children: [
35
- /* @__PURE__ */ r(
36
- h,
33
+ children: /* @__PURE__ */ l(I, { onSubmit: i, children: [
34
+ /* @__PURE__ */ e(
35
+ g,
37
36
  {
38
- renderAs: e ? "error-dark" : "primary-dark",
37
+ renderAs: r ? "error-dark" : "primary-dark",
39
38
  autoFocus: !0,
40
- label: u,
41
- value: i,
39
+ label: m,
40
+ value: o,
42
41
  onChange: d,
43
42
  width: 330,
44
43
  required: !0,
45
44
  shape: "borderLess",
46
- errorMessage: e,
47
- siblingElement: /* @__PURE__ */ r(I, { isError: !!e, isValid: m, isLoading: !1 })
45
+ errorMessage: r,
46
+ siblingElement: /* @__PURE__ */ e(b, { isError: !!r, isValid: a, isLoading: !1 })
48
47
  }
49
48
  ),
50
- /* @__PURE__ */ r(
51
- g,
49
+ /* @__PURE__ */ e(
50
+ c,
52
51
  {
53
52
  size: "small",
54
53
  renderAs: "secondary-dark",
@@ -56,14 +55,14 @@ const k = ({
56
55
  label: "Get Verification Code",
57
56
  width: 336,
58
57
  busy: n,
59
- disabled: a
58
+ disabled: s
60
59
  }
61
60
  )
62
61
  ] })
63
62
  }
64
63
  );
65
- }, L = c(k);
64
+ }, A = p($);
66
65
  export {
67
- L as default
66
+ A as default
68
67
  };
69
68
  //# sourceMappingURL=user-identifier-form.js.map
package/dist/features/auth/forgot-password/user-identifier-form/user-identifier-form.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"user-identifier-form.js","sources":["../../../../../src/features/auth/forgot-password/user-identifier-form/user-identifier-form.tsx"],"sourcesContent":["import type { ISingleFieldFormProps } from '../forgot-password-types';\n\nimport { memo, useCallback, type ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst UserIdentifierForm = ({\n onSubmit,\n onChange,\n value,\n error,\n isSubmitDisabled,\n isProcessing,\n isValid = false,\n label,\n field,\n}: ISingleFieldFormProps) => {\n const handleInputChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n field && onChange(field, e.target.value);\n },\n [onChange, field],\n );\n\n return (\n <FlexView\n $gutterX={2}\n $gapX={1.5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $background=\"BLACK_2\"\n $height={308}\n >\n <Styled.FormWrapper onSubmit={onSubmit}>\n <TextInput\n renderAs={error ? 'error-dark' : 'primary-dark'}\n autoFocus\n label={label}\n value={value}\n onChange={handleInputChange}\n width={330}\n required\n shape=\"borderLess\"\n errorMessage={error}\n siblingElement={<InputStatusIcon isError={!!error} isValid={isValid} isLoading={false} />}\n />\n <Button\n size=\"small\"\n renderAs=\"secondary-dark\"\n type=\"submit\"\n label=\"Get Verification Code\"\n width={336}\n busy={isProcessing}\n disabled={isSubmitDisabled}\n />\n </Styled.FormWrapper>\n </FlexView>\n );\n};\n\nexport default memo(UserIdentifierForm);\n"],"names":["UserIdentifierForm","onSubmit","onChange","value","error","isSubmitDisabled","isProcessing","isValid","label","field","handleInputChange","useCallback","e","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","InputStatusIcon","Button","userIdentifierForm","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,OAAAC;AACF,MAA6B;AAC3B,QAAMC,IAAoBC;AAAA,IACxB,CAACC,MAAqC;AACpC,MAAAH,KAASP,EAASO,GAAOG,EAAE,OAAO,KAAK;AAAA,IACzC;AAAA,IACA,CAACV,GAAUO,CAAK;AAAA,EAAA;AAIhB,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAf,GAClB,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAUb,IAAQ,eAAe;AAAA,YACjC,WAAS;AAAA,YACT,OAAAI;AAAA,YACA,OAAAL;AAAA,YACA,UAAUO;AAAA,YACV,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcN;AAAA,YACd,kCAAiBc,GAAgB,EAAA,SAAS,CAAC,CAACd,GAAO,SAAAG,GAAkB,WAAW,IAAO;AAAA,UAAA;AAAA,QACzF;AAAA,QACA,gBAAAM;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAO;AAAA,YACP,MAAMb;AAAA,YACN,UAAUD;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEee,IAAAC,EAAKrB,CAAkB;"}
1
+ {"version":3,"file":"user-identifier-form.js","sources":["../../../../../src/features/auth/forgot-password/user-identifier-form/user-identifier-form.tsx"],"sourcesContent":["import type { ISingleFieldFormProps } from '../forgot-password-types';\n\nimport { memo, useCallback, type ChangeEvent } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport InputStatusIcon from '../../comps/input-status-icon/input-status-icon';\nimport * as Styled from '../forgot-password-styled';\n\nconst UserIdentifierForm = ({\n onSubmit,\n onChange,\n value,\n error,\n isSubmitDisabled,\n isProcessing,\n isValid = false,\n label,\n}: ISingleFieldFormProps) => {\n const handleInputChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n onChange('identifier', e.target.value);\n },\n [onChange],\n );\n\n return (\n <FlexView\n $gutterX={2}\n $gapX={1.5}\n $alignItems=\"center\"\n $justifyContent=\"center\"\n $background=\"BLACK_2\"\n $height={308}\n >\n <Styled.FormWrapper onSubmit={onSubmit}>\n <TextInput\n renderAs={error ? 'error-dark' : 'primary-dark'}\n autoFocus\n label={label}\n value={value}\n onChange={handleInputChange}\n width={330}\n required\n shape=\"borderLess\"\n errorMessage={error}\n siblingElement={<InputStatusIcon isError={!!error} isValid={isValid} isLoading={false} />}\n />\n <Button\n size=\"small\"\n renderAs=\"secondary-dark\"\n type=\"submit\"\n label=\"Get Verification Code\"\n width={336}\n busy={isProcessing}\n disabled={isSubmitDisabled}\n />\n </Styled.FormWrapper>\n </FlexView>\n );\n};\n\nexport default memo(UserIdentifierForm);\n"],"names":["UserIdentifierForm","onSubmit","onChange","value","error","isSubmitDisabled","isProcessing","isValid","label","handleInputChange","useCallback","e","jsx","FlexView","jsxs","Styled.FormWrapper","TextInput","InputStatusIcon","Button","userIdentifierForm","memo"],"mappings":";;;;;;;AAUA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AACF,MAA6B;AAC3B,QAAMC,IAAoBC;AAAA,IACxB,CAACC,MAAqC;AAC3B,MAAAT,EAAA,cAAcS,EAAE,OAAO,KAAK;AAAA,IACvC;AAAA,IACA,CAACT,CAAQ;AAAA,EAAA;AAIT,SAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA,MAET,UAAC,gBAAAC,EAAAC,GAAA,EAAmB,UAAAd,GAClB,UAAA;AAAA,QAAA,gBAAAW;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAUZ,IAAQ,eAAe;AAAA,YACjC,WAAS;AAAA,YACT,OAAAI;AAAA,YACA,OAAAL;AAAA,YACA,UAAUM;AAAA,YACV,OAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAM;AAAA,YACN,cAAcL;AAAA,YACd,kCAAiBa,GAAgB,EAAA,SAAS,CAAC,CAACb,GAAO,SAAAG,GAAkB,WAAW,IAAO;AAAA,UAAA;AAAA,QACzF;AAAA,QACA,gBAAAK;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAO;AAAA,YACP,MAAMZ;AAAA,YACN,UAAUD;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEec,IAAAC,EAAKpB,CAAkB;"}
package/dist/features/auth/login/identifier-otp-form/identifier-otp-form.js CHANGED
@@ -8,12 +8,12 @@ import u from "../../comps/input-status-icon/input-status-icon.js";
8
8
  import F from "../../comps/resend-otp/resend-otp.js";
9
9
  import { FormWrapper as C } from "./identifier-otp-form-styled.js";
10
10
  const E = ({
11
- identifier: f,
11
+ identifier: p,
12
12
  otp: l,
13
13
  errors: r,
14
14
  isOtpVerified: i,
15
15
  isLoading: a,
16
- isSubmitDisabled: p,
16
+ isSubmitDisabled: f,
17
17
  showOtpInput: t,
18
18
  onChange: m,
19
19
  onSubmit: g,
@@ -28,7 +28,7 @@ const E = ({
28
28
  renderAs: r.identifier ? "error-dark" : b,
29
29
  autoFocus: !0,
30
30
  label: "Email or Phone",
31
- value: f,
31
+ value: p,
32
32
  onChange: (o) => m("identifier", o.target.value),
33
33
  width: 330,
34
34
  required: !0,
@@ -78,12 +78,12 @@ const E = ({
78
78
  label: t ? "Log In" : "Get Verification Code",
79
79
  width: 336,
80
80
  busy: !t && a,
81
- disabled: p
81
+ disabled: f
82
82
  }
83
83
  )
84
84
  ] }) });
85
- }, w = y(E);
85
+ }, I = y(E);
86
86
  export {
87
- w as default
87
+ I as default
88
88
  };
89
89
  //# sourceMappingURL=identifier-otp-form.js.map
package/dist/features/auth/signup/custom-input-field/custom-input-field.js CHANGED
@@ -1,5 +1,5 @@
1
- import { jsx as i, jsxs as K } from "react/jsx-runtime";
2
- import { memo as v, useState as x, useRef as w, useCallback as g, useMemo as C, useEffect as y } from "react";
1
+ import { jsx as u, jsxs as v } from "react/jsx-runtime";
2
+ import { memo as y, useState as x, useRef as w, useCallback as g, useMemo as C, useEffect as I } from "react";
3
3
  import { useTheme as A } from "styled-components";
4
4
  import H from "../../../ui/layout/flex-view.js";
5
5
  import L from "./country-selector/country-selector.js";
@@ -8,77 +8,79 @@ import N from "./input-wrapper/input-wrapper.js";
8
8
  import X from "./password-toggle/password-toggle.js";
9
9
  const _ = ({
10
10
  value: o,
11
- onChange: I,
11
+ onChange: T,
12
12
  error: c,
13
- helperText: T,
14
- onEnter: n,
15
- isLoading: W,
13
+ helperText: W,
14
+ onEnter: r,
15
+ isLoading: b,
16
16
  isValid: m,
17
17
  type: e = "text",
18
- placeholder: b,
19
- actionElement: F,
20
- maxLength: R,
21
- width: $,
22
- textTransform: D,
23
- textAlign: P = "center",
24
- selectedCountry: S,
25
- onCountryChange: V,
18
+ placeholder: F,
19
+ actionElement: R,
20
+ maxLength: $,
21
+ width: D,
22
+ textTransform: P,
23
+ textAlign: S = "center",
24
+ selectedCountry: V,
25
+ onCountryChange: j,
26
26
  autoSize: a = !1
27
27
  }) => {
28
- const r = A(), [u, j] = x(!1), [k, p] = x(32), l = w(null), f = w(null), z = g(
28
+ const n = A(), [l, k] = x(!1), [z, p] = x(32), f = w(null), s = w(null), E = g(
29
29
  (t) => {
30
- t.key === "Enter" && (n == null || n());
30
+ t.key === "Enter" && (r == null || r());
31
31
  },
32
- [n]
33
- ), E = C(() => e === "password" ? u ? "text" : "password" : e === "phone" ? "number" : e, [e, u]), G = C(() => c ? r.colors.RED : m ? r.colors.GREEN_4 : r.colors.WHITE, [c, m, r.colors]), d = g((t, h) => {
34
- f.current || (f.current = document.createElement("canvas"));
35
- const s = f.current.getContext("2d");
36
- return s ? (s.font = h, s.measureText(t).width) : 0;
32
+ [r]
33
+ ), G = C(() => e === "password" ? l ? "text" : "password" : e === "phone" ? "number" : e, [e, l]), K = C(() => c ? n.colors.RED : m ? n.colors.GREEN_4 : n.colors.WHITE, [c, m, n.colors]), d = g((t, h) => {
34
+ s.current || (s.current = document.createElement("canvas"));
35
+ const i = s.current.getContext("2d");
36
+ return i ? (i.font = h, i.measureText(t).width) : 0;
37
37
  }, []);
38
- return y(() => {
39
- if (!l.current || !o || !a)
38
+ return I(() => {
39
+ if (!f.current || !o || !a)
40
40
  return;
41
- const t = l.current.clientWidth;
41
+ const t = f.current.clientWidth;
42
42
  d(o, "32px 'Athletics-Light'") > t ? p(24) : p(32);
43
- }, [o, d, a]), /* @__PURE__ */ i(
43
+ }, [o, d, a]), I(() => () => {
44
+ s.current = null;
45
+ }, []), /* @__PURE__ */ u(
44
46
  N,
45
47
  {
46
- helperText: c || T,
47
- isLoading: W,
48
- actionElement: F,
49
- children: /* @__PURE__ */ K(
48
+ helperText: c || W,
49
+ isLoading: b,
50
+ actionElement: R,
51
+ children: /* @__PURE__ */ v(
50
52
  H,
51
53
  {
52
- $width: $ ?? "100%",
54
+ $width: D ?? "100%",
53
55
  $flex: 1,
54
56
  $alignItems: "center",
55
57
  $flexDirection: "row",
56
58
  $flexGapX: 0.5,
57
59
  children: [
58
- e === "phone" && /* @__PURE__ */ i(L, { onChange: V, value: S }),
59
- /* @__PURE__ */ i(
60
+ e === "phone" && /* @__PURE__ */ u(L, { onChange: j, value: V }),
61
+ /* @__PURE__ */ u(
60
62
  M,
61
63
  {
62
- ref: l,
64
+ ref: f,
63
65
  value: o,
64
- onChange: (t) => I(t.target.value),
66
+ onChange: (t) => T(t.target.value),
65
67
  autoFocus: !0,
66
- placeholder: b,
67
- color: G,
68
+ placeholder: F,
69
+ color: K,
68
70
  autoCapitalize: "none",
69
- textTransform: D,
70
- type: E,
71
- onKeyDown: z,
72
- maxLength: R,
73
- align: P,
74
- fontSize: k
71
+ textTransform: P,
72
+ type: G,
73
+ onKeyDown: E,
74
+ maxLength: $,
75
+ align: S,
76
+ fontSize: z
75
77
  }
76
78
  ),
77
- e === "password" && /* @__PURE__ */ i(
79
+ e === "password" && /* @__PURE__ */ u(
78
80
  X,
79
81
  {
80
- isVisible: u,
81
- onToggle: () => j((t) => !t)
82
+ isVisible: l,
83
+ onToggle: () => k((t) => !t)
82
84
  }
83
85
  )
84
86
  ]
@@ -86,7 +88,7 @@ const _ = ({
86
88
  )
87
89
  }
88
90
  );
89
- }, tt = v(_);
91
+ }, tt = y(_);
90
92
  export {
91
93
  tt as default
92
94
  };
package/dist/features/auth/signup/custom-input-field/custom-input-field.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"custom-input-field.js","sources":["../../../../../src/features/auth/signup/custom-input-field/custom-input-field.tsx"],"sourcesContent":["import type { ICustomInputFieldProps } from './custom-input-field-types';\n\nimport {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n memo,\n type FC,\n type KeyboardEvent,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport PhoneCountrySelector from './country-selector/country-selector';\nimport * as Styled from './custom-input-field-styled';\nimport InputWrapper from './input-wrapper/input-wrapper';\nimport PasswordToggleIcon from './password-toggle/password-toggle';\n\nconst CustomInputField: FC<ICustomInputFieldProps> = ({\n value,\n onChange,\n error,\n helperText,\n onEnter,\n isLoading,\n isValid,\n type = 'text',\n placeholder,\n actionElement,\n maxLength,\n width,\n textTransform,\n textAlign = 'center',\n selectedCountry,\n onCountryChange,\n autoSize = false,\n}) => {\n const theme = useTheme();\n const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n const [fontSize, setFontSize] = useState(32);\n const inputRef = useRef<HTMLInputElement>(null);\n const canvasRef = useRef<HTMLCanvasElement | null>(null);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n onEnter?.();\n }\n },\n [onEnter],\n );\n\n const inputType = useMemo(() => {\n if (type === 'password') return isPasswordVisible ? 'text' : 'password';\n\n if (type === 'phone') return 'number';\n\n return type;\n }, [type, isPasswordVisible]);\n\n const inputColor = useMemo(() => {\n if (error) return theme.colors.RED;\n\n if (isValid) return theme.colors.GREEN_4;\n\n return theme.colors.WHITE;\n }, [error, isValid, theme.colors]);\n\n const measureTextWidth = useCallback((text: string, font: string): number => {\n if (!canvasRef.current) {\n canvasRef.current = document.createElement('canvas');\n }\n\n const context = canvasRef.current.getContext('2d');\n\n if (!context) return 0;\n\n context.font = font;\n\n return context.measureText(text).width;\n }, []);\n\n useEffect(() => {\n if (!inputRef.current || !value || !autoSize) {\n return;\n }\n\n const inputWidth = inputRef.current.clientWidth;\n\n const font32 = \"32px 'Athletics-Light'\";\n\n const textWidth32 = measureTextWidth(value, font32);\n\n if (textWidth32 > inputWidth) {\n setFontSize(24);\n } else {\n setFontSize(32);\n }\n }, [value, measureTextWidth, autoSize]);\n\n return (\n <InputWrapper\n helperText={error || helperText}\n isLoading={isLoading}\n actionElement={actionElement}\n >\n <FlexView\n $width={width ?? '100%'}\n $flex={1}\n $alignItems=\"center\"\n $flexDirection=\"row\"\n $flexGapX={0.5}\n >\n {type === 'phone' && (\n <PhoneCountrySelector onChange={onCountryChange} value={selectedCountry} />\n )}\n <Styled.CustomInput\n ref={inputRef}\n value={value}\n onChange={event => onChange(event.target.value)}\n autoFocus\n placeholder={placeholder}\n color={inputColor}\n autoCapitalize=\"none\"\n textTransform={textTransform}\n type={inputType}\n onKeyDown={handleKeyDown}\n maxLength={maxLength}\n align={textAlign}\n fontSize={fontSize}\n />\n {type === 'password' && (\n <PasswordToggleIcon\n isVisible={isPasswordVisible}\n onToggle={() => setIsPasswordVisible(prev => !prev)}\n />\n )}\n </FlexView>\n </InputWrapper>\n );\n};\n\nexport default memo(CustomInputField);\n"],"names":["CustomInputField","value","onChange","error","helperText","onEnter","isLoading","isValid","type","placeholder","actionElement","maxLength","width","textTransform","textAlign","selectedCountry","onCountryChange","autoSize","theme","useTheme","isPasswordVisible","setIsPasswordVisible","useState","fontSize","setFontSize","inputRef","useRef","canvasRef","handleKeyDown","useCallback","event","inputType","useMemo","inputColor","measureTextWidth","text","font","context","useEffect","inputWidth","jsx","InputWrapper","jsxs","FlexView","PhoneCountrySelector","Styled.CustomInput","PasswordToggleIcon","prev","customInputField","memo"],"mappings":"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"}
1
+ {"version":3,"file":"custom-input-field.js","sources":["../../../../../src/features/auth/signup/custom-input-field/custom-input-field.tsx"],"sourcesContent":["import type { ICustomInputFieldProps } from './custom-input-field-types';\n\nimport {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n memo,\n type FC,\n type KeyboardEvent,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport PhoneCountrySelector from './country-selector/country-selector';\nimport * as Styled from './custom-input-field-styled';\nimport InputWrapper from './input-wrapper/input-wrapper';\nimport PasswordToggleIcon from './password-toggle/password-toggle';\n\nconst CustomInputField: FC<ICustomInputFieldProps> = ({\n value,\n onChange,\n error,\n helperText,\n onEnter,\n isLoading,\n isValid,\n type = 'text',\n placeholder,\n actionElement,\n maxLength,\n width,\n textTransform,\n textAlign = 'center',\n selectedCountry,\n onCountryChange,\n autoSize = false,\n}) => {\n const theme = useTheme();\n const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n const [fontSize, setFontSize] = useState(32);\n const inputRef = useRef<HTMLInputElement>(null);\n const canvasRef = useRef<HTMLCanvasElement | null>(null);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n onEnter?.();\n }\n },\n [onEnter],\n );\n\n const inputType = useMemo(() => {\n if (type === 'password') return isPasswordVisible ? 'text' : 'password';\n\n if (type === 'phone') return 'number';\n\n return type;\n }, [type, isPasswordVisible]);\n\n const inputColor = useMemo(() => {\n if (error) return theme.colors.RED;\n\n if (isValid) return theme.colors.GREEN_4;\n\n return theme.colors.WHITE;\n }, [error, isValid, theme.colors]);\n\n const measureTextWidth = useCallback((text: string, font: string): number => {\n if (!canvasRef.current) {\n canvasRef.current = document.createElement('canvas');\n }\n\n const context = canvasRef.current.getContext('2d');\n\n if (!context) return 0;\n\n context.font = font;\n\n return context.measureText(text).width;\n }, []);\n\n useEffect(() => {\n if (!inputRef.current || !value || !autoSize) {\n return;\n }\n\n const inputWidth = inputRef.current.clientWidth;\n\n const font32 = \"32px 'Athletics-Light'\";\n\n const textWidth32 = measureTextWidth(value, font32);\n\n if (textWidth32 > inputWidth) {\n setFontSize(24);\n } else {\n setFontSize(32);\n }\n }, [value, measureTextWidth, autoSize]);\n\n useEffect(() => {\n return () => {\n canvasRef.current = null;\n };\n }, []);\n\n return (\n <InputWrapper\n helperText={error || helperText}\n isLoading={isLoading}\n actionElement={actionElement}\n >\n <FlexView\n $width={width ?? '100%'}\n $flex={1}\n $alignItems=\"center\"\n $flexDirection=\"row\"\n $flexGapX={0.5}\n >\n {type === 'phone' && (\n <PhoneCountrySelector onChange={onCountryChange} value={selectedCountry} />\n )}\n <Styled.CustomInput\n ref={inputRef}\n value={value}\n onChange={event => onChange(event.target.value)}\n autoFocus\n placeholder={placeholder}\n color={inputColor}\n autoCapitalize=\"none\"\n textTransform={textTransform}\n type={inputType}\n onKeyDown={handleKeyDown}\n maxLength={maxLength}\n align={textAlign}\n fontSize={fontSize}\n />\n {type === 'password' && (\n <PasswordToggleIcon\n isVisible={isPasswordVisible}\n onToggle={() => setIsPasswordVisible(prev => !prev)}\n />\n )}\n </FlexView>\n </InputWrapper>\n );\n};\n\nexport default memo(CustomInputField);\n"],"names":["CustomInputField","value","onChange","error","helperText","onEnter","isLoading","isValid","type","placeholder","actionElement","maxLength","width","textTransform","textAlign","selectedCountry","onCountryChange","autoSize","theme","useTheme","isPasswordVisible","setIsPasswordVisible","useState","fontSize","setFontSize","inputRef","useRef","canvasRef","handleKeyDown","useCallback","event","inputType","useMemo","inputColor","measureTextWidth","text","font","context","useEffect","inputWidth","jsx","InputWrapper","jsxs","FlexView","PhoneCountrySelector","Styled.CustomInput","PasswordToggleIcon","prev","customInputField","memo"],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -1049,7 +1049,7 @@ declare interface ICircularStepsProps {
1049
1049
  }
1050
1050
 
1051
1051
  declare interface ICircularStepWrapperProps {
1052
- children: ReactNode;
1052
+ children: JSX.Element;
1053
1053
  animation: string;
1054
1054
  introFrames: [number, number];
1055
1055
  outroFrames: [number, number];
@@ -1228,7 +1228,7 @@ declare interface ICustomInputFieldProps {
1228
1228
  onEnter?: () => void;
1229
1229
  error?: string;
1230
1230
  helperText?: string;
1231
- actionElement?: ReactNode;
1231
+ actionElement?: JSX.Element;
1232
1232
  isLoading?: boolean;
1233
1233
  isValid?: boolean;
1234
1234
  type?: 'text' | 'password' | 'number' | 'phone';
@@ -2452,6 +2452,8 @@ declare interface IOTPResendProps {
2452
2452
  timerSeconds?: number;
2453
2453
  showVoiceOTP?: boolean;
2454
2454
  disabled?: boolean;
2455
+ renderAs?: 'submit' | 'text';
2456
+ width?: number;
2455
2457
  }
2456
2458
 
2457
2459
  declare interface IOutcomeConfig {
@@ -2992,7 +2994,6 @@ declare interface ISingleFieldFormProps {
2992
2994
  isProcessing: boolean;
2993
2995
  isSubmitDisabled?: boolean;
2994
2996
  isValid?: boolean;
2995
- field?: string;
2996
2997
  label?: string;
2997
2998
  }
2998
2999
 
@@ -5732,7 +5733,7 @@ export declare const User2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
5732
5733
 
5733
5734
  export declare const UserIcon: React.FC<React.SVGProps<SVGSVGElement>>;
5734
5735
 
5735
- export declare const UserIdentifierForm: MemoExoticComponent<({ onSubmit, onChange, value, error, isSubmitDisabled, isProcessing, isValid, label, field, }: ISingleFieldFormProps) => JSX_2.Element>;
5736
+ export declare const UserIdentifierForm: MemoExoticComponent<({ onSubmit, onChange, value, error, isSubmitDisabled, isProcessing, isValid, label, }: ISingleFieldFormProps) => JSX_2.Element>;
5736
5737
 
5737
5738
  export declare const UsernamePasswordForm: NamedExoticComponent<IUsernamePasswordFormProps>;
5738
5739
 
package/dist/static/cuemath-app-qr-code.4beefe48.svg ADDED
@@ -0,0 +1 @@
1
+ <?xml version="1.0" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024"><defs><clipPath id="clip-path-dot-color"><rect x="62" y="310" width="31" height="31" transform="rotate(0,77.5,325.5)"/><rect x="62" y="434" width="31" height="31" transform="rotate(0,77.5,449.5)"/><rect x="62" y="465" width="31" height="31" transform="rotate(0,77.5,480.5)"/><rect x="62" y="496" width="31" height="31" transform="rotate(0,77.5,511.5)"/><rect x="62" y="527" width="31" height="31" transform="rotate(0,77.5,542.5)"/><rect x="62" y="589" width="31" height="31" transform="rotate(0,77.5,604.5)"/><rect x="62" y="620" width="31" height="31" transform="rotate(0,77.5,635.5)"/><rect x="62" y="651" width="31" height="31" transform="rotate(0,77.5,666.5)"/><rect x="93" y="310" width="31" height="31" transform="rotate(0,108.5,325.5)"/><rect x="93" y="403" width="31" height="31" transform="rotate(0,108.5,418.5)"/><rect x="93" y="496" width="31" height="31" transform="rotate(0,108.5,511.5)"/><rect x="93" y="589" width="31" height="31" transform="rotate(0,108.5,604.5)"/><rect x="93" y="651" width="31" height="31" transform="rotate(0,108.5,666.5)"/><rect x="124" y="372" width="31" height="31" transform="rotate(0,139.5,387.5)"/><rect x="124" y="465" width="31" height="31" transform="rotate(0,139.5,480.5)"/><rect x="124" y="496" width="31" height="31" transform="rotate(0,139.5,511.5)"/><rect x="124" y="527" width="31" height="31" transform="rotate(0,139.5,542.5)"/><rect x="124" y="558" width="31" height="31" transform="rotate(0,139.5,573.5)"/><rect x="124" y="620" width="31" height="31" transform="rotate(0,139.5,635.5)"/><rect x="124" y="651" width="31" height="31" transform="rotate(0,139.5,666.5)"/><rect x="124" y="682" width="31" height="31" transform="rotate(0,139.5,697.5)"/><rect x="155" y="341" width="31" height="31" transform="rotate(0,170.5,356.5)"/><rect x="155" y="527" width="31" height="31" transform="rotate(0,170.5,542.5)"/><rect x="155" y="558" width="31" height="31" transform="rotate(0,170.5,573.5)"/><rect x="155" y="589" width="31" height="31" transform="rotate(0,170.5,604.5)"/><rect x="155" y="651" width="31" height="31" transform="rotate(0,170.5,666.5)"/><rect x="155" y="682" width="31" height="31" transform="rotate(0,170.5,697.5)"/><rect x="186" y="341" width="31" height="31" transform="rotate(0,201.5,356.5)"/><rect x="186" y="372" width="31" height="31" transform="rotate(0,201.5,387.5)"/><rect x="186" y="403" width="31" height="31" transform="rotate(0,201.5,418.5)"/><rect x="186" y="465" width="31" height="31" transform="rotate(0,201.5,480.5)"/><rect x="186" y="527" width="31" height="31" transform="rotate(0,201.5,542.5)"/><rect x="186" y="651" width="31" height="31" transform="rotate(0,201.5,666.5)"/><rect x="186" y="682" width="31" height="31" transform="rotate(0,201.5,697.5)"/><rect x="217" y="403" width="31" height="31" transform="rotate(0,232.5,418.5)"/><rect x="217" y="434" width="31" height="31" transform="rotate(0,232.5,449.5)"/><rect x="217" y="465" width="31" height="31" transform="rotate(0,232.5,480.5)"/><rect x="217" y="496" width="31" height="31" transform="rotate(0,232.5,511.5)"/><rect x="217" y="620" width="31" height="31" transform="rotate(0,232.5,635.5)"/><rect x="248" y="310" width="31" height="31" transform="rotate(0,263.5,325.5)"/><rect x="248" y="372" width="31" height="31" transform="rotate(0,263.5,387.5)"/><rect x="248" y="434" width="31" height="31" transform="rotate(0,263.5,449.5)"/><rect x="248" y="496" width="31" height="31" transform="rotate(0,263.5,511.5)"/><rect x="248" y="558" width="31" height="31" transform="rotate(0,263.5,573.5)"/><rect x="248" y="620" width="31" height="31" transform="rotate(0,263.5,635.5)"/><rect x="248" y="682" width="31" height="31" transform="rotate(0,263.5,697.5)"/><rect x="279" y="434" width="31" height="31" transform="rotate(0,294.5,449.5)"/><rect x="279" y="496" width="31" height="31" transform="rotate(0,294.5,511.5)"/><rect x="279" y="527" width="31" height="31" transform="rotate(0,294.5,542.5)"/><rect x="279" y="558" width="31" height="31" transform="rotate(0,294.5,573.5)"/><rect x="279" y="651" width="31" height="31" transform="rotate(0,294.5,666.5)"/><rect x="310" y="93" width="31" height="31" transform="rotate(0,325.5,108.5)"/><rect x="310" y="248" width="31" height="31" transform="rotate(0,325.5,263.5)"/><rect x="310" y="279" width="31" height="31" transform="rotate(0,325.5,294.5)"/><rect x="310" y="310" width="31" height="31" transform="rotate(0,325.5,325.5)"/><rect x="310" y="341" width="31" height="31" transform="rotate(0,325.5,356.5)"/><rect x="310" y="372" width="31" height="31" transform="rotate(0,325.5,387.5)"/><rect x="310" y="403" width="31" height="31" transform="rotate(0,325.5,418.5)"/><rect x="310" y="465" width="31" height="31" transform="rotate(0,325.5,480.5)"/><rect x="310" y="558" width="31" height="31" transform="rotate(0,325.5,573.5)"/><rect x="310" y="620" width="31" height="31" transform="rotate(0,325.5,635.5)"/><rect x="310" y="713" width="31" height="31" transform="rotate(0,325.5,728.5)"/><rect x="310" y="899" width="31" height="31" transform="rotate(0,325.5,914.5)"/><rect x="310" y="930" width="31" height="31" transform="rotate(0,325.5,945.5)"/><rect x="341" y="93" width="31" height="31" transform="rotate(0,356.5,108.5)"/><rect x="341" y="341" width="31" height="31" transform="rotate(0,356.5,356.5)"/><rect x="341" y="372" width="31" height="31" transform="rotate(0,356.5,387.5)"/><rect x="341" y="403" width="31" height="31" transform="rotate(0,356.5,418.5)"/><rect x="341" y="434" width="31" height="31" transform="rotate(0,356.5,449.5)"/><rect x="341" y="465" width="31" height="31" transform="rotate(0,356.5,480.5)"/><rect x="341" y="527" width="31" height="31" transform="rotate(0,356.5,542.5)"/><rect x="341" y="558" width="31" height="31" transform="rotate(0,356.5,573.5)"/><rect x="341" y="589" width="31" height="31" transform="rotate(0,356.5,604.5)"/><rect x="341" y="682" width="31" height="31" transform="rotate(0,356.5,697.5)"/><rect x="341" y="775" width="31" height="31" transform="rotate(0,356.5,790.5)"/><rect x="341" y="806" width="31" height="31" transform="rotate(0,356.5,821.5)"/><rect x="341" y="868" width="31" height="31" transform="rotate(0,356.5,883.5)"/><rect x="341" y="899" width="31" height="31" transform="rotate(0,356.5,914.5)"/><rect x="372" y="124" width="31" height="31" transform="rotate(0,387.5,139.5)"/><rect x="372" y="186" width="31" height="31" transform="rotate(0,387.5,201.5)"/><rect x="372" y="217" width="31" height="31" transform="rotate(0,387.5,232.5)"/><rect x="372" y="248" width="31" height="31" transform="rotate(0,387.5,263.5)"/><rect x="372" y="279" width="31" height="31" transform="rotate(0,387.5,294.5)"/><rect x="372" y="310" width="31" height="31" transform="rotate(0,387.5,325.5)"/><rect x="372" y="372" width="31" height="31" transform="rotate(0,387.5,387.5)"/><rect x="372" y="403" width="31" height="31" transform="rotate(0,387.5,418.5)"/><rect x="372" y="465" width="31" height="31" transform="rotate(0,387.5,480.5)"/><rect x="372" y="496" width="31" height="31" transform="rotate(0,387.5,511.5)"/><rect x="372" y="558" width="31" height="31" transform="rotate(0,387.5,573.5)"/><rect x="372" y="620" width="31" height="31" transform="rotate(0,387.5,635.5)"/><rect x="372" y="682" width="31" height="31" transform="rotate(0,387.5,697.5)"/><rect x="372" y="713" width="31" height="31" transform="rotate(0,387.5,728.5)"/><rect x="372" y="744" width="31" height="31" transform="rotate(0,387.5,759.5)"/><rect x="372" y="775" width="31" height="31" transform="rotate(0,387.5,790.5)"/><rect x="372" y="837" width="31" height="31" transform="rotate(0,387.5,852.5)"/><rect x="403" y="93" width="31" height="31" transform="rotate(0,418.5,108.5)"/><rect x="403" y="124" width="31" height="31" transform="rotate(0,418.5,139.5)"/><rect x="403" y="186" width="31" height="31" transform="rotate(0,418.5,201.5)"/><rect x="403" y="217" width="31" height="31" transform="rotate(0,418.5,232.5)"/><rect x="403" y="310" width="31" height="31" transform="rotate(0,418.5,325.5)"/><rect x="403" y="403" width="31" height="31" transform="rotate(0,418.5,418.5)"/><rect x="403" y="465" width="31" height="31" transform="rotate(0,418.5,480.5)"/><rect x="403" y="558" width="31" height="31" transform="rotate(0,418.5,573.5)"/><rect x="403" y="744" width="31" height="31" transform="rotate(0,418.5,759.5)"/><rect x="403" y="775" width="31" height="31" transform="rotate(0,418.5,790.5)"/><rect x="403" y="806" width="31" height="31" transform="rotate(0,418.5,821.5)"/><rect x="403" y="837" width="31" height="31" transform="rotate(0,418.5,852.5)"/><rect x="434" y="93" width="31" height="31" transform="rotate(0,449.5,108.5)"/><rect x="434" y="124" width="31" height="31" transform="rotate(0,449.5,139.5)"/><rect x="434" y="155" width="31" height="31" transform="rotate(0,449.5,170.5)"/><rect x="434" y="217" width="31" height="31" transform="rotate(0,449.5,232.5)"/><rect x="434" y="248" width="31" height="31" transform="rotate(0,449.5,263.5)"/><rect x="434" y="279" width="31" height="31" transform="rotate(0,449.5,294.5)"/><rect x="434" y="310" width="31" height="31" transform="rotate(0,449.5,325.5)"/><rect x="434" y="341" width="31" height="31" transform="rotate(0,449.5,356.5)"/><rect x="434" y="372" width="31" height="31" transform="rotate(0,449.5,387.5)"/><rect x="434" y="465" width="31" height="31" transform="rotate(0,449.5,480.5)"/><rect x="434" y="620" width="31" height="31" transform="rotate(0,449.5,635.5)"/><rect x="434" y="651" width="31" height="31" transform="rotate(0,449.5,666.5)"/><rect x="434" y="713" width="31" height="31" transform="rotate(0,449.5,728.5)"/><rect x="434" y="744" width="31" height="31" transform="rotate(0,449.5,759.5)"/><rect x="434" y="837" width="31" height="31" transform="rotate(0,449.5,852.5)"/><rect x="434" y="868" width="31" height="31" transform="rotate(0,449.5,883.5)"/><rect x="434" y="899" width="31" height="31" transform="rotate(0,449.5,914.5)"/><rect x="465" y="93" width="31" height="31" transform="rotate(0,480.5,108.5)"/><rect x="465" y="217" width="31" height="31" transform="rotate(0,480.5,232.5)"/><rect x="465" y="341" width="31" height="31" transform="rotate(0,480.5,356.5)"/><rect x="465" y="403" width="31" height="31" transform="rotate(0,480.5,418.5)"/><rect x="465" y="465" width="31" height="31" transform="rotate(0,480.5,480.5)"/><rect x="465" y="496" width="31" height="31" transform="rotate(0,480.5,511.5)"/><rect x="465" y="527" width="31" height="31" transform="rotate(0,480.5,542.5)"/><rect x="465" y="589" width="31" height="31" transform="rotate(0,480.5,604.5)"/><rect x="465" y="620" width="31" height="31" transform="rotate(0,480.5,635.5)"/><rect x="465" y="651" width="31" height="31" transform="rotate(0,480.5,666.5)"/><rect x="465" y="682" width="31" height="31" transform="rotate(0,480.5,697.5)"/><rect x="465" y="744" width="31" height="31" transform="rotate(0,480.5,759.5)"/><rect x="465" y="806" width="31" height="31" transform="rotate(0,480.5,821.5)"/><rect x="465" y="837" width="31" height="31" transform="rotate(0,480.5,852.5)"/><rect x="465" y="930" width="31" height="31" transform="rotate(0,480.5,945.5)"/><rect x="496" y="93" width="31" height="31" transform="rotate(0,511.5,108.5)"/><rect x="496" y="155" width="31" height="31" transform="rotate(0,511.5,170.5)"/><rect x="496" y="186" width="31" height="31" transform="rotate(0,511.5,201.5)"/><rect x="496" y="248" width="31" height="31" transform="rotate(0,511.5,263.5)"/><rect x="496" y="279" width="31" height="31" transform="rotate(0,511.5,294.5)"/><rect x="496" y="341" width="31" height="31" transform="rotate(0,511.5,356.5)"/><rect x="496" y="372" width="31" height="31" transform="rotate(0,511.5,387.5)"/><rect x="496" y="434" width="31" height="31" transform="rotate(0,511.5,449.5)"/><rect x="496" y="496" width="31" height="31" transform="rotate(0,511.5,511.5)"/><rect x="496" y="589" width="31" height="31" transform="rotate(0,511.5,604.5)"/><rect x="496" y="682" width="31" height="31" transform="rotate(0,511.5,697.5)"/><rect x="496" y="713" width="31" height="31" transform="rotate(0,511.5,728.5)"/><rect x="496" y="744" width="31" height="31" transform="rotate(0,511.5,759.5)"/><rect x="496" y="775" width="31" height="31" transform="rotate(0,511.5,790.5)"/><rect x="527" y="124" width="31" height="31" transform="rotate(0,542.5,139.5)"/><rect x="527" y="155" width="31" height="31" transform="rotate(0,542.5,170.5)"/><rect x="527" y="186" width="31" height="31" transform="rotate(0,542.5,201.5)"/><rect x="527" y="217" width="31" height="31" transform="rotate(0,542.5,232.5)"/><rect x="527" y="279" width="31" height="31" transform="rotate(0,542.5,294.5)"/><rect x="527" y="310" width="31" height="31" transform="rotate(0,542.5,325.5)"/><rect x="527" y="372" width="31" height="31" transform="rotate(0,542.5,387.5)"/><rect x="527" y="527" width="31" height="31" transform="rotate(0,542.5,542.5)"/><rect x="527" y="589" width="31" height="31" transform="rotate(0,542.5,604.5)"/><rect x="527" y="620" width="31" height="31" transform="rotate(0,542.5,635.5)"/><rect x="527" y="682" width="31" height="31" transform="rotate(0,542.5,697.5)"/><rect x="527" y="744" width="31" height="31" transform="rotate(0,542.5,759.5)"/><rect x="527" y="806" width="31" height="31" transform="rotate(0,542.5,821.5)"/><rect x="527" y="837" width="31" height="31" transform="rotate(0,542.5,852.5)"/><rect x="527" y="868" width="31" height="31" transform="rotate(0,542.5,883.5)"/><rect x="527" y="899" width="31" height="31" transform="rotate(0,542.5,914.5)"/><rect x="527" y="930" width="31" height="31" transform="rotate(0,542.5,945.5)"/><rect x="558" y="62" width="31" height="31" transform="rotate(0,573.5,77.5)"/><rect x="558" y="186" width="31" height="31" transform="rotate(0,573.5,201.5)"/><rect x="558" y="217" width="31" height="31" transform="rotate(0,573.5,232.5)"/><rect x="558" y="248" width="31" height="31" transform="rotate(0,573.5,263.5)"/><rect x="558" y="310" width="31" height="31" transform="rotate(0,573.5,325.5)"/><rect x="558" y="372" width="31" height="31" transform="rotate(0,573.5,387.5)"/><rect x="558" y="403" width="31" height="31" transform="rotate(0,573.5,418.5)"/><rect x="558" y="527" width="31" height="31" transform="rotate(0,573.5,542.5)"/><rect x="558" y="558" width="31" height="31" transform="rotate(0,573.5,573.5)"/><rect x="558" y="682" width="31" height="31" transform="rotate(0,573.5,697.5)"/><rect x="558" y="775" width="31" height="31" transform="rotate(0,573.5,790.5)"/><rect x="558" y="837" width="31" height="31" transform="rotate(0,573.5,852.5)"/><rect x="558" y="868" width="31" height="31" transform="rotate(0,573.5,883.5)"/><rect x="558" y="899" width="31" height="31" transform="rotate(0,573.5,914.5)"/><rect x="589" y="62" width="31" height="31" transform="rotate(0,604.5,77.5)"/><rect x="589" y="124" width="31" height="31" transform="rotate(0,604.5,139.5)"/><rect x="589" y="403" width="31" height="31" transform="rotate(0,604.5,418.5)"/><rect x="589" y="465" width="31" height="31" transform="rotate(0,604.5,480.5)"/><rect x="589" y="589" width="31" height="31" transform="rotate(0,604.5,604.5)"/><rect x="589" y="620" width="31" height="31" transform="rotate(0,604.5,635.5)"/><rect x="589" y="651" width="31" height="31" transform="rotate(0,604.5,666.5)"/><rect x="589" y="682" width="31" height="31" transform="rotate(0,604.5,697.5)"/><rect x="589" y="806" width="31" height="31" transform="rotate(0,604.5,821.5)"/><rect x="589" y="930" width="31" height="31" transform="rotate(0,604.5,945.5)"/><rect x="620" y="62" width="31" height="31" transform="rotate(0,635.5,77.5)"/><rect x="620" y="93" width="31" height="31" transform="rotate(0,635.5,108.5)"/><rect x="620" y="124" width="31" height="31" transform="rotate(0,635.5,139.5)"/><rect x="620" y="186" width="31" height="31" transform="rotate(0,635.5,201.5)"/><rect x="620" y="217" width="31" height="31" transform="rotate(0,635.5,232.5)"/><rect x="620" y="248" width="31" height="31" transform="rotate(0,635.5,263.5)"/><rect x="620" y="341" width="31" height="31" transform="rotate(0,635.5,356.5)"/><rect x="620" y="403" width="31" height="31" transform="rotate(0,635.5,418.5)"/><rect x="620" y="434" width="31" height="31" transform="rotate(0,635.5,449.5)"/><rect x="620" y="527" width="31" height="31" transform="rotate(0,635.5,542.5)"/><rect x="620" y="651" width="31" height="31" transform="rotate(0,635.5,666.5)"/><rect x="620" y="775" width="31" height="31" transform="rotate(0,635.5,790.5)"/><rect x="620" y="806" width="31" height="31" transform="rotate(0,635.5,821.5)"/><rect x="620" y="868" width="31" height="31" transform="rotate(0,635.5,883.5)"/><rect x="620" y="930" width="31" height="31" transform="rotate(0,635.5,945.5)"/><rect x="651" y="62" width="31" height="31" transform="rotate(0,666.5,77.5)"/><rect x="651" y="124" width="31" height="31" transform="rotate(0,666.5,139.5)"/><rect x="651" y="217" width="31" height="31" transform="rotate(0,666.5,232.5)"/><rect x="651" y="310" width="31" height="31" transform="rotate(0,666.5,325.5)"/><rect x="651" y="341" width="31" height="31" transform="rotate(0,666.5,356.5)"/><rect x="651" y="434" width="31" height="31" transform="rotate(0,666.5,449.5)"/><rect x="651" y="465" width="31" height="31" transform="rotate(0,666.5,480.5)"/><rect x="651" y="496" width="31" height="31" transform="rotate(0,666.5,511.5)"/><rect x="651" y="620" width="31" height="31" transform="rotate(0,666.5,635.5)"/><rect x="651" y="713" width="31" height="31" transform="rotate(0,666.5,728.5)"/><rect x="651" y="744" width="31" height="31" transform="rotate(0,666.5,759.5)"/><rect x="651" y="775" width="31" height="31" transform="rotate(0,666.5,790.5)"/><rect x="651" y="806" width="31" height="31" transform="rotate(0,666.5,821.5)"/><rect x="651" y="837" width="31" height="31" transform="rotate(0,666.5,852.5)"/><rect x="651" y="930" width="31" height="31" transform="rotate(0,666.5,945.5)"/><rect x="682" y="62" width="31" height="31" transform="rotate(0,697.5,77.5)"/><rect x="682" y="155" width="31" height="31" transform="rotate(0,697.5,170.5)"/><rect x="682" y="186" width="31" height="31" transform="rotate(0,697.5,201.5)"/><rect x="682" y="248" width="31" height="31" transform="rotate(0,697.5,263.5)"/><rect x="682" y="279" width="31" height="31" transform="rotate(0,697.5,294.5)"/><rect x="682" y="341" width="31" height="31" transform="rotate(0,697.5,356.5)"/><rect x="682" y="434" width="31" height="31" transform="rotate(0,697.5,449.5)"/><rect x="682" y="496" width="31" height="31" transform="rotate(0,697.5,511.5)"/><rect x="682" y="527" width="31" height="31" transform="rotate(0,697.5,542.5)"/><rect x="682" y="589" width="31" height="31" transform="rotate(0,697.5,604.5)"/><rect x="682" y="682" width="31" height="31" transform="rotate(0,697.5,697.5)"/><rect x="682" y="713" width="31" height="31" transform="rotate(0,697.5,728.5)"/><rect x="682" y="744" width="31" height="31" transform="rotate(0,697.5,759.5)"/><rect x="682" y="775" width="31" height="31" transform="rotate(0,697.5,790.5)"/><rect x="682" y="806" width="31" height="31" transform="rotate(0,697.5,821.5)"/><rect x="682" y="899" width="31" height="31" transform="rotate(0,697.5,914.5)"/><rect x="682" y="930" width="31" height="31" transform="rotate(0,697.5,945.5)"/><rect x="713" y="310" width="31" height="31" transform="rotate(0,728.5,325.5)"/><rect x="713" y="341" width="31" height="31" transform="rotate(0,728.5,356.5)"/><rect x="713" y="372" width="31" height="31" transform="rotate(0,728.5,387.5)"/><rect x="713" y="403" width="31" height="31" transform="rotate(0,728.5,418.5)"/><rect x="713" y="527" width="31" height="31" transform="rotate(0,728.5,542.5)"/><rect x="713" y="558" width="31" height="31" transform="rotate(0,728.5,573.5)"/><rect x="713" y="620" width="31" height="31" transform="rotate(0,728.5,635.5)"/><rect x="713" y="651" width="31" height="31" transform="rotate(0,728.5,666.5)"/><rect x="713" y="682" width="31" height="31" transform="rotate(0,728.5,697.5)"/><rect x="713" y="806" width="31" height="31" transform="rotate(0,728.5,821.5)"/><rect x="713" y="837" width="31" height="31" transform="rotate(0,728.5,852.5)"/><rect x="713" y="868" width="31" height="31" transform="rotate(0,728.5,883.5)"/><rect x="713" y="899" width="31" height="31" transform="rotate(0,728.5,914.5)"/><rect x="744" y="310" width="31" height="31" transform="rotate(0,759.5,325.5)"/><rect x="744" y="341" width="31" height="31" transform="rotate(0,759.5,356.5)"/><rect x="744" y="527" width="31" height="31" transform="rotate(0,759.5,542.5)"/><rect x="744" y="558" width="31" height="31" transform="rotate(0,759.5,573.5)"/><rect x="744" y="620" width="31" height="31" transform="rotate(0,759.5,635.5)"/><rect x="744" y="651" width="31" height="31" transform="rotate(0,759.5,666.5)"/><rect x="744" y="682" width="31" height="31" transform="rotate(0,759.5,697.5)"/><rect x="744" y="744" width="31" height="31" transform="rotate(0,759.5,759.5)"/><rect x="744" y="806" width="31" height="31" transform="rotate(0,759.5,821.5)"/><rect x="744" y="899" width="31" height="31" transform="rotate(0,759.5,914.5)"/><rect x="775" y="341" width="31" height="31" transform="rotate(0,790.5,356.5)"/><rect x="775" y="403" width="31" height="31" transform="rotate(0,790.5,418.5)"/><rect x="775" y="434" width="31" height="31" transform="rotate(0,790.5,449.5)"/><rect x="775" y="496" width="31" height="31" transform="rotate(0,790.5,511.5)"/><rect x="775" y="527" width="31" height="31" transform="rotate(0,790.5,542.5)"/><rect x="775" y="558" width="31" height="31" transform="rotate(0,790.5,573.5)"/><rect x="775" y="651" width="31" height="31" transform="rotate(0,790.5,666.5)"/><rect x="775" y="682" width="31" height="31" transform="rotate(0,790.5,697.5)"/><rect x="775" y="806" width="31" height="31" transform="rotate(0,790.5,821.5)"/><rect x="775" y="837" width="31" height="31" transform="rotate(0,790.5,852.5)"/><rect x="775" y="899" width="31" height="31" transform="rotate(0,790.5,914.5)"/><rect x="775" y="930" width="31" height="31" transform="rotate(0,790.5,945.5)"/><rect x="806" y="341" width="31" height="31" transform="rotate(0,821.5,356.5)"/><rect x="806" y="372" width="31" height="31" transform="rotate(0,821.5,387.5)"/><rect x="806" y="434" width="31" height="31" transform="rotate(0,821.5,449.5)"/><rect x="806" y="558" width="31" height="31" transform="rotate(0,821.5,573.5)"/><rect x="806" y="589" width="31" height="31" transform="rotate(0,821.5,604.5)"/><rect x="806" y="620" width="31" height="31" transform="rotate(0,821.5,635.5)"/><rect x="806" y="651" width="31" height="31" transform="rotate(0,821.5,666.5)"/><rect x="806" y="682" width="31" height="31" transform="rotate(0,821.5,697.5)"/><rect x="806" y="713" width="31" height="31" transform="rotate(0,821.5,728.5)"/><rect x="806" y="744" width="31" height="31" transform="rotate(0,821.5,759.5)"/><rect x="806" y="775" width="31" height="31" transform="rotate(0,821.5,790.5)"/><rect x="806" y="806" width="31" height="31" transform="rotate(0,821.5,821.5)"/><rect x="837" y="372" width="31" height="31" transform="rotate(0,852.5,387.5)"/><rect x="837" y="403" width="31" height="31" transform="rotate(0,852.5,418.5)"/><rect x="837" y="434" width="31" height="31" transform="rotate(0,852.5,449.5)"/><rect x="837" y="465" width="31" height="31" transform="rotate(0,852.5,480.5)"/><rect x="837" y="558" width="31" height="31" transform="rotate(0,852.5,573.5)"/><rect x="837" y="589" width="31" height="31" transform="rotate(0,852.5,604.5)"/><rect x="837" y="651" width="31" height="31" transform="rotate(0,852.5,666.5)"/><rect x="837" y="682" width="31" height="31" transform="rotate(0,852.5,697.5)"/><rect x="837" y="775" width="31" height="31" transform="rotate(0,852.5,790.5)"/><rect x="837" y="837" width="31" height="31" transform="rotate(0,852.5,852.5)"/><rect x="837" y="868" width="31" height="31" transform="rotate(0,852.5,883.5)"/><rect x="837" y="899" width="31" height="31" transform="rotate(0,852.5,914.5)"/><rect x="868" y="372" width="31" height="31" transform="rotate(0,883.5,387.5)"/><rect x="868" y="403" width="31" height="31" transform="rotate(0,883.5,418.5)"/><rect x="868" y="434" width="31" height="31" transform="rotate(0,883.5,449.5)"/><rect x="868" y="465" width="31" height="31" transform="rotate(0,883.5,480.5)"/><rect x="868" y="496" width="31" height="31" transform="rotate(0,883.5,511.5)"/><rect x="868" y="620" width="31" height="31" transform="rotate(0,883.5,635.5)"/><rect x="868" y="651" width="31" height="31" transform="rotate(0,883.5,666.5)"/><rect x="868" y="682" width="31" height="31" transform="rotate(0,883.5,697.5)"/><rect x="868" y="713" width="31" height="31" transform="rotate(0,883.5,728.5)"/><rect x="868" y="744" width="31" height="31" transform="rotate(0,883.5,759.5)"/><rect x="868" y="775" width="31" height="31" transform="rotate(0,883.5,790.5)"/><rect x="868" y="806" width="31" height="31" transform="rotate(0,883.5,821.5)"/><rect x="868" y="899" width="31" height="31" transform="rotate(0,883.5,914.5)"/><rect x="899" y="310" width="31" height="31" transform="rotate(0,914.5,325.5)"/><rect x="899" y="527" width="31" height="31" transform="rotate(0,914.5,542.5)"/><rect x="899" y="682" width="31" height="31" transform="rotate(0,914.5,697.5)"/><rect x="899" y="744" width="31" height="31" transform="rotate(0,914.5,759.5)"/><rect x="899" y="806" width="31" height="31" transform="rotate(0,914.5,821.5)"/><rect x="899" y="837" width="31" height="31" transform="rotate(0,914.5,852.5)"/><rect x="899" y="868" width="31" height="31" transform="rotate(0,914.5,883.5)"/><rect x="899" y="930" width="31" height="31" transform="rotate(0,914.5,945.5)"/><rect x="930" y="403" width="31" height="31" transform="rotate(0,945.5,418.5)"/><rect x="930" y="465" width="31" height="31" transform="rotate(0,945.5,480.5)"/><rect x="930" y="589" width="31" height="31" transform="rotate(0,945.5,604.5)"/><rect x="930" y="651" width="31" height="31" transform="rotate(0,945.5,666.5)"/><rect x="930" y="744" width="31" height="31" transform="rotate(0,945.5,759.5)"/><rect x="930" y="806" width="31" height="31" transform="rotate(0,945.5,821.5)"/><rect x="930" y="837" width="31" height="31" transform="rotate(0,945.5,852.5)"/></clipPath><clipPath id="clip-path-corners-square-color-0-0"><rect x="62" y="62" width="31" height="31" transform="rotate(0,77.5,77.5)"/><rect x="62" y="93" width="31" height="31" transform="rotate(0,77.5,108.5)"/><rect x="62" y="124" width="31" height="31" transform="rotate(0,77.5,139.5)"/><rect x="62" y="155" width="31" height="31" transform="rotate(0,77.5,170.5)"/><rect x="62" y="186" width="31" height="31" transform="rotate(0,77.5,201.5)"/><rect x="62" y="217" width="31" height="31" transform="rotate(0,77.5,232.5)"/><rect x="62" y="248" width="31" height="31" transform="rotate(0,77.5,263.5)"/><rect x="93" y="62" width="31" height="31" transform="rotate(0,108.5,77.5)"/><rect x="93" y="248" width="31" height="31" transform="rotate(0,108.5,263.5)"/><rect x="124" y="62" width="31" height="31" transform="rotate(0,139.5,77.5)"/><rect x="124" y="248" width="31" height="31" transform="rotate(0,139.5,263.5)"/><rect x="155" y="62" width="31" height="31" transform="rotate(0,170.5,77.5)"/><rect x="155" y="248" width="31" height="31" transform="rotate(0,170.5,263.5)"/><rect x="186" y="62" width="31" height="31" transform="rotate(0,201.5,77.5)"/><rect x="186" y="248" width="31" height="31" transform="rotate(0,201.5,263.5)"/><rect x="217" y="62" width="31" height="31" transform="rotate(0,232.5,77.5)"/><rect x="217" y="248" width="31" height="31" transform="rotate(0,232.5,263.5)"/><rect x="248" y="62" width="31" height="31" transform="rotate(0,263.5,77.5)"/><rect x="248" y="93" width="31" height="31" transform="rotate(0,263.5,108.5)"/><rect x="248" y="124" width="31" height="31" transform="rotate(0,263.5,139.5)"/><rect x="248" y="155" width="31" height="31" transform="rotate(0,263.5,170.5)"/><rect x="248" y="186" width="31" height="31" transform="rotate(0,263.5,201.5)"/><rect x="248" y="217" width="31" height="31" transform="rotate(0,263.5,232.5)"/><rect x="248" y="248" width="31" height="31" transform="rotate(0,263.5,263.5)"/></clipPath><clipPath id="clip-path-corners-dot-color-0-0"><rect x="124" y="124" width="31" height="31" transform="rotate(0,139.5,139.5)"/><rect x="124" y="155" width="31" height="31" transform="rotate(0,139.5,170.5)"/><rect x="124" y="186" width="31" height="31" transform="rotate(0,139.5,201.5)"/><rect x="155" y="124" width="31" height="31" transform="rotate(0,170.5,139.5)"/><rect x="155" y="155" width="31" height="31" transform="rotate(0,170.5,170.5)"/><rect x="155" y="186" width="31" height="31" transform="rotate(0,170.5,201.5)"/><rect x="186" y="124" width="31" height="31" transform="rotate(0,201.5,139.5)"/><rect x="186" y="155" width="31" height="31" transform="rotate(0,201.5,170.5)"/><rect x="186" y="186" width="31" height="31" transform="rotate(0,201.5,201.5)"/></clipPath><clipPath id="clip-path-corners-square-color-1-0"><rect x="744" y="62" width="31" height="31" transform="rotate(0,759.5,77.5)"/><rect x="744" y="93" width="31" height="31" transform="rotate(0,759.5,108.5)"/><rect x="744" y="124" width="31" height="31" transform="rotate(0,759.5,139.5)"/><rect x="744" y="155" width="31" height="31" transform="rotate(0,759.5,170.5)"/><rect x="744" y="186" width="31" height="31" transform="rotate(0,759.5,201.5)"/><rect x="744" y="217" width="31" height="31" transform="rotate(0,759.5,232.5)"/><rect x="744" y="248" width="31" height="31" transform="rotate(0,759.5,263.5)"/><rect x="775" y="62" width="31" height="31" transform="rotate(0,790.5,77.5)"/><rect x="775" y="248" width="31" height="31" transform="rotate(0,790.5,263.5)"/><rect x="806" y="62" width="31" height="31" transform="rotate(0,821.5,77.5)"/><rect x="806" y="248" width="31" height="31" transform="rotate(0,821.5,263.5)"/><rect x="837" y="62" width="31" height="31" transform="rotate(0,852.5,77.5)"/><rect x="837" y="248" width="31" height="31" transform="rotate(0,852.5,263.5)"/><rect x="868" y="62" width="31" height="31" transform="rotate(0,883.5,77.5)"/><rect x="868" y="248" width="31" height="31" transform="rotate(0,883.5,263.5)"/><rect x="899" y="62" width="31" height="31" transform="rotate(0,914.5,77.5)"/><rect x="899" y="248" width="31" height="31" transform="rotate(0,914.5,263.5)"/><rect x="930" y="62" width="31" height="31" transform="rotate(0,945.5,77.5)"/><rect x="930" y="93" width="31" height="31" transform="rotate(0,945.5,108.5)"/><rect x="930" y="124" width="31" height="31" transform="rotate(0,945.5,139.5)"/><rect x="930" y="155" width="31" height="31" transform="rotate(0,945.5,170.5)"/><rect x="930" y="186" width="31" height="31" transform="rotate(0,945.5,201.5)"/><rect x="930" y="217" width="31" height="31" transform="rotate(0,945.5,232.5)"/><rect x="930" y="248" width="31" height="31" transform="rotate(0,945.5,263.5)"/></clipPath><clipPath id="clip-path-corners-dot-color-1-0"><rect x="806" y="124" width="31" height="31" transform="rotate(0,821.5,139.5)"/><rect x="806" y="155" width="31" height="31" transform="rotate(0,821.5,170.5)"/><rect x="806" y="186" width="31" height="31" transform="rotate(0,821.5,201.5)"/><rect x="837" y="124" width="31" height="31" transform="rotate(0,852.5,139.5)"/><rect x="837" y="155" width="31" height="31" transform="rotate(0,852.5,170.5)"/><rect x="837" y="186" width="31" height="31" transform="rotate(0,852.5,201.5)"/><rect x="868" y="124" width="31" height="31" transform="rotate(0,883.5,139.5)"/><rect x="868" y="155" width="31" height="31" transform="rotate(0,883.5,170.5)"/><rect x="868" y="186" width="31" height="31" transform="rotate(0,883.5,201.5)"/></clipPath><clipPath id="clip-path-corners-square-color-0-1"><rect x="62" y="744" width="31" height="31" transform="rotate(0,77.5,759.5)"/><rect x="62" y="775" width="31" height="31" transform="rotate(0,77.5,790.5)"/><rect x="62" y="806" width="31" height="31" transform="rotate(0,77.5,821.5)"/><rect x="62" y="837" width="31" height="31" transform="rotate(0,77.5,852.5)"/><rect x="62" y="868" width="31" height="31" transform="rotate(0,77.5,883.5)"/><rect x="62" y="899" width="31" height="31" transform="rotate(0,77.5,914.5)"/><rect x="62" y="930" width="31" height="31" transform="rotate(0,77.5,945.5)"/><rect x="93" y="744" width="31" height="31" transform="rotate(0,108.5,759.5)"/><rect x="93" y="930" width="31" height="31" transform="rotate(0,108.5,945.5)"/><rect x="124" y="744" width="31" height="31" transform="rotate(0,139.5,759.5)"/><rect x="124" y="930" width="31" height="31" transform="rotate(0,139.5,945.5)"/><rect x="155" y="744" width="31" height="31" transform="rotate(0,170.5,759.5)"/><rect x="155" y="930" width="31" height="31" transform="rotate(0,170.5,945.5)"/><rect x="186" y="744" width="31" height="31" transform="rotate(0,201.5,759.5)"/><rect x="186" y="930" width="31" height="31" transform="rotate(0,201.5,945.5)"/><rect x="217" y="744" width="31" height="31" transform="rotate(0,232.5,759.5)"/><rect x="217" y="930" width="31" height="31" transform="rotate(0,232.5,945.5)"/><rect x="248" y="744" width="31" height="31" transform="rotate(0,263.5,759.5)"/><rect x="248" y="775" width="31" height="31" transform="rotate(0,263.5,790.5)"/><rect x="248" y="806" width="31" height="31" transform="rotate(0,263.5,821.5)"/><rect x="248" y="837" width="31" height="31" transform="rotate(0,263.5,852.5)"/><rect x="248" y="868" width="31" height="31" transform="rotate(0,263.5,883.5)"/><rect x="248" y="899" width="31" height="31" transform="rotate(0,263.5,914.5)"/><rect x="248" y="930" width="31" height="31" transform="rotate(0,263.5,945.5)"/></clipPath><clipPath id="clip-path-corners-dot-color-0-1"><rect x="124" y="806" width="31" height="31" transform="rotate(0,139.5,821.5)"/><rect x="124" y="837" width="31" height="31" transform="rotate(0,139.5,852.5)"/><rect x="124" y="868" width="31" height="31" transform="rotate(0,139.5,883.5)"/><rect x="155" y="806" width="31" height="31" transform="rotate(0,170.5,821.5)"/><rect x="155" y="837" width="31" height="31" transform="rotate(0,170.5,852.5)"/><rect x="155" y="868" width="31" height="31" transform="rotate(0,170.5,883.5)"/><rect x="186" y="806" width="31" height="31" transform="rotate(0,201.5,821.5)"/><rect x="186" y="837" width="31" height="31" transform="rotate(0,201.5,852.5)"/><rect x="186" y="868" width="31" height="31" transform="rotate(0,201.5,883.5)"/></clipPath></defs><rect x="0" y="0" height="1024" width="1024" clip-path="url('#clip-path-background-color')" fill="#ffffff"/><rect x="62" y="62" height="899" width="899" clip-path="url('#clip-path-dot-color')" fill="#000000"/><rect x="62" y="62" height="217" width="217" clip-path="url('#clip-path-corners-square-color-0-0')" fill="#000000"/><rect x="124" y="124" height="93" width="93" clip-path="url('#clip-path-corners-dot-color-0-0')" fill="#000000"/><rect x="744" y="62" height="217" width="217" clip-path="url('#clip-path-corners-square-color-1-0')" fill="#000000"/><rect x="806" y="124" height="93" width="93" clip-path="url('#clip-path-corners-dot-color-1-0')" fill="#000000"/><rect x="62" y="744" height="217" width="217" clip-path="url('#clip-path-corners-square-color-0-1')" fill="#000000"/><rect x="124" y="806" height="93" width="93" clip-path="url('#clip-path-corners-dot-color-0-1')" fill="#000000"/></svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "3.0.11-j2",
3
+ "version": "3.0.11-j4",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"