@cuemath/leap 3.0.7-hg1 → 3.0.7-hg2

package/dist/features/worksheet/worksheet/worksheet-question/subjective-feedback.js

@@ -0,0 +1,206 @@
+import { jsx as e, jsxs as l, Fragment as M } from "react/jsx-runtime";
+import { h as ee } from "../../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as te, useState as S, useMemo as R, useCallback as s } from "react";
+import re from "../../../../assets/line-icons/icons/down.js";
+import ie from "../../../../assets/line-icons/icons/up.js";
+import D from "../../../ui/buttons/button/button.js";
+import E from "../../../ui/buttons/clickable/clickable.js";
+import ce from "../../../ui/buttons/text-button/text-button.js";
+import m from "../../../ui/layout/flex-view.js";
+import u from "../../../ui/separator/separator.js";
+import f from "../../../ui/text/text.js";
+import ne from "../hooks/use-s3-helper.js";
+import { TextArea as oe, FileInputLabel as le, FileInput as ae } from "./subjective-styled.js";
+const se = { type: "subjective_response" }, xe = te(
+  ({
+    responses: C,
+    response: i,
+    nextQuestionId: j,
+    responseId: h,
+    studentId: L,
+    onAddReviewComment: g,
+    openImagesReviewModal: b,
+    handleReviewSubmit: z,
+    isSubmittingReview: B
+  }) => {
+    var T, A;
+    const { score: $ } = i ?? {}, { max_score: p, score: _ } = $ ?? {}, H = $ && "score" in $ && "max_score" in $, [d, O] = S(((T = i == null ? void 0 : i.teacherReview) == null ? void 0 : T.reviewComment) ?? ""), [q, U] = S(!1), [c, k] = S(_ ?? 0), [n, v] = S(
+      ((A = i == null ? void 0 : i.teacherReview) == null ? void 0 : A.images) ?? []
+    ), x = n.length, K = R(() => {
+      var t, r, o;
+      return ((t = i == null ? void 0 : i.teacherReview) == null ? void 0 : t.reviewComment) === d && ((r = i.teacherReview.images) == null ? void 0 : r.length) === n.length && ((o = i.score) == null ? void 0 : o.score) === c;
+    }, [d, i, c, n.length]), W = R(() => {
+      var r, o, a, w;
+      if (!C) return !1;
+      let t = !0;
+      for (const y of Object.values(C)) {
+        const P = !!y.response, Z = ((r = y.teacherReview) == null ? void 0 : r.images) && ((a = (o = y.teacherReview) == null ? void 0 : o.images) == null ? void 0 : a.length) > 0 || !!((w = y.teacherReview) != null && w.reviewComment);
+        if (P && !Z) {
+          t = !1;
+          break;
+        }
+      }
+      return t;
+    }, [C]), X = ne({
+      studentId: L,
+      query: se
+    }), N = s((t) => {
+      O(t.target.value);
+    }, []), Q = s(() => {
+      k(c + 0.5);
+    }, [c]), V = s(() => {
+      k(c - 0.5);
+    }, [c]), I = s(
+      (t) => {
+        U(!1);
+        const r = n.filter((a) => typeof a == "string"), o = t ? [...r, ...t] : r;
+        t && v(o), g == null || g(h, {
+          score: {
+            score: c,
+            max_score: p
+          },
+          teacherReview: {
+            reviewComment: d,
+            images: o
+          }
+        });
+      },
+      [d, p, g, h, c, n]
+    ), Y = s(() => {
+      const t = n.filter((r) => typeof r != "string");
+      t.length > 0 ? (U(!0), X({
+        fileKey: `subjective-responses/${h}/`,
+        onSuccess: I,
+        onError: () => {
+        },
+        images: t
+      })) : I();
+    }, [I, h, n, X]), F = s(
+      ({ filteredImages: t }) => {
+        v(t);
+      },
+      []
+    ), G = s(() => {
+      const t = n.map((r) => typeof r == "string" ? r : r.url);
+      t && (b == null || b({
+        isReviewed: !1,
+        disableScoreForm: !1,
+        imageUrls: t,
+        filteredImageUrls: F,
+        uploadedImages: n
+      }));
+    }, [b, F, n]), J = s((t) => {
+      const { files: r } = t.currentTarget;
+      if (!r) return;
+      const o = Array.from(r).map((a) => {
+        const w = URL.createObjectURL(a);
+        return { file: a, url: w };
+      });
+      v((a) => [...a, ...o]);
+    }, []);
+    return i ? !H && j ? /* @__PURE__ */ e(f, { $renderAs: "body1", children: " The student did not attempt this questions." }) : /* @__PURE__ */ l(M, { children: [
+      /* @__PURE__ */ l(m, { $flexDirection: "row", $justifyContent: "space-between", children: [
+        /* @__PURE__ */ l(m, { children: [
+          /* @__PURE__ */ l(f, { $renderAs: "body3", children: [
+            "Score (out of ",
+            p,
+            ")"
+          ] }),
+          /* @__PURE__ */ e(u, { heightX: 1 }),
+          /* @__PURE__ */ l(m, { $flexDirection: "row", $gapX: 0.5, children: [
+            /* @__PURE__ */ e(
+              m,
+              {
+                $justifyContent: "center",
+                $alignItems: "center",
+                $borderColor: "BLACK",
+                $width: 50,
+                $height: 50,
+                $background: "WHITE",
+                children: /* @__PURE__ */ e(f, { $renderAs: "body1", children: c })
+              }
+            ),
+            /* @__PURE__ */ e(u, { width: 16 }),
+            /* @__PURE__ */ l(m, { $background: "WHITE", $gutterX: 0.5, $gapX: 0.5, children: [
+              /* @__PURE__ */ e(E, { label: "up", onClick: Q, disabled: c === p, children: /* @__PURE__ */ e(ie, {}) }),
+              /* @__PURE__ */ e(u, { height: 16 }),
+              /* @__PURE__ */ e(E, { label: "down", onClick: V, disabled: c === 0, children: /* @__PURE__ */ e(re, {}) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ l(m, { children: [
+          /* @__PURE__ */ e(f, { $renderAs: "body1", children: "Comments" }),
+          /* @__PURE__ */ e(u, { heightX: 1 }),
+          /* @__PURE__ */ e(oe, { value: d, onChange: N })
+        ] }),
+        /* @__PURE__ */ l(m, { $alignItems: "center", children: [
+          /* @__PURE__ */ l(f, { $renderAs: "body1", children: [
+            "Upload Images ",
+            /* @__PURE__ */ e("small", { children: "(max 12)" })
+          ] }),
+          /* @__PURE__ */ e(u, { heightX: 1 }),
+          /* @__PURE__ */ e(le, { htmlFor: `files${h}`, children: "Browse" }),
+          /* @__PURE__ */ e(u, { heightX: 1 }),
+          /* @__PURE__ */ e(
+            ae,
+            {
+              type: "file",
+              accept: ".jpeg, .jpg, .png",
+              id: `files${h}`,
+              multiple: !0,
+              onChange: J
+            }
+          ),
+          /* @__PURE__ */ e(
+            ce,
+            {
+              onClick: G,
+              label: x ? `${x} ${ee.pluralize(x, "file")}` : "No files"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ l(
+        m,
+        {
+          $flexDirection: "row",
+          $alignItems: "center",
+          $justifyContent: "center",
+          $gutterX: 1,
+          $gapX: 1,
+          children: [
+            /* @__PURE__ */ e(
+              D,
+              {
+                widthX: 6,
+                renderAs: "secondary",
+                size: "small",
+                label: "Save",
+                onClick: Y,
+                busy: q,
+                disabled: K
+              }
+            ),
+            /* @__PURE__ */ e(u, { width: 20 }),
+            !j && /* @__PURE__ */ e(
+              D,
+              {
+                widthX: 6,
+                renderAs: "secondary",
+                size: "small",
+                label: "Submit Review",
+                onClick: z,
+                busy: B,
+                disabled: !W
+              }
+            )
+          ]
+        }
+      )
+    ] }) : null;
+  }
+);
+export {
+  xe as default
+};
+//# sourceMappingURL=subjective-feedback.js.map

package/dist/features/worksheet/worksheet/worksheet-question/subjective-feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subjective-feedback.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-feedback.tsx"],"sourcesContent":["import type { ISubjectiveQuestionReviewProps, IFile } from './subjective-review';\nimport type { FC } from 'react';\n\nimport { pluralize } from 'humanize-plus';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport DownIcon from '../../../../assets/line-icons/icons/down';\nimport UpIcon from '../../../../assets/line-icons/icons/up';\nimport Button from '../../../ui/buttons/button/button';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport useS3ImageUploadHelper from '../hooks/use-s3-helper';\nimport { TextArea, FileInput, FileInputLabel } from './subjective-styled';\n\nconst QUERY = { type: 'subjective_response' };\n\nconst SubjectiveQuestionFeedback: FC<ISubjectiveQuestionReviewProps> = memo(\n  ({\n    responses,\n    response,\n    nextQuestionId,\n    responseId,\n    studentId,\n    onAddReviewComment,\n    openImagesReviewModal,\n    handleReviewSubmit,\n    isSubmittingReview,\n  }) => {\n    const { score: responseScore } = response ?? {};\n    const { max_score: maxScore, score } = responseScore ?? {};\n    const isAttempted = responseScore && 'score' in responseScore && 'max_score' in responseScore;\n    const [comment, setComment] = useState(response?.teacherReview?.reviewComment ?? '');\n    const [isUploading, setIsUploading] = useState<boolean>(false);\n    const [scored, setScored] = useState(score ?? 0.0);\n    const [selectedImages, setSelectedImage] = useState<(string | IFile)[]>(\n      response?.teacherReview?.images ?? [],\n    );\n    const noOfImages = selectedImages.length;\n    const isSaveDisabled = useMemo(() => {\n      if (\n        response?.teacherReview?.reviewComment === comment &&\n        response.teacherReview.images?.length === selectedImages.length &&\n        response.score?.score === scored\n      ) {\n        return true;\n      }\n\n      return false;\n    }, [comment, response, scored, selectedImages.length]);\n\n    const canSubmitReview = useMemo(() => {\n      if (!responses) return false;\n\n      let canSubmit = true;\n\n      for (const item of Object.values(responses)) {\n        const currResponse = item.response;\n\n        const isCurrItemAttempted = !!currResponse;\n        const currentItemReviewed =\n          (item.teacherReview?.images && item.teacherReview?.images?.length > 0) ||\n          !!item.teacherReview?.reviewComment;\n\n        if (isCurrItemAttempted && !currentItemReviewed) {\n          canSubmit = false;\n          break;\n        }\n      }\n\n      return canSubmit;\n    }, [responses]);\n\n    const uploadImages = useS3ImageUploadHelper({\n      studentId,\n      query: QUERY,\n    });\n\n    const onCommentChange = useCallback((e: { target: { value: string } }) => {\n      setComment(e.target.value);\n    }, []);\n\n    const onScoreUp = useCallback(() => {\n      setScored(scored + 0.5);\n    }, [scored]);\n\n    const onScoreDown = useCallback(() => {\n      setScored(scored - 0.5);\n    }, [scored]);\n\n    const onSuccess = useCallback(\n      (images?: string[]) => {\n        setIsUploading(false);\n        const reponseImages = selectedImages.filter(item => typeof item === 'string');\n        const allImages = images ? [...reponseImages, ...images] : reponseImages;\n\n        if (images) {\n          setSelectedImage(allImages);\n        }\n        onAddReviewComment?.(responseId, {\n          score: {\n            score: scored,\n            max_score: maxScore as number,\n          },\n          teacherReview: {\n            reviewComment: comment,\n            images: allImages,\n          },\n        });\n      },\n      [comment, maxScore, onAddReviewComment, responseId, scored, selectedImages],\n    );\n\n    const handleSave = useCallback(() => {\n      const imagesToUpload = selectedImages.filter(images => typeof images !== 'string');\n\n      if (imagesToUpload.length > 0) {\n        setIsUploading(true);\n        uploadImages({\n          fileKey: `subjective-responses/${responseId}/`,\n          onSuccess: onSuccess,\n          onError: () => {},\n          images: imagesToUpload,\n        });\n      } else {\n        onSuccess();\n      }\n    }, [onSuccess, responseId, selectedImages, uploadImages]);\n\n    const updateImages = useCallback(\n      ({ filteredImages }: { filteredImages: string[]; newImages: IFile[] }) => {\n        setSelectedImage(filteredImages);\n      },\n      [],\n    );\n\n    const openImagesModal = useCallback(() => {\n      const previewImages = selectedImages.map(item => {\n        if (typeof item === 'string') return item;\n\n        return item.url;\n      });\n\n      if (!previewImages) return;\n\n      openImagesReviewModal?.({\n        isReviewed: false,\n        disableScoreForm: false,\n        imageUrls: previewImages,\n        filteredImageUrls: updateImages,\n        uploadedImages: selectedImages,\n      });\n    }, [openImagesReviewModal, updateImages, selectedImages]);\n\n    const onSelectImages = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n      const { files } = e.currentTarget;\n\n      if (!files) return;\n\n      const newFilesList = Array.from(files).map(file => {\n        const url = URL.createObjectURL(file);\n\n        return { file, url };\n      });\n\n      setSelectedImage(prevImages => [...prevImages, ...newFilesList]);\n    }, []);\n\n    if (!response) {\n      return null;\n    }\n\n    if (!isAttempted && nextQuestionId) {\n      return <Text $renderAs=\"body1\"> The student did not attempt this questions.</Text>;\n    }\n\n    return (\n      <>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\">\n          <FlexView>\n            <Text $renderAs=\"body3\">Score (out of {maxScore})</Text>\n            <Separator heightX={1} />\n            <FlexView $flexDirection=\"row\" $gapX={0.5}>\n              <FlexView\n                $justifyContent=\"center\"\n                $alignItems=\"center\"\n                $borderColor=\"BLACK\"\n                $width={50}\n                $height={50}\n                $background=\"WHITE\"\n              >\n                <Text $renderAs=\"body1\">{scored}</Text>\n              </FlexView>\n              <Separator width={16} />\n              <FlexView $background=\"WHITE\" $gutterX={0.5} $gapX={0.5}>\n                <Clickable label=\"up\" onClick={onScoreUp} disabled={scored === maxScore}>\n                  <UpIcon />\n                </Clickable>\n                <Separator height={16} />\n                <Clickable label=\"down\" onClick={onScoreDown} disabled={scored === 0}>\n                  <DownIcon />\n                </Clickable>\n              </FlexView>\n            </FlexView>\n          </FlexView>\n          <FlexView>\n            <Text $renderAs=\"body1\">Comments</Text>\n            <Separator heightX={1} />\n            <TextArea value={comment} onChange={onCommentChange} />\n          </FlexView>\n          <FlexView $alignItems=\"center\">\n            <Text $renderAs=\"body1\">\n              Upload Images <small>(max 12)</small>\n            </Text>\n            <Separator heightX={1} />\n            <FileInputLabel htmlFor={`files${responseId}`}>Browse</FileInputLabel>\n            <Separator heightX={1} />\n            <FileInput\n              type=\"file\"\n              accept=\".jpeg, .jpg, .png\"\n              id={`files${responseId}`}\n              multiple\n              onChange={onSelectImages}\n            />\n            <TextButton\n              onClick={openImagesModal}\n              label={noOfImages ? `${noOfImages} ${pluralize(noOfImages, 'file')}` : 'No files'}\n            />\n          </FlexView>\n        </FlexView>\n        <FlexView\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $gutterX={1}\n          $gapX={1}\n        >\n          <Button\n            widthX={6}\n            renderAs=\"secondary\"\n            size=\"small\"\n            label=\"Save\"\n            onClick={handleSave}\n            busy={isUploading}\n            disabled={isSaveDisabled}\n          />\n          <Separator width={20} />\n          {!nextQuestionId && (\n            <Button\n              widthX={6}\n              renderAs=\"secondary\"\n              size=\"small\"\n              label=\"Submit Review\"\n              onClick={handleReviewSubmit}\n              busy={isSubmittingReview}\n              disabled={!canSubmitReview}\n            />\n          )}\n        </FlexView>\n      </>\n    );\n  },\n);\n\nexport default SubjectiveQuestionFeedback;\n"],"names":["QUERY","SubjectiveQuestionFeedback","memo","responses","response","nextQuestionId","responseId","studentId","onAddReviewComment","openImagesReviewModal","handleReviewSubmit","isSubmittingReview","responseScore","maxScore","score","isAttempted","comment","setComment","useState","_a","isUploading","setIsUploading","scored","setScored","selectedImages","setSelectedImage","_b","noOfImages","isSaveDisabled","useMemo","_c","canSubmitReview","canSubmit","item","isCurrItemAttempted","currentItemReviewed","_d","uploadImages","useS3ImageUploadHelper","onCommentChange","useCallback","e","onScoreUp","onScoreDown","onSuccess","images","reponseImages","allImages","handleSave","imagesToUpload","updateImages","filteredImages","openImagesModal","previewImages","onSelectImages","files","newFilesList","file","url","prevImages","jsx","Text","jsxs","Fragment","FlexView","Separator","Clickable","UpIcon","DownIcon","TextArea","FileInputLabel","FileInput","TextButton","pluralize","Button"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-question/subjective-review.js

@@ -0,0 +1,33 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { memo as w } from "react";
+import t from "../../../ui/layout/flex-view.js";
+import c from "../../../ui/separator/separator.js";
+import i from "../../../ui/text/text.js";
+import b from "./subjective-feedback.js";
+import { Wrapper as x, Thumbnail as g, Img as y } from "./subjective-styled.js";
+const T = w((d) => {
+  var m, l, $;
+  const { response: r, openImagesReviewModal: o, isReviewPending: a, userType: f } = d, h = (m = r == null ? void 0 : r.teacherReview) == null ? void 0 : m.reviewComment, u = ((l = r == null ? void 0 : r.teacherReview) == null ? void 0 : l.images) ?? [];
+  return a && f === "TEACHER" ? /* @__PURE__ */ e(b, { ...d }) : /* @__PURE__ */ n(x, { $gapX: 0.5, children: [
+    /* @__PURE__ */ e(t, { $background: "ORANGE_5", $widthX: 3.8, $heightX: 1.5, $justifyContent: "center", children: /* @__PURE__ */ e(i, { $renderAs: "body1Medium", $color: "WHITE", children: "Review" }) }),
+    /* @__PURE__ */ e(c, { heightX: 1 }),
+    /* @__PURE__ */ n(t, { $flexDirection: "row", children: [
+      /* @__PURE__ */ e(i, { $renderAs: "body1", $widthX: 8, children: "Score" }),
+      /* @__PURE__ */ e(i, { $renderAs: "body1", children: (($ = r == null ? void 0 : r.score) == null ? void 0 : $.score) ?? 0 })
+    ] }),
+    /* @__PURE__ */ e(c, { heightX: 1 }),
+    /* @__PURE__ */ n(t, { $flexDirection: "row", children: [
+      /* @__PURE__ */ e(i, { $renderAs: "body1", $widthX: 8, children: "Comments" }),
+      h ? /* @__PURE__ */ e(i, { $renderAs: "body1", children: h }) : /* @__PURE__ */ e(i, { $renderAs: "body1", children: " -- " })
+    ] }),
+    /* @__PURE__ */ e(c, { heightX: 1 }),
+    /* @__PURE__ */ n(t, { $flexDirection: "row", children: [
+      /* @__PURE__ */ e(i, { $renderAs: "body1", $widthX: 8, children: "Files" }),
+      /* @__PURE__ */ e(t, { $flexDirection: "row", $flexWrap: !0, children: u.map((s) => /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(y, { src: s, onClick: () => o == null ? void 0 : o({ image: s }) }) }) })) })
+    ] })
+  ] });
+});
+export {
+  T as default
+};
+//# sourceMappingURL=subjective-review.js.map

package/dist/features/worksheet/worksheet/worksheet-question/subjective-review.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subjective-review.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-review.tsx"],"sourcesContent":["import type { TUserTypes } from '../../../ui/types';\nimport type { ISubjectiveSheetProps, IWorksheetResponse } from '../worksheet-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport SubjectiveQuestionFeedback from './subjective-feedback';\nimport { Thumbnail, Img, Wrapper } from './subjective-styled';\n\nexport interface ISubjectiveQuestionReviewProps extends ISubjectiveSheetProps {\n  responseId: string;\n  response?: IWorksheetResponse;\n  nextQuestionId?: string;\n  studentId: string;\n  responses?: Record<string, IWorksheetResponse>;\n  userType: TUserTypes;\n}\n\nexport interface IFile {\n  file: File;\n  url: string;\n}\n\nconst SubjectiveQuestionReview: FC<ISubjectiveQuestionReviewProps> = memo(props => {\n  const { response, openImagesReviewModal, isReviewPending, userType } = props;\n\n  const comment = response?.teacherReview?.reviewComment;\n  const images = response?.teacherReview?.images ?? [];\n\n  if (isReviewPending && userType === 'TEACHER') {\n    return <SubjectiveQuestionFeedback {...props} />;\n  }\n\n  return (\n    <Wrapper $gapX={0.5}>\n      <FlexView $background=\"ORANGE_5\" $widthX={3.8} $heightX={1.5} $justifyContent=\"center\">\n        <Text $renderAs=\"body1Medium\" $color=\"WHITE\">\n          Review\n        </Text>\n      </FlexView>\n      <Separator heightX={1} />\n      <FlexView $flexDirection=\"row\">\n        <Text $renderAs=\"body1\" $widthX={8}>\n          Score\n        </Text>\n        <Text $renderAs=\"body1\">{response?.score?.score ?? 0}</Text>\n      </FlexView>\n      <Separator heightX={1} />\n      <FlexView $flexDirection=\"row\">\n        <Text $renderAs=\"body1\" $widthX={8}>\n          Comments\n        </Text>\n        {comment ? <Text $renderAs=\"body1\">{comment}</Text> : <Text $renderAs=\"body1\"> -- </Text>}\n      </FlexView>\n      <Separator heightX={1} />\n      <FlexView $flexDirection=\"row\">\n        <Text $renderAs=\"body1\" $widthX={8}>\n          Files\n        </Text>\n        <FlexView $flexDirection=\"row\" $flexWrap>\n          {images.map(img => {\n            return (\n              <span>\n                <Thumbnail>\n                  <Img src={img} onClick={() => openImagesReviewModal?.({ image: img })} />\n                </Thumbnail>\n              </span>\n            );\n          })}\n        </FlexView>\n      </FlexView>\n    </Wrapper>\n  );\n});\n\nexport default SubjectiveQuestionReview;\n"],"names":["SubjectiveQuestionReview","memo","props","response","openImagesReviewModal","isReviewPending","userType","comment","_a","images","_b","jsx","SubjectiveQuestionFeedback","jsxs","Wrapper","FlexView","Text","Separator","_c","img","Thumbnail","Img"],"mappings":";;;;;;;AA0BM,MAAAA,IAA+DC,EAAK,CAASC,MAAA;;AACjF,QAAM,EAAE,UAAAC,GAAU,uBAAAC,GAAuB,iBAAAC,GAAiB,UAAAC,MAAaJ,GAEjEK,KAAUC,IAAAL,KAAA,gBAAAA,EAAU,kBAAV,gBAAAK,EAAyB,eACnCC,MAASC,IAAAP,KAAA,gBAAAA,EAAU,kBAAV,gBAAAO,EAAyB,WAAU,CAAA;AAE9C,SAAAL,KAAmBC,MAAa,YAC3B,gBAAAK,EAACC,GAA4B,EAAA,GAAGV,EAAO,CAAA,IAI9C,gBAAAW,EAACC,GAAQ,EAAA,OAAO,KACd,UAAA;AAAA,IAAA,gBAAAH,EAACI,KAAS,aAAY,YAAW,SAAS,KAAK,UAAU,KAAK,iBAAgB,UAC5E,UAAA,gBAAAJ,EAACK,KAAK,WAAU,eAAc,QAAO,SAAQ,mBAE7C,CAAA,GACF;AAAA,IACA,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,SAAQ,SAAS,GAAG,UAEpC,SAAA;AAAA,wBACCA,GAAK,EAAA,WAAU,SAAS,YAAUE,IAAAf,KAAA,gBAAAA,EAAA,UAAA,gBAAAe,EAAO,UAAS,GAAE;AAAA,IAAA,GACvD;AAAA,IACA,gBAAAP,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,SAAQ,SAAS,GAAG,UAEpC,YAAA;AAAA,MACCT,IAAW,gBAAAI,EAAAK,GAAA,EAAK,WAAU,SAAS,UAAQT,EAAA,CAAA,IAAW,gBAAAI,EAAAK,GAAA,EAAK,WAAU,SAAQ,UAAI,QAAA;AAAA,IAAA,GACpF;AAAA,IACA,gBAAAL,EAACM,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAJ,EAACE,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,SAAQ,SAAS,GAAG,UAEpC,SAAA;AAAA,MACA,gBAAAL,EAACI,KAAS,gBAAe,OAAM,WAAS,IACrC,UAAAN,EAAO,IAAI,CAAOU,wBAEd,QACC,EAAA,UAAA,gBAAAR,EAACS,GACC,EAAA,UAAA,gBAAAT,EAACU,KAAI,KAAKF,GAAK,SAAS,MAAMf,KAAA,gBAAAA,EAAwB,EAAE,OAAOe,KAAQ,CAAA,GACzE,EACF,CAAA,CAEH,GACH;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-question/subjective-styled.js

@@ -0,0 +1,70 @@
+import t from "styled-components";
+import r from "../../../ui/layout/flex-view.js";
+import p from "../../../ui/text/text.js";
+const a = t.textarea(({ theme: o }) => {
+  const { BLACK_75: e, WHITE: i } = o.colors;
+  return `
+  width: 350px;
+  height: 100px;
+  resize: none;
+  font-size: 16px;
+  font-weight: 400;
+  padding: 10px;
+  cursor: 'text'
+  border: 1px solid ${e};
+  border-radius: 3px;
+  background-color: ${i};
+`;
+}), l = t.input`
+  color: transparent;
+  max-width: 100px;
+  display: none;
+`, s = t.label`
+  border: ${"1px solid #8DD5F1"};
+  background: transparent;
+  height: 30px;
+  border-radius: 4px;
+  padding-top: 4px;
+  display: block;
+  font-size: 14px;
+  line-height: 22px;
+  font-weight: 700;
+  text-align: center;
+  font-style: normal;
+  color: ${"#8DD5F1"};
+  cursor: ${"pointer"};
+  width: 110px;
+
+  &:hover {
+    border: ${"1px solid #1657e4"};
+    color: ${"#8DD5F1"};
+  }
+`;
+t(p)`
+  text-decoration: underline;
+`;
+const g = t(r)`
+  border: 1px solid lightgray;
+  margin: 12px 0;
+  padding: 12px;
+`, h = t(r)`
+  width: 80px;
+  height: 80px;
+  padding: 3px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  border: 1px solid #d0d0d0;
+`, c = t.img`
+  width: 72px !important;
+  height: 72px !important;
+  cursor: pointer !important;
+`;
+export {
+  l as FileInput,
+  s as FileInputLabel,
+  c as Img,
+  a as TextArea,
+  h as Thumbnail,
+  g as Wrapper
+};
+//# sourceMappingURL=subjective-styled.js.map

package/dist/features/worksheet/worksheet/worksheet-question/subjective-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subjective-styled.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-question/subjective-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nexport const TextArea = styled.textarea(({ theme }) => {\n  const { BLACK_75, WHITE } = theme.colors;\n\n  return `\n  width: 350px;\n  height: 100px;\n  resize: none;\n  font-size: 16px;\n  font-weight: 400;\n  padding: 10px;\n  cursor: 'text'\n  border: 1px solid ${BLACK_75};\n  border-radius: 3px;\n  background-color: ${WHITE};\n`;\n});\n\nexport const FileInput = styled.input`\n  color: transparent;\n  max-width: 100px;\n  display: none;\n`;\n\nexport const FileInputLabel = styled.label`\n  border: ${`1px solid #8DD5F1`};\n  background: transparent;\n  height: 30px;\n  border-radius: 4px;\n  padding-top: 4px;\n  display: block;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 700;\n  text-align: center;\n  font-style: normal;\n  color: ${'#8DD5F1'};\n  cursor: ${'pointer'};\n  width: 110px;\n\n  &:hover {\n    border: ${'1px solid #1657e4'};\n    color: ${'#8DD5F1'};\n  }\n`;\n\nexport const UnderlinedText = styled(Text)`\n  text-decoration: underline;\n`;\n\nexport const Wrapper = styled(FlexView)`\n  border: 1px solid lightgray;\n  margin: 12px 0;\n  padding: 12px;\n`;\n\nexport const Thumbnail = styled(FlexView)`\n  width: 80px;\n  height: 80px;\n  padding: 3px;\n  margin-right: 10px;\n  margin-bottom: 10px;\n  border: 1px solid #d0d0d0;\n`;\n\nexport const Img = styled.img`\n  width: 72px !important;\n  height: 72px !important;\n  cursor: pointer !important;\n`;\n"],"names":["TextArea","styled","theme","BLACK_75","WHITE","FileInput","FileInputLabel","Text","Wrapper","FlexView","Thumbnail","Img"],"mappings":";;;AAKO,MAAMA,IAAWC,EAAO,SAAS,CAAC,EAAE,OAAAC,QAAY;AACrD,QAAM,EAAE,UAAAC,GAAU,OAAAC,MAAUF,EAAM;AAE3B,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAQaC,CAAQ;AAAA;AAAA,sBAERC,CAAK;AAAA;AAE3B,CAAC,GAEYC,IAAYJ,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBK,IAAiBL,EAAO;AAAA,YACzB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAWpB,SAAS;AAAA,YACR,SAAS;AAAA;AAAA;AAAA;AAAA,cAIP,mBAAmB;AAAA,aACpB,SAAS;AAAA;AAAA;AAIQA,EAAOM,CAAI;AAAA;AAAA;AAI5B,MAAAC,IAAUP,EAAOQ,CAAQ;AAAA;AAAA;AAAA;AAAA,GAMzBC,IAAYT,EAAOQ,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS3BE,IAAMV,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/worksheet/worksheet/worksheet-question/system-intros/advanced-practice-intro.js

@@ -0,0 +1,12 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { memo as t } from "react";
+import e from "../../../../ui/text/text.js";
+import n from "../question-backdrop/question-backdrop.js";
+const d = t(() => /* @__PURE__ */ o(n, { paperColor: "orange", children: [
+  /* @__PURE__ */ r(e, { $renderAs: "quote", $align: "center", $marginBottom: 40, children: "Great work!" }),
+  /* @__PURE__ */ r(e, { $renderAs: "h2", $align: "center", children: "A new challenge awaits!" })
+] }));
+export {
+  d as default
+};
+//# sourceMappingURL=advanced-practice-intro.js.map

package/dist/features/worksheet/worksheet/worksheet-question/system-intros/advanced-practice-intro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-practice-intro.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/system-intros/advanced-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport QuestionBackdrop from '../question-backdrop/question-backdrop';\n\nconst AdvancedPracticeIntro = memo(() => {\n  return (\n    <QuestionBackdrop paperColor=\"orange\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={40}>\n        Great work!\n      </Text>\n      <Text $renderAs=\"h2\" $align=\"center\">\n        A new challenge awaits!\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default AdvancedPracticeIntro;\n"],"names":["AdvancedPracticeIntro","memo","jsxs","QuestionBackdrop","jsx","Text"],"mappings":";;;;AAKM,MAAAA,IAAwBC,EAAK,MAE/B,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAE3D,cAAA,CAAA;AAAA,oBACCA,GAAK,EAAA,WAAU,MAAK,QAAO,UAAS,UAErC,2BAAA;AACF,EAAA,CAAA,CAEH;"}

package/dist/features/worksheet/worksheet/worksheet-question/system-intros/basic-practice-intro.js

@@ -0,0 +1,13 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { memo as t } from "react";
+import e from "../../../../ui/text/text.js";
+import i from "../question-backdrop/question-backdrop.js";
+const p = t(() => /* @__PURE__ */ r(i, { paperColor: "yellow", children: /* @__PURE__ */ o(e, { $renderAs: "quote", $align: "center", $marginBottom: 40, children: [
+  "Great job with learning!",
+  /* @__PURE__ */ r("br", {}),
+  "Now it is practice time."
+] }) }));
+export {
+  p as default
+};
+//# sourceMappingURL=basic-practice-intro.js.map

package/dist/features/worksheet/worksheet/worksheet-question/system-intros/basic-practice-intro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-practice-intro.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/system-intros/basic-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport QuestionBackdrop from '../question-backdrop/question-backdrop';\n\nconst BasicPracticeIntro = memo(() => {\n  return (\n    <QuestionBackdrop paperColor=\"yellow\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={40}>\n        Great job with learning!\n        <br />\n        Now it is practice time.\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default BasicPracticeIntro;\n"],"names":["BasicPracticeIntro","memo","jsx","QuestionBackdrop","jsxs","Text"],"mappings":";;;;AAKM,MAAAA,IAAqBC,EAAK,MAE5B,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAAA;AAAA,EAAA;AAAA,oBAExD,MAAG,EAAA;AAAA,EAAE;AAAA,EAER,CAAA,EACF,CAAA,CAEH;"}

package/dist/features/worksheet/worksheet/worksheet-question/system-intros/exit-ticket-intro.js

@@ -0,0 +1,16 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { memo as t } from "react";
+import e from "../../../../ui/text/text.js";
+import n from "../question-backdrop/question-backdrop.js";
+const c = t(() => /* @__PURE__ */ o(n, { paperColor: "purple", children: [
+  /* @__PURE__ */ r(e, { $renderAs: "quote", $align: "center", $marginBottom: 16, children: "Good job on practice!" }),
+  /* @__PURE__ */ o(e, { $renderAs: "h2", $align: "center", children: [
+    "Time to solve a few",
+    /* @__PURE__ */ r("br", {}),
+    "questions on your own!"
+  ] })
+] }));
+export {
+  c as default
+};
+//# sourceMappingURL=exit-ticket-intro.js.map

package/dist/features/worksheet/worksheet/worksheet-question/system-intros/exit-ticket-intro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exit-ticket-intro.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/system-intros/exit-ticket-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport QuestionBackdrop from '../question-backdrop/question-backdrop';\n\nconst ExitTicketIntro = memo(() => {\n  return (\n    <QuestionBackdrop paperColor=\"purple\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={16}>\n        Good job on practice!\n      </Text>\n      <Text $renderAs=\"h2\" $align=\"center\">\n        Time to solve a few\n        <br />\n        questions on your own!\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default ExitTicketIntro;\n"],"names":["ExitTicketIntro","memo","jsxs","QuestionBackdrop","jsx","Text"],"mappings":";;;;AAKM,MAAAA,IAAkBC,EAAK,MAEzB,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA;AAAA,EAAA,gBAAAC,EAACC,KAAK,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAE3D,wBAAA,CAAA;AAAA,EACC,gBAAAH,EAAAG,GAAA,EAAK,WAAU,MAAK,QAAO,UAAS,UAAA;AAAA,IAAA;AAAA,sBAElC,MAAG,EAAA;AAAA,IAAE;AAAA,EAAA,GAER;AACF,EAAA,CAAA,CAEH;"}

package/dist/features/worksheet/worksheet/worksheet-question/system-intros/regular-practice-intro.js

@@ -0,0 +1,13 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { memo as e } from "react";
+import t from "../../../../ui/text/text.js";
+import m from "../question-backdrop/question-backdrop.js";
+const c = e(() => /* @__PURE__ */ r(m, { paperColor: "yellow", children: /* @__PURE__ */ o(t, { $renderAs: "quote", $align: "center", $marginBottom: 40, children: [
+  "Good job!",
+  /* @__PURE__ */ r("br", {}),
+  "Let’s step up for more practice."
+] }) }));
+export {
+  c as default
+};
+//# sourceMappingURL=regular-practice-intro.js.map

package/dist/features/worksheet/worksheet/worksheet-question/system-intros/regular-practice-intro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"regular-practice-intro.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-question/system-intros/regular-practice-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Text from '../../../../ui/text/text';\nimport QuestionBackdrop from '../question-backdrop/question-backdrop';\n\nconst RegularPracticeIntro = memo(() => {\n  return (\n    <QuestionBackdrop paperColor=\"yellow\">\n      <Text $renderAs=\"quote\" $align=\"center\" $marginBottom={40}>\n        Good job!\n        <br />\n        Let’s step up for more practice.\n      </Text>\n    </QuestionBackdrop>\n  );\n});\n\nexport default RegularPracticeIntro;\n"],"names":["RegularPracticeIntro","memo","jsx","QuestionBackdrop","jsxs","Text"],"mappings":";;;;AAKM,MAAAA,IAAuBC,EAAK,MAE9B,gBAAAC,EAACC,GAAiB,EAAA,YAAW,UAC3B,UAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,SAAQ,QAAO,UAAS,eAAe,IAAI,UAAA;AAAA,EAAA;AAAA,oBAExD,MAAG,EAAA;AAAA,EAAE;AAAA,EAER,CAAA,EACF,CAAA,CAEH;"}