@cuemath/leap 2.8.37-rj-beta-0.2 → 2.8.38-guru.0

package/dist/features/circle-games/game-launcher/use-game-launcher-journey/use-game-launcher-journey.js

@@ -0,0 +1,213 @@
+import { jsx as e, Fragment as R } from "react/jsx-runtime";
+import { useRef as u, useCallback as T, useMemo as ne } from "react";
+import Q from "../../../../assets/line-icons/icons/next.js";
+import { PLATFORM_EVENTS_STUDENT as j } from "../../../analytics-events/platform-events-student.js";
+import { IndicatorType as s } from "../../../journey/use-journey/constants.js";
+import { useJourney as ie } from "../../../journey/use-journey/use-journey.js";
+import z from "../../../ui/buttons/icon-button/icon-button.js";
+import { useUIContext as oe } from "../../../ui/context/context.js";
+import I from "../../../ui/layout/flex-view.js";
+import d from "../../../ui/text/text.js";
+import { CIRCLE_ONBOARDING_ANALYTICS_STEPS as E } from "../../enum/circle-onboarding-steps.js";
+import { useCircleSounds as le } from "../../hooks/use-circle-sounds/use-circle-sounds.js";
+import { SegmentedGameCard as ce } from "../comps/segmented-game-card/segmented-game-card.js";
+import { GAME_LAUNCHER_ANALYTICS_EVENTS as ee } from "../game-launcher-analytics-events.js";
+import { GO_TO_NEXT_SLIDE_AFTER_MS as ae, SHOW_LABEL_HIGHLIGHT_AFTER_MS as se, SHOW_NUDGE_AFTER_MS as de } from "./constants.js";
+import { ProjectType as he } from "../../games/web-view/enums/project-type-enum.js";
+const Se = ({
+  onSegmentClick: L,
+  setCarouselIndex: O,
+  onJourneyComplete: b
+}) => {
+  const c = u(null), i = u(null), r = u(null), a = u(null), C = u(!1), { playButtonSound: P } = le(), { nextCoachmark: o, setJourney: N } = ie(), { onEvent: f } = oe(), S = T(
+    (t) => {
+      f(j.ONBOARDING_STEP_VIEWED, {
+        step: t
+      });
+    },
+    [f]
+  ), y = T(
+    (t) => {
+      f(j.ONBOARDING_STEP_COMPLETED, {
+        step: t
+      });
+    },
+    [f]
+  ), h = T(
+    (t, l, n, g, p = !1) => {
+      p || (P(), O((_) => _ + 1), o(g, !1, ae)), S(t);
+      const A = setTimeout(() => {
+        clearTimeout(A), l.startLabelAnimation(n);
+      }, se);
+      o(g, !0, de);
+    },
+    [o, P, O, S]
+  ), H = T(
+    (t, l) => {
+      L(t, he.PUZZLE), y(E.PUZZLE_ACTIVITY), o(l), b(l);
+    },
+    [o, b, L, y]
+  ), G = T(
+    (t, l, n) => {
+      var w, Y, v, U, V, B, D, x, M, W, X, $, J, F, Z, K, q;
+      if (C.current || !((w = c == null ? void 0 : c.current) != null && w.nextBtnRef.current) || !((Y = r == null ? void 0 : r.current) != null && Y.segmentedCardWrapperRef.current) || !((v = i == null ? void 0 : i.current) != null && v.labelRef.current) || !((U = r == null ? void 0 : r.current) != null && U.labelRef.current) || !t)
+        return;
+      C.current = !0;
+      const g = ((D = (B = (V = a.current) == null ? void 0 : V.labelRef) == null ? void 0 : B.current) == null ? void 0 : D.getBoundingClientRect()) || {
+        height: 0,
+        width: 0
+      }, p = ((W = (M = (x = i.current) == null ? void 0 : x.labelRef) == null ? void 0 : M.current) == null ? void 0 : W.getBoundingClientRect()) || {
+        height: 0,
+        width: 0
+      }, A = ((J = ($ = (X = r.current) == null ? void 0 : X.labelRef) == null ? void 0 : $.current) == null ? void 0 : J.getBoundingClientRect()) || {
+        height: 0,
+        width: 0
+      }, _ = ((K = (Z = (F = r.current) == null ? void 0 : F.segmentedCardWrapperRef) == null ? void 0 : Z.current) == null ? void 0 : K.getBoundingClientRect()) || {
+        height: 0,
+        width: 0
+      };
+      let k = [];
+      l && a.current && (k = [
+        {
+          originalElementToHighlightRef: a.current.labelRef,
+          isActive: !1,
+          type: s.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(R, {}),
+          indicator: {
+            position: "right",
+            backgroundColor: "BLUE_4",
+            width: 264,
+            tooltipItem: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(d, { $renderAs: "ab2-bold", children: "Get faster & stay ahead in school. Practice 3 new skills everyday." }) }),
+            tooltipXCoOrdinates: g.width + 50,
+            tooltipYCoOrdinates: g.height / 2
+          }
+        },
+        {
+          originalElementToHighlightRef: (q = c.current) == null ? void 0 : q.nextBtnRef,
+          isActive: !1,
+          type: s.NUDGE,
+          elementToHighlight: /* @__PURE__ */ e(
+            z,
+            {
+              renderAs: "secondary",
+              Icon: Q,
+              onClick: () => h(
+                E.GAMES_ACTIVITY,
+                i.current,
+                "ORANGE_4",
+                n
+              ),
+              analyticsLabel: ee.JOURNEY_NEXT_ACTIVITY
+            }
+          ),
+          indicator: {
+            nudge: "click",
+            content: /* @__PURE__ */ e(d, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+            nudgePointerX: 0,
+            nudgePointerY: 0
+          }
+        }
+      ]);
+      const te = [
+        {
+          originalElementToHighlightRef: i.current.labelRef,
+          isActive: !1,
+          type: s.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(R, {}),
+          indicator: {
+            position: "right",
+            backgroundColor: "ORANGE_4",
+            width: 264,
+            tooltipItem: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(d, { $renderAs: "ab2-bold", children: "Train to think deeper & plan ahead. Play 3 new games everyday." }) }),
+            tooltipXCoOrdinates: p.width + 50,
+            tooltipYCoOrdinates: p.height / 2
+          }
+        },
+        {
+          originalElementToHighlightRef: c.current.nextBtnRef,
+          isActive: !1,
+          type: s.NUDGE,
+          elementToHighlight: /* @__PURE__ */ e(
+            z,
+            {
+              renderAs: "secondary",
+              Icon: Q,
+              onClick: () => h(
+                E.PUZZLE_ACTIVITY,
+                r.current,
+                "PURPLE_4",
+                n
+              ),
+              analyticsLabel: ee.JOURNEY_NEXT_ACTIVITY
+            }
+          ),
+          indicator: {
+            nudge: "click",
+            content: /* @__PURE__ */ e(d, { $renderAs: "ab1", $color: "WHITE", children: "Click to proceed" }),
+            nudgePointerX: 0,
+            nudgePointerY: 0
+          }
+        }
+      ], re = [
+        {
+          originalElementToHighlightRef: r.current.labelRef,
+          isActive: !1,
+          type: s.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(R, {}),
+          indicator: {
+            position: "right",
+            backgroundColor: "PURPLE_4",
+            width: 264,
+            tooltipItem: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(d, { $renderAs: "ab2-bold", children: "Think in new ways & stay sharp. Solve 3 new puzzles everyday." }) }),
+            tooltipXCoOrdinates: A.width + 50,
+            tooltipYCoOrdinates: A.height / 2
+          }
+        },
+        {
+          originalElementToHighlightRef: r.current.segmentedCardWrapperRef,
+          isActive: !1,
+          type: s.NUDGE,
+          elementToHighlight: /* @__PURE__ */ e(
+            ce,
+            {
+              label: "",
+              value: t.data.filter((m) => m.solved).length,
+              maxValue: t.data.length,
+              initialValue: t.initialProgressValue,
+              data: t.data.map((m) => ({
+                card: m.cardLottie,
+                name: "",
+                // We dont want to show the name of the puzzle in onboarding
+                isCompleted: m.solved,
+                onPress: () => H(m, n)
+              }))
+            }
+          ),
+          indicator: {
+            nudge: "click",
+            content: /* @__PURE__ */ e(d, { $renderAs: "ab1", $color: "WHITE", children: "Click to solve a puzzle" }),
+            nudgePointerX: _.width * 0.6,
+            nudgePointerY: _.height * 0.4
+          }
+        }
+      ];
+      N(n, [...k, ...te, ...re]), o(n), l && a.current ? h(E.SKILL_ACTIVITY, a.current, "BLUE_4", n, !0) : h(E.GAMES_ACTIVITY, i.current, "ORANGE_4", n, !0);
+    },
+    [H, h, o, N]
+  );
+  return ne(
+    () => ({
+      gameRefs: i,
+      puzzleRefs: r,
+      lessonRefs: a,
+      carouselNextBtnRef: c,
+      isJourneyInProgress: C,
+      startJourney: G
+    }),
+    [G]
+  );
+};
+export {
+  Se as useGameLauncherJourney
+};
+//# sourceMappingURL=use-game-launcher-journey.js.map

