@cuemath/leap 3.0.7-hg1 → 3.0.7-hg3

package/dist/features/chapters/lpar-chapter/constants/index.js

@@ -0,0 +1,63 @@
+const T = {
+  PUZZLE_CARDS: "PUZZLE_CARDS",
+  MASTERY: "MASTERY"
+}, S = {
+  MASTERY: "mastery",
+  PUZZLE_CARDS: "puzzle_cards",
+  EXTRA_PRACTICE: "extra_practice"
+}, E = {
+  ADDED: "ADDED",
+  IN_PROGRESS: "IN_PROGRESS",
+  COMPLETED: "COMPLETED",
+  MASTERED: "MASTERED",
+  LOCKED: "LOCKED"
+}, C = {
+  [E.ADDED]: "ADDED",
+  [E.IN_PROGRESS]: "IN PROGRESS...",
+  [E.COMPLETED]: "COMPLETED",
+  [E.MASTERED]: "MASTERED"
+}, O = {
+  CORRECT: "CORRECT",
+  INCORRECT: "INCORRECT",
+  UNSCORED: "UNSCORED",
+  UNATTEMPTED: "UNATTEMPTED"
+}, D = {
+  DEFAULT: "DEFAULT",
+  PREREQ: "PREREQ",
+  RECAP: "RECAP",
+  GOAL: "GOAL",
+  TESTS: "TESTS",
+  PLAYLIST: "PLAYLIST",
+  SOLUTIONS: "SOLUTIONS",
+  NOTES: "NOTES",
+  FLASHCARDS: "FLASHCARDS",
+  SUBJECTIVES: "SUBJECTIVES",
+  PUZZLE_CARDS: "PUZZLE_CARDS",
+  SAT_MOCK_TEST: "SAT_MOCK_TEST"
+}, R = {
+  COMPLETED: "COMPLETED",
+  NOT_COMPLETED: "NOT_COMPLETED"
+}, A = {
+  SYSTEM_LOCKED: "SYSTEM_LOCKED",
+  SYSTEM_UNLOCKED: "SYSTEM_UNLOCKED",
+  TEACHER_LOCKED: "TEACHER_LOCKED",
+  TEACHER_UNLOCKED: "TEACHER_UNLOCKED"
+}, L = {
+  LOCKED: "LOCKED",
+  UNLOCKED: "UNLOCKED",
+  IN_PROGRESS: "IN_PROGRESS",
+  NOT_CLEARED: "NOT_CLEARED",
+  COMPLETED: "COMPLETED"
+};
+export {
+  E as BLOCK_STATUS,
+  C as BLOCK_STATUS_VALUE,
+  D as BLOCK_TYPE,
+  A as CHAPTER_LOCK_STATE,
+  L as CHAPTER_PERMISSION_CODES,
+  S as MILESTONE_CHAPTER_TAB_CODES,
+  R as OPTIONAL_STATUS,
+  O as SAT_TEST_QUESTION_STATUS,
+  T as TAB_CODES
+};
+//# sourceMappingURL=index.js.map

package/dist/features/chapters/lpar-chapter/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/features/chapters/lpar-chapter/constants/index.ts"],"sourcesContent":["const TAB_CODES = {\n  PUZZLE_CARDS: 'PUZZLE_CARDS',\n  MASTERY: 'MASTERY',\n} as const;\n\nconst MILESTONE_CHAPTER_TAB_CODES = {\n  MASTERY: 'mastery',\n  PUZZLE_CARDS: 'puzzle_cards',\n  EXTRA_PRACTICE: 'extra_practice',\n} as const;\n\nconst BLOCK_STATUS = {\n  ADDED: 'ADDED',\n  IN_PROGRESS: 'IN_PROGRESS',\n  COMPLETED: 'COMPLETED',\n  MASTERED: 'MASTERED',\n  LOCKED: 'LOCKED',\n} as const;\n\nconst BLOCK_STATUS_VALUE = {\n  [BLOCK_STATUS.ADDED]: 'ADDED',\n  [BLOCK_STATUS.IN_PROGRESS]: 'IN PROGRESS...',\n  [BLOCK_STATUS.COMPLETED]: 'COMPLETED',\n  [BLOCK_STATUS.MASTERED]: 'MASTERED',\n} as const;\n\nconst SAT_NODE_TYPE = {\n  SAT_ENGLISH_ASSESSMENT: 'SAT_ENGLISH_ASSESSMENT',\n  SAT_MATH_ASSESSMENT: 'SAT_MATH_ASSESSMENT',\n  SAT_MATH_RECAP: 'SAT_MATH_RECAP',\n  SAT_ENGLISH_LEARNING: 'SAT_ENGLISH_LEARNING',\n  SAT_MATH_LEARNING: 'SAT_MATH_LEARNING',\n} as const;\n\nconst SAT_TEST_QUESTION_STATUS = {\n  CORRECT: 'CORRECT',\n  INCORRECT: 'INCORRECT',\n  UNSCORED: 'UNSCORED',\n  UNATTEMPTED: 'UNATTEMPTED',\n} as const;\n\nconst BLOCK_TYPE = {\n  DEFAULT: 'DEFAULT',\n  PREREQ: 'PREREQ',\n  RECAP: 'RECAP',\n  GOAL: 'GOAL',\n  TESTS: 'TESTS',\n  PLAYLIST: 'PLAYLIST',\n  SOLUTIONS: 'SOLUTIONS',\n  NOTES: 'NOTES',\n  FLASHCARDS: 'FLASHCARDS',\n  SUBJECTIVES: 'SUBJECTIVES',\n  PUZZLE_CARDS: 'PUZZLE_CARDS',\n  SAT_MOCK_TEST: 'SAT_MOCK_TEST',\n} as const;\n\nconst OPTIONAL_STATUS = {\n  COMPLETED: 'COMPLETED',\n  NOT_COMPLETED: 'NOT_COMPLETED',\n} as const;\n\nconst CHAPTER_LOCK_STATE = {\n  SYSTEM_LOCKED: 'SYSTEM_LOCKED',\n  SYSTEM_UNLOCKED: 'SYSTEM_UNLOCKED',\n  TEACHER_LOCKED: 'TEACHER_LOCKED',\n  TEACHER_UNLOCKED: 'TEACHER_UNLOCKED',\n} as const;\n\nconst CHAPTER_PERMISSION_CODES = {\n  LOCKED: 'LOCKED',\n  UNLOCKED: 'UNLOCKED',\n  IN_PROGRESS: 'IN_PROGRESS',\n  NOT_CLEARED: 'NOT_CLEARED',\n  COMPLETED: 'COMPLETED',\n} as const;\n\nexport {\n  BLOCK_STATUS_VALUE,\n  BLOCK_STATUS,\n  BLOCK_TYPE,\n  CHAPTER_LOCK_STATE,\n  CHAPTER_PERMISSION_CODES,\n  MILESTONE_CHAPTER_TAB_CODES,\n  OPTIONAL_STATUS,\n  SAT_NODE_TYPE,\n  SAT_TEST_QUESTION_STATUS,\n  TAB_CODES,\n};\n"],"names":["TAB_CODES","MILESTONE_CHAPTER_TAB_CODES","BLOCK_STATUS","BLOCK_STATUS_VALUE","SAT_TEST_QUESTION_STATUS","BLOCK_TYPE","OPTIONAL_STATUS","CHAPTER_LOCK_STATE","CHAPTER_PERMISSION_CODES"],"mappings":"AAAA,MAAMA,IAAY;AAAA,EAChB,cAAc;AAAA,EACd,SAAS;AACX,GAEMC,IAA8B;AAAA,EAClC,SAAS;AAAA,EACT,cAAc;AAAA,EACd,gBAAgB;AAClB,GAEMC,IAAe;AAAA,EACnB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AACV,GAEMC,IAAqB;AAAA,EACzB,CAACD,EAAa,KAAK,GAAG;AAAA,EACtB,CAACA,EAAa,WAAW,GAAG;AAAA,EAC5B,CAACA,EAAa,SAAS,GAAG;AAAA,EAC1B,CAACA,EAAa,QAAQ,GAAG;AAC3B,GAUME,IAA2B;AAAA,EAC/B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AACf,GAEMC,IAAa;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,eAAe;AACjB,GAEMC,IAAkB;AAAA,EACtB,WAAW;AAAA,EACX,eAAe;AACjB,GAEMC,IAAqB;AAAA,EACzB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,kBAAkB;AACpB,GAEMC,IAA2B;AAAA,EAC/B,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AACb;"}

