@cuemath/leap 3.4.3 → 3.4.4-akm-1

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/static/accuracy-badge.2e161f00.svg

@@ -0,0 +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>

package/dist/static/clock-badge.0adb4ba6.svg

@@ -0,0 +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>

package/dist/static/down-arrow-badge.f462f615.svg

@@ -0,0 +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>

package/dist/static/green-tick.43b94c3a.svg

@@ -0,0 +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>

package/dist/static/points-badge.96bdecc9.svg

@@ -0,0 +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>

package/dist/static/star-badge.5450c267.svg

@@ -0,0 +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>

package/dist/static/up-arrow-badge.71fe7ad1.svg

@@ -0,0 +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

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.4.3",
+  "version": "3.4.4-akm-1",
   "type": "module",
   "files": [
     "dist"

package/dist/assets/line-icons/icons/carat-left.js

@@ -1,26 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-const o = (e) => /* @__PURE__ */ l(
-  "svg",
-  {
-    width: "28",
-    height: "28",
-    viewBox: "0 0 28 28",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...e,
-    children: /* @__PURE__ */ l(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        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",
-        fill: "currentColor",
-        fillOpacity: "0.87"
-      }
-    )
-  }
-);
-export {
-  o as default
-};
-//# sourceMappingURL=carat-left.js.map

package/dist/assets/line-icons/icons/carat-left.js.map

@@ -1 +0,0 @@
-{"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;"}

package/dist/assets/line-icons/icons/carat-right.js

@@ -1,26 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-const i = (e) => /* @__PURE__ */ l(
-  "svg",
-  {
-    width: "28",
-    height: "28",
-    viewBox: "0 0 28 28",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...e,
-    children: /* @__PURE__ */ l(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        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",
-        fill: "currentColor",
-        fillOpacity: "0.87"
-      }
-    )
-  }
-);
-export {
-  i as default
-};
-//# sourceMappingURL=carat-right.js.map

package/dist/assets/line-icons/icons/carat-right.js.map

@@ -1 +0,0 @@
-{"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;"}

package/dist/features/circle-games/game-launcher/api/get-content-for-today/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/api/get-content-for-today/constants.ts"],"sourcesContent":["export const BASE_URL = '/api/v1/circle';\n"],"names":["BASE_URL"],"mappings":"AAAO,MAAMA,IAAW;"}

package/dist/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.js

@@ -1,10 +0,0 @@
-import { createGetAPI as i } from "@cuemath/rest-api";
-import { BASE_URL as r } from "./constants.js";
-const { useGet: a, invalidate: c } = i({
-  getURL: (o, { user_id: e, grade: t }) => `${r}/circle-home/?intelenrollment_id=${e}&grade=${t}`
-});
-export {
-  c as invalidateCircleHomeAPI,
-  a as useGetCircleHomeAPI
-};
-//# sourceMappingURL=get-circle-home-api.js.map

package/dist/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-circle-home-api.js","sources":["../../../../../../src/features/circle-games/game-launcher/api/get-content-for-today/get-circle-home-api.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL } from './constants';\nimport type {\n  IGetCircleHomeResponseModel,\n  IGetCircleHomePayloadModel,\n} from './get-circle-home-api-types';\n\nexport const { useGet: useGetCircleHomeAPI, invalidate: invalidateCircleHomeAPI } = createGetAPI<\n  IGetCircleHomeResponseModel,\n  IGetCircleHomePayloadModel\n>({\n  getURL: (_, { user_id, grade }) =>\n    `${BASE_URL}/circle-home/?intelenrollment_id=${user_id}&grade=${grade}`,\n});\n"],"names":["useGetCircleHomeAPI","invalidateCircleHomeAPI","createGetAPI","_","user_id","grade","BASE_URL"],"mappings":";;AAQO,MAAM,EAAE,QAAQA,GAAqB,YAAYC,EAAA,IAA4BC,EAGlF;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,SAAAC,GAAS,OAAAC,EACrB,MAAA,GAAGC,CAAQ,oCAAoCF,CAAO,UAAUC,CAAK;AACzE,CAAC;"}

