@cuemath/leap 2.9.11-as1 → 2.9.11

package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js

@@ -1,101 +1,58 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { memo as T, useState as b, useRef as S, useCallback as W, useLayoutEffect as _ } from "react";
-import k from "../../../../assets/line-icons/icons/check2.js";
-import h from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import A from "../../../ui/layout/flex-view.js";
-import { ChapterItemWrapper as H, ChapterImageWrapper as P, ChapterProgressWrapper as j, ChapterProgressSVG as G, ChapterProgressSVGCircle as m, ChapterImage as V, StyledCheckIconWrapper as X, ChapterName as z } from "./chapter-item-styled.js";
-const B = T(
-  ({ milestoneId: o, chapter: i, onChapterClick: a, itemIndex: d }) => {
-    const {
-      name: l,
-      image_url: g,
-      progress_stat: u,
-      image_hue: C
-    } = i, { mandatory: $, optional: f } = u || {}, { completed: s = 0, total: c = 0 } = $ || {}, { total: I = 0 } = f || {}, [x, y] = b(!1), t = S(null), p = s > 0 ? Math.floor((s / c || 1) * 100) : 0, r = c + I, w = W(() => {
-      if (r === 0)
-        return null;
-      a(i, o);
-    }, [i, o, a, r]);
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { memo as C, useState as x, useRef as w, useCallback as T, useLayoutEffect as _ } from "react";
+import { useTheme as y } from "styled-components";
+import j from "../../../milestone/create/comps/milestone-progress-v2/milestone-progress-v2.js";
+import A from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import I from "../../../ui/layout/flex-view.js";
+import { ChapterItemWrapper as L, ChapterImage as b, ChapterName as H } from "./chapter-item-styled.js";
+const V = C(
+  ({ milestoneId: t, userType: m, chapter: s, onChapterClick: a, itemIndex: i }) => {
+    const p = y(), { gutter: r } = p.layout, f = !!((i + 1) % 2), { name: l, image_url: h, user_chapter_progress: n } = s, { total_core_sheets: u } = n, [d, g] = x(!1), e = w(null), $ = T(() => {
+      a(s, t);
+    }, [s, t, a]);
     return _(() => {
-      t.current && t.current.scrollHeight > t.current.clientHeight && y(!0);
-    }, [t]), /* @__PURE__ */ e(
-      h,
+      e.current && e.current.scrollHeight > e.current.clientHeight && g(!0);
+    }, [e]), /* @__PURE__ */ c(
+      L,
       {
-        renderAs: "primary",
-        position: "bottom",
-        tooltipItem: "Coming soon! We’re building this chapter",
-        hidden: r > 0,
-        parentWidth: "100%",
-        zIndex: 5,
-        children: /* @__PURE__ */ n(
-          H,
-          {
-            id: `milestone-chapter-${o || ""}-${d}`,
-            $alignItems: "center",
-            $gapX: 1,
-            $gutterX: 1,
-            $flexGap: 8,
-            $background: "WHITE_1",
-            onClick: w,
-            className: "goal-widget-chapter-item",
-            $bgColor: `${C}_1`,
-            shouldHideClick: r === 0,
-            children: [
-              /* @__PURE__ */ n(
-                P,
-                {
-                  $width: "fit-content",
-                  $position: "relative",
-                  $justifyContent: "center",
-                  $alignItems: "center",
-                  children: [
-                    /* @__PURE__ */ e(j, { children: /* @__PURE__ */ n(G, { width: "96px", height: "96px", children: [
-                      /* @__PURE__ */ e(m, { $progress: 0, r: "47", cx: "48", cy: "48" }),
-                      /* @__PURE__ */ e(
-                        m,
-                        {
-                          $progressCircle: !0,
-                          $progress: p * 2.98,
-                          r: "47",
-                          cx: "48",
-                          cy: "48"
-                        }
-                      )
-                    ] }) }),
-                    /* @__PURE__ */ e(V, { src: g, alt: "Chapter Image" }),
-                    p === 100 && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(k, { width: 20, height: 20 }) })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e(A, { $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(
-                h,
-                {
-                  renderAs: "primary",
-                  position: "bottom",
-                  tooltipItem: l,
-                  hidden: !x,
-                  widthX: 21.75,
-                  zIndex: 5,
-                  children: /* @__PURE__ */ e(
-                    z,
-                    {
-                      ref: t,
-                      $renderAs: "ab2",
-                      $color: "BLACK_T_87",
-                      $align: "center",
-                      children: l
-                    }
-                  )
-                }
-              ) })
-            ]
-          }
-        )
+        $justifyContent: "flex-start",
+        $gap: r * 1.25,
+        $gutter: r * 1.25,
+        $flexDirection: "row",
+        $flexColumnGap: r,
+        $shouldHaveLeftBorder: f,
+        onClick: $,
+        id: `milestone-chapter-${t}-${i}`,
+        className: "goal-widget-chapter-item",
+        children: [
+          /* @__PURE__ */ o(b, { src: h, alt: "Chapter Image" }),
+          /* @__PURE__ */ c(I, { $justifyContent: "center", $flexRowGap: r * 0.75, children: [
+            /* @__PURE__ */ o(
+              A,
+              {
+                renderAs: "primary",
+                position: "bottom",
+                tooltipItem: l,
+                hidden: !d,
+                widthX: 21.75,
+                children: /* @__PURE__ */ o(H, { ref: e, $renderAs: "ab2", $color: "BLACK_T_87", children: l })
+              }
+            ),
+            !!u && /* @__PURE__ */ o(
+              j,
+              {
+                userType: m,
+                milestoneId: t,
+                progressInfo: n
+              }
+            )
+          ] })
+        ]
       }
     );
   }
 );
 export {
-  B as default
+  V as default
 };
 //# sourceMappingURL=chapter-item.js.map

package/dist/features/chapters/chapters-list/chapter-item/chapter-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-item.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItemProps } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, useState, memo } from 'react';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(\n  ({ milestoneId, chapter, onChapterClick, itemIndex }) => {\n    const {\n      name,\n      image_url: imageUrl,\n      progress_stat: chapterProgressStat,\n      image_hue: imageHue,\n    } = chapter;\n    const { mandatory, optional } = chapterProgressStat || {};\n    const { completed = 0, total: totalMandatory = 0 } = mandatory || {};\n    const { total: optionalTotal = 0 } = optional || {};\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const completionPercentage =\n      completed > 0 ? Math.floor((completed / totalMandatory || 1) * 100) : 0;\n    const totalSheets = totalMandatory + optionalTotal;\n    const handleOnChapterClick = useCallback(() => {\n      if (totalSheets === 0) {\n        return null;\n      }\n\n      onChapterClick(chapter, milestoneId);\n    }, [chapter, milestoneId, onChapterClick, totalSheets]);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    return (\n      <ArrowTooltip\n        renderAs=\"primary\"\n        position=\"bottom\"\n        tooltipItem=\"Coming soon! We’re building this chapter\"\n        hidden={totalSheets > 0}\n        parentWidth=\"100%\"\n        zIndex={5}\n      >\n        <Styled.ChapterItemWrapper\n          id={`milestone-chapter-${milestoneId || ''}-${itemIndex}`}\n          $alignItems=\"center\"\n          $gapX={1}\n          $gutterX={1}\n          $flexGap={8}\n          $background=\"WHITE_1\"\n          onClick={handleOnChapterClick}\n          className=\"goal-widget-chapter-item\"\n          $bgColor={`${imageHue}_1`}\n          shouldHideClick={totalSheets === 0}\n        >\n          <Styled.ChapterImageWrapper\n            $width=\"fit-content\"\n            $position=\"relative\"\n            $justifyContent=\"center\"\n            $alignItems=\"center\"\n          >\n            <Styled.ChapterProgressWrapper>\n              <Styled.ChapterProgressSVG width=\"96px\" height=\"96px\">\n                <Styled.ChapterProgressSVGCircle $progress={0} r=\"47\" cx=\"48\" cy=\"48\" />\n                <Styled.ChapterProgressSVGCircle\n                  $progressCircle\n                  $progress={completionPercentage * 2.98}\n                  r=\"47\"\n                  cx=\"48\"\n                  cy=\"48\"\n                />\n              </Styled.ChapterProgressSVG>\n            </Styled.ChapterProgressWrapper>\n\n            <Styled.ChapterImage src={imageUrl} alt=\"Chapter Image\" />\n\n            {completionPercentage === 100 && (\n              <Styled.StyledCheckIconWrapper>\n                <Check2Icon width={20} height={20} />\n              </Styled.StyledCheckIconWrapper>\n            )}\n          </Styled.ChapterImageWrapper>\n\n          <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              tooltipItem={name}\n              hidden={!showTitleTooltip}\n              widthX={21.75}\n              zIndex={5}\n            >\n              <Styled.ChapterName\n                ref={titleTextRef}\n                $renderAs=\"ab2\"\n                $color=\"BLACK_T_87\"\n                $align=\"center\"\n              >\n                {name}\n              </Styled.ChapterName>\n            </ArrowTooltip>\n          </FlexView>\n        </Styled.ChapterItemWrapper>\n      </ArrowTooltip>\n    );\n  },\n);\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","chapter","onChapterClick","itemIndex","name","imageUrl","chapterProgressStat","imageHue","mandatory","optional","completed","totalMandatory","optionalTotal","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","completionPercentage","totalSheets","handleOnChapterClick","useCallback","useLayoutEffect","jsx","ArrowTooltip","jsxs","Styled.ChapterItemWrapper","Styled.ChapterImageWrapper","Styled.ChapterProgressWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.ChapterImage","Styled.StyledCheckIconWrapper","Check2Icon","FlexView","Styled.ChapterName"],"mappings":";;;;;;AAUA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,aAAAC,GAAa,SAAAC,GAAS,gBAAAC,GAAgB,WAAAC,QAAgB;AACjD,UAAA;AAAA,MACJ,MAAAC;AAAA,MACA,WAAWC;AAAA,MACX,eAAeC;AAAA,MACf,WAAWC;AAAA,IACT,IAAAN,GACE,EAAE,WAAAO,GAAW,UAAAC,MAAaH,KAAuB,CAAA,GACjD,EAAE,WAAAI,IAAY,GAAG,OAAOC,IAAiB,EAAE,IAAIH,KAAa,IAC5D,EAAE,OAAOI,IAAgB,EAAE,IAAIH,KAAY,CAAA,GAC3C,CAACI,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAeC,EAAuB,IAAI,GAC1CC,IACJR,IAAY,IAAI,KAAK,OAAOA,IAAYC,KAAkB,KAAK,GAAG,IAAI,GAClEQ,IAAcR,IAAiBC,GAC/BQ,IAAuBC,EAAY,MAAM;AAC7C,UAAIF,MAAgB;AACX,eAAA;AAGT,MAAAjB,EAAeD,GAASD,CAAW;AAAA,OAClC,CAACC,GAASD,GAAaE,GAAgBiB,CAAW,CAAC;AAEtD,WAAAG,EAAgB,MAAM;AACpB,MACEN,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDF,EAAoB,EAAI;AAAA,IAC1B,GACC,CAACE,CAAY,CAAC,GAGf,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAY;AAAA,QACZ,QAAQL,IAAc;AAAA,QACtB,aAAY;AAAA,QACZ,QAAQ;AAAA,QAER,UAAA,gBAAAM;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,IAAI,qBAAqB1B,KAAe,EAAE,IAAIG,CAAS;AAAA,YACvD,aAAY;AAAA,YACZ,OAAO;AAAA,YACP,UAAU;AAAA,YACV,UAAU;AAAA,YACV,aAAY;AAAA,YACZ,SAASiB;AAAA,YACT,WAAU;AAAA,YACV,UAAU,GAAGb,CAAQ;AAAA,YACrB,iBAAiBY,MAAgB;AAAA,YAEjC,UAAA;AAAA,cAAA,gBAAAM;AAAA,gBAACE;AAAAA,gBAAA;AAAA,kBACC,QAAO;AAAA,kBACP,WAAU;AAAA,kBACV,iBAAgB;AAAA,kBAChB,aAAY;AAAA,kBAEZ,UAAA;AAAA,oBAAC,gBAAAJ,EAAAK,GAAA,EACC,UAAC,gBAAAH,EAAAI,GAAA,EAA0B,OAAM,QAAO,QAAO,QAC7C,UAAA;AAAA,sBAAC,gBAAAN,EAAAO,GAAA,EAAgC,WAAW,GAAG,GAAE,MAAK,IAAG,MAAK,IAAG,KAAK,CAAA;AAAA,sBACtE,gBAAAP;AAAA,wBAACO;AAAAA,wBAAA;AAAA,0BACC,iBAAe;AAAA,0BACf,WAAWZ,IAAuB;AAAA,0BAClC,GAAE;AAAA,0BACF,IAAG;AAAA,0BACH,IAAG;AAAA,wBAAA;AAAA,sBACL;AAAA,oBAAA,EAAA,CACF,EACF,CAAA;AAAA,sCAECa,GAAA,EAAoB,KAAK1B,GAAU,KAAI,iBAAgB;AAAA,oBAEvDa,MAAyB,OACvB,gBAAAK,EAAAS,GAAA,EACC,UAAC,gBAAAT,EAAAU,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EACrC,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAEJ;AAAA,cAEC,gBAAAV,EAAAW,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA,gBAAAX;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,UAAS;AAAA,kBACT,aAAapB;AAAA,kBACb,QAAQ,CAACS;AAAA,kBACT,QAAQ;AAAA,kBACR,QAAQ;AAAA,kBAER,UAAA,gBAAAU;AAAA,oBAACY;AAAAA,oBAAA;AAAA,sBACC,KAAKnB;AAAA,sBACL,WAAU;AAAA,sBACV,QAAO;AAAA,sBACP,QAAO;AAAA,sBAEN,UAAAZ;AAAA,oBAAA;AAAA,kBACH;AAAA,gBAAA;AAAA,cAAA,GAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"chapter-item.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItemProps } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, useState, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport MilestoneProgressInfoV2 from '../../../milestone/create/comps/milestone-progress-v2/milestone-progress-v2';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(\n  ({ milestoneId, userType, chapter, onChapterClick, itemIndex }) => {\n    const theme = useTheme();\n    const { gutter } = theme.layout;\n    const isOddIndex = !!((itemIndex + 1) % 2);\n    const { name, image_url: imageUrl, user_chapter_progress: chapterStats } = chapter;\n    const { total_core_sheets: totalLessons } = chapterStats;\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n    const titleTextRef = useRef<HTMLDivElement>(null);\n\n    const handleOnChapterClick = useCallback(() => {\n      onChapterClick(chapter, milestoneId);\n    }, [chapter, milestoneId, onChapterClick]);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    return (\n      <Styled.ChapterItemWrapper\n        $justifyContent={'flex-start'}\n        $gap={gutter * 1.25}\n        $gutter={gutter * 1.25}\n        $flexDirection=\"row\"\n        $flexColumnGap={gutter}\n        $shouldHaveLeftBorder={isOddIndex}\n        onClick={handleOnChapterClick}\n        id={`milestone-chapter-${milestoneId}-${itemIndex}`}\n        className=\"goal-widget-chapter-item\"\n      >\n        <Styled.ChapterImage src={imageUrl} alt=\"Chapter Image\" />\n        <FlexView $justifyContent=\"center\" $flexRowGap={gutter * 0.75}>\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={name}\n            hidden={!showTitleTooltip}\n            widthX={21.75}\n          >\n            <Styled.ChapterName ref={titleTextRef} $renderAs=\"ab2\" $color=\"BLACK_T_87\">\n              {name}\n            </Styled.ChapterName>\n          </ArrowTooltip>\n          {!!totalLessons && (\n            <MilestoneProgressInfoV2\n              userType={userType}\n              milestoneId={milestoneId}\n              progressInfo={chapterStats}\n            />\n          )}\n        </FlexView>\n      </Styled.ChapterItemWrapper>\n    );\n  },\n);\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","userType","chapter","onChapterClick","itemIndex","theme","useTheme","gutter","isOddIndex","name","imageUrl","chapterStats","totalLessons","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","handleOnChapterClick","useCallback","useLayoutEffect","jsxs","Styled.ChapterItemWrapper","jsx","Styled.ChapterImage","FlexView","ArrowTooltip","Styled.ChapterName","MilestoneProgressInfoV2"],"mappings":";;;;;;;AAWA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,aAAAC,GAAa,UAAAC,GAAU,SAAAC,GAAS,gBAAAC,GAAgB,WAAAC,QAAgB;AACjE,UAAMC,IAAQC,KACR,EAAE,QAAAC,EAAO,IAAIF,EAAM,QACnBG,IAAa,CAAC,GAAGJ,IAAY,KAAK,IAClC,EAAE,MAAAK,GAAM,WAAWC,GAAU,uBAAuBC,EAAiB,IAAAT,GACrE,EAAE,mBAAmBU,EAAiB,IAAAD,GACtC,CAACE,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAeC,EAAuB,IAAI,GAE1CC,IAAuBC,EAAY,MAAM;AAC7C,MAAAhB,EAAeD,GAASF,CAAW;AAAA,IAClC,GAAA,CAACE,GAASF,GAAaG,CAAc,CAAC;AAEzC,WAAAiB,EAAgB,MAAM;AACpB,MACEJ,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDF,EAAoB,EAAI;AAAA,IAC1B,GACC,CAACE,CAAY,CAAC,GAGf,gBAAAK;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,MAAMf,IAAS;AAAA,QACf,SAASA,IAAS;AAAA,QAClB,gBAAe;AAAA,QACf,gBAAgBA;AAAA,QAChB,uBAAuBC;AAAA,QACvB,SAASU;AAAA,QACT,IAAI,qBAAqBlB,CAAW,IAAII,CAAS;AAAA,QACjD,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAmB,EAACC,GAAA,EAAoB,KAAKd,GAAU,KAAI,iBAAgB;AAAA,4BACvDe,GAAS,EAAA,iBAAgB,UAAS,aAAalB,IAAS,MACvD,UAAA;AAAA,YAAA,gBAAAgB;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,aAAajB;AAAA,gBACb,QAAQ,CAACI;AAAA,gBACT,QAAQ;AAAA,gBAER,UAAA,gBAAAU,EAACI,GAAA,EAAmB,KAAKX,GAAc,WAAU,OAAM,QAAO,cAC3D,UACHP,EAAA,CAAA;AAAA,cAAA;AAAA,YACF;AAAA,YACC,CAAC,CAACG,KACD,gBAAAW;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,UAAA3B;AAAA,gBACA,aAAAD;AAAA,gBACA,cAAcW;AAAA,cAAA;AAAA,YAChB;AAAA,UAAA,GAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/features/chapters/chapters-list/chapters-list-styled.js

@@ -1,15 +1,14 @@
 import r from "styled-components";
 import { MILESTONE_WIDGET_MIN_HEIGHT as o } from "../../milestone/constants.js";
-import i from "../../ui/layout/flex-view.js";
-const s = r(i)`
+import p from "../../ui/layout/flex-view.js";
+const s = r(p)`
   position: relative;
   min-height: ${o}px;
 `, n = r.div`
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(2, 1fr);
   align-content: start;
-`;
-r.div(({ theme: t }) => `
+`, d = r.div(({ theme: t }) => `
     position: absolute;
     bottom: ${t.layout.gutter}px;
     right: ${t.layout.gutter}px;
@@ -17,6 +16,7 @@ r.div(({ theme: t }) => `
     border-radius: 50%;
   `);
 export {
+  d as AddChapterIconWrapper,
   s as ChaptersListContainer,
   n as ChaptersWrapper
 };

package/dist/features/chapters/chapters-list/chapters-list-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapters-list-styled.js","sources":["../../../../src/features/chapters/chapters-list/chapters-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../milestone/constants';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst ChaptersListContainer = styled(FlexView)`\n  position: relative;\n  min-height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n`;\n\nconst ChaptersWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  align-content: start;\n`;\n\nconst AddChapterIconWrapper = styled.div(({ theme }) => {\n  return `\n    position: absolute;\n    bottom: ${theme.layout.gutter}px;\n    right: ${theme.layout.gutter}px;\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n    border-radius: 50%;\n  `;\n});\n\nexport { ChaptersListContainer, ChaptersWrapper, AddChapterIconWrapper };\n"],"names":["ChaptersListContainer","styled","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","ChaptersWrapper","theme"],"mappings":";;;AAKM,MAAAA,IAAwBC,EAAOC,CAAQ;AAAA;AAAA,gBAE7BC,CAA2B;AAAA,GAGrCC,IAAkBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAMDA,EAAO,IAAI,CAAC,EAAE,OAAAI,QACnC;AAAA;AAAA,cAEKA,EAAM,OAAO,MAAM;AAAA,aACpBA,EAAM,OAAO,MAAM;AAAA,oCACIA,EAAM,OAAO,UAAU;AAAA;AAAA,GAG1D;"}
+{"version":3,"file":"chapters-list-styled.js","sources":["../../../../src/features/chapters/chapters-list/chapters-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { MILESTONE_WIDGET_MIN_HEIGHT } from '../../milestone/constants';\nimport FlexView from '../../ui/layout/flex-view';\n\nconst ChaptersListContainer = styled(FlexView)`\n  position: relative;\n  min-height: ${MILESTONE_WIDGET_MIN_HEIGHT}px;\n`;\n\nconst ChaptersWrapper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  align-content: start;\n`;\n\nconst AddChapterIconWrapper = styled.div(({ theme }) => {\n  return `\n    position: absolute;\n    bottom: ${theme.layout.gutter}px;\n    right: ${theme.layout.gutter}px;\n    box-shadow: 0px 10px 20px 0px ${theme.colors.BLACK_T_20};\n    border-radius: 50%;\n  `;\n});\n\nexport { ChaptersListContainer, ChaptersWrapper, AddChapterIconWrapper };\n"],"names":["ChaptersListContainer","styled","FlexView","MILESTONE_WIDGET_MIN_HEIGHT","ChaptersWrapper","AddChapterIconWrapper","theme"],"mappings":";;;AAKM,MAAAA,IAAwBC,EAAOC,CAAQ;AAAA;AAAA,gBAE7BC,CAA2B;AAAA,GAGrCC,IAAkBH,EAAO;AAAA;AAAA;AAAA;AAAA,GAMzBI,IAAwBJ,EAAO,IAAI,CAAC,EAAE,OAAAK,QACnC;AAAA;AAAA,cAEKA,EAAM,OAAO,MAAM;AAAA,aACpBA,EAAM,OAAO,MAAM;AAAA,oCACIA,EAAM,OAAO,UAAU;AAAA;AAAA,GAG1D;"}

package/dist/features/chapters/chapters-list/chapters-list.js

@@ -1,78 +1,84 @@
-import { jsxs as p, jsx as r, Fragment as A } from "react/jsx-runtime";
-import { memo as T, useCallback as b } from "react";
+import { jsxs as i, jsx as r, Fragment as T } from "react/jsx-runtime";
+import { memo as b, useCallback as y } from "react";
 import { IMAGES as g } from "../../../assets/images/images.js";
-import k from "../../ui/arrow-tooltip/arrow-tooltip.js";
-import x from "../../ui/buttons/button/button.js";
+import k from "../../../assets/line-icons/icons/plus2.js";
+import x from "../../ui/arrow-tooltip/arrow-tooltip.js";
+import E from "../../ui/buttons/button/button.js";
+import I from "../../ui/buttons/icon-button/icon-button.js";
 import { useUIContext as $ } from "../../ui/context/context.js";
-import m from "../../ui/separator/separator.js";
-import y from "../../ui/text/text.js";
-import E from "./chapter-item/chapter-item.js";
-import { ChaptersListContainer as l, ChaptersWrapper as X } from "./chapters-list-styled.js";
-const I = T(
-  ({ milestoneId: t, canUpdatePlan: c, chapters: o, ...d }) => {
-    const { isGoalCreation: i, userType: h, onChapterClick: C, onAddChapter: e, isMilestoneActive: a } = d, { onClick: n } = $(), f = b(() => {
-      n({
+import d from "../../ui/separator/separator.js";
+import L from "../../ui/text/text.js";
+import X from "./chapter-item/chapter-item.js";
+import { ChaptersListContainer as h, ChaptersWrapper as M, AddChapterIconWrapper as S } from "./chapters-list-styled.js";
+const j = b(
+  ({ milestoneId: t, canUpdatePlan: n, chapters: a, ...C }) => {
+    const { isGoalCreation: s, userType: o, onChapterClick: f, onAddChapter: e, isMilestoneActive: p } = C, A = o === "TEACHER" && e && n, { onClick: c } = $(), m = y(() => {
+      c({
         label: "add_chapter_icon",
         props: {
           milestone_id: t
         }
-      }), e == null || e({ milestoneId: t, isGoalCreation: i });
-    }, [t, i, e, n]);
-    return o.length ? /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(X, { children: o.map((s, u) => {
-      const { id: _ } = s;
-      return /* @__PURE__ */ r(
-        E,
+      }), e == null || e({ milestoneId: t, isGoalCreation: s });
+    }, [t, s, e, c]);
+    return a.length ? /* @__PURE__ */ i(h, { children: [
+      /* @__PURE__ */ r(M, { children: a.map((l, u) => {
+        const { id: _ } = l;
+        return /* @__PURE__ */ r(
+          X,
+          {
+            milestoneId: t,
+            userType: o,
+            chapter: l,
+            onChapterClick: f,
+            itemIndex: u
+          },
+          _
+        );
+      }) }),
+      A && /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(
+        I,
         {
-          milestoneId: t,
-          chapter: s,
-          onChapterClick: C,
-          itemIndex: u
-        },
-        _
-      );
-    }) }) }) : /* @__PURE__ */ p(
-      l,
-      {
-        $gapX: 6.75,
-        $alignItems: "center",
-        $justifyContent: "center",
-        $background: "WHITE",
-        children: [
-          /* @__PURE__ */ r("img", { src: g.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
-          /* @__PURE__ */ r(m, { heightX: 2 }),
-          h === "TEACHER" ? /* @__PURE__ */ p(A, { children: [
-            /* @__PURE__ */ r(
-              k,
+          Icon: k,
+          renderAs: "secondary",
+          size: "small",
+          analyticsLabel: "add_chapter_icon",
+          onClick: m
+        }
+      ) })
+    ] }) : /* @__PURE__ */ i(h, { $gapX: 6.75, $alignItems: "center", $justifyContent: "center", children: [
+      /* @__PURE__ */ r("img", { src: g.EMPTY_MIX_TESTS, alt: "empty_mix_tests" }),
+      /* @__PURE__ */ r(d, { heightX: 2 }),
+      o === "TEACHER" ? /* @__PURE__ */ i(T, { children: [
+        /* @__PURE__ */ r(
+          x,
+          {
+            renderAs: "primary",
+            position: "bottom",
+            hidden: p,
+            tooltipItem: "Plan is completed",
+            children: /* @__PURE__ */ r(
+              E,
               {
+                widthX: 10,
                 renderAs: "primary",
-                position: "bottom",
-                hidden: a,
-                tooltipItem: "Plan is completed",
-                children: /* @__PURE__ */ r(
-                  x,
-                  {
-                    widthX: 10,
-                    renderAs: "primary",
-                    shape: "square",
-                    size: "small",
-                    label: "Add chapter",
-                    onClick: f,
-                    disabled: !a || !c,
-                    analyticsProps: {
-                      milestone_id: t
-                    }
-                  }
-                )
+                shape: "square",
+                size: "small",
+                label: "Add chapter",
+                onClick: m,
+                disabled: !p || !n,
+                analyticsProps: {
+                  milestone_id: t
+                }
               }
-            ),
-            /* @__PURE__ */ r(m, { heightX: 2 })
-          ] }) : /* @__PURE__ */ r(y, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to add a chapter" })
-        ]
-      }
-    );
+            )
+          }
+        ),
+        /* @__PURE__ */ r(d, { heightX: 2 })
+      ] }) : /* @__PURE__ */ r(L, { $renderAs: "ab2-bold", $color: "BLACK_T_87", children: "Wait for the teacher to add a chapter" })
+    ] });
   }
-), O = I;
+), K = j;
 export {
-  O as default
+  K as default
 };
 //# sourceMappingURL=chapters-list.js.map

package/dist/features/chapters/chapters-list/chapters-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapters-list.js","sources":["../../../../src/features/chapters/chapters-list/chapters-list.tsx"],"sourcesContent":["import type { IChaptersListProps } from './chapters-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../ui/buttons/button/button';\nimport { useUIContext } from '../../ui/context/context';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport ChapterItem from './chapter-item/chapter-item';\nimport * as Styled from './chapters-list-styled';\n\nconst ChaptersList: FC<IChaptersListProps> = memo(\n  ({ milestoneId, canUpdatePlan, chapters, ...restChaptersList }) => {\n    const { isGoalCreation, userType, onChapterClick, onAddChapter, isMilestoneActive } =\n      restChaptersList;\n\n    const { onClick: trackOnClick } = useUIContext();\n\n    const handleOnAddChapter = useCallback(() => {\n      trackOnClick({\n        label: 'add_chapter_icon',\n        props: {\n          milestone_id: milestoneId,\n        },\n      });\n      onAddChapter?.({ milestoneId, isGoalCreation });\n    }, [milestoneId, isGoalCreation, onAddChapter, trackOnClick]);\n\n    if (!chapters.length) {\n      return (\n        <Styled.ChaptersListContainer\n          $gapX={6.75}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"WHITE\"\n        >\n          <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n          <Separator heightX={2} />\n          {userType === 'TEACHER' ? (\n            <>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"bottom\"\n                hidden={isMilestoneActive}\n                tooltipItem=\"Plan is completed\"\n              >\n                <Button\n                  widthX={10}\n                  renderAs=\"primary\"\n                  shape=\"square\"\n                  size=\"small\"\n                  label=\"Add chapter\"\n                  onClick={handleOnAddChapter}\n                  disabled={!isMilestoneActive || !canUpdatePlan}\n                  analyticsProps={{\n                    milestone_id: milestoneId,\n                  }}\n                />\n              </ArrowTooltip>\n              <Separator heightX={2} />\n            </>\n          ) : (\n            <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n              Wait for the teacher to add a chapter\n            </Text>\n          )}\n        </Styled.ChaptersListContainer>\n      );\n    }\n\n    return (\n      <Styled.ChaptersListContainer>\n        <Styled.ChaptersWrapper>\n          {chapters.map((chapter, idx) => {\n            const { id } = chapter;\n\n            return (\n              <ChapterItem\n                key={id}\n                milestoneId={milestoneId}\n                chapter={chapter}\n                onChapterClick={onChapterClick}\n                itemIndex={idx}\n              />\n            );\n          })}\n        </Styled.ChaptersWrapper>\n      </Styled.ChaptersListContainer>\n    );\n  },\n);\n\nexport default ChaptersList;\n"],"names":["ChaptersList","memo","milestoneId","canUpdatePlan","chapters","restChaptersList","isGoalCreation","userType","onChapterClick","onAddChapter","isMilestoneActive","trackOnClick","useUIContext","handleOnAddChapter","useCallback","jsx","Styled.ChaptersListContainer","Styled.ChaptersWrapper","chapter","idx","id","ChapterItem","jsxs","IMAGES","Separator","Fragment","ArrowTooltip","Button","Text","ChaptersList$1"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAAuCC;AAAA,EAC3C,CAAC,EAAE,aAAAC,GAAa,eAAAC,GAAe,UAAAC,GAAU,GAAGC,QAAuB;AACjE,UAAM,EAAE,gBAAAC,GAAgB,UAAAC,GAAU,gBAAAC,GAAgB,cAAAC,GAAc,mBAAAC,EAC9D,IAAAL,GAEI,EAAE,SAASM,EAAa,IAAIC,EAAa,GAEzCC,IAAqBC,EAAY,MAAM;AAC9B,MAAAH,EAAA;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,UACL,cAAcT;AAAA,QAChB;AAAA,MAAA,CACD,GACcO,KAAA,QAAAA,EAAA,EAAE,aAAAP,GAAa,gBAAAI,EAAA;AAAA,OAC7B,CAACJ,GAAaI,GAAgBG,GAAcE,CAAY,CAAC;AAExD,WAACP,EAAS,SA2CX,gBAAAW,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EACE,UAASb,EAAA,IAAI,CAACc,GAASC,MAAQ;AACxB,YAAA,EAAE,IAAAC,EAAO,IAAAF;AAGb,aAAA,gBAAAH;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,aAAAnB;AAAA,UACA,SAAAgB;AAAA,UACA,gBAAAV;AAAA,UACA,WAAWW;AAAA,QAAA;AAAA,QAJNC;AAAA,MAAA;AAAA,IAKP,CAEH,GACH,EACF,CAAA,IAzDE,gBAAAE;AAAA,MAACN;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAI,EAAA,KAAKQ,EAAO,iBAAiB,KAAI,mBAAkB;AAAA,UACxD,gBAAAR,EAACS,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UACtBjB,MAAa,YAEV,gBAAAe,EAAAG,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAAV;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,QAAQhB;AAAA,gBACR,aAAY;AAAA,gBAEZ,UAAA,gBAAAK;AAAA,kBAACY;AAAA,kBAAA;AAAA,oBACC,QAAQ;AAAA,oBACR,UAAS;AAAA,oBACT,OAAM;AAAA,oBACN,MAAK;AAAA,oBACL,OAAM;AAAA,oBACN,SAASd;AAAA,oBACT,UAAU,CAACH,KAAqB,CAACP;AAAA,oBACjC,gBAAgB;AAAA,sBACd,cAAcD;AAAA,oBAChB;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAa,EAACS,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,UAAA,EAAA,CACzB,IAEC,gBAAAT,EAAAa,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,UAE/C,yCAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAyBV;AACF,GAEAC,IAAe7B;"}
+{"version":3,"file":"chapters-list.js","sources":["../../../../src/features/chapters/chapters-list/chapters-list.tsx"],"sourcesContent":["import type { IChaptersListProps } from './chapters-list-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport Plus2Icon from '../../../assets/line-icons/icons/plus2';\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../ui/context/context';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport ChapterItem from './chapter-item/chapter-item';\nimport * as Styled from './chapters-list-styled';\n\nconst ChaptersList: FC<IChaptersListProps> = memo(\n  ({ milestoneId, canUpdatePlan, chapters, ...restChaptersList }) => {\n    const { isGoalCreation, userType, onChapterClick, onAddChapter, isMilestoneActive } =\n      restChaptersList;\n\n    const canAddChapter = userType === 'TEACHER' && onAddChapter && canUpdatePlan;\n    const { onClick: trackOnClick } = useUIContext();\n\n    const handleOnAddChapter = useCallback(() => {\n      trackOnClick({\n        label: 'add_chapter_icon',\n        props: {\n          milestone_id: milestoneId,\n        },\n      });\n      onAddChapter?.({ milestoneId, isGoalCreation });\n    }, [milestoneId, isGoalCreation, onAddChapter, trackOnClick]);\n\n    if (!chapters.length) {\n      return (\n        <Styled.ChaptersListContainer $gapX={6.75} $alignItems=\"center\" $justifyContent=\"center\">\n          <img src={IMAGES.EMPTY_MIX_TESTS} alt=\"empty_mix_tests\" />\n          <Separator heightX={2} />\n          {userType === 'TEACHER' ? (\n            <>\n              <ArrowTooltip\n                renderAs=\"primary\"\n                position=\"bottom\"\n                hidden={isMilestoneActive}\n                tooltipItem=\"Plan is completed\"\n              >\n                <Button\n                  widthX={10}\n                  renderAs=\"primary\"\n                  shape=\"square\"\n                  size=\"small\"\n                  label=\"Add chapter\"\n                  onClick={handleOnAddChapter}\n                  disabled={!isMilestoneActive || !canUpdatePlan}\n                  analyticsProps={{\n                    milestone_id: milestoneId,\n                  }}\n                />\n              </ArrowTooltip>\n              <Separator heightX={2} />\n            </>\n          ) : (\n            <Text $renderAs=\"ab2-bold\" $color=\"BLACK_T_87\">\n              Wait for the teacher to add a chapter\n            </Text>\n          )}\n        </Styled.ChaptersListContainer>\n      );\n    }\n\n    return (\n      <Styled.ChaptersListContainer>\n        <Styled.ChaptersWrapper>\n          {chapters.map((chapter, idx) => {\n            const { id } = chapter;\n\n            return (\n              <ChapterItem\n                key={id}\n                milestoneId={milestoneId}\n                userType={userType}\n                chapter={chapter}\n                onChapterClick={onChapterClick}\n                itemIndex={idx}\n              />\n            );\n          })}\n        </Styled.ChaptersWrapper>\n        {canAddChapter && (\n          <Styled.AddChapterIconWrapper>\n            <IconButton\n              Icon={Plus2Icon}\n              renderAs=\"secondary\"\n              size=\"small\"\n              analyticsLabel=\"add_chapter_icon\"\n              onClick={handleOnAddChapter}\n            />\n          </Styled.AddChapterIconWrapper>\n        )}\n      </Styled.ChaptersListContainer>\n    );\n  },\n);\n\nexport default ChaptersList;\n"],"names":["ChaptersList","memo","milestoneId","canUpdatePlan","chapters","restChaptersList","isGoalCreation","userType","onChapterClick","onAddChapter","isMilestoneActive","canAddChapter","trackOnClick","useUIContext","handleOnAddChapter","useCallback","jsxs","Styled.ChaptersListContainer","jsx","Styled.ChaptersWrapper","chapter","idx","id","ChapterItem","Styled.AddChapterIconWrapper","IconButton","Plus2Icon","IMAGES","Separator","Fragment","ArrowTooltip","Button","Text","ChaptersList$1"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,IAAuCC;AAAA,EAC3C,CAAC,EAAE,aAAAC,GAAa,eAAAC,GAAe,UAAAC,GAAU,GAAGC,QAAuB;AACjE,UAAM,EAAE,gBAAAC,GAAgB,UAAAC,GAAU,gBAAAC,GAAgB,cAAAC,GAAc,mBAAAC,EAC9D,IAAAL,GAEIM,IAAgBJ,MAAa,aAAaE,KAAgBN,GAC1D,EAAE,SAASS,EAAa,IAAIC,EAAa,GAEzCC,IAAqBC,EAAY,MAAM;AAC9B,MAAAH,EAAA;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,UACL,cAAcV;AAAA,QAChB;AAAA,MAAA,CACD,GACcO,KAAA,QAAAA,EAAA,EAAE,aAAAP,GAAa,gBAAAI,EAAA;AAAA,OAC7B,CAACJ,GAAaI,GAAgBG,GAAcG,CAAY,CAAC;AAExD,WAACR,EAAS,SAsCZ,gBAAAY,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EACE,YAAS,IAAI,CAACC,GAASC,MAAQ;AACxB,cAAA,EAAE,IAAAC,EAAO,IAAAF;AAGb,eAAA,gBAAAF;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,aAAArB;AAAA,YACA,UAAAK;AAAA,YACA,SAAAa;AAAA,YACA,gBAAAZ;AAAA,YACA,WAAWa;AAAA,UAAA;AAAA,UALNC;AAAA,QAAA;AAAA,MAQV,CAAA,GACH;AAAA,MACCX,KACC,gBAAAO,EAACM,GAAA,EACC,UAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,MAAMC;AAAA,UACN,UAAS;AAAA,UACT,MAAK;AAAA,UACL,gBAAe;AAAA,UACf,SAASZ;AAAA,QAAA;AAAA,MAAA,GAEb;AAAA,IAEJ,EAAA,CAAA,IAhEE,gBAAAE,EAACC,GAAA,EAA6B,OAAO,MAAM,aAAY,UAAS,iBAAgB,UAC9E,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAI,EAAA,KAAKS,EAAO,iBAAiB,KAAI,mBAAkB;AAAA,MACxD,gBAAAT,EAACU,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MACtBrB,MAAa,YAEV,gBAAAS,EAAAa,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAX;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,QAAQpB;AAAA,YACR,aAAY;AAAA,YAEZ,UAAA,gBAAAQ;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,QAAQ;AAAA,gBACR,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,SAASjB;AAAA,gBACT,UAAU,CAACJ,KAAqB,CAACP;AAAA,gBACjC,gBAAgB;AAAA,kBACd,cAAcD;AAAA,gBAChB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAgB,EAACU,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,MAAA,EAAA,CACzB,IAEC,gBAAAV,EAAAc,GAAA,EAAK,WAAU,YAAW,QAAO,cAAa,UAE/C,yCAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAmCN;AACF,GAEAC,IAAejC;"}

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

@@ -7,15 +7,13 @@ const E = {
   EXTRA_PRACTICE_ASSIGNED: "EXTRA_PRACTICE_ASSIGNED",
   CHANGE_LOCATION: "CHANGE_LOCATION",
   SHEET_STARTED: "SHEET_STARTED",
-  SHEET_UNASSIGNED: "SHEET_UNASSIGNED",
-  SHEET_REATTEMPTED: "SHEET_REATTEMPTED",
-  INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION: "INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION"
+  SHEET_UNASSIGNED: "SHEET_UNASSIGNED"
 }, S = {
   GOAL_CREATED: "GOAL_CREATED",
   GOAL_EDITED: "GOAL_EDITED",
   GOAL_DELETED: "GOAL_DELETED",
   GOAL_OUTCOME_ADDED: "GOAL_OUTCOME_ADDED"
-}, T = {
+}, _ = {
   MILESTONE_NAME_UPDATED: "MILESTONE_NAME_UPDATED",
   MILESTONE_DATE_UPDATED: "MILESTONE_DATE_UPDATED",
   MILESTONE_DELETED: "MILESTONE_DELETED",
@@ -25,16 +23,12 @@ const E = {
   MILESTONE_RESOURCE_RESET: "MILESTONE_RESOURCE_RESET",
   PAST_MILESTONE_OUTCOME_ADDED: "PAST_MILESTONE_OUTCOME_ADDED",
   MILESTONE_TEST_ASSIGNED: "MILESTONE_TEST_ASSIGNED"
-}, _ = {
-  HOMEWORK_UNASSIGN: "HOMEWORK_UNASSIGN",
-  INVALIDATE_HOMEWORK: "INVALIDATE_HOMEWORK"
-}, A = {
+}, T = {
   ...E,
-  ...T,
-  ...S,
-  ..._
+  ..._,
+  ...S
 };
 export {
-  A as EVENTS
+  T as EVENTS
 };
 //# sourceMappingURL=constants.js.map

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  SHEET_REATTEMPTED: 'SHEET_REATTEMPTED',\n  INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION: 'INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION',\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 HOMEWORK_EVENTS = {\n  HOMEWORK_UNASSIGN: 'HOMEWORK_UNASSIGN',\n  INVALIDATE_HOMEWORK: 'INVALIDATE_HOMEWORK',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n  ...HOMEWORK_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","HOMEWORK_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;AAAA,EAClB,mBAAmB;AAAA,EACnB,+CAA+C;AACjD,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,IAAkB;AAAA,EACtB,mBAAmB;AAAA,EACnB,qBAAqB;AACvB,GAEMC,IAAS;AAAA,EACb,GAAGJ;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AAAA,EACH,GAAGE;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/comps/coachmark/coachmark.js

@@ -1,43 +1,43 @@
-import { jsx as e, jsxs as g, Fragment as f } from "react/jsx-runtime";
-import { useMemo as d } from "react";
+import { jsx as o, jsxs as g, Fragment as f } from "react/jsx-runtime";
+import { useMemo as p } from "react";
 import m from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import b from "../../../ui/nudge/nudge.js";
-import { BLUR_OVERLAY_Z_INDEX as T, IndicatorType as p } from "../../use-journey/constants.js";
-import { CoachmarkBody as w, ClonedElementWrapper as s } from "./coachmark-styled.js";
-import { toolTipGetXCoordinates as y } from "./coachmark-utils.js";
+import y from "../../../ui/nudge/nudge.js";
+import { BLUR_OVERLAY_Z_INDEX as T, IndicatorType as d } from "../../use-journey/constants.js";
+import { CoachmarkBody as P, ClonedElementWrapper as s } from "./coachmark-styled.js";
+import { toolTipGetXCoordinates as $ } from "./coachmark-utils.js";
 const H = ({ coachmark: t }) => {
-  const i = t.originalElementToHighlightRef.current, { top: r = 0, left: n = 0, height: h = 0, width: C = 0 } = (i == null ? void 0 : i.getBoundingClientRect()) || {}, l = d(() => () => i ? window.getComputedStyle(i).position === "absolute" : !1, [i]), u = d(() => {
-    const o = t.indicator;
+  const i = t.originalElementToHighlightRef.current, { top: r = 0, left: n = 0, height: h = 0, width: C = 0 } = (i == null ? void 0 : i.getBoundingClientRect()) || {}, l = p(() => () => i ? window.getComputedStyle(i).position === "absolute" : !1, [i]), u = p(() => {
+    const e = t.indicator;
     return {
       width: 264,
       // Can be over ridden
-      tooltipXCoOrdinates: y(o.position) + (o.tooltipXCoOrdinates ?? 0),
+      tooltipXCoOrdinates: $(e.position) + (e.tooltipXCoOrdinates ?? 0),
       // For absolutely positioned elements
       zIndex: T + 1,
-      ...o,
-      tooltipItem: /* @__PURE__ */ e(w, { children: o.tooltipItem }),
+      ...e,
+      tooltipItem: /* @__PURE__ */ o(P, { children: e.tooltipItem }),
       alwaysVisible: !0,
       renderAs: "primary",
       // Deprecate this
       borderWidth: 1,
-      arrowColor: o.arrowColor || "WHITE",
-      borderColor: o.borderColor || "WHITE",
-      type: p.TOOLTIP,
+      arrowColor: "WHITE",
+      borderColor: "WHITE",
+      type: d.TOOLTIP,
       isAnimated: !0
     };
-  }, [t.indicator]), I = d(() => {
-    const o = t.indicator;
+  }, [t.indicator]), I = p(() => {
+    const e = t.indicator;
     return {
-      ...o,
-      nudgePointerX: n + (o.nudgePointerX ?? 0),
-      nudgePointerY: r + (o.nudgePointerY ?? 0)
+      ...e,
+      nudgePointerX: n + (e.nudgePointerX ?? 0),
+      nudgePointerY: r + (e.nudgePointerY ?? 0)
     };
   }, [t.indicator, n, r]);
-  return !i || !t.isActive ? null : t.type === p.TOOLTIP ? l() ? /* @__PURE__ */ g(f, { children: [
+  return !i || !t.isActive ? null : t.type === d.TOOLTIP ? l() ? /* @__PURE__ */ g(f, { children: [
     t.elementToHighlight,
-    /* @__PURE__ */ e(s, { $position: "absolute", $top: r, $left: n, children: /* @__PURE__ */ e(m, { ...u, children: /* @__PURE__ */ e("div", { style: { height: h, width: C } }) }) })
-  ] }) : /* @__PURE__ */ e(s, { $position: "absolute", $top: r, $left: n, children: /* @__PURE__ */ e(m, { ...u, children: t.elementToHighlight }) }) : t.type === p.NUDGE ? /* @__PURE__ */ g(f, { children: [
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ o(s, { $position: "absolute", $top: r, $left: n, children: /* @__PURE__ */ o(m, { ...u, children: /* @__PURE__ */ o("div", { style: { height: h, width: C } }) }) })
+  ] }) : /* @__PURE__ */ o(s, { $position: "absolute", $top: r, $left: n, children: /* @__PURE__ */ o(m, { ...u, children: t.elementToHighlight }) }) : t.type === d.NUDGE ? /* @__PURE__ */ g(f, { children: [
+    /* @__PURE__ */ o(
       s,
       {
         $top: l() ? 0 : r,
@@ -46,7 +46,7 @@ const H = ({ coachmark: t }) => {
         children: t.elementToHighlight
       }
     ),
-    /* @__PURE__ */ e(b, { zIndex: T + 1, ...I })
+    /* @__PURE__ */ o(y, { zIndex: T + 1, ...I })
   ] }) : null;
 };
 export {

package/dist/features/journey/comps/coachmark/coachmark.js.map

@@ -1 +1 @@
-{"version":3,"file":"coachmark.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../ui/nudge/nudge-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport React, { useMemo } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Nudge from '../../../ui/nudge/nudge';\nimport { BLUR_OVERLAY_Z_INDEX, IndicatorType } from '../../use-journey/constants';\nimport * as S from './coachmark-styled';\nimport { toolTipGetXCoordinates } from './coachmark-utils';\n\nexport const Coachmark: React.FC<{ coachmark: ICoachmarkProps }> = ({ coachmark }) => {\n  const targetElement = coachmark.originalElementToHighlightRef.current;\n  const { top = 0, left = 0, height = 0, width = 0 } = targetElement?.getBoundingClientRect() || {};\n\n  const isAbsolute = useMemo(() => {\n    return () => {\n      if (!targetElement) return false;\n\n      return window.getComputedStyle(targetElement).position === 'absolute';\n    };\n  }, [targetElement]);\n\n  const tooltipProps = useMemo(() => {\n    const arrowToolTipProps = coachmark.indicator as IArrowTooltipProps;\n\n    return {\n      width: 264, // Can be over ridden\n      tooltipXCoOrdinates:\n        toolTipGetXCoordinates(arrowToolTipProps.position) +\n        (arrowToolTipProps.tooltipXCoOrdinates ?? 0), // For absolutely positioned elements\n      zIndex: BLUR_OVERLAY_Z_INDEX + 1,\n      ...arrowToolTipProps,\n      tooltipItem: <S.CoachmarkBody>{arrowToolTipProps.tooltipItem}</S.CoachmarkBody>,\n      alwaysVisible: true,\n      renderAs: 'primary', // Deprecate this\n      borderWidth: 1,\n      arrowColor: arrowToolTipProps.arrowColor || 'WHITE',\n      borderColor: arrowToolTipProps.borderColor || 'WHITE',\n      type: IndicatorType.TOOLTIP,\n      isAnimated: true,\n    } as IArrowTooltipProps;\n  }, [coachmark.indicator]);\n\n  const nudgeProps = useMemo(() => {\n    const props: INudgeProps = coachmark.indicator as INudgeProps;\n\n    return {\n      ...props,\n      nudgePointerX: left + (props.nudgePointerX ?? 0),\n      nudgePointerY: top + (props.nudgePointerY ?? 0),\n    };\n  }, [coachmark.indicator, left, top]);\n\n  if (!targetElement || !coachmark.isActive) {\n    return null;\n  }\n\n  if (coachmark.type === IndicatorType.TOOLTIP) {\n    if (isAbsolute()) {\n      return (\n        <>\n          {coachmark.elementToHighlight}\n          <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n            <ArrowTooltip {...tooltipProps}>\n              <div style={{ height, width }} />\n            </ArrowTooltip>\n          </S.ClonedElementWrapper>\n        </>\n      );\n    }\n\n    return (\n      <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n        <ArrowTooltip {...tooltipProps}>{coachmark.elementToHighlight}</ArrowTooltip>\n      </S.ClonedElementWrapper>\n    );\n  }\n\n  if (coachmark.type === IndicatorType.NUDGE) {\n    return (\n      <>\n        <S.ClonedElementWrapper\n          $top={isAbsolute() ? 0 : top}\n          $left={isAbsolute() ? 0 : left}\n          $position={isAbsolute() ? 'relative' : 'absolute'}\n        >\n          {coachmark.elementToHighlight}\n        </S.ClonedElementWrapper>\n        <Nudge zIndex={BLUR_OVERLAY_Z_INDEX + 1} {...nudgeProps} />\n      </>\n    );\n  }\n\n  return null;\n};\n"],"names":["Coachmark","coachmark","targetElement","top","left","height","width","isAbsolute","useMemo","tooltipProps","arrowToolTipProps","toolTipGetXCoordinates","BLUR_OVERLAY_Z_INDEX","jsx","S.CoachmarkBody","IndicatorType","nudgeProps","props","jsxs","Fragment","S.ClonedElementWrapper","ArrowTooltip","Nudge"],"mappings":";;;;;;;AAYO,MAAMA,IAAsD,CAAC,EAAE,WAAAC,QAAgB;AAC9E,QAAAC,IAAgBD,EAAU,8BAA8B,SACxD,EAAE,KAAAE,IAAM,GAAG,MAAAC,IAAO,GAAG,QAAAC,IAAS,GAAG,OAAAC,IAAQ,EAAE,KAAIJ,KAAA,gBAAAA,EAAe,4BAA2B,CAAA,GAEzFK,IAAaC,EAAQ,MAClB,MACAN,IAEE,OAAO,iBAAiBA,CAAa,EAAE,aAAa,aAFhC,IAI5B,CAACA,CAAa,CAAC,GAEZO,IAAeD,EAAQ,MAAM;AACjC,UAAME,IAAoBT,EAAU;AAE7B,WAAA;AAAA,MACL,OAAO;AAAA;AAAA,MACP,qBACEU,EAAuBD,EAAkB,QAAQ,KAChDA,EAAkB,uBAAuB;AAAA;AAAA,MAC5C,QAAQE,IAAuB;AAAA,MAC/B,GAAGF;AAAA,MACH,aAAc,gBAAAG,EAAAC,GAAA,EAAiB,YAAkB,aAAY;AAAA,MAC7D,eAAe;AAAA,MACf,UAAU;AAAA;AAAA,MACV,aAAa;AAAA,MACb,YAAYJ,EAAkB,cAAc;AAAA,MAC5C,aAAaA,EAAkB,eAAe;AAAA,MAC9C,MAAMK,EAAc;AAAA,MACpB,YAAY;AAAA,IAAA;AAAA,EACd,GACC,CAACd,EAAU,SAAS,CAAC,GAElBe,IAAaR,EAAQ,MAAM;AAC/B,UAAMS,IAAqBhB,EAAU;AAE9B,WAAA;AAAA,MACL,GAAGgB;AAAA,MACH,eAAeb,KAAQa,EAAM,iBAAiB;AAAA,MAC9C,eAAed,KAAOc,EAAM,iBAAiB;AAAA,IAAA;AAAA,KAE9C,CAAChB,EAAU,WAAWG,GAAMD,CAAG,CAAC;AAEnC,SAAI,CAACD,KAAiB,CAACD,EAAU,WACxB,OAGLA,EAAU,SAASc,EAAc,UAC/BR,MAGG,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAUlB,EAAA;AAAA,IACX,gBAAAY,EAACO,GAAA,EAAuB,WAAU,YAAW,MAAMjB,GAAK,OAAOC,GAC7D,UAAA,gBAAAS,EAACQ,KAAc,GAAGZ,GAChB,4BAAC,OAAI,EAAA,OAAO,EAAE,QAAAJ,GAAQ,OAAAC,EAAA,GAAS,EAAA,CACjC,EACF,CAAA;AAAA,EACF,EAAA,CAAA,sBAKDc,GAAA,EAAuB,WAAU,YAAW,MAAMjB,GAAK,OAAOC,GAC7D,4BAACiB,GAAc,EAAA,GAAGZ,GAAe,UAAAR,EAAU,oBAAmB,EAChE,CAAA,IAIAA,EAAU,SAASc,EAAc,QAG/B,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACO;AAAAA,MAAA;AAAA,QACC,MAAMb,MAAe,IAAIJ;AAAA,QACzB,OAAOI,MAAe,IAAIH;AAAA,QAC1B,WAAWG,MAAe,aAAa;AAAA,QAEtC,UAAUN,EAAA;AAAA,MAAA;AAAA,IACb;AAAA,sBACCqB,GAAM,EAAA,QAAQV,IAAuB,GAAI,GAAGI,GAAY;AAAA,EAC3D,EAAA,CAAA,IAIG;AACT;"}
+{"version":3,"file":"coachmark.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark.tsx"],"sourcesContent":["import type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { INudgeProps } from '../../../ui/nudge/nudge-types';\nimport type { ICoachmarkProps } from '../../use-journey/journey-context-types';\n\nimport React, { useMemo } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Nudge from '../../../ui/nudge/nudge';\nimport { BLUR_OVERLAY_Z_INDEX, IndicatorType } from '../../use-journey/constants';\nimport * as S from './coachmark-styled';\nimport { toolTipGetXCoordinates } from './coachmark-utils';\n\nexport const Coachmark: React.FC<{ coachmark: ICoachmarkProps }> = ({ coachmark }) => {\n  const targetElement = coachmark.originalElementToHighlightRef.current;\n  const { top = 0, left = 0, height = 0, width = 0 } = targetElement?.getBoundingClientRect() || {};\n\n  const isAbsolute = useMemo(() => {\n    return () => {\n      if (!targetElement) return false;\n\n      return window.getComputedStyle(targetElement).position === 'absolute';\n    };\n  }, [targetElement]);\n\n  const tooltipProps = useMemo(() => {\n    const arrowToolTipProps = coachmark.indicator as IArrowTooltipProps;\n\n    return {\n      width: 264, // Can be over ridden\n      tooltipXCoOrdinates:\n        toolTipGetXCoordinates(arrowToolTipProps.position) +\n        (arrowToolTipProps.tooltipXCoOrdinates ?? 0), // For absolutely positioned elements\n      zIndex: BLUR_OVERLAY_Z_INDEX + 1,\n      ...arrowToolTipProps,\n      tooltipItem: <S.CoachmarkBody>{arrowToolTipProps.tooltipItem}</S.CoachmarkBody>,\n      alwaysVisible: true,\n      renderAs: 'primary', // Deprecate this\n      borderWidth: 1,\n      arrowColor: 'WHITE',\n      borderColor: 'WHITE',\n      type: IndicatorType.TOOLTIP,\n      isAnimated: true,\n    } as IArrowTooltipProps;\n  }, [coachmark.indicator]);\n\n  const nudgeProps = useMemo(() => {\n    const props: INudgeProps = coachmark.indicator as INudgeProps;\n\n    return {\n      ...props,\n      nudgePointerX: left + (props.nudgePointerX ?? 0),\n      nudgePointerY: top + (props.nudgePointerY ?? 0),\n    };\n  }, [coachmark.indicator, left, top]);\n\n  if (!targetElement || !coachmark.isActive) {\n    return null;\n  }\n\n  if (coachmark.type === IndicatorType.TOOLTIP) {\n    if (isAbsolute()) {\n      return (\n        <>\n          {coachmark.elementToHighlight}\n          <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n            <ArrowTooltip {...tooltipProps}>\n              <div style={{ height, width }} />\n            </ArrowTooltip>\n          </S.ClonedElementWrapper>\n        </>\n      );\n    }\n\n    return (\n      <S.ClonedElementWrapper $position=\"absolute\" $top={top} $left={left}>\n        <ArrowTooltip {...tooltipProps}>{coachmark.elementToHighlight}</ArrowTooltip>\n      </S.ClonedElementWrapper>\n    );\n  }\n\n  if (coachmark.type === IndicatorType.NUDGE) {\n    return (\n      <>\n        <S.ClonedElementWrapper\n          $top={isAbsolute() ? 0 : top}\n          $left={isAbsolute() ? 0 : left}\n          $position={isAbsolute() ? 'relative' : 'absolute'}\n        >\n          {coachmark.elementToHighlight}\n        </S.ClonedElementWrapper>\n        <Nudge zIndex={BLUR_OVERLAY_Z_INDEX + 1} {...nudgeProps} />\n      </>\n    );\n  }\n\n  return null;\n};\n"],"names":["Coachmark","coachmark","targetElement","top","left","height","width","isAbsolute","useMemo","tooltipProps","arrowToolTipProps","toolTipGetXCoordinates","BLUR_OVERLAY_Z_INDEX","jsx","S.CoachmarkBody","IndicatorType","nudgeProps","props","jsxs","Fragment","S.ClonedElementWrapper","ArrowTooltip","Nudge"],"mappings":";;;;;;;AAYO,MAAMA,IAAsD,CAAC,EAAE,WAAAC,QAAgB;AAC9E,QAAAC,IAAgBD,EAAU,8BAA8B,SACxD,EAAE,KAAAE,IAAM,GAAG,MAAAC,IAAO,GAAG,QAAAC,IAAS,GAAG,OAAAC,IAAQ,EAAE,KAAIJ,KAAA,gBAAAA,EAAe,4BAA2B,CAAA,GAEzFK,IAAaC,EAAQ,MAClB,MACAN,IAEE,OAAO,iBAAiBA,CAAa,EAAE,aAAa,aAFhC,IAI5B,CAACA,CAAa,CAAC,GAEZO,IAAeD,EAAQ,MAAM;AACjC,UAAME,IAAoBT,EAAU;AAE7B,WAAA;AAAA,MACL,OAAO;AAAA;AAAA,MACP,qBACEU,EAAuBD,EAAkB,QAAQ,KAChDA,EAAkB,uBAAuB;AAAA;AAAA,MAC5C,QAAQE,IAAuB;AAAA,MAC/B,GAAGF;AAAA,MACH,aAAc,gBAAAG,EAAAC,GAAA,EAAiB,YAAkB,aAAY;AAAA,MAC7D,eAAe;AAAA,MACf,UAAU;AAAA;AAAA,MACV,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,MAAMC,EAAc;AAAA,MACpB,YAAY;AAAA,IAAA;AAAA,EACd,GACC,CAACd,EAAU,SAAS,CAAC,GAElBe,IAAaR,EAAQ,MAAM;AAC/B,UAAMS,IAAqBhB,EAAU;AAE9B,WAAA;AAAA,MACL,GAAGgB;AAAA,MACH,eAAeb,KAAQa,EAAM,iBAAiB;AAAA,MAC9C,eAAed,KAAOc,EAAM,iBAAiB;AAAA,IAAA;AAAA,KAE9C,CAAChB,EAAU,WAAWG,GAAMD,CAAG,CAAC;AAEnC,SAAI,CAACD,KAAiB,CAACD,EAAU,WACxB,OAGLA,EAAU,SAASc,EAAc,UAC/BR,MAGG,gBAAAW,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAUlB,EAAA;AAAA,IACX,gBAAAY,EAACO,GAAA,EAAuB,WAAU,YAAW,MAAMjB,GAAK,OAAOC,GAC7D,UAAA,gBAAAS,EAACQ,KAAc,GAAGZ,GAChB,4BAAC,OAAI,EAAA,OAAO,EAAE,QAAAJ,GAAQ,OAAAC,EAAA,GAAS,EAAA,CACjC,EACF,CAAA;AAAA,EACF,EAAA,CAAA,sBAKDc,GAAA,EAAuB,WAAU,YAAW,MAAMjB,GAAK,OAAOC,GAC7D,4BAACiB,GAAc,EAAA,GAAGZ,GAAe,UAAAR,EAAU,oBAAmB,EAChE,CAAA,IAIAA,EAAU,SAASc,EAAc,QAG/B,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN;AAAA,MAACO;AAAAA,MAAA;AAAA,QACC,MAAMb,MAAe,IAAIJ;AAAA,QACzB,OAAOI,MAAe,IAAIH;AAAA,QAC1B,WAAWG,MAAe,aAAa;AAAA,QAEtC,UAAUN,EAAA;AAAA,MAAA;AAAA,IACb;AAAA,sBACCqB,GAAM,EAAA,QAAQV,IAAuB,GAAI,GAAGI,GAAY;AAAA,EAC3D,EAAA,CAAA,IAIG;AACT;"}

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.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", R.CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_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))(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  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n  CHAPTER_PAGE_JOURNEY = 'CHAPTER_PAGE_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,oBACnBA,EAAA,uBAAuB,wBAXbA,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}\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;"}