package/dist/features/chapters/lpar-chapter/constants/puzzle-card.js

@@ -0,0 +1,54 @@
+import { IMAGES as E } from "../../../../assets/images/images.js";
+const L = {
+  LOCKED: "LOCKED",
+  COMPLETED: "COMPLETED",
+  SKIPPED: "SKIPPED",
+  NO_JUSTIFY: "COMPLETED",
+  UNLOCKED: "UNLOCKED",
+  IN_PROGRESS: "UNLOCKED",
+  WAIT_FOR_REVIEW: "UNLOCKED",
+  IN_REVIEW: "UNLOCKED",
+  REVIEWED: "COMPLETED",
+  REJECTED: "COMPLETED"
+}, _ = {
+  PUZZLE_EASY: 10,
+  PUZZLE_MEDIUM: 15,
+  PUZZLE_HARD: 20,
+  DEFAULT: 20
+}, C = {
+  PUZZLE_EASY: E.PUZZLE_CARD_EASY,
+  PUZZLE_MEDIUM: E.PUZZLE_CARD_MEDIUM,
+  PUZZLE_HARD: E.PUZZLE_CARD_HARD
+}, P = {
+  LOCKED: {
+    background: "WHITE",
+    textColor: "BLACK"
+  },
+  UNLOCKED: {
+    background: "ORANGE_4",
+    textColor: "WHITE"
+  },
+  COMPLETED: {
+    background: "WHITE",
+    textColor: "BLUE_6"
+  },
+  SKIPPED: {
+    background: "WHITE",
+    textColor: "RED"
+  },
+  NO_JUSTIFY: {
+    background: "WHITE",
+    textColor: "BLUE_6"
+  },
+  IN_PROGRESS: {
+    background: "ORANGE_4",
+    textColor: "WHITE"
+  }
+};
+export {
+  _ as PUZZLE_CARD_COINS,
+  C as PUZZLE_CARD_IMAGES,
+  L as PUZZLE_CARD_STATE,
+  P as PUZZLE_CARD_STATE_BASED_COLOR
+};
+//# sourceMappingURL=puzzle-card.js.map

package/dist/features/chapters/lpar-chapter/constants/puzzle-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzle-card.js","sources":["../../../../../src/features/chapters/lpar-chapter/constants/puzzle-card.ts"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { IMAGES } from '../../../../assets/images/images';\n\nconst PUZZLE_CARD_STATE = {\n  LOCKED: 'LOCKED',\n  COMPLETED: 'COMPLETED',\n  SKIPPED: 'SKIPPED',\n  NO_JUSTIFY: 'COMPLETED',\n  UNLOCKED: 'UNLOCKED',\n  IN_PROGRESS: 'UNLOCKED',\n  WAIT_FOR_REVIEW: 'UNLOCKED',\n  IN_REVIEW: 'UNLOCKED',\n  REVIEWED: 'COMPLETED',\n  REJECTED: 'COMPLETED',\n} as const;\n\nconst PUZZLE_CARD_COINS = {\n  PUZZLE_EASY: 10,\n  PUZZLE_MEDIUM: 15,\n  PUZZLE_HARD: 20,\n  DEFAULT: 20,\n} as const;\n\nconst PUZZLE_CARD_IMAGES = {\n  PUZZLE_EASY: IMAGES.PUZZLE_CARD_EASY,\n  PUZZLE_MEDIUM: IMAGES.PUZZLE_CARD_MEDIUM,\n  PUZZLE_HARD: IMAGES.PUZZLE_CARD_HARD,\n};\n\nconst PUZZLE_CARD_TITLE = {\n  PUZZLE_EASY: 'Easy',\n  PUZZLE_MEDIUM: 'Medium',\n  PUZZLE_HARD: 'Hard',\n};\n\ntype TPuzzleCardStateBasedColor = {\n  [key: string]: {\n    background: TColorNames;\n    textColor: TColorNames;\n  };\n};\n\nconst PUZZLE_CARD_STATE_BASED_COLOR: TPuzzleCardStateBasedColor = {\n  LOCKED: {\n    background: `WHITE`,\n    textColor: `BLACK`,\n  },\n  UNLOCKED: {\n    background: `ORANGE_4`,\n    textColor: `WHITE`,\n  },\n  COMPLETED: {\n    background: `WHITE`,\n    textColor: `BLUE_6`,\n  },\n  SKIPPED: {\n    background: `WHITE`,\n    textColor: `RED`,\n  },\n  NO_JUSTIFY: {\n    background: `WHITE`,\n    textColor: `BLUE_6`,\n  },\n  IN_PROGRESS: {\n    background: `ORANGE_4`,\n    textColor: `WHITE`,\n  },\n};\n\nexport {\n  PUZZLE_CARD_STATE,\n  PUZZLE_CARD_COINS,\n  PUZZLE_CARD_IMAGES,\n  PUZZLE_CARD_TITLE,\n  PUZZLE_CARD_STATE_BASED_COLOR,\n};\n"],"names":["PUZZLE_CARD_STATE","PUZZLE_CARD_COINS","PUZZLE_CARD_IMAGES","IMAGES","PUZZLE_CARD_STATE_BASED_COLOR"],"mappings":";AAIA,MAAMA,IAAoB;AAAA,EACxB,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AACZ,GAEMC,IAAoB;AAAA,EACxB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,SAAS;AACX,GAEMC,IAAqB;AAAA,EACzB,aAAaC,EAAO;AAAA,EACpB,eAAeA,EAAO;AAAA,EACtB,aAAaA,EAAO;AACtB,GAeMC,IAA4D;AAAA,EAChE,QAAQ;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,YAAY;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,aAAa;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF;"}

package/dist/features/chapters/lpar-chapter/lpar-chapter-banner/chapter-banner.js

