@cuemath/leap 3.5.47-gg6 → 3.5.48-link.0

package/dist/features/worksheet/worksheet/worksheet-questions-tools/questions-toolbar/questions-toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"questions-toolbar.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-questions-tools/questions-toolbar/questions-toolbar.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport HintsIcon from '../../../../../assets/line-icons/icons/hints';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport EVENTS from '../../../constants/events';\nimport { useWorksheetStore } from '../../hooks/use-worksheet-store';\nimport { getQuestionMetadata } from '../../worksheet-helpers';\nimport {\n  EActiveQuestionTool,\n  type IWorksheetBehavior,\n  type IWorksheetQuestion,\n  type IWorksheetResponse,\n} from '../../worksheet-types';\nimport * as Styled from './questions-toolbar-styled';\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport HandIcon from '../../../../../assets/line-icons/icons/hand';\nimport QuestionFeedbackIcon from '../../../../../assets/line-icons/icons/question-feedback';\nimport TeachingToolsIcon from '../../../../../assets/line-icons/icons/teaching-tools';\nimport CloseIcon from '../../../../../assets/line-icons/icons/close';\nimport SolutionIcon from '../../../../../assets/line-icons/icons/solution';\nimport CalculatorIcon from '../../../../../assets/line-icons/icons/calculator';\n\ninterface IQuestionToolbarOptions {\n  hints:\n    | {\n        visible: false;\n      }\n    | {\n        visible: true;\n        disabled: boolean;\n        nextHintnumber: number;\n        allHintsUtilized: boolean;\n      };\n  solution: {\n    visible: boolean;\n    disabled: boolean;\n  };\n  teachingTools: {\n    visible: boolean;\n    disabled: boolean;\n  };\n  stickers?: {\n    visible: boolean;\n  };\n  askTeacher: {\n    visible: boolean;\n  };\n  questionFeedback: {\n    visible: boolean;\n  };\n}\n\ninterface IGetHintsOptions {\n  (options: {\n    behavior: IWorksheetBehavior;\n    question: IWorksheetQuestion;\n    response?: IWorksheetResponse;\n    hintsTimerFinished: boolean;\n  }): IQuestionToolbarOptions['hints'];\n}\n\nconst getHintsOptions: IGetHintsOptions = ({\n  behavior,\n  question,\n  response,\n  hintsTimerFinished,\n}) => {\n  if (!behavior.hints) {\n    return { visible: false };\n  }\n\n  const hintsAvailable = question.metadata.hints?.length ?? 0;\n\n  if (hintsAvailable === 0) {\n    return { visible: false };\n  }\n\n  const hintsUsed = response?.hintsUsed ?? 0;\n\n  return {\n    visible: true,\n    disabled: (behavior.hintsTimer && !hintsTimerFinished) || hintsUsed >= hintsAvailable,\n    nextHintnumber: hintsUsed + 1,\n    allHintsUtilized: hintsUsed >= hintsAvailable,\n  };\n};\n\ninterface IIsResponseCompletedOrExhausted {\n  (options: { response?: IWorksheetResponse; behavior: IWorksheetBehavior }): boolean;\n}\n\nconst isResponseCompletedOrExhausted: IIsResponseCompletedOrExhausted = ({\n  response,\n  behavior,\n}) => {\n  if (!response || !response.response || !response.score) {\n    return false;\n  }\n\n  const { responseEdited, score, attemptsHistory } = response;\n\n  const { maximumAttempts, canExceedAttempts } = behavior;\n  const maximumAttemptsReached = (attemptsHistory?.length ?? 0) >= maximumAttempts;\n\n  if (maximumAttemptsReached && !canExceedAttempts) return true;\n\n  if (responseEdited) return false;\n\n  if ((score.score ?? 0) === score.max_score) return true;\n\n  return false;\n};\n\ninterface IGetAskTeacherOptions {\n  (options: {\n    canAskForHelp: boolean;\n    hintOptions: IQuestionToolbarOptions['hints'];\n    behavior: IWorksheetBehavior;\n    response?: IWorksheetResponse;\n  }): IQuestionToolbarOptions['askTeacher'];\n}\n\nconst getAskTeacherOptions: IGetAskTeacherOptions = ({\n  hintOptions,\n  response,\n  behavior,\n  canAskForHelp,\n}) => {\n  if (\n    canAskForHelp &&\n    (!hintOptions.visible || hintOptions.allHintsUtilized) &&\n    !isResponseCompletedOrExhausted({ response, behavior })\n  ) {\n    return { visible: true };\n  }\n\n  return { visible: false };\n};\n\nconst QuestionsToolbar = memo(function QuestionsToolbar() {\n  const {\n    question,\n    response,\n    behavior,\n    loggerRef,\n    setResponses,\n    onResponseChange,\n    onHelp,\n    userType,\n    openQuestionFeedbackModal,\n    activeQuestionTool,\n    setActiveQuestionTool,\n    unsetActiveQuestionTool,\n    worksheetCompleted,\n    toggleCalculator,\n  } = useWorksheetStore(store => {\n    const activeQuestion = store.questions[store.activeQuestionIndex]!;\n    const activeQuesttionResponse = store.responses[activeQuestion.response_id];\n\n    return {\n      behavior: store.behavior,\n      question: activeQuestion,\n      response: activeQuesttionResponse,\n      loggerRef: store.loggerRef,\n      setResponses: store.setResponses,\n      onResponseChange: store.onResponseChange,\n      onHelp: store.onHelp,\n      userType: store.userType,\n      openQuestionFeedbackModal: store.openQuestionFeedbackModal,\n      activeQuestionTool: store.activeQuestionTool,\n      setActiveQuestionTool: store.setActiveQuestionTool,\n      unsetActiveQuestionTool: store.unsetActiveQuestionTool,\n      worksheetCompleted: store.worksheetCompleted,\n      toggleCalculator: store.toggleCalculator,\n    };\n  });\n  const { response_id: responseId } = question;\n  const { hintsTimer } = behavior;\n  const [hintsTimerFinished, setHintsTimerFinished] = useState(false);\n  const { hints, solution, askTeacher, questionFeedback, teachingTools } =\n    useMemo<IQuestionToolbarOptions>(() => {\n      const hintsOptions = getHintsOptions({\n        behavior,\n        question,\n        response,\n        hintsTimerFinished,\n      });\n      const questionMetadata = question?.metadata;\n      const teacherTipsCount = questionMetadata?.teacher_tips?.length ?? 0;\n      const solutionsCount = questionMetadata?.solution?.length ?? 0;\n      const hintsCount = questionMetadata?.hints?.length ?? 0;\n      const teachingToolEnabled = teacherTipsCount + solutionsCount + hintsCount > 0;\n\n      return {\n        hints: hintsOptions,\n        askTeacher: getAskTeacherOptions({\n          behavior,\n          response,\n          hintOptions: hintsOptions,\n          canAskForHelp: !!onHelp,\n        }),\n        questionFeedback: { visible: userType === 'TEACHER' },\n        teachingTools: { visible: userType === 'TEACHER', disabled: !teachingToolEnabled },\n        solution: {\n          visible:\n            behavior.solutionHidden || !behavior.validation\n              ? false\n              : userType === 'STUDENT' && solutionsCount > 0,\n          disabled: worksheetCompleted\n            ? false\n            : !isResponseCompletedOrExhausted({ response, behavior }),\n        },\n      };\n    }, [behavior, question, response, hintsTimerFinished, onHelp, userType, worksheetCompleted]);\n\n  const handleHintButtonClick = useCallback(() => {\n    loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n    setResponses(prevResponses => {\n      const newResponse = {\n        ...getQuestionMetadata(question),\n        ...prevResponses[responseId],\n        hintsUsed: (prevResponses[responseId]?.hintsUsed ?? 0) + 1,\n      };\n\n      onResponseChange?.({\n        responseId,\n        response: newResponse,\n        question,\n        isNewAttempt: false,\n      });\n\n      return {\n        ...prevResponses,\n        [responseId]: newResponse,\n      };\n    });\n  }, [loggerRef, onResponseChange, question, responseId, setResponses]);\n\n  const handleQuestionFeedbackClick = useCallback(() => {\n    if (openQuestionFeedbackModal) {\n      openQuestionFeedbackModal(question.item_reference);\n    }\n  }, [openQuestionFeedbackModal, question]);\n\n  const handleTeachingToolsClick = useCallback(() => {\n    if (activeQuestionTool !== EActiveQuestionTool.TEACHING_TOOLS) {\n      setActiveQuestionTool(EActiveQuestionTool.TEACHING_TOOLS);\n    } else {\n      unsetActiveQuestionTool();\n    }\n  }, [setActiveQuestionTool, unsetActiveQuestionTool, activeQuestionTool]);\n\n  const handleSolutionClick = useCallback(() => {\n    if (activeQuestionTool !== EActiveQuestionTool.SOLUTION) {\n      setActiveQuestionTool(EActiveQuestionTool.SOLUTION);\n    } else {\n      unsetActiveQuestionTool();\n    }\n  }, [setActiveQuestionTool, unsetActiveQuestionTool, activeQuestionTool]);\n\n  const handleHelpButtonClick = useCallback(() => {\n    if (onHelp && question) {\n      const { item_number, question_number, total_questions } = question;\n\n      onHelp({\n        questionId: responseId,\n        questionNumber: `${item_number + 1}${\n          total_questions > 1 ? String.fromCharCode('a'.charCodeAt(0) + question_number) : ''\n        }`,\n      });\n    }\n  }, [onHelp, question, responseId]);\n\n  useEffect(() => {\n    if (hintsTimer) {\n      const timeoutId = setTimeout(() => {\n        setHintsTimerFinished(true);\n      }, hintsTimer * 1000);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [hintsTimer]);\n\n  return (\n    <Styled.WorksheetQuestionsToolbarContainer\n      $showBorder={behavior.canvasEnabled == true}\n      $flexDirection=\"row\"\n    >\n      {hints.visible && (\n        <Clickable label=\"Hint\" disabled={hints.disabled} onClick={handleHintButtonClick}>\n          <Styled.IconContainer>\n            <Styled.HintsIconContainer>\n              <HintsIcon width={24} height={24} opacity={hints.disabled ? 0.38 : 1} />\n              {!hints.allHintsUtilized && hints.nextHintnumber > 1 && (\n                <Styled.HintsNumberContainer>\n                  <Styled.HintsNumber $renderAs=\"ab4-black\" $color=\"BLACK\">\n                    {hints.nextHintnumber}\n                  </Styled.HintsNumber>\n                </Styled.HintsNumberContainer>\n              )}\n              {hints.allHintsUtilized && <Styled.TickMark src={ILLUSTRATIONS.TICK_GREEN} />}\n            </Styled.HintsIconContainer>\n          </Styled.IconContainer>\n        </Clickable>\n      )}\n      {solution.visible && (\n        <Clickable label=\"Solution\" disabled={solution.disabled} onClick={handleSolutionClick}>\n          <Styled.IconContainer>\n            {activeQuestionTool === EActiveQuestionTool.SOLUTION ? (\n              <CloseIcon width={24} height={24} />\n            ) : (\n              <SolutionIcon width={24} height={24} opacity={solution.disabled ? 0.38 : 1} />\n            )}\n          </Styled.IconContainer>\n        </Clickable>\n      )}\n      {askTeacher.visible && (\n        <Clickable label=\"Ask for help\" onClick={handleHelpButtonClick}>\n          <Styled.IconContainer>\n            <HandIcon width={24} height={24} />\n          </Styled.IconContainer>\n        </Clickable>\n      )}\n      {questionFeedback.visible && (\n        <Clickable label=\"Question Feedback\" onClick={handleQuestionFeedbackClick}>\n          <Styled.IconContainer>\n            <QuestionFeedbackIcon width={24} height={24} />\n          </Styled.IconContainer>\n        </Clickable>\n      )}\n      {behavior.canShowDesmosCalc && (\n        <Clickable label=\"Desmos Calculator\" onClick={toggleCalculator}>\n          <Styled.IconContainer>\n            <CalculatorIcon width={24} height={24} />\n          </Styled.IconContainer>\n        </Clickable>\n      )}\n      {teachingTools.visible && (\n        <Clickable\n          label=\"Teaching Tools\"\n          disabled={teachingTools.disabled}\n          onClick={handleTeachingToolsClick}\n        >\n          <Styled.IconContainer>\n            {activeQuestionTool === EActiveQuestionTool.TEACHING_TOOLS ? (\n              <CloseIcon width={24} height={24} />\n            ) : (\n              <TeachingToolsIcon\n                width={24}\n                height={24}\n                opacity={teachingTools.disabled ? 0.38 : 1}\n              />\n            )}\n          </Styled.IconContainer>\n        </Clickable>\n      )}\n    </Styled.WorksheetQuestionsToolbarContainer>\n  );\n});\n\nexport default QuestionsToolbar;\n"],"names":["getHintsOptions","behavior","question","response","hintsTimerFinished","hintsAvailable","_a","hintsUsed","isResponseCompletedOrExhausted","responseEdited","score","attemptsHistory","maximumAttempts","canExceedAttempts","getAskTeacherOptions","hintOptions","canAskForHelp","QuestionsToolbar","memo","loggerRef","setResponses","onResponseChange","onHelp","userType","openQuestionFeedbackModal","activeQuestionTool","setActiveQuestionTool","unsetActiveQuestionTool","worksheetCompleted","toggleCalculator","useWorksheetStore","store","activeQuestion","activeQuesttionResponse","responseId","hintsTimer","setHintsTimerFinished","useState","hints","solution","askTeacher","questionFeedback","teachingTools","useMemo","hintsOptions","questionMetadata","teacherTipsCount","solutionsCount","_b","hintsCount","_c","teachingToolEnabled","handleHintButtonClick","useCallback","EVENTS","prevResponses","newResponse","getQuestionMetadata","handleQuestionFeedbackClick","handleTeachingToolsClick","EActiveQuestionTool","handleSolutionClick","handleHelpButtonClick","item_number","question_number","total_questions","useEffect","timeoutId","jsxs","Styled.WorksheetQuestionsToolbarContainer","jsx","Clickable","Styled.IconContainer","Styled.HintsIconContainer","HintsIcon","Styled.HintsNumberContainer","Styled.HintsNumber","Styled.TickMark","ILLUSTRATIONS","CloseIcon","SolutionIcon","HandIcon","QuestionFeedbackIcon","CalculatorIcon","TeachingToolsIcon"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-questions-tools/scribble-switch.js

@@ -1,65 +0,0 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { memo as a, useEffect as g } from "react";
-import t from "styled-components";
-import d from "../../../../assets/line-icons/icons/scribble.js";
-import p from "../../../ui/buttons/clickable/clickable.js";
-import m from "../../../ui/layout/flex-view.js";
-import f from "../../constants/events.js";
-import { useWorksheetStore as h } from "../hooks/use-worksheet-store.js";
-import S from "../../../../assets/line-icons/icons/cursor2.js";
-const u = t(m)(
-  ({ theme: r }) => `
-  position: relative;
-  height: 32px;
-  border-radius: 40px;
-  background-color: ${r.colors.WHITE_4};
-`
-), n = t.div(
-  ({ $active: r, theme: e }) => ` 
-  z-index: 1;
-  color: ${r ? e.colors.BLACK : e.colors.BLACK_T_38};
-`
-), x = t.div(
-  ({ $active: r, theme: e }) => `
-  position: absolute;
-  top: 4px;
-  left: 0;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  background-color: ${e.colors.WHITE};
-  transform: translateX(${r ? 4 : 32}px);
-  transition: transform 0.3s ease;
-  z-index: 0;
-`
-), C = a(function() {
-  const { toggleScribble: e, scribblingEnabled: i, canToggleScribbling: b, loggerRef: c } = h(
-    (l) => ({
-      scribblingEnabled: l.scribblingEnabled,
-      toggleScribble: l.toggleScribble,
-      canToggleScribbling: l.behavior.canScribble ?? !0,
-      loggerRef: l.loggerRef
-    })
-  );
-  return g(() => {
-    c.current(f.WORKSHEET_V3_SCRIBBLE_TOGGLE, {
-      scribbling_enabled: i
-    });
-  }, [i, c]), /* @__PURE__ */ o(
-    p,
-    {
-      label: "ScribbleSwitch Toggled",
-      onClick: e,
-      disabled: !b,
-      children: /* @__PURE__ */ s(u, { $flexDirection: "row", $gutter: 4, $flexGap: 4, $alignItems: "center", children: [
-        /* @__PURE__ */ o(x, { $active: i }),
-        /* @__PURE__ */ o(n, { $active: i, children: /* @__PURE__ */ o(d, { width: 24, height: 24 }) }),
-        /* @__PURE__ */ o(n, { $active: !i, children: /* @__PURE__ */ o(S, { width: 24, height: 24 }) })
-      ] })
-    }
-  );
-});
-export {
-  C as default
-};
-//# sourceMappingURL=scribble-switch.js.map

package/dist/features/worksheet/worksheet/worksheet-questions-tools/scribble-switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scribble-switch.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-tools/scribble-switch.tsx"],"sourcesContent":["import { memo, useEffect, type FC } from 'react';\nimport styled from 'styled-components';\n\nimport ScribbleIcon from '../../../../assets/line-icons/icons/scribble';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport EVENTS from '../../constants/events';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\nimport Cursor2Icon from '../../../../assets/line-icons/icons/cursor2';\n\nconst IconsWrapper = styled(FlexView)(\n  ({ theme }) => `\n  position: relative;\n  height: 32px;\n  border-radius: 40px;\n  background-color: ${theme.colors.WHITE_4};\n`,\n);\n\ninterface IWhiteMaskProps {\n  $active: boolean;\n}\n\nconst IconWrapper = styled.div<IWhiteMaskProps>(\n  ({ $active, theme }) => ` \n  z-index: 1;\n  color: ${$active ? theme.colors.BLACK : theme.colors.BLACK_T_38};\n`,\n);\n\nconst WhiteMask = styled.div<IWhiteMaskProps>(\n  ({ $active, theme }) => `\n  position: absolute;\n  top: 4px;\n  left: 0;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background-color: ${theme.colors.WHITE};\n  transform: translateX(${$active ? 4 : 32}px);\n  transition: transform 0.3s ease;\n  z-index: 0;\n`,\n);\n\nconst ScribbleSwitch: FC = memo(function ScribbleSwitch() {\n  const { toggleScribble, scribblingEnabled, canToggleScribbling, loggerRef } = useWorksheetStore(\n    store => ({\n      scribblingEnabled: store.scribblingEnabled,\n      toggleScribble: store.toggleScribble,\n      canToggleScribbling: store.behavior.canScribble ?? true,\n      loggerRef: store.loggerRef,\n    }),\n  );\n\n  useEffect(() => {\n    loggerRef.current(EVENTS.WORKSHEET_V3_SCRIBBLE_TOGGLE, {\n      scribbling_enabled: scribblingEnabled,\n    });\n  }, [scribblingEnabled, loggerRef]);\n\n  return (\n    <Clickable\n      label=\"ScribbleSwitch Toggled\"\n      onClick={toggleScribble}\n      disabled={!canToggleScribbling}\n    >\n      <IconsWrapper $flexDirection=\"row\" $gutter={4} $flexGap={4} $alignItems=\"center\">\n        <WhiteMask $active={scribblingEnabled} />\n        <IconWrapper $active={scribblingEnabled}>\n          <ScribbleIcon width={24} height={24} />\n        </IconWrapper>\n        <IconWrapper $active={!scribblingEnabled}>\n          <Cursor2Icon width={24} height={24} />\n        </IconWrapper>\n      </IconsWrapper>\n    </Clickable>\n  );\n});\n\nexport default ScribbleSwitch;\n"],"names":["IconsWrapper","styled","FlexView","theme","IconWrapper","$active","WhiteMask","ScribbleSwitch","memo","toggleScribble","scribblingEnabled","canToggleScribbling","loggerRef","useWorksheetStore","store","useEffect","EVENTS","jsx","Clickable","jsxs","ScribbleIcon","Cursor2Icon"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAeC,EAAOC,CAAQ;AAAA,EAClC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA,sBAIKA,EAAM,OAAO,OAAO;AAAA;AAE1C,GAMMC,IAAcH,EAAO;AAAA,EACzB,CAAC,EAAE,SAAAI,GAAS,OAAAF,EAAA,MAAY;AAAA;AAAA,WAEfE,IAAUF,EAAM,OAAO,QAAQA,EAAM,OAAO,UAAU;AAAA;AAEjE,GAEMG,IAAYL,EAAO;AAAA,EACvB,CAAC,EAAE,SAAAI,GAAS,OAAAF,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOJA,EAAM,OAAO,KAAK;AAAA,0BACdE,IAAU,IAAI,EAAE;AAAA;AAAA;AAAA;AAI1C,GAEME,IAAqBC,EAAK,WAA0B;AACxD,QAAM,EAAE,gBAAAC,GAAgB,mBAAAC,GAAmB,qBAAAC,GAAqB,WAAAC,EAAc,IAAAC;AAAA,IAC5E,CAAUC,OAAA;AAAA,MACR,mBAAmBA,EAAM;AAAA,MACzB,gBAAgBA,EAAM;AAAA,MACtB,qBAAqBA,EAAM,SAAS,eAAe;AAAA,MACnD,WAAWA,EAAM;AAAA,IAAA;AAAA,EACnB;AAGF,SAAAC,EAAU,MAAM;AACJ,IAAAH,EAAA,QAAQI,EAAO,8BAA8B;AAAA,MACrD,oBAAoBN;AAAA,IAAA,CACrB;AAAA,EAAA,GACA,CAACA,GAAmBE,CAAS,CAAC,GAG/B,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAST;AAAA,MACT,UAAU,CAACE;AAAA,MAEX,UAAA,gBAAAQ,EAACnB,KAAa,gBAAe,OAAM,SAAS,GAAG,UAAU,GAAG,aAAY,UACtE,UAAA;AAAA,QAAC,gBAAAiB,EAAAX,GAAA,EAAU,SAASI,EAAmB,CAAA;AAAA,QACvC,gBAAAO,EAACb,GAAY,EAAA,SAASM,GACpB,UAAA,gBAAAO,EAACG,KAAa,OAAO,IAAI,QAAQ,GAAA,CAAI,EACvC,CAAA;AAAA,QACA,gBAAAH,EAACb,GAAY,EAAA,SAAS,CAACM,GACrB,UAAC,gBAAAO,EAAAI,GAAA,EAAY,OAAO,IAAI,QAAQ,GAAA,CAAI,EACtC,CAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-questions-tools/worksheet-questions-styled.js

@@ -1,9 +0,0 @@
-import o from "styled-components";
-import e from "../../../ui/layout/flex-view.js";
-const s = o(e)`
-  pointer-events: auto;
-`;
-export {
-  s as WorksheetQuestionsToolsContainer
-};
-//# sourceMappingURL=worksheet-questions-styled.js.map

package/dist/features/worksheet/worksheet/worksheet-questions-tools/worksheet-questions-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"worksheet-questions-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-tools/worksheet-questions-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst WorksheetQuestionsToolsContainer = styled(FlexView)`\n  pointer-events: auto;\n`;\n\nexport { WorksheetQuestionsToolsContainer };\n"],"names":["WorksheetQuestionsToolsContainer","styled","FlexView"],"mappings":";;AAIM,MAAAA,IAAmCC,EAAOC,CAAQ;AAAA;AAAA;"}

package/dist/features/worksheet/worksheet/worksheet-questions-tools/worksheet-questions-tools.js

@@ -1,38 +0,0 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { memo as a } from "react";
-import b from "./scribble-switch.js";
-import { WorksheetQuestionsToolsContainer as l } from "./worksheet-questions-styled.js";
-import { useWorksheetStore as c } from "../hooks/use-worksheet-store.js";
-import m from "../../../cue-canvas/toolbar/toolbar.js";
-import u from "./questions-toolbar/questions-toolbar.js";
-const k = a(function() {
-  const { actionbarHeight: e, isCanvasEnabled: i, scribblingEnabled: s, userType: n } = c(
-    (o) => ({
-      actionbarHeight: o.actionbarHeight,
-      isCanvasEnabled: !!o.behavior.canvasEnabled,
-      scribblingEnabled: o.scribblingEnabled,
-      userType: o.userType
-    })
-  );
-  return /* @__PURE__ */ t(
-    l,
-    {
-      $flexDirection: "row",
-      $height: e,
-      $borderRadius: 48,
-      $background: "WHITE",
-      $borderColor: "BLACK_T_15",
-      $gutter: 4,
-      $alignItems: "center",
-      children: [
-        i && /* @__PURE__ */ r(b, {}),
-        s && /* @__PURE__ */ r(m, { userType: n, renderAs: "canvas" }),
-        /* @__PURE__ */ r(u, {})
-      ]
-    }
-  );
-});
-export {
-  k as default
-};
-//# sourceMappingURL=worksheet-questions-tools.js.map

package/dist/features/worksheet/worksheet/worksheet-questions-tools/worksheet-questions-tools.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"worksheet-questions-tools.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-questions-tools/worksheet-questions-tools.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport ScribbleSwitch from './scribble-switch';\nimport * as Styled from './worksheet-questions-styled';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\nimport Toolbar from '../../../cue-canvas/toolbar/toolbar';\nimport QuestionsToolbar from './questions-toolbar/questions-toolbar';\n\nconst WorksheetQuestionsTools = memo(function WorksheetQuestionsTools() {\n  const { actionbarHeight, isCanvasEnabled, scribblingEnabled, userType } = useWorksheetStore(\n    store => ({\n      actionbarHeight: store.actionbarHeight,\n      isCanvasEnabled: !!store.behavior.canvasEnabled,\n      scribblingEnabled: store.scribblingEnabled,\n      userType: store.userType,\n    }),\n  );\n\n  return (\n    <Styled.WorksheetQuestionsToolsContainer\n      $flexDirection=\"row\"\n      $height={actionbarHeight}\n      $borderRadius={48}\n      $background=\"WHITE\"\n      $borderColor=\"BLACK_T_15\"\n      $gutter={4}\n      $alignItems=\"center\"\n    >\n      {isCanvasEnabled && <ScribbleSwitch />}\n      {scribblingEnabled && <Toolbar userType={userType} renderAs=\"canvas\" />}\n      <QuestionsToolbar />\n    </Styled.WorksheetQuestionsToolsContainer>\n  );\n});\n\nexport default WorksheetQuestionsTools;\n"],"names":["WorksheetQuestionsTools","memo","actionbarHeight","isCanvasEnabled","scribblingEnabled","userType","useWorksheetStore","store","jsxs","Styled.WorksheetQuestionsToolsContainer","ScribbleSwitch","jsx","Toolbar","QuestionsToolbar"],"mappings":";;;;;;;AAQM,MAAAA,IAA0BC,EAAK,WAAmC;AACtE,QAAM,EAAE,iBAAAC,GAAiB,iBAAAC,GAAiB,mBAAAC,GAAmB,UAAAC,EAAa,IAAAC;AAAA,IACxE,CAAUC,OAAA;AAAA,MACR,iBAAiBA,EAAM;AAAA,MACvB,iBAAiB,CAAC,CAACA,EAAM,SAAS;AAAA,MAClC,mBAAmBA,EAAM;AAAA,MACzB,UAAUA,EAAM;AAAA,IAAA;AAAA,EAClB;AAIA,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,SAASP;AAAA,MACT,eAAe;AAAA,MACf,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,SAAS;AAAA,MACT,aAAY;AAAA,MAEX,UAAA;AAAA,QAAAC,uBAAoBO,GAAe,EAAA;AAAA,QACnCN,KAAqB,gBAAAO,EAACC,GAAQ,EAAA,UAAAP,GAAoB,UAAS,UAAS;AAAA,0BACpEQ,GAAiB,EAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxB,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools-styled.js

@@ -1,19 +0,0 @@
-import o from "styled-components";
-import t from "../../../ui/layout/flex-view.js";
-const i = o(t)(
-  ({ theme: e }) => `
-  position: absolute;
-  bottom: 48px;
-  left: 16px;
-  right: 16px;
-  pointer-events: auto;
-  box-shadow: 0 6px 12px 0 ${e.colors.BLACK_T_15};
-`
-), p = o(t)`
-  overflow-y: auto;
-`;
-export {
-  p as ContentContainer,
-  i as WorksheetTeachingToolsContainer
-};
-//# sourceMappingURL=worksheet-teaching-tools-styled.js.map

package/dist/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"worksheet-teaching-tools-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst WorksheetTeachingToolsContainer = styled(FlexView)(\n  ({ theme }) => `\n  position: absolute;\n  bottom: 48px;\n  left: 16px;\n  right: 16px;\n  pointer-events: auto;\n  box-shadow: 0 6px 12px 0 ${theme.colors.BLACK_T_15};\n`,\n);\n\nconst ContentContainer = styled(FlexView)`\n  overflow-y: auto;\n`;\n\nexport { WorksheetTeachingToolsContainer, ContentContainer };\n"],"names":["WorksheetTeachingToolsContainer","styled","FlexView","theme","ContentContainer"],"mappings":";;AAIM,MAAAA,IAAkCC,EAAOC,CAAQ;AAAA,EACrD,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAMYA,EAAM,OAAO,UAAU;AAAA;AAEpD,GAEMC,IAAmBH,EAAOC,CAAQ;AAAA;AAAA;"}