package/dist/features/circle-games/game-launcher/comps/card-container/card-container-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-container-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/card-container/card-container-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport type { TColorNames } from '../../../../ui/types';\nimport { GAME_LAUNCHER_SIZE } from './constants';\n\nexport const CardWrapper = styled.div`\n  position: relative;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ExtendedFlexView = styled(FlexView)`\n  position: absolute;\n  top: -28px;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const CardContainer = styled.div<{ $strokeColor?: TColorNames }>`\n  position: relative;\n  border-radius: ${GAME_LAUNCHER_SIZE}px;\n  border: ${({ $strokeColor }) =>\n    $strokeColor ? `2px solid ${$strokeColor}` : '0 solid transparent'};\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  align-self: center;\n  backdrop-filter: blur(0px);\n  flex-shrink: 0;\n`;\n\nexport const AnimatedLabel = styled(Text)<{ $isAnimated: boolean }>`\n  transition: color 0.5s ease-in-out;\n\n  ${({ $isAnimated }) =>\n    $isAnimated &&\n    `\n      animation: zoomInOut 1s ease-in-out infinite;\n    `}\n\n  @keyframes zoomInOut {\n    0% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.05);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n`;\n"],"names":["CardWrapper","styled","ExtendedFlexView","FlexView","CardContainer","GAME_LAUNCHER_SIZE","$strokeColor","AnimatedLabel","Text","$isAnimated"],"mappings":";;;;AAOO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBC,IAAmBD,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOlCC,IAAgBH,EAAO;AAAA;AAAA,mBAEjBI,CAAkB;AAAA,YACzB,CAAC,EAAE,cAAAC,EAAa,MACxBA,IAAe,aAAaA,CAAY,KAAK,qBAAqB;AAAA,YAC1DD,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWhBE,IAAgBN,EAAOO,CAAI;AAAA;AAAA;AAAA,IAGpC,CAAC,EAAE,aAAAC,QACHA,KACA;AAAA;AAAA,KAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/circle-games/game-launcher/comps/card-container/card-container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-container.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/card-container/card-container.tsx"],"sourcesContent":["import type { ForwardRefRenderFunction } from 'react';\nimport { forwardRef, memo } from 'react';\n\nimport * as Styled from './card-container-styled';\nimport type { ICardContainerProps } from './card-container-types';\n\nconst Container: ForwardRefRenderFunction<HTMLDivElement, ICardContainerProps> = (props, ref) => {\n  const {\n    children,\n    strokeColor,\n    label,\n    isAnimated,\n    labelRef,\n    showLabel = true,\n    labelColor,\n    ...rest\n  } = props;\n\n  return (\n    <Styled.CardWrapper {...rest}>\n      <Styled.ExtendedFlexView>\n        <Styled.AnimatedLabel\n          ref={labelRef}\n          $renderAs=\"ac4-black\"\n          $align=\"center\"\n          $color={labelColor}\n          $isAnimated={isAnimated}\n        >\n          {showLabel ? label : ''}\n        </Styled.AnimatedLabel>\n      </Styled.ExtendedFlexView>\n      <Styled.CardContainer ref={ref} $strokeColor={strokeColor}>\n        {children}\n      </Styled.CardContainer>\n    </Styled.CardWrapper>\n  );\n};\n\nexport const CardContainer = memo(forwardRef(Container));\n"],"names":["Container","props","ref","children","strokeColor","label","isAnimated","labelRef","showLabel","labelColor","rest","jsxs","Styled.CardWrapper","jsx","Styled.ExtendedFlexView","Styled.AnimatedLabel","Styled.CardContainer","CardContainer","memo","forwardRef"],"mappings":";;;AAMA,MAAMA,IAA2E,CAACC,GAAOC,MAAQ;AACzF,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT;AAEJ,SACG,gBAAAU,EAAAC,GAAA,EAAoB,GAAGF,GACtB,UAAA;AAAA,IAAC,gBAAAG,EAAAC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,WAAU;AAAA,QACV,QAAO;AAAA,QACP,QAAQE;AAAA,QACR,aAAaH;AAAA,QAEZ,cAAYD,IAAQ;AAAA,MAAA;AAAA,IAAA,GAEzB;AAAA,sBACCW,GAAA,EAAqB,KAAAd,GAAU,cAAcE,GAC3C,UAAAD,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEac,IAAgBC,EAAKC,EAAWnB,CAAS,CAAC;"}

package/dist/features/circle-games/game-launcher/comps/card-container/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/card-container/constants.ts"],"sourcesContent":["export const GAME_LAUNCHER_SIZE_SMALL = 296;\nexport const GAME_LAUNCHER_SIZE_LARGE = 400;\n\nconst CARD_CONTAINER_SIZE =\n  window.innerWidth >= 600 && window.innerHeight >= 800\n    ? GAME_LAUNCHER_SIZE_LARGE\n    : GAME_LAUNCHER_SIZE_SMALL;\n\nexport const GAME_LAUNCHER_SIZE = CARD_CONTAINER_SIZE;\n"],"names":["GAME_LAUNCHER_SIZE_SMALL","GAME_LAUNCHER_SIZE_LARGE","CARD_CONTAINER_SIZE","GAME_LAUNCHER_SIZE"],"mappings":"AAAO,MAAMA,IAA2B,KAC3BC,IAA2B,KAElCC,IACJ,OAAO,cAAc,OAAO,OAAO,eAAe,MAC9C,MACA,KAEOC,IAAqBD;"}

