@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.
- package/dist/assets/illustrations/illustrations.js +7 -0
- package/dist/assets/illustrations/illustrations.js.map +1 -1
- package/dist/assets/lottie/lottie.js +1 -0
- package/dist/assets/lottie/lottie.js.map +1 -1
- package/dist/features/auth/comps/tabs/tab-tem/tab-item.js +31 -16
- package/dist/features/auth/comps/tabs/tab-tem/tab-item.js.map +1 -1
- package/dist/features/auth/comps/tabs/tabs.js +22 -5
- package/dist/features/auth/comps/tabs/tabs.js.map +1 -1
- package/dist/features/auth/pla-signup/pla-analytics-events.js +1 -1
- package/dist/features/auth/pla-signup/pla-analytics-events.js.map +1 -1
- package/dist/features/auth/pla-signup/signup-options/signup-options.js +46 -37
- package/dist/features/auth/pla-signup/signup-options/signup-options.js.map +1 -1
- package/dist/features/circle-games/game-launcher/api/get-content-for-today/constants.js +1 -1
- package/dist/features/circle-games/game-launcher/api/get-content-for-today/constants.js.map +1 -1
- package/dist/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.js +4 -4
- package/dist/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel-styled.js +84 -21
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel-styled.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js +46 -73
- package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js.map +1 -1
- package/dist/features/circle-games/game-launcher/comps/carousel-badge/carousel-badge-style.js +20 -0
- package/dist/features/circle-games/game-launcher/comps/carousel-badge/carousel-badge-style.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/carousel-badge/carousel-badge.js +17 -0
- package/dist/features/circle-games/game-launcher/comps/carousel-badge/carousel-badge.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/carousel-badge/carousel-single-badge.js +20 -0
- package/dist/features/circle-games/game-launcher/comps/carousel-badge/carousel-single-badge.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/circular-game-card/circular-game-card-styled.js +67 -0
- package/dist/features/circle-games/game-launcher/comps/circular-game-card/circular-game-card-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/circular-game-card/circular-game-card.js +87 -0
- package/dist/features/circle-games/game-launcher/comps/circular-game-card/circular-game-card.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/circular-game-card/constants.js +7 -0
- package/dist/features/circle-games/game-launcher/comps/circular-game-card/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/game-card-content/constants.js +6 -0
- package/dist/features/circle-games/game-launcher/comps/game-card-content/constants.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/game-card-content/game-card-content-styled.js +62 -0
- package/dist/features/circle-games/game-launcher/comps/game-card-content/game-card-content-styled.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/game-card-content/game-card-content.js +9 -0
- package/dist/features/circle-games/game-launcher/comps/game-card-content/game-card-content.js.map +1 -0
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/constants.js +2 -7
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/constants.js.map +1 -1
- package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/helper.js +80 -59
- package/dist/features/circle-games/game-launcher/dal/use-get-circle-home-details-dal/helper.js.map +1 -1
- package/dist/features/circle-games/game-launcher/game-launcher-v2.js +246 -0
- package/dist/features/circle-games/game-launcher/game-launcher-v2.js.map +1 -0
- package/dist/features/circle-games/game-launcher/helpers.js +8 -0
- package/dist/features/circle-games/game-launcher/helpers.js.map +1 -0
- package/dist/features/milestone/create/milestone-create-helpers.js +6 -2
- package/dist/features/milestone/create/milestone-create-helpers.js.map +1 -1
- package/dist/features/post-game-stats/accuracy/accuracy-styled.js +1 -1
- package/dist/features/post-game-stats/accuracy/accuracy-styled.js.map +1 -1
- package/dist/features/post-game-stats/clock/clock-styled.js +1 -1
- package/dist/features/post-game-stats/clock/clock-styled.js.map +1 -1
- package/dist/features/post-game-stats/points/points.js +4 -3
- package/dist/features/post-game-stats/points/points.js.map +1 -1
- package/dist/features/post-game-stats/post-game-stats-styled.js +9 -8
- package/dist/features/post-game-stats/post-game-stats-styled.js.map +1 -1
- package/dist/features/post-game-stats/post-game-stats.js +107 -105
- package/dist/features/post-game-stats/post-game-stats.js.map +1 -1
- package/dist/features/post-game-stats/score/score-styled.js +1 -1
- package/dist/features/post-game-stats/score/score-styled.js.map +1 -1
- package/dist/features/post-game-stats/streak/streak-styled.js +1 -1
- package/dist/features/post-game-stats/streak/streak-styled.js.map +1 -1
- package/dist/index.d.ts +90 -7
- package/dist/index.js +271 -264
- package/dist/index.js.map +1 -1
- package/dist/static/accuracy-badge.2e161f00.svg +1 -0
- package/dist/static/clock-badge.0adb4ba6.svg +1 -0
- package/dist/static/down-arrow-badge.f462f615.svg +1 -0
- package/dist/static/green-tick.43b94c3a.svg +1 -0
- package/dist/static/pill-tick.c06f606d.json +1 -0
- package/dist/static/points-badge.96bdecc9.svg +1 -0
- package/dist/static/star-badge.5450c267.svg +1 -0
- package/dist/static/up-arrow-badge.71fe7ad1.svg +1 -0
- package/package.json +1 -1
- package/dist/assets/line-icons/icons/carat-left.js +0 -26
- package/dist/assets/line-icons/icons/carat-left.js.map +0 -1
- package/dist/assets/line-icons/icons/carat-right.js +0 -26
- package/dist/assets/line-icons/icons/carat-right.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js +0 -138
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js +0 -105
- package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js.map +0 -1
- package/dist/features/circle-games/game-launcher/game-launcher.js +0 -219
- package/dist/features/circle-games/game-launcher/game-launcher.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js +0 -8
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js +0 -286
- package/dist/features/circle-games/game-launcher/hooks/use-game-launcher-journey/use-game-launcher-journey.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/constants.js +0 -10
- package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey-styled.js +0 -13
- package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js +0 -137
- package/dist/features/circle-games/game-launcher/hooks/use-table-infinite-launcher-journey/use-table-infinite-launcher-journey.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js +0 -14
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/constants.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js +0 -13
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey-styled.js.map +0 -1
- package/dist/features/circle-games/game-launcher/hooks/use-table-launcher-journey/use-table-launcher-journey.js +0 -230
- 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,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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"}
|
package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js
DELETED
|
@@ -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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"}
|