@cuemath/leap 2.9.4-as5 → 2.9.4-link.0

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

@@ -24,14 +24,11 @@ const E = {
   PAST_MILESTONE_OUTCOME_ADDED: "PAST_MILESTONE_OUTCOME_ADDED",
   MILESTONE_TEST_ASSIGNED: "MILESTONE_TEST_ASSIGNED"
 }, T = {
-  HOMEWORK_UNASSIGN: "HOMEWORK_UNASSIGN"
-}, A = {
   ...E,
   ..._,
-  ...S,
-  ...T
+  ...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} 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} 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;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,IAAkB;AAAA,EACtB,mBAAmB;AACrB,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-styled.js

@@ -1,24 +1,17 @@
 import e from "styled-components";
-import r from "../../../ui/layout/flex-view.js";
-const d = e(r)`
+import p from "../../../ui/layout/flex-view.js";
+const d = e(p)`
   top: ${({ $top: t }) => t}px;
   left: ${({ $left: t }) => t}px;
-`, a = e(r)(({ theme: t }) => {
+`, l = e(p)(({ theme: t }) => {
   const { gutter: o } = t.layout;
   return `
     width: 100%;
     padding: ${o * 0.75}px ${o * 0.5}px;
   `;
-}), i = e.div`
-  pointer-events: none;
-  width: 720px;
-  overflow: hidden;
-  padding: 30px;
-  background-color: transparent;
-`;
+});
 export {
   d as ClonedElementWrapper,
-  a as CoachmarkBody,
-  i as ELementWrapper
+  l as CoachmarkBody
 };
 //# sourceMappingURL=coachmark-styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"coachmark-styled.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const ClonedElementWrapper = styled(FlexView)<{\n  $top: number;\n  $left: number;\n}>`\n  top: ${({ $top }) => $top}px;\n  left: ${({ $left }) => $left}px;\n`;\n\nexport const CoachmarkBody = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    padding: ${gutter * 0.75}px ${gutter * 0.5}px;\n  `;\n});\n\nexport const ELementWrapper = styled.div`\n  pointer-events: none;\n  width: 720px;\n  overflow: hidden;\n  padding: 30px;\n  background-color: transparent;\n`;\n"],"names":["ClonedElementWrapper","styled","FlexView","$top","$left","CoachmarkBody","theme","gutter","ELementWrapper"],"mappings":";;AAIa,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA,SAI1C,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA,UACjB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA,GAGjBC,IAAgBJ,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAI,QAAY;AACrD,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA,eAEMC,IAAS,IAAI,MAAMA,IAAS,GAAG;AAAA;AAE9C,CAAC,GAEYC,IAAiBP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"coachmark-styled.js","sources":["../../../../../src/features/journey/comps/coachmark/coachmark-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const ClonedElementWrapper = styled(FlexView)<{\n  $top: number;\n  $left: number;\n}>`\n  top: ${({ $top }) => $top}px;\n  left: ${({ $left }) => $left}px;\n`;\n\nexport const CoachmarkBody = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    padding: ${gutter * 0.75}px ${gutter * 0.5}px;\n  `;\n});\n"],"names":["ClonedElementWrapper","styled","FlexView","$top","$left","CoachmarkBody","theme","gutter"],"mappings":";;AAIa,MAAAA,IAAuBC,EAAOC,CAAQ;AAAA,SAI1C,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA,UACjB,CAAC,EAAE,OAAAC,EAAM,MAAMA,CAAK;AAAA,GAGjBC,IAAgBJ,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAI,QAAY;AACrD,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA,eAEMC,IAAS,IAAI,MAAMA,IAAS,GAAG;AAAA;AAE9C,CAAC;"}

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,6 +1,5 @@
-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 || {}), C = /* @__PURE__ */ ((R) => (R.HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY", R))(C || {});
+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,
-  C as JOURNEY_ID_TEACHER
+  E as JOURNEY_ID_STUDENT
 };
 //# sourceMappingURL=journey-id-student.js.map

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}\n\nexport enum JOURNEY_ID_TEACHER {\n  HOMEPAGE_JOURNEY = 'HOMEPAGE_JOURNEY',\n}\n"],"names":["JOURNEY_ID_STUDENT","JOURNEY_ID_TEACHER"],"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,GAaAC,sBAAAA,OACVA,EAAA,mBAAmB,oBADTA,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;"}

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

@@ -1,10 +1,10 @@
-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(
+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(
     (e, r) => {
       if (c.length > 0) {
         console.error(
@@ -12,13 +12,13 @@ const S = L(null), W = ({ children: T, appId: s, userId: o }) => {
         );
         return;
       }
-      v(!0), t.current = e, y.current = -1, a([...r]);
+      v(!0), t.current = e, m.current = -1, a([...r]);
     },
     [c.length]
   ), u = l(() => {
-    f.current.forEach((e) => {
+    d.current.forEach((e) => {
       clearTimeout(e);
-    }), f.current = [], t.current = void 0, y.current = -1, a([]), v(!1);
+    }), d.current = [], t.current = void 0, m.current = -1, a([]), v(!1);
   }, []), $ = l(
     (e) => {
       u(), p((r) => r && !r.includes(e) ? [...r, e] : r), _({
@@ -36,31 +36,31 @@ const S = L(null), W = ({ children: T, appId: s, userId: o }) => {
       );
       return;
     }
-    a((m) => [...m, r]);
+    a((y) => [...y, r]);
   }, []), P = l(
-    (e, r = !1, m = 0, q = !1) => {
+    (e, r = !1, y = 0) => {
       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;
       }
-      O(q), m !== 0 && a((n) => n.map((i) => ({ ...i, isActive: !1 })));
+      y !== 0 && a((n) => n.map((i) => ({ ...i, isActive: !1 })));
       const j = setTimeout(() => {
         clearTimeout(j);
-        const n = y.current + 1;
+        const n = m.current + 1;
         a((i) => {
           if (n >= i.length || i.length === 0)
             return u(), [];
-          y.current = n;
-          const h = [...i];
-          return h[n].isActive = !0, n > 0 && (h[n - 1].isActive = r), h;
+          m.current = n;
+          const C = [...i];
+          return C[n].isActive = !0, n > 0 && (C[n - 1].isActive = r), C;
         });
-      }, m);
-      f.current.push(j);
+      }, y);
+      d.current.push(j);
     },
     [u]
-  ), U = N(
+  ), b = q(
     () => ({
       nextCoachmark: P,
       setJourney: A,
@@ -69,7 +69,7 @@ const S = L(null), W = ({ children: T, appId: s, userId: o }) => {
       endJourney: $,
       coachmarks: c,
       userCompletedJourneyIds: x,
-      isJourneyActive: d
+      isJourneyActive: J
     }),
     [
       P,
@@ -79,7 +79,7 @@ const S = L(null), W = ({ children: T, appId: s, userId: o }) => {
       $,
       c,
       x,
-      d
+      J
     ]
   );
   return R(() => {
@@ -89,25 +89,17 @@ const S = L(null), W = ({ children: T, appId: s, userId: o }) => {
       journey_status: "COMPLETED"
     });
   }, [s, g, o]), R(() => {
-    if (C) {
-      const e = C.map((r) => r.journey_id);
+    if (f) {
+      const e = f.map((r) => r.journey_id);
       p(e);
     }
-  }, [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}`))
-      }
-    ),
+  }, [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}`)) }),
     T
   ] });
 };
 export {
-  S as JourneyContext,
-  W as JourneyProvider
+  z as JourneyContext,
+  H 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 [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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"}
+{"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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"}