package/dist/features/circle-games/game-launcher/comps/carousel/carousel-styled.js

@@ -1,39 +0,0 @@
-import e from "styled-components";
-import o from "../../../../ui/layout/flex-view.js";
-const s = e.div`
-  width: 100%;
-  position: relative;
-  display: flex;
-  justify-content: center;
-`, l = e.div`
-  display: flex;
-  width: 100%;
-  flex-grow: 1;
-  transform: ${({ $translate: t }) => `translateX(${-t}%)`};
-  transition: ${({ $translateDuration: t }) => `all ${t}ms ease-in`};
-`, a = e.div`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-grow: 1;
-  flex-shrink: 0;
-`, d = e.div`
-  border: 1px solid ${({ theme: t }) => t.colors.WHITE};
-  height: 8px;
-  width: 8px;
-  border-radius: 100%;
-  margin: 0 4px;
-  background: ${({ theme: t, $isActive: r }) => r ? t.colors.WHITE : "transparent"};
-  cursor: pointer;
-`, p = e(o)`
-  bottom: -32px;
-`;
-export {
-  s as Carousel,
-  a as CarouselItemContainer,
-  l as CarouselWrapper,
-  p as ExtendedFlexView,
-  d as Indicator
-};
-//# sourceMappingURL=carousel-styled.js.map

package/dist/features/circle-games/game-launcher/comps/carousel/carousel-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"carousel-styled.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport const Carousel = styled.div`\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n`;\nexport const CarouselWrapper = styled.div<{ $translate: number; $translateDuration: number }>`\n  display: flex;\n  width: 100%;\n  flex-grow: 1;\n  transform: ${({ $translate }) => `translateX(${-$translate}%)`};\n  transition: ${({ $translateDuration }) => `all ${$translateDuration}ms ease-in`};\n`;\n\nexport const CarouselItemContainer = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 1;\n  flex-shrink: 0;\n`;\n\nexport const Indicator = styled.div<{ $isActive?: boolean }>`\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  height: 8px;\n  width: 8px;\n  border-radius: 100%;\n  margin: 0 4px;\n  background: ${({ theme, $isActive }) => ($isActive ? theme.colors.WHITE : 'transparent')};\n  cursor: pointer;\n`;\n\nexport const ExtendedFlexView = styled(FlexView)`\n  bottom: -32px;\n`;\n"],"names":["Carousel","styled","CarouselWrapper","$translate","$translateDuration","CarouselItemContainer","Indicator","theme","$isActive","ExtendedFlexView","FlexView"],"mappings":";;AAIO,MAAMA,IAAWC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAMlBC,IAAkBD,EAAO;AAAA;AAAA;AAAA;AAAA,eAIvB,CAAC,EAAE,YAAAE,QAAiB,cAAc,CAACA,CAAU,IAAI;AAAA,gBAChD,CAAC,EAAE,oBAAAC,EAAyB,MAAA,OAAOA,CAAkB,YAAY;AAAA,GAGpEC,IAAwBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS/BK,IAAYL,EAAO;AAAA,sBACV,CAAC,EAAE,OAAAM,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKvC,CAAC,EAAE,OAAAA,GAAO,WAAAC,QAAiBA,IAAYD,EAAM,OAAO,QAAQ,aAAc;AAAA;AAAA,GAI7EE,IAAmBR,EAAOS,CAAQ;AAAA;AAAA;"}

package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js