package/dist/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools.js

@@ -1,66 +0,0 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { memo as p, useMemo as T, useState as u } from "react";
-import g from "../../../ui/layout/flex-view.js";
-import f from "../../../ui/tabs/tabs.js";
-import S from "../../../ui/text/text.js";
-import { useWorksheetStore as b } from "../hooks/use-worksheet-store.js";
-import { CustomElement as $ } from "../worksheet-question/worksheet-question-styled.js";
-import { WorksheetTeachingToolsContainer as x, ContentContainer as A } from "./worksheet-teaching-tools-styled.js";
-import { EActiveQuestionTool as a } from "../worksheet-types.js";
-const C = {
-  [a.TEACHING_TOOLS]: [
-    { id: "Teacher Tip", label: "Cue Don't Tell" },
-    {
-      id: "Hint",
-      label: "Hints"
-    },
-    { id: "Solution", label: "Solution" }
-  ],
-  [a.SOLUTION]: [{ id: "Solution", label: "Solution" }]
-}, L = p(
-  function({ tool: m }) {
-    const { question: t, learnosity: c } = b((e) => ({
-      question: e.questions[e.activeQuestionIndex],
-      learnosity: e.learnosity
-    })), i = T(() => {
-      const e = t == null ? void 0 : t.metadata;
-      return {
-        "Teacher Tip": (e == null ? void 0 : e.teacher_tips) ?? [],
-        Hint: (e == null ? void 0 : e.hints) ?? [],
-        Solution: (e == null ? void 0 : e.solution) ?? []
-      };
-    }, [t]), h = T(
-      () => C[m].map((e) => ({
-        ...e,
-        disabled: i[e.id].length === 0
-      })),
-      [i, m]
-    ), [r, d] = u(() => {
-      var e;
-      return ((e = h.find((n) => !n.disabled)) == null ? void 0 : e.id) ?? "Teacher Tip";
-    }), o = i[r];
-    return o && c && c.renderMath("mathjax"), /* @__PURE__ */ l(x, { $background: "WHITE", children: [
-      /* @__PURE__ */ s(f, { theme: "light", tabs: h, selectedTab: r, onChange: d }),
-      /* @__PURE__ */ s(A, { $height: 152, $gutterX: 1, $gapX: 0.5, children: o == null ? void 0 : o.map((e, n) => /* @__PURE__ */ l(g, { $gapX: 0.5, children: [
-        o.length > 1 && /* @__PURE__ */ l(S, { $renderAs: "eyebrow2", $color: "ORANGE_5", $marginBottomX: 0.25, children: [
-          r,
-          " ",
-          n + 1,
-          ":"
-        ] }),
-        /* @__PURE__ */ s(
-          $,
-          {
-            dangerouslySetInnerHTML: {
-              __html: e
-            }
-          }
-        )
-      ] }, `${r}-item-${n}`)) })
-    ] });
-  }
-);
-export {
-  L as default
-};
-//# sourceMappingURL=worksheet-teaching-tools.js.map

