@cuemath/leap 3.4.4 → 3.4.5-akm-3

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 (100) hide show
  1. package/dist/assets/illustrations/illustrations.js +7 -0
  2. package/dist/assets/illustrations/illustrations.js.map +1 -1
  3. package/dist/assets/lottie/lottie.js +1 -0
  4. package/dist/assets/lottie/lottie.js.map +1 -1
  5. package/dist/features/auth/comps/tabs/tab-tem/tab-item.js +31 -16
  6. package/dist/features/auth/comps/tabs/tab-tem/tab-item.js.map +1 -1
  7. package/dist/features/auth/comps/tabs/tabs.js +22 -5
  8. package/dist/features/auth/comps/tabs/tabs.js.map +1 -1
  9. package/dist/features/auth/pla-signup/pla-analytics-events.js +1 -1
  10. package/dist/features/auth/pla-signup/pla-analytics-events.js.map +1 -1
  11. package/dist/features/auth/pla-signup/signup-options/signup-options.js +46 -37
  12. package/dist/features/auth/pla-signup/signup-options/signup-options.js.map +1 -1
  13. package/dist/features/circle-games/game-launcher/api/get-content-for-today/constants.js +1 -1
  14. package/dist/features/circle-games/game-launcher/api/get-content-for-today/constants.js.map +1 -1
  15. package/dist/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.js +4 -4
  16. package/dist/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.js.map +1 -1
  17. package/dist/features/circle-games/game-launcher/comps/carousel/carousel-styled.js +84 -21
  18. package/dist/features/circle-games/game-launcher/comps/carousel/carousel-styled.js.map +1 -1
  19. package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js +46 -73
  20. package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js.map +1 -1
  21. package/dist/features/circle-games/game-launcher/comps/carousel-badge/carousel-badge-style.js +20 -0
  22. package/dist/features/circle-games/game-launcher/comps/carousel-badge/carousel-badge-style.js.map +1 -0
  23. package/dist/features/circle-games/game-launcher/comps/carousel-badge/carousel-badge.js +17 -0
  24. package/dist/features/circle-games/game-launcher/comps/carousel-badge/carousel-badge.js.map +1 -0
  25. package/dist/features/circle-games/game-launcher/comps/carousel-badge/carousel-single-badge.js +20 -0
  26. package/dist/features/circle-games/game-launcher/comps/carousel-badge/carousel-single-badge.js.map +1 -0
  27. package/dist/features/circle-games/game-launcher/comps/circular-game-card/circular-game-card-styled.js +67 -0
  28. package/dist/features/circle-games/game-launcher/comps/circular-game-card/circular-game-card-styled.js.map +1 -0
  29. package/dist/features/circle-games/game-launcher/comps/circular-game-card/circular-game-card.js +87 -0
  30. package/dist/features/circle-games/game-launcher/comps/circular-game-card/circular-game-card.js.map +1 -0
  31. package/dist/features/circle-games/game-launcher/comps/circular-game-card/constants.js +7 -0
  32. package/dist/features/circle-games/game-launcher/comps/circular-game-card/constants.js.map +1 -0
  33. package/dist/features/circle-games/game-launcher/comps/game-card-content/constants.js +6 -0
  34. package/dist/features/circle-games/game-launcher/comps/game-card-content/constants.js.map +1 -0
  35. package/dist/features/circle-games/game-launcher/comps/game-card-content/game-card-content-styled.js +62 -0
  36. package/dist/features/circle-games/game-launcher/comps/game-card-content/game-card-content-styled.js.map +1 -0
  37. package/dist/features/circle-games/game-launcher/comps/game-card-content/game-card-content.js +9 -0
  38. package/dist/features/circle-games/game-launcher/comps/game-card-content/game-card-content.js.map +1 -0
  39. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/constants.js +2 -7
  40. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/constants.js.map +1 -1
  41. package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/helper.js +80 -59
  42. package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/helper.js.map +1 -1
  43. package/dist/features/circle-games/game-launcher/game-launcher-v2.js +246 -0
  44. package/dist/features/circle-games/game-launcher/game-launcher-v2.js.map +1 -0
  45. package/dist/features/circle-games/game-launcher/helpers.js +8 -0
  46. package/dist/features/circle-games/game-launcher/helpers.js.map +1 -0
  47. package/dist/features/milestone/create/milestone-create-helpers.js +6 -2
  48. package/dist/features/milestone/create/milestone-create-helpers.js.map +1 -1
  49. package/dist/features/post-game-stats/accuracy/accuracy-styled.js +1 -1
  50. package/dist/features/post-game-stats/accuracy/accuracy-styled.js.map +1 -1
  51. package/dist/features/post-game-stats/clock/clock-styled.js +1 -1
  52. package/dist/features/post-game-stats/clock/clock-styled.js.map +1 -1
  53. package/dist/features/post-game-stats/points/points.js +4 -3
  54. package/dist/features/post-game-stats/points/points.js.map +1 -1
  55. package/dist/features/post-game-stats/post-game-stats-styled.js +9 -8
  56. package/dist/features/post-game-stats/post-game-stats-styled.js.map +1 -1
  57. package/dist/features/post-game-stats/post-game-stats.js +107 -105
  58. package/dist/features/post-game-stats/post-game-stats.js.map +1 -1
  59. package/dist/features/post-game-stats/score/score-styled.js +1 -1
  60. package/dist/features/post-game-stats/score/score-styled.js.map +1 -1
  61. package/dist/features/post-game-stats/streak/streak-styled.js +1 -1
  62. package/dist/features/post-game-stats/streak/streak-styled.js.map +1 -1
  63. package/dist/index.d.ts +90 -7
  64. package/dist/index.js +271 -264
  65. package/dist/index.js.map +1 -1
  66. package/dist/static/accuracy-badge.2e161f00.svg +1 -0
  67. package/dist/static/clock-badge.0adb4ba6.svg +1 -0
  68. package/dist/static/down-arrow-badge.f462f615.svg +1 -0
  69. package/dist/static/green-tick.43b94c3a.svg +1 -0
  70. package/dist/static/pill-tick.c06f606d.json +1 -0
  71. package/dist/static/points-badge.96bdecc9.svg +1 -0
  72. package/dist/static/star-badge.5450c267.svg +1 -0
  73. package/dist/static/up-arrow-badge.71fe7ad1.svg +1 -0
  74. package/package.json +1 -1
  75. package/dist/assets/line-icons/icons/carat-left.js +0 -26
  76. package/dist/assets/line-icons/icons/carat-left.js.map +0 -1
  77. package/dist/assets/line-icons/icons/carat-right.js +0 -26
  78. package/dist/assets/line-icons/icons/carat-right.js.map +0 -1
  79. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js +0 -138
  80. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js.map +0 -1
  81. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js +0 -105
  82. package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js.map +0 -1
  83. package/dist/features/circle-games/game-launcher/game-launcher.js +0 -219
  84. package/dist/features/circle-games/game-launcher/game-launcher.js.map +0 -1
  85. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js +0 -8
  86. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js.map +0 -1
  87. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js +0 -286
  88. package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map +0 -1
  89. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/constants.js +0 -10
  90. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/constants.js.map +0 -1
  91. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey-styled.js +0 -13
  92. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey-styled.js.map +0 -1
  93. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js +0 -137
  94. package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js.map +0 -1
  95. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js +0 -14
  96. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js.map +0 -1
  97. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js +0 -13
  98. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js.map +0 -1
  99. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js +0 -230
  100. package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js.map +0 -1
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1 @@
1
+ <svg width="17" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.49883 4.09883C6.34492 4.09883 4.59883 5.84492 4.59883 7.99883C4.59883 10.1527 6.34492 11.8988 8.49883 11.8988C9.0972 11.8988 9.66323 11.7643 10.1692 11.5241V10.2347L9.88957 9.95513C9.49725 10.2345 9.01729 10.3988 8.49896 10.3988C7.17348 10.3988 6.09896 9.32431 6.09896 7.99883C6.09896 6.67334 7.17348 5.59883 8.49896 5.59883C9.82444 5.59883 10.899 6.67334 10.899 7.99883C10.899 8.51716 10.7346 8.99711 10.4553 9.38944L10.7349 9.66904H12.0242C12.2644 9.16313 12.3988 8.59714 12.3988 7.99883C12.3988 5.84492 10.6527 4.09883 8.49883 4.09883ZM12.8371 9.80995C13.0702 9.25223 13.1988 8.64019 13.1988 7.99883C13.1988 5.40309 11.0946 3.29883 8.49883 3.29883C5.90309 3.29883 3.79883 5.40309 3.79883 7.99883C3.79883 10.5946 5.90309 12.6988 8.49883 12.6988C9.14026 12.6988 9.75236 12.5701 10.3101 12.337L12.5456 14.5725V12.0455H15.0726L12.8371 9.80995ZM12.3648 10.469H10.9692V11.8647L11.7456 12.6411V11.2455H13.1413L12.3648 10.469ZM9.87743 8.81161C10.0182 8.57341 10.099 8.29555 10.099 7.99883C10.099 7.11517 9.38261 6.39883 8.49896 6.39883C7.6153 6.39883 6.89896 7.11517 6.89896 7.99883C6.89896 8.88248 7.6153 9.59883 8.49896 9.59883C8.79568 9.59883 9.07354 9.51805 9.31175 9.3773L8.21612 8.28167L8.7818 7.71598L9.87743 8.81161Z" fill="#B25900"/><path d="M10.099 7.99883C10.099 8.29555 10.0182 8.57341 9.87743 8.81161L8.7818 7.71598L8.21612 8.28167L9.31175 9.3773C9.07354 9.51805 8.79568 9.59883 8.49896 9.59883C7.6153 9.59883 6.89896 8.88248 6.89896 7.99883C6.89896 7.11517 7.6153 6.39883 8.49896 6.39883C9.38261 6.39883 10.099 7.11517 10.099 7.99883Z" fill="#FFB700"/><path d="M4.59883 7.99883C4.59883 5.84492 6.34492 4.09883 8.49883 4.09883C10.6527 4.09883 12.3988 5.84492 12.3988 7.99883C12.3988 8.59714 12.2644 9.16313 12.0242 9.66904H10.7349L10.4553 9.38944C10.7346 8.99711 10.899 8.51716 10.899 7.99883C10.899 6.67334 9.82444 5.59883 8.49896 5.59883C7.17348 5.59883 6.09896 6.67334 6.09896 7.99883C6.09896 9.32431 7.17348 10.3988 8.49896 10.3988C9.01729 10.3988 9.49725 10.2345 9.88957 9.95513L10.1692 10.2347V11.5241C9.66323 11.7643 9.0972 11.8988 8.49883 11.8988C6.34492 11.8988 4.59883 10.1527 4.59883 7.99883Z" fill="#FFB700"/><path d="M11.7456 12.6411L10.9692 11.8647V10.469H12.3648L13.1413 11.2455H11.7456V12.6411Z" fill="#FFB700"/></svg>
@@ -0,0 +1 @@
1
+ <svg width="17" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.36641 7.99974C4.36641 5.71696 6.21696 3.86641 8.49974 3.86641C10.7825 3.86641 12.6331 5.71696 12.6331 7.99974C12.6331 10.2825 10.7825 12.1331 8.49974 12.1331C6.21696 12.1331 4.36641 10.2825 4.36641 7.99974ZM8.49974 3.06641C5.77513 3.06641 3.56641 5.27513 3.56641 7.99974C3.56641 10.7243 5.77513 12.9331 8.49974 12.9331C11.2243 12.9331 13.4331 10.7243 13.4331 7.99974C13.4331 5.27513 11.2243 3.06641 8.49974 3.06641ZM8.91951 4.97329H8.11951V8.26642L10.8361 9.39832L11.1438 8.65986L8.91951 7.73309V4.97329Z" fill="#B25900"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.49974 3.86641C6.21696 3.86641 4.36641 5.71696 4.36641 7.99974C4.36641 10.2825 6.21696 12.1331 8.49974 12.1331C10.7825 12.1331 12.6331 10.2825 12.6331 7.99974C12.6331 5.71696 10.7825 3.86641 8.49974 3.86641ZM8.91951 4.97329H8.11951V8.26642L10.8361 9.39832L11.1438 8.65986L8.91951 7.73309V4.97329Z" fill="#FFB700"/></svg>
@@ -0,0 +1 @@
1
+ <svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-outside-1_4204_73575" maskUnits="userSpaceOnUse" x="3.66797" y="3.33203" width="9" height="9" fill="black"><rect fill="white" x="3.66797" y="3.33203" width="9" height="9"/><path d="M8.00128 11.332L5.3346 8.66536L7.16795 8.66536L7.16795 4.66536L8.83462 4.66536L8.83462 8.66536L10.668 8.66536L8.00128 11.332Z"/></mask><path d="M8.00128 11.332L5.3346 8.66536L7.16795 8.66536L7.16795 4.66536L8.83462 4.66536L8.83462 8.66536L10.668 8.66536L8.00128 11.332Z" fill="#FF884C"/><path d="M7.16795 4.66536L7.16795 3.9987L6.50128 3.9987L6.50128 4.66536L7.16795 4.66536ZM8.83462 4.66536L9.50129 4.66536L9.50129 3.9987L8.83462 3.9987L8.83462 4.66536ZM8.00128 11.332L7.52988 11.8034L8.00128 12.2748L8.47269 11.8034L8.00128 11.332ZM10.668 8.66536L11.1394 9.13677L12.2775 7.9987L10.668 7.9987L10.668 8.66536ZM5.3346 8.66536L5.3346 7.9987L3.72511 7.9987L4.8632 9.13677L5.3346 8.66536ZM8.83462 8.66536L8.16796 8.66536L8.16796 9.33203L8.83462 9.33203L8.83462 8.66536ZM7.16795 8.66536L7.16795 9.33203L7.83462 9.33203L7.83462 8.66536L7.16795 8.66536ZM7.16795 4.66536L7.16795 5.33203L8.83462 5.33203L8.83462 4.66536L8.83462 3.9987L7.16795 3.9987L7.16795 4.66536ZM8.00128 11.332L8.47269 11.8034L11.1394 9.13677L10.668 8.66536L10.1966 8.19396L7.52988 10.8606L8.00128 11.332ZM8.00128 11.332L8.47269 10.8606L5.80601 8.19396L5.3346 8.66536L4.8632 9.13677L7.52988 11.8034L8.00128 11.332ZM8.83462 4.66536L8.16796 4.66536L8.16796 8.66536L8.83462 8.66536L9.50129 8.66536L9.50129 4.66536L8.83462 4.66536ZM8.83462 8.66536L8.83462 9.33203L10.668 9.33203L10.668 8.66536L10.668 7.9987L8.83462 7.9987L8.83462 8.66536ZM5.3346 8.66536L5.3346 9.33203L7.16795 9.33203L7.16795 8.66536L7.16795 7.9987L5.3346 7.9987L5.3346 8.66536ZM7.16795 8.66536L7.83462 8.66536L7.83462 4.66536L7.16795 4.66536L6.50128 4.66536L6.50128 8.66536L7.16795 8.66536Z" fill="#B23B00" mask="url(#path-1-outside-1_4204_73575)"/></svg>
@@ -0,0 +1 @@
1
+ <svg width="120" height="120" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M92.2775 36.9447L49.5513 86.9447L44.2706 84.9958C44.2706 73.3328 35.8919 63.348 24.2578 60.391L25.7358 54.5759C37.4123 57.5437 46.6527 66.4831 49.4196 77.863L87.7161 33.0469L92.2775 36.9447Z" fill="#00E573"/></svg>
@@ -0,0 +1 @@
1
+ {"v":"5.12.1","fr":30,"ip":0,"op":76,"w":170,"h":154,"nm":"Pill Lottie","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 11","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-35,"ix":10},"p":{"a":0,"k":[130,38.5,0],"ix":2,"l":2},"a":{"a":0,"k":[-100,-68,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":33,"s":[0,0,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":42,"s":[24.231,24.231,100]},{"t":55,"s":[0,0,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":4,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":124.144,"ix":5},"ir":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":37,"s":[61.749]},{"t":50,"s":[37.749]}],"ix":6},"is":{"a":0,"k":195,"ix":8},"or":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":37,"s":[125.498]},{"t":50,"s":[181.498]}],"ix":7},"os":{"a":0,"k":0,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star","hd":false},{"ty":"st","c":{"a":0,"k":[0.760772705078,0.137298583984,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":37,"s":[0.239215686275,0.843137254902,0.443137254902,1]},{"t":42,"s":[1,1,1,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-100,-68],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Polystar 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":37,"op":289,"st":-11,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 10","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-35,"ix":10},"p":{"a":0,"k":[53.5,116,0],"ix":2,"l":2},"a":{"a":0,"k":[-100,-68,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":24,"s":[0,0,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":33,"s":[24.231,24.231,100]},{"t":46,"s":[0,0,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"pt":{"a":0,"k":4,"ix":3},"p":{"a":0,"k":[0,0],"ix":4},"r":{"a":0,"k":124.144,"ix":5},"ir":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":28,"s":[61.749]},{"t":41,"s":[37.749]}],"ix":6},"is":{"a":0,"k":195,"ix":8},"or":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":28,"s":[125.498]},{"t":41,"s":[181.498]}],"ix":7},"os":{"a":0,"k":0,"ix":9},"ix":1,"nm":"Polystar Path 1","mn":"ADBE Vector Shape - Star","hd":false},{"ty":"st","c":{"a":0,"k":[0.760772705078,0.137298583984,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":28,"s":[0.239215686275,0.843137254902,0.443137254902,1]},{"t":33,"s":[1,1,1,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-100,-68],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Polystar 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":28,"op":280,"st":-20,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 9","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":9.809,"ix":3},"y":{"a":0,"k":-3.305,"ix":4}},"a":{"a":0,"k":[2.5,2.656,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":0,"s":[100,0,100]},{"t":15,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-2.875,-17.781],[0,0]],"o":[[0,0],[12,-14.125],[0,0]],"v":[[-21.625,0.625],[-5.875,21.531],[26.625,-16.219]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":6,"ix":5},"lc":3,"lj":3,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.196],"y":[0]},"t":7,"s":[0]},{"t":18,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":300,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Shape Layer 1","td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":84.5,"ix":3},"y":{"a":1,"k":[{"i":{"x":[0.802],"y":[1]},"o":{"x":[1],"y":[0]},"t":2,"s":[69.5]},{"i":{"x":[0.4],"y":[1]},"o":{"x":[1],"y":[0]},"t":15,"s":[79.5]},{"i":{"x":[0.4],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":30,"s":[74.5]},{"t":38,"s":[76.5]}],"ix":4}},"a":{"a":0,"k":[9.809,-3.305,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":1,"k":[{"i":{"x":[0.833,0.833],"y":[1,0.908]},"o":{"x":[0.82,0.336],"y":[0,0]},"t":2,"s":[144.1,0]},{"i":{"x":[0.379,0],"y":[1.019,1]},"o":{"x":[0.167,0.167],"y":[0,-0.33]},"t":10.465,"s":[144.1,80.1]},{"i":{"x":[0.751,0.245],"y":[1,1]},"o":{"x":[0.78,0.78],"y":[0,0]},"t":15,"s":[144.1,68.1]},{"t":30,"s":[144.1,80.1]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":214,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.898039215686,0.450980392157,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[9.809,-3.305],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Shape Layer 8","tt":1,"tp":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-21,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":29,"s":[-36.277]},{"t":41,"s":[201.723]}],"ix":3},"y":{"a":0,"k":88.191,"ix":4}},"a":{"a":0,"k":[-156.777,13.191,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[62.445,366.383],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-150.16,18.113],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":28.5,"op":42,"st":28.5,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Shape Layer 12","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":84.5,"ix":3},"y":{"a":1,"k":[{"i":{"x":[0.802],"y":[1]},"o":{"x":[1],"y":[0]},"t":2,"s":[69.5]},{"i":{"x":[0.4],"y":[1]},"o":{"x":[1],"y":[0]},"t":15,"s":[79.5]},{"i":{"x":[0.4],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":30,"s":[74.5]},{"t":38,"s":[76.5]}],"ix":4}},"a":{"a":0,"k":[9.809,-3.305,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":1,"k":[{"i":{"x":[0.833,0.833],"y":[1,0.908]},"o":{"x":[0.82,0.336],"y":[0,0]},"t":2,"s":[144.1,0]},{"i":{"x":[0.379,0],"y":[1.019,1]},"o":{"x":[0.167,0.167],"y":[0,-0.33]},"t":10.465,"s":[144.1,80.1]},{"i":{"x":[0.751,0.245],"y":[1,1]},"o":{"x":[0.78,0.78],"y":[0,0]},"t":15,"s":[144.1,68.1]},{"t":30,"s":[144.1,80.1]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":214,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.898039215686,0.450980392157,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[9.809,-3.305],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Shape Layer 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":84.5,"ix":3},"y":{"a":1,"k":[{"i":{"x":[0.898],"y":[1]},"o":{"x":[0.941],"y":[0]},"t":2,"s":[83.5]},{"i":{"x":[0.352],"y":[1]},"o":{"x":[1],"y":[0]},"t":15,"s":[72.5]},{"i":{"x":[0.352],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":30,"s":[78.5]},{"t":38,"s":[76.5]}],"ix":4}},"a":{"a":0,"k":[9.809,-3.305,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":1,"k":[{"i":{"x":[0.833,0.833],"y":[1,0.908]},"o":{"x":[0.902,0.333],"y":[0,0]},"t":2,"s":[144.1,0]},{"i":{"x":[0,0],"y":[1,1]},"o":{"x":[0.167,0.167],"y":[0,-0.33]},"t":10.465,"s":[144.1,80.1]},{"i":{"x":[0.302,0.245],"y":[1,1]},"o":{"x":[0.78,0.78],"y":[0,0]},"t":15,"s":[144.1,68.1]},{"t":30,"s":[144.1,80.1]}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":253,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.493106617647,0.247633690928,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[9.809,-3.305],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":300,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Shape Layer 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":84.5,"ix":3},"y":{"a":0,"k":76.5,"ix":4}},"a":{"a":0,"k":[23.075,-45.066,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[143.9,14],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0.493106617647,0.247633690928,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[23.075,-45.066],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":2,"op":300,"st":0,"ct":1,"bm":0}],"markers":[],"props":{}}
@@ -0,0 +1 @@
1
+ <svg width="17" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.66602 4.33301V6.83301H12.166V9.16602H9.66602V11.666H7.33301V9.16602H4.83301V6.83301H7.33301V4.33301H9.66602Z" fill="#FFB700" stroke="#B25900" stroke-width="0.666667"/></svg>
@@ -0,0 +1 @@
1
+ <svg width="17" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.50128 4.7696L7.69027 7.26562H5.0658L7.18904 8.80825L6.37803 11.3043L8.50128 9.76164L10.6245 11.3043L9.81351 8.80825L11.9368 7.26562H9.31228L8.50128 4.7696ZM8.12085 3.35156L8.8817 3.35156L9.89352 6.46562H13.1678L13.4029 7.18923L10.754 9.11382L11.7658 12.2279L11.1503 12.6751L8.50128 10.7505L5.8523 12.6751L5.23677 12.2279L6.24858 9.11382L3.59961 7.18923L3.83472 6.46562H7.10904L8.12085 3.35156Z" fill="#B25900"/><path d="M7.69027 7.26562L8.50128 4.7696L9.31228 7.26562H11.9368L9.81351 8.80825L10.6245 11.3043L8.50128 9.76164L6.37803 11.3043L7.18904 8.80825L5.0658 7.26562H7.69027Z" fill="#FFB700"/></svg>
@@ -0,0 +1 @@
1
+ <svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-outside-1_4204_73572" maskUnits="userSpaceOnUse" x="3.33203" y="3.66797" width="9" height="9" fill="black"><rect fill="white" x="3.33203" y="3.66797" width="9" height="9"/><path d="M7.99872 4.66797L10.6654 7.33464H8.83205V11.3346H7.16538V7.33464H5.33203L7.99872 4.66797Z"/></mask><path d="M7.99872 4.66797L10.6654 7.33464H8.83205V11.3346H7.16538V7.33464H5.33203L7.99872 4.66797Z" fill="#FFBA07"/><path d="M8.83205 11.3346V12.0013H9.49872V11.3346H8.83205ZM7.16538 11.3346H6.49871V12.0013H7.16538V11.3346ZM7.99872 4.66797L8.47012 4.19656L7.99872 3.72516L7.52731 4.19656L7.99872 4.66797ZM5.33203 7.33464L4.86063 6.86323L3.72254 8.0013H5.33203V7.33464ZM10.6654 7.33464V8.0013H12.2749L11.1368 6.86323L10.6654 7.33464ZM7.16538 7.33464H7.83205V6.66797H7.16538V7.33464ZM8.83205 7.33464V6.66797H8.16539V7.33464H8.83205ZM8.83205 11.3346V10.668H7.16538V11.3346V12.0013H8.83205V11.3346ZM7.99872 4.66797L7.52731 4.19656L4.86063 6.86323L5.33203 7.33464L5.80344 7.80604L8.47012 5.13938L7.99872 4.66797ZM7.99872 4.66797L7.52731 5.13938L10.194 7.80604L10.6654 7.33464L11.1368 6.86323L8.47012 4.19656L7.99872 4.66797ZM7.16538 11.3346H7.83205V7.33464H7.16538H6.49871V11.3346H7.16538ZM7.16538 7.33464V6.66797H5.33203V7.33464V8.0013H7.16538V7.33464ZM10.6654 7.33464V6.66797H8.83205V7.33464V8.0013H10.6654V7.33464ZM8.83205 7.33464H8.16539V11.3346H8.83205H9.49872V7.33464H8.83205Z" fill="#B25900" mask="url(#path-1-outside-1_4204_73572)"/></svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "3.4.4",
3
+ "version": "3.4.5-akm-3",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -1,26 +0,0 @@
1
- import { jsx as l } from "react/jsx-runtime";
2
- const o = (e) => /* @__PURE__ */ l(
3
- "svg",
4
- {
5
- width: "28",
6
- height: "28",
7
- viewBox: "0 0 28 28",
8
- fill: "none",
9
- xmlns: "http://www.w3.org/2000/svg",
10
- ...e,
11
- children: /* @__PURE__ */ l(
12
- "path",
13
- {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M8.55566 13.3004C12.4646 13.3004 15.6334 10.1316 15.6334 6.22266H17.0334C17.0334 9.7039 14.9352 12.6951 11.9343 14.0004C14.9352 15.3058 17.0334 18.297 17.0334 21.7782H15.6334C15.6334 17.8693 12.4646 14.7004 8.55566 14.7004V13.3004Z",
17
- fill: "currentColor",
18
- fillOpacity: "0.87"
19
- }
20
- )
21
- }
22
- );
23
- export {
24
- o as default
25
- };
26
- //# sourceMappingURL=carat-left.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"carat-left.js","sources":["../../../../src/assets/line-icons/icons/carat-left.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst CaratLeftIcon: FC<SVGProps<SVGSVGElement>> = props => (\n <svg\n width=\"28\"\n height=\"28\"\n viewBox=\"0 0 28 28\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.55566 13.3004C12.4646 13.3004 15.6334 10.1316 15.6334 6.22266H17.0334C17.0334 9.7039 14.9352 12.6951 11.9343 14.0004C14.9352 15.3058 17.0334 18.297 17.0334 21.7782H15.6334C15.6334 17.8693 12.4646 14.7004 8.55566 14.7004V13.3004Z\"\n fill=\"currentColor\"\n fillOpacity=\"0.87\"\n />\n </svg>\n);\n\nexport default CaratLeftIcon;\n"],"names":["CaratLeftIcon","props","jsx"],"mappings":";AAEA,MAAMA,IAA6C,CACjDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}
@@ -1,26 +0,0 @@
1
- import { jsx as l } from "react/jsx-runtime";
2
- const i = (e) => /* @__PURE__ */ l(
3
- "svg",
4
- {
5
- width: "28",
6
- height: "28",
7
- viewBox: "0 0 28 28",
8
- fill: "none",
9
- xmlns: "http://www.w3.org/2000/svg",
10
- ...e,
11
- children: /* @__PURE__ */ l(
12
- "path",
13
- {
14
- fillRule: "evenodd",
15
- clipRule: "evenodd",
16
- d: "M19.4443 14.6996C15.5354 14.6996 12.3666 17.8684 12.3666 21.7773H10.9666C10.9666 18.2961 13.0648 15.3049 16.0657 13.9996C13.0648 12.6942 10.9666 9.70303 10.9666 6.22179L12.3666 6.22179C12.3666 10.1307 15.5354 13.2996 19.4443 13.2996V14.6996Z",
17
- fill: "currentColor",
18
- fillOpacity: "0.87"
19
- }
20
- )
21
- }
22
- );
23
- export {
24
- i as default
25
- };
26
- //# sourceMappingURL=carat-right.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"carat-right.js","sources":["../../../../src/assets/line-icons/icons/carat-right.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst CaratRightIcon: FC<SVGProps<SVGSVGElement>> = props => (\n <svg\n width=\"28\"\n height=\"28\"\n viewBox=\"0 0 28 28\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M19.4443 14.6996C15.5354 14.6996 12.3666 17.8684 12.3666 21.7773H10.9666C10.9666 18.2961 13.0648 15.3049 16.0657 13.9996C13.0648 12.6942 10.9666 9.70303 10.9666 6.22179L12.3666 6.22179C12.3666 10.1307 15.5354 13.2996 19.4443 13.2996V14.6996Z\"\n fill=\"currentColor\"\n fillOpacity=\"0.87\"\n />\n </svg>\n);\n\nexport default CaratRightIcon;\n"],"names":["CaratRightIcon","props","jsx"],"mappings":";AAEA,MAAMA,IAA8C,CAClDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}
@@ -1,138 +0,0 @@
1
- import o from "styled-components";
2
- import { GAME_LAUNCHER_SIZE as e } from "../card-container/constants.js";
3
- import { BORDER_WIDTH as d, GAME_LAUNCHER_ASSET_PADDING as i, delta as a, ASSET_OFFSET_X as r, ASSET_OFFSET_Y as n, ASSET_CONTAINER_SIZE as s } from "./constants.js";
4
- const g = o.div`
5
- position: absolute;
6
- z-index: 5;
7
- height: ${e}px;
8
- width: ${e}px;
9
- pointer-events: none;
10
- `, f = o.div`
11
- position: relative;
12
- height: inherit;
13
- width: inherit;
14
- border-radius: 50%;
15
- border: ${d}px solid #fff;
16
- `, c = o.div`
17
- position: absolute;
18
- height: ${e + i}px;
19
- width: ${e + i}px;
20
- border-radius: 50%;
21
- top: ${-i / 2 - d}px;
22
- left: ${-i / 2 - d}px;
23
- z-index: 4;
24
- `, p = o.div`
25
- height: ${e}px;
26
- width: ${e}px;
27
- overflow: hidden;
28
- display: flex;
29
- position: absolute;
30
- background: ${({ theme: t }) => t.colors.BLACK_1};
31
- z-index: 2;
32
- border: 2px solid ${({ theme: t }) => t.colors.WHITE};
33
- backdrop-filter: blur(0px);
34
- -webkit-backdrop-filter: blur(0px);
35
- `, $ = o(p)`
36
- transform-origin: bottom right;
37
- transform: rotate(-32deg) skew(-32deg);
38
- translate: -${e / 2}px -${e / 2}px;
39
- border-right-width: 1px;
40
- `, b = o(p)`
41
- transform-origin: bottom left;
42
- transform: rotate(32deg) skew(32deg);
43
- translate: ${e / 2}px -${e / 2}px;
44
- border-left-width: 1px;
45
- `, m = o(p)`
46
- height: ${e / 2}px;
47
- width: ${e}px;
48
- bottom: 0;
49
- left: 0;
50
- z-index: 1;
51
- border: none;
52
- `, u = o.div`
53
- height: inherit;
54
- width: inherit;
55
- overflow: hidden;
56
- flex: 1;
57
- display: flex;
58
- justify-content: center;
59
- align-items: center;
60
- `, w = o.div`
61
- flex: 1;
62
- background: transparent;
63
- height: ${e / 2 + a}px;
64
- width: ${e}px;
65
- position: absolute;
66
- display: flex;
67
- justify-content: center;
68
- align-items: center;
69
- bottom: ${({ $segmentType: t = "bottom" }) => t === "bottom" ? "unset" : `-${a}px`};
70
- transform-origin: ${({ $segmentType: t }) => {
71
- switch (t) {
72
- case "left":
73
- return "bottom right";
74
- case "right":
75
- return "bottom left";
76
- default:
77
- return "unset";
78
- }
79
- }};
80
- transform: ${({ $segmentType: t = "bottom" }) => {
81
- switch (t) {
82
- case "left":
83
- return "skew(32deg) rotate(32deg)";
84
- case "right":
85
- return "skew(-32deg) rotate(-32deg)";
86
- default:
87
- return "none";
88
- }
89
- }};
90
- `, S = o.div`
91
- position: absolute;
92
- right: ${({ $segmentType: t }) => t === "left" ? `-${r}px` : "unset"};
93
- left: ${({ $segmentType: t }) => t === "right" ? `-${r}px` : "unset"};
94
- bottom: ${({ $segmentType: t }) => t === "bottom" ? `-${n}px` : `-${n}px`};
95
- height: ${s}px;
96
- width: ${s}px;
97
- display: flex;
98
- align-items: center;
99
- overflow: hidden;
100
- background-color: transparent;
101
- z-index: 1;
102
- flex-shrink: 0;
103
- &:hover {
104
- background: ${({ theme: t }) => t.colors.WHITE_T_15};
105
- cursor: pointer;
106
- }
107
- `, v = o.div`
108
- position: absolute;
109
- right: ${({ $segmentType: t }) => t === "left" ? `-${r}px` : "unset"};
110
- left: ${({ $segmentType: t }) => t === "right" ? `-${r}px` : "unset"};
111
- bottom: ${({ $segmentType: t }) => t === "bottom" ? `-${n}px` : `-${n}px`};
112
- height: ${s}px;
113
- width: ${s}px;
114
- z-index: 5;
115
- backdrop-filter: blur(16px);
116
- -webkit-backdrop-filter: blur(16px);
117
- /* pointer-events: none; */
118
- display: flex;
119
- align-items: center;
120
- justify-content: center;
121
- `, E = o.div`
122
- position: absolute;
123
- z-index: 6;
124
- `;
125
- export {
126
- g as CircularProgressLottieContainer,
127
- E as IconWrapper,
128
- c as LottieAnmationContainer,
129
- f as RingContainer,
130
- S as SegmentAssetContainer,
131
- m as SegmentBottom,
132
- u as SegmentContainer,
133
- w as SegmentContentContainer,
134
- $ as SegmentLeft,
135
- v as SegmentOverlay,
136
- b as SegmentRight
137
- };
138
- //# sourceMappingURL=segmented-game-card-styled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"segmented-game-card-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../card-container/constants';\nimport {\n ASSET_CONTAINER_SIZE,\n delta,\n ASSET_OFFSET_X,\n ASSET_OFFSET_Y,\n GAME_LAUNCHER_ASSET_PADDING,\n BORDER_WIDTH,\n} from './constants';\nimport type { TSegment } from './segmented-game-card-types';\n\nexport const CircularProgressLottieContainer = styled.div`\n position: absolute;\n z-index: 5;\n height: ${GAME_LAUNCHER_SIZE}px;\n width: ${GAME_LAUNCHER_SIZE}px;\n pointer-events: none;\n`;\n\nexport const RingContainer = styled.div`\n position: relative;\n height: inherit;\n width: inherit;\n border-radius: 50%;\n border: ${BORDER_WIDTH}px solid #fff;\n`;\n\nexport const LottieAnmationContainer = styled.div`\n position: absolute;\n height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n border-radius: 50%;\n top: ${-GAME_LAUNCHER_ASSET_PADDING / 2 - BORDER_WIDTH}px;\n left: ${-GAME_LAUNCHER_ASSET_PADDING / 2 - BORDER_WIDTH}px;\n z-index: 4;\n`;\n\n// might be needed later-----\n// export const SegmentDevider = styled.div<{ angle: number }>`\n// width: ${GAME_LAUNCHER_SIZE / 2}px;\n// height: 2px;\n// position: absolute;\n// background: #fff;\n// transform-origin: left;\n// transform: ${({ angle }) => `rotate(${angle}deg)`};\n// `;\n\nconst Segment = styled.div`\n height: ${GAME_LAUNCHER_SIZE}px;\n width: ${GAME_LAUNCHER_SIZE}px;\n overflow: hidden;\n display: flex;\n position: absolute;\n background: ${({ theme }) => theme.colors.BLACK_1};\n z-index: 2;\n border: 2px solid ${({ theme }) => theme.colors.WHITE};\n backdrop-filter: blur(0px);\n -webkit-backdrop-filter: blur(0px);\n`;\n\nexport const SegmentLeft = styled(Segment)<{\n $angle?: number;\n}>`\n transform-origin: bottom right;\n transform: rotate(-32deg) skew(-32deg);\n translate: -${GAME_LAUNCHER_SIZE / 2}px -${GAME_LAUNCHER_SIZE / 2}px;\n border-right-width: 1px;\n`;\n\nexport const SegmentRight = styled(Segment)<{\n $angle?: number;\n}>`\n transform-origin: bottom left;\n transform: rotate(32deg) skew(32deg);\n translate: ${GAME_LAUNCHER_SIZE / 2}px -${GAME_LAUNCHER_SIZE / 2}px;\n border-left-width: 1px;\n`;\n\nexport const SegmentBottom = styled(Segment)<{\n $angle?: number;\n}>`\n height: ${GAME_LAUNCHER_SIZE / 2}px;\n width: ${GAME_LAUNCHER_SIZE}px;\n bottom: 0;\n left: 0;\n z-index: 1;\n border: none;\n`;\n\nexport const SegmentContainer = styled.div`\n height: inherit;\n width: inherit;\n overflow: hidden;\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const SegmentContentContainer = styled.div<{ $segmentType?: TSegment }>`\n flex: 1;\n background: transparent;\n height: ${GAME_LAUNCHER_SIZE / 2 + delta}px;\n width: ${GAME_LAUNCHER_SIZE}px;\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n bottom: ${({ $segmentType = 'bottom' }) => ($segmentType === 'bottom' ? 'unset' : `-${delta}px`)};\n transform-origin: ${({ $segmentType }) => {\n switch ($segmentType) {\n case 'left':\n return 'bottom right';\n case 'right':\n return 'bottom left';\n default:\n return 'unset';\n }\n }};\n transform: ${({ $segmentType = 'bottom' }) => {\n switch ($segmentType) {\n case 'left':\n return 'skew(32deg) rotate(32deg)';\n case 'right':\n return 'skew(-32deg) rotate(-32deg)';\n default:\n return 'none';\n }\n }};\n`;\n\nexport const SegmentAssetContainer = styled.div<{\n $segmentType?: TSegment;\n}>`\n position: absolute;\n right: ${({ $segmentType }) => ($segmentType === 'left' ? `-${ASSET_OFFSET_X}px` : 'unset')};\n left: ${({ $segmentType }) => ($segmentType === 'right' ? `-${ASSET_OFFSET_X}px` : 'unset')};\n bottom: ${({ $segmentType }) =>\n $segmentType === 'bottom' ? `-${ASSET_OFFSET_Y}px` : `-${ASSET_OFFSET_Y}px`};\n height: ${ASSET_CONTAINER_SIZE}px;\n width: ${ASSET_CONTAINER_SIZE}px;\n display: flex;\n align-items: center;\n overflow: hidden;\n background-color: transparent;\n z-index: 1;\n flex-shrink: 0;\n &:hover {\n background: ${({ theme }) => theme.colors.WHITE_T_15};\n cursor: pointer;\n }\n`;\n\nexport const SegmentOverlay = styled.div<{ $segmentType?: TSegment }>`\n position: absolute;\n right: ${({ $segmentType }) => ($segmentType === 'left' ? `-${ASSET_OFFSET_X}px` : 'unset')};\n left: ${({ $segmentType }) => ($segmentType === 'right' ? `-${ASSET_OFFSET_X}px` : 'unset')};\n bottom: ${({ $segmentType }) =>\n $segmentType === 'bottom' ? `-${ASSET_OFFSET_Y}px` : `-${ASSET_OFFSET_Y}px`};\n height: ${ASSET_CONTAINER_SIZE}px;\n width: ${ASSET_CONTAINER_SIZE}px;\n z-index: 5;\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n /* pointer-events: none; */\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nexport const IconWrapper = styled.div`\n position: absolute;\n z-index: 6;\n`;\n"],"names":["CircularProgressLottieContainer","styled","GAME_LAUNCHER_SIZE","RingContainer","BORDER_WIDTH","LottieAnmationContainer","GAME_LAUNCHER_ASSET_PADDING","Segment","theme","SegmentLeft","SegmentRight","SegmentBottom","SegmentContainer","SegmentContentContainer","delta","$segmentType","SegmentAssetContainer","ASSET_OFFSET_X","ASSET_OFFSET_Y","ASSET_CONTAINER_SIZE","SegmentOverlay","IconWrapper"],"mappings":"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"}
@@ -1,105 +0,0 @@
1
- import { jsx as e, jsxs as L } from "react/jsx-runtime";
2
- import { memo as R, useCallback as m, forwardRef as O, useRef as A, useState as C, useImperativeHandle as F, useMemo as E } from "react";
3
- import G from "../../../../../assets/line-icons/icons/check.js";
4
- import { LOTTIE as $ } from "../../../../../assets/lottie/lottie.js";
5
- import P from "../../../../ui/lottie-animation/lottie-animation.js";
6
- import { CardContainer as j } from "../card-container/card-container.js";
7
- import { SegmentContainer as w, SegmentContentContainer as U, SegmentAssetContainer as x, SegmentOverlay as B, IconWrapper as N, CircularProgressLottieContainer as q, RingContainer as z, LottieAnmationContainer as D, SegmentLeft as J, SegmentRight as K, SegmentBottom as Q } from "./segmented-game-card-styled.js";
8
- const X = { renderer: "canvas", loop: !0 }, f = R(
9
- ({ segmentType: n, isCompleted: o, card: c, name: s, onMouseEnter: i }) => {
10
- const a = m(() => i(s), [i, s]);
11
- return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ L(U, { $segmentType: n, onMouseEnter: a, children: [
12
- /* @__PURE__ */ e(x, { $segmentType: n, children: /* @__PURE__ */ e(P, { src: c, settings: X, animateOnIntersect: !0 }) }),
13
- o && /* @__PURE__ */ e(B, { $segmentType: n, children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(G, { color: "#fff", height: 40, width: 40 }) }) })
14
- ] }) });
15
- }
16
- ), Y = ({ data: n, label: o, initialValue: c = 0, value: s, maxValue: i = 1 }, a) => {
17
- const g = A(null), h = A(null), [u, S] = C(o), [T, _] = C(!1), [b, M] = C("WHITE_T_87"), W = u !== o, d = m((t) => {
18
- S(t);
19
- }, []), k = m(() => {
20
- S(o);
21
- }, [o]), p = m(
22
- (t) => {
23
- var r, l;
24
- (l = (r = n[t]) == null ? void 0 : r.onPress) == null || l.call(r);
25
- },
26
- [n]
27
- ), v = m((t) => {
28
- _(!0), M(t);
29
- }, []);
30
- F(a, () => ({
31
- labelRef: g,
32
- segmentedCardWrapperRef: h,
33
- startLabelAnimation: v
34
- }));
35
- const I = E(() => {
36
- if (i <= 0)
37
- return;
38
- const t = 92, r = t / i, l = Math.min(r * c, t), H = Math.min(r * s + 1, t);
39
- return [l, H];
40
- }, [c, i, s]), y = E(
41
- () => ({
42
- renderer: "canvas",
43
- autoplay: !0,
44
- loop: !1,
45
- initialSegment: I
46
- }),
47
- [I]
48
- );
49
- return /* @__PURE__ */ L(
50
- j,
51
- {
52
- ref: h,
53
- labelRef: g,
54
- label: u,
55
- isAnimated: T,
56
- onMouseLeave: k,
57
- labelColor: T ? b : W ? "WHITE_T_87" : "WHITE_T_60",
58
- children: [
59
- /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
60
- P,
61
- {
62
- src: $.LEVELUP_RINGS,
63
- settings: y,
64
- animateOnIntersect: !0
65
- }
66
- ) }) }) }),
67
- /* @__PURE__ */ e(J, { onClick: () => p(0), children: /* @__PURE__ */ e(
68
- f,
69
- {
70
- segmentType: "left",
71
- card: n[0].card,
72
- name: n[0].name,
73
- isCompleted: n[0].isCompleted,
74
- onMouseEnter: d
75
- }
76
- ) }),
77
- /* @__PURE__ */ e(K, { onClick: () => p(1), children: /* @__PURE__ */ e(
78
- f,
79
- {
80
- segmentType: "right",
81
- card: n[1].card,
82
- name: n[1].name,
83
- isCompleted: n[1].isCompleted,
84
- onMouseEnter: d
85
- }
86
- ) }),
87
- /* @__PURE__ */ e(Q, { onClick: () => p(2), children: /* @__PURE__ */ e(
88
- f,
89
- {
90
- segmentType: "bottom",
91
- card: n[2].card,
92
- name: n[2].name,
93
- isCompleted: n[2].isCompleted,
94
- onMouseEnter: d
95
- }
96
- ) })
97
- ]
98
- }
99
- );
100
- }, ie = R(O(Y));
101
- export {
102
- f as SegmentContent,
103
- ie as SegmentedGameCard
104
- };
105
- //# sourceMappingURL=segmented-game-card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"segmented-game-card.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.tsx"],"sourcesContent":["import type { ForwardRefRenderFunction } from 'react';\nimport React, {\n forwardRef,\n memo,\n useCallback,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport CheckIcon from '../../../../../assets/line-icons/icons/check';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport type { TColorNames } from '../../../../ui/types';\nimport { CardContainer } from '../card-container/card-container';\nimport * as Styled from './segmented-game-card-styled';\nimport type {\n IGameCardSegmentContentProps,\n ISegmentedGameCardProps,\n ISegmentedGameCardRefs,\n} from './segmented-game-card-types';\n\nconst renderSettings = { renderer: 'canvas', loop: true };\n\nexport const SegmentContent = memo(\n ({ segmentType, isCompleted, card, name, onMouseEnter }: IGameCardSegmentContentProps) => {\n const handleMouseEnter = useCallback(() => onMouseEnter(name), [onMouseEnter, name]);\n\n return (\n <Styled.SegmentContainer>\n <Styled.SegmentContentContainer $segmentType={segmentType} onMouseEnter={handleMouseEnter}>\n <Styled.SegmentAssetContainer $segmentType={segmentType}>\n <LottieAnimation src={card} settings={renderSettings} animateOnIntersect />\n </Styled.SegmentAssetContainer>\n\n {isCompleted && (\n <Styled.SegmentOverlay $segmentType={segmentType}>\n <Styled.IconWrapper>\n <CheckIcon color=\"#fff\" height={40} width={40} />\n </Styled.IconWrapper>\n </Styled.SegmentOverlay>\n )}\n </Styled.SegmentContentContainer>\n </Styled.SegmentContainer>\n );\n },\n);\n\nconst SegmentedGameCardComponent: ForwardRefRenderFunction<\n ISegmentedGameCardRefs,\n ISegmentedGameCardProps\n> = ({ data, label: gameCategoryLabel, initialValue = 0, value, maxValue = 1 }, ref) => {\n const labelRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n const cardWrapperRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n const [label, setLabel] = useState<string>(gameCategoryLabel);\n const [isAnimated, setIsAnimated] = useState(false);\n const [animatedColor, setAnimatedColor] = useState<TColorNames>('WHITE_T_87');\n\n const isLabelHighlighted = label !== gameCategoryLabel;\n\n const onMouseEnter = useCallback((gameName: string) => {\n setLabel(gameName);\n }, []);\n\n const onMouseLeave = useCallback(() => {\n setLabel(gameCategoryLabel);\n }, [gameCategoryLabel]);\n\n const onSegmentPress = useCallback(\n (index: number) => {\n data[index]?.onPress?.();\n },\n [data],\n );\n\n const startLabelAnimation = useCallback((color: TColorNames) => {\n setIsAnimated(true);\n setAnimatedColor(color);\n }, []);\n\n useImperativeHandle(ref, () => ({\n labelRef,\n segmentedCardWrapperRef: cardWrapperRef,\n startLabelAnimation,\n }));\n\n const animationSegments: [number, number] | undefined = useMemo(() => {\n if (maxValue <= 0) {\n return;\n }\n\n const totalFrames = 92;\n const framesPerValue = totalFrames / maxValue;\n\n const initialFrameToPlay = Math.min(framesPerValue * initialValue, totalFrames);\n const finalFrameToPlay = Math.min(framesPerValue * value + 1, totalFrames);\n\n return [initialFrameToPlay, finalFrameToPlay];\n }, [initialValue, maxValue, value]);\n\n const levelUpAnimationSettings = useMemo(\n () => ({\n renderer: 'canvas',\n autoplay: true,\n loop: false,\n initialSegment: animationSegments,\n }),\n [animationSegments],\n );\n\n return (\n <CardContainer\n ref={cardWrapperRef}\n labelRef={labelRef}\n label={label}\n isAnimated={isAnimated}\n onMouseLeave={onMouseLeave}\n labelColor={isAnimated ? animatedColor : isLabelHighlighted ? 'WHITE_T_87' : 'WHITE_T_60'}\n >\n <Styled.CircularProgressLottieContainer>\n <Styled.RingContainer>\n <Styled.LottieAnmationContainer>\n <LottieAnimation\n src={LOTTIE.LEVELUP_RINGS}\n settings={levelUpAnimationSettings}\n animateOnIntersect\n />\n </Styled.LottieAnmationContainer>\n </Styled.RingContainer>\n </Styled.CircularProgressLottieContainer>\n {/* left segment */}\n <Styled.SegmentLeft onClick={() => onSegmentPress(0)}>\n <SegmentContent\n segmentType={'left'}\n card={data[0]!.card}\n name={data[0]!.name}\n isCompleted={data[0]!.isCompleted}\n onMouseEnter={onMouseEnter}\n />\n </Styled.SegmentLeft>\n\n {/* right segment */}\n <Styled.SegmentRight onClick={() => onSegmentPress(1)}>\n <SegmentContent\n segmentType={'right'}\n card={data[1]!.card}\n name={data[1]!.name}\n isCompleted={data[1]!.isCompleted}\n onMouseEnter={onMouseEnter}\n />\n </Styled.SegmentRight>\n\n {/* bottom segment */}\n <Styled.SegmentBottom onClick={() => onSegmentPress(2)}>\n <SegmentContent\n segmentType={'bottom'}\n card={data[2]!.card}\n name={data[2]!.name}\n isCompleted={data[2]!.isCompleted}\n onMouseEnter={onMouseEnter}\n />\n </Styled.SegmentBottom>\n </CardContainer>\n );\n};\n\nexport const SegmentedGameCard = memo(forwardRef(SegmentedGameCardComponent));\n"],"names":["renderSettings","SegmentContent","memo","segmentType","isCompleted","card","name","onMouseEnter","handleMouseEnter","useCallback","jsx","Styled.SegmentContainer","jsxs","Styled.SegmentContentContainer","Styled.SegmentAssetContainer","LottieAnimation","Styled.SegmentOverlay","Styled.IconWrapper","CheckIcon","SegmentedGameCardComponent","data","gameCategoryLabel","initialValue","value","maxValue","ref","labelRef","useRef","cardWrapperRef","label","setLabel","useState","isAnimated","setIsAnimated","animatedColor","setAnimatedColor","isLabelHighlighted","gameName","onMouseLeave","onSegmentPress","index","_b","_a","startLabelAnimation","color","useImperativeHandle","animationSegments","useMemo","totalFrames","framesPerValue","initialFrameToPlay","finalFrameToPlay","levelUpAnimationSettings","CardContainer","Styled.CircularProgressLottieContainer","Styled.RingContainer","Styled.LottieAnmationContainer","LOTTIE","Styled.SegmentLeft","Styled.SegmentRight","Styled.SegmentBottom","SegmentedGameCard","forwardRef"],"mappings":"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"}