@@ -1,85 +0,0 @@
-import { jsxs as y, jsx as e } from "react/jsx-runtime";
-import { memo as j, forwardRef as x, useMemo as u, useRef as b, useState as z, createRef as B, useCallback as d, useImperativeHandle as D, useEffect as $ } from "react";
-import E from "../../../../../assets/line-icons/icons/carat-left.js";
-import F from "../../../../../assets/line-icons/icons/carat-right.js";
-import R from "../../../../ui/buttons/icon-button/icon-button.js";
-import g from "../../../../ui/separator/separator.js";
-import { Carousel as M, CarouselWrapper as S, CarouselItemContainer as H, ExtendedFlexView as T, Indicator as V } from "./carousel-styled.js";
-const W = ({ items: t, defaultIndex: l = 0, onNext: s, onPrev: c, analyticsPrev: m, analyticsNext: p }, k) => {
-  const f = u(() => m, [m]), C = u(() => p, [p]), h = b(null), i = b(!0), [o, n] = z(l), I = u(() => t.map(() => B()), [t]), w = d(() => {
-    c == null || c(), n((r) => r - 1);
-  }, [c]), A = d(() => {
-    s == null || s(), n((r) => r + 1);
-  }, [s]), L = d((r) => {
-    n(r);
-  }, []);
-  return D(k, () => ({
-    nextBtnRef: h,
-    indicatorRefs: I,
-    currentIndex: o,
-    goToIndex: (r) => {
-      n(r);
-    }
-  })), $(() => {
-    i.current && (i.current = !1);
-  }, []), $(() => {
-    n(l);
-  }, [l]), /* @__PURE__ */ y(M, { children: [
-    /* @__PURE__ */ e(
-      S,
-      {
-        $translate: o * 100,
-        $translateDuration: i.current ? 0 : 300,
-        children: t.map((r, a) => /* @__PURE__ */ e(H, { children: r }, a))
-      }
-    ),
-    t.length > 1 && /* @__PURE__ */ y(
-      T,
-      {
-        $flexDirection: "row",
-        $alignItems: "center",
-        $justifyContent: "center",
-        $position: "absolute",
-        children: [
-          /* @__PURE__ */ e(
-            R,
-            {
-              renderAs: "secondary",
-              Icon: E,
-              onClick: w,
-              analyticsLabel: f.analyticsLabel,
-              analyticsProps: f.analyticsProps,
-              disabled: o === 0
-            }
-          ),
-          /* @__PURE__ */ e(g, { width: 48 }),
-          t.map((r, a) => /* @__PURE__ */ e(
-            V,
-            {
-              ref: I[a],
-              $isActive: a === o,
-              onClick: () => L(a)
-            },
-            a
-          )),
-          /* @__PURE__ */ e(g, { width: 48 }),
-          /* @__PURE__ */ e("div", { ref: h, children: /* @__PURE__ */ e(
-            R,
-            {
-              renderAs: "secondary",
-              Icon: F,
-              onClick: A,
-              analyticsLabel: C.analyticsLabel,
-              analyticsProps: C.analyticsProps,
-              disabled: o === t.length - 1
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-}, Q = j(x(W));
-export {
-  Q as Carousel
-};
-//# sourceMappingURL=carousel.js.map

package/dist/features/circle-games/game-launcher/comps/carousel/carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"carousel.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/carousel/carousel.tsx"],"sourcesContent":["import type { ForwardRefRenderFunction } from 'react';\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n  createRef,\n} from 'react';\n\nimport CaratLeftIcon from '../../../../../assets/line-icons/icons/carat-left';\nimport CaratRightIcon from '../../../../../assets/line-icons/icons/carat-right';\nimport IconButton from '../../../../ui/buttons/icon-button/icon-button';\nimport Separator from '../../../../ui/separator/separator';\nimport * as Styled from './carousel-styled';\nimport type { ICarouselProps, ICarouselRefs } from './carousel-types';\n\nconst CarouselComponent: ForwardRefRenderFunction<ICarouselRefs, ICarouselProps> = (\n  { items, defaultIndex = 0, onNext, onPrev, analyticsPrev, analyticsNext },\n  ref,\n) => {\n  const memoizedAnalyticsPrev = useMemo(() => analyticsPrev, [analyticsPrev]);\n  const memoizedAnalyticsNext = useMemo(() => analyticsNext, [analyticsNext]);\n\n  const nextBtnRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const isFirstMount = useRef(true);\n  const [currIndex, setCurrIndex] = useState(defaultIndex);\n\n  // Create a stable array of refs for indicators\n  const indicatorRefs = useMemo(() => items.map(() => createRef<HTMLDivElement>()), [items]);\n\n  const handleCarouselPrev = useCallback(() => {\n    onPrev?.();\n    setCurrIndex(prev => prev - 1);\n  }, [onPrev]);\n\n  const handleCarouselNext = useCallback(() => {\n    onNext?.();\n    setCurrIndex(prev => prev + 1);\n  }, [onNext]);\n\n  const handleCarouselIndicatorClick = useCallback((index: number) => {\n    setCurrIndex(index);\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    nextBtnRef,\n    indicatorRefs,\n    currentIndex: currIndex,\n    goToIndex: (index: number) => {\n      setCurrIndex(index);\n    },\n  }));\n\n  useEffect(() => {\n    if (isFirstMount.current) {\n      isFirstMount.current = false;\n    }\n  }, []);\n\n  // Change index from parent\n  useEffect(() => {\n    setCurrIndex(defaultIndex);\n  }, [defaultIndex]);\n\n  return (\n    <Styled.Carousel>\n      <Styled.CarouselWrapper\n        $translate={currIndex * 100}\n        $translateDuration={isFirstMount.current ? 0 : 300}\n      >\n        {items.map((item, index) => (\n          <Styled.CarouselItemContainer key={index}>{item}</Styled.CarouselItemContainer>\n        ))}\n      </Styled.CarouselWrapper>\n\n      {items.length > 1 && (\n        <Styled.ExtendedFlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $position=\"absolute\"\n        >\n          <IconButton\n            renderAs=\"secondary\"\n            Icon={CaratLeftIcon}\n            onClick={handleCarouselPrev}\n            analyticsLabel={memoizedAnalyticsPrev.analyticsLabel}\n            analyticsProps={memoizedAnalyticsPrev.analyticsProps}\n            disabled={currIndex === 0}\n          />\n          <Separator width={48} />\n          {items.map((_, index) => (\n            <Styled.Indicator\n              ref={indicatorRefs[index]}\n              $isActive={index === currIndex}\n              key={index}\n              onClick={() => handleCarouselIndicatorClick(index)}\n            />\n          ))}\n          <Separator width={48} />\n          <div ref={nextBtnRef}>\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={CaratRightIcon}\n              onClick={handleCarouselNext}\n              analyticsLabel={memoizedAnalyticsNext.analyticsLabel}\n              analyticsProps={memoizedAnalyticsNext.analyticsProps}\n              disabled={currIndex === items.length - 1}\n            />\n          </div>\n        </Styled.ExtendedFlexView>\n      )}\n    </Styled.Carousel>\n  );\n};\n\nexport const Carousel = memo(forwardRef(CarouselComponent));\n"],"names":["CarouselComponent","items","defaultIndex","onNext","onPrev","analyticsPrev","analyticsNext","ref","memoizedAnalyticsPrev","useMemo","memoizedAnalyticsNext","nextBtnRef","useRef","isFirstMount","currIndex","setCurrIndex","useState","indicatorRefs","createRef","handleCarouselPrev","useCallback","prev","handleCarouselNext","handleCarouselIndicatorClick","index","useImperativeHandle","useEffect","jsxs","Styled.Carousel","jsx","Styled.CarouselWrapper","item","Styled.CarouselItemContainer","Styled.ExtendedFlexView","IconButton","CaratLeftIcon","Separator","_","Styled.Indicator","CaratRightIcon","Carousel","memo","forwardRef"],"mappings":"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"}

package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js

@@ -1,138 +0,0 @@
-import o from "styled-components";
-import { GAME_LAUNCHER_SIZE as e } from "../card-container/constants.js";
-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";
-const g = o.div`
-  position: absolute;
-  z-index: 5;
-  height: ${e}px;
-  width: ${e}px;
-  pointer-events: none;
-`, f = o.div`
-  position: relative;
-  height: inherit;
-  width: inherit;
-  border-radius: 50%;
-  border: ${d}px solid #fff;
-`, c = o.div`
-  position: absolute;
-  height: ${e + i}px;
-  width: ${e + i}px;
-  border-radius: 50%;
-  top: ${-i / 2 - d}px;
-  left: ${-i / 2 - d}px;
-  z-index: 4;
-`, p = o.div`
-  height: ${e}px;
-  width: ${e}px;
-  overflow: hidden;
-  display: flex;
-  position: absolute;
-  background: ${({ theme: t }) => t.colors.BLACK_1};
-  z-index: 2;
-  border: 2px solid ${({ theme: t }) => t.colors.WHITE};
-  backdrop-filter: blur(0px);
-  -webkit-backdrop-filter: blur(0px);
-`, $ = o(p)`
-  transform-origin: bottom right;
-  transform: rotate(-32deg) skew(-32deg);
-  translate: -${e / 2}px -${e / 2}px;
-  border-right-width: 1px;
-`, b = o(p)`
-  transform-origin: bottom left;
-  transform: rotate(32deg) skew(32deg);
-  translate: ${e / 2}px -${e / 2}px;
-  border-left-width: 1px;
-`, m = o(p)`
-  height: ${e / 2}px;
-  width: ${e}px;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  border: none;
-`, u = o.div`
-  height: inherit;
-  width: inherit;
-  overflow: hidden;
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`, w = o.div`
-  flex: 1;
-  background: transparent;
-  height: ${e / 2 + a}px;
-  width: ${e}px;
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  bottom: ${({ $segmentType: t = "bottom" }) => t === "bottom" ? "unset" : `-${a}px`};
-  transform-origin: ${({ $segmentType: t }) => {
-  switch (t) {
-    case "left":
-      return "bottom right";
-    case "right":
-      return "bottom left";
-    default:
-      return "unset";
-  }
-}};
-  transform: ${({ $segmentType: t = "bottom" }) => {
-  switch (t) {
-    case "left":
-      return "skew(32deg) rotate(32deg)";
-    case "right":
-      return "skew(-32deg) rotate(-32deg)";
-    default:
-      return "none";
-  }
-}};
-`, S = o.div`
-  position: absolute;
-  right: ${({ $segmentType: t }) => t === "left" ? `-${r}px` : "unset"};
-  left: ${({ $segmentType: t }) => t === "right" ? `-${r}px` : "unset"};
-  bottom: ${({ $segmentType: t }) => t === "bottom" ? `-${n}px` : `-${n}px`};
-  height: ${s}px;
-  width: ${s}px;
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  background-color: transparent;
-  z-index: 1;
-  flex-shrink: 0;
-  &:hover {
-    background: ${({ theme: t }) => t.colors.WHITE_T_15};
-    cursor: pointer;
-  }
-`, v = o.div`
-  position: absolute;
-  right: ${({ $segmentType: t }) => t === "left" ? `-${r}px` : "unset"};
-  left: ${({ $segmentType: t }) => t === "right" ? `-${r}px` : "unset"};
-  bottom: ${({ $segmentType: t }) => t === "bottom" ? `-${n}px` : `-${n}px`};
-  height: ${s}px;
-  width: ${s}px;
-  z-index: 5;
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
-  /* pointer-events: none; */
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`, E = o.div`
-  position: absolute;
-  z-index: 6;
-`;
-export {
-  g as CircularProgressLottieContainer,
-  E as IconWrapper,
-  c as LottieAnmationContainer,
-  f as RingContainer,
-  S as SegmentAssetContainer,
-  m as SegmentBottom,
-  u as SegmentContainer,
-  w as SegmentContentContainer,
-  $ as SegmentLeft,
-  v as SegmentOverlay,
-  b as SegmentRight
-};
-//# sourceMappingURL=segmented-game-card-styled.js.map

package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card-styled.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,105 +0,0 @@
-import { jsx as e, jsxs as L } from "react/jsx-runtime";
-import { memo as R, useCallback as m, forwardRef as O, useRef as A, useState as C, useImperativeHandle as F, useMemo as E } from "react";
-import G from "../../../../../assets/line-icons/icons/check.js";
-import { LOTTIE as $ } from "../../../../../assets/lottie/lottie.js";
-import P from "../../../../ui/lottie-animation/lottie-animation.js";
-import { CardContainer as j } from "../card-container/card-container.js";
-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";
-const X = { renderer: "canvas", loop: !0 }, f = R(
-  ({ segmentType: n, isCompleted: o, card: c, name: s, onMouseEnter: i }) => {
-    const a = m(() => i(s), [i, s]);
-    return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ L(U, { $segmentType: n, onMouseEnter: a, children: [
-      /* @__PURE__ */ e(x, { $segmentType: n, children: /* @__PURE__ */ e(P, { src: c, settings: X, animateOnIntersect: !0 }) }),
-      o && /* @__PURE__ */ e(B, { $segmentType: n, children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(G, { color: "#fff", height: 40, width: 40 }) }) })
-    ] }) });
-  }
-), Y = ({ data: n, label: o, initialValue: c = 0, value: s, maxValue: i = 1 }, a) => {
-  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) => {
-    S(t);
-  }, []), k = m(() => {
-    S(o);
-  }, [o]), p = m(
-    (t) => {
-      var r, l;
-      (l = (r = n[t]) == null ? void 0 : r.onPress) == null || l.call(r);
-    },
-    [n]
-  ), v = m((t) => {
-    _(!0), M(t);
-  }, []);
-  F(a, () => ({
-    labelRef: g,
-    segmentedCardWrapperRef: h,
-    startLabelAnimation: v
-  }));
-  const I = E(() => {
-    if (i <= 0)
-      return;
-    const t = 92, r = t / i, l = Math.min(r * c, t), H = Math.min(r * s + 1, t);
-    return [l, H];
-  }, [c, i, s]), y = E(
-    () => ({
-      renderer: "canvas",
-      autoplay: !0,
-      loop: !1,
-      initialSegment: I
-    }),
-    [I]
-  );
-  return /* @__PURE__ */ L(
-    j,
-    {
-      ref: h,
-      labelRef: g,
-      label: u,
-      isAnimated: T,
-      onMouseLeave: k,
-      labelColor: T ? b : W ? "WHITE_T_87" : "WHITE_T_60",
-      children: [
-        /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-          P,
-          {
-            src: $.LEVELUP_RINGS,
-            settings: y,
-            animateOnIntersect: !0
-          }
-        ) }) }) }),
-        /* @__PURE__ */ e(J, { onClick: () => p(0), children: /* @__PURE__ */ e(
-          f,
-          {
-            segmentType: "left",
-            card: n[0].card,
-            name: n[0].name,
-            isCompleted: n[0].isCompleted,
-            onMouseEnter: d
-          }
-        ) }),
-        /* @__PURE__ */ e(K, { onClick: () => p(1), children: /* @__PURE__ */ e(
-          f,
-          {
-            segmentType: "right",
-            card: n[1].card,
-            name: n[1].name,
-            isCompleted: n[1].isCompleted,
-            onMouseEnter: d
-          }
-        ) }),
-        /* @__PURE__ */ e(Q, { onClick: () => p(2), children: /* @__PURE__ */ e(
-          f,
-          {
-            segmentType: "bottom",
-            card: n[2].card,
-            name: n[2].name,
-            isCompleted: n[2].isCompleted,
-            onMouseEnter: d
-          }
-        ) })
-      ]
-    }
-  );
-}, ie = R(O(Y));
-export {
-  f as SegmentContent,
-  ie as SegmentedGameCard
-};
-//# sourceMappingURL=segmented-game-card.js.map