package/dist/features/circle-games/game-launcher/use-game-launcher-journey/use-game-launcher-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-game-launcher-journey.js","sources":["../../../../../src/features/circle-games/game-launcher/use-game-launcher-journey/use-game-launcher-journey.tsx"],"sourcesContent":["import type { TJourneyId } from '../../../journey/journey-id/journey-id-types';\nimport type { ICoachmarkProps } from '../../../journey/use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../ui/nudge/nudge-types';\nimport type { TColorNames } from '../../../ui/types';\nimport type { ICarouselRefs } from '../comps/carousel/carousel-types';\nimport type { ISegmentedGameCardRefs } from '../comps/segmented-game-card/segmented-game-card-types';\nimport type {\n  IProject,\n  Puzzle,\n} from '../dal/use-get-circle-home-details-dal/use-get-circle-home-dal-types';\nimport type { IUseGameLauncherJourneyProps } from './use-game-launcher-journey-types';\n\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport NextIcon from '../../../../assets/line-icons/icons/next';\nimport { PLATFORM_EVENTS_STUDENT as AnalyticsLabel } from '../../../analytics-events/platform-events-student';\nimport { IndicatorType } from '../../../journey/use-journey/constants';\nimport { useJourney } from '../../../journey/use-journey/use-journey';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { CIRCLE_ONBOARDING_ANALYTICS_STEPS as ActionEvent } from '../../enum/circle-onboarding-steps';\nimport { ProjectType } from '../../games/web-view/enums';\nimport { useCircleSounds } from '../../hooks/use-circle-sounds/use-circle-sounds';\nimport { SegmentedGameCard } from '../comps/segmented-game-card/segmented-game-card';\nimport { GAME_LAUNCHER_ANALYTICS_EVENTS } from '../game-launcher-analytics-events';\nimport {\n  GO_TO_NEXT_SLIDE_AFTER_MS,\n  SHOW_LABEL_HIGHLIGHT_AFTER_MS,\n  SHOW_NUDGE_AFTER_MS,\n} from './constants';\n\nexport const useGameLauncherJourney = ({\n  onSegmentClick,\n  setCarouselIndex,\n  onJourneyComplete,\n}: IUseGameLauncherJourneyProps) => {\n  const carouselNextBtnRef = useRef<ICarouselRefs>(null);\n  const gameRefs = useRef<ISegmentedGameCardRefs>(null);\n  const puzzleRefs = useRef<ISegmentedGameCardRefs>(null);\n  const lessonRefs = useRef<ISegmentedGameCardRefs>(null);\n\n  const isJourneyInProgress = useRef(false);\n\n  const { playButtonSound } = useCircleSounds();\n  const { nextCoachmark, setJourney } = useJourney();\n  const { onEvent: trackAnalytics } = useUIContext();\n\n  const trackEventViewed = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_VIEWED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n  const trackEventCompleted = useCallback(\n    (step: ActionEvent) => {\n      trackAnalytics(AnalyticsLabel.ONBOARDING_STEP_COMPLETED, {\n        step,\n      });\n    },\n    [trackAnalytics],\n  );\n\n  const goToNextCard = useCallback(\n    (\n      analyticsLabelViewed: ActionEvent,\n      refOfNextSlide: ISegmentedGameCardRefs,\n      color: TColorNames,\n      journeyId: TJourneyId,\n      isFirstSlide: boolean = false,\n    ) => {\n      if (!isFirstSlide) {\n        playButtonSound();\n        setCarouselIndex((prev: number) => prev + 1);\n        nextCoachmark(journeyId, false, GO_TO_NEXT_SLIDE_AFTER_MS);\n      }\n\n      trackEventViewed(analyticsLabelViewed);\n\n      const animateLabelTimer = setTimeout(() => {\n        clearTimeout(animateLabelTimer);\n        refOfNextSlide.startLabelAnimation(color);\n      }, SHOW_LABEL_HIGHLIGHT_AFTER_MS);\n\n      nextCoachmark(journeyId, true, SHOW_NUDGE_AFTER_MS);\n    },\n    [nextCoachmark, playButtonSound, setCarouselIndex, trackEventViewed],\n  );\n\n  const endJourney = useCallback(\n    (puzzlesData: Puzzle, journeyId: TJourneyId) => {\n      onSegmentClick(puzzlesData, ProjectType.PUZZLE);\n      trackEventCompleted(ActionEvent.PUZZLE_ACTIVITY);\n      nextCoachmark(journeyId);\n      onJourneyComplete(journeyId);\n    },\n    [nextCoachmark, onJourneyComplete, onSegmentClick, trackEventCompleted],\n  );\n\n  const startJourney = useCallback(\n    (puzzlesData: IProject<Puzzle>, isLessonAvailable: boolean, journeyId: TJourneyId) => {\n      if (isJourneyInProgress.current) {\n        return;\n      }\n\n      // If element refs are not available return, this is just for type safety\n      if (\n        !carouselNextBtnRef?.current?.nextBtnRef.current ||\n        !puzzleRefs?.current?.segmentedCardWrapperRef.current ||\n        !gameRefs?.current?.labelRef.current ||\n        !puzzleRefs?.current?.labelRef.current ||\n        !puzzlesData\n      ) {\n        return;\n      }\n\n      isJourneyInProgress.current = true;\n      const lessonLabelDims = lessonRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n      const gameLabelDims = gameRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n      const puzzleLabelDims = puzzleRefs.current?.labelRef?.current?.getBoundingClientRect() || {\n        height: 0,\n        width: 0,\n      };\n\n      const launcherDims =\n        puzzleRefs.current?.segmentedCardWrapperRef?.current?.getBoundingClientRect() || {\n          height: 0,\n          width: 0,\n        };\n\n      let lessonSteps: ICoachmarkProps[] = [];\n\n      if (isLessonAvailable && lessonRefs.current) {\n        lessonSteps = [\n          {\n            originalElementToHighlightRef: lessonRefs.current.labelRef,\n            isActive: false,\n            type: IndicatorType.TOOLTIP,\n            elementToHighlight: <></>,\n            indicator: {\n              position: 'right',\n              backgroundColor: 'BLUE_4',\n              width: 264,\n              tooltipItem: (\n                <FlexView>\n                  <Text $renderAs=\"ab2-bold\">\n                    Get faster & stay ahead in school. Practice 3 new skills everyday.\n                  </Text>\n                </FlexView>\n              ),\n              tooltipXCoOrdinates: lessonLabelDims.width + 50,\n              tooltipYCoOrdinates: lessonLabelDims.height / 2,\n            } as IArrowTooltipProps,\n          },\n          {\n            originalElementToHighlightRef: carouselNextBtnRef.current?.nextBtnRef,\n            isActive: false,\n            type: IndicatorType.NUDGE,\n            elementToHighlight: (\n              <IconButton\n                renderAs=\"secondary\"\n                Icon={NextIcon}\n                onClick={() =>\n                  goToNextCard(\n                    ActionEvent.GAMES_ACTIVITY,\n                    gameRefs.current as ISegmentedGameCardRefs,\n                    'ORANGE_4',\n                    journeyId,\n                  )\n                }\n                analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n              />\n            ),\n            indicator: {\n              nudge: 'click',\n              content: (\n                <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                  Click to proceed\n                </Text>\n              ),\n              nudgePointerX: 0,\n              nudgePointerY: 0,\n            } as INudgeProps,\n          },\n        ];\n      }\n\n      const gameSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: gameRefs.current.labelRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'right',\n            backgroundColor: 'ORANGE_4',\n            width: 264,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">\n                  Train to think deeper & plan ahead. Play 3 new games everyday.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: gameLabelDims.width + 50,\n            tooltipYCoOrdinates: gameLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: carouselNextBtnRef.current.nextBtnRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={NextIcon}\n              onClick={() =>\n                goToNextCard(\n                  ActionEvent.PUZZLE_ACTIVITY,\n                  puzzleRefs.current as ISegmentedGameCardRefs,\n                  'PURPLE_4',\n                  journeyId,\n                )\n              }\n              analyticsLabel={GAME_LAUNCHER_ANALYTICS_EVENTS.JOURNEY_NEXT_ACTIVITY}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                Click to proceed\n              </Text>\n            ),\n            nudgePointerX: 0,\n            nudgePointerY: 0,\n          } as INudgeProps,\n        },\n      ];\n\n      const puzzleSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: puzzleRefs.current.labelRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'right',\n            backgroundColor: 'PURPLE_4',\n            width: 264,\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab2-bold\">\n                  Think in new ways & stay sharp. Solve 3 new puzzles everyday.\n                </Text>\n              </FlexView>\n            ),\n            tooltipXCoOrdinates: puzzleLabelDims.width + 50,\n            tooltipYCoOrdinates: puzzleLabelDims.height / 2,\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: puzzleRefs.current.segmentedCardWrapperRef,\n          isActive: false,\n          type: IndicatorType.NUDGE,\n          elementToHighlight: (\n            <SegmentedGameCard\n              label={''} // This is intentionally left blank to avoid showing the label\n              value={puzzlesData.data.filter(puzzle => puzzle.solved).length}\n              maxValue={puzzlesData.data.length}\n              initialValue={puzzlesData.initialProgressValue}\n              data={puzzlesData.data.map(puzzle => ({\n                card: puzzle.cardLottie,\n                name: '', // We dont want to show the name of the puzzle in onboarding\n                isCompleted: puzzle.solved,\n                onPress: () => endJourney(puzzle, journeyId),\n              }))}\n            />\n          ),\n          indicator: {\n            nudge: 'click',\n            content: (\n              <Text $renderAs=\"ab1\" $color=\"WHITE\">\n                Click to solve a puzzle\n              </Text>\n            ),\n            nudgePointerX: launcherDims.width * 0.6,\n            nudgePointerY: launcherDims.height * 0.4,\n          } as INudgeProps,\n        },\n      ];\n\n      setJourney(journeyId, [...lessonSteps, ...gameSteps, ...puzzleSteps]);\n\n      nextCoachmark(journeyId);\n      if (isLessonAvailable && lessonRefs.current) {\n        goToNextCard(ActionEvent.SKILL_ACTIVITY, lessonRefs.current, 'BLUE_4', journeyId, true);\n      } else {\n        goToNextCard(ActionEvent.GAMES_ACTIVITY, gameRefs.current, 'ORANGE_4', journeyId, true);\n      }\n    },\n    [endJourney, goToNextCard, nextCoachmark, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      gameRefs,\n      puzzleRefs,\n      lessonRefs,\n      carouselNextBtnRef,\n      isJourneyInProgress,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  return data;\n};\n"],"names":["useGameLauncherJourney","onSegmentClick","setCarouselIndex","onJourneyComplete","carouselNextBtnRef","useRef","gameRefs","puzzleRefs","lessonRefs","isJourneyInProgress","playButtonSound","useCircleSounds","nextCoachmark","setJourney","useJourney","trackAnalytics","useUIContext","trackEventViewed","useCallback","step","AnalyticsLabel","trackEventCompleted","goToNextCard","analyticsLabelViewed","refOfNextSlide","color","journeyId","isFirstSlide","prev","GO_TO_NEXT_SLIDE_AFTER_MS","animateLabelTimer","SHOW_LABEL_HIGHLIGHT_AFTER_MS","SHOW_NUDGE_AFTER_MS","endJourney","puzzlesData","ProjectType","ActionEvent","startJourney","isLessonAvailable","_a","_b","_c","_d","lessonLabelDims","_g","_f","_e","gameLabelDims","_j","_i","_h","puzzleLabelDims","_m","_l","_k","launcherDims","_p","_o","_n","lessonSteps","IndicatorType","jsx","Fragment","FlexView","Text","_q","IconButton","NextIcon","GAME_LAUNCHER_ANALYTICS_EVENTS","gameSteps","puzzleSteps","SegmentedGameCard","puzzle","useMemo"],"mappings":"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"}

package/dist/features/circle-games/games/web-view/web-view-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-view-types.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view-types.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../../../ui/types';\nimport type { WebViewEvent, ProjectOutcome, ProjectType } from './enums';\nimport type { WEBVIEW_ANALYTICS_EVENTS } from './web-view-analytics-events';\nimport type { IframeHTMLAttributes } from 'react';\n\nexport interface IPlayer {\n  id: string;\n  username: string;\n  grade?: string;\n  avatar?: IAvatarLayer[] | null;\n  playerType: TUserTypes;\n}\n\ninterface ISyncableWebGameProps {\n  joinByRoomId?: string;\n  enableSync?: boolean; // applicable for all except multiplayer games and tables\n}\n\ninterface IBaseWebGameProps {\n  projectId: string;\n  variant: string;\n  projectType: ProjectType;\n  enableCloseButton?: boolean;\n}\n\nexport interface IMultiplayerWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  enablePlayerTurnIndicators?: boolean;\n}\n\nexport interface IPuzzleWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  question: string;\n  askHintPermission?: boolean;\n}\n\nexport interface ILessonWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  miniGameIdentifier: string;\n  sessionId: string;\n  targetQuestions: number;\n}\n\nexport interface ITableWebGameProps extends IBaseWebGameProps {\n  tableNumber: number;\n  infiniteModeHighScore?: number;\n}\n\nexport interface IVibrationPattern {\n  pattern: number[] | number;\n}\n\nexport enum IStatsToAwardErrorCode {\n  DEFAULT = 'default',\n  SUCCESS = 'success',\n  FAIL = 'fail',\n}\n\nexport interface IPlayerStats {\n  points: number;\n  accuracy: number;\n  timeSpent: number;\n  streakDays: number;\n  streakStatusToday: 'pending' | 'completed';\n  errorCode: IStatsToAwardErrorCode;\n  outcome: ProjectOutcome;\n  value: string;\n  starEligibleTime?: number;\n  starEligibleAccuracy?: number;\n  starRewarded?: boolean;\n}\n\nexport interface IInfoMessage {\n  message: string;\n  position: 'top' | 'bottom';\n}\n\nexport interface ITrackEvent {\n  eventName: typeof WEBVIEW_ANALYTICS_EVENTS;\n  properties: Record<string, unknown>;\n}\n\nexport interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameElement> {\n  baseUrl: string;\n  projectDetails:\n    | IMultiplayerWebGameProps\n    | IPuzzleWebGameProps\n    | ILessonWebGameProps\n    | ITableWebGameProps;\n  parentDomain: string;\n  playerDetails: IPlayer;\n  onBack?: () => void;\n  onGameLoad?: () => void;\n  onGamePlayFinish?: (playerStats: IPlayerStats) => void;\n  handleInfoMessage?: (infoMessage: IInfoMessage) => void;\n}\n\nexport interface IMessageProps {\n  event: `${WebViewEvent}`;\n  payload: IVibrationPattern | IPlayerStats | IInfoMessage | null;\n}\n"],"names":["IStatsToAwardErrorCode"],"mappings":"AAkDY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"web-view-types.js","sources":["../../../../../src/features/circle-games/games/web-view/web-view-types.ts"],"sourcesContent":["import type { IAvatarLayer } from '../../../ui/avatar/avatar-types';\nimport type { TUserTypes } from '../../../ui/types';\nimport type { WebViewEvent, ProjectOutcome, ProjectType } from './enums';\nimport type { WEBVIEW_ANALYTICS_EVENTS } from './web-view-analytics-events';\nimport type { IframeHTMLAttributes } from 'react';\n\nexport interface IPlayer {\n  id: string;\n  username: string;\n  grade?: string;\n  avatar?: IAvatarLayer[] | null;\n  playerType: TUserTypes;\n}\n\ninterface ISyncableWebGameProps {\n  joinByRoomId?: string;\n  enableSync?: boolean; // applicable for all except multiplayer games and tables\n}\n\ninterface IBaseWebGameProps {\n  projectId: string;\n  variant: string;\n  projectType: ProjectType;\n  enableCloseButton?: boolean;\n}\n\nexport interface IMultiplayerWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  enablePlayerTurnIndicators?: boolean;\n}\n\nexport interface IPuzzleWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  question: string;\n  askHintPermission?: boolean;\n}\n\nexport interface ILessonWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {\n  miniGameIdentifier: string;\n  sessionId: string;\n  targetQuestions: number;\n}\n\nexport interface ITableWebGameProps extends IBaseWebGameProps {\n  tableNumber: number;\n  infiniteModeHighScore?: number;\n}\n\nexport interface IVibrationPattern {\n  pattern: number[] | number;\n}\n\nexport enum IStatsToAwardErrorCode {\n  DEFAULT = 'default',\n  SUCCESS = 'success',\n  FAIL = 'fail',\n}\n\nexport interface IPlayerStats {\n  points: number;\n  accuracy: number;\n  timeSpent: number;\n  streakDays: number;\n  streakStatusToday: 'pending' | 'completed';\n  errorCode: IStatsToAwardErrorCode;\n  outcome: ProjectOutcome;\n  value: string;\n}\n\nexport interface IInfoMessage {\n  message: string;\n  position: 'top' | 'bottom';\n}\n\nexport interface ITrackEvent {\n  eventName: typeof WEBVIEW_ANALYTICS_EVENTS;\n  properties: Record<string, unknown>;\n}\n\nexport interface IWebViewProps extends IframeHTMLAttributes<HTMLIFrameElement> {\n  baseUrl: string;\n  projectDetails:\n    | IMultiplayerWebGameProps\n    | IPuzzleWebGameProps\n    | ILessonWebGameProps\n    | ITableWebGameProps;\n  parentDomain: string;\n  playerDetails: IPlayer;\n  onBack?: () => void;\n  onGameLoad?: () => void;\n  onGamePlayFinish?: (playerStats: IPlayerStats) => void;\n  handleInfoMessage?: (infoMessage: IInfoMessage) => void;\n}\n\nexport interface IMessageProps {\n  event: `${WebViewEvent}`;\n  payload: IVibrationPattern | IPlayerStats | IInfoMessage | null;\n}\n"],"names":["IStatsToAwardErrorCode"],"mappings":"AAkDY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/communication/pub-sub/constants.js

@@ -21,7 +21,8 @@ const E = {
   MILESTONE_RESOURCE_ASSIGNED: "MILESTONE_RESOURCE_ASSIGNED",
   MILESTONE_RESOURCE_UNASSIGNED: "MILESTONE_RESOURCE_UNASSIGNED",
   MILESTONE_RESOURCE_RESET: "MILESTONE_RESOURCE_RESET",
-  PAST_MILESTONE_OUTCOME_ADDED: "PAST_MILESTONE_OUTCOME_ADDED"
+  PAST_MILESTONE_OUTCOME_ADDED: "PAST_MILESTONE_OUTCOME_ADDED",
+  MILESTONE_TEST_ASSIGNED: "MILESTONE_TEST_ASSIGNED"
 }, T = {
   ...E,
   ..._,

package/dist/features/communication/pub-sub/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/communication/pub-sub/constants.ts"],"sourcesContent":["const CHAPTER_SHEET_EVENTS = {\n  CHAPTER_UPDATED: 'CHAPTER_UPDATED',\n  LESSONS_MARKED_AS_FAMILIAR: 'LESSONS_MARKED_AS_FAMILIAR',\n  LESSONS_MARKED_AS_IRRELEVANT: 'LESSONS_MARKED_AS_IRRELEVANT',\n  LESSONS_PROGRESS_RESET: 'LESSONS_PROGRESS_RESET',\n  UNLOCK_SHEETS: 'UNLOCK_SHEETS',\n  EXTRA_PRACTICE_ASSIGNED: 'EXTRA_PRACTICE_ASSIGNED',\n  CHANGE_LOCATION: 'CHANGE_LOCATION',\n  SHEET_STARTED: 'SHEET_STARTED',\n  SHEET_UNASSIGNED: 'SHEET_UNASSIGNED',\n} as const;\n\nconst GOAL_EVENTS = {\n  GOAL_CREATED: 'GOAL_CREATED',\n  GOAL_EDITED: 'GOAL_EDITED',\n  GOAL_DELETED: 'GOAL_DELETED',\n  GOAL_OUTCOME_ADDED: 'GOAL_OUTCOME_ADDED',\n} as const;\n\nconst MILESTONE_EVENTS = {\n  MILESTONE_NAME_UPDATED: 'MILESTONE_NAME_UPDATED',\n  MILESTONE_DATE_UPDATED: 'MILESTONE_DATE_UPDATED',\n  MILESTONE_DELETED: 'MILESTONE_DELETED',\n  MILESTONE_EDITED: 'MILESTONE_EDITED',\n  MILESTONE_RESOURCE_ASSIGNED: 'MILESTONE_RESOURCE_ASSIGNED',\n  MILESTONE_RESOURCE_UNASSIGNED: 'MILESTONE_RESOURCE_UNASSIGNED',\n  MILESTONE_RESOURCE_RESET: 'MILESTONE_RESOURCE_RESET',\n  PAST_MILESTONE_OUTCOME_ADDED: 'PAST_MILESTONE_OUTCOME_ADDED',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","EVENTS"],"mappings":"AAAA,MAAMA,IAAuB;AAAA,EAC3B,iBAAiB;AAAA,EACjB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,kBAAkB;AACpB,GAEMC,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AACtB,GAEMC,IAAmB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,8BAA8B;AAChC,GAEMC,IAAS;AAAA,EACb,GAAGH;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AACL;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/communication/pub-sub/constants.ts"],"sourcesContent":["const CHAPTER_SHEET_EVENTS = {\n  CHAPTER_UPDATED: 'CHAPTER_UPDATED',\n  LESSONS_MARKED_AS_FAMILIAR: 'LESSONS_MARKED_AS_FAMILIAR',\n  LESSONS_MARKED_AS_IRRELEVANT: 'LESSONS_MARKED_AS_IRRELEVANT',\n  LESSONS_PROGRESS_RESET: 'LESSONS_PROGRESS_RESET',\n  UNLOCK_SHEETS: 'UNLOCK_SHEETS',\n  EXTRA_PRACTICE_ASSIGNED: 'EXTRA_PRACTICE_ASSIGNED',\n  CHANGE_LOCATION: 'CHANGE_LOCATION',\n  SHEET_STARTED: 'SHEET_STARTED',\n  SHEET_UNASSIGNED: 'SHEET_UNASSIGNED',\n} as const;\n\nconst GOAL_EVENTS = {\n  GOAL_CREATED: 'GOAL_CREATED',\n  GOAL_EDITED: 'GOAL_EDITED',\n  GOAL_DELETED: 'GOAL_DELETED',\n  GOAL_OUTCOME_ADDED: 'GOAL_OUTCOME_ADDED',\n} as const;\n\nconst MILESTONE_EVENTS = {\n  MILESTONE_NAME_UPDATED: 'MILESTONE_NAME_UPDATED',\n  MILESTONE_DATE_UPDATED: 'MILESTONE_DATE_UPDATED',\n  MILESTONE_DELETED: 'MILESTONE_DELETED',\n  MILESTONE_EDITED: 'MILESTONE_EDITED',\n  MILESTONE_RESOURCE_ASSIGNED: 'MILESTONE_RESOURCE_ASSIGNED',\n  MILESTONE_RESOURCE_UNASSIGNED: 'MILESTONE_RESOURCE_UNASSIGNED',\n  MILESTONE_RESOURCE_RESET: 'MILESTONE_RESOURCE_RESET',\n  PAST_MILESTONE_OUTCOME_ADDED: 'PAST_MILESTONE_OUTCOME_ADDED',\n  MILESTONE_TEST_ASSIGNED: 'MILESTONE_TEST_ASSIGNED',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","EVENTS"],"mappings":"AAAA,MAAMA,IAAuB;AAAA,EAC3B,iBAAiB;AAAA,EACjB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,kBAAkB;AACpB,GAEMC,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AACtB,GAEMC,IAAmB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,8BAA8B;AAAA,EAC9B,yBAAyB;AAC3B,GAEMC,IAAS;AAAA,EACb,GAAGH;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AACL;"}

package/dist/features/journey/journey-id/journey-id-student.js

@@ -1,4 +1,4 @@
-var E = /* @__PURE__ */ ((R) => (R.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", R.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", R.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", R.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", R.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", R.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", R))(E || {});
+var E = /* @__PURE__ */ ((R) => (R.CIRCLE_ACTIVITIES_INTRO_JOURNEY = "CIRCLE_ACTIVITIES_INTRO_JOURNEY", R.CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY", R.CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY", R.CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY", R.CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY", R))(E || {});
 export {
   E as JOURNEY_ID_STUDENT
 };

package/dist/features/journey/journey-id/journey-id-student.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-id-student.js","sources":["../../../../src/features/journey/journey-id/journey-id-student.ts"],"sourcesContent":["export enum JOURNEY_ID_STUDENT {\n  CIRCLE_ACTIVITIES_INTRO_JOURNEY = 'CIRCLE_ACTIVITIES_INTRO_JOURNEY',\n  CIRCLE_LEADERBOARD_INTRO_JOURNEY = 'CIRCLE_LEADERBOARD_INTRO_JOURNEY',\n  CIRCLE_POINTS_REWARD_JOURNEY = 'CIRCLE_POINTS_REWARD_JOURNEY',\n  CIRCLE_STREAK_UPDATE_JOURNEY = 'CIRCLE_STREAK_UPDATE_JOURNEY',\n  CIRCLE_TUTORIAL_JOURNEY = 'CIRCLE_TUTORIAL_JOURNEY',\n  CIRCLE_TABLES_INTRO_JOURNEY = 'CIRCLE_TABLES_INTRO_JOURNEY',\n}\n"],"names":["JOURNEY_ID_STUDENT"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kCAAkC,mCAClCA,EAAA,mCAAmC,oCACnCA,EAAA,+BAA+B,gCAC/BA,EAAA,+BAA+B,gCAC/BA,EAAA,0BAA0B,2BAC1BA,EAAA,8BAA8B,+BANpBA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"journey-id-student.js","sources":["../../../../src/features/journey/journey-id/journey-id-student.ts"],"sourcesContent":["export enum JOURNEY_ID_STUDENT {\n  CIRCLE_ACTIVITIES_INTRO_JOURNEY = 'CIRCLE_ACTIVITIES_INTRO_JOURNEY',\n  CIRCLE_LEADERBOARD_INTRO_JOURNEY = 'CIRCLE_LEADERBOARD_INTRO_JOURNEY',\n  CIRCLE_POINTS_REWARD_JOURNEY = 'CIRCLE_POINTS_REWARD_JOURNEY',\n  CIRCLE_STREAK_UPDATE_JOURNEY = 'CIRCLE_STREAK_UPDATE_JOURNEY',\n  CIRCLE_TUTORIAL_JOURNEY = 'CIRCLE_TUTORIAL_JOURNEY',\n}\n"],"names":["JOURNEY_ID_STUDENT"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,kCAAkC,mCAClCA,EAAA,mCAAmC,oCACnCA,EAAA,+BAA+B,gCAC/BA,EAAA,+BAA+B,gCAC/BA,EAAA,0BAA0B,2BALhBA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/milestone/create/milestone-create-styled.js

@@ -1,6 +1,6 @@
 import r from "styled-components";
 import n from "../../ui/layout/flex-view.js";
-const l = r.div(
+const d = r.div(
   ({ $height: o, $viewMode: e, $minHeight: t }) => `
   display: flex;
   flex-direction: column;
@@ -16,14 +16,14 @@ const l = r.div(
         }
       ` : ""}
 `
-), d = r.div(
+), l = r.div(
   ({ theme: o, $viewMode: e }) => `
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   margin-bottom: ${o.layout.gutter * 0.5}px;
-  border: 1px solid ${o.colors.GREY_1};
+  border: 1px solid ${o.colors.WHITE_5};
   border-radius: ${o.layout.gutter * 0.75}px;
   ${e ? `
         pointer-events: none;
@@ -40,12 +40,14 @@ const l = r.div(
     top: 0;
     z-index: 2;
     border-bottom: 1px solid ${o.colors.WHITE_5};
-  `), c = r(n)(() => `
+    border-top-left-radius: ${o.layout.gutter * 0.75}px;
+    border-top-right-radius: ${o.layout.gutter * 0.75}px;
+  `), x = r(n)(() => `
       align-self: flex-end;
       position: fixed;
       bottom: 24px;
       right: 24px;
-    `), x = r.img(({ theme: o, $backgroundColor: e }) => {
+    `), c = r.img(({ theme: o, $backgroundColor: e }) => {
   const {
     layout: { gutter: t },
     colors: i
@@ -74,13 +76,13 @@ const l = r.div(
   transform: translateX(-50%);
 `;
 export {
-  d as BodyContainer,
-  l as Container,
+  l as BodyContainer,
+  d as Container,
   a as ContentContainer,
-  c as FooterWrapper,
+  x as FooterWrapper,
   u as HeaderContainer,
   f as HeaderWrapper,
-  x as RadioCardIcon,
+  c as RadioCardIcon,
   $ as StepperWrapper
 };
 //# sourceMappingURL=milestone-create-styled.js.map

package/dist/features/milestone/create/milestone-create-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-create-styled.js","sources":["../../../../src/features/milestone/create/milestone-create-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface ContainerProps {\n  $height?: string | number;\n  $minHeight?: string;\n  $viewMode: boolean;\n}\n\nconst Container = styled.div<ContainerProps>(\n  ({ $height, $viewMode, $minHeight }) => `\n  display: flex;\n  flex-direction: column;\n  height: ${$height ? (typeof $height === 'number' ? `${$height}px` : `${$height}`) : 'auto'};\n  min-height: ${$minHeight ? $minHeight : 'auto'};\n  ${\n    $viewMode\n      ? `\n        cursor: not-allowed;\n        border: 2px solid black;\n        border-radius: 8px;\n        transform: scale3d(.9943, .9900, 1);\n        & ${ContentContainer} {\n          pointer-events: auto;\n        }\n      `\n      : ``\n  }\n`,\n);\n\nconst BodyContainer = styled.div<{ $viewMode?: boolean }>(\n  ({ theme, $viewMode }) => `\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-bottom: ${theme.layout.gutter * 0.5}px;\n  border: 1px solid ${theme.colors.GREY_1};\n  border-radius: ${theme.layout.gutter * 0.75}px;\n  ${\n    $viewMode\n      ? `\n        pointer-events: none;\n        // opacity:  0.85;\n      `\n      : ``\n  }\n`,\n);\n\ninterface IContentContainer {\n  $overflowHidden?: boolean;\n}\n\nconst ContentContainer = styled.div<IContentContainer>(({ $overflowHidden }) => {\n  return `\n    flex-grow: 1;\n    overflow-y: auto;\n\n    ${$overflowHidden && 'overflow: hidden'};\n  `;\n});\n\nconst HeaderContainer = styled(FlexView)(({ theme }) => {\n  return `\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    border-bottom: 1px solid ${theme.colors.WHITE_5};\n  `;\n});\n\nconst FooterWrapper = styled(FlexView)(() => {\n  return `\n      align-self: flex-end;\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n    `;\n});\n\ninterface IRadioCardIconProps {\n  $backgroundColor: TColorNames;\n}\n\nconst RadioCardIcon = styled.img<IRadioCardIconProps>(({ theme, $backgroundColor }) => {\n  const {\n    layout: { gutter },\n    colors,\n  } = theme;\n\n  return `\n    width: ${gutter * 6}px;\n    height: ${gutter * 6}px;\n    background: ${colors[$backgroundColor]};\n    border-radius: ${gutter * 0.5}px;\n  `;\n});\n\nconst HeaderWrapper = styled(FlexView)<{ $viewMode?: boolean }>(({ theme, $viewMode }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    position:relative;\n    min-height:${gutter * 2.75}px;\n    ${\n      $viewMode\n        ? `\n          pointer-events: none;\n          opacity:  0.85;\n        `\n        : ``\n    }\n`;\n});\n\nconst StepperWrapper = styled.div`\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nexport {\n  Container,\n  BodyContainer,\n  ContentContainer,\n  HeaderContainer,\n  FooterWrapper,\n  RadioCardIcon,\n  StepperWrapper,\n  HeaderWrapper,\n};\n"],"names":["Container","styled","$height","$viewMode","$minHeight","ContentContainer","BodyContainer","theme","$overflowHidden","HeaderContainer","FlexView","FooterWrapper","RadioCardIcon","$backgroundColor","gutter","colors","HeaderWrapper","StepperWrapper"],"mappings":";;AAYA,MAAMA,IAAYC,EAAO;AAAA,EACvB,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,YAAAC,EAAiB,MAAA;AAAA;AAAA;AAAA,YAG9BF,IAAW,OAAOA,KAAY,WAAW,GAAGA,CAAO,OAAO,GAAGA,CAAO,KAAM,MAAM;AAAA,gBAC5EE,KAA0B,MAAM;AAAA,IAE5CD,IACI;AAAA;AAAA;AAAA;AAAA;AAAA,YAKIE,CAAgB;AAAA;AAAA;AAAA,UAIpB,EACN;AAAA;AAEF,GAEMC,IAAgBL,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAM,GAAO,WAAAJ,EAAA,MAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKTI,EAAM,OAAO,SAAS,GAAG;AAAA,sBACtBA,EAAM,OAAO,MAAM;AAAA,mBACtBA,EAAM,OAAO,SAAS,IAAI;AAAA,IAEzCJ,IACI;AAAA;AAAA;AAAA,UAIA,EACN;AAAA;AAEF,GAMME,IAAmBJ,EAAO,IAAuB,CAAC,EAAE,iBAAAO,QACjD;AAAA;AAAA;AAAA;AAAA,MAIHA,KAAmB,kBAAkB;AAAA,GAE1C,GAEKC,IAAkBR,EAAOS,CAAQ,EAAE,CAAC,EAAE,OAAAH,QACnC;AAAA;AAAA;AAAA;AAAA,+BAIsBA,EAAM,OAAO,OAAO;AAAA,GAElD,GAEKI,IAAgBV,EAAOS,CAAQ,EAAE,MAC9B;AAAA;AAAA;AAAA;AAAA;AAAA,KAMR,GAMKE,IAAgBX,EAAO,IAAyB,CAAC,EAAE,OAAAM,GAAO,kBAAAM,QAAuB;AAC/E,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACjB,QAAAC;AAAA,EACE,IAAAR;AAEG,SAAA;AAAA,aACIO,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA,kBACNC,EAAOF,CAAgB,CAAC;AAAA,qBACrBC,IAAS,GAAG;AAAA;AAEjC,CAAC,GAEKE,IAAgBf,EAAOS,CAAQ,EAA2B,CAAC,EAAE,OAAAH,GAAO,WAAAJ,QAAgB;AAClF,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAW,EAAO;AAAA,EACf,IAAAP;AAEG,SAAA;AAAA;AAAA,iBAEQO,IAAS,IAAI;AAAA,MAExBX,IACI;AAAA;AAAA;AAAA,YAIA,EACN;AAAA;AAEJ,CAAC,GAEKc,IAAiBhB,EAAO;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"milestone-create-styled.js","sources":["../../../../src/features/milestone/create/milestone-create-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface ContainerProps {\n  $height?: string | number;\n  $minHeight?: string;\n  $viewMode: boolean;\n}\n\nconst Container = styled.div<ContainerProps>(\n  ({ $height, $viewMode, $minHeight }) => `\n  display: flex;\n  flex-direction: column;\n  height: ${$height ? (typeof $height === 'number' ? `${$height}px` : `${$height}`) : 'auto'};\n  min-height: ${$minHeight ? $minHeight : 'auto'};\n  ${\n    $viewMode\n      ? `\n        cursor: not-allowed;\n        border: 2px solid black;\n        border-radius: 8px;\n        transform: scale3d(.9943, .9900, 1);\n        & ${ContentContainer} {\n          pointer-events: auto;\n        }\n      `\n      : ``\n  }\n`,\n);\n\nconst BodyContainer = styled.div<{ $viewMode?: boolean }>(\n  ({ theme, $viewMode }) => `\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-bottom: ${theme.layout.gutter * 0.5}px;\n  border: 1px solid ${theme.colors.WHITE_5};\n  border-radius: ${theme.layout.gutter * 0.75}px;\n  ${\n    $viewMode\n      ? `\n        pointer-events: none;\n        // opacity:  0.85;\n      `\n      : ``\n  }\n`,\n);\n\ninterface IContentContainer {\n  $overflowHidden?: boolean;\n}\n\nconst ContentContainer = styled.div<IContentContainer>(({ $overflowHidden }) => {\n  return `\n    flex-grow: 1;\n    overflow-y: auto;\n\n    ${$overflowHidden && 'overflow: hidden'};\n  `;\n});\n\nconst HeaderContainer = styled(FlexView)(({ theme }) => {\n  return `\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    border-bottom: 1px solid ${theme.colors.WHITE_5};\n    border-top-left-radius: ${theme.layout.gutter * 0.75}px;\n    border-top-right-radius: ${theme.layout.gutter * 0.75}px;\n  `;\n});\n\nconst FooterWrapper = styled(FlexView)(() => {\n  return `\n      align-self: flex-end;\n      position: fixed;\n      bottom: 24px;\n      right: 24px;\n    `;\n});\n\ninterface IRadioCardIconProps {\n  $backgroundColor: TColorNames;\n}\n\nconst RadioCardIcon = styled.img<IRadioCardIconProps>(({ theme, $backgroundColor }) => {\n  const {\n    layout: { gutter },\n    colors,\n  } = theme;\n\n  return `\n    width: ${gutter * 6}px;\n    height: ${gutter * 6}px;\n    background: ${colors[$backgroundColor]};\n    border-radius: ${gutter * 0.5}px;\n  `;\n});\n\nconst HeaderWrapper = styled(FlexView)<{ $viewMode?: boolean }>(({ theme, $viewMode }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    position:relative;\n    min-height:${gutter * 2.75}px;\n    ${\n      $viewMode\n        ? `\n          pointer-events: none;\n          opacity:  0.85;\n        `\n        : ``\n    }\n`;\n});\n\nconst StepperWrapper = styled.div`\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nexport {\n  Container,\n  BodyContainer,\n  ContentContainer,\n  HeaderContainer,\n  FooterWrapper,\n  RadioCardIcon,\n  StepperWrapper,\n  HeaderWrapper,\n};\n"],"names":["Container","styled","$height","$viewMode","$minHeight","ContentContainer","BodyContainer","theme","$overflowHidden","HeaderContainer","FlexView","FooterWrapper","RadioCardIcon","$backgroundColor","gutter","colors","HeaderWrapper","StepperWrapper"],"mappings":";;AAYA,MAAMA,IAAYC,EAAO;AAAA,EACvB,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,YAAAC,EAAiB,MAAA;AAAA;AAAA;AAAA,YAG9BF,IAAW,OAAOA,KAAY,WAAW,GAAGA,CAAO,OAAO,GAAGA,CAAO,KAAM,MAAM;AAAA,gBAC5EE,KAA0B,MAAM;AAAA,IAE5CD,IACI;AAAA;AAAA;AAAA;AAAA;AAAA,YAKIE,CAAgB;AAAA;AAAA;AAAA,UAIpB,EACN;AAAA;AAEF,GAEMC,IAAgBL,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAM,GAAO,WAAAJ,EAAA,MAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKTI,EAAM,OAAO,SAAS,GAAG;AAAA,sBACtBA,EAAM,OAAO,OAAO;AAAA,mBACvBA,EAAM,OAAO,SAAS,IAAI;AAAA,IAEzCJ,IACI;AAAA;AAAA;AAAA,UAIA,EACN;AAAA;AAEF,GAMME,IAAmBJ,EAAO,IAAuB,CAAC,EAAE,iBAAAO,QACjD;AAAA;AAAA;AAAA;AAAA,MAIHA,KAAmB,kBAAkB;AAAA,GAE1C,GAEKC,IAAkBR,EAAOS,CAAQ,EAAE,CAAC,EAAE,OAAAH,QACnC;AAAA;AAAA;AAAA;AAAA,+BAIsBA,EAAM,OAAO,OAAO;AAAA,8BACrBA,EAAM,OAAO,SAAS,IAAI;AAAA,+BACzBA,EAAM,OAAO,SAAS,IAAI;AAAA,GAExD,GAEKI,IAAgBV,EAAOS,CAAQ,EAAE,MAC9B;AAAA;AAAA;AAAA;AAAA;AAAA,KAMR,GAMKE,IAAgBX,EAAO,IAAyB,CAAC,EAAE,OAAAM,GAAO,kBAAAM,QAAuB;AAC/E,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACjB,QAAAC;AAAA,EACE,IAAAR;AAEG,SAAA;AAAA,aACIO,IAAS,CAAC;AAAA,cACTA,IAAS,CAAC;AAAA,kBACNC,EAAOF,CAAgB,CAAC;AAAA,qBACrBC,IAAS,GAAG;AAAA;AAEjC,CAAC,GAEKE,IAAgBf,EAAOS,CAAQ,EAA2B,CAAC,EAAE,OAAAH,GAAO,WAAAJ,QAAgB;AAClF,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAW,EAAO;AAAA,EACf,IAAAP;AAEG,SAAA;AAAA;AAAA,iBAEQO,IAAS,IAAI;AAAA,MAExBX,IACI;AAAA;AAAA;AAAA,YAIA,EACN;AAAA;AAEJ,CAAC,GAEKc,IAAiBhB,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/milestone/edit/comps/milestone-edit-loader/milestone-edit-loader-styled.js

@@ -1,20 +1,18 @@
 import i from "styled-components";
-import p from "../../../../ui/layout/flex-view.js";
-const m = i(p)(({ theme: t }) => {
+import o from "../../../../ui/layout/flex-view.js";
+const s = i(o)(({ theme: r }) => {
   const {
-    colors: o,
     layout: { gutter: e }
-  } = t, r = e * 4;
+  } = r, t = e * 4;
   return `
-      border: 1px solid ${o.GREY_1};
       & img {
         filter: brightness(0);
-        width: ${r}px;
-        height: ${r}px;
+        width: ${t}px;
+        height: ${t}px;
       }
     `;
 });
 export {
-  m as LoaderWrapper
+  s as LoaderWrapper
 };
 //# sourceMappingURL=milestone-edit-loader-styled.js.map

package/dist/features/milestone/edit/comps/milestone-edit-loader/milestone-edit-loader-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-edit-loader-styled.js","sources":["../../../../../../src/features/milestone/edit/comps/milestone-edit-loader/milestone-edit-loader-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst LoaderWrapper = styled(FlexView)(({ theme }) => {\n  const {\n    colors,\n    layout: { gutter },\n  } = theme;\n  const imgSize = gutter * 4;\n\n  return `\n      border: 1px solid ${colors.GREY_1};\n      & img {\n        filter: brightness(0);\n        width: ${imgSize}px;\n        height: ${imgSize}px;\n      }\n    `;\n});\n\nexport { LoaderWrapper };\n"],"names":["LoaderWrapper","styled","FlexView","theme","colors","gutter","imgSize"],"mappings":";;AAIA,MAAMA,IAAgBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC9C,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAF,GACEG,IAAUD,IAAS;AAElB,SAAA;AAAA,0BACiBD,EAAO,MAAM;AAAA;AAAA;AAAA,iBAGtBE,CAAO;AAAA,kBACNA,CAAO;AAAA;AAAA;AAGzB,CAAC;"}
+{"version":3,"file":"milestone-edit-loader-styled.js","sources":["../../../../../../src/features/milestone/edit/comps/milestone-edit-loader/milestone-edit-loader-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst LoaderWrapper = styled(FlexView)(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n  const imgSize = gutter * 4;\n\n  return `\n      & img {\n        filter: brightness(0);\n        width: ${imgSize}px;\n        height: ${imgSize}px;\n      }\n    `;\n});\n\nexport { LoaderWrapper };\n"],"names":["LoaderWrapper","styled","FlexView","theme","gutter","imgSize"],"mappings":";;AAIA,MAAMA,IAAgBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC9C,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAD,GACEE,IAAUD,IAAS;AAElB,SAAA;AAAA;AAAA;AAAA,iBAGQC,CAAO;AAAA,kBACNA,CAAO;AAAA;AAAA;AAGzB,CAAC;"}