npm - @cuemath/leap - Versions diffs - 3.5.17-as3 → 3.5.17-as4 - Mend

@cuemath/leap 3.5.17-as3 → 3.5.17-as4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/features/timeline/comps/accordion-item/accordian-item-styled.js CHANGED Viewed

@@ -1,21 +1,25 @@
-import r from "styled-components";
+import d from "styled-components";
 import c from "../../../ui/text/text.js";
-import { ClickableWrapper as d } from "../../../ui/buttons/clickable/clickable-styled.js";
-const p = r(c)(({ theme: e, $buttonSize: n }) => {
-  const { textButton: i } = e, { underlineHeight: t, underlineOffset: o } = i.sizes[n];
+import { ClickableWrapper as x } from "../../../ui/buttons/clickable/clickable-styled.js";
+const p = d(c)(({ theme: t, $buttonSize: n, $isParent: o }) => {
+  const { textButton: r } = t, { underlineHeight: e, underlineOffset: i } = r.sizes[n];
   return `
     text-decoration: underline;
-    text-decoration-thickness: ${t}px;
-    text-underline-offset: ${o}px;
+    text-decoration-thickness: ${e}px;
+    text-underline-offset: ${i}px;
     &:active  {
       text-decoration: underline;
-      text-decoration-thickness: ${t}px;
+      text-decoration-thickness: ${e}px;
     }
-    ${d}[aria-disabled='true'] & {
+    &:hover {
+      text-decoration: ${o ? "underline" : "none"};
+    }
+    ${x}[aria-disabled='true'] & {
       text-decoration: underline;
-      text-decoration-thickness: ${t}px;
+      text-decoration-thickness: ${e}px;
       opacity: 0.5;
     }
   `;

package/dist/features/timeline/comps/accordion-item/accordian-item-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordian-item-styled.js","sources":["../../../../../src/features/timeline/comps/accordion-item/accordian-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport UIText from '../../../ui/text/text';\nimport { type ITextButtonProps } from '../../../ui/buttons/text-button/text-button-types';\nimport { ClickableWrapper } from '../../../ui/buttons/clickable/clickable-styled';\n\ninterface IStyledTextProps {\n $buttonSize: NonNullable<ITextButtonProps['size']>;\n}\n\nexport const Text = styled(UIText)<IStyledTextProps>(({ theme, $buttonSize }) => {\n const { textButton } = theme;\n const { underlineHeight, underlineOffset } = textButton.sizes[$buttonSize];\n\n return `\n text-decoration: underline;\n text-decoration-thickness: ${underlineHeight}px;\n text-underline-offset: ${underlineOffset}px;\n\n &:active {\n text-decoration: underline;\n text-decoration-thickness: ${underlineHeight}px;\n }\n\n ${ClickableWrapper}[aria-disabled='true'] & {\n text-decoration: underline;\n text-decoration-thickness: ${underlineHeight}px;\n opacity: 0.5;\n }\n `;\n});\n"],"names":["Text","styled","UIText","theme","$buttonSize","textButton","underlineHeight","underlineOffset","ClickableWrapper"],"mappings":";;;~~AAUa~~,MAAAA,IAAOC,EAAOC,CAAM,EAAoB,CAAC,EAAE,OAAAC,GAAO,aAAAC,~~QAAkB~~;~~AACzE~~,QAAA,EAAE,YAAAC,EAAe,~~IAAAF~~,GACjB,EAAE,~~iBAAAG~~,GAAiB,iBAAAC,EAAA,IAAoBF,EAAW,~~MAAMD~~,CAAW;AAElE,SAAA;AAAA;AAAA,~~iCAEwBE~~,CAAe;AAAA,6BACnBC,CAAe;AAAA;AAAA;AAAA;AAAA,mCAITD,CAAe;AAAA;AAAA;AAAA,~~MAG5CE~~,CAAgB;AAAA;AAAA,mCAEaF,CAAe;AAAA;AAAA;AAAA;AAIlD,CAAC;"}
1	+ {"version":3,"file":"accordian-item-styled.js","sources":["../../../../../src/features/timeline/comps/accordion-item/accordian-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport UIText from '../../../ui/text/text';\nimport { type ITextButtonProps } from '../../../ui/buttons/text-button/text-button-types';\nimport { ClickableWrapper } from '../../../ui/buttons/clickable/clickable-styled';\n\ninterface IStyledTextProps {\n $buttonSize: NonNullable<ITextButtonProps['size']>;\n $isParent: boolean;\n}\n\nexport const Text = styled(UIText)<IStyledTextProps>(({ theme, $buttonSize, $isParent }) => {\n const { textButton } = theme;\n const { underlineHeight, underlineOffset } = textButton.sizes[$buttonSize];\n\n return `\n text-decoration: underline;\n text-decoration-thickness: ${underlineHeight}px;\n text-underline-offset: ${underlineOffset}px;\n\n &:active {\n text-decoration: underline;\n text-decoration-thickness: ${underlineHeight}px;\n }\n\n &:hover {\n text-decoration: ${$isParent ? 'underline' : 'none'};\n }\n\n ${ClickableWrapper}[aria-disabled='true'] & {\n text-decoration: underline;\n text-decoration-thickness: ${underlineHeight}px;\n opacity: 0.5;\n }\n `;\n});\n"],"names":["Text","styled","UIText","theme","$buttonSize","$isParent","textButton","underlineHeight","underlineOffset","ClickableWrapper"],"mappings":";;;AAWa,MAAAA,IAAOC,EAAOC,CAAM,EAAoB,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,WAAAC,QAAgB;AACpF,QAAA,EAAE,YAAAC,EAAe,IAAAH,GACjB,EAAE,iBAAAI,GAAiB,iBAAAC,EAAA,IAAoBF,EAAW,MAAMF,CAAW;AAElE,SAAA;AAAA;AAAA,iCAEwBG,CAAe;AAAA,6BACnBC,CAAe;AAAA;AAAA;AAAA;AAAA,mCAITD,CAAe;AAAA;AAAA;AAAA;AAAA,yBAIzBF,IAAY,cAAc,MAAM;AAAA;AAAA;AAAA,MAGnDI,CAAgB;AAAA;AAAA,mCAEaF,CAAe;AAAA;AAAA;AAAA;AAIlD,CAAC;"}

package/dist/features/timeline/comps/accordion-item/accordion-item.js CHANGED Viewed

@@ -1,70 +1,71 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { memo as R, useMemo as g, useCallback as E } from "react";
-import { useTheme as z } from "styled-components";
-import K from "../../../ui/buttons/text-button/text-button.js";
-import i from "../../../ui/layout/flex-view.js";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { memo as I, useMemo as N, useCallback as A } from "react";
+import { useTheme as g } from "styled-components";
+import z from "../../../ui/buttons/text-button/text-button.js";
+import l from "../../../ui/layout/flex-view.js";
 import c from "../../../ui/text/text.js";
-import { getStateConf as N } from "../utils.js";
+import { getStateConf as K } from "../utils.js";
 import { BLOCK_TYPE as k } from "../../../chapters-v2/constants/block-constants.js";
-import { CODING_ACTIVITY_NODE_TYPES as O } from "../constants.js";
-import { NODE_STATE as V, CARD_TYPE as P, USER_TYPE as l } from "../../daily-timeline-types.js";
+import { CODING_ACTIVITY_NODE_TYPES as P } from "../constants.js";
+import { NODE_STATE as O, CARD_TYPE as V, USER_TYPE as t } from "../../daily-timeline-types.js";
 import { NODE_TYPES as Y } from "../../../../types/models/worksheet.js";
 import v from "../../../ui/buttons/clickable/clickable.js";
 import { Text as G } from "./accordian-item-styled.js";
-const M = R(
+const M = I(
   ({ type: T, userType: o, card: d, onPuzzleClick: n, onReviewClick: m }) => {
-    const { textButton: p } = z(), {
-      label: A,
-      title: b,
-      state: u,
+    const { textButton: C } = g(), {
+      label: b,
+      title: h,
+      state: $,
       subtext: a,
       user_node_id: _,
-      block_type: h,
-      user_block_id: $,
+      block_type: p,
+      user_block_id: u,
       node_type: f
-    } = d, s = h === k.SAT_MOCK_TEST, x = f === Y.PUZZLE_CARD, [C, w, B] = N(u), r = u === V.COMPLETED, L = g(() => T === P.CIRCLE ? !1 : o === l.TEACHER ? !s || r : o === l.STUDENT ? r && !O.includes(
+    } = d, s = p === k.SAT_MOCK_TEST, x = f === Y.PUZZLE_CARD, [E, w, B] = K($), r = $ === O.COMPLETED, L = N(() => T === V.CIRCLE ? !1 : o === t.TEACHER ? !s || r : o === t.STUDENT ? r && !P.includes(
       f
-    ) : !1, [o, T, s, r, f]), S = r && (o === l.STUDENT || o === l.PARENT) || o === l.TEACHER, D = E(() => {
+    ) : !1, [o, T, s, r, f]), R = r && (o === t.STUDENT || o === t.PARENT) || o === t.TEACHER, S = A(() => {
       n == null || n(d);
-    }, [n, d]), I = E(() => {
-      m && _ && m(_, s, $);
-    }, [s, m, $, _]);
-    return /* @__PURE__ */ t(i, { $flexDirection: "row", $flexGapX: 1.5, children: [
-      /* @__PURE__ */ e(i, { $justifyContent: "flex-end", $height: 18, $background: "WHITE", children: /* @__PURE__ */ e(i, { $background: w, $borderColor: "BLACK_1", $borderRadiusX: 0.8, children: C && /* @__PURE__ */ e(C, { width: 14, height: 14, color: B }) }) }),
-      /* @__PURE__ */ t(i, { $flexRowGapX: 0.25, children: [
-        /* @__PURE__ */ t(c, { $renderAs: "ub2", $color: "BLACK_1", children: [
-          /* @__PURE__ */ t(c, { $renderAs: "ub2-bold", $inline: !0, $color: "BLACK_1", children: [
-            A,
+    }, [n, d]), D = A(() => {
+      m && _ && m(_, s, u);
+    }, [s, m, u, _]);
+    return /* @__PURE__ */ i(l, { $flexDirection: "row", $flexGapX: 1.5, children: [
+      /* @__PURE__ */ e(l, { $justifyContent: "flex-end", $height: 18, $background: "WHITE", children: /* @__PURE__ */ e(l, { $background: w, $borderColor: "BLACK_1", $borderRadiusX: 0.8, children: E && /* @__PURE__ */ e(E, { width: 14, height: 14, color: B }) }) }),
+      /* @__PURE__ */ i(l, { $flexRowGapX: 0.25, children: [
+        /* @__PURE__ */ i(c, { $renderAs: "ub2", $color: "BLACK_1", children: [
+          /* @__PURE__ */ i(c, { $renderAs: "ub2-bold", $inline: !0, $color: "BLACK_1", children: [
+            b,
             ":"
           ] }),
           " ",
-          b
+          h
         ] }),
-        x ? S ? /* @__PURE__ */ e(
+        x ? R ? /* @__PURE__ */ e(
           v,
           {
             label: r ? "View reviewed puzzle" : "View assigned puzzle",
-            onClick: D,
+            onClick: S,
             analyticsLabel: "puzzle_click",
             children: /* @__PURE__ */ e(
               G,
               {
                 $color: "BLACK_T_60",
-                $renderAs: p.sizes.small.textVariant,
+                $renderAs: C.sizes.small.textVariant,
                 $buttonSize: "small",
+                $isParent: o === t.PARENT,
                 children: r ? "View reviewed puzzle" : "View assigned puzzle"
               }
             )
           }
-        ) : /* @__PURE__ */ e(c, { $renderAs: "ub3", $color: "BLACK_T_60", children: a }) : /* @__PURE__ */ t(i, { $flexDirection: "row", $flexGapX: 0.75, $alignItems: "center", children: [
+        ) : /* @__PURE__ */ e(c, { $renderAs: "ub3", $color: "BLACK_T_60", children: a }) : /* @__PURE__ */ i(l, { $flexDirection: "row", $flexGapX: 0.75, $alignItems: "center", children: [
           a && /* @__PURE__ */ e(c, { $renderAs: "ub3", $color: "BLACK_T_60", children: a }),
           L && /* @__PURE__ */ e(
-            K,
+            z,
             {
               label: "Review",
               size: "small",
               color: "BLACK_T_60",
-              onClick: I
+              onClick: D
             }
           )
         ] })

package/dist/features/timeline/comps/accordion-item/accordion-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion-item.js","sources":["../../../../../src/features/timeline/comps/accordion-item/accordion-item.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport type { IAccordionItemProps } from './accordion-item-types';\nimport { getStateConf } from '../utils';\nimport { BLOCK_TYPE } from '../../../chapters-v2/constants/block-constants';\nimport { type TColorNames } from '../../../ui/types';\nimport { CODING_ACTIVITY_NODE_TYPES } from '../constants';\nimport { CARD_TYPE, NODE_STATE, USER_TYPE } from '../../daily-timeline-types';\nimport { NODE_TYPES } from '../../../../types/models/worksheet';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport * as Styled from './accordian-item-styled';\n\nconst AccordionItem: FC<IAccordionItemProps> = memo(\n ({ type, userType, card, onPuzzleClick, onReviewClick }) => {\n const { textButton } = useTheme();\n\n const {\n label,\n title,\n state,\n subtext,\n user_node_id: userNodeId,\n block_type: blockType,\n user_block_id: userBlockId,\n node_type: nodeType,\n } = card;\n const isSatMockTestBlock = blockType === BLOCK_TYPE.SAT_MOCK_TEST;\n const isPuzzleCard = nodeType === NODE_TYPES.PUZZLE_CARD;\n const [Icon, bgColor, color] = getStateConf(state) as [\n FC<React.SVGProps<SVGSVGElement>>,\n TColorNames,\n TColorNames,\n ];\n const isCompleted = state === NODE_STATE.COMPLETED;\n const shouldShowReview = useMemo(() => {\n if (type === CARD_TYPE.CIRCLE) return false;\n\n if (userType === USER_TYPE.TEACHER) return !isSatMockTestBlock \|\| isCompleted;\n\n if (userType === USER_TYPE.STUDENT)\n return (\n isCompleted &&\n !CODING_ACTIVITY_NODE_TYPES.includes(\n nodeType as (typeof CODING_ACTIVITY_NODE_TYPES)[number],\n )\n );\n\n return false;\n }, [userType, type, isSatMockTestBlock, isCompleted, nodeType]);\n\n const canReviewPuzzle =\n (isCompleted && (userType === USER_TYPE.STUDENT \|\| userType === USER_TYPE.PARENT)) \|\|\n userType === USER_TYPE.TEACHER;\n\n const handlePuzzleClick = useCallback(() => {\n onPuzzleClick?.(card);\n }, [onPuzzleClick, card]);\n\n const handleReviewClick = useCallback(() => {\n if (onReviewClick && userNodeId) {\n onReviewClick(userNodeId, isSatMockTestBlock, userBlockId);\n }\n }, [isSatMockTestBlock, onReviewClick, userBlockId, userNodeId]);\n\n return (\n <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n <FlexView $justifyContent=\"flex-end\" $height={18} $background=\"WHITE\">\n <FlexView $background={bgColor} $borderColor=\"BLACK_1\" $borderRadiusX={0.8}>\n {Icon && <Icon width={14} height={14} color={color} />}\n </FlexView>\n </FlexView>\n <FlexView $flexRowGapX={0.25}>\n <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n <Text $renderAs=\"ub2-bold\" $inline $color=\"BLACK_1\">\n {label}:\n </Text>{' '}\n {title}\n </Text>\n {isPuzzleCard ? (\n canReviewPuzzle ? (\n <Clickable\n label={isCompleted ? 'View reviewed puzzle' : 'View assigned puzzle'}\n onClick={handlePuzzleClick}\n analyticsLabel=\"puzzle_click\"\n >\n <Styled.Text\n $color=\"BLACK_T_60\"\n $renderAs={textButton.sizes['small'].textVariant}\n $buttonSize=\"small\"\n >\n {isCompleted ? 'View reviewed puzzle' : 'View assigned puzzle'}\n </Styled.Text>\n </Clickable>\n ) : (\n <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n {subtext}\n </Text>\n )\n ) : (\n <FlexView $flexDirection=\"row\" $flexGapX={0.75} $alignItems=\"center\">\n {subtext && (\n <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n {subtext}\n </Text>\n )}\n {shouldShowReview && (\n <TextButton\n label=\"Review\"\n size=\"small\"\n color=\"BLACK_T_60\"\n onClick={handleReviewClick}\n />\n )}\n </FlexView>\n )}\n </FlexView>\n </FlexView>\n );\n },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n\nexport default AccordionItem;\n"],"names":["AccordionItem","memo","type","userType","card","onPuzzleClick","onReviewClick","textButton","useTheme","label","title","state","subtext","userNodeId","blockType","userBlockId","nodeType","isSatMockTestBlock","BLOCK_TYPE","isPuzzleCard","NODE_TYPES","Icon","bgColor","color","getStateConf","isCompleted","NODE_STATE","shouldShowReview","useMemo","CARD_TYPE","USER_TYPE","CODING_ACTIVITY_NODE_TYPES","canReviewPuzzle","handlePuzzleClick","useCallback","handleReviewClick","jsxs","FlexView","jsx","Text","Clickable","Styled.Text","TextButton"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,IAAyCC;AAAA,EAC7C,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,MAAAC,GAAM,eAAAC,GAAe,eAAAC,QAAoB;AACpD,UAAA,EAAE,YAAAC,MAAeC,KAEjB;AAAA,MACJ,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAcC;AAAA,MACd,YAAYC;AAAA,MACZ,eAAeC;AAAA,MACf,WAAWC;AAAA,IACT,IAAAZ,GACEa,IAAqBH,MAAcI,EAAW,eAC9CC,IAAeH,MAAaI,EAAW,aACvC,CAACC,GAAMC,GAASC,CAAK,IAAIC,EAAab,CAAK,GAK3Cc,IAAcd,MAAUe,EAAW,WACnCC,IAAmBC,EAAQ,MAC3B1B,MAAS2B,EAAU,SAAe,KAElC1B,MAAa2B,EAAU,UAAgB,CAACb,KAAsBQ,IAE9DtB,MAAa2B,EAAU,UAEvBL,KACA,CAACM,EAA2B;AAAA,MAC1Bf;AAAA,IAAA,IAIC,IACN,CAACb,GAAUD,GAAMe,GAAoBQ,GAAaT,CAAQ,CAAC,GAExDgB,IACHP,MAAgBtB,MAAa2B,EAAU,WAAW3B,MAAa2B,EAAU,WAC1E3B,MAAa2B,EAAU,SAEnBG,IAAoBC,EAAY,MAAM;AAC1C,MAAA7B,KAAA,QAAAA,EAAgBD;AAAA,IAAI,GACnB,CAACC,GAAeD,CAAI,CAAC,GAElB+B,IAAoBD,EAAY,MAAM;AAC1C,MAAI5B,KAAiBO,KACLP,EAAAO,GAAYI,GAAoBF,CAAW;AAAA,OAE1D,CAACE,GAAoBX,GAAeS,GAAaF,CAAU,CAAC;AAE/D,WACG,gBAAAuB,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,KACxC,UAAA;AAAA,MAAC,gBAAAC,EAAAD,GAAA,EAAS,iBAAgB,YAAW,SAAS,IAAI,aAAY,SAC5D,UAAA,gBAAAC,EAACD,GAAS,EAAA,aAAaf,GAAS,cAAa,WAAU,gBAAgB,KACpE,UAAQD,KAAA,gBAAAiB,EAACjB,GAAK,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAAE,EAAc,CAAA,EAAA,CACtD,EACF,CAAA;AAAA,MACA,gBAAAa,EAACC,GAAS,EAAA,cAAc,MACtB,UAAA;AAAA,QAAA,gBAAAD,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,WAC3B,UAAA;AAAA,UAAA,gBAAAH,EAACG,KAAK,WAAU,YAAW,SAAO,IAAC,QAAO,WACvC,UAAA;AAAA,YAAA9B;AAAA,YAAM;AAAA,UAAA,GACT;AAAA,UAAQ;AAAA,UACPC;AAAA,QAAA,GACH;AAAA,QACCS,IACCa,IACE,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOf,IAAc,yBAAyB;AAAA,YAC9C,SAASQ;AAAA,YACT,gBAAe;AAAA,YAEf,UAAA,gBAAAK;AAAA,cAACG;AAAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,WAAWlC,EAAW,MAAM,MAAS;AAAA,gBACrC,aAAY;AAAA,~~gBAEX~~,cAAc,yBAAyB;AAAA,cAAA;AAAA,YAC1C;AAAA,UAAA;AAAA,QAAA,IAGD,~~gBAAA+B~~,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAO,cAC1B,UAAA3B,EACH,CAAA,IAGF,gBAAAwB,EAACC,KAAS,gBAAe,OAAM,WAAW,MAAM,aAAY,UACzD,UAAA;AAAA,UAAAzB,uBACE2B,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACH3B,GAAA;AAAA,UAEDe,KACC,gBAAAW;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAASP;AAAA,YAAA;AAAA,UACX;AAAA,QAAA,GAEJ;AAAA,MAAA,GAEJ;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;AAEAnC,EAAc,cAAc;"}
1	+ {"version":3,"file":"accordion-item.js","sources":["../../../../../src/features/timeline/comps/accordion-item/accordion-item.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport type { IAccordionItemProps } from './accordion-item-types';\nimport { getStateConf } from '../utils';\nimport { BLOCK_TYPE } from '../../../chapters-v2/constants/block-constants';\nimport { type TColorNames } from '../../../ui/types';\nimport { CODING_ACTIVITY_NODE_TYPES } from '../constants';\nimport { CARD_TYPE, NODE_STATE, USER_TYPE } from '../../daily-timeline-types';\nimport { NODE_TYPES } from '../../../../types/models/worksheet';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport * as Styled from './accordian-item-styled';\n\nconst AccordionItem: FC<IAccordionItemProps> = memo(\n ({ type, userType, card, onPuzzleClick, onReviewClick }) => {\n const { textButton } = useTheme();\n\n const {\n label,\n title,\n state,\n subtext,\n user_node_id: userNodeId,\n block_type: blockType,\n user_block_id: userBlockId,\n node_type: nodeType,\n } = card;\n const isSatMockTestBlock = blockType === BLOCK_TYPE.SAT_MOCK_TEST;\n const isPuzzleCard = nodeType === NODE_TYPES.PUZZLE_CARD;\n const [Icon, bgColor, color] = getStateConf(state) as [\n FC<React.SVGProps<SVGSVGElement>>,\n TColorNames,\n TColorNames,\n ];\n const isCompleted = state === NODE_STATE.COMPLETED;\n const shouldShowReview = useMemo(() => {\n if (type === CARD_TYPE.CIRCLE) return false;\n\n if (userType === USER_TYPE.TEACHER) return !isSatMockTestBlock \|\| isCompleted;\n\n if (userType === USER_TYPE.STUDENT)\n return (\n isCompleted &&\n !CODING_ACTIVITY_NODE_TYPES.includes(\n nodeType as (typeof CODING_ACTIVITY_NODE_TYPES)[number],\n )\n );\n\n return false;\n }, [userType, type, isSatMockTestBlock, isCompleted, nodeType]);\n\n const canReviewPuzzle =\n (isCompleted && (userType === USER_TYPE.STUDENT \|\| userType === USER_TYPE.PARENT)) \|\|\n userType === USER_TYPE.TEACHER;\n\n const handlePuzzleClick = useCallback(() => {\n onPuzzleClick?.(card);\n }, [onPuzzleClick, card]);\n\n const handleReviewClick = useCallback(() => {\n if (onReviewClick && userNodeId) {\n onReviewClick(userNodeId, isSatMockTestBlock, userBlockId);\n }\n }, [isSatMockTestBlock, onReviewClick, userBlockId, userNodeId]);\n\n return (\n <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n <FlexView $justifyContent=\"flex-end\" $height={18} $background=\"WHITE\">\n <FlexView $background={bgColor} $borderColor=\"BLACK_1\" $borderRadiusX={0.8}>\n {Icon && <Icon width={14} height={14} color={color} />}\n </FlexView>\n </FlexView>\n <FlexView $flexRowGapX={0.25}>\n <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n <Text $renderAs=\"ub2-bold\" $inline $color=\"BLACK_1\">\n {label}:\n </Text>{' '}\n {title}\n </Text>\n {isPuzzleCard ? (\n canReviewPuzzle ? (\n <Clickable\n label={isCompleted ? 'View reviewed puzzle' : 'View assigned puzzle'}\n onClick={handlePuzzleClick}\n analyticsLabel=\"puzzle_click\"\n >\n <Styled.Text\n $color=\"BLACK_T_60\"\n $renderAs={textButton.sizes['small'].textVariant}\n $buttonSize=\"small\"\n $isParent={userType === USER_TYPE.PARENT}\n >\n {isCompleted ? 'View reviewed puzzle' : 'View assigned puzzle'}\n </Styled.Text>\n </Clickable>\n ) : (\n <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n {subtext}\n </Text>\n )\n ) : (\n <FlexView $flexDirection=\"row\" $flexGapX={0.75} $alignItems=\"center\">\n {subtext && (\n <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n {subtext}\n </Text>\n )}\n {shouldShowReview && (\n <TextButton\n label=\"Review\"\n size=\"small\"\n color=\"BLACK_T_60\"\n onClick={handleReviewClick}\n />\n )}\n </FlexView>\n )}\n </FlexView>\n </FlexView>\n );\n },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n\nexport default AccordionItem;\n"],"names":["AccordionItem","memo","type","userType","card","onPuzzleClick","onReviewClick","textButton","useTheme","label","title","state","subtext","userNodeId","blockType","userBlockId","nodeType","isSatMockTestBlock","BLOCK_TYPE","isPuzzleCard","NODE_TYPES","Icon","bgColor","color","getStateConf","isCompleted","NODE_STATE","shouldShowReview","useMemo","CARD_TYPE","USER_TYPE","CODING_ACTIVITY_NODE_TYPES","canReviewPuzzle","handlePuzzleClick","useCallback","handleReviewClick","jsxs","FlexView","jsx","Text","Clickable","Styled.Text","TextButton"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.5.17-as3",
+  "version": "3.5.17-as4",
   "type": "module",
   "files": [
     "dist"