package/dist/features/circle-games/game-launcher/comps/segmented-game-card/segmented-game-card.js.map

@@ -1 +0,0 @@
-{"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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"}

package/dist/features/circle-games/game-launcher/comps/tables-card/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/tables-card/constants.ts"],"sourcesContent":["import type { AnimationSegment } from 'lottie-web';\n\nimport type { TColorNames } from '../../../../ui/types';\nimport type { TTableMode } from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\n\nexport const TABLE_REVEAL_ANIMATION = {\n  REVEAL: [0, 15] as AnimationSegment,\n  REVEAL_CONTENT: [8, 15] as AnimationSegment,\n  DISAPPEAR_CONTENT: [21, 29] as AnimationSegment,\n  DISAPPEAR: [21, 38] as AnimationSegment,\n};\n\nexport const TABLE_MODE_LABEL_COLOR: Partial<Record<TTableMode, TColorNames>> = {\n  random: 'BLUE_4',\n  sequence: 'YELLOW_4',\n  advance: 'PURPLE_4',\n};\n\n// z-index 1 to 20 are for table number arc segments\nexport const TABLE_CARD_SHADOW_Z_INDEX = 50;\nexport const INFINITE_MODE_Z_INDEX = TABLE_CARD_SHADOW_Z_INDEX + 1;\nexport const TABLE_MODE_CONTAINER_Z_INDEX = 100;\n\n// table modes\nexport const TABLE_MODE_OVERLAY_Z_INDEX = 1;\nexport const ABSOLUTE_VIEW_Z_INDEX = 2;\nexport const INFINITE_MODE_TEXT = 'INFINITY MODE';\n\nexport const NORMAL_TABLE_MODES = ['sequence', 'random', 'advance'] as Exclude<\n  TTableMode,\n  'infinite'\n>[];\n"],"names":["TABLE_REVEAL_ANIMATION","TABLE_MODE_LABEL_COLOR","TABLE_CARD_SHADOW_Z_INDEX","INFINITE_MODE_Z_INDEX","TABLE_MODE_CONTAINER_Z_INDEX","TABLE_MODE_OVERLAY_Z_INDEX","ABSOLUTE_VIEW_Z_INDEX","INFINITE_MODE_TEXT","NORMAL_TABLE_MODES"],"mappings":"AAKO,MAAMA,IAAyB;AAAA,EACpC,QAAQ,CAAC,GAAG,EAAE;AAAA,EACd,gBAAgB,CAAC,GAAG,EAAE;AAAA,EACtB,mBAAmB,CAAC,IAAI,EAAE;AAAA,EAC1B,WAAW,CAAC,IAAI,EAAE;AACpB,GAEaC,IAAmE;AAAA,EAC9E,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX,GAGaC,IAA4B,IAC5BC,IAAwBD,IAA4B,GACpDE,IAA+B,KAG/BC,IAA6B,GAC7BC,IAAwB,GACxBC,IAAqB,iBAErBC,IAAqB,CAAC,YAAY,UAAU,SAAS;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/infinite-button/infinite-mode-launcher-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"infinite-mode-launcher-button.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/infinite-button/infinite-mode-launcher-button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport LottieAnimation from '../../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from '../tables-card-styled';\nimport type { InfiniteButtonCardProps } from './infinite-mode-launcher-button-type';\n\nconst rendererSettings = {\n  renderer: 'canvas',\n};\n\nconst InfiniteButtonCard: React.FC<InfiniteButtonCardProps> = ({\n  onClick,\n  onMouseOver,\n  onMouseLeave,\n  buttonRef,\n}) => {\n  return (\n    <Styled.InfiniteButtonWrapper\n      ref={buttonRef}\n      onClick={onClick}\n      onMouseOver={onMouseOver}\n      onMouseLeave={onMouseLeave}\n    >\n      <Styled.ExtendedAbsoluteView>\n        <LottieAnimation\n          src={LOTTIE.INFINITE_BUTTON_BG}\n          settings={rendererSettings}\n          animateOnIntersect\n        />\n      </Styled.ExtendedAbsoluteView>\n      <Styled.ExtendedAbsoluteView>\n        <LottieAnimation\n          src={LOTTIE.INFINITE_BUTTON_SYMBOL}\n          settings={rendererSettings}\n          animateOnIntersect\n        />\n      </Styled.ExtendedAbsoluteView>\n    </Styled.InfiniteButtonWrapper>\n  );\n};\n\nexport default React.memo(InfiniteButtonCard);\n"],"names":["rendererSettings","InfiniteButtonCard","onClick","onMouseOver","onMouseLeave","buttonRef","jsxs","Styled.InfiniteButtonWrapper","jsx","Styled.ExtendedAbsoluteView","LottieAnimation","LOTTIE","InfiniteButtonCard$1","React"],"mappings":";;;;;AAOA,MAAMA,IAAmB;AAAA,EACvB,UAAU;AACZ,GAEMC,IAAwD,CAAC;AAAA,EAC7D,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAKF;AAAA,IACL,SAAAH;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IAEA,UAAA;AAAA,MAAC,gBAAAI,EAAAC,GAAA,EACC,UAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKC,EAAO;AAAA,UACZ,UAAUX;AAAA,UACV,oBAAkB;AAAA,QAAA;AAAA,MAAA,GAEtB;AAAA,MACA,gBAAAQ,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKC,EAAO;AAAA,UACZ,UAAUX;AAAA,UACV,oBAAkB;AAAA,QAAA;AAAA,MAAA,GAEtB;AAAA,IAAA;AAAA,EAAA;AAAA,GAKNY,IAAeC,EAAM,KAAKZ,CAAkB;"}