@@ -0,0 +1,120 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useCallback as T } from "react";
+import { useTheme as b } from "styled-components";
+import { SHEET_ATTEMPT_LOCATION_MAP as A } from "../../../sheets/constants/sheet.js";
+import t from "../../../ui/layout/flex-view.js";
+import s from "../../../ui/text/text.js";
+import C from "../comps/chapter-progress.js";
+import { CHAPTER_PERMISSION_CODES as L, CHAPTER_LOCK_STATE as I } from "../constants/index.js";
+import { BannerWrapper as y, BannerImageContainer as D, ImageContainer as H, StyledButton as O, ChapterStatsContainer as P } from "./lpar-chapter-banner-styled.js";
+const { INCLASS: G, ATHOME: R } = A, { SYSTEM_LOCKED: X, TEACHER_LOCKED: j } = I, V = ({
+  chapterData: $,
+  userType: g,
+  ...u
+}) => {
+  const { onLockChapter: o, onUnlockChapter: a } = u, { layout: _ } = b(), { gutter: E } = _, {
+    title: k,
+    image_cdn_url: p,
+    image_hue: h,
+    completion_status: n,
+    program_chapter_locking_enabled: w,
+    lock_state: m,
+    chapter_id: x,
+    state: f,
+    program_chapter_locking_enabled: d
+  } = $, { CW: c, HW: i } = n || {}, l = m === X || m === j, S = T(() => {
+    if (!d || f === L.LOCKED) return null;
+    if (l) {
+      if (typeof a != "function")
+        throw new Error("onUnlockChapter must be a function");
+      a("Unlock");
+      return;
+    }
+    if (typeof o != "function")
+      throw new Error("onLockChapter must be a function");
+    o("Lock");
+  }, [d, f, l, o, a]);
+  return /* @__PURE__ */ r(
+    y,
+    {
+      $backgroundColor: `${h || "GREY"}_1`,
+      $borderColor: `${h || "GREY"}_4`,
+      $flexDirection: "row",
+      $alignItems: "center",
+      $flexGap: E,
+      $gapX: 1,
+      $gutterX: 1,
+      children: [
+        /* @__PURE__ */ e(D, { children: p && /* @__PURE__ */ e(H, { src: p, alt: "Chap" }) }),
+        /* @__PURE__ */ r(t, { $flexGapX: 0.75, $width: "100%", children: [
+          /* @__PURE__ */ r(
+            t,
+            {
+              $flexDirection: "row",
+              $alignItems: "end",
+              $justifyContent: "space-between",
+              $heightX: 2,
+              children: [
+                /* @__PURE__ */ e(t, { $justifyContent: "center", $flexGap: 4, children: /* @__PURE__ */ e(s, { $renderAs: "h6", children: k }) }),
+                /* @__PURE__ */ e(t, { $flexDirection: "row", $alignItems: "center", children: g === "TEACHER" && w && /* @__PURE__ */ e(
+                  O,
+                  {
+                    renderAs: "secondary",
+                    label: l ? "Chapter locked" : "Chapter unlocked",
+                    size: "small",
+                    onClick: S,
+                    analyticsProps: {
+                      chapter_id: x
+                    }
+                  }
+                ) })
+              ]
+            }
+          ),
+          n && /* @__PURE__ */ e(
+            P,
+            {
+              $flexDirection: "row",
+              $alignItems: "center",
+              $justifyContent: "space-between",
+              $heightX: 2.75,
+              $width: "100%",
+              children: /* @__PURE__ */ r(t, { $flexDirection: "row", $alignItems: "center", $flexGapX: 1, children: [
+                G in n && typeof c == "number" && /* @__PURE__ */ e(
+                  C,
+                  {
+                    progressStats: /* @__PURE__ */ r(t, { $flexDirection: "row", $flexGap: 4, children: [
+                      "CW: ",
+                      /* @__PURE__ */ r(s, { $renderAs: "cta2", children: [
+                        c,
+                        "%"
+                      ] })
+                    ] }),
+                    progress: c
+                  }
+                ),
+                R in n && typeof i == "number" && /* @__PURE__ */ e(
+                  C,
+                  {
+                    progressStats: /* @__PURE__ */ r(t, { $flexDirection: "row", $flexGap: 4, children: [
+                      "HW: ",
+                      /* @__PURE__ */ r(s, { $renderAs: "cta2", children: [
+                        i,
+                        "%"
+                      ] })
+                    ] }),
+                    progress: i
+                  }
+                )
+              ] })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  V as default
+};
+//# sourceMappingURL=chapter-banner.js.map

package/dist/features/chapters/lpar-chapter/lpar-chapter-banner/chapter-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chapter-banner.js","sources":["../../../../../src/features/chapters/lpar-chapter/lpar-chapter-banner/chapter-banner.tsx"],"sourcesContent":["import type { ILPARChapterProps } from '../lpar-chapter-types';\n\nimport { useCallback, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { SHEET_ATTEMPT_LOCATION_MAP } from '../../../sheets/constants/sheet';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport ProgressStats from '../comps/chapter-progress';\nimport { CHAPTER_LOCK_STATE, CHAPTER_PERMISSION_CODES } from '../constants';\nimport * as Styled from './lpar-chapter-banner-styled';\n\nconst { INCLASS, ATHOME } = SHEET_ATTEMPT_LOCATION_MAP;\nconst { SYSTEM_LOCKED, TEACHER_LOCKED } = CHAPTER_LOCK_STATE;\n\nconst ChapterBanner: FC<Omit<ILPARChapterProps, 'isClassOngoing'>> = ({\n  chapterData,\n  userType,\n  ...restChapterBannerProps\n}) => {\n  const { onLockChapter, onUnlockChapter } = restChapterBannerProps;\n  const { layout } = useTheme();\n  const { gutter } = layout;\n\n  const {\n    title,\n    image_cdn_url: imageUrl,\n    image_hue: imageHue,\n    completion_status: completionStatus,\n    program_chapter_locking_enabled: programChapterLockingEnabled,\n    lock_state: lockState,\n    chapter_id: chapterId,\n\n    state: chapterState,\n    program_chapter_locking_enabled: chapterLockingEnabled,\n  } = chapterData;\n\n  const { CW: cwPercentage, HW: hwPercentage } = completionStatus || {};\n\n  const isChapterLocked = lockState === SYSTEM_LOCKED || lockState === TEACHER_LOCKED;\n\n  const handleLockUnlockChapter = useCallback(() => {\n    if (!chapterLockingEnabled || chapterState === CHAPTER_PERMISSION_CODES.LOCKED) return null;\n\n    if (isChapterLocked) {\n      if (typeof onUnlockChapter !== 'function') {\n        throw new Error('onUnlockChapter must be a function');\n      }\n\n      onUnlockChapter('Unlock');\n\n      return;\n    }\n\n    if (typeof onLockChapter !== 'function') {\n      throw new Error('onLockChapter must be a function');\n    }\n\n    onLockChapter('Lock');\n  }, [chapterLockingEnabled, chapterState, isChapterLocked, onLockChapter, onUnlockChapter]);\n\n  return (\n    <Styled.BannerWrapper\n      $backgroundColor={`${imageHue || 'GREY'}_1`}\n      $borderColor={`${imageHue || 'GREY'}_4`}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $flexGap={gutter}\n      $gapX={1}\n      $gutterX={1}\n    >\n      <Styled.BannerImageContainer>\n        {imageUrl && <Styled.ImageContainer src={imageUrl} alt=\"Chap\" />}\n      </Styled.BannerImageContainer>\n\n      <FlexView $flexGapX={0.75} $width=\"100%\">\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"end\"\n          $justifyContent=\"space-between\"\n          $heightX={2}\n        >\n          <FlexView $justifyContent=\"center\" $flexGap={4}>\n            <Text $renderAs=\"h6\">{title}</Text>\n          </FlexView>\n\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n            {userType === 'TEACHER' && programChapterLockingEnabled && (\n              <Styled.StyledButton\n                renderAs=\"secondary\"\n                label={isChapterLocked ? 'Chapter locked' : 'Chapter unlocked'}\n                size=\"small\"\n                onClick={handleLockUnlockChapter}\n                analyticsProps={{\n                  chapter_id: chapterId,\n                }}\n              />\n            )}\n          </FlexView>\n        </FlexView>\n\n        {completionStatus && (\n          <Styled.ChapterStatsContainer\n            $flexDirection=\"row\"\n            $alignItems=\"center\"\n            $justifyContent=\"space-between\"\n            $heightX={2.75}\n            $width=\"100%\"\n          >\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={1}>\n              {INCLASS in completionStatus && typeof cwPercentage === 'number' && (\n                <ProgressStats\n                  progressStats={\n                    <FlexView $flexDirection=\"row\" $flexGap={4}>\n                      CW: <Text $renderAs=\"cta2\">{cwPercentage}%</Text>\n                    </FlexView>\n                  }\n                  progress={cwPercentage}\n                />\n              )}\n              {ATHOME in completionStatus && typeof hwPercentage === 'number' && (\n                <ProgressStats\n                  progressStats={\n                    <FlexView $flexDirection=\"row\" $flexGap={4}>\n                      HW: <Text $renderAs=\"cta2\">{hwPercentage}%</Text>\n                    </FlexView>\n                  }\n                  progress={hwPercentage}\n                />\n              )}\n            </FlexView>\n          </Styled.ChapterStatsContainer>\n        )}\n      </FlexView>\n    </Styled.BannerWrapper>\n  );\n};\n\nexport default ChapterBanner;\n"],"names":["INCLASS","ATHOME","SHEET_ATTEMPT_LOCATION_MAP","SYSTEM_LOCKED","TEACHER_LOCKED","CHAPTER_LOCK_STATE","ChapterBanner","chapterData","userType","restChapterBannerProps","onLockChapter","onUnlockChapter","layout","useTheme","gutter","title","imageUrl","imageHue","completionStatus","programChapterLockingEnabled","lockState","chapterId","chapterState","chapterLockingEnabled","cwPercentage","hwPercentage","isChapterLocked","handleLockUnlockChapter","useCallback","CHAPTER_PERMISSION_CODES","jsxs","Styled.BannerWrapper","jsx","Styled.BannerImageContainer","Styled.ImageContainer","FlexView","Text","Styled.StyledButton","Styled.ChapterStatsContainer","ProgressStats"],"mappings":"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"}

package/dist/features/chapters/lpar-chapter/lpar-chapter-banner/lpar-chapter-banner-styled.js

@@ -0,0 +1,90 @@
+import r from "styled-components";
+import s from "../../../../assets/line-icons/icons/info.js";
+import l from "../../../../assets/line-icons/icons/star.js";
+import a from "../../../ui/buttons/button/button.js";
+import p from "../../../ui/layout/flex-view.js";
+import x from "../../../ui/text/text.js";
+const m = r(p)(({
+  theme: o,
+  $backgroundColor: t,
+  $borderColor: e
+}) => {
+  const { layout: n, colors: i } = o, { gutter: d } = n;
+  return `
+    height: ${d * 7.75}px;
+    border-radius: 16px 16px 0 0;
+    border: 1px solid ${i[e]};
+    background-color: ${i[t]};
+    padding-left: 0;
+`;
+}), b = r.div(({ theme: o, $isDefocused: t }) => {
+  const { gutter: e } = o.layout;
+  return `
+        width: ${e * 6.5625}px;
+        height: ${e * 7.625}px;
+        border-top-left-radius: 16px;
+        overflow: hidden;
+        position: relative;
+        filter: grayscale(${t ? 1 : 0})
+    `;
+}), y = r.img(({ theme: o, $grayScale: t }) => {
+  const { WHITE: e, BLUE_2: n } = o.colors, { gutter: i } = o.layout;
+  return `
+    position: absolute;
+    top: -14px;
+    right: 0px;
+    width: ${i * 9.5}px;
+    height: ${i * 9.5}px;
+    border-radius: 50%;
+    border: 4px solid ${e};
+    background-color: ${n};
+    ${t && "filter: grayscale(1)"};
+  `;
+});
+r(p)`
+  position: absolute;
+  top: 15px;
+  left: 10px;
+`;
+r(l)(({ theme: o }) => `
+    width: 16px;
+    height: 16px;
+
+    & path {
+      fill: ${o.colors.YELLOW_4};
+    }
+  `);
+const I = r(p)(({ theme: o }) => {
+  const { WHITE_70: t } = o.colors;
+  return `
+    border-radius: 2px;
+    background-color: ${t};
+    padding: 10px 12px 6px 8px;
+  `;
+});
+r(s)`
+  cursor: pointer;
+`;
+r(x)`
+  line-height: 8px;
+`;
+const w = r(a)`
+  height: 32px;
+`;
+r(p)(({ theme: o, $borderRight: t }) => {
+  const { GREY_2: e } = o.colors;
+  return `
+    padding-left: 4px;
+    padding-right: 8px;
+    border-left: 1px solid ${e};
+    ${t && `border-right: 1px solid ${e}`};
+  `;
+});
+export {
+  b as BannerImageContainer,
+  m as BannerWrapper,
+  I as ChapterStatsContainer,
+  y as ImageContainer,
+  w as StyledButton
+};
+//# sourceMappingURL=lpar-chapter-banner-styled.js.map

package/dist/features/chapters/lpar-chapter/lpar-chapter-banner/lpar-chapter-banner-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lpar-chapter-banner-styled.js","sources":["../../../../../src/features/chapters/lpar-chapter/lpar-chapter-banner/lpar-chapter-banner-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport InfoIcon from '../../../../assets/line-icons/icons/info';\nimport StarIcon from '../../../../assets/line-icons/icons/star';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\ninterface IBannerWrapperProps {\n  $backgroundColor: TColorNames;\n  $borderColor: TColorNames;\n}\n\nconst BannerWrapper = styled(FlexView)<IBannerWrapperProps>(({\n  theme,\n  $backgroundColor,\n  $borderColor,\n}) => {\n  const { layout, colors } = theme;\n  const { gutter } = layout;\n\n  return `\n    height: ${gutter * 7.75}px;\n    border-radius: 16px 16px 0 0;\n    border: 1px solid ${colors[$borderColor]};\n    background-color: ${colors[$backgroundColor]};\n    padding-left: 0;\n`;\n});\n\ninterface IBannerImageContainerProps {\n  $isDefocused?: boolean;\n}\n\nconst BannerImageContainer = styled.div<IBannerImageContainerProps>(({ theme, $isDefocused }) => {\n  const { gutter } = theme.layout;\n\n  return `\n        width: ${gutter * 6.5625}px;\n        height: ${gutter * 7.625}px;\n        border-top-left-radius: 16px;\n        overflow: hidden;\n        position: relative;\n        filter: grayscale(${$isDefocused ? 1 : 0})\n    `;\n});\n\ntype TImageContainer = {\n  $grayScale?: boolean;\n};\n\nconst ImageContainer = styled.img<TImageContainer>(({ theme, $grayScale }) => {\n  const { WHITE, BLUE_2 } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    position: absolute;\n    top: -14px;\n    right: 0px;\n    width: ${gutter * 9.5}px;\n    height: ${gutter * 9.5}px;\n    border-radius: 50%;\n    border: 4px solid ${WHITE};\n    background-color: ${BLUE_2};\n    ${$grayScale && 'filter: grayscale(1)'};\n  `;\n});\n\nconst RatingWrapper = styled(FlexView)`\n  position: absolute;\n  top: 15px;\n  left: 10px;\n`;\n\nconst RatingIcon = styled(StarIcon)(({ theme }) => {\n  return `\n    width: 16px;\n    height: 16px;\n\n    & path {\n      fill: ${theme.colors.YELLOW_4};\n    }\n  `;\n});\n\nconst ChapterStatsContainer = styled(FlexView)(({ theme }) => {\n  const { WHITE_70 } = theme.colors;\n\n  return `\n    border-radius: 2px;\n    background-color: ${WHITE_70};\n    padding: 10px 12px 6px 8px;\n  `;\n});\n\nconst StyledInfoIcon = styled(InfoIcon)`\n  cursor: pointer;\n`;\n\nconst StyledText = styled(Text)`\n  line-height: 8px;\n`;\n\nconst StyledButton = styled(Button)`\n  height: 32px;\n`;\n\ntype TElectiveStatsWrapper = {\n  $borderRight?: boolean;\n};\n\nconst ElectiveStatsWrapper = styled(FlexView)<TElectiveStatsWrapper>(({ theme, $borderRight }) => {\n  const { GREY_2 } = theme.colors;\n\n  return `\n    padding-left: 4px;\n    padding-right: 8px;\n    border-left: 1px solid ${GREY_2};\n    ${$borderRight && `border-right: 1px solid ${GREY_2}`};\n  `;\n});\n\nexport {\n  BannerWrapper,\n  BannerImageContainer,\n  ImageContainer,\n  ChapterStatsContainer,\n  StyledText,\n  StyledButton,\n  RatingWrapper,\n  RatingIcon,\n  StyledInfoIcon,\n  ElectiveStatsWrapper,\n};\n"],"names":["BannerWrapper","styled","FlexView","theme","$backgroundColor","$borderColor","layout","colors","gutter","BannerImageContainer","$isDefocused","ImageContainer","$grayScale","WHITE","BLUE_2","StarIcon","ChapterStatsContainer","WHITE_70","InfoIcon","Text","StyledButton","Button","$borderRight","GREY_2"],"mappings":";;;;;;AAeA,MAAMA,IAAgBC,EAAOC,CAAQ,EAAuB,CAAC;AAAA,EAC3D,OAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAJ,GACrB,EAAE,QAAAK,EAAW,IAAAF;AAEZ,SAAA;AAAA,cACKE,IAAS,IAAI;AAAA;AAAA,wBAEHD,EAAOF,CAAY,CAAC;AAAA,wBACpBE,EAAOH,CAAgB,CAAC;AAAA;AAAA;AAGhD,CAAC,GAMKK,IAAuBR,EAAO,IAAgC,CAAC,EAAE,OAAAE,GAAO,cAAAO,QAAmB;AACzF,QAAA,EAAE,QAAAF,EAAO,IAAIL,EAAM;AAElB,SAAA;AAAA,iBACQK,IAAS,MAAM;AAAA,kBACdA,IAAS,KAAK;AAAA;AAAA;AAAA;AAAA,4BAIJE,IAAe,IAAI,CAAC;AAAA;AAEhD,CAAC,GAMKC,IAAiBV,EAAO,IAAqB,CAAC,EAAE,OAAAE,GAAO,YAAAS,QAAiB;AAC5E,QAAM,EAAE,OAAAC,GAAO,QAAAC,MAAWX,EAAM,QAC1B,EAAE,QAAAK,EAAO,IAAIL,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,aAIIK,IAAS,GAAG;AAAA,cACXA,IAAS,GAAG;AAAA;AAAA,wBAEFK,CAAK;AAAA,wBACLC,CAAM;AAAA,MACxBF,KAAc,sBAAsB;AAAA;AAE1C,CAAC;AAEqBX,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAMlBD,EAAOc,CAAQ,EAAE,CAAC,EAAE,OAAAZ,QAC9B;AAAA;AAAA;AAAA;AAAA;AAAA,cAKKA,EAAM,OAAO,QAAQ;AAAA;AAAA,GAGlC;AAED,MAAMa,IAAwBf,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AACtD,QAAA,EAAE,UAAAc,EAAS,IAAId,EAAM;AAEpB,SAAA;AAAA;AAAA,wBAEec,CAAQ;AAAA;AAAA;AAGhC,CAAC;AAEsBhB,EAAOiB,CAAQ;AAAA;AAAA;AAInBjB,EAAOkB,CAAI;AAAA;AAAA;AAIxB,MAAAC,IAAenB,EAAOoB,CAAM;AAAA;AAAA;AAQLpB,EAAOC,CAAQ,EAAyB,CAAC,EAAE,OAAAC,GAAO,cAAAmB,QAAmB;AAC1F,QAAA,EAAE,QAAAC,EAAO,IAAIpB,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA,6BAGoBoB,CAAM;AAAA,MAC7BD,KAAgB,2BAA2BC,CAAM,EAAE;AAAA;AAEzD,CAAC;"}

package/dist/features/chapters/lpar-chapter/lpar-chapter-styled.js

@@ -0,0 +1,21 @@
+import r from "styled-components";
+import t from "../../ui/layout/flex-view.js";
+import n from "../../ui/text/text.js";
+r(t)`
+  padding-top: 16px;
+`;
+r(n)(({ theme: o, $selected: p }) => {
+  const { TRANSPARENT: e, BLACK: i } = o.colors;
+  return `
+        cursor: pointer;
+        padding: 0 24px 18px;
+        border-bottom: 2px solid ${p ? i : e};
+    `;
+});
+const s = r(t)(({ $marginTop: o }) => `
+        ${o && `margin-top: ${o}px`}
+    `);
+export {
+  s as SectionWrapper
+};
+//# sourceMappingURL=lpar-chapter-styled.js.map

package/dist/features/chapters/lpar-chapter/lpar-chapter-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lpar-chapter-styled.js","sources":["../../../../src/features/chapters/lpar-chapter/lpar-chapter-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\n\nconst TabsSection = styled(FlexView)`\n  padding-top: 16px;\n`;\n\ntype TTabProps = {\n  $selected: boolean;\n};\n\nconst Tab = styled(Text)<TTabProps>(({ theme, $selected }) => {\n  const { TRANSPARENT, BLACK } = theme.colors;\n\n  return `\n        cursor: pointer;\n        padding: 0 24px 18px;\n        border-bottom: 2px solid ${$selected ? BLACK : TRANSPARENT};\n    `;\n});\n\ntype TSectionWrapper = {\n  $marginTop?: number;\n};\n\nconst SectionWrapper = styled(FlexView)<TSectionWrapper>(({ $marginTop }) => {\n  return `\n        ${$marginTop && `margin-top: ${$marginTop}px`}\n    `;\n});\n\nexport { TabsSection, Tab, SectionWrapper };\n"],"names":["styled","FlexView","Text","theme","$selected","TRANSPARENT","BLACK","SectionWrapper","$marginTop"],"mappings":";;;AAKoBA,EAAOC,CAAQ;AAAA;AAAA;AAQvBD,EAAOE,CAAI,EAAa,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AAC5D,QAAM,EAAE,aAAAC,GAAa,OAAAC,MAAUH,EAAM;AAE9B,SAAA;AAAA;AAAA;AAAA,mCAG0BC,IAAYE,IAAQD,CAAW;AAAA;AAElE,CAAC;AAMD,MAAME,IAAiBP,EAAOC,CAAQ,EAAmB,CAAC,EAAE,YAAAO,QACnD;AAAA,UACCA,KAAc,eAAeA,CAAU,IAAI;AAAA,KAEpD;"}

package/dist/features/chapters/lpar-chapter/lpar-chapter.js

@@ -0,0 +1,91 @@
+import { jsxs as p, Fragment as v, jsx as e } from "react/jsx-runtime";
+import { useState as M } from "react";
+import w from "./block-section/block-section.js";
+import E from "./comps/tab-section.js";
+import { TAB_CODES as L } from "./constants/index.js";
+import g from "./lpar-chapter-banner/chapter-banner.js";
+import { SectionWrapper as B } from "./lpar-chapter-styled.js";
+import U from "./puzzle-section/puzzle-section.js";
+const { MASTERY: n, PUZZLE_CARDS: m } = L, Z = [
+  {
+    key: "chapter-tab-mastery",
+    label: "Mastery",
+    value: n,
+    visible: !0
+  },
+  {
+    key: "chapter-tab-puzzle-cards",
+    label: "Puzzle cards",
+    value: m,
+    visible: !0
+  }
+], x = ({
+  chapterData: t,
+  isClassOngoing: S,
+  ...u
+}) => {
+  const {
+    userType: o,
+    onLockChapter: C,
+    onMenuActionAttempt: T,
+    onPuzzleCardClick: b,
+    onReview: h,
+    onSATReview: A,
+    onSATStartOrResume: z,
+    onSATUnlock: d,
+    onStartOrResume: R,
+    onUnlockChapter: f,
+    onView: k
+  } = u, { MASTERY: y = [], PUZZLE_CARDS: s = [] } = t.tabs || {}, r = y.length > 0, c = s.length > 0, [a, P] = M(
+    r ? n : m
+  ), i = r && c, l = a === n;
+  return /* @__PURE__ */ p(v, { children: [
+    /* @__PURE__ */ e(
+      g,
+      {
+        userType: o,
+        chapterData: t,
+        onLockChapter: C,
+        onUnlockChapter: f
+      }
+    ),
+    i && /* @__PURE__ */ e(
+      E,
+      {
+        tabs: Z,
+        selectedChapterTab: a,
+        setSelectedChapterTab: P
+      }
+    ),
+    /* @__PURE__ */ p(B, { $marginTop: i ? 0 : 20, children: [
+      r && l && /* @__PURE__ */ e(
+        w,
+        {
+          chapter: t,
+          isClassOngoing: S,
+          selectedSection: a,
+          userType: o,
+          onMenuActionAttempt: T,
+          onReview: h,
+          onSATReview: A,
+          onSATStartOrResume: z,
+          onSATUnlock: d,
+          onStartOrResume: R,
+          onView: k
+        }
+      ),
+      c && !l && /* @__PURE__ */ e(
+        U,
+        {
+          userType: o,
+          puzzleData: s,
+          onCardClick: b
+        }
+      )
+    ] })
+  ] });
+}, W = x;
+export {
+  W as default
+};
+//# sourceMappingURL=lpar-chapter.js.map

package/dist/features/chapters/lpar-chapter/lpar-chapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lpar-chapter.js","sources":["../../../../src/features/chapters/lpar-chapter/lpar-chapter.tsx"],"sourcesContent":["import type { ILPARChapterProps } from './lpar-chapter-types';\n\nimport { useState, type FC } from 'react';\n\nimport BlockSection from './block-section/block-section';\nimport TabsSection from './comps/tab-section';\nimport { TAB_CODES } from './constants';\nimport ChapterBanner from './lpar-chapter-banner/chapter-banner';\nimport * as Styled from './lpar-chapter-styled';\nimport PuzzleSection from './puzzle-section/puzzle-section';\n\nconst { MASTERY, PUZZLE_CARDS } = TAB_CODES;\n\nconst TABS = [\n  {\n    key: 'chapter-tab-mastery',\n    label: 'Mastery',\n    value: MASTERY,\n    visible: true,\n  },\n  {\n    key: 'chapter-tab-puzzle-cards',\n    label: 'Puzzle cards',\n    value: PUZZLE_CARDS,\n    visible: true,\n  },\n];\n\nconst LPARChapter: FC<ILPARChapterProps> = ({\n  chapterData,\n  isClassOngoing,\n  ...restLPARChapterProps\n}) => {\n  const {\n    userType,\n    onLockChapter,\n    onMenuActionAttempt,\n    onPuzzleCardClick,\n    onReview,\n    onSATReview,\n    onSATStartOrResume,\n    onSATUnlock,\n    onStartOrResume,\n    onUnlockChapter,\n    onView,\n  } = restLPARChapterProps;\n  const { MASTERY: masteryData = [], PUZZLE_CARDS: puzzleData = [] } = chapterData.tabs || {};\n  const canViewMastery = masteryData.length > 0;\n  const canViewPuzzle = puzzleData.length > 0;\n\n  const [selectedChapterTab, setSelectedChapterTab] = useState<string>(\n    canViewMastery ? MASTERY : PUZZLE_CARDS,\n  );\n  const hasTabs = canViewMastery && canViewPuzzle;\n  const isMasteryTabSelected = selectedChapterTab === MASTERY;\n\n  return (\n    <>\n      <ChapterBanner\n        userType={userType}\n        chapterData={chapterData}\n        onLockChapter={onLockChapter}\n        onUnlockChapter={onUnlockChapter}\n      />\n\n      {hasTabs && (\n        <TabsSection\n          tabs={TABS}\n          selectedChapterTab={selectedChapterTab}\n          setSelectedChapterTab={setSelectedChapterTab}\n        />\n      )}\n\n      <Styled.SectionWrapper $marginTop={!hasTabs ? 20 : 0}>\n        {canViewMastery && isMasteryTabSelected && (\n          <BlockSection\n            chapter={chapterData}\n            isClassOngoing={isClassOngoing}\n            selectedSection={selectedChapterTab}\n            userType={userType}\n            onMenuActionAttempt={onMenuActionAttempt}\n            onReview={onReview}\n            onSATReview={onSATReview}\n            onSATStartOrResume={onSATStartOrResume}\n            onSATUnlock={onSATUnlock}\n            onStartOrResume={onStartOrResume}\n            onView={onView}\n          />\n        )}\n\n        {canViewPuzzle && !isMasteryTabSelected && (\n          <PuzzleSection\n            userType={userType}\n            puzzleData={puzzleData}\n            onCardClick={onPuzzleCardClick}\n          />\n        )}\n      </Styled.SectionWrapper>\n    </>\n  );\n};\n\nexport default LPARChapter;\n"],"names":["MASTERY","PUZZLE_CARDS","TAB_CODES","TABS","LPARChapter","chapterData","isClassOngoing","restLPARChapterProps","userType","onLockChapter","onMenuActionAttempt","onPuzzleCardClick","onReview","onSATReview","onSATStartOrResume","onSATUnlock","onStartOrResume","onUnlockChapter","onView","masteryData","puzzleData","canViewMastery","canViewPuzzle","selectedChapterTab","setSelectedChapterTab","useState","hasTabs","isMasteryTabSelected","jsxs","Fragment","jsx","ChapterBanner","TabsSection","Styled.SectionWrapper","BlockSection","PuzzleSection","LPARChapter$1"],"mappings":";;;;;;;;AAWA,MAAM,EAAE,SAAAA,GAAS,cAAAC,EAAiB,IAAAC,GAE5BC,IAAO;AAAA,EACX;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAOH;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAOC;AAAA,IACP,SAAS;AAAA,EACX;AACF,GAEMG,IAAqC,CAAC;AAAA,EAC1C,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAX,GACE,EAAE,SAASY,IAAc,CAAA,GAAI,cAAcC,IAAa,CAAA,MAAOf,EAAY,QAAQ,IACnFgB,IAAiBF,EAAY,SAAS,GACtCG,IAAgBF,EAAW,SAAS,GAEpC,CAACG,GAAoBC,CAAqB,IAAIC;AAAA,IAClDJ,IAAiBrB,IAAUC;AAAA,EAAA,GAEvByB,IAAUL,KAAkBC,GAC5BK,IAAuBJ,MAAuBvB;AAEpD,SAEI,gBAAA4B,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAAvB;AAAA,QACA,aAAAH;AAAA,QACA,eAAAI;AAAA,QACA,iBAAAQ;AAAA,MAAA;AAAA,IACF;AAAA,IAECS,KACC,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAM7B;AAAA,QACN,oBAAAoB;AAAA,QACA,uBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAGF,gBAAAI,EAACK,GAAA,EAAsB,YAAaP,IAAe,IAAL,IAC3C,UAAA;AAAA,MAAAL,KAAkBM,KACjB,gBAAAG;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,SAAS7B;AAAA,UACT,gBAAAC;AAAA,UACA,iBAAiBiB;AAAA,UACjB,UAAAf;AAAA,UACA,qBAAAE;AAAA,UACA,UAAAE;AAAA,UACA,aAAAC;AAAA,UACA,oBAAAC;AAAA,UACA,aAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,QAAAE;AAAA,QAAA;AAAA,MACF;AAAA,MAGDI,KAAiB,CAACK,KACjB,gBAAAG;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,UAAA3B;AAAA,UACA,YAAAY;AAAA,UACA,aAAaT;AAAA,QAAA;AAAA,MACf;AAAA,IAAA,GAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAyB,IAAehC;"}

package/dist/features/chapters/lpar-chapter/puzzle-section/puzzle-card/cue-coins.js

@@ -0,0 +1,40 @@
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import e from "styled-components";
+import { ILLUSTRATIONS as l } from "../../../../../assets/illustrations/illustrations.js";
+import s from "../../../../ui/layout/flex-view.js";
+import a from "../../../../ui/text/text.js";
+const d = e(s)`
+  position: relative;
+  background: linear-gradient(270deg, #ffbd00 0%, #ff8900 100%);
+`, c = e.img`
+  width: 50%;
+  height: calc(100% + 2px);
+`, m = e(a)`
+  width: 50%;
+  height: 100%;
+  line-height: 1;
+  padding-right: 8px;
+  display: flex;
+  align-items: center;
+`, $ = ({ size: r, coins: o }) => {
+  const t = r === "small";
+  return /* @__PURE__ */ n(
+    d,
+    {
+      $width: t ? 49.97 : 61.73,
+      $height: t ? 22.56 : 27.47,
+      $flexGap: 8,
+      $flexDirection: "row",
+      $justifyContent: "center",
+      $borderRadius: 16,
+      children: [
+        /* @__PURE__ */ i(c, { src: l.CUECOIN_GOLD, alt: "coin" }),
+        /* @__PURE__ */ i(m, { $renderAs: "cta1", $color: "WHITE", $align: "center", children: o })
+      ]
+    }
+  );
+};
+export {
+  $ as default
+};
+//# sourceMappingURL=cue-coins.js.map

package/dist/features/chapters/lpar-chapter/puzzle-section/puzzle-card/cue-coins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cue-coins.js","sources":["../../../../../../src/features/chapters/lpar-chapter/puzzle-section/puzzle-card/cue-coins.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport styled from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst Wrapper = styled(FlexView)`\n  position: relative;\n  background: linear-gradient(270deg, #ffbd00 0%, #ff8900 100%);\n`;\n\nconst StyledImage = styled.img`\n  width: 50%;\n  height: calc(100% + 2px);\n`;\n\nconst StyledText = styled(Text)`\n  width: 50%;\n  height: 100%;\n  line-height: 1;\n  padding-right: 8px;\n  display: flex;\n  align-items: center;\n`;\n\ninterface ICueCoins {\n  coins: number;\n  size: string;\n}\n\nconst CueCoins: FC<ICueCoins> = ({ size, coins }) => {\n  const isSmallSize = size === 'small';\n\n  return (\n    <Wrapper\n      $width={isSmallSize ? 49.97 : 61.73}\n      $height={isSmallSize ? 22.56 : 27.47}\n      $flexGap={8}\n      $flexDirection=\"row\"\n      $justifyContent=\"center\"\n      $borderRadius={16}\n    >\n      <StyledImage src={ILLUSTRATIONS.CUECOIN_GOLD} alt=\"coin\" />\n\n      <StyledText $renderAs=\"cta1\" $color=\"WHITE\" $align=\"center\">\n        {coins}\n      </StyledText>\n    </Wrapper>\n  );\n};\n\nexport default CueCoins;\n"],"names":["Wrapper","styled","FlexView","StyledImage","StyledText","Text","CueCoins","size","coins","isSmallSize","jsxs","jsx","ILLUSTRATIONS"],"mappings":";;;;;AAQA,MAAMA,IAAUC,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAKzBC,IAAcF,EAAO;AAAA;AAAA;AAAA,GAKrBG,IAAaH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcxBC,IAA0B,CAAC,EAAE,MAAAC,GAAM,OAAAC,QAAY;AACnD,QAAMC,IAAcF,MAAS;AAG3B,SAAA,gBAAAG;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,QAAQS,IAAc,QAAQ;AAAA,MAC9B,SAASA,IAAc,QAAQ;AAAA,MAC/B,UAAU;AAAA,MACV,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,eAAe;AAAA,MAEf,UAAA;AAAA,QAAA,gBAAAE,EAACR,GAAY,EAAA,KAAKS,EAAc,cAAc,KAAI,QAAO;AAAA,QAEzD,gBAAAD,EAACP,KAAW,WAAU,QAAO,QAAO,SAAQ,QAAO,UAChD,UACHI,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/features/chapters/lpar-chapter/puzzle-section/puzzle-card/puzzle-card-styled.js

@@ -0,0 +1,72 @@
+import r from "styled-components";
+import { IMAGES as s } from "../../../../../assets/images/images.js";
+import e from "../../../../ui/layout/flex-view.js";
+import i from "../../../../ui/text/text.js";
+const c = r(e)(({
+  theme: o,
+  $bgImage: t,
+  $disable: n
+}) => {
+  const { GREY_1: a } = o.colors;
+  return `
+    border: 2px solid ${a};
+    background-image: url(${t});
+    background-repeat: no-repeat
+    background-size: cover;
+    box-shadow: 0px 4px 12px rgba(51, 79, 110, 0.2);
+    cursor: ${n ? "not-allowed" : "pointer"};
+    -moz-osx-font-smoothing: grayscale;
+    backface-visibility: hidden;
+    position: relative;
+    transition: transform 0.25s ease-out;
+    margin: 0 auto;
+
+    &:hover {
+      transform: scale(1.01);
+    }
+  `;
+}), x = r(i)(({ $bgColor: o, theme: t }) => `
+        position: absolute;
+        top: 8px;
+        z-index: 1;
+        left: 50%;
+        transform: translateX(-50%);
+        border-bottom-left-radius: 4px;
+        border-bottom-right-radius: 4px;
+        font-size: 10px;
+        background-color: ${t.colors[o ?? "GREY_1"]};
+    `), u = r.div(({ theme: o }) => `
+        width: 8px;
+        height: 47px;
+        border-bottom: 2px solid ${o.colors.WHITE};
+        margin-left: 67px;
+        text-align: center;
+        border-radius: 1px;
+    `), m = r(i)(({ $completed: o }) => `
+        overflow: hidden;
+        display: -webkit-box;
+        -webkit-line-clamp: ${o ? 3 : 5};
+        -webkit-box-orient: vertical;
+    `), g = r(e)`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+`, f = r(e)`
+  margin-top: 145px;
+  position: absolute;
+  width: 176px;
+  height: 57px;
+  right: 12px;
+  background: url(${s.BADGE_SUCCESS});
+  background-repeat: no-repeat;
+  background-size: contain;
+`;
+export {
+  f as BadgeCompleted,
+  u as ColoredLine,
+  g as CueCoinWrapper,
+  x as HeaderText,
+  c as PuzzleCardOverView,
+  m as StyledText
+};
+//# sourceMappingURL=puzzle-card-styled.js.map

package/dist/features/chapters/lpar-chapter/puzzle-section/puzzle-card/puzzle-card-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"puzzle-card-styled.js","sources":["../../../../../../src/features/chapters/lpar-chapter/puzzle-section/puzzle-card/puzzle-card-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport { IMAGES } from '../../../../../assets/images/images';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ntype TPuzzleCardOverView = {\n  $bgImage: string;\n  $disable?: boolean;\n};\n\nconst PuzzleCardOverView = styled(FlexView)<TPuzzleCardOverView>(({\n  theme,\n  $bgImage,\n  $disable,\n}) => {\n  const { GREY_1 } = theme.colors;\n\n  return `\n    border: 2px solid ${GREY_1};\n    background-image: url(${$bgImage});\n    background-repeat: no-repeat\n    background-size: cover;\n    box-shadow: 0px 4px 12px rgba(51, 79, 110, 0.2);\n    cursor: ${$disable ? 'not-allowed' : 'pointer'};\n    -moz-osx-font-smoothing: grayscale;\n    backface-visibility: hidden;\n    position: relative;\n    transition: transform 0.25s ease-out;\n    margin: 0 auto;\n\n    &:hover {\n      transform: scale(1.01);\n    }\n  `;\n});\n\ntype THeaderText = {\n  $bgColor?: TColorNames;\n};\n\nconst HeaderText = styled(Text)<THeaderText>(({ $bgColor, theme }) => {\n  return `\n        position: absolute;\n        top: 8px;\n        z-index: 1;\n        left: 50%;\n        transform: translateX(-50%);\n        border-bottom-left-radius: 4px;\n        border-bottom-right-radius: 4px;\n        font-size: 10px;\n        background-color: ${theme.colors[$bgColor ?? 'GREY_1']};\n    `;\n});\n\nconst ColoredLine = styled.div(({ theme }) => {\n  return `\n        width: 8px;\n        height: 47px;\n        border-bottom: 2px solid ${theme.colors.WHITE};\n        margin-left: 67px;\n        text-align: center;\n        border-radius: 1px;\n    `;\n});\n\ntype TStyledText = {\n  $completed: boolean;\n};\n\nconst StyledText = styled(Text)<TStyledText>(({ $completed }) => {\n  return `\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-line-clamp: ${$completed ? 3 : 5};\n        -webkit-box-orient: vertical;\n    `;\n});\n\nconst CueCoinWrapper = styled(FlexView)`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n`;\n\nconst BadgeCompleted = styled(FlexView)`\n  margin-top: 145px;\n  position: absolute;\n  width: 176px;\n  height: 57px;\n  right: 12px;\n  background: url(${IMAGES.BADGE_SUCCESS});\n  background-repeat: no-repeat;\n  background-size: contain;\n`;\n\nexport { PuzzleCardOverView, HeaderText, ColoredLine, StyledText, CueCoinWrapper, BadgeCompleted };\n"],"names":["PuzzleCardOverView","styled","FlexView","theme","$bgImage","$disable","GREY_1","HeaderText","Text","$bgColor","ColoredLine","StyledText","$completed","CueCoinWrapper","BadgeCompleted","IMAGES"],"mappings":";;;;AAaA,MAAMA,IAAqBC,EAAOC,CAAQ,EAAuB,CAAC;AAAA,EAChE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,EAAO,IAAIH,EAAM;AAElB,SAAA;AAAA,wBACeG,CAAM;AAAA,4BACFF,CAAQ;AAAA;AAAA;AAAA;AAAA,cAItBC,IAAW,gBAAgB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlD,CAAC,GAMKE,IAAaN,EAAOO,CAAI,EAAe,CAAC,EAAE,UAAAC,GAAU,OAAAN,QACjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BASmBA,EAAM,OAAOM,KAAY,QAAQ,CAAC;AAAA,KAE7D,GAEKC,IAAcT,EAAO,IAAI,CAAC,EAAE,OAAAE,QACzB;AAAA;AAAA;AAAA,mCAG0BA,EAAM,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,KAKpD,GAMKQ,IAAaV,EAAOO,CAAI,EAAe,CAAC,EAAE,YAAAI,QACvC;AAAA;AAAA;AAAA,8BAGqBA,IAAa,IAAI,CAAC;AAAA;AAAA,KAG/C,GAEKC,IAAiBZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMhCY,IAAiBb,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMlBa,EAAO,aAAa;AAAA;AAAA;AAAA;"}