@cuemath/leap 2.9.3 → 2.9.4-as2

package/dist/features/journey/hooks/use-home-page-journey.js

@@ -0,0 +1,145 @@
+import { jsx as e, Fragment as R, jsxs as c } from "react/jsx-runtime";
+import { useRef as l, useCallback as X, useMemo as B, useEffect as N } from "react";
+import P from "../../homework/homework-card.js";
+import S from "../../homework/hw-card-list/hw-card-list.js";
+import { getTopicsFromItems as _ } from "../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils.js";
+import d from "../../ui/buttons/button/button.js";
+import m from "../../ui/layout/flex-view.js";
+import p from "../../ui/text/text.js";
+import { ELementWrapper as w } from "../comps/coachmark/coachmark-styled.js";
+import { JOURNEY_ID_STUDENT as z } from "../journey-id/journey-id-student.js";
+import { IndicatorType as u } from "../use-journey/constants.js";
+import { useJourney as J } from "../use-journey/use-journey.js";
+const q = () => {
+  const o = z.HOMEPAGE_JOURNEY, t = l(null), r = l(null), i = l(null), T = l(null), a = l([]), { nextCoachmark: n, setJourney: h } = J(), C = X(
+    (s, b, A, f) => {
+      const { items: y, node_type: x, title: E, subtext: L } = s[0], I = _(y).join(", "), k = x === "DYNAMIC";
+      if (!(t != null && t.current) || !(r != null && r.current) || !(i != null && i.current))
+        return;
+      const H = [
+        {
+          originalElementToHighlightRef: t,
+          isActive: !1,
+          type: u.TOOLTIP,
+          elementToHighlight: /* @__PURE__ */ e(R, {}),
+          indicator: {
+            position: "left",
+            tooltipXCoOrdinates: 0,
+            tooltipYCoOrdinates: 100,
+            backgroundColor: "BLUE_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            arrowSize: 12,
+            width: 264,
+            tooltipItem: /* @__PURE__ */ c(m, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ e(p, { $renderAs: "ab2-bold", children: "Welcome to the all new tutoring homepage." }),
+              /* @__PURE__ */ e(
+                d,
+                {
+                  label: "Next",
+                  size: "xsmall",
+                  widthX: 6,
+                  renderAs: "secondary",
+                  onClick: () => n(o, !1, 0, !0)
+                }
+              )
+            ] })
+          }
+        },
+        {
+          originalElementToHighlightRef: r,
+          elementToHighlight: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(S, { userType: f, studentId: b, stream: A }) }),
+          type: u.TOOLTIP,
+          indicator: {
+            position: "top",
+            tooltipXCoOrdinates: -197,
+            tooltipYCoOrdinates: -12,
+            arrowXCoOrdinates: -110,
+            backgroundColor: "GREEN_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            width: 264,
+            arrowSize: 12,
+            tooltipItem: /* @__PURE__ */ c(m, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ e(p, { $renderAs: "ab2-bold", children: "Homework is now easy to access and easy to complete!" }),
+              /* @__PURE__ */ e(
+                d,
+                {
+                  label: "Next",
+                  size: "xsmall",
+                  widthX: 6,
+                  renderAs: "secondary",
+                  onClick: () => n(o, !1, 0, !0)
+                }
+              )
+            ] })
+          },
+          isActive: !1
+        },
+        {
+          originalElementToHighlightRef: i,
+          elementToHighlight: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
+            P,
+            {
+              isInQueue: !1,
+              userType: f,
+              header: k ? I : E,
+              subHeader: L || "",
+              nodeData: s[0],
+              renderAs: "homework",
+              shouldOpenOnRight: !1
+            }
+          ) }),
+          type: u.TOOLTIP,
+          indicator: {
+            position: "top",
+            tooltipXCoOrdinates: -35,
+            tooltipYCoOrdinates: -7,
+            backgroundColor: "PURPLE_4",
+            borderColor: "BLACK",
+            arrowColor: "BLACK",
+            arrowXCoOrdinates: -97,
+            arrowSize: 12,
+            width: 264,
+            tooltipItem: /* @__PURE__ */ c(m, { $flexRowGapX: 0.75, children: [
+              /* @__PURE__ */ e(p, { $renderAs: "ab2-bold", children: "Track homework status and their due dates." }),
+              /* @__PURE__ */ e(
+                d,
+                {
+                  label: "Next",
+                  size: "xsmall",
+                  widthX: 6,
+                  renderAs: "secondary",
+                  onClick: () => n(o, !1, 0, !0)
+                }
+              )
+            ] })
+          },
+          isActive: !1
+        }
+      ];
+      h(o, H);
+      const g = setTimeout(() => {
+        clearTimeout(g), n(o);
+      }, 200);
+      a.current.push(g);
+    },
+    [h, o, n]
+  ), O = B(
+    () => ({
+      homepageRef: t,
+      homeworkRef: r,
+      individualHomeworkRef: i,
+      recentChaptersRef: T,
+      startJourney: C
+    }),
+    [C]
+  );
+  return N(() => () => {
+    a.current.forEach((s) => clearTimeout(s)), a.current = [];
+  }, []), O;
+};
+export {
+  q as useHomePageJourney
+};
+//# sourceMappingURL=use-home-page-journey.js.map

