@cuemath/leap 2.8.36-tables-beta-hg1 → 2.8.36

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

@@ -1,236 +0,0 @@
-import { jsx as r, jsxs as a, Fragment as X } from "react/jsx-runtime";
-import { memo as M, useState as s, useRef as w, useCallback as n, useMemo as W, useEffect as O } from "react";
-import ee from "../../../../../assets/line-icons/icons/back2.js";
-import { LOTTIE as L } from "../../../../../assets/lottie/lottie.js";
-import re from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import { useUIContext as te } from "../../../../ui/context/context.js";
-import ie from "../../../../ui/layout/flex-view.js";
-import I from "../../../../ui/lottie-animation/lottie-animation.js";
-import ne from "../../../../ui/separator/separator.js";
-import P from "../../../../ui/text/text.js";
-import { useCircleSounds as oe } from "../../../hooks/use-circle-sounds/use-circle-sounds.js";
-import { GAME_LAUNCHER_ANALYTICS_EVENTS as le } from "../../game-launcher-analytics-events.js";
-import { CardContainer as ce } from "../card-container/card-container.js";
-import { GAME_LAUNCHER_SIZE as E, GAME_LAUNCHER_SIZE_LARGE as ae } from "../card-container/constants.js";
-import { TABLE_REVEAL_ANIMATION as N, TABLE_MODE_LABEL_COLOR as se } from "./constants.js";
-import me from "./table-mode/table-mode.js";
-import ue from "./table-segment-star/table-segment-star.js";
-import { CardWrapper as de, TableSegmentsWrapper as he, InfiniteButtonWrapper as be, AbsoluteView as g, TableSegmentCardShadowContainer as Ae, TableSegment as Ee, TableNumber as Ne, TableModeContainer as ge, TableModeWrapper as ve, AnimatedView as Se, ModeOverlay as pe, IconWrapper as Ce } from "./tables-card-styled.js";
-const Le = {
-  loop: !1,
-  autoplay: !1,
-  render: "svg"
-}, qe = M(
-  ({ data: l, label: T, onPress: d, openModesOfTable: t }) => {
-    var B;
-    const { onEvent: _ } = te(), { playButtonSound: h } = oe(), [m, f] = s(!0), [u, b] = s(
-      (t == null ? void 0 : t.tableNumber) ?? null
-    ), [v, $] = s(null), [D, A] = s("WHITE_T_60"), [c, H] = s({
-      stars: ((B = l.tableList.find((e) => e.tableNumber === (t == null ? void 0 : t.tableNumber))) == null ? void 0 : B.stars) ?? [],
-      tableNumber: (t == null ? void 0 : t.tableNumber) ?? 0
-    }), [R, V] = s((t == null ? void 0 : t.rewardStar) ?? []), [y] = s(!1), S = w(null), p = w(), x = n(
-      (e) => {
-        h(), f(!0), b(e.tableNumber), H({ ...e }), V([]), _(le.TABLE_SELECTED, {
-          mata: {
-            table_of: e.tableNumber
-          }
-        });
-      },
-      [h, _]
-    ), U = n((e) => {
-      A("WHITE_T_87"), b(e.tableNumber);
-    }, []), F = n(() => {
-      A("WHITE_T_60"), !c.tableNumber && b(null);
-    }, [c.tableNumber]), G = n(() => {
-      var i;
-      h(), f(!1), b(null);
-      const e = (N.DISAPPEAR[1] - N.DISAPPEAR[0]) / 30;
-      (i = S.current) == null || i.playSegments(N.DISAPPEAR, !0), p.current = setTimeout(() => {
-        H({ stars: [], tableNumber: 0 });
-      }, e * 1e3);
-    }, [h]), q = n(() => {
-      var e;
-      (e = S.current) == null || e.playSegments(N.REVEAL, !0);
-    }, []), j = n((e) => {
-      const i = {
-        sequence: 1,
-        random: 2,
-        advance: 3
-      };
-      A(se[e] ?? "WHITE_T_60"), $(i[e] ?? 0);
-    }, []), Y = n(() => {
-      $(null), A("WHITE_T_60");
-    }, []), o = W(() => c, [c]), Z = W(() => [
-      {
-        top: 20,
-        left: 10.5,
-        type: "sequence",
-        tableNumber: o.tableNumber,
-        isStarAchieved: o.stars.includes("sequence"),
-        semicirclePosiiionTop: "-19%",
-        semicirclePosiiionLeft: "-43%",
-        semicircleHoverColor: "#B259004D"
-      },
-      {
-        top: 20,
-        left: 65.5,
-        type: "random",
-        tableNumber: o.tableNumber,
-        isStarAchieved: o.stars.includes("random"),
-        semicirclePosiiionTop: "-19%",
-        semicirclePosiiionLeft: "65%",
-        semicircleHoverColor: "#0055CC4D"
-      },
-      {
-        top: 66,
-        left: 38,
-        type: "advance",
-        tableNumber: o.tableNumber,
-        isStarAchieved: o.stars.includes("advance"),
-        semicirclePosiiionTop: "74%",
-        semicirclePosiiionLeft: "11%",
-        semicircleHoverColor: "#A9099C4D"
-      }
-    ], [o.tableNumber, o.stars]), z = n(() => {
-      d({
-        mode: "infinite",
-        infiniteModeHighScore: l.infiniteModeHighScore
-      });
-    }, [d, l.infiniteModeHighScore]), K = n(
-      (e, i) => {
-        d({
-          mode: e,
-          tableNumber: c.tableNumber,
-          isStarRewarded: i
-        });
-      },
-      [d, c.tableNumber]
-    ), J = n(() => v ? `${u}× LEVEL${v}` : u ? `${u}× Table` : T, [v, u, T]);
-    return O(() => () => {
-      p.current && clearTimeout(p.current);
-    }, []), /* @__PURE__ */ r(
-      ce,
-      {
-        strokeColor: "WHITE",
-        label: J(),
-        isAnimated: !1,
-        labelColor: D,
-        children: /* @__PURE__ */ a(de, { children: [
-          /* @__PURE__ */ a(he, { children: [
-            /* @__PURE__ */ r(
-              re,
-              {
-                renderAs: "primary",
-                position: "top",
-                hidden: y,
-                tooltipItem: /* @__PURE__ */ r(P, { $renderAs: "ab3", $color: "WHITE", children: "Coming Soon" }),
-                children: /* @__PURE__ */ a(
-                  be,
-                  {
-                    onClick: y ? z : void 0,
-                    children: [
-                      /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(I, { src: L.INFINITE_BUTTON_BG }) }),
-                      /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(I, { src: L.INFINITE_BUTTON_SYMBOL }) })
-                    ]
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ r(Ae, {}),
-            l.tableList.map((e, i) => {
-              const Q = 360 / l.tableList.length, k = -(90 + 360 / (2 * l.tableList.length)) + Q * (i + 1);
-              return /* @__PURE__ */ r(
-                Ee,
-                {
-                  $angle: k,
-                  $totalSegments: l.tableList.length,
-                  $zIndex: i + 1,
-                  onClick: () => x(e),
-                  onMouseOver: () => U(e),
-                  onMouseLeave: F,
-                  children: /* @__PURE__ */ a(ie, { $flexDirection: "row", $justifyContent: "center", $alignItems: "center", children: [
-                    ["sequence", "random", "advance"].map((C) => /* @__PURE__ */ r(
-                      ue,
-                      {
-                        isStarAchieved: e.stars.includes(C),
-                        rewardStar: !m && (t == null ? void 0 : t.tableNumber) === e.tableNumber ? R.includes(C) : void 0
-                      },
-                      C
-                    )),
-                    /* @__PURE__ */ r(ne, { width: E * 0.055 }),
-                    /* @__PURE__ */ r(Ne, { $angle: -k, children: /* @__PURE__ */ r(
-                      P,
-                      {
-                        $renderAs: E === ae ? "ac3-black" : "ac4-black",
-                        $color: u === e.tableNumber ? "BLACK_1" : "WHITE",
-                        children: e.tableNumber
-                      }
-                    ) })
-                  ] })
-                },
-                i
-              );
-            })
-          ] }),
-          c.tableNumber > 0 && /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ a(ve, { children: [
-            /* @__PURE__ */ a(Se, { animation: m ? "fade-in" : "fade-out", children: [
-              Z.map((e, i) => /* @__PURE__ */ a(X, { children: [
-                /* @__PURE__ */ r(
-                  pe,
-                  {
-                    $top: e.semicirclePosiiionTop,
-                    $left: e.semicirclePosiiionLeft,
-                    $hoverColor: e.semicircleHoverColor,
-                    onClick: () => m ? K(e.type, e.isStarAchieved) : void 0,
-                    onMouseOver: () => m ? j(e.type) : void 0,
-                    onMouseLeave: m ? Y : void 0
-                  },
-                  i + "modeoverlay"
-                ),
-                /* @__PURE__ */ r(
-                  g,
-                  {
-                    $top: e.top,
-                    $left: e.left,
-                    $isPointerEventsNone: !0,
-                    children: /* @__PURE__ */ r(
-                      me,
-                      {
-                        tableNumber: e.tableNumber,
-                        isStarAchieved: e.isStarAchieved,
-                        type: e.type,
-                        rewardStar: R.includes(e.type)
-                      }
-                    )
-                  },
-                  i + "modes"
-                )
-              ] })),
-              /* @__PURE__ */ r(g, { $top: 50, $left: 50, $alignCenter: !0, children: /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(
-                ee,
-                {
-                  onClick: G,
-                  height: E * 0.1,
-                  width: E * 0.1
-                }
-              ) }) })
-            ] }),
-            /* @__PURE__ */ r(
-              I,
-              {
-                src: L.TABLE_MODE_REVEAL,
-                ref: S,
-                settings: Le,
-                onRender: q
-              }
-            )
-          ] }) })
-        ] })
-      }
-    );
-  }
-);
-export {
-  qe as TablesCard
-};
-//# sourceMappingURL=tables-card.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tables-card.js","sources":["../../../../../../src/features/circle-games/game-launcher/comps/tables-card/tables-card.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { TColorNames } from '../../../../ui/types';\nimport type {\n  ITableInfo,\n  TTableMode,\n} from '../../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { ITablesCardProps } from './tables-card-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport Back2Icon from '../../../../../assets/line-icons/icons/back2';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { useCircleSounds } from '../../../hooks/use-circle-sounds/use-circle-sounds';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from '../../game-launcher-analytics-events';\nimport { CardContainer } from '../card-container/card-container';\nimport { GAME_LAUNCHER_SIZE, GAME_LAUNCHER_SIZE_LARGE } from '../card-container/constants';\nimport { TABLE_MODE_LABEL_COLOR, TABLE_REVEAL_ANIMATION } from './constants';\nimport TableMode from './table-mode/table-mode';\nimport TableSegmentStar from './table-segment-star/table-segment-star';\nimport * as Styled from './tables-card-styled';\n\nconst animationSettings = {\n  loop: false,\n  autoplay: false,\n  render: 'svg',\n};\n\nexport const TablesCard: FC<ITablesCardProps> = memo(\n  ({ data, label, onPress, openModesOfTable }) => {\n    const { onEvent: trackEvent } = useUIContext();\n    const { playButtonSound } = useCircleSounds();\n    const [fadeIn, setFadeIn] = useState(true);\n    const [highlightedTable, setHighlightedTable] = useState<number | null>(\n      openModesOfTable?.tableNumber ?? null,\n    );\n    const [highlightedLevel, setHighlightedLevel] = useState<number | null>(null);\n    const [labelColor, setLabelColor] = useState<TColorNames>('WHITE_T_60');\n    const [revealTableModes, setRevealTableModes] = useState<ITableInfo>({\n      stars:\n        data.tableList.find(table => table.tableNumber === openModesOfTable?.tableNumber)?.stars ??\n        [],\n      tableNumber: openModesOfTable?.tableNumber ?? 0,\n    });\n    const [rewardStar, setRewardStar] = useState(openModesOfTable?.rewardStar ?? []);\n    const [enableInfiniteMode] = useState(false);\n\n    const revealAnimationRef = useRef<ILottieAnimationRef | null>(null);\n    const disappearAnimationTimer = useRef<ReturnType<typeof setTimeout>>();\n\n    const handleTableSegmentClick = useCallback(\n      (table: ITableInfo) => {\n        playButtonSound();\n        setFadeIn(true);\n        setHighlightedTable(table.tableNumber);\n        setRevealTableModes({ ...table });\n        setRewardStar([]);\n        trackEvent(GAME_LAUNCHER_ANALYTICS_EVENTS.TABLE_SELECTED, {\n          mata: {\n            table_of: table.tableNumber,\n          },\n        });\n      },\n      [playButtonSound, trackEvent],\n    );\n\n    const handleTableSegmentMouseOver = useCallback((table: ITableInfo) => {\n      setLabelColor('WHITE_T_87');\n      setHighlightedTable(table.tableNumber);\n    }, []);\n\n    const handleTableSegmentMouseLeave = useCallback(() => {\n      setLabelColor('WHITE_T_60');\n      !revealTableModes.tableNumber && setHighlightedTable(null);\n    }, [revealTableModes.tableNumber]);\n\n    const goBack = useCallback(() => {\n      playButtonSound();\n      setFadeIn(false);\n      setHighlightedTable(null);\n      const time = (TABLE_REVEAL_ANIMATION.DISAPPEAR[1] - TABLE_REVEAL_ANIMATION.DISAPPEAR[0]) / 30;\n\n      revealAnimationRef.current?.playSegments(TABLE_REVEAL_ANIMATION.DISAPPEAR, true);\n      disappearAnimationTimer.current = setTimeout(() => {\n        setRevealTableModes({ stars: [], tableNumber: 0 });\n      }, time * 1000);\n    }, [playButtonSound]);\n\n    const showTableModes = useCallback(() => {\n      revealAnimationRef.current?.playSegments(TABLE_REVEAL_ANIMATION.REVEAL, true);\n    }, []);\n\n    const handleModeMouseOver = useCallback((type: TTableMode) => {\n      const level: Partial<Record<TTableMode, number>> = {\n        sequence: 1,\n        random: 2,\n        advance: 3,\n      };\n\n      setLabelColor(TABLE_MODE_LABEL_COLOR[type] ?? 'WHITE_T_60');\n      setHighlightedLevel(level[type] ?? 0);\n    }, []);\n\n    const handleModeMouseLeave = useCallback(() => {\n      setHighlightedLevel(null);\n      setLabelColor('WHITE_T_60');\n    }, []);\n\n    const revealTableModesMemo = useMemo(() => revealTableModes, [revealTableModes]);\n\n    const tableModes = useMemo(() => {\n      return [\n        {\n          top: 20,\n          left: 10.5,\n          type: 'sequence' as TTableMode,\n          tableNumber: revealTableModesMemo.tableNumber,\n          isStarAchieved: revealTableModesMemo.stars.includes('sequence'),\n          semicirclePosiiionTop: '-19%',\n          semicirclePosiiionLeft: '-43%',\n          semicircleHoverColor: '#B259004D',\n        },\n        {\n          top: 20,\n          left: 65.5,\n          type: 'random' as TTableMode,\n          tableNumber: revealTableModesMemo.tableNumber,\n          isStarAchieved: revealTableModesMemo.stars.includes('random'),\n          semicirclePosiiionTop: '-19%',\n          semicirclePosiiionLeft: '65%',\n          semicircleHoverColor: '#0055CC4D',\n        },\n        {\n          top: 66,\n          left: 38,\n          type: 'advance' as TTableMode,\n          tableNumber: revealTableModesMemo.tableNumber,\n          isStarAchieved: revealTableModesMemo.stars.includes('advance'),\n          semicirclePosiiionTop: '74%',\n          semicirclePosiiionLeft: '11%',\n          semicircleHoverColor: '#A9099C4D',\n        },\n      ];\n    }, [revealTableModesMemo.tableNumber, revealTableModesMemo.stars]);\n\n    // Disabled infinite mode\n    const handleInfiniteModeClick = useCallback(() => {\n      onPress({\n        mode: 'infinite',\n        infiniteModeHighScore: data.infiniteModeHighScore,\n      });\n    }, [onPress, data.infiniteModeHighScore]);\n\n    const handleNormalModeClick = useCallback(\n      (mode: TTableMode, isStarRewarded: boolean) => {\n        onPress({\n          mode,\n          tableNumber: revealTableModes.tableNumber,\n          isStarRewarded,\n        });\n      },\n      [onPress, revealTableModes.tableNumber],\n    );\n\n    const getHighlightedText = useCallback(() => {\n      if (highlightedLevel) {\n        return `${highlightedTable}× LEVEL${highlightedLevel}`;\n      }\n\n      return highlightedTable ? `${highlightedTable}× Table` : label;\n    }, [highlightedLevel, highlightedTable, label]);\n\n    useEffect(() => {\n      return () => {\n        disappearAnimationTimer.current && clearTimeout(disappearAnimationTimer.current);\n      };\n    }, []);\n\n    return (\n      <CardContainer\n        strokeColor=\"WHITE\"\n        label={getHighlightedText()}\n        isAnimated={false}\n        labelColor={labelColor}\n      >\n        <Styled.CardWrapper>\n          {/* table selection */}\n          <Styled.TableSegmentsWrapper>\n            {/* infinite button */}\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"top\"\n              hidden={enableInfiniteMode}\n              tooltipItem={\n                <Text $renderAs=\"ab3\" $color=\"WHITE\">\n                  Coming Soon\n                </Text>\n              }\n            >\n              <Styled.InfiniteButtonWrapper\n                onClick={enableInfiniteMode ? handleInfiniteModeClick : undefined}\n              >\n                <Styled.AbsoluteView>\n                  <LottieAnimation src={LOTTIE.INFINITE_BUTTON_BG} />\n                </Styled.AbsoluteView>\n                <Styled.AbsoluteView>\n                  <LottieAnimation src={LOTTIE.INFINITE_BUTTON_SYMBOL} />\n                </Styled.AbsoluteView>\n              </Styled.InfiniteButtonWrapper>\n            </ArrowTooltip>\n\n            {/* card shadow */}\n            <Styled.TableSegmentCardShadowContainer />\n\n            {/* table segments */}\n            {data.tableList.map((table, index) => {\n              const segmentAngle = 360 / data.tableList.length;\n              const startAngle = -(90 + 360 / (2 * data.tableList.length));\n              const currentAngle = startAngle + segmentAngle * (index + 1);\n\n              return (\n                <Styled.TableSegment\n                  key={index}\n                  $angle={currentAngle}\n                  $totalSegments={data.tableList.length}\n                  $zIndex={index + 1}\n                  onClick={() => handleTableSegmentClick(table)}\n                  onMouseOver={() => handleTableSegmentMouseOver(table)}\n                  onMouseLeave={handleTableSegmentMouseLeave}\n                >\n                  <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n                    {['sequence', 'random', 'advance'].map(star => (\n                      <TableSegmentStar\n                        key={star}\n                        isStarAchieved={table.stars.includes(star as TTableMode)}\n                        rewardStar={\n                          !fadeIn && openModesOfTable?.tableNumber === table.tableNumber\n                            ? rewardStar.includes(star as TTableMode)\n                            : undefined\n                        }\n                      />\n                    ))}\n                    <Separator width={GAME_LAUNCHER_SIZE * 0.055} />\n\n                    <Styled.TableNumber $angle={-currentAngle}>\n                      <Text\n                        $renderAs={\n                          GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE\n                            ? 'ac3-black'\n                            : 'ac4-black'\n                        }\n                        $color={highlightedTable === table.tableNumber ? 'BLACK_1' : 'WHITE'}\n                      >\n                        {table.tableNumber}\n                      </Text>\n                    </Styled.TableNumber>\n                  </FlexView>\n                </Styled.TableSegment>\n              );\n            })}\n          </Styled.TableSegmentsWrapper>\n\n          {/* table modes */}\n          {revealTableModes.tableNumber > 0 && (\n            <Styled.TableModeContainer>\n              <Styled.TableModeWrapper>\n                {/* tables modes with back button */}\n                <Styled.AnimatedView animation={fadeIn ? 'fade-in' : 'fade-out'}>\n                  {tableModes.map((tableMode, index) => (\n                    <>\n                      <Styled.ModeOverlay\n                        key={index + 'modeoverlay'}\n                        $top={tableMode.semicirclePosiiionTop}\n                        $left={tableMode.semicirclePosiiionLeft}\n                        $hoverColor={tableMode.semicircleHoverColor}\n                        onClick={() =>\n                          fadeIn\n                            ? handleNormalModeClick(tableMode.type, tableMode.isStarAchieved)\n                            : undefined\n                        }\n                        onMouseOver={() =>\n                          fadeIn ? handleModeMouseOver(tableMode.type as TTableMode) : undefined\n                        }\n                        onMouseLeave={fadeIn ? handleModeMouseLeave : undefined}\n                      />\n                      <Styled.AbsoluteView\n                        key={index + 'modes'}\n                        $top={tableMode.top}\n                        $left={tableMode.left}\n                        $isPointerEventsNone={true}\n                      >\n                        <TableMode\n                          tableNumber={tableMode.tableNumber}\n                          isStarAchieved={tableMode.isStarAchieved}\n                          type={tableMode.type as TTableMode}\n                          rewardStar={rewardStar.includes(tableMode.type as TTableMode)}\n                        />\n                      </Styled.AbsoluteView>\n                    </>\n                  ))}\n                  {/* back button */}\n                  <Styled.AbsoluteView $top={50} $left={50} $alignCenter={true}>\n                    <Styled.IconWrapper>\n                      <Back2Icon\n                        onClick={goBack}\n                        height={GAME_LAUNCHER_SIZE * 0.1}\n                        width={GAME_LAUNCHER_SIZE * 0.1}\n                      />\n                    </Styled.IconWrapper>\n                  </Styled.AbsoluteView>\n                </Styled.AnimatedView>\n\n                {/* overlay lottie for modes */}\n                <LottieAnimation\n                  src={LOTTIE.TABLE_MODE_REVEAL}\n                  ref={revealAnimationRef}\n                  settings={animationSettings}\n                  onRender={showTableModes}\n                />\n              </Styled.TableModeWrapper>\n            </Styled.TableModeContainer>\n          )}\n        </Styled.CardWrapper>\n      </CardContainer>\n    );\n  },\n);\n"],"names":["animationSettings","TablesCard","memo","data","label","onPress","openModesOfTable","trackEvent","useUIContext","playButtonSound","useCircleSounds","fadeIn","setFadeIn","useState","highlightedTable","setHighlightedTable","highlightedLevel","setHighlightedLevel","labelColor","setLabelColor","revealTableModes","setRevealTableModes","_a","table","rewardStar","setRewardStar","enableInfiniteMode","revealAnimationRef","useRef","disappearAnimationTimer","handleTableSegmentClick","useCallback","GAME_LAUNCHER_ANALYTICS_EVENTS","handleTableSegmentMouseOver","handleTableSegmentMouseLeave","goBack","time","TABLE_REVEAL_ANIMATION","showTableModes","handleModeMouseOver","type","level","TABLE_MODE_LABEL_COLOR","handleModeMouseLeave","revealTableModesMemo","useMemo","tableModes","handleInfiniteModeClick","handleNormalModeClick","mode","isStarRewarded","getHighlightedText","useEffect","jsx","CardContainer","jsxs","Styled.CardWrapper","Styled.TableSegmentsWrapper","ArrowTooltip","Text","Styled.InfiniteButtonWrapper","Styled.AbsoluteView","LottieAnimation","LOTTIE","Styled.TableSegmentCardShadowContainer","index","segmentAngle","currentAngle","Styled.TableSegment","FlexView","star","TableSegmentStar","Separator","GAME_LAUNCHER_SIZE","Styled.TableNumber","GAME_LAUNCHER_SIZE_LARGE","Styled.TableModeContainer","Styled.TableModeWrapper","Styled.AnimatedView","tableMode","Fragment","Styled.ModeOverlay","TableMode","Styled.IconWrapper","Back2Icon"],"mappings":"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"}

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc-styled.js

