@cuemath/leap 4.0.1 → 4.0.2

package/dist/features/journey/hooks/use-chapter-page-journey/use-download-node-journey.js

@@ -1,44 +1,49 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useRef as i, useCallback as f, useMemo as R, useEffect as J } from "react";
-import B from "../../../chapters-v2/chapter-details/block-sections/block-section-view.js";
-import { getHasDownloadBlock as S } from "../../../chapters-v2/utils/index.js";
-import a from "../../../ui/layout/flex-view.js";
-import L from "../../../ui/text/text.js";
-import { JOURNEY_ID_STUDENT as T } from "../../journey-id/journey-id-student.js";
-import { BLOCK_MOCKS_WITH_DOWNLOAD_NODE as x, DOWNLOAD_BLOCK_MOCKS as K } from "../../mocks/chapter-page-journey-mock-data.js";
-import { IndicatorType as g } from "../../use-journey/constants.js";
-import { useJourney as H } from "../../use-journey/use-journey.js";
-import D from "../use-home-page-journey/tooltip-item.js";
-const z = () => {
-  const e = T.DOWNLOAD_NODE_JOURNEY, c = i(null), s = i(null), t = i(null), r = i([]), { nextCoachmark: h, setJourney: p, endJourney: n } = H(), d = f(() => {
-    h(e, !1, 0, !0);
-  }, [e, h]), u = f(() => {
+import { useRef as i, useCallback as h, useMemo as J, useEffect as S } from "react";
+import L from "../../../chapters-v2/chapter-details/block-sections/block-section-view.js";
+import { getHasDownloadBlock as x } from "../../../chapters-v2/utils/index.js";
+import c from "../../../ui/layout/flex-view.js";
+import T from "../../../ui/text/text.js";
+import { JOURNEY_ID_STUDENT as g } from "../../journey-id/journey-id-student.js";
+import { BLOCK_MOCKS_WITH_DOWNLOAD_NODE as K, DOWNLOAD_BLOCK_MOCKS as H } from "../../mocks/chapter-page-journey-mock-data.js";
+import { IndicatorType as D } from "../../use-journey/constants.js";
+import { useJourney as U } from "../../use-journey/use-journey.js";
+import E from "../use-home-page-journey/tooltip-item.js";
+const F = () => {
+  const e = g.DOWNLOAD_NODE_JOURNEY, a = i(null), s = i(null), t = i(null), r = i([]), { nextCoachmark: f, setJourney: p, endJourney: n } = U(), d = h(() => {
+    f(e, !1, 0, !0);
+  }, [e, f]), u = h(() => {
     document.body.style.overflow = "unset", n(e);
-  }, [n, e]), O = f(
+  }, [n, e]), O = h(
     ({
       chapterDetails: l,
       userType: C,
       canStartDownloadBlockJourney: _
     }) => {
+      var w;
       if (!l || !s.current)
         return;
-      const { image_hue: y, blocks: A } = l, m = _ && S(A);
+      const { image_hue: b, blocks: A } = l, m = _ && x(A);
       if (m && !t.current) return;
-      const I = [
+      (w = t.current) == null || w.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+      const N = [
         {
           originalElementToHighlightRef: s,
-          elementToHighlight: /* @__PURE__ */ o(a, { $widthX: 50, ref: c, children: /* @__PURE__ */ o(
-            B,
+          elementToHighlight: /* @__PURE__ */ o(c, { $widthX: 50, ref: a, children: /* @__PURE__ */ o(
+            L,
             {
-              blockData: x,
+              blockData: K,
               userType: C,
               isLastBlock: !0,
               lessonIdx: 0,
-              imageHue: y,
+              imageHue: b,
               isGoalBlock: !0
             }
           ) }),
-          type: g.TOOLTIP,
+          type: D.TOOLTIP,
           indicator: {
             position: "bottom",
             tooltipYCoOrdinates: -84,
@@ -52,24 +57,24 @@ const z = () => {
             children: null,
             renderAs: "primary",
             tooltipItem: /* @__PURE__ */ o(
-              D,
+              E,
               {
-                element: /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(L, { $renderAs: "ab2-black", children: "Introducing downloadable study material." }) }),
+                element: /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(T, { $renderAs: "ab2-black", children: "Introducing downloadable study material." }) }),
                 buttonLabel: m ? "Next" : "Got it",
                 onButtonClick: () => {
                   if (m) {
-                    const w = document.getElementById("tooltip-root");
-                    w && Array.from(w.children).forEach((N) => {
-                      N.style.display = "none";
-                    }), c.current && (c.current.style.display = "none"), t.current && t.current.scrollIntoView({
+                    const k = document.getElementById("tooltip-root");
+                    k && Array.from(k.children).forEach((R) => {
+                      R.style.display = "none";
+                    }), a.current && (a.current.style.display = "none"), t.current && t.current.scrollIntoView({
                       behavior: "smooth",
                       block: "center",
                       inline: "center"
                     });
-                    const k = setTimeout(() => {
-                      clearTimeout(k), d();
+                    const B = setTimeout(() => {
+                      clearTimeout(B), d();
                     }, 800);
-                    r.current.push(k);
+                    r.current.push(B);
                   } else
                     u();
                 }
@@ -79,17 +84,17 @@ const z = () => {
         },
         {
           originalElementToHighlightRef: t,
-          elementToHighlight: /* @__PURE__ */ o(a, { $widthX: 50, children: /* @__PURE__ */ o(
-            B,
+          elementToHighlight: /* @__PURE__ */ o(c, { $widthX: 50, children: /* @__PURE__ */ o(
+            L,
             {
-              blockData: K,
+              blockData: H,
               userType: C,
               isLastBlock: !0,
               lessonIdx: 0,
-              imageHue: y
+              imageHue: b
             }
           ) }),
-          type: g.TOOLTIP,
+          type: D.TOOLTIP,
           indicator: {
             position: "top",
             tooltipYCoOrdinates: 14,
@@ -103,26 +108,26 @@ const z = () => {
             children: null,
             renderAs: "primary",
             tooltipItem: /* @__PURE__ */ o(
-              D,
+              E,
               {
-                element: /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(L, { $renderAs: "ab2-black", children: "Also available in the Downloads section." }) }),
+                element: /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(T, { $renderAs: "ab2-black", children: "Also available in the Downloads section." }) }),
                 buttonLabel: "Got it",
                 onButtonClick: () => {
-                  u(), n(T.DOWNLOAD_BLOCK_JOURNEY);
+                  u(), n(g.DOWNLOAD_BLOCK_JOURNEY);
                 }
               }
             )
           }
         }
       ];
-      p(e, I);
-      const b = setTimeout(() => {
-        clearTimeout(b), document.body.style.overflow = "hidden", d();
+      p(e, N);
+      const y = setTimeout(() => {
+        clearTimeout(y), document.body.style.overflow = "hidden", d();
       }, 800);
-      r.current.push(b);
+      r.current.push(y);
     },
     [n, u, d, e, p]
-  ), E = R(
+  ), I = J(
     () => ({
       blockSectionRef: t,
       downloadCoreBlockRef: s,
@@ -130,11 +135,11 @@ const z = () => {
     }),
     [O]
   );
-  return J(() => () => {
+  return S(() => () => {
     r.current.forEach((l) => clearTimeout(l)), r.current = [];
-  }, []), E;
+  }, []), I;
 };
 export {
-  z as useDownloadNodeJourney
+  F as useDownloadNodeJourney
 };
 //# sourceMappingURL=use-download-node-journey.js.map

package/dist/features/journey/hooks/use-chapter-page-journey/use-download-node-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-download-node-journey.js","sources":["../../../../../src/features/journey/hooks/use-chapter-page-journey/use-download-node-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport BlockSectionView from '../../../chapters-v2/chapter-details/block-sections/block-section-view';\nimport { getHasDownloadBlock } from '../../../chapters-v2/utils';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport {\n  BLOCK_MOCKS_WITH_DOWNLOAD_NODE,\n  DOWNLOAD_BLOCK_MOCKS,\n} from '../../mocks/chapter-page-journey-mock-data';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../use-journey/journey-context-types';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\nimport type { IChallengeArenaStartJourneyProps } from './chapter-page-types';\n\nexport const useDownloadNodeJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.DOWNLOAD_NODE_JOURNEY;\n\n  const journeyRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n  const downloadCoreBlockRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const blockSectionRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, true);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(\n    ({\n      chapterDetails,\n      userType,\n      canStartDownloadBlockJourney,\n    }: IChallengeArenaStartJourneyProps) => {\n      if (!chapterDetails || !downloadCoreBlockRef.current) {\n        return;\n      }\n\n      const { image_hue: imageHue, blocks } = chapterDetails;\n      const hasDownloadBlock = canStartDownloadBlockJourney && getHasDownloadBlock(blocks);\n\n      if (hasDownloadBlock && !blockSectionRef.current) return;\n\n      const downloadNodeJourneySteps: TCoachmarkJourneyProps[] = [\n        {\n          originalElementToHighlightRef: downloadCoreBlockRef,\n          elementToHighlight: (\n            <FlexView $widthX={50} ref={journeyRef}>\n              <BlockSectionView\n                blockData={BLOCK_MOCKS_WITH_DOWNLOAD_NODE}\n                userType={userType}\n                isLastBlock={true}\n                lessonIdx={0}\n                imageHue={imageHue}\n                isGoalBlock\n              />\n            </FlexView>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'bottom',\n            tooltipYCoOrdinates: -84,\n            tooltipXCoOrdinates: '127%',\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            arrowXCoOrdinates: -100,\n            width: 264,\n            children: null,\n            renderAs: 'primary',\n            tooltipItem: (\n              <TooltipItem\n                element={\n                  <FlexView>\n                    <Text $renderAs=\"ab2-black\">Introducing downloadable study material.</Text>\n                  </FlexView>\n                }\n                buttonLabel={hasDownloadBlock ? 'Next' : 'Got it'}\n                onButtonClick={() => {\n                  if (hasDownloadBlock) {\n                    const $parentEle = document.getElementById('tooltip-root');\n\n                    if ($parentEle) {\n                      // Hide all direct children of tooltip-root\n                      Array.from($parentEle.children).forEach(child => {\n                        (child as HTMLElement).style.display = 'none';\n                      });\n                    }\n\n                    if (journeyRef.current) {\n                      journeyRef.current.style.display = 'none';\n                    }\n\n                    if (blockSectionRef.current) {\n                      blockSectionRef.current.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'center',\n                        inline: 'center',\n                      });\n                    }\n\n                    const delayBeforeStart = setTimeout(() => {\n                      clearTimeout(delayBeforeStart);\n\n                      handleNextCoachmark();\n                    }, 800);\n\n                    timerRefs.current.push(delayBeforeStart);\n                  } else {\n                    handleEndJourney();\n                  }\n                }}\n              />\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: blockSectionRef,\n          elementToHighlight: (\n            <FlexView $widthX={50}>\n              <BlockSectionView\n                blockData={DOWNLOAD_BLOCK_MOCKS}\n                userType={userType}\n                isLastBlock={true}\n                lessonIdx={0}\n                imageHue={imageHue}\n              />\n            </FlexView>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipYCoOrdinates: 14,\n            tooltipXCoOrdinates: '-100%',\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            arrowXCoOrdinates: -100,\n            width: 264,\n            children: null,\n            renderAs: 'primary',\n            tooltipItem: (\n              <TooltipItem\n                element={\n                  <FlexView>\n                    <Text $renderAs=\"ab2-black\">Also available in the Downloads section.</Text>\n                  </FlexView>\n                }\n                buttonLabel=\"Got it\"\n                onButtonClick={() => {\n                  handleEndJourney();\n                  endJourney(JOURNEY_ID_STUDENT.DOWNLOAD_BLOCK_JOURNEY);\n                }}\n              />\n            ),\n          } as IArrowTooltipProps,\n        },\n      ];\n\n      setJourney(journeyId, downloadNodeJourneySteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n\n        document.body.style.overflow = 'hidden';\n        handleNextCoachmark();\n      }, 800);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [endJourney, handleEndJourney, handleNextCoachmark, journeyId, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      blockSectionRef,\n      downloadCoreBlockRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, []);\n\n  return data;\n};\n"],"names":["useDownloadNodeJourney","journeyId","JOURNEY_ID_STUDENT","journeyRef","useRef","downloadCoreBlockRef","blockSectionRef","timerRefs","nextCoachmark","setJourney","endJourney","useJourney","handleNextCoachmark","useCallback","handleEndJourney","startJourney","chapterDetails","userType","canStartDownloadBlockJourney","imageHue","blocks","hasDownloadBlock","getHasDownloadBlock","downloadNodeJourneySteps","jsx","FlexView","BlockSectionView","BLOCK_MOCKS_WITH_DOWNLOAD_NODE","IndicatorType","TooltipItem","Text","$parentEle","child","delayBeforeStart","DOWNLOAD_BLOCK_MOCKS","data","useMemo","useEffect","timer"],"mappings":"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"}
+{"version":3,"file":"use-download-node-journey.js","sources":["../../../../../src/features/journey/hooks/use-chapter-page-journey/use-download-node-journey.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport BlockSectionView from '../../../chapters-v2/chapter-details/block-sections/block-section-view';\nimport { getHasDownloadBlock } from '../../../chapters-v2/utils';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { JOURNEY_ID_STUDENT } from '../../journey-id/journey-id-student';\nimport {\n  BLOCK_MOCKS_WITH_DOWNLOAD_NODE,\n  DOWNLOAD_BLOCK_MOCKS,\n} from '../../mocks/chapter-page-journey-mock-data';\nimport { IndicatorType } from '../../use-journey/constants';\nimport type { TCoachmarkJourneyProps } from '../../use-journey/journey-context-types';\nimport { useJourney } from '../../use-journey/use-journey';\nimport TooltipItem from '../use-home-page-journey/tooltip-item';\nimport type { IChallengeArenaStartJourneyProps } from './chapter-page-types';\n\nexport const useDownloadNodeJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.DOWNLOAD_NODE_JOURNEY;\n\n  const journeyRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n  const downloadCoreBlockRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const blockSectionRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const { nextCoachmark, setJourney, endJourney } = useJourney();\n\n  const handleNextCoachmark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, true);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(\n    ({\n      chapterDetails,\n      userType,\n      canStartDownloadBlockJourney,\n    }: IChallengeArenaStartJourneyProps) => {\n      if (!chapterDetails || !downloadCoreBlockRef.current) {\n        return;\n      }\n\n      const { image_hue: imageHue, blocks } = chapterDetails;\n      const hasDownloadBlock = canStartDownloadBlockJourney && getHasDownloadBlock(blocks);\n\n      if (hasDownloadBlock && !blockSectionRef.current) return;\n\n      blockSectionRef.current?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n\n      const downloadNodeJourneySteps: TCoachmarkJourneyProps[] = [\n        {\n          originalElementToHighlightRef: downloadCoreBlockRef,\n          elementToHighlight: (\n            <FlexView $widthX={50} ref={journeyRef}>\n              <BlockSectionView\n                blockData={BLOCK_MOCKS_WITH_DOWNLOAD_NODE}\n                userType={userType}\n                isLastBlock={true}\n                lessonIdx={0}\n                imageHue={imageHue}\n                isGoalBlock\n              />\n            </FlexView>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'bottom',\n            tooltipYCoOrdinates: -84,\n            tooltipXCoOrdinates: '127%',\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            arrowXCoOrdinates: -100,\n            width: 264,\n            children: null,\n            renderAs: 'primary',\n            tooltipItem: (\n              <TooltipItem\n                element={\n                  <FlexView>\n                    <Text $renderAs=\"ab2-black\">Introducing downloadable study material.</Text>\n                  </FlexView>\n                }\n                buttonLabel={hasDownloadBlock ? 'Next' : 'Got it'}\n                onButtonClick={() => {\n                  if (hasDownloadBlock) {\n                    const $parentEle = document.getElementById('tooltip-root');\n\n                    if ($parentEle) {\n                      // Hide all direct children of tooltip-root\n                      Array.from($parentEle.children).forEach(child => {\n                        (child as HTMLElement).style.display = 'none';\n                      });\n                    }\n\n                    if (journeyRef.current) {\n                      journeyRef.current.style.display = 'none';\n                    }\n\n                    if (blockSectionRef.current) {\n                      blockSectionRef.current.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'center',\n                        inline: 'center',\n                      });\n                    }\n\n                    const delayBeforeStart = setTimeout(() => {\n                      clearTimeout(delayBeforeStart);\n\n                      handleNextCoachmark();\n                    }, 800);\n\n                    timerRefs.current.push(delayBeforeStart);\n                  } else {\n                    handleEndJourney();\n                  }\n                }}\n              />\n            ),\n          } as IArrowTooltipProps,\n        },\n        {\n          originalElementToHighlightRef: blockSectionRef,\n          elementToHighlight: (\n            <FlexView $widthX={50}>\n              <BlockSectionView\n                blockData={DOWNLOAD_BLOCK_MOCKS}\n                userType={userType}\n                isLastBlock={true}\n                lessonIdx={0}\n                imageHue={imageHue}\n              />\n            </FlexView>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            position: 'top',\n            tooltipYCoOrdinates: 14,\n            tooltipXCoOrdinates: '-100%',\n            backgroundColor: 'BLUE_4',\n            borderColor: 'BLACK',\n            arrowColor: 'BLACK',\n            arrowSize: 12,\n            arrowXCoOrdinates: -100,\n            width: 264,\n            children: null,\n            renderAs: 'primary',\n            tooltipItem: (\n              <TooltipItem\n                element={\n                  <FlexView>\n                    <Text $renderAs=\"ab2-black\">Also available in the Downloads section.</Text>\n                  </FlexView>\n                }\n                buttonLabel=\"Got it\"\n                onButtonClick={() => {\n                  handleEndJourney();\n                  endJourney(JOURNEY_ID_STUDENT.DOWNLOAD_BLOCK_JOURNEY);\n                }}\n              />\n            ),\n          } as IArrowTooltipProps,\n        },\n      ];\n\n      setJourney(journeyId, downloadNodeJourneySteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n\n        document.body.style.overflow = 'hidden';\n        handleNextCoachmark();\n      }, 800);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [endJourney, handleEndJourney, handleNextCoachmark, journeyId, setJourney],\n  );\n\n  const data = useMemo(\n    () => ({\n      blockSectionRef,\n      downloadCoreBlockRef,\n      startJourney,\n    }),\n    [startJourney],\n  );\n\n  useEffect(() => {\n    return () => {\n      timerRefs.current.forEach(timer => clearTimeout(timer));\n      timerRefs.current = [];\n    };\n  }, []);\n\n  return data;\n};\n"],"names":["useDownloadNodeJourney","journeyId","JOURNEY_ID_STUDENT","journeyRef","useRef","downloadCoreBlockRef","blockSectionRef","timerRefs","nextCoachmark","setJourney","endJourney","useJourney","handleNextCoachmark","useCallback","handleEndJourney","startJourney","chapterDetails","userType","canStartDownloadBlockJourney","imageHue","blocks","hasDownloadBlock","getHasDownloadBlock","_a","downloadNodeJourneySteps","jsx","FlexView","BlockSectionView","BLOCK_MOCKS_WITH_DOWNLOAD_NODE","IndicatorType","TooltipItem","Text","$parentEle","child","delayBeforeStart","DOWNLOAD_BLOCK_MOCKS","data","useMemo","useEffect","timer"],"mappings":";;;;;;;;;;;AAkBO,MAAMA,IAAyB,MAAM;AAC1C,QAAMC,IAAYC,EAAmB,uBAE/BC,IAAaC,EAAuB,IAAI,GAExCC,IAAuBD,EAAuB,IAAI,GAClDE,IAAkBF,EAAuB,IAAI,GAC7CG,IAAYH,EAAwC,CAAA,CAAE,GAEtD,EAAE,eAAAI,GAAe,YAAAC,GAAY,YAAAC,MAAeC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAL,EAAAP,GAAW,IAAO,GAAG,EAAI;AAAA,EAAA,GACtC,CAACA,GAAWO,CAAa,CAAC,GAEvBM,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BH,EAAWT,CAAS;AAAA,EAAA,GACnB,CAACS,GAAYT,CAAS,CAAC,GAEpBc,IAAeF;AAAA,IACnB,CAAC;AAAA,MACC,gBAAAG;AAAA,MACA,UAAAC;AAAA,MACA,8BAAAC;AAAA,IAAA,MACsC;;AACtC,UAAI,CAACF,KAAkB,CAACX,EAAqB;AAC3C;AAGF,YAAM,EAAE,WAAWc,GAAU,QAAAC,EAAA,IAAWJ,GAClCK,IAAmBH,KAAgCI,EAAoBF,CAAM;AAE/E,UAAAC,KAAoB,CAACf,EAAgB,QAAS;AAElD,OAAAiB,IAAAjB,EAAgB,YAAhB,QAAAiB,EAAyB,eAAe;AAAA,QACtC,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAGT,YAAMC,IAAqD;AAAA,QACzD;AAAA,UACE,+BAA+BnB;AAAA,UAC/B,oBACG,gBAAAoB,EAAAC,GAAA,EAAS,SAAS,IAAI,KAAKvB,GAC1B,UAAA,gBAAAsB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAWC;AAAA,cACX,UAAAX;AAAA,cACA,aAAa;AAAA,cACb,WAAW;AAAA,cACX,UAAAE;AAAA,cACA,aAAW;AAAA,YAAA;AAAA,UAAA,GAEf;AAAA,UAEF,MAAMU,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,YACrB,qBAAqB;AAAA,YACrB,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,OAAO;AAAA,YACP,UAAU;AAAA,YACV,UAAU;AAAA,YACV,aACE,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,2BACGJ,GACC,EAAA,UAAA,gBAAAD,EAACM,KAAK,WAAU,aAAY,sDAAwC,EACtE,CAAA;AAAA,gBAEF,aAAaV,IAAmB,SAAS;AAAA,gBACzC,eAAe,MAAM;AACnB,sBAAIA,GAAkB;AACd,0BAAAW,IAAa,SAAS,eAAe,cAAc;AAEzD,oBAAIA,KAEF,MAAM,KAAKA,EAAW,QAAQ,EAAE,QAAQ,CAASC,MAAA;AAC9C,sBAAAA,EAAsB,MAAM,UAAU;AAAA,oBAAA,CACxC,GAGC9B,EAAW,YACFA,EAAA,QAAQ,MAAM,UAAU,SAGjCG,EAAgB,WAClBA,EAAgB,QAAQ,eAAe;AAAA,sBACrC,UAAU;AAAA,sBACV,OAAO;AAAA,sBACP,QAAQ;AAAA,oBAAA,CACT;AAGG4B,0BAAAA,IAAmB,WAAW,MAAM;AACxC,mCAAaA,CAAgB,GAETtB;uBACnB,GAAG;AAEI,oBAAAL,EAAA,QAAQ,KAAK2B,CAAgB;AAAA,kBAAA;AAEtB,oBAAApB;gBAErB;AAAA,cAAA;AAAA,YACF;AAAA,UAEJ;AAAA,QACF;AAAA,QACA;AAAA,UACE,+BAA+BR;AAAA,UAC/B,oBACE,gBAAAmB,EAACC,GAAS,EAAA,SAAS,IACjB,UAAA,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAWQ;AAAA,cACX,UAAAlB;AAAA,cACA,aAAa;AAAA,cACb,WAAW;AAAA,cACX,UAAAE;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UAEF,MAAMU,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqB;AAAA,YACrB,qBAAqB;AAAA,YACrB,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,OAAO;AAAA,YACP,UAAU;AAAA,YACV,UAAU;AAAA,YACV,aACE,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,2BACGJ,GACC,EAAA,UAAA,gBAAAD,EAACM,KAAK,WAAU,aAAY,sDAAwC,EACtE,CAAA;AAAA,gBAEF,aAAY;AAAA,gBACZ,eAAe,MAAM;AACF,kBAAAjB,KACjBJ,EAAWR,EAAmB,sBAAsB;AAAA,gBACtD;AAAA,cAAA;AAAA,YACF;AAAA,UAEJ;AAAA,QACF;AAAA,MAAA;AAGF,MAAAO,EAAWR,GAAWuB,CAAwB;AAExC,YAAAU,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GAEpB,SAAA,KAAK,MAAM,WAAW,UACXtB;SACnB,GAAG;AAEI,MAAAL,EAAA,QAAQ,KAAK2B,CAAgB;AAAA,IACzC;AAAA,IACA,CAACxB,GAAYI,GAAkBF,GAAqBX,GAAWQ,CAAU;AAAA,EAAA,GAGrE2B,IAAOC;AAAA,IACX,OAAO;AAAA,MACL,iBAAA/B;AAAA,MACA,sBAAAD;AAAA,MACA,cAAAU;AAAA,IAAA;AAAA,IAEF,CAACA,CAAY;AAAA,EAAA;AAGf,SAAAuB,EAAU,MACD,MAAM;AACX,IAAA/B,EAAU,QAAQ,QAAQ,CAASgC,MAAA,aAAaA,CAAK,CAAC,GACtDhC,EAAU,UAAU;EAAC,GAEtB,CAAE,CAAA,GAEE6B;AACT;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "type": "module",
   "files": [
     "dist"