package/dist/features/journey/hooks/use-home-page-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-home-page-journey.js","sources":["../../../../src/features/journey/hooks/use-home-page-journey.tsx"],"sourcesContent":["import type { IHomeworkData } from '../../homework/hw-card-list/api/get-homeworks';\nimport type { TCourseStream } from '../../milestone/create/milestone-create-types';\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { TUserTypes } from '../../ui/types';\nimport type { ICoachmarkProps } from '../use-journey/journey-context-types';\n\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport HomeworkCard from '../../homework/homework-card';\nimport HWCardList from '../../homework/hw-card-list/hw-card-list';\nimport { getTopicsFromItems } from '../../milestone/milestone-tests/tests-list/test-sheets-list/test-sheet-item/test-sheet-item-utils';\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { ELementWrapper } from '../comps/coachmark/coachmark-styled';\nimport { JOURNEY_ID_STUDENT } from '../journey-id/journey-id-student';\nimport { IndicatorType } from '../use-journey/constants';\nimport { useJourney } from '../use-journey/use-journey';\n\nexport const useHomePageJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.HOMEPAGE_JOURNEY;\n\n  const homepageRef = useRef<HTMLDivElement>(null);\n  const homeworkRef = useRef<HTMLDivElement>(null);\n  const individualHomeworkRef = useRef<HTMLDivElement>(null);\n  const recentChaptersRef = useRef<HTMLDivElement>(null);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const { nextCoachmark, setJourney } = useJourney();\n\n  const startJourney = useCallback(\n    (\n      hwDetails: IHomeworkData[],\n      studentId: string,\n      stream: TCourseStream,\n      userType: TUserTypes,\n    ) => {\n      const { items, node_type: nodeType, title, subtext } = hwDetails[0] as IHomeworkData;\n      const topics = getTopicsFromItems(items);\n      const testChapterName = topics.join(', ');\n      const isDynamicSheet = nodeType === 'DYNAMIC';\n\n      if (!homepageRef?.current || !homeworkRef?.current || !individualHomeworkRef?.current) {\n        return;\n      }\n\n      const homepageSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: homepageRef,\n          isActive: false,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: <></>,\n          indicator: {\n            position: 'left',\n            tooltipXCoOrdinates: 0,\n            tooltipYCoOrdinates: 100,\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75}>\n                <Text $renderAs=\"ab2-bold\">Welcome to the all new tutoring homepage.</Text>\n                <Button\n                  label=\"Next\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => nextCoachmark(journeyId, false, 0, true)}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: homeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HWCardList userType={userType} studentId={studentId} stream={stream} />\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -197,\n            tooltipYCoOrdinates: -12,\n            arrowXCoOrdinates: -110,\n            backgroundColor: 'GREEN_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            width: 264,\n            arrowSize: 12,\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75}>\n                <Text $renderAs=\"ab2-bold\">\n                  Homework is now easy to access and easy to complete!\n                </Text>\n                <Button\n                  label=\"Next\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => nextCoachmark(journeyId, false, 0, true)}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n        {\n          originalElementToHighlightRef: individualHomeworkRef,\n          elementToHighlight: (\n            <ELementWrapper>\n              <HomeworkCard\n                isInQueue={false}\n                userType={userType}\n                header={isDynamicSheet ? testChapterName : title}\n                subHeader={subtext || ''}\n                nodeData={hwDetails[0] as IHomeworkData}\n                renderAs=\"homework\"\n                shouldOpenOnRight={false}\n              />\n            </ELementWrapper>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipXCoOrdinates: -35,\n            tooltipYCoOrdinates: -7,\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowXCoOrdinates: -97,\n            arrowSize: 12,\n            width: 264,\n            tooltipItem: (\n              <FlexView $flexRowGapX={0.75}>\n                <Text $renderAs=\"ab2-bold\">Track homework status and their due dates.</Text>\n                <Button\n                  label=\"Next\"\n                  size=\"xsmall\"\n                  widthX={6}\n                  renderAs=\"secondary\"\n                  onClick={() => nextCoachmark(journeyId, false, 0, true)}\n                />\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, homepageSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        nextCoachmark(journeyId);\n      }, 200);\n\n      timerRefs.current.push(delayBeforeStart); // Store to cleanup later\n    },\n    [setJourney, journeyId, nextCoachmark],\n  );\n\n  const data = useMemo(\n    () => ({\n      homepageRef,\n      homeworkRef,\n      individualHomeworkRef,\n      recentChaptersRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, []);\n\n  return data;\n};\n"],"names":["useHomePageJourney","journeyId","JOURNEY_ID_STUDENT","homepageRef","useRef","homeworkRef","individualHomeworkRef","recentChaptersRef","timerRefs","nextCoachmark","setJourney","useJourney","startJourney","useCallback","hwDetails","studentId","stream","userType","items","nodeType","title","subtext","testChapterName","getTopicsFromItems","isDynamicSheet","homepageSteps","IndicatorType","jsx","Fragment","jsxs","FlexView","Text","Button","ELementWrapper","HWCardList","HomeworkCard","delayBeforeStart","data","useMemo","useEffect","timer"],"mappings":"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"}

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.CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_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.CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY", R.CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY", R.HOMEPAGE_JOURNEY = "HOMEPAGE_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  // TODO: Deprecate bottom journeys, they are not actually journeys\n  CIRCLE_STREAK_REDUCTION_JOURNEY = 'CIRCLE_STREAK_REDUCTION_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,+BAG9BA,EAAA,kCAAkC,mCATxBA,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  CIRCLE_TABLES_INTRO_JOURNEY = 'CIRCLE_TABLES_INTRO_JOURNEY',\n\n  // TODO: Deprecate bottom journeys, they are not actually journeys\n  CIRCLE_STREAK_REDUCTION_JOURNEY = 'CIRCLE_STREAK_REDUCTION_JOURNEY',\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_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,+BAG9BA,EAAA,kCAAkC,mCAClCA,EAAA,mBAAmB,oBAVTA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/features/journey/use-journey/journey-context-provider.js