@@ -1,17 +0,0 @@
-import i from "styled-components";
-import { RAINBOW_COLOR_ANIMATION_DURATION as r } from "../../constants.js";
-import { rainbowColorAnimation as n } from "../../helper.js";
-import { ARC_Z_INDEX as s } from "./constants.js";
-const p = i.svg`
-  position: absolute;
-  z-index: ${s};
-`, A = i.path`
-  stroke: ${({ theme: o, stroke: t }) => o.colors[t]};
-  animation: ${({ $playRainbowColors: o }) => o ? n : "undefined"}
-    ${r}s ease infinite forwards;
-`;
-export {
-  A as Path,
-  p as Svg
-};
-//# sourceMappingURL=animated-arc-styled.js.map

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animated-arc-styled.js","sources":["../../../../../../src/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport { RAINBOW_COLOR_ANIMATION_DURATION } from '../../constants';\nimport { rainbowColorAnimation } from '../../helper';\nimport { ARC_Z_INDEX } from './constants';\n\nexport const Svg = styled.svg`\n  position: absolute;\n  z-index: ${ARC_Z_INDEX};\n`;\n\nexport const Path = styled.path<{ stroke: TColorNames; $playRainbowColors: boolean }>`\n  stroke: ${({ theme, stroke }) => theme.colors[stroke]};\n  animation: ${({ $playRainbowColors }) =>\n      $playRainbowColors ? rainbowColorAnimation : 'undefined'}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["Svg","styled","ARC_Z_INDEX","Path","theme","stroke","$playRainbowColors","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;AAQO,MAAMA,IAAMC,EAAO;AAAA;AAAA,aAEbC,CAAW;AAAA,GAGXC,IAAOF,EAAO;AAAA,YACf,CAAC,EAAE,OAAAG,GAAO,QAAAC,EAAA,MAAaD,EAAM,OAAOC,CAAM,CAAC;AAAA,eACxC,CAAC,EAAE,oBAAAC,EAAA,MACZA,IAAqBC,IAAwB,WAAW;AAAA,MACxDC,CAAgC;AAAA;"}

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc.js

@@ -1,47 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useRef as A, useLayoutEffect as $ } from "react";
-import { describeArc as R } from "../../helper.js";
-import { Svg as k, Path as w } from "./animated-arc-styled.js";
-import { ADJUSTED_START_ANGLE as D } from "./constants.js";
-const x = ({
-  radius: e,
-  strokeWidth: n,
-  color: h,
-  targetAngle: m,
-  startAngle: p = 0,
-  duration: r = 2,
-  mode: o = "draw",
-  delay: s = 0,
-  playRainbowColors: y = !1
-}) => {
-  const a = A(null), g = -D + p, i = e, u = e - n / 2, c = R(i, i, u, g, m);
-  return $(() => {
-    const t = a.current;
-    if (t) {
-      if (o === "draw") {
-        const f = t.getTotalLength();
-        t.style.strokeDasharray = `${f}`, t.style.strokeDashoffset = `${f}`, t.getBoundingClientRect(), requestAnimationFrame(() => {
-          t.style.transition = `stroke-dashoffset ${r}s linear ${s}s`, t.style.strokeDashoffset = "0";
-        });
-      }
-      o === "fade" && (t.style.opacity = "0", t.getBoundingClientRect(), requestAnimationFrame(() => {
-        t.style.transition = `opacity 0s ease-in-out ${s}s`, t.style.opacity = "1";
-      }));
-    }
-  }, [c, o, r, s]), /* @__PURE__ */ l(k, { width: 2 * e, height: 2 * e, viewBox: `0 0 ${2 * e} ${2 * e}`, children: /* @__PURE__ */ l(
-    w,
-    {
-      ref: a,
-      d: c,
-      fill: "none",
-      stroke: h,
-      strokeWidth: n,
-      strokeLinecap: "butt",
-      $playRainbowColors: y
-    }
-  ) });
-};
-export {
-  x as AnimatedArc
-};
-//# sourceMappingURL=animated-arc.js.map

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animated-arc.js","sources":["../../../../../../src/features/post-game-stats/digital-meter/comp/animated-arc/animated-arc.tsx"],"sourcesContent":["import type { IAnimatedArcProps } from './animated-arc-types';\n\nimport React, { useRef, useLayoutEffect } from 'react';\n\nimport { describeArc } from '../../helper';\nimport * as Styled from './animated-arc-styled';\nimport { ADJUSTED_START_ANGLE } from './constants';\n\nexport const AnimatedArc: React.FC<IAnimatedArcProps> = ({\n  radius,\n  strokeWidth,\n  color,\n  targetAngle,\n  startAngle = 0,\n  duration = 2,\n  mode = 'draw',\n  delay = 0,\n  playRainbowColors = false,\n}) => {\n  const pathRef = useRef<SVGPathElement>(null);\n\n  const adjustedStartAngle = -ADJUSTED_START_ANGLE + startAngle;\n  const center = radius;\n  const arcRadius = radius - strokeWidth / 2; // draw arc inside the visible bounds\n  const arcPath = describeArc(center, center, arcRadius, adjustedStartAngle, targetAngle);\n\n  useLayoutEffect(() => {\n    const path = pathRef.current;\n\n    if (!path) return;\n\n    if (mode === 'draw') {\n      const length = path.getTotalLength();\n\n      path.style.strokeDasharray = `${length}`;\n      path.style.strokeDashoffset = `${length}`;\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `stroke-dashoffset ${duration}s linear ${delay}s`;\n        path.style.strokeDashoffset = '0';\n      });\n    }\n\n    if (mode === 'fade') {\n      path.style.opacity = '0';\n      path.getBoundingClientRect();\n\n      requestAnimationFrame(() => {\n        path.style.transition = `opacity 0s ease-in-out ${delay}s`;\n        path.style.opacity = '1';\n      });\n    }\n  }, [arcPath, mode, duration, delay]);\n\n  return (\n    <Styled.Svg width={2 * radius} height={2 * radius} viewBox={`0 0 ${2 * radius} ${2 * radius}`}>\n      <Styled.Path\n        ref={pathRef}\n        d={arcPath}\n        fill=\"none\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"butt\"\n        $playRainbowColors={playRainbowColors}\n      />\n    </Styled.Svg>\n  );\n};\n"],"names":["AnimatedArc","radius","strokeWidth","color","targetAngle","startAngle","duration","mode","delay","playRainbowColors","pathRef","useRef","adjustedStartAngle","ADJUSTED_START_ANGLE","center","arcRadius","arcPath","describeArc","useLayoutEffect","path","length","Styled.Svg","jsx","Styled.Path"],"mappings":";;;;;AAQO,MAAMA,IAA2C,CAAC;AAAA,EACvD,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AACtB,MAAM;AACE,QAAAC,IAAUC,EAAuB,IAAI,GAErCC,IAAqB,CAACC,IAAuBR,GAC7CS,IAASb,GACTc,IAAYd,IAASC,IAAc,GACnCc,IAAUC,EAAYH,GAAQA,GAAQC,GAAWH,GAAoBR,CAAW;AAEtF,SAAAc,EAAgB,MAAM;AACpB,UAAMC,IAAOT,EAAQ;AAErB,QAAKS,GAEL;AAAA,UAAIZ,MAAS,QAAQ;AACb,cAAAa,IAASD,EAAK;AAEf,QAAAA,EAAA,MAAM,kBAAkB,GAAGC,CAAM,IACjCD,EAAA,MAAM,mBAAmB,GAAGC,CAAM,IACvCD,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AAC1B,UAAAA,EAAK,MAAM,aAAa,qBAAqBb,CAAQ,YAAYE,CAAK,KACtEW,EAAK,MAAM,mBAAmB;AAAA,QAAA,CAC/B;AAAA,MACH;AAEA,MAAIZ,MAAS,WACXY,EAAK,MAAM,UAAU,KACrBA,EAAK,sBAAsB,GAE3B,sBAAsB,MAAM;AACrB,QAAAA,EAAA,MAAM,aAAa,0BAA0BX,CAAK,KACvDW,EAAK,MAAM,UAAU;AAAA,MAAA,CACtB;AAAA;AAAA,KAEF,CAACH,GAAST,GAAMD,GAAUE,CAAK,CAAC,qBAGhCa,GAAA,EAAW,OAAO,IAAIpB,GAAQ,QAAQ,IAAIA,GAAQ,SAAS,OAAO,IAAIA,CAAM,IAAI,IAAIA,CAAM,IACzF,UAAA,gBAAAqB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAKb;AAAA,MACL,GAAGM;AAAA,MACH,MAAK;AAAA,MACL,QAAQb;AAAA,MACR,aAAAD;AAAA,MACA,eAAc;AAAA,MACd,oBAAoBO;AAAA,IAAA;AAAA,EAExB,EAAA,CAAA;AAEJ;"}

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/constants.js

@@ -1,6 +0,0 @@
-const A = 1, _ = 150;
-export {
-  _ as ADJUSTED_START_ANGLE,
-  A as ARC_Z_INDEX
-};
-//# sourceMappingURL=constants.js.map

package/dist/features/post-game-stats/digital-meter/comp/animated-arc/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/features/post-game-stats/digital-meter/comp/animated-arc/constants.ts"],"sourcesContent":["export const ARC_Z_INDEX = 1;\n\nexport const ADJUSTED_START_ANGLE = 150;\n"],"names":["ARC_Z_INDEX","ADJUSTED_START_ANGLE"],"mappings":"AAAO,MAAMA,IAAc,GAEdC,IAAuB;"}

package/dist/features/post-game-stats/digital-meter/constants.js

@@ -1,16 +0,0 @@
-import { ARC_Z_INDEX as _ } from "./comp/animated-arc/constants.js";
-const I = 300, N = 2, A = _ + 1, E = A + 1, T = E + 1, O = 99 / 30, o = 2 / 30, L = 56 / 30, t = 12 / 30, D = 20 / 30, c = 43 / 30;
-export {
-  N as BORDER_OFFSET,
-  E as CONTENT_CONTAINER_Z_INDEX,
-  A as LINE_MARKING_Z_INDEX,
-  T as NUMBER_MARKING_Z_INDEX,
-  t as PROGRESS_FILL_DELAY,
-  D as PROGRESS_FILL_DURATION,
-  c as RAINBOW_COLOR_ANIMATION_DURATION,
-  L as TARGET_ACHIEVED_DELAY,
-  o as TARGET_HELPER_TEXT_APPEAR_DELAY,
-  O as TOTAL_ANIMATION_DURATION,
-  I as TOTAL_ARC_AVAILABLE
-};
-//# sourceMappingURL=constants.js.map

package/dist/features/post-game-stats/digital-meter/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import { ARC_Z_INDEX } from './comp/animated-arc/constants';\n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nexport const BORDER_OFFSET = 2;\nexport const LINE_MARKING_Z_INDEX = ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 99 / 30; // in 99 frames\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 56 / 30; // 56 frames\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 20 / 30; // in 20 frames\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","LINE_MARKING_Z_INDEX","ARC_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";AAEO,MAAMA,IAAsB,KAEtBC,IAAgB,GAChBC,IAAuBC,IAAc,GACrCC,IAA4BF,IAAuB,GACnDG,IAAyBD,IAA4B,GAGrDE,IAA2B,KAAK,IAChCC,IAAkC,IAAI,IACtCC,IAAwB,KAAK,IAC7BC,IAAsB,KAAK,IAC3BC,IAAyB,KAAK,IAC9BC,IAAmC,KAAK;"}

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js

@@ -1,87 +0,0 @@
-import o, { keyframes as e } from "styled-components";
-import { GAME_LAUNCHER_SIZE as r, GAME_LAUNCHER_SIZE_LARGE as s } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import i from "../../ui/text/text.js";
-import { ADJUSTED_START_ANGLE as n } from "./comp/animated-arc/constants.js";
-import { CONTENT_CONTAINER_Z_INDEX as l, LINE_MARKING_Z_INDEX as d, NUMBER_MARKING_Z_INDEX as m, TARGET_HELPER_TEXT_APPEAR_DELAY as a, RAINBOW_COLOR_ANIMATION_DURATION as p } from "./constants.js";
-import { rainbowColorAnimation as f } from "./helper.js";
-const g = o.div`
-  height: ${r}px;
-  width: ${r}px;
-  background-color: ${({ theme: t }) => t.colors.BLACK_2};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  border-radius: 100%;
-  border: 1px solid ${({ theme: t }) => t.colors.WHITE};
-  animation: ${({ $isTargetAchieved: t }) => t ? e`100%{transform: scale(1.02)}` : "unset"}
-    0.133s ease alternate;
-`, N = o.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  z-index: ${l};
-  height: 92%;
-  width: 92%;
-  border-radius: 100%;
-  background-color: ${({ theme: t }) => t.colors.BLACK_2};
-`, b = o.div`
-  position: relative;
-  flex-grow: 1;
-  bottom: ${r === s ? -8 : -6}px;
-`;
-o.div`
-  position: absolute;
-`;
-const u = o.div`
-  width: ${r / 2}px;
-  height: 2px;
-  position: absolute;
-  background-color: ${({ theme: t }) => t.colors.BLACK_2};
-  transform-style: preserve-3d;
-  backface-visibility: hidden;
-  transform-origin: left;
-  transform: rotate(${({ $angle: t }) => -240 + t}deg);
-  left: ${r / 2}px;
-  top: ${r / 2}px;
-  z-index: ${d};
-`, T = o.div`
-  position: absolute;
-  height: ${r - r * 0.0625 - 10}px;
-  transform: rotate(${({ $angle: t }) => -n + t}deg);
-  z-index: ${m};
-`, h = o.div`
-  transform: rotate(${({ $angle: t }) => n - t}deg);
-`, C = o.div`
-  position: absolute;
-  top: 0;
-  transform: ${({ top: t }) => `translateY(${t}px)`};
-`, R = o(i)`
-  animation: ${e`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s
-    ease-in-out ${a}s forwards;
-`, I = o(i)`
-  animation: ${e`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s
-    ease ${a}s forwards;
-`;
-o.div`
-  height: 100%;
-  width: 100%;
-`;
-const v = o(i)`
-  animation: ${({ $isTargetAchieved: t }) => t ? f : "unset"}
-    ${p}s ease infinite forwards;
-`;
-export {
-  C as BottomAbsoluteView,
-  N as ContentContainer,
-  g as DigitalMeter,
-  R as HelperTextPrimary,
-  I as HelperTextSecondary,
-  u as LineMarking,
-  T as MarkingContainer,
-  h as MarkingText,
-  b as NumberCountContainer,
-  v as RainboxColorText
-};
-//# sourceMappingURL=digital-meter-styled.js.map

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"digital-meter-styled.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport Text from '../../ui/text/text';\nimport { ADJUSTED_START_ANGLE } from './comp/animated-arc/constants';\nimport {\n  CONTENT_CONTAINER_Z_INDEX,\n  LINE_MARKING_Z_INDEX,\n  NUMBER_MARKING_Z_INDEX,\n  RAINBOW_COLOR_ANIMATION_DURATION,\n  TARGET_HELPER_TEXT_APPEAR_DELAY,\n} from './constants';\nimport { rainbowColorAnimation } from './helper';\n\nexport const DigitalMeter = styled.div<{ $isTargetAchieved: boolean }>`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border-radius: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  animation: ${({ $isTargetAchieved }) =>\n      $isTargetAchieved ? keyframes`100%{transform: scale(1.02)}` : 'unset'}\n    0.133s ease alternate;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: ${CONTENT_CONTAINER_Z_INDEX};\n  height: 92%;\n  width: 92%;\n  border-radius: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n`;\n\nexport const NumberCountContainer = styled.div`\n  position: relative;\n  flex-grow: 1;\n  bottom: ${GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? -8 : -6}px;\n`;\n\nexport const AbsoluteView = styled.div`\n  position: absolute;\n`;\n\nexport const LineMarking = styled.div<{\n  $angle: number;\n}>`\n  width: ${GAME_LAUNCHER_SIZE / 2}px;\n  height: 2px;\n  position: absolute;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  transform-origin: left;\n  transform: rotate(${({ $angle }) => -240 + $angle}deg);\n  left: ${GAME_LAUNCHER_SIZE / 2}px;\n  top: ${GAME_LAUNCHER_SIZE / 2}px;\n  z-index: ${LINE_MARKING_Z_INDEX};\n`;\n\nexport const MarkingContainer = styled.div<{ $angle: number }>`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE - GAME_LAUNCHER_SIZE * 0.0625 - 10}px;\n  transform: rotate(${({ $angle }) => -ADJUSTED_START_ANGLE + $angle}deg);\n  z-index: ${NUMBER_MARKING_Z_INDEX};\n`;\n\nexport const MarkingText = styled.div<{ $angle: number }>`\n  transform: rotate(${({ $angle }) => ADJUSTED_START_ANGLE - $angle}deg);\n`;\n\nexport const BottomAbsoluteView = styled.div<{ top: number }>`\n  position: absolute;\n  top: 0;\n  transform: ${({ top }) => `translateY(${top}px)`};\n`;\n\nexport const HelperTextPrimary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease-in-out ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const HelperTextSecondary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const TargetAchievedTextLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const RainboxColorText = styled(Text)<{ $isTargetAchieved: boolean }>`\n  animation: ${({ $isTargetAchieved }) => ($isTargetAchieved ? rainbowColorAnimation : 'unset')}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["DigitalMeter","styled","GAME_LAUNCHER_SIZE","theme","$isTargetAchieved","keyframes","ContentContainer","CONTENT_CONTAINER_Z_INDEX","NumberCountContainer","GAME_LAUNCHER_SIZE_LARGE","LineMarking","$angle","LINE_MARKING_Z_INDEX","MarkingContainer","ADJUSTED_START_ANGLE","NUMBER_MARKING_Z_INDEX","MarkingText","BottomAbsoluteView","top","HelperTextPrimary","Text","TARGET_HELPER_TEXT_APPEAR_DELAY","HelperTextSecondary","RainboxColorText","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;;;AAiBO,MAAMA,IAAeC,EAAO;AAAA,YACvBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA,sBACP,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,eACxC,CAAC,EAAE,mBAAAC,QACZA,IAAoBC,kCAA0C,OAAO;AAAA;AAAA,GAI9DC,IAAmBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAK1BM,CAAyB;AAAA;AAAA;AAAA;AAAA,sBAIhB,CAAC,EAAE,OAAAJ,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CK,IAAuBP,EAAO;AAAA;AAAA;AAAA,YAG/BC,MAAuBO,IAA2B,KAAK,EAAE;AAAA;AAGzCR,EAAO;AAAA;AAAA;AAI5B,MAAMS,IAAcT,EAAO;AAAA,WAGvBC,IAAqB,CAAC;AAAA;AAAA;AAAA,sBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAInC,CAAC,EAAE,QAAAQ,EAAO,MAAM,OAAOA,CAAM;AAAA,UACzCT,IAAqB,CAAC;AAAA,SACvBA,IAAqB,CAAC;AAAA,aAClBU,CAAoB;AAAA,GAGpBC,IAAmBZ,EAAO;AAAA;AAAA,YAE3BC,IAAqBA,IAAqB,SAAS,EAAE;AAAA,sBAC3C,CAAC,EAAE,QAAAS,EAAA,MAAa,CAACG,IAAuBH,CAAM;AAAA,aACvDI,CAAsB;AAAA,GAGtBC,IAAcf,EAAO;AAAA,sBACZ,CAAC,EAAE,QAAAU,QAAaG,IAAuBH,CAAM;AAAA,GAGtDM,IAAqBhB,EAAO;AAAA;AAAA;AAAA,eAG1B,CAAC,EAAE,KAAAiB,EAAU,MAAA,cAAcA,CAAG,KAAK;AAAA,GAGrCC,IAAoBlB,EAAOmB,CAAI;AAAA,eAC7Bf,iEAAyE;AAAA,kBACtEgB,CAA+B;AAAA,GAGpCC,IAAsBrB,EAAOmB,CAAI;AAAA,eAC/Bf,iEAAyE;AAAA,WAC7EgB,CAA+B;AAAA;AAGFpB,EAAO;AAAA;AAAA;AAAA;AAKlC,MAAAsB,IAAmBtB,EAAOmB,CAAI;AAAA,eAC5B,CAAC,EAAE,mBAAAhB,EAAA,MAAyBA,IAAoBoB,IAAwB,OAAQ;AAAA,MACzFC,CAAgC;AAAA;"}