package/dist/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"worksheet-teaching-tools.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-teaching-tools/worksheet-teaching-tools.tsx"],"sourcesContent":["import { type FC, memo, useMemo, useState } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Tabs from '../../../ui/tabs/tabs';\nimport { type ITabsProps } from '../../../ui/tabs/tabs-types';\nimport Text from '../../../ui/text/text';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\nimport { CustomElement } from '../worksheet-question/worksheet-question-styled';\nimport * as Styled from './worksheet-teaching-tools-styled';\nimport { EActiveQuestionTool } from '../worksheet-types';\n\nenum TAB_IDS {\n  CDT = 'Teacher Tip',\n  HINTS = 'Hint',\n  SOLUTION = 'Solution',\n}\n\nconst TABS_MAP: Record<EActiveQuestionTool, ITabsProps<TAB_IDS>['tabs']> = {\n  [EActiveQuestionTool.TEACHING_TOOLS]: [\n    { id: TAB_IDS.CDT, label: \"Cue Don't Tell\" },\n    {\n      id: TAB_IDS.HINTS,\n      label: 'Hints',\n    },\n    { id: TAB_IDS.SOLUTION, label: 'Solution' },\n  ],\n  [EActiveQuestionTool.SOLUTION]: [{ id: TAB_IDS.SOLUTION, label: 'Solution' }],\n};\n\ninterface IWorksheetTeachingToolsProps {\n  tool: EActiveQuestionTool;\n}\nconst WorksheetTeachingTools: FC<IWorksheetTeachingToolsProps> = memo(\n  function WorksheetTeachingTools({ tool }) {\n    const { question, learnosity } = useWorksheetStore(store => ({\n      question: store.questions[store.activeQuestionIndex],\n      learnosity: store.learnosity,\n    }));\n    const content = useMemo(() => {\n      const questionMetadata = question?.metadata;\n\n      return {\n        [TAB_IDS.CDT]: questionMetadata?.teacher_tips ?? [],\n        [TAB_IDS.HINTS]: questionMetadata?.hints ?? [],\n        [TAB_IDS.SOLUTION]: questionMetadata?.solution ?? [],\n      };\n    }, [question]);\n    const tabs = useMemo(\n      () =>\n        TABS_MAP[tool].map(tab => ({\n          ...tab,\n          disabled: content[tab.id].length === 0,\n        })),\n      [content, tool],\n    );\n    const [selectedTab, setSelectedTab] = useState<TAB_IDS>(() => {\n      return tabs.find(tab => !tab.disabled)?.id ?? TAB_IDS.CDT;\n    });\n    const tabContent = content[selectedTab];\n\n    if (tabContent && learnosity) {\n      learnosity.renderMath('mathjax');\n    }\n\n    return (\n      <Styled.WorksheetTeachingToolsContainer $background=\"WHITE\">\n        <Tabs theme=\"light\" tabs={tabs} selectedTab={selectedTab} onChange={setSelectedTab} />\n        <Styled.ContentContainer $height={152} $gutterX={1} $gapX={0.5}>\n          {tabContent?.map((item, index) => (\n            <FlexView $gapX={0.5} key={`${selectedTab}-item-${index}`}>\n              {tabContent.length > 1 && (\n                <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                  {selectedTab} {index + 1}:\n                </Text>\n              )}\n              <CustomElement\n                dangerouslySetInnerHTML={{\n                  __html: item,\n                }}\n              />\n            </FlexView>\n          ))}\n        </Styled.ContentContainer>\n      </Styled.WorksheetTeachingToolsContainer>\n    );\n  },\n);\n\nexport default WorksheetTeachingTools;\n"],"names":["TABS_MAP","EActiveQuestionTool","WorksheetTeachingTools","memo","tool","question","learnosity","useWorksheetStore","store","content","useMemo","questionMetadata","tabs","tab","selectedTab","setSelectedTab","useState","_a","tabContent","jsxs","Styled.WorksheetTeachingToolsContainer","jsx","Tabs","Styled.ContentContainer","item","index","FlexView","Text","CustomElement"],"mappings":";;;;;;;;;AAiBA,MAAMA,IAAqE;AAAA,EACzE,CAACC,EAAoB,cAAc,GAAG;AAAA,IACpC,EAAE,IAAI,eAAa,OAAO,iBAAiB;AAAA,IAC3C;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,EAAE,IAAI,YAAkB,OAAO,WAAW;AAAA,EAC5C;AAAA,EACA,CAACA,EAAoB,QAAQ,GAAG,CAAC,EAAE,IAAI,YAAkB,OAAO,YAAY;AAC9E,GAKMC,IAA2DC;AAAA,EAC/D,SAAgC,EAAE,MAAAC,KAAQ;AACxC,UAAM,EAAE,UAAAC,GAAU,YAAAC,EAAW,IAAIC,EAAkB,CAAUC,OAAA;AAAA,MAC3D,UAAUA,EAAM,UAAUA,EAAM,mBAAmB;AAAA,MACnD,YAAYA,EAAM;AAAA,IAClB,EAAA,GACIC,IAAUC,EAAQ,MAAM;AAC5B,YAAMC,IAAmBN,KAAA,gBAAAA,EAAU;AAE5B,aAAA;AAAA,QACJ,gBAAcM,KAAA,gBAAAA,EAAkB,iBAAgB,CAAC;AAAA,QACjD,OAAgBA,KAAA,gBAAAA,EAAkB,UAAS,CAAC;AAAA,QAC5C,WAAmBA,KAAA,gBAAAA,EAAkB,aAAY,CAAC;AAAA,MAAA;AAAA,IACrD,GACC,CAACN,CAAQ,CAAC,GACPO,IAAOF;AAAA,MACX,MACEV,EAASI,CAAI,EAAE,IAAI,CAAQS,OAAA;AAAA,QACzB,GAAGA;AAAA,QACH,UAAUJ,EAAQI,EAAI,EAAE,EAAE,WAAW;AAAA,MAAA,EACrC;AAAA,MACJ,CAACJ,GAASL,CAAI;AAAA,IAAA,GAEV,CAACU,GAAaC,CAAc,IAAIC,EAAkB,MAAM;;AAC5D,eAAOC,IAAAL,EAAK,KAAK,CAAAC,MAAO,CAACA,EAAI,QAAQ,MAA9B,gBAAAI,EAAiC,OAAM;AAAA,IAAA,CAC/C,GACKC,IAAaT,EAAQK,CAAW;AAEtC,WAAII,KAAcZ,KAChBA,EAAW,WAAW,SAAS,GAI9B,gBAAAa,EAAAC,GAAA,EAAuC,aAAY,SAClD,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAK,OAAM,SAAQ,MAAAV,GAAY,aAAAE,GAA0B,UAAUC,GAAgB;AAAA,wBACnFQ,GAAA,EAAwB,SAAS,KAAK,UAAU,GAAG,OAAO,KACxD,UAAAL,KAAA,gBAAAA,EAAY,IAAI,CAACM,GAAMC,MACrB,gBAAAN,EAAAO,GAAA,EAAS,OAAO,KACd,UAAA;AAAA,QAAWR,EAAA,SAAS,KAClB,gBAAAC,EAAAQ,GAAA,EAAK,WAAU,YAAW,QAAO,YAAW,gBAAgB,MAC1D,UAAA;AAAA,UAAAb;AAAA,UAAY;AAAA,UAAEW,IAAQ;AAAA,UAAE;AAAA,QAAA,GAC3B;AAAA,QAEF,gBAAAJ;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,yBAAyB;AAAA,cACvB,QAAQJ;AAAA,YACV;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,EAAA,GAVyB,GAAGV,CAAW,SAASW,CAAK,EAWvD,IAEJ;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF;"}