@@ -1,10 +1,10 @@
-import { jsxs as O, jsx as w } from "react/jsx-runtime";
-import { createContext as U, useState as h, useRef as k, useCallback as l, useMemo as q, useEffect as R } from "react";
-import { Coachmark as D } from "../comps/coachmark/coachmark.js";
-import { usePostUserJourney as L, useGetUserJourney as N } from "../user-journey-api/user-journey-api.js";
-import { Overlay as M } from "./journey-styled.js";
-const z = U(null), H = ({ children: T, appId: s, userId: o }) => {
-  const [x, p] = h(null), [c, a] = h([]), [J, v] = h(!1), m = k(-1), t = k(), d = k([]), { post: _ } = L(), { data: f = null, get: g } = N(), A = l(
+import { jsxs as D, jsx as w } from "react/jsx-runtime";
+import { createContext as L, useState as J, useRef as k, useCallback as l, useMemo as N, useEffect as R } from "react";
+import { Coachmark as B } from "../comps/coachmark/coachmark.js";
+import { usePostUserJourney as M, useGetUserJourney as z } from "../user-journey-api/user-journey-api.js";
+import { Overlay as G } from "./journey-styled.js";
+const S = L(null), W = ({ children: T, appId: s, userId: o }) => {
+  const [b, O] = J(!1), [x, p] = J(null), [c, a] = J([]), [d, v] = J(!1), y = k(-1), t = k(), f = k([]), { post: _ } = M(), { data: C = null, get: g } = z(), A = l(
     (e, r) => {
       if (c.length > 0) {
         console.error(
@@ -12,13 +12,13 @@ const z = U(null), H = ({ children: T, appId: s, userId: o }) => {
         );
         return;
       }
-      v(!0), t.current = e, m.current = -1, a([...r]);
+      v(!0), t.current = e, y.current = -1, a([...r]);
     },
     [c.length]
   ), u = l(() => {
-    d.current.forEach((e) => {
+    f.current.forEach((e) => {
       clearTimeout(e);
-    }), d.current = [], t.current = void 0, m.current = -1, a([]), v(!1);
+    }), f.current = [], t.current = void 0, y.current = -1, a([]), v(!1);
   }, []), $ = l(
     (e) => {
       u(), p((r) => r && !r.includes(e) ? [...r, e] : r), _({
@@ -36,31 +36,31 @@ const z = U(null), H = ({ children: T, appId: s, userId: o }) => {
       );
       return;
     }
-    a((y) => [...y, r]);
+    a((m) => [...m, r]);
   }, []), P = l(
-    (e, r = !1, y = 0) => {
+    (e, r = !1, m = 0, q = !1) => {
       if (!t.current || e !== t.current) {
         console.error(
           t.current ? "nextCoachmark was called before setJourney" : `A Journey is already active, Current Journey: ${t.current}, New Journey Request: ${e}`
         );
         return;
       }
-      y !== 0 && a((n) => n.map((i) => ({ ...i, isActive: !1 })));
+      O(q), m !== 0 && a((n) => n.map((i) => ({ ...i, isActive: !1 })));
       const j = setTimeout(() => {
         clearTimeout(j);
-        const n = m.current + 1;
+        const n = y.current + 1;
         a((i) => {
           if (n >= i.length || i.length === 0)
             return u(), [];
-          m.current = n;
-          const C = [...i];
-          return C[n].isActive = !0, n > 0 && (C[n - 1].isActive = r), C;
+          y.current = n;
+          const h = [...i];
+          return h[n].isActive = !0, n > 0 && (h[n - 1].isActive = r), h;
         });
-      }, y);
-      d.current.push(j);
+      }, m);
+      f.current.push(j);
     },
     [u]
-  ), b = q(
+  ), U = N(
     () => ({
       nextCoachmark: P,
       setJourney: A,
@@ -69,7 +69,7 @@ const z = U(null), H = ({ children: T, appId: s, userId: o }) => {
       endJourney: $,
       coachmarks: c,
       userCompletedJourneyIds: x,
-      isJourneyActive: J
+      isJourneyActive: d
     }),
     [
       P,
@@ -79,7 +79,7 @@ const z = U(null), H = ({ children: T, appId: s, userId: o }) => {
       $,
       c,
       x,
-      J
+      d
     ]
   );
   return R(() => {
@@ -89,17 +89,25 @@ const z = U(null), H = ({ children: T, appId: s, userId: o }) => {
       journey_status: "COMPLETED"
     });
   }, [s, g, o]), R(() => {
-    if (f) {
-      const e = f.map((r) => r.journey_id);
+    if (C) {
+      const e = C.map((r) => r.journey_id);
       p(e);
     }
-  }, [f]), /* @__PURE__ */ O(z.Provider, { value: b, children: [
-    J && /* @__PURE__ */ w(M, { about: "journey-overlay", "data-testid": t.current, children: c.map((e, r) => /* @__PURE__ */ w(D, { coachmark: e }, `coachmark-${r}`)) }),
+  }, [C]), /* @__PURE__ */ D(S.Provider, { value: U, children: [
+    d && /* @__PURE__ */ w(
+      G,
+      {
+        about: "journey-overlay",
+        isJourneyBlurred: b,
+        "data-testid": t.current,
+        children: c.map((e, r) => /* @__PURE__ */ w(B, { coachmark: e }, `coachmark-${r}`))
+      }
+    ),
     T
   ] });
 };
 export {
-  z as JourneyContext,
-  H as JourneyProvider
+  S as JourneyContext,
+  W as JourneyProvider
 };
 //# sourceMappingURL=journey-context-provider.js.map

package/dist/features/journey/use-journey/journey-context-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-context-provider.js","sources":["../../../../src/features/journey/use-journey/journey-context-provider.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { TJourneyId } from '../journey-id/journey-id-types';\nimport type {\n  ICoachmarkProps,\n  IJourneyContext,\n  IJourneyProviderProps,\n} from './journey-context-types';\nimport type { FC } from 'react';\n\nimport { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Coachmark } from '../comps/coachmark/coachmark';\nimport { useGetUserJourney, usePostUserJourney } from '../user-journey-api/user-journey-api';\nimport * as S from './journey-styled';\n\nexport const JourneyContext = createContext<IJourneyContext | null>(null);\n\nexport const JourneyProvider: FC<IJourneyProviderProps> = ({ children, appId, userId }) => {\n  const [userCompletedJourneyIds, setUserCompletedJourneyIds] = useState<TJourneyId[] | null>(null);\n  const [coachmarkList, setCoachmarkList] = useState<ICoachmarkProps[]>([]);\n  const [isJourneyActive, setIsJourneyActive] = useState(false);\n  const currentIndex = useRef(-1);\n  const currentJourneyId = useRef<TJourneyId | undefined>();\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { post: postJourneyCompletion } = usePostUserJourney();\n  const { data: userCompletedJourneys = null, get: getJourneyProgress } = useGetUserJourney();\n\n  const setJourney = useCallback(\n    (id: TJourneyId, coachmarks: ICoachmarkProps[]) => {\n      if (coachmarkList.length > 0) {\n        console.error(\n          `setJourney: Other Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n      setIsJourneyActive(true);\n      currentJourneyId.current = id;\n      currentIndex.current = -1;\n      setCoachmarkList([...coachmarks]);\n    },\n    [coachmarkList.length],\n  );\n\n  const clearJourney = useCallback(() => {\n    // Clear all timers\n    timerRefs.current.forEach(timer => {\n      clearTimeout(timer);\n    });\n    timerRefs.current = [];\n    currentJourneyId.current = undefined;\n    currentIndex.current = -1;\n    setCoachmarkList([]);\n    setIsJourneyActive(false);\n  }, []);\n\n  const endJourney = useCallback(\n    (journeyId: TJourneyId) => {\n      clearJourney();\n      setUserCompletedJourneyIds(prev => {\n        if (prev && !prev.includes(journeyId)) {\n          return [...prev, journeyId];\n        }\n\n        return prev;\n      });\n      // fire the API (doesn’t block the UI)\n      postJourneyCompletion({\n        app_id: appId,\n        user_id: userId,\n        journey_id: journeyId,\n        journey_status: 'COMPLETED',\n      });\n    },\n    [appId, clearJourney, postJourneyCompletion, userId],\n  );\n\n  const addCoachmark = useCallback((id: TJourneyId, coachmark: ICoachmarkProps) => {\n    if (!currentJourneyId.current || id !== currentJourneyId.current) {\n      console.error(\n        currentJourneyId.current\n          ? `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`\n          : `addCoachmark was called before setJourney and Journey ID is undefined`,\n      );\n\n      return;\n    }\n\n    setCoachmarkList(prev => [...prev, coachmark]);\n  }, []);\n\n  const nextCoachmark = useCallback(\n    (id: TJourneyId, keepPrevActive: boolean = false, delayInMs: number = 0) => {\n      if (!currentJourneyId.current || id !== currentJourneyId.current) {\n        console.error(\n          currentJourneyId.current\n            ? `nextCoachmark was called before setJourney`\n            : `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n\n      if (delayInMs !== 0) {\n        // If delay is not 0, we will hide all them coachmarks and reveal only after the delay\n        setCoachmarkList(prevList => {\n          return prevList.map((item: ICoachmarkProps) => {\n            return { ...item, isActive: false };\n          });\n        });\n      }\n\n      const timer = setTimeout(() => {\n        clearTimeout(timer);\n        const currIndex = currentIndex.current + 1;\n\n        setCoachmarkList(prevList => {\n          // Finish onboarding\n          if (currIndex >= prevList.length || prevList.length === 0) {\n            clearJourney();\n\n            return [];\n          }\n\n          currentIndex.current = currIndex;\n          const updatedCoachmarkList = [...prevList];\n\n          (updatedCoachmarkList[currIndex] as ICoachmarkProps).isActive = true;\n\n          if (currIndex > 0) {\n            (updatedCoachmarkList[currIndex - 1] as ICoachmarkProps).isActive = keepPrevActive;\n          }\n\n          return updatedCoachmarkList;\n        });\n      }, delayInMs);\n\n      timerRefs.current.push(timer);\n    },\n    [clearJourney],\n  );\n\n  const memoizedContextValue: IJourneyContext = useMemo(\n    () => ({\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarks: coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    }),\n    [\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    ],\n  );\n\n  // Get the initial state of incompleteJourneys\n  useEffect(() => {\n    if (appId && userId) {\n      getJourneyProgress(userId, {\n        app_id: appId,\n        user_id: userId,\n        journey_status: 'COMPLETED',\n      });\n    }\n  }, [appId, getJourneyProgress, userId]);\n\n  // Set the data to context state initially\n  useEffect(() => {\n    if (userCompletedJourneys) {\n      const completedUserJourneysIds = userCompletedJourneys.map(journey => journey.journey_id);\n\n      setUserCompletedJourneyIds(completedUserJourneysIds);\n    }\n  }, [userCompletedJourneys]);\n\n  return (\n    <JourneyContext.Provider value={memoizedContextValue}>\n      {isJourneyActive && (\n        <S.Overlay about=\"journey-overlay\" data-testid={currentJourneyId.current}>\n          {coachmarkList.map((coachmark, index) => (\n            <Coachmark key={`coachmark-${index}`} coachmark={coachmark} />\n          ))}\n        </S.Overlay>\n      )}\n      {children}\n    </JourneyContext.Provider>\n  );\n};\n"],"names":["JourneyContext","createContext","JourneyProvider","children","appId","userId","userCompletedJourneyIds","setUserCompletedJourneyIds","useState","coachmarkList","setCoachmarkList","isJourneyActive","setIsJourneyActive","currentIndex","useRef","currentJourneyId","timerRefs","postJourneyCompletion","usePostUserJourney","userCompletedJourneys","getJourneyProgress","useGetUserJourney","setJourney","useCallback","id","coachmarks","clearJourney","timer","endJourney","journeyId","prev","addCoachmark","coachmark","nextCoachmark","keepPrevActive","delayInMs","prevList","item","currIndex","updatedCoachmarkList","memoizedContextValue","useMemo","useEffect","completedUserJourneysIds","journey","jsxs","jsx","S.Overlay","index","Coachmark"],"mappings":"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"}
+{"version":3,"file":"journey-context-provider.js","sources":["../../../../src/features/journey/use-journey/journey-context-provider.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { TJourneyId } from '../journey-id/journey-id-types';\nimport type {\n  ICoachmarkProps,\n  IJourneyContext,\n  IJourneyProviderProps,\n} from './journey-context-types';\nimport type { FC } from 'react';\n\nimport { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Coachmark } from '../comps/coachmark/coachmark';\nimport { useGetUserJourney, usePostUserJourney } from '../user-journey-api/user-journey-api';\nimport * as S from './journey-styled';\n\nexport const JourneyContext = createContext<IJourneyContext | null>(null);\n\nexport const JourneyProvider: FC<IJourneyProviderProps> = ({ children, appId, userId }) => {\n  const [isJourneyBlurred, setIsJourneyBlurred] = useState<boolean>(false);\n  const [userCompletedJourneyIds, setUserCompletedJourneyIds] = useState<TJourneyId[] | null>(null);\n  const [coachmarkList, setCoachmarkList] = useState<ICoachmarkProps[]>([]);\n  const [isJourneyActive, setIsJourneyActive] = useState(false);\n  const currentIndex = useRef(-1);\n  const currentJourneyId = useRef<TJourneyId | undefined>();\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { post: postJourneyCompletion } = usePostUserJourney();\n  const { data: userCompletedJourneys = null, get: getJourneyProgress } = useGetUserJourney();\n\n  const setJourney = useCallback(\n    (id: TJourneyId, coachmarks: ICoachmarkProps[]) => {\n      if (coachmarkList.length > 0) {\n        console.error(\n          `setJourney: Other Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n      setIsJourneyActive(true);\n      currentJourneyId.current = id;\n      currentIndex.current = -1;\n      setCoachmarkList([...coachmarks]);\n    },\n    [coachmarkList.length],\n  );\n\n  const clearJourney = useCallback(() => {\n    // Clear all timers\n    timerRefs.current.forEach(timer => {\n      clearTimeout(timer);\n    });\n    timerRefs.current = [];\n    currentJourneyId.current = undefined;\n    currentIndex.current = -1;\n    setCoachmarkList([]);\n    setIsJourneyActive(false);\n  }, []);\n\n  const endJourney = useCallback(\n    (journeyId: TJourneyId) => {\n      clearJourney();\n      setUserCompletedJourneyIds(prev => {\n        if (prev && !prev.includes(journeyId)) {\n          return [...prev, journeyId];\n        }\n\n        return prev;\n      });\n      // fire the API (doesn’t block the UI)\n      postJourneyCompletion({\n        app_id: appId,\n        user_id: userId,\n        journey_id: journeyId,\n        journey_status: 'COMPLETED',\n      });\n    },\n    [appId, clearJourney, postJourneyCompletion, userId],\n  );\n\n  const addCoachmark = useCallback((id: TJourneyId, coachmark: ICoachmarkProps) => {\n    if (!currentJourneyId.current || id !== currentJourneyId.current) {\n      console.error(\n        currentJourneyId.current\n          ? `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`\n          : `addCoachmark was called before setJourney and Journey ID is undefined`,\n      );\n\n      return;\n    }\n\n    setCoachmarkList(prev => [...prev, coachmark]);\n  }, []);\n\n  const nextCoachmark = useCallback(\n    (\n      id: TJourneyId,\n      keepPrevActive: boolean = false,\n      delayInMs: number = 0,\n      shouldBlurNextJourney: boolean = false,\n    ) => {\n      if (!currentJourneyId.current || id !== currentJourneyId.current) {\n        console.error(\n          currentJourneyId.current\n            ? `nextCoachmark was called before setJourney`\n            : `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n\n      setIsJourneyBlurred(shouldBlurNextJourney);\n\n      if (delayInMs !== 0) {\n        // If delay is not 0, we will hide all them coachmarks and reveal only after the delay\n        setCoachmarkList(prevList => {\n          return prevList.map((item: ICoachmarkProps) => {\n            return { ...item, isActive: false };\n          });\n        });\n      }\n\n      const timer = setTimeout(() => {\n        clearTimeout(timer);\n        const currIndex = currentIndex.current + 1;\n\n        setCoachmarkList(prevList => {\n          // Finish onboarding\n          if (currIndex >= prevList.length || prevList.length === 0) {\n            clearJourney();\n\n            return [];\n          }\n\n          currentIndex.current = currIndex;\n          const updatedCoachmarkList = [...prevList];\n\n          (updatedCoachmarkList[currIndex] as ICoachmarkProps).isActive = true;\n\n          if (currIndex > 0) {\n            (updatedCoachmarkList[currIndex - 1] as ICoachmarkProps).isActive = keepPrevActive;\n          }\n\n          return updatedCoachmarkList;\n        });\n      }, delayInMs);\n\n      timerRefs.current.push(timer);\n    },\n    [clearJourney],\n  );\n\n  const memoizedContextValue: IJourneyContext = useMemo(\n    () => ({\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarks: coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    }),\n    [\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    ],\n  );\n\n  // Get the initial state of incompleteJourneys\n  useEffect(() => {\n    if (appId && userId) {\n      getJourneyProgress(userId, {\n        app_id: appId,\n        user_id: userId,\n        journey_status: 'COMPLETED',\n      });\n    }\n  }, [appId, getJourneyProgress, userId]);\n\n  // Set the data to context state initially\n  useEffect(() => {\n    if (userCompletedJourneys) {\n      const completedUserJourneysIds = userCompletedJourneys.map(journey => journey.journey_id);\n\n      setUserCompletedJourneyIds(completedUserJourneysIds);\n    }\n  }, [userCompletedJourneys]);\n\n  return (\n    <JourneyContext.Provider value={memoizedContextValue}>\n      {isJourneyActive && (\n        <S.Overlay\n          about=\"journey-overlay\"\n          isJourneyBlurred={isJourneyBlurred}\n          data-testid={currentJourneyId.current}\n        >\n          {coachmarkList.map((coachmark, index) => (\n            <Coachmark key={`coachmark-${index}`} coachmark={coachmark} />\n          ))}\n        </S.Overlay>\n      )}\n      {children}\n    </JourneyContext.Provider>\n  );\n};\n"],"names":["JourneyContext","createContext","JourneyProvider","children","appId","userId","isJourneyBlurred","setIsJourneyBlurred","useState","userCompletedJourneyIds","setUserCompletedJourneyIds","coachmarkList","setCoachmarkList","isJourneyActive","setIsJourneyActive","currentIndex","useRef","currentJourneyId","timerRefs","postJourneyCompletion","usePostUserJourney","userCompletedJourneys","getJourneyProgress","useGetUserJourney","setJourney","useCallback","id","coachmarks","clearJourney","timer","endJourney","journeyId","prev","addCoachmark","coachmark","nextCoachmark","keepPrevActive","delayInMs","shouldBlurNextJourney","prevList","item","currIndex","updatedCoachmarkList","memoizedContextValue","useMemo","useEffect","completedUserJourneysIds","journey","jsxs","jsx","S.Overlay","index","Coachmark"],"mappings":"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"}

package/dist/features/journey/use-journey/journey-styled.js

@@ -1,14 +1,19 @@
-import o from "styled-components";
-import { BLUR_OVERLAY_Z_INDEX as t } from "./constants.js";
-const e = o.div`
+import t, { css as i } from "styled-components";
+import { BLUR_OVERLAY_Z_INDEX as e } from "./constants.js";
+const b = t.div`
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: ${t};
+  z-index: ${e};
+  ${({ isJourneyBlurred: o, theme: r }) => o && i`
+      background: ${r.colors.BLACK_T_38};
+      backdrop-filter: blur(80px);
+      -webkit-backdrop-filter: blur(80px);
+    `}
 `;
 export {
-  e as Overlay
+  b as Overlay
 };
 //# sourceMappingURL=journey-styled.js.map

package/dist/features/journey/use-journey/journey-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-styled.js","sources":["../../../../src/features/journey/use-journey/journey-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BLUR_OVERLAY_Z_INDEX } from './constants';\n\nexport const Overlay = styled.div`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${BLUR_OVERLAY_Z_INDEX};\n`;\n"],"names":["Overlay","styled","BLUR_OVERLAY_Z_INDEX"],"mappings":";;AAIO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjBC,CAAoB;AAAA;"}
+{"version":3,"file":"journey-styled.js","sources":["../../../../src/features/journey/use-journey/journey-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { css } from 'styled-components';\n\nimport { BLUR_OVERLAY_Z_INDEX } from './constants';\n\nexport const Overlay = styled.div<{ isJourneyBlurred: boolean }>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ${BLUR_OVERLAY_Z_INDEX};\n  ${({ isJourneyBlurred, theme }) =>\n    isJourneyBlurred &&\n    css`\n      background: ${theme.colors.BLACK_T_38};\n      backdrop-filter: blur(80px);\n      -webkit-backdrop-filter: blur(80px);\n    `}\n`;\n``;\n"],"names":["Overlay","styled","BLUR_OVERLAY_Z_INDEX","isJourneyBlurred","theme","css"],"mappings":";;AAKO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjBC,CAAoB;AAAA,IAC7B,CAAC,EAAE,kBAAAC,GAAkB,OAAAC,EAAA,MACrBD,KACAE;AAAA,oBACgBD,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA,KAGtC;AAAA;"}

package/dist/features/milestone/create/api/goal-submit.js

@@ -1,5 +1,5 @@
 import { createPostAPI as t } from "@cuemath/rest-api";
-import { BASE_URL_V3_1 as e } from "../../../../constants/api.js";
+import { BASE_URL_V3_2 as e } from "../../../../constants/api.js";
 const { usePost: i } = t({
   getURL: (s, { studentId: o }) => `${e}/users/${o}/milestones/`
 });

package/dist/features/milestone/create/api/goal-submit.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-submit.js","sources":["../../../../../src/features/milestone/create/api/goal-submit.ts"],"sourcesContent":["import type { TMilestonePayload } from '../milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_1 } from '../../../../constants/api';\n\nconst { usePost: useGoalCreationPost } = createPostAPI<\n  { id: string },\n  TMilestonePayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V3_1}/users/${studentId}/milestones/`,\n});\n\nexport { useGoalCreationPost };\n"],"names":["useGoalCreationPost","createPostAPI","_","studentId","BASE_URL_V3_1"],"mappings":";;AAMA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAa,UAAUD,CAAS;AACnE,CAAC;"}
+{"version":3,"file":"goal-submit.js","sources":["../../../../../src/features/milestone/create/api/goal-submit.ts"],"sourcesContent":["import type { TMilestonePayload } from '../milestone-create-types';\n\nimport { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V3_2 } from '../../../../constants/api';\n\nconst { usePost: useGoalCreationPost } = createPostAPI<\n  { id: string },\n  TMilestonePayload,\n  { studentId: string }\n>({\n  getURL: (_, { studentId }) => `${BASE_URL_V3_2}/users/${studentId}/milestones/`,\n});\n\nexport { useGoalCreationPost };\n"],"names":["useGoalCreationPost","createPostAPI","_","studentId","BASE_URL_V3_2"],"mappings":";;AAMA,MAAM,EAAE,SAASA,EAAoB,IAAIC,EAIvC;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,EAAgB,MAAA,GAAGC,CAAa,UAAUD,CAAS;AACnE,CAAC;"}

package/dist/features/milestone/create/comps/chapter-item/chapter-item.js

@@ -1,75 +1,68 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { memo as G, useState as L, useRef as N, useCallback as p } from "react";
-import { SHEET_STATE as c } from "../../../../sheets/constants/sheet.js";
-import O from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import X from "../../../../ui/hooks/use-context-menu-click-handler.js";
-import j from "../../../../ui/image/image.js";
+import { memo as B, useState as G, useRef as L, useCallback as s } from "react";
+import { SHEET_STATE as p } from "../../../../sheets/constants/sheet.js";
+import N from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import O from "../../../../ui/hooks/use-context-menu-click-handler.js";
+import X from "../../../../ui/image/image.js";
 import w from "../../../../ui/layout/flex-view.js";
-import F from "../sheets-list/sheets-list.js";
-import { ChapterInfoWrapper as K, ChapterInfoIcon as P, SheetsListWrapper as U, ChapterListWrapper as q, ChapterProgressSVG as z, ChapterProgressSVGCircle as _, StyledText as A } from "./chapter-item-styled.js";
-const J = [
+import j from "../sheets-list/sheets-list.js";
+import { ChapterInfoWrapper as F, ChapterInfoIcon as K, SheetsListWrapper as P, ChapterListWrapper as U, ChapterProgressSVG as q, ChapterProgressSVGCircle as A, StyledText as E } from "./chapter-item-styled.js";
+const z = [
   "STARTED",
-  c.FAMILIAR,
-  c.PROFICIENT,
-  c.MASTERED
-], le = G((E) => {
-  const { chapterData: x, onChapterItemClick: h, isThisPrimaryChapter: R, showChapterTags: k, canAddChapter: l } = E, {
+  p.FAMILIAR,
+  p.PROFICIENT,
+  p.MASTERED
+], ie = B((_) => {
+  const { chapterData: x, onChapterItemClick: h, isThisPrimaryChapter: R, showChapterTags: k, canAddChapter: l } = _, {
     name: d,
-    image_url: y,
+    image_url: W,
     added: m,
     learning_sheet_data: g,
-    total_supplementary_sheets: W,
     id: f,
     chapter_tags: H,
     state: a
-  } = x, M = a && J.includes(a) && g.length > 0, u = a === "MASTERED", [e, C] = L(null), i = N(null), V = p(() => {
-    var I;
-    const { current: T } = i;
-    if (T) {
-      const r = (I = T.children[0]) == null ? void 0 : I.getBoundingClientRect();
+  } = x, M = a && z.includes(a) && g.length > 0, u = a === "MASTERED", [e, C] = G(null), i = L(null), V = s(() => {
+    var b;
+    const { current: I } = i;
+    if (I) {
+      const r = (b = I.children[0]) == null ? void 0 : b.getBoundingClientRect();
       if (r) {
-        const B = window.innerWidth, b = window.innerHeight, o = {};
-        r.left + 296 < B ? o.left = r.left : o.left = r.left + 20 - 296, r.top + 252 < b ? o.top = r.top + 20 : o.bottom = b - r.top + 8, Object.keys(o).length && C({ ...o });
+        const v = window.innerWidth, S = window.innerHeight, o = {};
+        r.left + 296 < v ? o.left = r.left : o.left = r.left + 20 - 296, r.top + 252 < S ? o.top = r.top + 20 : o.bottom = S - r.top + 8, Object.keys(o).length && C({ ...o });
       }
     }
   }, [C, i]), {
-    menuVisible: s,
+    menuVisible: c,
     onMenuClick: $,
-    hideMenu: S
-  } = X(i, V), D = p(() => {
-    s ? S() : $();
-  }, [$, S, s]), v = p(() => {
+    hideMenu: T
+  } = O(i, V), y = s(() => {
+    c ? T() : $();
+  }, [$, T, c]), D = s(() => {
     if (!l) return null;
     h(f);
   }, [l, f, h]);
   return /* @__PURE__ */ n(w, { $flexGap: 4, $position: "relative", children: [
-    /* @__PURE__ */ n(K, { ref: i, onClick: D, children: [
-      /* @__PURE__ */ t(P, { className: "goal-chapter-info-icon" }),
-      s && /* @__PURE__ */ t(
-        U,
+    /* @__PURE__ */ n(F, { ref: i, onClick: y, children: [
+      /* @__PURE__ */ t(K, { className: "goal-chapter-info-icon" }),
+      c && /* @__PURE__ */ t(
+        P,
         {
           $top: e == null ? void 0 : e.top,
           $left: e == null ? void 0 : e.left,
           $bottom: e == null ? void 0 : e.bottom,
-          children: /* @__PURE__ */ t(
-            F,
-            {
-              learningSheetData: g,
-              supplementarySheetsCount: W
-            }
-          )
+          children: /* @__PURE__ */ t(j, { learningSheetData: g })
         }
       )
     ] }),
     /* @__PURE__ */ t(
-      O,
+      N,
       {
         position: "bottom",
         renderAs: "primary",
         tooltipItem: "Duplicates can’t be added",
         hidden: !R,
         children: /* @__PURE__ */ n(
-          q,
+          U,
           {
             $widthX: 9.5,
             $heightX: 8.875,
@@ -81,13 +74,13 @@ const J = [
             $selectable: l,
             $borderColor: m ? "BLACK_T_87" : "WHITE_5",
             $background: m ? "WHITE_3" : "WHITE_1",
-            onClick: v,
+            onClick: D,
             children: [
               /* @__PURE__ */ n(w, { $position: "relative", children: [
-                M && /* @__PURE__ */ n(z, { width: "62px", height: "62px", children: [
-                  /* @__PURE__ */ t(_, { $progress: 0, r: "30", cx: "31", cy: "31" }),
+                M && /* @__PURE__ */ n(q, { width: "62px", height: "62px", children: [
+                  /* @__PURE__ */ t(A, { $progress: 0, r: "30", cx: "31", cy: "31" }),
                   /* @__PURE__ */ t(
-                    _,
+                    A,
                     {
                       $progressCircle: !0,
                       $progressBackground: u ? "GREEN_5" : "BLACK",
@@ -99,9 +92,9 @@ const J = [
                   )
                 ] }),
                 /* @__PURE__ */ t(
-                  j,
+                  X,
                   {
-                    src: y || "",
+                    src: W || "",
                     alt: d,
                     withLoader: !0,
                     width: 56,
@@ -110,16 +103,16 @@ const J = [
                   }
                 )
               ] }),
-              /* @__PURE__ */ t(A, { $renderAs: "ab3", $align: "center", children: d })
+              /* @__PURE__ */ t(E, { $renderAs: "ab3", $align: "center", children: d })
             ]
           }
         )
       }
     ),
-    k && /* @__PURE__ */ t(A, { $renderAs: "ab3", $lineClampNo: 1, $color: "BLACK_T_60", children: H })
+    k && /* @__PURE__ */ t(E, { $renderAs: "ab3", $lineClampNo: 1, $color: "BLACK_T_60", children: H })
   ] });
 });
 export {
-  le as default
+  ie as default
 };
 //# sourceMappingURL=chapter-item.js.map

package/dist/features/milestone/create/comps/chapter-item/chapter-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-item.js","sources":["../../../../../../src/features/milestone/create/comps/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItem, ISheetsListPosition } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport { SHEET_STATE } from '../../../../sheets/constants/sheet';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport SheetsList from '../sheets-list/sheets-list';\nimport * as Styled from './chapter-item-styled';\n\nconst progressVisibleStates = [\n  'STARTED',\n  SHEET_STATE.FAMILIAR,\n  SHEET_STATE.PROFICIENT,\n  SHEET_STATE.MASTERED,\n];\n\nconst ChapterItemV2: FC<IChapterItem> = memo(props => {\n  const { chapterData, onChapterItemClick, isThisPrimaryChapter, showChapterTags, canAddChapter } =\n    props;\n  const {\n    name,\n    image_url: imageUrl,\n    added,\n    learning_sheet_data: learningSheetData,\n    total_supplementary_sheets: totalSupplementarySheets,\n    id: chapterId,\n    chapter_tags: chapterTags,\n    state,\n  } = chapterData;\n\n  const showProgress =\n    state && progressVisibleStates.includes(state) && learningSheetData.length > 0;\n  const isMastered = state === 'MASTERED';\n\n  const [sheetsListPositionCoordinates, setSheetsListPositionCoordinates] =\n    useState<ISheetsListPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const handleSetCoordinates = useCallback(() => {\n    const { current } = containerRef;\n\n    if (current) {\n      const boundingClientRect = current.children[0]?.getBoundingClientRect();\n\n      if (boundingClientRect) {\n        const viewportWidth = window.innerWidth;\n        const viewportHeight = window.innerHeight;\n\n        const positions: ISheetsListPosition = {};\n\n        //* 288 (Width of card) + 8 (left position) = 296\n        if (boundingClientRect.left + 296 < viewportWidth) {\n          positions.left = boundingClientRect.left;\n        } else {\n          positions.left = boundingClientRect.left + 20 - 296;\n        }\n\n        //* 252 (Max height of card)\n        if (boundingClientRect.top + 252 < viewportHeight) {\n          positions.top = boundingClientRect.top + 20;\n        } else {\n          positions.bottom = viewportHeight - boundingClientRect.top + 8;\n        }\n\n        if (Object.keys(positions).length) {\n          setSheetsListPositionCoordinates({ ...positions });\n        }\n      }\n    }\n  }, [setSheetsListPositionCoordinates, containerRef]);\n\n  const {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  } = useContextMenuClickHandler(containerRef, handleSetCoordinates);\n\n  const handleOnSheetsView = useCallback(() => {\n    if (!menuVisible) {\n      onMenuClick();\n    } else {\n      hideMenu();\n    }\n  }, [onMenuClick, hideMenu, menuVisible]);\n\n  const handleOnChapterItemClick = useCallback(() => {\n    if (!canAddChapter) return null;\n\n    onChapterItemClick(chapterId);\n  }, [canAddChapter, chapterId, onChapterItemClick]);\n\n  return (\n    <FlexView $flexGap={4} $position=\"relative\">\n      <Styled.ChapterInfoWrapper ref={containerRef} onClick={handleOnSheetsView}>\n        <Styled.ChapterInfoIcon className=\"goal-chapter-info-icon\" />\n        {menuVisible && (\n          <Styled.SheetsListWrapper\n            $top={sheetsListPositionCoordinates?.top}\n            $left={sheetsListPositionCoordinates?.left}\n            $bottom={sheetsListPositionCoordinates?.bottom}\n          >\n            <SheetsList\n              learningSheetData={learningSheetData}\n              supplementarySheetsCount={totalSupplementarySheets}\n            />\n          </Styled.SheetsListWrapper>\n        )}\n      </Styled.ChapterInfoWrapper>\n\n      <ArrowTooltip\n        position=\"bottom\"\n        renderAs=\"primary\"\n        tooltipItem=\"Duplicates can’t be added\"\n        hidden={!isThisPrimaryChapter}\n      >\n        <Styled.ChapterListWrapper\n          $widthX={9.5}\n          $heightX={8.875}\n          $gapX={1}\n          $gutterX={1}\n          $flexGap={12}\n          $position=\"relative\"\n          $alignItems=\"center\"\n          $selectable={canAddChapter}\n          $borderColor={added ? 'BLACK_T_87' : 'WHITE_5'}\n          $background={added ? 'WHITE_3' : 'WHITE_1'}\n          onClick={handleOnChapterItemClick}\n        >\n          <FlexView $position=\"relative\">\n            {showProgress && (\n              <Styled.ChapterProgressSVG width=\"62px\" height=\"62px\">\n                <Styled.ChapterProgressSVGCircle $progress={0} r=\"30\" cx=\"31\" cy=\"31\" />\n                <Styled.ChapterProgressSVGCircle\n                  $progressCircle\n                  $progressBackground={isMastered ? 'GREEN_5' : 'BLACK'}\n                  $progress={isMastered ? 360 : 95}\n                  r=\"30\"\n                  cx=\"31\"\n                  cy=\"31\"\n                />\n              </Styled.ChapterProgressSVG>\n            )}\n            <Image\n              src={imageUrl || ''}\n              alt={name}\n              withLoader\n              width={56}\n              height={56}\n              borderRadius={50}\n            />\n          </FlexView>\n\n          <Styled.StyledText $renderAs=\"ab3\" $align=\"center\">\n            {name}\n          </Styled.StyledText>\n        </Styled.ChapterListWrapper>\n      </ArrowTooltip>\n\n      {showChapterTags && (\n        <Styled.StyledText $renderAs=\"ab3\" $lineClampNo={1} $color=\"BLACK_T_60\">\n          {chapterTags}\n        </Styled.StyledText>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ChapterItemV2;\n"],"names":["progressVisibleStates","SHEET_STATE","ChapterItemV2","memo","props","chapterData","onChapterItemClick","isThisPrimaryChapter","showChapterTags","canAddChapter","name","imageUrl","added","learningSheetData","totalSupplementarySheets","chapterId","chapterTags","state","showProgress","isMastered","sheetsListPositionCoordinates","setSheetsListPositionCoordinates","useState","containerRef","useRef","handleSetCoordinates","useCallback","current","boundingClientRect","_a","viewportWidth","viewportHeight","positions","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleOnSheetsView","handleOnChapterItemClick","jsxs","FlexView","Styled.ChapterInfoWrapper","jsx","Styled.ChapterInfoIcon","Styled.SheetsListWrapper","SheetsList","ArrowTooltip","Styled.ChapterListWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Image","Styled.StyledText"],"mappings":"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"}
+{"version":3,"file":"chapter-item.js","sources":["../../../../../../src/features/milestone/create/comps/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItem, ISheetsListPosition } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport { SHEET_STATE } from '../../../../sheets/constants/sheet';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport SheetsList from '../sheets-list/sheets-list';\nimport * as Styled from './chapter-item-styled';\n\nconst progressVisibleStates = [\n  'STARTED',\n  SHEET_STATE.FAMILIAR,\n  SHEET_STATE.PROFICIENT,\n  SHEET_STATE.MASTERED,\n];\n\nconst ChapterItemV2: FC<IChapterItem> = memo(props => {\n  const { chapterData, onChapterItemClick, isThisPrimaryChapter, showChapterTags, canAddChapter } =\n    props;\n  const {\n    name,\n    image_url: imageUrl,\n    added,\n    learning_sheet_data: learningSheetData,\n    id: chapterId,\n    chapter_tags: chapterTags,\n    state,\n  } = chapterData;\n\n  const showProgress =\n    state && progressVisibleStates.includes(state) && learningSheetData.length > 0;\n  const isMastered = state === 'MASTERED';\n\n  const [sheetsListPositionCoordinates, setSheetsListPositionCoordinates] =\n    useState<ISheetsListPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const handleSetCoordinates = useCallback(() => {\n    const { current } = containerRef;\n\n    if (current) {\n      const boundingClientRect = current.children[0]?.getBoundingClientRect();\n\n      if (boundingClientRect) {\n        const viewportWidth = window.innerWidth;\n        const viewportHeight = window.innerHeight;\n\n        const positions: ISheetsListPosition = {};\n\n        //* 288 (Width of card) + 8 (left position) = 296\n        if (boundingClientRect.left + 296 < viewportWidth) {\n          positions.left = boundingClientRect.left;\n        } else {\n          positions.left = boundingClientRect.left + 20 - 296;\n        }\n\n        //* 252 (Max height of card)\n        if (boundingClientRect.top + 252 < viewportHeight) {\n          positions.top = boundingClientRect.top + 20;\n        } else {\n          positions.bottom = viewportHeight - boundingClientRect.top + 8;\n        }\n\n        if (Object.keys(positions).length) {\n          setSheetsListPositionCoordinates({ ...positions });\n        }\n      }\n    }\n  }, [setSheetsListPositionCoordinates, containerRef]);\n\n  const {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  } = useContextMenuClickHandler(containerRef, handleSetCoordinates);\n\n  const handleOnSheetsView = useCallback(() => {\n    if (!menuVisible) {\n      onMenuClick();\n    } else {\n      hideMenu();\n    }\n  }, [onMenuClick, hideMenu, menuVisible]);\n\n  const handleOnChapterItemClick = useCallback(() => {\n    if (!canAddChapter) return null;\n\n    onChapterItemClick(chapterId);\n  }, [canAddChapter, chapterId, onChapterItemClick]);\n\n  return (\n    <FlexView $flexGap={4} $position=\"relative\">\n      <Styled.ChapterInfoWrapper ref={containerRef} onClick={handleOnSheetsView}>\n        <Styled.ChapterInfoIcon className=\"goal-chapter-info-icon\" />\n        {menuVisible && (\n          <Styled.SheetsListWrapper\n            $top={sheetsListPositionCoordinates?.top}\n            $left={sheetsListPositionCoordinates?.left}\n            $bottom={sheetsListPositionCoordinates?.bottom}\n          >\n            <SheetsList learningSheetData={learningSheetData} />\n          </Styled.SheetsListWrapper>\n        )}\n      </Styled.ChapterInfoWrapper>\n\n      <ArrowTooltip\n        position=\"bottom\"\n        renderAs=\"primary\"\n        tooltipItem=\"Duplicates can’t be added\"\n        hidden={!isThisPrimaryChapter}\n      >\n        <Styled.ChapterListWrapper\n          $widthX={9.5}\n          $heightX={8.875}\n          $gapX={1}\n          $gutterX={1}\n          $flexGap={12}\n          $position=\"relative\"\n          $alignItems=\"center\"\n          $selectable={canAddChapter}\n          $borderColor={added ? 'BLACK_T_87' : 'WHITE_5'}\n          $background={added ? 'WHITE_3' : 'WHITE_1'}\n          onClick={handleOnChapterItemClick}\n        >\n          <FlexView $position=\"relative\">\n            {showProgress && (\n              <Styled.ChapterProgressSVG width=\"62px\" height=\"62px\">\n                <Styled.ChapterProgressSVGCircle $progress={0} r=\"30\" cx=\"31\" cy=\"31\" />\n                <Styled.ChapterProgressSVGCircle\n                  $progressCircle\n                  $progressBackground={isMastered ? 'GREEN_5' : 'BLACK'}\n                  $progress={isMastered ? 360 : 95}\n                  r=\"30\"\n                  cx=\"31\"\n                  cy=\"31\"\n                />\n              </Styled.ChapterProgressSVG>\n            )}\n            <Image\n              src={imageUrl || ''}\n              alt={name}\n              withLoader\n              width={56}\n              height={56}\n              borderRadius={50}\n            />\n          </FlexView>\n\n          <Styled.StyledText $renderAs=\"ab3\" $align=\"center\">\n            {name}\n          </Styled.StyledText>\n        </Styled.ChapterListWrapper>\n      </ArrowTooltip>\n\n      {showChapterTags && (\n        <Styled.StyledText $renderAs=\"ab3\" $lineClampNo={1} $color=\"BLACK_T_60\">\n          {chapterTags}\n        </Styled.StyledText>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ChapterItemV2;\n"],"names":["progressVisibleStates","SHEET_STATE","ChapterItemV2","memo","props","chapterData","onChapterItemClick","isThisPrimaryChapter","showChapterTags","canAddChapter","name","imageUrl","added","learningSheetData","chapterId","chapterTags","state","showProgress","isMastered","sheetsListPositionCoordinates","setSheetsListPositionCoordinates","useState","containerRef","useRef","handleSetCoordinates","useCallback","current","boundingClientRect","_a","viewportWidth","viewportHeight","positions","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleOnSheetsView","handleOnChapterItemClick","jsxs","FlexView","Styled.ChapterInfoWrapper","jsx","Styled.ChapterInfoIcon","Styled.SheetsListWrapper","SheetsList","ArrowTooltip","Styled.ChapterListWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Image","Styled.StyledText"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAwB;AAAA,EAC5B;AAAA,EACAC,EAAY;AAAA,EACZA,EAAY;AAAA,EACZA,EAAY;AACd,GAEMC,KAAkCC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,aAAAC,GAAa,oBAAAC,GAAoB,sBAAAC,GAAsB,iBAAAC,GAAiB,eAAAC,EAC9E,IAAAL,GACI;AAAA,IACJ,MAAAM;AAAA,IACA,WAAWC;AAAA,IACX,OAAAC;AAAA,IACA,qBAAqBC;AAAA,IACrB,IAAIC;AAAA,IACJ,cAAcC;AAAA,IACd,OAAAC;AAAA,EACE,IAAAX,GAEEY,IACJD,KAAShB,EAAsB,SAASgB,CAAK,KAAKH,EAAkB,SAAS,GACzEK,IAAaF,MAAU,YAEvB,CAACG,GAA+BC,CAAgC,IACpEC,EAAqC,IAAI,GACrCC,IAAeC,EAAuB,IAAI,GAE1CC,IAAuBC,EAAY,MAAM;;AACvC,UAAA,EAAE,SAAAC,EAAY,IAAAJ;AAEpB,QAAII,GAAS;AACX,YAAMC,KAAqBC,IAAAF,EAAQ,SAAS,CAAC,MAAlB,gBAAAE,EAAqB;AAEhD,UAAID,GAAoB;AACtB,cAAME,IAAgB,OAAO,YACvBC,IAAiB,OAAO,aAExBC,IAAiC,CAAA;AAGnC,QAAAJ,EAAmB,OAAO,MAAME,IAClCE,EAAU,OAAOJ,EAAmB,OAE1BI,EAAA,OAAOJ,EAAmB,OAAO,KAAK,KAI9CA,EAAmB,MAAM,MAAMG,IACvBC,EAAA,MAAMJ,EAAmB,MAAM,KAE/BI,EAAA,SAASD,IAAiBH,EAAmB,MAAM,GAG3D,OAAO,KAAKI,CAAS,EAAE,UACQX,EAAA,EAAE,GAAGW,EAAA,CAAW;AAAA,MAErD;AAAA,IACF;AAAA,EAAA,GACC,CAACX,GAAkCE,CAAY,CAAC,GAE7C;AAAA,IACJ,aAAAU;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAA2Bb,GAAcE,CAAoB,GAE3DY,IAAqBX,EAAY,MAAM;AAC3C,IAAKO,IAGME,MAFGD;EAIb,GAAA,CAACA,GAAaC,GAAUF,CAAW,CAAC,GAEjCK,IAA2BZ,EAAY,MAAM;AAC7C,QAAA,CAAChB,EAAsB,QAAA;AAE3B,IAAAH,EAAmBQ,CAAS;AAAA,EAC3B,GAAA,CAACL,GAAeK,GAAWR,CAAkB,CAAC;AAEjD,SACG,gBAAAgC,EAAAC,GAAA,EAAS,UAAU,GAAG,WAAU,YAC/B,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAA0B,KAAKlB,GAAc,SAASc,GACrD,UAAA;AAAA,MAAA,gBAAAK,EAACC,GAAA,EAAuB,WAAU,yBAAyB,CAAA;AAAA,MAC1DV,KACC,gBAAAS;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,MAAMxB,KAAA,gBAAAA,EAA+B;AAAA,UACrC,OAAOA,KAAA,gBAAAA,EAA+B;AAAA,UACtC,SAASA,KAAA,gBAAAA,EAA+B;AAAA,UAExC,UAAA,gBAAAsB,EAACG,KAAW,mBAAA/B,EAAsC,CAAA;AAAA,QAAA;AAAA,MACpD;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAA4B;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAY;AAAA,QACZ,QAAQ,CAACtC;AAAA,QAET,UAAA,gBAAA+B;AAAA,UAACQ;AAAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,OAAO;AAAA,YACP,UAAU;AAAA,YACV,UAAU;AAAA,YACV,WAAU;AAAA,YACV,aAAY;AAAA,YACZ,aAAarC;AAAA,YACb,cAAcG,IAAQ,eAAe;AAAA,YACrC,aAAaA,IAAQ,YAAY;AAAA,YACjC,SAASyB;AAAA,YAET,UAAA;AAAA,cAAC,gBAAAC,EAAAC,GAAA,EAAS,WAAU,YACjB,UAAA;AAAA,gBAAAtB,uBACE8B,GAAA,EAA0B,OAAM,QAAO,QAAO,QAC7C,UAAA;AAAA,kBAAC,gBAAAN,EAAAO,GAAA,EAAgC,WAAW,GAAG,GAAE,MAAK,IAAG,MAAK,IAAG,KAAK,CAAA;AAAA,kBACtE,gBAAAP;AAAA,oBAACO;AAAAA,oBAAA;AAAA,sBACC,iBAAe;AAAA,sBACf,qBAAqB9B,IAAa,YAAY;AAAA,sBAC9C,WAAWA,IAAa,MAAM;AAAA,sBAC9B,GAAE;AAAA,sBACF,IAAG;AAAA,sBACH,IAAG;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA,GACF;AAAA,gBAEF,gBAAAuB;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,KAAKtC,KAAY;AAAA,oBACjB,KAAKD;AAAA,oBACL,YAAU;AAAA,oBACV,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,cAAc;AAAA,kBAAA;AAAA,gBAChB;AAAA,cAAA,GACF;AAAA,cAEA,gBAAA+B,EAACS,GAAA,EAAkB,WAAU,OAAM,QAAO,UACvC,UACHxC,GAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,IAECF,KACE,gBAAAiC,EAAAS,GAAA,EAAkB,WAAU,OAAM,cAAc,GAAG,QAAO,cACxD,UACHnC,EAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}