@cuemath/leap 2.8.60-as4 → 2.8.60-beta-0.1

package/dist/assets/line-icons/icons/bin2.js

@@ -1,5 +1,5 @@
-import { jsx as o } from "react/jsx-runtime";
-const l = (e) => /* @__PURE__ */ o(
+import { jsx as l } from "react/jsx-runtime";
+const e = (o) => /* @__PURE__ */ l(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7,19 +7,20 @@ const l = (e) => /* @__PURE__ */ o(
     height: "24",
     viewBox: "0 0 24 24",
     fill: "none",
-    ...e,
-    children: /* @__PURE__ */ o(
+    ...o,
+    children: /* @__PURE__ */ l(
       "path",
       {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M11.1 6.97363C11.1 6.47657 11.5029 6.07363 12 6.07363C12.4971 6.07363 12.9 6.47657 12.9 6.97363H14.1C14.1 5.81383 13.1598 4.87363 12 4.87363C10.8402 4.87363 9.9 5.81383 9.9 6.97363H11.1ZM17 7.92636V9.12636L7 9.12636V7.92636L17 7.92636ZM9.1 17.4V9.99999H7.9V18V18.6H8.5H15.5H16.1V18V9.99999H14.9V17.4H9.1ZM10.4 16V11H11.6V16H10.4ZM12.4 16V11H13.6V16H12.4Z",
-        fill: "currentColor"
+        fill: "currentColor",
+        fillOpacity: "0.87"
       }
     )
   }
-), H = l;
+), n = e;
 export {
-  H as default
+  n as default
 };
 //# sourceMappingURL=bin2.js.map

package/dist/assets/line-icons/icons/bin2.js.map

@@ -1 +1 @@
-{"version":3,"file":"bin2.js","sources":["../../../../src/assets/line-icons/icons/bin2.tsx"],"sourcesContent":["const Bin2Icon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11.1 6.97363C11.1 6.47657 11.5029 6.07363 12 6.07363C12.4971 6.07363 12.9 6.47657 12.9 6.97363H14.1C14.1 5.81383 13.1598 4.87363 12 4.87363C10.8402 4.87363 9.9 5.81383 9.9 6.97363H11.1ZM17 7.92636V9.12636L7 9.12636V7.92636L17 7.92636ZM9.1 17.4V9.99999H7.9V18V18.6H8.5H15.5H16.1V18V9.99999H14.9V17.4H9.1ZM10.4 16V11H11.6V16H10.4ZM12.4 16V11H13.6V16H12.4Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default Bin2Icon;\n"],"names":["Bin2Icon","props","jsx","Bin2Icon$1"],"mappings":";AAAA,MAAMA,IAAoD,CACxDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF,GAGFC,IAAeH;"}
+{"version":3,"file":"bin2.js","sources":["../../../../src/assets/line-icons/icons/bin2.tsx"],"sourcesContent":["const Bin2Icon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M11.1 6.97363C11.1 6.47657 11.5029 6.07363 12 6.07363C12.4971 6.07363 12.9 6.47657 12.9 6.97363H14.1C14.1 5.81383 13.1598 4.87363 12 4.87363C10.8402 4.87363 9.9 5.81383 9.9 6.97363H11.1ZM17 7.92636V9.12636L7 9.12636V7.92636L17 7.92636ZM9.1 17.4V9.99999H7.9V18V18.6H8.5H15.5H16.1V18V9.99999H14.9V17.4H9.1ZM10.4 16V11H11.6V16H10.4ZM12.4 16V11H13.6V16H12.4Z\"\n      fill=\"currentColor\"\n      fillOpacity=\"0.87\"\n    />\n  </svg>\n);\n\nexport default Bin2Icon;\n"],"names":["Bin2Icon","props","jsx","Bin2Icon$1"],"mappings":";AAAA,MAAMA,IAAoD,CACxDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF,GAGFC,IAAeH;"}

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

@@ -11,7 +11,7 @@ const R = C(
       image_url: h,
       progress_stat: m,
       image_hue: g
-    } = o, { completed: c = 0, total: d = 0 } = m || {}, [$, u] = x(!1), t = I(null), s = c > 0 ? Math.floor((c / d || 1) * 100) : 0, f = w(() => {
+    } = o, { completed: c, total: d } = m, [$, u] = x(!1), t = I(null), s = c > 0 ? Math.floor((c / d || 1) * 100) : 0, f = w(() => {
       a(o, r);
     }, [o, r, a]);
     return T(() => {
@@ -19,7 +19,7 @@ const R = C(
     }, [t]), /* @__PURE__ */ i(
       b,
       {
-        id: `milestone-chapter-${r || ""}-${p}`,
+        id: `milestone-chapter-${r}-${p}`,
         $alignItems: "center",
         $gapX: 1,
         $gutterX: 1,

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

@@ -1 +1 @@
-{"version":3,"file":"chapter-item.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItemProps } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, useState, memo } from 'react';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(\n  ({ milestoneId, chapter, onChapterClick, itemIndex }) => {\n    const {\n      name,\n      image_url: imageUrl,\n      progress_stat: chapterProgressStat,\n      image_hue: imageHue,\n    } = chapter;\n    const { completed = 0, total = 0 } = chapterProgressStat || {};\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n    const titleTextRef = useRef<HTMLDivElement>(null);\n\n    const completionPercentage = completed > 0 ? Math.floor((completed / total || 1) * 100) : 0;\n\n    const handleOnChapterClick = useCallback(() => {\n      onChapterClick(chapter, milestoneId);\n    }, [chapter, milestoneId, onChapterClick]);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    return (\n      <Styled.ChapterItemWrapper\n        id={`milestone-chapter-${milestoneId || ''}-${itemIndex}`}\n        $alignItems=\"center\"\n        $gapX={1}\n        $gutterX={1}\n        $flexGap={8}\n        $background=\"WHITE_1\"\n        onClick={handleOnChapterClick}\n        className=\"goal-widget-chapter-item\"\n        $bgColor={`${imageHue}_1`}\n      >\n        <Styled.ChapterImageWrapper\n          $width=\"fit-content\"\n          $position=\"relative\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n        >\n          <Styled.ChapterProgressWrapper>\n            <Styled.ChapterProgressSVG width=\"96px\" height=\"96px\">\n              <Styled.ChapterProgressSVGCircle $progress={0} r=\"47\" cx=\"48\" cy=\"48\" />\n              <Styled.ChapterProgressSVGCircle\n                $progressCircle\n                $progress={completionPercentage * 2.98}\n                r=\"47\"\n                cx=\"48\"\n                cy=\"48\"\n              />\n            </Styled.ChapterProgressSVG>\n          </Styled.ChapterProgressWrapper>\n\n          <Styled.ChapterImage src={imageUrl} alt=\"Chapter Image\" />\n\n          {completionPercentage === 100 && (\n            <Styled.StyledCheckIconWrapper>\n              <Check2Icon width={20} height={20} />\n            </Styled.StyledCheckIconWrapper>\n          )}\n        </Styled.ChapterImageWrapper>\n\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={name}\n            hidden={!showTitleTooltip}\n            widthX={21.75}\n            zIndex={5}\n          >\n            <Styled.ChapterName\n              ref={titleTextRef}\n              $renderAs=\"ab2\"\n              $color=\"BLACK_T_87\"\n              $align=\"center\"\n            >\n              {name}\n            </Styled.ChapterName>\n          </ArrowTooltip>\n        </FlexView>\n      </Styled.ChapterItemWrapper>\n    );\n  },\n);\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","chapter","onChapterClick","itemIndex","name","imageUrl","chapterProgressStat","imageHue","completed","total","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","completionPercentage","handleOnChapterClick","useCallback","useLayoutEffect","jsxs","Styled.ChapterItemWrapper","Styled.ChapterImageWrapper","jsx","Styled.ChapterProgressWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.ChapterImage","Styled.StyledCheckIconWrapper","Check2Icon","FlexView","ArrowTooltip","Styled.ChapterName"],"mappings":";;;;;;AAUA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,aAAAC,GAAa,SAAAC,GAAS,gBAAAC,GAAgB,WAAAC,QAAgB;AACjD,UAAA;AAAA,MACJ,MAAAC;AAAA,MACA,WAAWC;AAAA,MACX,eAAeC;AAAA,MACf,WAAWC;AAAA,IACT,IAAAN,GACE,EAAE,WAAAO,IAAY,GAAG,OAAAC,IAAQ,EAAE,IAAIH,KAAuB,IACtD,CAACI,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAeC,EAAuB,IAAI,GAE1CC,IAAuBP,IAAY,IAAI,KAAK,OAAOA,IAAYC,KAAS,KAAK,GAAG,IAAI,GAEpFO,IAAuBC,EAAY,MAAM;AAC7C,MAAAf,EAAeD,GAASD,CAAW;AAAA,IAClC,GAAA,CAACC,GAASD,GAAaE,CAAc,CAAC;AAEzC,WAAAgB,EAAgB,MAAM;AACpB,MACEL,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDF,EAAoB,EAAI;AAAA,IAC1B,GACC,CAACE,CAAY,CAAC,GAGf,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,IAAI,qBAAqBpB,KAAe,EAAE,IAAIG,CAAS;AAAA,QACvD,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,SAASa;AAAA,QACT,WAAU;AAAA,QACV,UAAU,GAAGT,CAAQ;AAAA,QAErB,UAAA;AAAA,UAAA,gBAAAY;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,QAAO;AAAA,cACP,WAAU;AAAA,cACV,iBAAgB;AAAA,cAChB,aAAY;AAAA,cAEZ,UAAA;AAAA,gBAAC,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAA0B,OAAM,QAAO,QAAO,QAC7C,UAAA;AAAA,kBAAC,gBAAAF,EAAAG,GAAA,EAAgC,WAAW,GAAG,GAAE,MAAK,IAAG,MAAK,IAAG,KAAK,CAAA;AAAA,kBACtE,gBAAAH;AAAA,oBAACG;AAAAA,oBAAA;AAAA,sBACC,iBAAe;AAAA,sBACf,WAAWV,IAAuB;AAAA,sBAClC,GAAE;AAAA,sBACF,IAAG;AAAA,sBACH,IAAG;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA,EAAA,CACF,EACF,CAAA;AAAA,kCAECW,GAAA,EAAoB,KAAKrB,GAAU,KAAI,iBAAgB;AAAA,gBAEvDU,MAAyB,OACvB,gBAAAO,EAAAK,GAAA,EACC,UAAC,gBAAAL,EAAAM,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EACrC,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UAEC,gBAAAN,EAAAO,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAa1B;AAAA,cACb,QAAQ,CAACM;AAAA,cACT,QAAQ;AAAA,cACR,QAAQ;AAAA,cAER,UAAA,gBAAAY;AAAA,gBAACS;AAAAA,gBAAA;AAAA,kBACC,KAAKlB;AAAA,kBACL,WAAU;AAAA,kBACV,QAAO;AAAA,kBACP,QAAO;AAAA,kBAEN,UAAAT;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"chapter-item.js","sources":["../../../../../src/features/chapters/chapters-list/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItemProps } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { useCallback, useLayoutEffect, useRef, useState, memo } from 'react';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../../ui/layout/flex-view';\nimport * as Styled from './chapter-item-styled';\n\nconst ChapterItem: FC<IChapterItemProps> = memo(\n  ({ milestoneId, chapter, onChapterClick, itemIndex }) => {\n    const {\n      name,\n      image_url: imageUrl,\n      progress_stat: chapterProgressStat,\n      image_hue: imageHue,\n    } = chapter;\n    const { completed, total } = chapterProgressStat;\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n    const titleTextRef = useRef<HTMLDivElement>(null);\n\n    const completionPercentage = completed > 0 ? Math.floor((completed / total || 1) * 100) : 0;\n\n    const handleOnChapterClick = useCallback(() => {\n      onChapterClick(chapter, milestoneId);\n    }, [chapter, milestoneId, onChapterClick]);\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    return (\n      <Styled.ChapterItemWrapper\n        id={`milestone-chapter-${milestoneId}-${itemIndex}`}\n        $alignItems=\"center\"\n        $gapX={1}\n        $gutterX={1}\n        $flexGap={8}\n        $background=\"WHITE_1\"\n        onClick={handleOnChapterClick}\n        className=\"goal-widget-chapter-item\"\n        $bgColor={`${imageHue}_1`}\n      >\n        <Styled.ChapterImageWrapper\n          $width=\"fit-content\"\n          $position=\"relative\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n        >\n          <Styled.ChapterProgressWrapper>\n            <Styled.ChapterProgressSVG width=\"96px\" height=\"96px\">\n              <Styled.ChapterProgressSVGCircle $progress={0} r=\"47\" cx=\"48\" cy=\"48\" />\n              <Styled.ChapterProgressSVGCircle\n                $progressCircle\n                $progress={completionPercentage * 2.98}\n                r=\"47\"\n                cx=\"48\"\n                cy=\"48\"\n              />\n            </Styled.ChapterProgressSVG>\n          </Styled.ChapterProgressWrapper>\n\n          <Styled.ChapterImage src={imageUrl} alt=\"Chapter Image\" />\n\n          {completionPercentage === 100 && (\n            <Styled.StyledCheckIconWrapper>\n              <Check2Icon width={20} height={20} />\n            </Styled.StyledCheckIconWrapper>\n          )}\n        </Styled.ChapterImageWrapper>\n\n        <FlexView $justifyContent=\"center\" $alignItems=\"center\">\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={name}\n            hidden={!showTitleTooltip}\n            widthX={21.75}\n            zIndex={5}\n          >\n            <Styled.ChapterName\n              ref={titleTextRef}\n              $renderAs=\"ab2\"\n              $color=\"BLACK_T_87\"\n              $align=\"center\"\n            >\n              {name}\n            </Styled.ChapterName>\n          </ArrowTooltip>\n        </FlexView>\n      </Styled.ChapterItemWrapper>\n    );\n  },\n);\n\nexport default ChapterItem;\n"],"names":["ChapterItem","memo","milestoneId","chapter","onChapterClick","itemIndex","name","imageUrl","chapterProgressStat","imageHue","completed","total","showTitleTooltip","setShowTitleTooltip","useState","titleTextRef","useRef","completionPercentage","handleOnChapterClick","useCallback","useLayoutEffect","jsxs","Styled.ChapterItemWrapper","Styled.ChapterImageWrapper","jsx","Styled.ChapterProgressWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Styled.ChapterImage","Styled.StyledCheckIconWrapper","Check2Icon","FlexView","ArrowTooltip","Styled.ChapterName"],"mappings":";;;;;;AAUA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,aAAAC,GAAa,SAAAC,GAAS,gBAAAC,GAAgB,WAAAC,QAAgB;AACjD,UAAA;AAAA,MACJ,MAAAC;AAAA,MACA,WAAWC;AAAA,MACX,eAAeC;AAAA,MACf,WAAWC;AAAA,IACT,IAAAN,GACE,EAAE,WAAAO,GAAW,OAAAC,EAAU,IAAAH,GACvB,CAACI,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxDC,IAAeC,EAAuB,IAAI,GAE1CC,IAAuBP,IAAY,IAAI,KAAK,OAAOA,IAAYC,KAAS,KAAK,GAAG,IAAI,GAEpFO,IAAuBC,EAAY,MAAM;AAC7C,MAAAf,EAAeD,GAASD,CAAW;AAAA,IAClC,GAAA,CAACC,GAASD,GAAaE,CAAc,CAAC;AAEzC,WAAAgB,EAAgB,MAAM;AACpB,MACEL,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDF,EAAoB,EAAI;AAAA,IAC1B,GACC,CAACE,CAAY,CAAC,GAGf,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,IAAI,qBAAqBpB,CAAW,IAAIG,CAAS;AAAA,QACjD,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,SAASa;AAAA,QACT,WAAU;AAAA,QACV,UAAU,GAAGT,CAAQ;AAAA,QAErB,UAAA;AAAA,UAAA,gBAAAY;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,QAAO;AAAA,cACP,WAAU;AAAA,cACV,iBAAgB;AAAA,cAChB,aAAY;AAAA,cAEZ,UAAA;AAAA,gBAAC,gBAAAC,EAAAC,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAA0B,OAAM,QAAO,QAAO,QAC7C,UAAA;AAAA,kBAAC,gBAAAF,EAAAG,GAAA,EAAgC,WAAW,GAAG,GAAE,MAAK,IAAG,MAAK,IAAG,KAAK,CAAA;AAAA,kBACtE,gBAAAH;AAAA,oBAACG;AAAAA,oBAAA;AAAA,sBACC,iBAAe;AAAA,sBACf,WAAWV,IAAuB;AAAA,sBAClC,GAAE;AAAA,sBACF,IAAG;AAAA,sBACH,IAAG;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA,EAAA,CACF,EACF,CAAA;AAAA,kCAECW,GAAA,EAAoB,KAAKrB,GAAU,KAAI,iBAAgB;AAAA,gBAEvDU,MAAyB,OACvB,gBAAAO,EAAAK,GAAA,EACC,UAAC,gBAAAL,EAAAM,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EACrC,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UAEC,gBAAAN,EAAAO,GAAA,EAAS,iBAAgB,UAAS,aAAY,UAC7C,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAa1B;AAAA,cACb,QAAQ,CAACM;AAAA,cACT,QAAQ;AAAA,cACR,QAAQ;AAAA,cAER,UAAA,gBAAAY;AAAA,gBAACS;AAAAA,gBAAA;AAAA,kBACC,KAAKlB;AAAA,kBACL,WAAU;AAAA,kBACV,QAAO;AAAA,kBACP,QAAO;AAAA,kBAEN,UAAAT;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/features/chapters-v2/chapter-details/chapter-details.js

@@ -1,6 +1,6 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { memo as B, useCallback as x, useEffect as l } from "react";
-import { ILLUSTRATIONS as y } from "../../../assets/illustrations/illustrations.js";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { memo as x, useCallback as y, useEffect as p } from "react";
+import { ILLUSTRATIONS as A } from "../../../assets/illustrations/illustrations.js";
 import I from "../../../assets/line-icons/icons/back2.js";
 import w from "../../ui/buttons/button/button.js";
 import L from "../../ui/buttons/icon-button/icon-button.js";
@@ -9,13 +9,13 @@ import S from "../../ui/loader/app-loader/app-loader.js";
 import _ from "../../ui/text/text.js";
 import { useGetChapterDetails as b } from "../api/chapter.js";
 import D from "./block-sections/block-sections.js";
-import E from "./chapter-banner/chapter-banner.js";
-import { ContentWrapper as T, BackButtonContainer as v, BackButtonWrapper as R, LoaderWrapper as j } from "./chapter-details-styled.js";
-const P = B((c) => {
+import v from "./chapter-banner/chapter-banner.js";
+import { ContentWrapper as T, BackButtonContainer as j, BackButtonWrapper as E, LoaderWrapper as P } from "./chapter-details-styled.js";
+const R = x((l) => {
   const {
     userChapterId: i,
     studentId: n,
-    userType: a,
+    userType: c,
     onBlockSkipUnskip: h,
     onNodeAttempt: d,
     onNodeAttemptLocationChange: g,
@@ -24,20 +24,20 @@ const P = B((c) => {
     onNodeReview: C,
     onNodeView: k,
     onExit: $
-  } = c, {
-    get: s,
+  } = l, {
+    get: a,
     data: e,
     isProcessing: r,
-    isProcessingFailed: A,
-    isStale: m
-  } = b(), o = x(() => {
-    s(i, void 0, { studentId: n });
-  }, [s, i, n]);
-  return l(() => {
+    isProcessingFailed: B,
+    isStale: s
+  } = b(), o = y(() => {
+    a(i, void 0, { studentId: n });
+  }, [a, i, n]);
+  return p(() => {
     o();
-  }, [o]), l(() => {
-    !r && m && o();
-  }, [o, r, m]), A ? /* @__PURE__ */ p(N, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
+  }, [o]), p(() => {
+    !r && s && o();
+  }, [o, r, s]), B ? /* @__PURE__ */ m(N, { $flexGapX: 1.5, $height: "100vh", $justifyContent: "center", $alignItems: "center", children: [
     /* @__PURE__ */ t(_, { $renderAs: "h6", children: "Oops! Something went wrong. Please try again later." }),
     /* @__PURE__ */ t(
       w,
@@ -50,7 +50,7 @@ const P = B((c) => {
         onClick: o
       }
     )
-  ] }) : !e && r ? /* @__PURE__ */ t(S, { height: "80vh" }) : /* @__PURE__ */ p(
+  ] }) : !e && r ? /* @__PURE__ */ t(S, { height: "80vh" }) : /* @__PURE__ */ m(
     T,
     {
       $widthX: 50,
@@ -58,7 +58,7 @@ const P = B((c) => {
       $justifyContent: "center",
       $alignItems: "center",
       children: [
-        a === "TEACHER" && /* @__PURE__ */ t(v, { $height: "100%", children: /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(j, { $height: "100%", children: /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(
           L,
           {
             Icon: I,
@@ -68,9 +68,9 @@ const P = B((c) => {
             onClick: $
           }
         ) }) }),
-        r && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t("img", { src: y.LOADER_1, alt: "loader" }) }),
+        r && /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t("img", { src: A.LOADER_1, alt: "loader" }) }),
         e && /* @__PURE__ */ t(
-          E,
+          v,
           {
             title: e.name,
             imageHue: e.image_hue,
@@ -82,7 +82,7 @@ const P = B((c) => {
           D,
           {
             imageHue: e.image_hue,
-            userType: a,
+            userType: c,
             blocks: e.blocks,
             onBlockSkipUnskip: h,
             onNodeAttempt: d,
@@ -96,7 +96,7 @@ const P = B((c) => {
       ]
     }
   );
-}), Q = P;
+}), Q = R;
 export {
   Q as default
 };

package/dist/features/chapters-v2/chapter-details/chapter-details.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-details.js","sources":["../../../../src/features/chapters-v2/chapter-details/chapter-details.tsx"],"sourcesContent":["import type { IChapterDetails } from './chapter-details-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetChapterDetails } from '../api/chapter';\nimport BlockSections from './block-sections/block-sections';\nimport ChapterBanner from './chapter-banner/chapter-banner';\nimport * as Styled from './chapter-details-styled';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(props => {\n  const {\n    userChapterId,\n    studentId,\n    userType,\n    onBlockSkipUnskip,\n    onNodeAttempt,\n    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n  } = props;\n\n  const {\n    get: getChapterDetails,\n    data: chapterDetails,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = useGetChapterDetails();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapterDetails(userChapterId, undefined, { studentId });\n  }, [getChapterDetails, userChapterId, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchChapterDetails();\n    }\n  }, [fetchChapterDetails, isProcessing, isStale]);\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapterDetails}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!chapterDetails && isProcessing) {\n    return <AppLoader height=\"80vh\" />;\n  }\n\n  return (\n    <Styled.ContentWrapper\n      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n    >\n      {userType === 'TEACHER' && (\n        <Styled.BackButtonContainer $height=\"100%\">\n          <Styled.BackButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"secondary-gray\"\n              analyticsLabel=\"chapter_page_exit\"\n              size=\"xsmall\"\n              onClick={onExit}\n            />\n          </Styled.BackButtonWrapper>\n        </Styled.BackButtonContainer>\n      )}\n\n      {isProcessing && (\n        <Styled.LoaderWrapper>\n          <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n        </Styled.LoaderWrapper>\n      )}\n\n      {chapterDetails && (\n        <ChapterBanner\n          title={chapterDetails.name}\n          imageHue={chapterDetails.image_hue}\n          imageUrl={chapterDetails.image_url}\n          progressStats={chapterDetails?.progress_stat}\n        />\n      )}\n\n      {chapterDetails && (\n        <BlockSections\n          imageHue={chapterDetails.image_hue}\n          userType={userType}\n          blocks={chapterDetails.blocks}\n          onBlockSkipUnskip={onBlockSkipUnskip}\n          onNodeAttempt={onNodeAttempt}\n          onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n          onNodeMarkAsDone={onNodeMarkAsDone}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReview={onNodeReview}\n          onNodeView={onNodeView}\n        />\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","jsx","Text","Button","AppLoader","Styled.ContentWrapper","Styled.BackButtonContainer","Styled.BackButtonWrapper","IconButton","Back2Icon","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","BlockSections","ChapterDetails$1"],"mappings":";;;;;;;;;;;;;AAiBA,MAAMA,IAAsCC,EAAK,CAASC,MAAA;AAClD,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAX,GAEE;AAAA,IACJ,KAAKY;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,MACEC,EAAqB,GAEnBC,IAAsBC,EAAY,MAAM;AAC5C,IAAAP,EAAkBX,GAAe,QAAW,EAAE,WAAAC,EAAW,CAAA;AAAA,EACxD,GAAA,CAACU,GAAmBX,GAAeC,CAAS,CAAC;AAYhD,SAVAkB,EAAU,MAAM;AACM,IAAAF;EAAA,GACnB,CAACA,CAAmB,CAAC,GAExBE,EAAU,MAAM;AACV,IAAA,CAACN,KAAgBE,KACCE;EAErB,GAAA,CAACA,GAAqBJ,GAAcE,CAAO,CAAC,GAE3CD,IAEA,gBAAAM,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,MAAK,UAAmD,uDAAA;AAAA,IACxE,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASP;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAIA,CAACL,KAAkBC,IACd,gBAAAS,EAACG,GAAU,EAAA,QAAO,OAAO,CAAA,IAIhC,gBAAAL;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,uBAAuBb;AAAA,MACvB,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEX,UAAA;AAAA,QAAaX,MAAA,aACX,gBAAAoB,EAAAK,GAAA,EAA2B,SAAQ,QAClC,UAAA,gBAAAL,EAACM,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,UAAS;AAAA,YACT,gBAAe;AAAA,YACf,MAAK;AAAA,YACL,SAASpB;AAAA,UAAA;AAAA,WAEb,EACF,CAAA;AAAA,QAGDG,KACC,gBAAAS,EAACS,GAAA,EACC,UAAA,gBAAAT,EAAC,OAAI,EAAA,KAAKU,EAAc,UAAU,KAAI,SAAA,CAAS,EACjD,CAAA;AAAA,QAGDpB,KACC,gBAAAU;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,OAAOrB,EAAe;AAAA,YACtB,UAAUA,EAAe;AAAA,YACzB,UAAUA,EAAe;AAAA,YACzB,eAAeA,KAAA,gBAAAA,EAAgB;AAAA,UAAA;AAAA,QACjC;AAAA,QAGDA,KACC,gBAAAU;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,UAAUtB,EAAe;AAAA,YACzB,UAAAV;AAAA,YACA,QAAQU,EAAe;AAAA,YACvB,mBAAAT;AAAA,YACA,eAAAC;AAAA,YACA,6BAAAC;AAAA,YACA,kBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,YAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC,GAED0B,IAAetC;"}
+{"version":3,"file":"chapter-details.js","sources":["../../../../src/features/chapters-v2/chapter-details/chapter-details.tsx"],"sourcesContent":["import type { IChapterDetails } from './chapter-details-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport Back2Icon from '../../../assets/line-icons/icons/back2';\nimport Button from '../../ui/buttons/button/button';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { useGetChapterDetails } from '../api/chapter';\nimport BlockSections from './block-sections/block-sections';\nimport ChapterBanner from './chapter-banner/chapter-banner';\nimport * as Styled from './chapter-details-styled';\n\nconst ChapterDetails: FC<IChapterDetails> = memo(props => {\n  const {\n    userChapterId,\n    studentId,\n    userType,\n    onBlockSkipUnskip,\n    onNodeAttempt,\n    onNodeAttemptLocationChange,\n    onNodeMarkAsDone,\n    onNodeReattempt,\n    onNodeReview,\n    onNodeView,\n    onExit,\n  } = props;\n\n  const {\n    get: getChapterDetails,\n    data: chapterDetails,\n    isProcessing,\n    isProcessingFailed,\n    isStale,\n  } = useGetChapterDetails();\n\n  const fetchChapterDetails = useCallback(() => {\n    getChapterDetails(userChapterId, undefined, { studentId });\n  }, [getChapterDetails, userChapterId, studentId]);\n\n  useEffect(() => {\n    fetchChapterDetails();\n  }, [fetchChapterDetails]);\n\n  useEffect(() => {\n    if (!isProcessing && isStale) {\n      fetchChapterDetails();\n    }\n  }, [fetchChapterDetails, isProcessing, isStale]);\n\n  if (isProcessingFailed) {\n    return (\n      <FlexView $flexGapX={1.5} $height=\"100vh\" $justifyContent=\"center\" $alignItems=\"center\">\n        <Text $renderAs=\"h6\">Oops! Something went wrong. Please try again later.</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={fetchChapterDetails}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!chapterDetails && isProcessing) {\n    return <AppLoader height=\"80vh\" />;\n  }\n\n  return (\n    <Styled.ContentWrapper\n      $widthX={50}\n      $disablePointerEvents={isProcessing}\n      $justifyContent=\"center\"\n      $alignItems=\"center\"\n    >\n      <Styled.BackButtonContainer $height=\"100%\">\n        <Styled.BackButtonWrapper>\n          <IconButton\n            Icon={Back2Icon}\n            renderAs=\"secondary-gray\"\n            analyticsLabel=\"chapter_page_exit\"\n            size=\"xsmall\"\n            onClick={onExit}\n          />\n        </Styled.BackButtonWrapper>\n      </Styled.BackButtonContainer>\n\n      {isProcessing && (\n        <Styled.LoaderWrapper>\n          <img src={ILLUSTRATIONS.LOADER_1} alt=\"loader\" />\n        </Styled.LoaderWrapper>\n      )}\n\n      {chapterDetails && (\n        <ChapterBanner\n          title={chapterDetails.name}\n          imageHue={chapterDetails.image_hue}\n          imageUrl={chapterDetails.image_url}\n          progressStats={chapterDetails?.progress_stat}\n        />\n      )}\n\n      {chapterDetails && (\n        <BlockSections\n          imageHue={chapterDetails.image_hue}\n          userType={userType}\n          blocks={chapterDetails.blocks}\n          onBlockSkipUnskip={onBlockSkipUnskip}\n          onNodeAttempt={onNodeAttempt}\n          onNodeAttemptLocationChange={onNodeAttemptLocationChange}\n          onNodeMarkAsDone={onNodeMarkAsDone}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReview={onNodeReview}\n          onNodeView={onNodeView}\n        />\n      )}\n    </Styled.ContentWrapper>\n  );\n});\n\nexport default ChapterDetails;\n"],"names":["ChapterDetails","memo","props","userChapterId","studentId","userType","onBlockSkipUnskip","onNodeAttempt","onNodeAttemptLocationChange","onNodeMarkAsDone","onNodeReattempt","onNodeReview","onNodeView","onExit","getChapterDetails","chapterDetails","isProcessing","isProcessingFailed","isStale","useGetChapterDetails","fetchChapterDetails","useCallback","useEffect","jsxs","FlexView","jsx","Text","Button","AppLoader","Styled.ContentWrapper","Styled.BackButtonContainer","Styled.BackButtonWrapper","IconButton","Back2Icon","Styled.LoaderWrapper","ILLUSTRATIONS","ChapterBanner","BlockSections","ChapterDetails$1"],"mappings":";;;;;;;;;;;;;AAiBA,MAAMA,IAAsCC,EAAK,CAASC,MAAA;AAClD,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAX,GAEE;AAAA,IACJ,KAAKY;AAAA,IACL,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,MACEC,EAAqB,GAEnBC,IAAsBC,EAAY,MAAM;AAC5C,IAAAP,EAAkBX,GAAe,QAAW,EAAE,WAAAC,EAAW,CAAA;AAAA,EACxD,GAAA,CAACU,GAAmBX,GAAeC,CAAS,CAAC;AAYhD,SAVAkB,EAAU,MAAM;AACM,IAAAF;EAAA,GACnB,CAACA,CAAmB,CAAC,GAExBE,EAAU,MAAM;AACV,IAAA,CAACN,KAAgBE,KACCE;EAErB,GAAA,CAACA,GAAqBJ,GAAcE,CAAO,CAAC,GAE3CD,IAEA,gBAAAM,EAACC,KAAS,WAAW,KAAK,SAAQ,SAAQ,iBAAgB,UAAS,aAAY,UAC7E,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,MAAK,UAAmD,uDAAA;AAAA,IACxE,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASP;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA,IAIA,CAACL,KAAkBC,IACd,gBAAAS,EAACG,GAAU,EAAA,QAAO,OAAO,CAAA,IAIhC,gBAAAL;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,uBAAuBb;AAAA,MACvB,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAC,gBAAAS,EAAAK,GAAA,EAA2B,SAAQ,QAClC,UAAC,gBAAAL,EAAAM,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,MAAMC;AAAA,YACN,UAAS;AAAA,YACT,gBAAe;AAAA,YACf,MAAK;AAAA,YACL,SAASpB;AAAA,UAAA;AAAA,WAEb,EACF,CAAA;AAAA,QAECG,KACC,gBAAAS,EAACS,GAAA,EACC,UAAA,gBAAAT,EAAC,OAAI,EAAA,KAAKU,EAAc,UAAU,KAAI,SAAA,CAAS,EACjD,CAAA;AAAA,QAGDpB,KACC,gBAAAU;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,OAAOrB,EAAe;AAAA,YACtB,UAAUA,EAAe;AAAA,YACzB,UAAUA,EAAe;AAAA,YACzB,eAAeA,KAAA,gBAAAA,EAAgB;AAAA,UAAA;AAAA,QACjC;AAAA,QAGDA,KACC,gBAAAU;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,UAAUtB,EAAe;AAAA,YACzB,UAAAV;AAAA,YACA,QAAQU,EAAe;AAAA,YACvB,mBAAAT;AAAA,YACA,eAAAC;AAAA,YACA,6BAAAC;AAAA,YACA,kBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,YAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC,GAED0B,IAAetC;"}

package/dist/features/chapters-v2/comps/node-card/node-card-styled.js

@@ -1,9 +1,9 @@
-import t from "styled-components";
+import e from "styled-components";
 import d from "../../../../assets/line-icons/icons/important.js";
 import c from "../../../../assets/line-icons/icons/lock2.js";
-import e from "../../../ui/layout/flex-view.js";
+import t from "../../../ui/layout/flex-view.js";
 import l from "../../../ui/text/text.js";
-const f = t(e)(({
+const m = e(t)(({
   $showOutline: o,
   theme: r,
   $disabled: n,
@@ -64,7 +64,7 @@ const f = t(e)(({
       ${o && !s && `outline: 1px solid ${a};`};
     }
   `;
-}), g = t(d)(({ theme: o }) => {
+}), g = e(d)(({ theme: o }) => {
   const { layout: r } = o;
   return `
     width: ${r.gutter * 0.75}px;
@@ -73,54 +73,55 @@ const f = t(e)(({
     top: -2.5px;
     right: -2.5px;
   `;
-}), k = t(e)(({ $bgImage: o }) => `
+}), k = e(t)(({ $bgImage: o }) => `
     background-image: url(${o});
 
     & .context-menu {
       justify-self: flex-end;
       margin-left: auto;
     }
-  `), $ = t(e)`
+  `), $ = e(t)`
   border-radius: 50%;
-`, v = t(e)(() => `
+`, v = e(t)(() => `
     position: relative;
     padding: 12px 8px 12px 12px;
-  `), w = t(e)(({ $top: o, $right: r }) => `
+  `), w = e(t)(({ $top: o, $right: r }) => `
   position: absolute;
   top: ${o ?? 0}px;
   right: ${r ?? 0}px;
   z-index: 3;
 `);
-t(c)(({}) => `
+e(c)(({}) => `
     width: 28px;
     height: 28px;
   `);
-const I = t(e)(({ theme: o }) => {
+const I = e(t)(({ theme: o }) => {
   const { BLACK_1: r, WHITE_1: n } = o.colors;
   return `
     position: absolute;
     top: -10px;
-    right: -10px;
+    left: -10px;
+    border-radius: 50%;
     background: ${r};
 
     path {
       fill: ${n};
     }
   `;
-}), y = t(l)(() => `
+}), y = e(l)(() => `
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     text-overflow: ellipsis;
     overflow: hidden;
-  `), C = t(e)(({ theme: o }) => `
+  `), C = e(t)(({ theme: o }) => `
     cursor: pointer;
     
     &:hover {
       border-radius: 50%;
       background: ${o.colors.WHITE_5}; 
     }
-  `), W = t(e)(({ theme: o, $visible: r }) => `
+  `), W = e(t)(({ theme: o, $visible: r }) => `
     cursor: pointer;
 
     position: absolute;
@@ -141,7 +142,7 @@ const I = t(e)(({ theme: o }) => {
 export {
   $ as IconWrapper,
   I as InProgressIconWrapper,
-  f as NodeCardContainer,
+  m as NodeCardContainer,
   v as NodeCardContentWrapper,
   k as NodeCardInfoWrapper,
   y as NodeCardTitle,

package/dist/features/chapters-v2/comps/node-card/node-card-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"node-card-styled.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport Lock2Icon from '../../../../assets/line-icons/icons/lock2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface INodeCardContainer {\n  $showOutline?: boolean;\n  $disabled: boolean;\n  $isSheetLocked?: boolean;\n}\n\nconst NodeCardContainer = styled(FlexView)<INodeCardContainer>(({\n  $showOutline,\n  theme,\n  $disabled,\n  $isSheetLocked,\n}) => {\n  const { BLACK_1, BLACK, BLACK_T_15 } = theme.colors;\n\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    ${$disabled ? 'pointer-events: none;' : 'pointer-events: auto;'};\n    position: relative;\n    border-image: linear-gradient(to right, ${BLACK_T_15} 0%, ${BLACK_T_15} 100%);\n    ${$showOutline && `outline: 1px solid ${BLACK_T_15};`};\n\n    .node-card-border {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 2;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      background: transparent;\n    }\n\n    .node-card-border > .border-path {\n      fill: none;\n      stroke: ${BLACK_T_15};\n      stroke-width: 1.5;\n    }\n\n    .node-card-border > .border-path-animation {\n      fill: none;\n      stroke: ${BLACK};\n      stroke-width: 1.5;\n      //* view box size 170 + 56 + 170 + 56 = 452\n      //* 452 / 2 = 226\n      stroke-dasharray: 226 226;\n      stroke-dashoffset: 0;\n\n      animation: dashmove 6s linear infinite;\n    }\n    \n    @keyframes dashmove {\n      to {\n        stroke-dashoffset: -900;\n      }\n    }\n    \n    &:hover {\n      ${\n        !$disabled &&\n        `\n          .node-card-border > .border-path-animation {\n            stroke: ${BLACK_1};\n            stroke-dasharray: 452;\n            animation: none;\n          }\n        `\n      }\n\n      ${$showOutline && !$isSheetLocked && `outline: 1px solid ${BLACK};`};\n    }\n  `;\n});\n\nconst StyledImportantIcon = styled(ImportantIcon)(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    width: ${layout.gutter * 0.75}px;\n    height: ${layout.gutter * 0.75}px;\n    position: absolute;\n    top: -2.5px;\n    right: -2.5px;\n  `;\n});\n\ninterface INodeCardInfoWrapper {\n  $bgImage: string;\n}\n\nconst NodeCardInfoWrapper = styled(FlexView)<INodeCardInfoWrapper>(({ $bgImage }) => {\n  return `\n    background-image: url(${$bgImage});\n\n    & .context-menu {\n      justify-self: flex-end;\n      margin-left: auto;\n    }\n  `;\n});\n\nconst IconWrapper = styled(FlexView)`\n  border-radius: 50%;\n`;\n\nconst NodeCardContentWrapper = styled(FlexView)(() => {\n  return `\n    position: relative;\n    padding: 12px 8px 12px 12px;\n  `;\n});\n\ninterface ISheetTagWrapper {\n  $top?: number;\n  $right?: number;\n}\n\nconst SheetTagWrapper = styled(FlexView)<ISheetTagWrapper>(({ $top, $right }) => {\n  return `\n  position: absolute;\n  top: ${$top ?? 0}px;\n  right: ${$right ?? 0}px;\n  z-index: 3;\n`;\n});\n\nconst StyledLockIcon = styled(Lock2Icon)(({}) => {\n  return `\n    width: 28px;\n    height: 28px;\n  `;\n});\n\nconst InProgressIconWrapper = styled(FlexView)(({ theme }) => {\n  const { BLACK_1, WHITE_1 } = theme.colors;\n\n  return `\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    background: ${BLACK_1};\n\n    path {\n      fill: ${WHITE_1};\n    }\n  `;\n});\n\nconst NodeCardTitle = styled(Text)(() => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nconst NodeKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\ninterface INodeOptionsMenuWrapper {\n  $visible: boolean;\n}\n\nconst NodeMenuOptionsWrapper = styled(FlexView)<INodeOptionsMenuWrapper>(({ theme, $visible }) => {\n  return `\n    cursor: pointer;\n\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    left: 0;\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport {\n  NodeCardContainer,\n  StyledImportantIcon,\n  NodeCardInfoWrapper,\n  IconWrapper,\n  NodeCardContentWrapper,\n  SheetTagWrapper,\n  StyledLockIcon,\n  InProgressIconWrapper,\n  NodeCardTitle,\n  NodeKebabMenuWrapper,\n  NodeMenuOptionsWrapper,\n};\n"],"names":["NodeCardContainer","styled","FlexView","$showOutline","theme","$disabled","$isSheetLocked","BLACK_1","BLACK","BLACK_T_15","StyledImportantIcon","ImportantIcon","layout","NodeCardInfoWrapper","$bgImage","IconWrapper","NodeCardContentWrapper","SheetTagWrapper","$top","$right","Lock2Icon","InProgressIconWrapper","WHITE_1","NodeCardTitle","Text","NodeKebabMenuWrapper","NodeMenuOptionsWrapper","$visible"],"mappings":";;;;;AAaA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAsB,CAAC;AAAA,EAC9D,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,YAAAC,EAAA,IAAeL,EAAM;AAEtC,SAAA;AAAA,cACKC,IAAY,gBAAgB,SAAS;AAAA,MAC7CA,IAAY,0BAA0B,uBAAuB;AAAA;AAAA,8CAErBI,CAAU,QAAQA,CAAU;AAAA,MACpEN,KAAgB,sBAAsBM,CAAU,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAezCA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMVD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAkBb,CAACH,KACD;AAAA;AAAA,sBAEcE,CAAO;AAAA;AAAA;AAAA;AAAA,SAKvB;AAAA;AAAA,QAEEJ,KAAgB,CAACG,KAAkB,sBAAsBE,CAAK,GAAG;AAAA;AAAA;AAGzE,CAAC,GAEKE,IAAsBT,EAAOU,CAAa,EAAE,CAAC,EAAE,OAAAP,QAAY;AACzD,QAAA,EAAE,QAAAQ,EAAW,IAAAR;AAEZ,SAAA;AAAA,aACIQ,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAKlC,CAAC,GAMKC,IAAsBZ,EAAOC,CAAQ,EAAwB,CAAC,EAAE,UAAAY,QAC7D;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnC,GAEKC,IAAcd,EAAOC,CAAQ;AAAA;AAAA,GAI7Bc,IAAyBf,EAAOC,CAAQ,EAAE,MACvC;AAAA;AAAA;AAAA,GAIR,GAOKe,IAAkBhB,EAAOC,CAAQ,EAAoB,CAAC,EAAE,MAAAgB,GAAM,QAAAC,QAC3D;AAAA;AAAA,SAEAD,KAAQ,CAAC;AAAA,WACPC,KAAU,CAAC;AAAA;AAAA,CAGrB;AAEsBlB,EAAOmB,CAAS,EAAE,CAAC,OACjC;AAAA;AAAA;AAAA,GAIR;AAED,MAAMC,IAAwBpB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AAC5D,QAAM,EAAE,SAAAG,GAAS,SAAAe,MAAYlB,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA,kBAISG,CAAO;AAAA;AAAA;AAAA,cAGXe,CAAO;AAAA;AAAA;AAGrB,CAAC,GAEKC,IAAgBtB,EAAOuB,CAAI,EAAE,MAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR,GAEKC,IAAuBxB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QACxC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAMKsB,IAAyBzB,EAAOC,CAAQ,EAA2B,CAAC,EAAE,OAAAE,GAAO,UAAAuB,QAC1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKXvB,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC;"}
+{"version":3,"file":"node-card-styled.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport ImportantIcon from '../../../../assets/line-icons/icons/important';\nimport Lock2Icon from '../../../../assets/line-icons/icons/lock2';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface INodeCardContainer {\n  $showOutline?: boolean;\n  $disabled: boolean;\n  $isSheetLocked?: boolean;\n}\n\nconst NodeCardContainer = styled(FlexView)<INodeCardContainer>(({\n  $showOutline,\n  theme,\n  $disabled,\n  $isSheetLocked,\n}) => {\n  const { BLACK_1, BLACK, BLACK_T_15 } = theme.colors;\n\n  return `\n    cursor: ${$disabled ? 'not-allowed' : 'pointer'};\n    ${$disabled ? 'pointer-events: none;' : 'pointer-events: auto;'};\n    position: relative;\n    border-image: linear-gradient(to right, ${BLACK_T_15} 0%, ${BLACK_T_15} 100%);\n    ${$showOutline && `outline: 1px solid ${BLACK_T_15};`};\n\n    .node-card-border {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 2;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      background: transparent;\n    }\n\n    .node-card-border > .border-path {\n      fill: none;\n      stroke: ${BLACK_T_15};\n      stroke-width: 1.5;\n    }\n\n    .node-card-border > .border-path-animation {\n      fill: none;\n      stroke: ${BLACK};\n      stroke-width: 1.5;\n      //* view box size 170 + 56 + 170 + 56 = 452\n      //* 452 / 2 = 226\n      stroke-dasharray: 226 226;\n      stroke-dashoffset: 0;\n\n      animation: dashmove 6s linear infinite;\n    }\n    \n    @keyframes dashmove {\n      to {\n        stroke-dashoffset: -900;\n      }\n    }\n    \n    &:hover {\n      ${\n        !$disabled &&\n        `\n          .node-card-border > .border-path-animation {\n            stroke: ${BLACK_1};\n            stroke-dasharray: 452;\n            animation: none;\n          }\n        `\n      }\n\n      ${$showOutline && !$isSheetLocked && `outline: 1px solid ${BLACK};`};\n    }\n  `;\n});\n\nconst StyledImportantIcon = styled(ImportantIcon)(({ theme }) => {\n  const { layout } = theme;\n\n  return `\n    width: ${layout.gutter * 0.75}px;\n    height: ${layout.gutter * 0.75}px;\n    position: absolute;\n    top: -2.5px;\n    right: -2.5px;\n  `;\n});\n\ninterface INodeCardInfoWrapper {\n  $bgImage: string;\n}\n\nconst NodeCardInfoWrapper = styled(FlexView)<INodeCardInfoWrapper>(({ $bgImage }) => {\n  return `\n    background-image: url(${$bgImage});\n\n    & .context-menu {\n      justify-self: flex-end;\n      margin-left: auto;\n    }\n  `;\n});\n\nconst IconWrapper = styled(FlexView)`\n  border-radius: 50%;\n`;\n\nconst NodeCardContentWrapper = styled(FlexView)(() => {\n  return `\n    position: relative;\n    padding: 12px 8px 12px 12px;\n  `;\n});\n\ninterface ISheetTagWrapper {\n  $top?: number;\n  $right?: number;\n}\n\nconst SheetTagWrapper = styled(FlexView)<ISheetTagWrapper>(({ $top, $right }) => {\n  return `\n  position: absolute;\n  top: ${$top ?? 0}px;\n  right: ${$right ?? 0}px;\n  z-index: 3;\n`;\n});\n\nconst StyledLockIcon = styled(Lock2Icon)(({}) => {\n  return `\n    width: 28px;\n    height: 28px;\n  `;\n});\n\nconst InProgressIconWrapper = styled(FlexView)(({ theme }) => {\n  const { BLACK_1, WHITE_1 } = theme.colors;\n\n  return `\n    position: absolute;\n    top: -10px;\n    left: -10px;\n    border-radius: 50%;\n    background: ${BLACK_1};\n\n    path {\n      fill: ${WHITE_1};\n    }\n  `;\n});\n\nconst NodeCardTitle = styled(Text)(() => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nconst NodeKebabMenuWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    cursor: pointer;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\ninterface INodeOptionsMenuWrapper {\n  $visible: boolean;\n}\n\nconst NodeMenuOptionsWrapper = styled(FlexView)<INodeOptionsMenuWrapper>(({ theme, $visible }) => {\n  return `\n    cursor: pointer;\n\n    position: absolute;\n    z-index: 6;\n    top: calc(100% + 4px);\n    left: 0;\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0});\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n    \n    &:hover {\n      border-radius: 50%;\n      background: ${theme.colors.WHITE_5}; \n    }\n  `;\n});\n\nexport {\n  NodeCardContainer,\n  StyledImportantIcon,\n  NodeCardInfoWrapper,\n  IconWrapper,\n  NodeCardContentWrapper,\n  SheetTagWrapper,\n  StyledLockIcon,\n  InProgressIconWrapper,\n  NodeCardTitle,\n  NodeKebabMenuWrapper,\n  NodeMenuOptionsWrapper,\n};\n"],"names":["NodeCardContainer","styled","FlexView","$showOutline","theme","$disabled","$isSheetLocked","BLACK_1","BLACK","BLACK_T_15","StyledImportantIcon","ImportantIcon","layout","NodeCardInfoWrapper","$bgImage","IconWrapper","NodeCardContentWrapper","SheetTagWrapper","$top","$right","Lock2Icon","InProgressIconWrapper","WHITE_1","NodeCardTitle","Text","NodeKebabMenuWrapper","NodeMenuOptionsWrapper","$visible"],"mappings":";;;;;AAaA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAsB,CAAC;AAAA,EAC9D,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,YAAAC,EAAA,IAAeL,EAAM;AAEtC,SAAA;AAAA,cACKC,IAAY,gBAAgB,SAAS;AAAA,MAC7CA,IAAY,0BAA0B,uBAAuB;AAAA;AAAA,8CAErBI,CAAU,QAAQA,CAAU;AAAA,MACpEN,KAAgB,sBAAsBM,CAAU,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAezCA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMVD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAkBb,CAACH,KACD;AAAA;AAAA,sBAEcE,CAAO;AAAA;AAAA;AAAA;AAAA,SAKvB;AAAA;AAAA,QAEEJ,KAAgB,CAACG,KAAkB,sBAAsBE,CAAK,GAAG;AAAA;AAAA;AAGzE,CAAC,GAEKE,IAAsBT,EAAOU,CAAa,EAAE,CAAC,EAAE,OAAAP,QAAY;AACzD,QAAA,EAAE,QAAAQ,EAAW,IAAAR;AAEZ,SAAA;AAAA,aACIQ,EAAO,SAAS,IAAI;AAAA,cACnBA,EAAO,SAAS,IAAI;AAAA;AAAA;AAAA;AAAA;AAKlC,CAAC,GAMKC,IAAsBZ,EAAOC,CAAQ,EAAwB,CAAC,EAAE,UAAAY,QAC7D;AAAA,4BACmBA,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnC,GAEKC,IAAcd,EAAOC,CAAQ;AAAA;AAAA,GAI7Bc,IAAyBf,EAAOC,CAAQ,EAAE,MACvC;AAAA;AAAA;AAAA,GAIR,GAOKe,IAAkBhB,EAAOC,CAAQ,EAAoB,CAAC,EAAE,MAAAgB,GAAM,QAAAC,QAC3D;AAAA;AAAA,SAEAD,KAAQ,CAAC;AAAA,WACPC,KAAU,CAAC;AAAA;AAAA,CAGrB;AAEsBlB,EAAOmB,CAAS,EAAE,CAAC,OACjC;AAAA;AAAA;AAAA,GAIR;AAED,MAAMC,IAAwBpB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QAAY;AAC5D,QAAM,EAAE,SAAAG,GAAS,SAAAe,MAAYlB,EAAM;AAE5B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKSG,CAAO;AAAA;AAAA;AAAA,cAGXe,CAAO;AAAA;AAAA;AAGrB,CAAC,GAEKC,IAAgBtB,EAAOuB,CAAI,EAAE,MAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOR,GAEKC,IAAuBxB,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAE,QACxC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKWA,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC,GAMKsB,IAAyBzB,EAAOC,CAAQ,EAA2B,CAAC,EAAE,OAAAE,GAAO,UAAAuB,QAC1E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASeA,IAAW,IAAI,CAAC;AAAA,eACzBA,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKXvB,EAAM,OAAO,OAAO;AAAA;AAAA,GAGvC;"}

package/dist/features/chapters-v2/comps/node-card/node-card-tags.js

@@ -1,16 +1,12 @@
-import { jsx as d } from "react/jsx-runtime";
-import { memo as m } from "react";
-import { getNodeStateBasedTagInfo as p } from "../../utils/node-card-utils.js";
-import { SheetTagWrapper as g } from "./node-card-styled.js";
-const h = m((o) => {
-  const { state: t, accuracy: e, nodeType: a, dueDateTs: r } = o, c = a === "DYNAMIC" ? e : void 0, {
-    icon: i,
-    top: n,
-    right: s
-  } = p(t, c, r);
-  return /* @__PURE__ */ d(g, { $top: n, $right: s, children: i });
+import { jsx as m } from "react/jsx-runtime";
+import { memo as s } from "react";
+import { getNodeStateBasedTagInfo as d } from "../../utils/node-card-utils.js";
+import { SheetTagWrapper as p } from "./node-card-styled.js";
+const T = s((o) => {
+  const { state: t, accuracy: e, nodeType: r } = o, a = r === "DYNAMIC" ? e : void 0, { icon: c, top: i, right: n } = d(t, a);
+  return /* @__PURE__ */ m(p, { $top: i, $right: n, children: c });
 });
 export {
-  h as default
+  T as default
 };
 //# sourceMappingURL=node-card-tags.js.map

package/dist/features/chapters-v2/comps/node-card/node-card-tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"node-card-tags.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-tags.tsx"],"sourcesContent":["import type { INodeCardTagsProps } from './node-card-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { getNodeStateBasedTagInfo } from '../../utils/node-card-utils';\nimport * as Styled from './node-card-styled';\n\nconst NodeCardTags: FC<INodeCardTagsProps> = memo(props => {\n  const { state, accuracy, nodeType, dueDateTs } = props;\n\n  const isDynamicNode = nodeType === 'DYNAMIC';\n  const accuracyValue = isDynamicNode ? accuracy : undefined;\n\n  const {\n    icon: NodeTagIcon,\n    top,\n    right,\n  } = getNodeStateBasedTagInfo(state, accuracyValue, dueDateTs);\n\n  return (\n    <Styled.SheetTagWrapper $top={top} $right={right}>\n      {NodeTagIcon}\n    </Styled.SheetTagWrapper>\n  );\n});\n\nexport default NodeCardTags;\n"],"names":["NodeCardTags","memo","props","state","accuracy","nodeType","dueDateTs","accuracyValue","NodeTagIcon","top","right","getNodeStateBasedTagInfo","jsx","Styled.SheetTagWrapper"],"mappings":";;;;AAQM,MAAAA,IAAuCC,EAAK,CAASC,MAAA;AACzD,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,UAAAC,GAAU,WAAAC,MAAcJ,GAG3CK,IADgBF,MAAa,YACGD,IAAW,QAE3C;AAAA,IACJ,MAAMI;AAAA,IACN,KAAAC;AAAA,IACA,OAAAC;AAAA,EACE,IAAAC,EAAyBR,GAAOI,GAAeD,CAAS;AAG1D,SAAA,gBAAAM,EAACC,GAAA,EAAuB,MAAMJ,GAAK,QAAQC,GACxC,UACHF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"node-card-tags.js","sources":["../../../../../src/features/chapters-v2/comps/node-card/node-card-tags.tsx"],"sourcesContent":["import type { INodeCardTagsProps } from './node-card-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { getNodeStateBasedTagInfo } from '../../utils/node-card-utils';\nimport * as Styled from './node-card-styled';\n\nconst NodeCardTags: FC<INodeCardTagsProps> = memo(props => {\n  const { state, accuracy, nodeType } = props;\n\n  const isDynamicNode = nodeType === 'DYNAMIC';\n  const accuracyValue = isDynamicNode ? accuracy : undefined;\n\n  const { icon: NodeTagIcon, top, right } = getNodeStateBasedTagInfo(state, accuracyValue);\n\n  return (\n    <Styled.SheetTagWrapper $top={top} $right={right}>\n      {NodeTagIcon}\n    </Styled.SheetTagWrapper>\n  );\n});\n\nexport default NodeCardTags;\n"],"names":["NodeCardTags","memo","props","state","accuracy","nodeType","accuracyValue","NodeTagIcon","top","right","getNodeStateBasedTagInfo","jsx","Styled.SheetTagWrapper"],"mappings":";;;;AAQM,MAAAA,IAAuCC,EAAK,CAASC,MAAA;AACzD,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,UAAAC,EAAA,IAAaH,GAGhCI,IADgBD,MAAa,YACGD,IAAW,QAE3C,EAAE,MAAMG,GAAa,KAAAC,GAAK,OAAAC,MAAUC,EAAyBP,GAAOG,CAAa;AAGrF,SAAA,gBAAAK,EAACC,GAAA,EAAuB,MAAMJ,GAAK,QAAQC,GACxC,UACHF,EAAA,CAAA;AAEJ,CAAC;"}