package/dist/features/circle-games/game-launcher/comps/tables-card/spl-events-text/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../../src/features/circle-games/game-launcher/comps/tables-card/spl-events-text/constants.ts"],"sourcesContent":["import { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport { CircleSoundKey } from '../../../../hooks/use-circle-sounds/use-circle-sounds-enums';\nimport { TSplEventsLottieType } from './spl-events-text-types';\n\nexport const LOTTIE_MAP: Record<TSplEventsLottieType, { src: string; audio: string }> = {\n  [TSplEventsLottieType.KEEP_IT_UP]: {\n    src: LOTTIE.KEEP_IT_UP,\n    audio: CircleSoundKey.KEEP_IT_UP,\n  },\n  [TSplEventsLottieType.DOING_GREAT]: {\n    src: LOTTIE.DOING_GREAT,\n    audio: CircleSoundKey.DOING_GREAT,\n  },\n  [TSplEventsLottieType.ALL_DONE]: {\n    src: LOTTIE.ALL_DONE,\n    audio: CircleSoundKey.ALL_DONE,\n  },\n};\n\nexport const COMPLETED_MODES_TO_SPL_EVENT_TYPE_MAP: Record<number, TSplEventsLottieType> = {\n  1: TSplEventsLottieType.KEEP_IT_UP,\n  2: TSplEventsLottieType.DOING_GREAT,\n  3: TSplEventsLottieType.ALL_DONE,\n};\n\nexport const splEventsLottieSettings = { loop: false, autoplay: true };\n"],"names":["LOTTIE_MAP","TSplEventsLottieType","LOTTIE","CircleSoundKey","COMPLETED_MODES_TO_SPL_EVENT_TYPE_MAP","splEventsLottieSettings"],"mappings":";;;AAIO,MAAMA,IAA2E;AAAA,EACtF,CAACC,EAAqB,UAAU,GAAG;AAAA,IACjC,KAAKC,EAAO;AAAA,IACZ,OAAOC,EAAe;AAAA,EACxB;AAAA,EACA,CAACF,EAAqB,WAAW,GAAG;AAAA,IAClC,KAAKC,EAAO;AAAA,IACZ,OAAOC,EAAe;AAAA,EACxB;AAAA,EACA,CAACF,EAAqB,QAAQ,GAAG;AAAA,IAC/B,KAAKC,EAAO;AAAA,IACZ,OAAOC,EAAe;AAAA,EACxB;AACF,GAEaC,IAA8E;AAAA,EACzF,GAAGH,EAAqB;AAAA,EACxB,GAAGA,EAAqB;AAAA,EACxB,GAAGA,EAAqB;AAC1B,GAEaI,IAA0B,EAAE,MAAM,IAAO,UAAU,GAAK;"}