@cuemath/leap 3.0.7-hg1 → 3.0.7

package/dist/features/sheets/sheets-list/sheet-item/sheet-item.js

@@ -0,0 +1,118 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import { useTheme as U } from "styled-components";
+import m from "../../../ui/layout/flex-view.js";
+import S from "../../../ui/text/text.js";
+import { SHEET_STATE as H } from "../../constants/sheet.js";
+import N from "./reward-n-actions/reward-n-actions.js";
+import O from "./sheet-item-icon.js";
+import { SheetStateIconWrapper as Q, SheetItemBodyWrapper as V, SheetPrimaryContentWrapper as X } from "./sheet-item-styled.js";
+import z from "./sheet-item-tag.js";
+import { getTestSheetStatement as J, getSheetStatement as Y } from "./sheet-item-utils.js";
+const ce = ({
+  userType: f,
+  renderNodeTypeTag: $,
+  renderTestSheetStatement: x,
+  ...T
+}) => {
+  const {
+    isLastSheet: u,
+    teacherId: I,
+    milestoneId: g,
+    section: w,
+    isDefocused: n,
+    onStart: A,
+    onResume: _,
+    onReattempt: y,
+    onPreview: D,
+    onReview: R,
+    onReset: b,
+    onChangeLocation: j,
+    onMarkAsFamiliar: C,
+    onUnlock: L,
+    onUnAssignSheet: v,
+    ...a
+    //* This only gets sheet information.
+  } = T, E = U(), { gutter: c } = E.layout, {
+    is_subjective: k,
+    node_type: h,
+    permissions: G,
+    sheet_statement: l,
+    state: t,
+    title: M,
+    sheet_time: r,
+    items: i,
+    topics: W,
+    attempt_location: s
+  } = a, { can_attempt: B } = G, p = d(() => t === H.LOCKED, [t]), F = d(() => r && Math.ceil(r / 60) || 0, [r]), K = J({
+    topics: W,
+    attemptLocation: s,
+    sheetStatement: l,
+    state: t,
+    canAttempt: B
+  }), P = x ? K : Y(s, l);
+  return /* @__PURE__ */ o(m, { $flexDirection: "row", $flexGap: c * 0.75, children: [
+    /* @__PURE__ */ e(
+      Q,
+      {
+        $flexDirection: "row",
+        $alignItems: "center",
+        $justifyContent: "center",
+        $disabled: n || p,
+        children: /* @__PURE__ */ e(O, { state: t })
+      }
+    ),
+    /* @__PURE__ */ o(V, { $flexDirection: "row", $flexGapX: 1, children: [
+      /* @__PURE__ */ o(
+        X,
+        {
+          $flexGap: c * 0.25,
+          $disabled: n || p,
+          children: [
+            /* @__PURE__ */ o(m, { children: [
+              /* @__PURE__ */ e(S, { $renderAs: "cta2", children: M }),
+              /* @__PURE__ */ e(S, { $renderAs: "body2", $color: "BLACK_75", children: P })
+            ] }),
+            $ && /* @__PURE__ */ e(m, { $flexDirection: "row", children: /* @__PURE__ */ e(
+              z,
+              {
+                nodeType: h,
+                attemptLocation: s,
+                sheetTime: F,
+                totalQuestions: (i == null ? void 0 : i.length) ?? 0
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        N,
+        {
+          sheet: a,
+          isDefocused: n,
+          isLastSheet: u,
+          isSubjective: k,
+          teacherId: I,
+          milestoneId: g,
+          section: w,
+          userType: f,
+          onChangeLocation: j,
+          onPreview: D,
+          onReset: b,
+          onReview: R,
+          onStart: A,
+          onReattempt: y,
+          onResume: _,
+          onMarkAsFamiliar: C,
+          onUnlock: L,
+          onUnAssignSheet: v,
+          nodeType: h
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  ce as default
+};
+//# sourceMappingURL=sheet-item.js.map

package/dist/features/sheets/sheets-list/sheet-item/sheet-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-item.js","sources":["../../../../../src/features/sheets/sheets-list/sheet-item/sheet-item.tsx"],"sourcesContent":["import type { ISheetItemProps } from './sheet-item-types';\n\nimport { useMemo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { SHEET_STATE } from '../../constants/sheet';\nimport RewardNActions from './reward-n-actions/reward-n-actions';\nimport SheetItemIcon from './sheet-item-icon';\nimport * as Styled from './sheet-item-styled';\nimport SheetItemTag from './sheet-item-tag';\nimport { getSheetStatement, getTestSheetStatement } from './sheet-item-utils';\n\nconst SheetItem: FC<ISheetItemProps> = ({\n  userType,\n  renderNodeTypeTag,\n  renderTestSheetStatement,\n  ...restSheetItemProps\n}) => {\n  const {\n    isLastSheet,\n    teacherId,\n    milestoneId,\n    section,\n    isDefocused,\n    onStart,\n    onResume,\n    onReattempt,\n    onPreview,\n    onReview,\n    onReset,\n    onChangeLocation,\n    onMarkAsFamiliar,\n    onUnlock,\n    onUnAssignSheet,\n    ...sheet //* This only gets sheet information.\n  } = restSheetItemProps;\n\n  const theme = useTheme();\n  const { gutter } = theme.layout;\n\n  const {\n    is_subjective: isSubjective,\n    node_type: nodeType,\n    permissions,\n    sheet_statement: sheetStatement,\n    state,\n    title,\n    sheet_time: sheetTime,\n    items: questionsList,\n    topics,\n    attempt_location: attemptLocation,\n  } = sheet;\n  const { can_attempt: canAttempt } = permissions;\n\n  //* Memoizing props that change only via api data.\n  const isLocked = useMemo(() => state === SHEET_STATE.LOCKED, [state]);\n  const totalSheetTime = useMemo(() => (sheetTime && Math.ceil(sheetTime / 60)) || 0, [sheetTime]);\n\n  const testSheetStatement = getTestSheetStatement({\n    topics,\n    attemptLocation,\n    sheetStatement,\n    state,\n    canAttempt,\n  });\n  const sheetStatementToRender = renderTestSheetStatement\n    ? testSheetStatement\n    : getSheetStatement(attemptLocation, sheetStatement);\n\n  return (\n    <FlexView $flexDirection=\"row\" $flexGap={gutter * 0.75}>\n      <Styled.SheetStateIconWrapper\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $disabled={isDefocused || isLocked}\n      >\n        <SheetItemIcon state={state} />\n      </Styled.SheetStateIconWrapper>\n\n      <Styled.SheetItemBodyWrapper $flexDirection=\"row\" $flexGapX={1}>\n        <Styled.SheetPrimaryContentWrapper\n          $flexGap={gutter * 0.25}\n          $disabled={isDefocused || isLocked}\n        >\n          <FlexView>\n            <Text $renderAs=\"cta2\">{title}</Text>\n            <Text $renderAs=\"body2\" $color=\"BLACK_75\">\n              {sheetStatementToRender}\n            </Text>\n          </FlexView>\n\n          {renderNodeTypeTag && (\n            <FlexView $flexDirection=\"row\">\n              <SheetItemTag\n                nodeType={nodeType}\n                attemptLocation={attemptLocation}\n                sheetTime={totalSheetTime}\n                totalQuestions={questionsList?.length ?? 0}\n              />\n            </FlexView>\n          )}\n        </Styled.SheetPrimaryContentWrapper>\n\n        <RewardNActions\n          sheet={sheet}\n          isDefocused={isDefocused}\n          isLastSheet={isLastSheet}\n          isSubjective={isSubjective}\n          teacherId={teacherId}\n          milestoneId={milestoneId}\n          section={section}\n          userType={userType}\n          onChangeLocation={onChangeLocation}\n          onPreview={onPreview}\n          onReset={onReset}\n          onReview={onReview}\n          onStart={onStart}\n          onReattempt={onReattempt}\n          onResume={onResume}\n          onMarkAsFamiliar={onMarkAsFamiliar}\n          onUnlock={onUnlock}\n          onUnAssignSheet={onUnAssignSheet}\n          nodeType={nodeType}\n        />\n      </Styled.SheetItemBodyWrapper>\n    </FlexView>\n  );\n};\n\nexport default SheetItem;\n"],"names":["SheetItem","userType","renderNodeTypeTag","renderTestSheetStatement","restSheetItemProps","isLastSheet","teacherId","milestoneId","section","isDefocused","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onMarkAsFamiliar","onUnlock","onUnAssignSheet","sheet","theme","useTheme","gutter","isSubjective","nodeType","permissions","sheetStatement","state","title","sheetTime","questionsList","topics","attemptLocation","canAttempt","isLocked","useMemo","SHEET_STATE","totalSheetTime","testSheetStatement","getTestSheetStatement","sheetStatementToRender","getSheetStatement","FlexView","jsx","Styled.SheetStateIconWrapper","SheetItemIcon","Styled.SheetItemBodyWrapper","jsxs","Styled.SheetPrimaryContentWrapper","Text","SheetItemTag","RewardNActions"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import r from "styled-components";
+const o = r.div(({ theme: t }) => `
+    margin-left: ${t.layout.gutter * 3.75}px;
+  `);
+export {
+  o as NoSheetsWarningCard
+};
+//# sourceMappingURL=sheets-list-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheets-list-styled.js","sources":["../../../../src/features/sheets/sheets-list/sheets-list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst NoSheetsWarningCard = styled.div(({ theme }) => {\n  return `\n    margin-left: ${theme.layout.gutter * 3.75}px;\n  `;\n});\n\nexport { NoSheetsWarningCard };\n"],"names":["NoSheetsWarningCard","styled","theme"],"mappings":";AAEA,MAAMA,IAAsBC,EAAO,IAAI,CAAC,EAAE,OAAAC,QACjC;AAAA,mBACUA,EAAM,OAAO,SAAS,IAAI;AAAA,GAE5C;"}

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

@@ -0,0 +1,54 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useRef as c, useLayoutEffect as L } from "react";
+import { useTheme as _ } from "styled-components";
+import w from "../../ui/layout/flex-view.js";
+import C from "../../ui/text/text.js";
+import T from "./sheet-item/sheet-item.js";
+import { NoSheetsWarningCard as k } from "./sheets-list-styled.js";
+const H = ({
+  sheets: r,
+  emptySheetsText: m,
+  renderNodeTypeTag: h,
+  ...u
+}) => {
+  const {
+    userType: f,
+    is_defocused: d,
+    renderTestSheetStatement: l,
+    teacherId: a,
+    milestoneId: p,
+    section: g,
+    ...S
+  } = u, n = r == null ? void 0 : r.length, e = c(null), s = c(0);
+  L(() => {
+    if (e.current) {
+      e.current.style.height = "auto";
+      const t = e.current.clientHeight;
+      t > s.current && (s.current = t), e.current.style.height = `${s.current}px`;
+    }
+  }, [n]);
+  const $ = _();
+  return /* @__PURE__ */ o(w, { ref: e, $flexGap: $.layout.gutter * 1.25, children: n ? r.map((t, i) => {
+    const { worksheet_id: x, node_id: y } = t, I = i === n - 1;
+    return /* @__PURE__ */ o(
+      T,
+      {
+        isDefocused: d,
+        isLastSheet: I,
+        renderNodeTypeTag: h,
+        renderTestSheetStatement: l,
+        userType: f,
+        teacherId: a,
+        milestoneId: p,
+        section: g,
+        ...S,
+        ...t
+      },
+      `${x}_${y}_${i}`
+    );
+  }) : /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o(C, { $renderAs: "body2", $color: "BLACK_75", children: m }) }) });
+}, F = H;
+export {
+  F as default
+};
+//# sourceMappingURL=sheets-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheets-list.js","sources":["../../../../src/features/sheets/sheets-list/sheets-list.tsx"],"sourcesContent":["import type { ISheetsListProps } from './sheets-list-types';\nimport type { FC } from 'react';\n\nimport { useLayoutEffect, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport SheetItem from './sheet-item/sheet-item';\nimport * as Styled from './sheets-list-styled';\n\nconst SheetsList: FC<ISheetsListProps> = ({\n  sheets,\n  emptySheetsText,\n  renderNodeTypeTag,\n  ...restSheetsListProps\n}) => {\n  const {\n    userType,\n    is_defocused: isDefocused,\n    renderTestSheetStatement,\n    teacherId,\n    milestoneId,\n    section,\n    ...sheetItemCallbacks\n  } = restSheetsListProps;\n\n  const sheetsLength = sheets?.length;\n  const sheetsContainerRef = useRef<HTMLDivElement>(null);\n  const maxHeightRef = useRef(0);\n\n  useLayoutEffect(() => {\n    if (sheetsContainerRef.current) {\n      sheetsContainerRef.current.style.height = 'auto';\n\n      const newHeight = sheetsContainerRef.current.clientHeight;\n\n      if (newHeight > maxHeightRef.current) {\n        maxHeightRef.current = newHeight;\n      }\n\n      sheetsContainerRef.current.style.height = `${maxHeightRef.current}px`;\n    }\n  }, [sheetsLength]);\n  const theme = useTheme();\n\n  return (\n    <FlexView ref={sheetsContainerRef} $flexGap={theme.layout.gutter * 1.25}>\n      {sheetsLength ? (\n        sheets.map((sheet, idx) => {\n          const { worksheet_id: worksheetId, node_id: nodeId } = sheet;\n          const lastSheet = idx === sheetsLength - 1;\n\n          return (\n            <SheetItem\n              isDefocused={isDefocused}\n              isLastSheet={lastSheet}\n              key={`${worksheetId}_${nodeId}_${idx}`}\n              renderNodeTypeTag={renderNodeTypeTag}\n              renderTestSheetStatement={renderTestSheetStatement}\n              userType={userType}\n              teacherId={teacherId}\n              milestoneId={milestoneId}\n              section={section}\n              {...sheetItemCallbacks}\n              {...sheet}\n            />\n          );\n        })\n      ) : (\n        <Styled.NoSheetsWarningCard>\n          <Text $renderAs=\"body2\" $color=\"BLACK_75\">\n            {emptySheetsText}\n          </Text>\n        </Styled.NoSheetsWarningCard>\n      )}\n    </FlexView>\n  );\n};\n\nexport default SheetsList;\n"],"names":["SheetsList","sheets","emptySheetsText","renderNodeTypeTag","restSheetsListProps","userType","isDefocused","renderTestSheetStatement","teacherId","milestoneId","section","sheetItemCallbacks","sheetsLength","sheetsContainerRef","useRef","maxHeightRef","useLayoutEffect","newHeight","theme","useTheme","jsx","FlexView","sheet","idx","worksheetId","nodeId","lastSheet","SheetItem","Styled.NoSheetsWarningCard","Text","SheetsList$1"],"mappings":";;;;;;;AAWA,MAAMA,IAAmC,CAAC;AAAA,EACxC,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,cAAcC;AAAA,IACd,0BAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAP,GAEEQ,IAAeX,KAAA,gBAAAA,EAAQ,QACvBY,IAAqBC,EAAuB,IAAI,GAChDC,IAAeD,EAAO,CAAC;AAE7B,EAAAE,EAAgB,MAAM;AACpB,QAAIH,EAAmB,SAAS;AACX,MAAAA,EAAA,QAAQ,MAAM,SAAS;AAEpC,YAAAI,IAAYJ,EAAmB,QAAQ;AAEzC,MAAAI,IAAYF,EAAa,YAC3BA,EAAa,UAAUE,IAGzBJ,EAAmB,QAAQ,MAAM,SAAS,GAAGE,EAAa,OAAO;AAAA,IACnE;AAAA,EAAA,GACC,CAACH,CAAY,CAAC;AACjB,QAAMM,IAAQC;AAEd,SACG,gBAAAC,EAAAC,GAAA,EAAS,KAAKR,GAAoB,UAAUK,EAAM,OAAO,SAAS,MAChE,UACCN,IAAAX,EAAO,IAAI,CAACqB,GAAOC,MAAQ;AACzB,UAAM,EAAE,cAAcC,GAAa,SAASC,MAAWH,GACjDI,IAAYH,MAAQX,IAAe;AAGvC,WAAA,gBAAAQ;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,aAAArB;AAAA,QACA,aAAaoB;AAAA,QAEb,mBAAAvB;AAAA,QACA,0BAAAI;AAAA,QACA,UAAAF;AAAA,QACA,WAAAG;AAAA,QACA,aAAAC;AAAA,QACA,SAAAC;AAAA,QACC,GAAGC;AAAA,QACH,GAAGW;AAAA,MAAA;AAAA,MARC,GAAGE,CAAW,IAAIC,CAAM,IAAIF,CAAG;AAAA,IAAA;AAAA,EAStC,CAEH,IAEA,gBAAAH,EAAAQ,GAAA,EACC,UAAA,gBAAAR,EAACS,GAAK,EAAA,WAAU,SAAQ,QAAO,YAC5B,UAAA3B,EAAA,CACH,GACF,EAEJ,CAAA;AAEJ,GAEA4B,IAAe9B;"}

package/dist/features/sheets/utils/is-v3-worksheet.js

@@ -0,0 +1,38 @@
+import { NODE_TYPE as E } from "../constants/sheet.js";
+const S = [
+  "SAT_MATH_ASSESSMENT",
+  "SAT_ENGLISH_ASSESSMENT",
+  "SAT_MATH_RECAP",
+  "SAT_MATH_LEARNING",
+  "SAT_ENGLISH_LEARNING"
+], T = [
+  ...S,
+  E.REMEDIAL,
+  E.LEGACY,
+  E.RECAP,
+  E.GENERAL,
+  E.LEVEL3,
+  E.LEVEL2,
+  E.REVISION,
+  E.TARGET_PRACTICE,
+  E.EXTRA_PRACTICE,
+  E.PRACTICE,
+  E.LEARNING,
+  E.PUZZLE_EASY,
+  E.PUZZLE_MEDIUM,
+  E.PUZZLE_HARD,
+  E.CHAPTER_ASSESSMENT,
+  E.ASSESSMENT,
+  E.MASTERY,
+  E.TRIAL_DIAGNOSTIC,
+  E.DYNAMIC,
+  E.TURING_ASSESSMENT,
+  E.TURING_PRACTICE,
+  E.DIAGNOSTIC,
+  E.SUBJECTIVE,
+  E.TURING_SUBJECTIVE
+];
+export {
+  T as WORKSHEET_V3_NODE_TYPES
+};
+//# sourceMappingURL=is-v3-worksheet.js.map

package/dist/features/sheets/utils/is-v3-worksheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-v3-worksheet.js","sources":["../../../../src/features/sheets/utils/is-v3-worksheet.ts"],"sourcesContent":["import type { TNodeTypeProps } from '../sheets-list/sheet-item/sheet-item-types';\n\nimport { NODE_TYPE } from '../constants/sheet';\n\nconst SAT_V3_NODE_TYPES: TNodeTypeProps[] = [\n  'SAT_MATH_ASSESSMENT',\n  'SAT_ENGLISH_ASSESSMENT',\n  'SAT_MATH_RECAP',\n  'SAT_MATH_LEARNING',\n  'SAT_ENGLISH_LEARNING',\n];\nconst WORKSHEET_V3_NODE_TYPES: TNodeTypeProps[] = [\n  ...SAT_V3_NODE_TYPES,\n  NODE_TYPE.REMEDIAL,\n  NODE_TYPE.LEGACY,\n  NODE_TYPE.RECAP,\n  NODE_TYPE.GENERAL,\n  NODE_TYPE.LEVEL3,\n  NODE_TYPE.LEVEL2,\n  NODE_TYPE.REVISION,\n  NODE_TYPE.TARGET_PRACTICE,\n  NODE_TYPE.EXTRA_PRACTICE,\n  NODE_TYPE.PRACTICE,\n  NODE_TYPE.LEARNING,\n  NODE_TYPE.PUZZLE_EASY,\n  NODE_TYPE.PUZZLE_MEDIUM,\n  NODE_TYPE.PUZZLE_HARD,\n  NODE_TYPE.CHAPTER_ASSESSMENT,\n  NODE_TYPE.ASSESSMENT,\n  NODE_TYPE.MASTERY,\n  NODE_TYPE.TRIAL_DIAGNOSTIC,\n  NODE_TYPE.DYNAMIC,\n  NODE_TYPE.TURING_ASSESSMENT,\n  NODE_TYPE.TURING_PRACTICE,\n  NODE_TYPE.DIAGNOSTIC,\n  NODE_TYPE.SUBJECTIVE,\n  NODE_TYPE.TURING_SUBJECTIVE,\n];\n\nexport { WORKSHEET_V3_NODE_TYPES };\n"],"names":["SAT_V3_NODE_TYPES","WORKSHEET_V3_NODE_TYPES","NODE_TYPE"],"mappings":";AAIA,MAAMA,IAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACMC,IAA4C;AAAA,EAChD,GAAGD;AAAA,EACHE,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AAAA,EACVA,EAAU;AACZ;"}

package/dist/features/student-details/class-details/class-details-utils.js

@@ -0,0 +1,18 @@
+import { startOfDay as s } from "../../../node_modules/date-fns/startOfDay.js";
+import { isToday as n } from "../../../node_modules/date-fns/isToday.js";
+import { isAfter as i } from "../../../node_modules/date-fns/isAfter.js";
+import { isBefore as f } from "../../../node_modules/date-fns/isBefore.js";
+import { addDays as d } from "../../../node_modules/date-fns/addDays.js";
+import { formatDate as m } from "../../../node_modules/date-fns/format.js";
+const u = (e) => {
+  const o = /* @__PURE__ */ new Date(), t = new Date(e), r = d(s(o), 7);
+  return n(t) ? `Today, ${m(t, "hh:mm a")}` : i(t, o) && f(t, r) ? m(t, "eee, hh:mm a") : m(t, "MMM dd, hh:mm a");
+}, M = (e, o, t) => {
+  const r = m(e * 1e3, "hh:mm a"), a = m((e + o + t) * 1e3, "hh:mm a");
+  return `${r} - ${a}`;
+};
+export {
+  M as getClassTime,
+  u as getFormattedEndTime
+};
+//# sourceMappingURL=class-details-utils.js.map

package/dist/features/student-details/class-details/class-details-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class-details-utils.js","sources":["../../../../src/features/student-details/class-details/class-details-utils.ts"],"sourcesContent":["import { addDays, format, isAfter, isBefore, isToday, startOfDay } from 'date-fns';\n\n/**\n *\n * since seconds comes only once and component might re-render some time. We would have updated time.\n * Because we calculating time from now. i.e new Date()\n */\n\nconst getFormattedEndTime = (nextClassTime: number) => {\n  const today = new Date();\n  const endDate = new Date(nextClassTime);\n\n  const sevenDaysFromToday = addDays(startOfDay(today), 7);\n\n  if (isToday(endDate)) {\n    return `Today, ${format(endDate, 'hh:mm a')}`;\n  }\n\n  if (isAfter(endDate, today) && isBefore(endDate, sevenDaysFromToday)) {\n    return format(endDate, 'eee, hh:mm a');\n  }\n\n  return format(endDate, 'MMM dd, hh:mm a');\n};\n\nconst getClassTime = (classStartTS: number, classDuration: number, extendedTime: number) => {\n  const classStartTime = format(classStartTS * 1000, 'hh:mm a');\n  const classEndTime = format((classStartTS + classDuration + extendedTime) * 1000, 'hh:mm a');\n\n  return `${classStartTime} - ${classEndTime}`;\n};\n\nexport { getFormattedEndTime, getClassTime };\n"],"names":["getFormattedEndTime","nextClassTime","today","endDate","sevenDaysFromToday","addDays","startOfDay","isToday","format","isAfter","isBefore","getClassTime","classStartTS","classDuration","extendedTime","classStartTime","classEndTime"],"mappings":";;;;;;AAQM,MAAAA,IAAsB,CAACC,MAA0B;AAC/C,QAAAC,wBAAY,QACZC,IAAU,IAAI,KAAKF,CAAa,GAEhCG,IAAqBC,EAAQC,EAAWJ,CAAK,GAAG,CAAC;AAEnD,SAAAK,EAAQJ,CAAO,IACV,UAAUK,EAAOL,GAAS,SAAS,CAAC,KAGzCM,EAAQN,GAASD,CAAK,KAAKQ,EAASP,GAASC,CAAkB,IAC1DI,EAAOL,GAAS,cAAc,IAGhCK,EAAOL,GAAS,iBAAiB;AAC1C,GAEMQ,IAAe,CAACC,GAAsBC,GAAuBC,MAAyB;AAC1F,QAAMC,IAAiBP,EAAOI,IAAe,KAAM,SAAS,GACtDI,IAAeR,GAAQI,IAAeC,IAAgBC,KAAgB,KAAM,SAAS;AAEpF,SAAA,GAAGC,CAAc,MAAMC,CAAY;AAC5C;"}

package/dist/features/student-details/class-details/class-details.js

@@ -0,0 +1,34 @@
+import { jsx as o, jsxs as _ } from "react/jsx-runtime";
+import { memo as u } from "react";
+import r from "../../ui/layout/flex-view.js";
+import a from "../../ui/text/text.js";
+import { getFormattedEndTime as p, getClassTime as x } from "./class-details-utils.js";
+const X = u(({ classStatus: l }) => {
+  const {
+    slot_tag: c,
+    in_class: m,
+    ongoing: s,
+    class_duration: d,
+    class_start_ts: i,
+    extended_time: g,
+    next_class_time: t
+  } = l, T = !t || c === "PTM" && !m, n = t && !s ? p(t) : void 0, e = s && i ? x(i, d, g || 0) : void 0;
+  return /* @__PURE__ */ o(
+    r,
+    {
+      $widthX: 16.84375,
+      $heightX: 3.6875,
+      $background: "WHITE_1",
+      $gutterX: 1,
+      $justifyContent: "center",
+      children: /* @__PURE__ */ _(r, { $flexGap: 4, children: [
+        /* @__PURE__ */ o(a, { $renderAs: "ab2", $color: "BLACK_T_87", children: s ? "Ongoing class:" : T ? "No upcoming class, schedule with your tutor" : "Upcoming class:" }),
+        (e || n) && /* @__PURE__ */ o(a, { $renderAs: "ac2", $color: "BLACK_T_87", children: e || n })
+      ] })
+    }
+  );
+});
+export {
+  X as default
+};
+//# sourceMappingURL=class-details.js.map

package/dist/features/student-details/class-details/class-details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class-details.js","sources":["../../../../src/features/student-details/class-details/class-details.tsx"],"sourcesContent":["import type { IClassDetails } from './class-details-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { getClassTime, getFormattedEndTime } from './class-details-utils';\n\nconst ClassDetails: FC<IClassDetails> = memo(({ classStatus }) => {\n  const {\n    slot_tag: slotTag,\n    in_class: inClass,\n    ongoing,\n    class_duration: classDuration,\n    class_start_ts: classStartTS,\n    extended_time: extendedTime,\n    next_class_time: nextClassTime,\n  } = classStatus;\n\n  const noUpcomingClass = !nextClassTime || (slotTag === 'PTM' && !inClass);\n  const formattedTime = nextClassTime && !ongoing ? getFormattedEndTime(nextClassTime) : undefined;\n  const ongoingClassTime =\n    ongoing && classStartTS\n      ? getClassTime(classStartTS, classDuration, extendedTime || 0)\n      : undefined;\n\n  const title = ongoing\n    ? 'Ongoing class:'\n    : noUpcomingClass\n      ? 'No upcoming class, schedule with your tutor'\n      : 'Upcoming class:';\n  const classTime = ongoingClassTime ? ongoingClassTime : formattedTime;\n\n  return (\n    <FlexView\n      $widthX={16.84375}\n      $heightX={3.6875}\n      $background=\"WHITE_1\"\n      $gutterX={1}\n      $justifyContent=\"center\"\n    >\n      <FlexView $flexGap={4}>\n        <Text $renderAs=\"ab2\" $color=\"BLACK_T_87\">\n          {title}\n        </Text>\n\n        {(ongoingClassTime || formattedTime) && (\n          <Text $renderAs=\"ac2\" $color=\"BLACK_T_87\">\n            {classTime}\n          </Text>\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default ClassDetails;\n"],"names":["ClassDetails","memo","classStatus","slotTag","inClass","ongoing","classDuration","classStartTS","extendedTime","nextClassTime","noUpcomingClass","formattedTime","getFormattedEndTime","ongoingClassTime","getClassTime","jsx","FlexView","jsxs","Text"],"mappings":";;;;;AASA,MAAMA,IAAkCC,EAAK,CAAC,EAAE,aAAAC,QAAkB;AAC1D,QAAA;AAAA,IACJ,UAAUC;AAAA,IACV,UAAUC;AAAA,IACV,SAAAC;AAAA,IACA,gBAAgBC;AAAA,IAChB,gBAAgBC;AAAA,IAChB,eAAeC;AAAA,IACf,iBAAiBC;AAAA,EACf,IAAAP,GAEEQ,IAAkB,CAACD,KAAkBN,MAAY,SAAS,CAACC,GAC3DO,IAAgBF,KAAiB,CAACJ,IAAUO,EAAoBH,CAAa,IAAI,QACjFI,IACJR,KAAWE,IACPO,EAAaP,GAAcD,GAAeE,KAAgB,CAAC,IAC3D;AAUJ,SAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,iBAAgB;AAAA,MAEhB,UAAA,gBAAAC,EAACD,GAAS,EAAA,UAAU,GAClB,UAAA;AAAA,QAAA,gBAAAD,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UAjBKb,IACV,mBACAK,IACE,gDACA,mBAcA;AAAA,SAEEG,KAAoBF,MACnB,gBAAAI,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAjBOL,KAAsCF,EAkBhD,CAAA;AAAA,MAAA,GAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/features/student-details/student-details-styled.js

@@ -0,0 +1,76 @@
+import o from "styled-components";
+import p from "../ui/layout/flex-view.js";
+import i from "../ui/text/text.js";
+import { getRandomAlien as n } from "./student-details-utils.js";
+const l = o.div(({ theme: t }) => {
+  const { gutter: e } = t.layout, { BLACK: r } = t.colors;
+  return `
+    width: ${e * 45}px;
+    height: ${e * 7.5}px;
+    outline: 1px solid ${r};
+    margin-top: 24px;
+    position: relative;
+
+    &::before,
+    &::after {
+      content: '';
+      position: absolute;
+      width: 1px;
+      height: 26px;
+      top: -26px;
+      left: 40px;
+      background-color: ${r};
+    }
+
+    &::after {
+      left: unset;
+      right: 40px;
+    }
+  `;
+}), c = o.div(({ theme: t }) => {
+  const { WHITE_5: e } = t.colors, { gutter: r } = t.layout;
+  return `
+    width: 100%;
+    height: 100%;
+
+    background-image: linear-gradient(${e} 0.5px, transparent 0.5px),
+      linear-gradient(90deg, ${e} 0.5px, transparent 0.5px);
+    background-size: ${r * 1.875}px ${r * 1.875}px;
+    position: relative;
+  `;
+}), u = o(p)`
+  position: absolute;
+  left: 30.5px;
+  top: 30px;
+`, g = o.div(({ $alienUrl: t }) => `
+    width: 59px;
+    height: 59px;
+    background: url(${t || n()});
+
+    background-size: cover;
+    background-repeat: no-repeat;
+    position: absolute;
+    bottom: 0;
+    z-index: 1;
+  `), h = o(p)(({ theme: t }) => `
+    border-left: 0.5px solid ${t.colors.GREY_2};
+    padding: 10px 8px 6px;
+  `), f = o(i)`
+  display: flex;
+
+  span {
+    max-width: 13ch;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+`;
+export {
+  g as Avatar,
+  u as AvatarWrapper,
+  c as BackgroundBox,
+  f as StudentName,
+  h as StudentNameWrapper,
+  l as Wrapper
+};
+//# sourceMappingURL=student-details-styled.js.map

package/dist/features/student-details/student-details-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"student-details-styled.js","sources":["../../../src/features/student-details/student-details-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport { getRandomAlien } from './student-details-utils';\n\nconst Wrapper = styled.div(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { BLACK } = theme.colors;\n\n  return `\n    width: ${gutter * 45}px;\n    height: ${gutter * 7.5}px;\n    outline: 1px solid ${BLACK};\n    margin-top: 24px;\n    position: relative;\n\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 26px;\n      top: -26px;\n      left: 40px;\n      background-color: ${BLACK};\n    }\n\n    &::after {\n      left: unset;\n      right: 40px;\n    }\n  `;\n});\n\nconst BackgroundBox = styled.div(({ theme }) => {\n  const { WHITE_5 } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    width: 100%;\n    height: 100%;\n\n    background-image: linear-gradient(${WHITE_5} 0.5px, transparent 0.5px),\n      linear-gradient(90deg, ${WHITE_5} 0.5px, transparent 0.5px);\n    background-size: ${gutter * 1.875}px ${gutter * 1.875}px;\n    position: relative;\n  `;\n});\n\nconst AvatarWrapper = styled(FlexView)`\n  position: absolute;\n  left: 30.5px;\n  top: 30px;\n`;\n\ntype IAvatarProps = {\n  $alienUrl?: string;\n};\n\nconst Avatar = styled.div<IAvatarProps>(({ $alienUrl }) => {\n  return `\n    width: 59px;\n    height: 59px;\n    background: url(${$alienUrl || getRandomAlien()});\n\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: absolute;\n    bottom: 0;\n    z-index: 1;\n  `;\n});\n\nconst StudentNameWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    border-left: 0.5px solid ${theme.colors.GREY_2};\n    padding: 10px 8px 6px;\n  `;\n});\n\nconst StudentName = styled(Text)`\n  display: flex;\n\n  span {\n    max-width: 13ch;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n`;\n\nexport { Wrapper, BackgroundBox, AvatarWrapper, Avatar, StudentNameWrapper, StudentName };\n"],"names":["Wrapper","styled","theme","gutter","BLACK","BackgroundBox","WHITE_5","AvatarWrapper","FlexView","Avatar","$alienUrl","getRandomAlien","StudentNameWrapper","StudentName","Text"],"mappings":";;;;AAMA,MAAMA,IAAUC,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AAClC,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM,QACnB,EAAE,OAAAE,EAAM,IAAIF,EAAM;AAEjB,SAAA;AAAA,aACIC,IAAS,EAAE;AAAA,cACVA,IAAS,GAAG;AAAA,yBACDC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAYJA,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,CAAC,GAEKC,IAAgBJ,EAAO,IAAI,CAAC,EAAE,OAAAC,QAAY;AACxC,QAAA,EAAE,SAAAI,EAAQ,IAAIJ,EAAM,QACpB,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA;AAAA,wCAI+BI,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfH,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGzD,CAAC,GAEKI,IAAgBN,EAAOO,CAAQ;AAAA;AAAA;AAAA;AAAA,GAU/BC,IAASR,EAAO,IAAkB,CAAC,EAAE,WAAAS,QAClC;AAAA;AAAA;AAAA,sBAGaA,KAAaC,GAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQlD,GAEKC,IAAqBX,EAAOO,CAAQ,EAAE,CAAC,EAAE,OAAAN,QACtC;AAAA,+BACsBA,EAAM,OAAO,MAAM;AAAA;AAAA,GAGjD,GAEKW,IAAcZ,EAAOa,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/student-details/student-details-utils.js

@@ -0,0 +1,14 @@
+import { ILLUSTRATIONS as n } from "../../assets/illustrations/illustrations.js";
+const { ALIEN_1: s, ALIEN_2: r, ALIEN_3: i, ALIEN_4: a } = n, c = () => {
+  const t = [s, r, i, a];
+  return t[Math.floor(Math.random() * t.length)];
+}, d = (t) => {
+  const e = (/* @__PURE__ */ new Date()).toLocaleTimeString();
+  let o;
+  return e >= "00:00:00" && e < "12:00:00" ? o = "Good morning" : e >= "12:00:00" && e < "17:00:00" ? o = "Good afternoon" : e >= "17:00:00" && e < "24:00:00" ? o = "Good evening" : o = `${t === "TEACHER" ? "Greetings" : "Hello"}, `, o;
+};
+export {
+  c as getRandomAlien,
+  d as getStudentWelcomeMessage
+};
+//# sourceMappingURL=student-details-utils.js.map

package/dist/features/student-details/student-details-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"student-details-utils.js","sources":["../../../src/features/student-details/student-details-utils.ts"],"sourcesContent":["import type { TUserTypes } from '../ui/types';\n\nimport { ILLUSTRATIONS } from '../../assets/illustrations/illustrations';\n\nconst { ALIEN_1, ALIEN_2, ALIEN_3, ALIEN_4 } = ILLUSTRATIONS;\n\nconst getRandomAlien = () => {\n  const aliens = [ALIEN_1, ALIEN_2, ALIEN_3, ALIEN_4];\n\n  return aliens[Math.floor(Math.random() * aliens.length)];\n};\n\nconst getStudentWelcomeMessage = (userType: TUserTypes) => {\n  const today = new Date();\n  const timeNow = today.toLocaleTimeString();\n  let greetingMessage;\n\n  if (timeNow >= '00:00:00' && timeNow < '12:00:00') {\n    greetingMessage = 'Good morning';\n  } else if (timeNow >= '12:00:00' && timeNow < '17:00:00') {\n    greetingMessage = 'Good afternoon';\n  } else if (timeNow >= '17:00:00' && timeNow < '24:00:00') {\n    greetingMessage = 'Good evening';\n  } else {\n    greetingMessage = `${userType === 'TEACHER' ? 'Greetings' : 'Hello'}, `;\n  }\n\n  return greetingMessage;\n};\n\nexport { getRandomAlien, getStudentWelcomeMessage };\n"],"names":["ALIEN_1","ALIEN_2","ALIEN_3","ALIEN_4","ILLUSTRATIONS","getRandomAlien","aliens","getStudentWelcomeMessage","userType","timeNow","greetingMessage"],"mappings":";AAIA,MAAM,EAAE,SAAAA,GAAS,SAAAC,GAAS,SAAAC,GAAS,SAAAC,MAAYC,GAEzCC,IAAiB,MAAM;AAC3B,QAAMC,IAAS,CAACN,GAASC,GAASC,GAASC,CAAO;AAE3C,SAAAG,EAAO,KAAK,MAAM,KAAK,WAAWA,EAAO,MAAM,CAAC;AACzD,GAEMC,IAA2B,CAACC,MAAyB;AAEnD,QAAAC,yBADY,QACI;AAClB,MAAAC;AAEA,SAAAD,KAAW,cAAcA,IAAU,aACnBC,IAAA,iBACTD,KAAW,cAAcA,IAAU,aAC1BC,IAAA,mBACTD,KAAW,cAAcA,IAAU,aAC1BC,IAAA,iBAElBA,IAAkB,GAAGF,MAAa,YAAY,cAAc,OAAO,MAG9DE;AACT;"}

package/dist/features/student-details/student-details.js

@@ -0,0 +1,50 @@
+import { jsxs as t, jsx as e, Fragment as h } from "react/jsx-runtime";
+import { memo as p } from "react";
+import o from "../ui/layout/flex-view.js";
+import $ from "../ui/text/text.js";
+import u from "./class-details/class-details.js";
+import { Wrapper as g, BackgroundBox as f, AvatarWrapper as w, Avatar as S, StudentNameWrapper as W, StudentName as x } from "./student-details-styled.js";
+import { getStudentWelcomeMessage as T } from "./student-details-utils.js";
+import X from "./wins-preview/wins-preview.js";
+const D = p((s) => {
+  const { rewardsHome: a, studentName: d, userType: i, alienUrl: m, classStatus: r, onWinsClick: l } = s, c = T(i), n = i === "STUDENT";
+  return /* @__PURE__ */ t(g, { children: [
+    /* @__PURE__ */ e(o, { $width: "100%", $height: "100%", children: /* @__PURE__ */ e(f, {}) }),
+    /* @__PURE__ */ t(
+      w,
+      {
+        $flexDirection: "row",
+        $alignItems: "center",
+        $widthX: 20.625,
+        $heightX: 3.75,
+        children: [
+          (!n || !r) && /* @__PURE__ */ t(h, { children: [
+            /* @__PURE__ */ e(o, { $widthX: 3.71875, $heightX: 3.6875, $background: "WHITE", children: /* @__PURE__ */ e(S, { $alienUrl: m }) }),
+            /* @__PURE__ */ t(
+              W,
+              {
+                $justifyContent: "center",
+                $widthX: 16.875,
+                $heightX: 3.6875,
+                $background: "WHITE",
+                children: [
+                  /* @__PURE__ */ e($, { $renderAs: "h6", children: c }),
+                  /* @__PURE__ */ t(x, { $renderAs: "h5", children: [
+                    /* @__PURE__ */ e("span", { children: d }),
+                    "!"
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          n && r && /* @__PURE__ */ e(u, { classStatus: r })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(X, { onWinsClick: l, rewardsHome: a })
+  ] });
+}), I = D;
+export {
+  I as default
+};
+//# sourceMappingURL=student-details.js.map

package/dist/features/student-details/student-details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"student-details.js","sources":["../../../src/features/student-details/student-details.tsx"],"sourcesContent":["import type { IStudentDetailsProps } from './student-details-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport ClassDetails from './class-details/class-details';\nimport * as Styled from './student-details-styled';\nimport { getStudentWelcomeMessage } from './student-details-utils';\nimport WinsPreview from './wins-preview/wins-preview';\n\nconst StudentDetails: FC<IStudentDetailsProps> = memo(props => {\n  const { rewardsHome, studentName, userType, alienUrl, classStatus, onWinsClick } = props;\n  const greetingsMessage = getStudentWelcomeMessage(userType);\n  const isStudent = userType === 'STUDENT';\n\n  return (\n    <Styled.Wrapper>\n      <FlexView $width=\"100%\" $height=\"100%\">\n        <Styled.BackgroundBox />\n      </FlexView>\n\n      <Styled.AvatarWrapper\n        $flexDirection=\"row\"\n        $alignItems=\"center\"\n        $widthX={20.625}\n        $heightX={3.75}\n      >\n        {(!isStudent || !classStatus) && (\n          <>\n            <FlexView $widthX={3.71875} $heightX={3.6875} $background=\"WHITE\">\n              <Styled.Avatar $alienUrl={alienUrl} />\n            </FlexView>\n\n            <Styled.StudentNameWrapper\n              $justifyContent=\"center\"\n              $widthX={16.875}\n              $heightX={3.6875}\n              $background=\"WHITE\"\n            >\n              <Text $renderAs=\"h6\">{greetingsMessage}</Text>\n              <Styled.StudentName $renderAs=\"h5\">\n                <span>{studentName}</span>!\n              </Styled.StudentName>\n            </Styled.StudentNameWrapper>\n          </>\n        )}\n\n        {isStudent && classStatus && <ClassDetails classStatus={classStatus} />}\n      </Styled.AvatarWrapper>\n\n      <WinsPreview onWinsClick={onWinsClick} rewardsHome={rewardsHome} />\n    </Styled.Wrapper>\n  );\n});\n\nexport default StudentDetails;\n"],"names":["StudentDetails","memo","props","rewardsHome","studentName","userType","alienUrl","classStatus","onWinsClick","greetingsMessage","getStudentWelcomeMessage","isStudent","jsxs","Styled.Wrapper","jsx","FlexView","Styled.BackgroundBox","Styled.AvatarWrapper","Fragment","Styled.Avatar","Styled.StudentNameWrapper","Text","Styled.StudentName","ClassDetails","WinsPreview","StudentDetails$1"],"mappings":";;;;;;;;AAYA,MAAMA,IAA2CC,EAAK,CAASC,MAAA;AAC7D,QAAM,EAAE,aAAAC,GAAa,aAAAC,GAAa,UAAAC,GAAU,UAAAC,GAAU,aAAAC,GAAa,aAAAC,EAAgB,IAAAN,GAC7EO,IAAmBC,EAAyBL,CAAQ,GACpDM,IAAYN,MAAa;AAG7B,SAAA,gBAAAO,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,QAAO,QAAO,SAAQ,QAC9B,UAAC,gBAAAD,EAAAE,GAAA,CAAA,CAAqB,EACxB,CAAA;AAAA,IAEA,gBAAAJ;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,QAER,UAAA;AAAA,WAAC,CAAAN,KAAa,CAACJ,MAEb,gBAAAK,EAAAM,GAAA,EAAA,UAAA;AAAA,YAAA,gBAAAJ,EAACC,GAAS,EAAA,SAAS,SAAS,UAAU,QAAQ,aAAY,SACxD,UAAA,gBAAAD,EAACK,GAAA,EAAc,WAAWb,EAAU,CAAA,GACtC;AAAA,YAEA,gBAAAM;AAAA,cAACQ;AAAAA,cAAA;AAAA,gBACC,iBAAgB;AAAA,gBAChB,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,aAAY;AAAA,gBAEZ,UAAA;AAAA,kBAAC,gBAAAN,EAAAO,GAAA,EAAK,WAAU,MAAM,UAAiBZ,GAAA;AAAA,kBACtC,gBAAAG,EAAAU,GAAA,EAAmB,WAAU,MAC5B,UAAA;AAAA,oBAAA,gBAAAR,EAAC,UAAM,UAAYV,EAAA,CAAA;AAAA,oBAAO;AAAA,kBAAA,GAC5B;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA,GACF;AAAA,UAGDO,KAAaJ,KAAgB,gBAAAO,EAAAS,GAAA,EAAa,aAAAhB,EAA0B,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACvE;AAAA,IAEA,gBAAAO,EAACU,GAAY,EAAA,aAAAhB,GAA0B,aAAAL,EAA0B,CAAA;AAAA,EACnE,EAAA,CAAA;AAEJ,CAAC,GAEDsB,IAAezB;"}

package/dist/features/student-details/wins-preview/wins-preview-styled.js

@@ -0,0 +1,32 @@
+import r from "styled-components";
+import i from "../../ui/layout/flex-view.js";
+const s = r(i)`
+  position: absolute;
+  top: 30.5px;
+  right: 29.5px;
+`, l = r(i)(({ $display: t, theme: o }) => {
+  const { gutter: p } = o.layout;
+  return `
+    width: ${p * 3.75}px;
+    height: ${p * 3.7185}px;
+    outline: 0.5px solid ${o.colors.GREY_2};
+    display: ${t ? "flex" : "none"};
+  `;
+}), a = r.img(({ theme: t }) => {
+  const { gutter: o } = t.layout;
+  return `
+    width: ${o * 3.125}px;
+    height: ${o * 3.125}px;
+    object-fit: contain;
+  `;
+}), x = r(i)(({ theme: t }) => `
+    position: relative;
+    outline: 0.5px solid ${t.colors.GREY_2};
+  `);
+export {
+  x as AllWinsWrapper,
+  a as ImageWrapper,
+  l as WinsCardWrapper,
+  s as WinsWrapper
+};
+//# sourceMappingURL=wins-preview-styled.js.map

package/dist/features/student-details/wins-preview/wins-preview-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wins-preview-styled.js","sources":["../../../../src/features/student-details/wins-preview/wins-preview-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\nconst WinsWrapper = styled(FlexView)`\n  position: absolute;\n  top: 30.5px;\n  right: 29.5px;\n`;\n\ntype TWinsCardWrapper = {\n  $display: boolean;\n};\n\nconst WinsCardWrapper = styled(FlexView)<TWinsCardWrapper>(({ $display, theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter * 3.75}px;\n    height: ${gutter * 3.7185}px;\n    outline: 0.5px solid ${theme.colors.GREY_2};\n    display: ${$display ? 'flex' : 'none'};\n  `;\n});\n\nconst ImageWrapper = styled.img(({ theme }) => {\n  const { gutter } = theme.layout;\n\n  return `\n    width: ${gutter * 3.125}px;\n    height: ${gutter * 3.125}px;\n    object-fit: contain;\n  `;\n});\n\nconst AllWinsWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    position: relative;\n    outline: 0.5px solid ${theme.colors.GREY_2};\n  `;\n});\n\nexport { WinsWrapper, WinsCardWrapper, ImageWrapper, AllWinsWrapper };\n"],"names":["WinsWrapper","styled","FlexView","WinsCardWrapper","$display","theme","gutter","ImageWrapper","AllWinsWrapper"],"mappings":";;AAIM,MAAAA,IAAcC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,GAU7BC,IAAkBF,EAAOC,CAAQ,EAAoB,CAAC,EAAE,UAAAE,GAAU,OAAAC,QAAY;AAC5E,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,aACIC,IAAS,IAAI;AAAA,cACZA,IAAS,MAAM;AAAA,2BACFD,EAAM,OAAO,MAAM;AAAA,eAC/BD,IAAW,SAAS,MAAM;AAAA;AAEzC,CAAC,GAEKG,IAAeN,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACvC,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM;AAElB,SAAA;AAAA,aACIC,IAAS,KAAK;AAAA,cACbA,IAAS,KAAK;AAAA;AAAA;AAG5B,CAAC,GAEKE,IAAiBP,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAG,QAClC;AAAA;AAAA,2BAEkBA,EAAM,OAAO,MAAM;AAAA,GAE7C;"}

package/dist/features/student-details/wins-preview/wins-preview.js

@@ -0,0 +1,95 @@
+import { jsxs as $, jsx as t } from "react/jsx-runtime";
+import { useMemo as w } from "react";
+import { IMAGES as N } from "../../../assets/images/images.js";
+import T from "../../../assets/line-icons/icons/next.js";
+import { rewardBadgeUrl as R } from "../../sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils.js";
+import B from "../../ui/buttons/icon-button/icon-button.js";
+import C from "../../ui/layout/flex-view.js";
+import S from "../../ui/text/text.js";
+import { isNonEmptyArray as g } from "../../utils/utils.js";
+import { WinsWrapper as X, WinsCardWrapper as j, ImageWrapper as D, AllWinsWrapper as U } from "./wins-preview-styled.js";
+const _ = "coins_badge", V = ({ onWinsClick: u, rewardsHome: x }) => {
+  const {
+    user_badges: n,
+    user_stickers: o,
+    user_rewards: e
+  } = x, a = g(e), s = g(n), i = g(o), m = w(
+    () => e == null ? void 0 : e.filter((r) => r.aggregate_for.type === _),
+    [e]
+  ), y = s || a || i, { aggregate_for: h } = (m == null ? void 0 : m[0]) || {}, { name: l, type: A } = h || {}, { name: c } = (o == null ? void 0 : o[0]) || {}, { image_url: p, name: f } = (n == null ? void 0 : n[0]) || {}, E = A === _ && R(l ?? ""), I = w(
+    () => [
+      {
+        renderElement: i,
+        key: "sticker-elements",
+        image_src: N[c ?? "KUDOS"],
+        image_alt: c
+      },
+      {
+        renderElement: s,
+        key: "badge-elements",
+        image_src: p ?? "",
+        image_alt: f
+      },
+      {
+        renderElement: a,
+        key: "reward-elements",
+        image_src: E || "",
+        image_alt: l
+      }
+    ].filter((r) => r.renderElement),
+    [
+      p,
+      s,
+      a,
+      i,
+      l,
+      E,
+      c,
+      f
+    ]
+  );
+  return y ? /* @__PURE__ */ $(X, { $flexDirection: "row", $widthX: 15, $heightX: 3.71875, children: [
+    /* @__PURE__ */ t(C, { $widthX: 11.25, $flexDirection: "row-reverse", $heightX: 3.75, children: I.map((r) => {
+      const { renderElement: d, key: k, image_src: W, image_alt: b } = r;
+      return /* @__PURE__ */ t(
+        j,
+        {
+          $alignItems: "center",
+          $justifyContent: "end",
+          $background: d ? "WHITE" : "TRANSPARENT",
+          $display: d,
+          children: d && /* @__PURE__ */ t(D, { src: W, alt: b })
+        },
+        k
+      );
+    }) }),
+    /* @__PURE__ */ $(
+      U,
+      {
+        $alignItems: "center",
+        $justifyContent: "flex-end",
+        $flexGap: 2,
+        $widthX: 3.75,
+        $background: "WHITE",
+        children: [
+          /* @__PURE__ */ t(
+            B,
+            {
+              Icon: T,
+              size: "xsmall",
+              renderAs: "secondary",
+              analyticsLabel: "All wins",
+              customBgColor: "TRANSPARENT",
+              onClick: u
+            }
+          ),
+          /* @__PURE__ */ t(S, { $renderAs: "body3", children: "All wins" })
+        ]
+      }
+    )
+  ] }) : null;
+};
+export {
+  V as default
+};
+//# sourceMappingURL=wins-preview.js.map