eat-js-sdk 0.0.20 → 0.0.21

package/dist/eat-prompt-builder.mjs

@@ -2431,38 +2431,38 @@
               textarea,
               "input",
               /*textarea_input_handler*/
-              ctx[15]
+              ctx[18]
             ),
             listen(
               textarea,
               "mousedown",
               /*mousedown_handler*/
-              ctx[16]
+              ctx[19]
             ),
             listen(
               textarea,
               "touchstart",
               /*touchstart_handler*/
-              ctx[17],
+              ctx[20],
               { passive: true }
             ),
             listen(
               textarea,
               "focus",
               /*focus_handler*/
-              ctx[18]
+              ctx[21]
             ),
             listen(
               textarea,
               "focusout",
               /*focusout_handler_1*/
-              ctx[19]
+              ctx[22]
             ),
             listen(
               textarea,
               "keydown",
               /*keydown_handler_1*/
-              ctx[20]
+              ctx[23]
             ),
             action_destroyer(autosize_action = svelte_autosize_default.call(null, textarea))
           ];
@@ -2542,19 +2542,19 @@
               input,
               "input",
               /*input_input_handler*/
-              ctx[12]
+              ctx[15]
             ),
             listen(
               input,
               "focusout",
               /*focusout_handler*/
-              ctx[13]
+              ctx[16]
             ),
             listen(
               input,
               "keydown",
               /*keydown_handler*/
-              ctx[14]
+              ctx[17]
             )
           ];
           mounted = true;
@@ -2603,7 +2603,7 @@
     function select_block_type(ctx2, dirty) {
       if (
         /*typeinType*/
-        ctx2[6] === TYPEIN_TYPE_SHORT
+        ctx2[8] === TYPEIN_TYPE_SHORT
       )
         return create_if_block_22;
       return create_else_block_1;
@@ -2666,10 +2666,13 @@
           ctx[2]
         ),
         resultFeedbackTitle: (
-          /*isResultCorrect*/
-          ctx[2] ? "Well done!" : "Not quite, but you\u2019re close!"
+          /*resultFeedbackTitle*/
+          ctx[4]
         ),
-        resultFeedback: null
+        resultFeedback: (
+          /*resultFeedback*/
+          ctx[5]
+        )
       }
     });
     return {
@@ -2686,7 +2689,7 @@
         (ctx[2] ? "text-green-800" : "text-red-800") + " mr-2 p-0.5");
         attr(span1, "class", "p2");
         attr(div, "class", div_class_value = "flex items-center text-charcoal " + /*typeinType*/
-        (ctx[6] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
+        (ctx[8] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -2731,10 +2734,14 @@
         4)
           promptresult_changes.isResultCorrect = /*isResultCorrect*/
           ctx2[2];
-        if (dirty & /*isResultCorrect*/
-        4)
-          promptresult_changes.resultFeedbackTitle = /*isResultCorrect*/
-          ctx2[2] ? "Well done!" : "Not quite, but you\u2019re close!";
+        if (dirty & /*resultFeedbackTitle*/
+        16)
+          promptresult_changes.resultFeedbackTitle = /*resultFeedbackTitle*/
+          ctx2[4];
+        if (dirty & /*resultFeedback*/
+        32)
+          promptresult_changes.resultFeedback = /*resultFeedback*/
+          ctx2[5];
         promptresult.$set(promptresult_changes);
       },
       i(local) {
@@ -2822,11 +2829,11 @@
       props: {
         rubric: (
           /*rubric*/
-          ctx[4].text
+          ctx[6].text
         ),
         prompt: (
           /*prompt*/
-          ctx[5]
+          ctx[7]
         ),
         $$slots: { default: [create_default_slot2] },
         $$scope: { ctx }
@@ -2855,7 +2862,7 @@
       p(ctx2, [dirty]) {
         const promptbody_changes = {};
         if (dirty & /*$$scope, isFinished, isResultCorrect, isDataSaving, typeinAnswer*/
-        67108879) {
+        1073741839) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -2913,22 +2920,35 @@
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
     let { isResultCorrect = false } = $$props;
+    let { isPreviewMode = false } = $$props;
     const dispatch = createEventDispatcher();
     let typeinAnswer;
     let latestAnswer = "";
+    let resultFeedbackTitle = "";
+    let resultFeedback = "";
     let focusOrigin = "tab";
-    const { rubric, interaction, metadata } = sessionData;
+    const { rubric, interaction, metadata, scoringMetadata } = sessionData;
     const { prompt, typein_type: typeinType } = interaction;
     if (metadata) {
       const events = metadata.interactions.events.pop();
-      latestAnswer = typeinAnswer = events.answer;
+      latestAnswer = typeinAnswer = events.answer[0];
+    }
+    if (isFinished) {
+      const { answer, hasAnswer } = scoringMetadata;
+      typeinAnswer = answer && hasAnswer ? answer : typeinAnswer;
+      if (!isPreviewMode) {
+        const { correct: correctFeeback, incorrect: incorrectFeedback } = interaction.feedback;
+        const { header, text: text2 } = isResultCorrect ? correctFeeback : incorrectFeedback;
+        resultFeedbackTitle = header;
+        resultFeedback = text2;
+      }
     }
     const saveAnswer = () => {
       focusOrigin = "tab";
       if (isDataSaving || typeinAnswer === latestAnswer || !typeinAnswer && !latestAnswer)
         return;
       latestAnswer = typeinAnswer;
-      dispatch("saveAnswer", { answer: typeinAnswer || "" });
+      dispatch("saveAnswer", { answer: [typeinAnswer || ""] });
     };
     const saveOnEnter = (event) => {
       if (event.key === "Enter") {
@@ -2963,19 +2983,23 @@
     const keydown_handler_1 = (event) => saveOnEnter(event);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(11, sessionData = $$props2.sessionData);
+        $$invalidate(13, sessionData = $$props2.sessionData);
       if ("isDataSaving" in $$props2)
         $$invalidate(0, isDataSaving = $$props2.isDataSaving);
       if ("isFinished" in $$props2)
         $$invalidate(1, isFinished = $$props2.isFinished);
       if ("isResultCorrect" in $$props2)
         $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
+      if ("isPreviewMode" in $$props2)
+        $$invalidate(14, isPreviewMode = $$props2.isPreviewMode);
     };
     return [
       isDataSaving,
       isFinished,
       isResultCorrect,
       typeinAnswer,
+      resultFeedbackTitle,
+      resultFeedback,
       rubric,
       prompt,
       typeinType,
@@ -2984,6 +3008,7 @@
       handleFocus,
       handleClick,
       sessionData,
+      isPreviewMode,
       input_input_handler,
       focusout_handler,
       keydown_handler,
@@ -2999,14 +3024,15 @@
     constructor(options) {
       super();
       init(this, options, instance4, create_fragment6, safe_not_equal, {
-        sessionData: 11,
+        sessionData: 13,
         isDataSaving: 0,
         isFinished: 1,
-        isResultCorrect: 2
+        isResultCorrect: 2,
+        isPreviewMode: 14
       });
     }
     get sessionData() {
-      return this.$$.ctx[11];
+      return this.$$.ctx[13];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -3033,8 +3059,15 @@
       this.$$set({ isResultCorrect });
       flush();
     }
+    get isPreviewMode() {
+      return this.$$.ctx[14];
+    }
+    set isPreviewMode(isPreviewMode) {
+      this.$$set({ isPreviewMode });
+      flush();
+    }
   };
-  customElements.define("prompt-typein", create_custom_element(PromptTypeIn, { "sessionData": {}, "isDataSaving": {}, "isFinished": { "type": "Boolean" }, "isResultCorrect": { "type": "Boolean" } }, [], [], true));
+  customElements.define("prompt-typein", create_custom_element(PromptTypeIn, { "sessionData": {}, "isDataSaving": {}, "isFinished": { "type": "Boolean" }, "isResultCorrect": { "type": "Boolean" }, "isPreviewMode": { "type": "Boolean" } }, [], [], true));
   var PromptTypeIn_default = PromptTypeIn;
 
   // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
@@ -3306,13 +3339,17 @@
         isResultCorrect: (
           /*isResultCorrect*/
           ctx[5]
+        ),
+        isPreviewMode: (
+          /*isPreviewMode*/
+          ctx[6]
         )
       }
     });
     prompttypein.$on(
       "saveAnswer",
       /*saveEvent*/
-      ctx[6]
+      ctx[7]
     );
     return {
       c() {
@@ -3383,7 +3420,7 @@
     promptmcq.$on(
       "saveOption",
       /*saveEvent*/
-      ctx[6]
+      ctx[7]
     );
     return {
       c() {
@@ -3558,12 +3595,17 @@
       try {
         const { data } = await useGet(`sessions/${sessionId}/score`);
         if (data) {
-          const { metadata, has_answer: hasAnswer, scoring } = data[0];
-          const scoringMetadata = {
-            hasAnswer: !!hasAnswer,
-            answerId: metadata.answer[0],
-            correctAnswerId: metadata.correctAnswerId[0]
-          };
+          const { metadata, scoring } = data[0];
+          const { answer, has_answer: hasAnswer } = metadata;
+          let scoringMetadata = { hasAnswer };
+          switch (interactionType) {
+            case INTERACTION_TYPE_MCQ:
+              scoringMetadata = { ...scoringMetadata, answerId: answer[0] };
+              break;
+            case INTERACTION_TYPE_TYPEIN:
+            default:
+              scoringMetadata = { ...scoringMetadata, answer: answer[0] };
+          }
           $$invalidate(0, sessionData = { ...sessionData, scoringMetadata });
           $$invalidate(5, isResultCorrect = scoring.score_earned);
         }
@@ -3576,29 +3618,21 @@
       await getItemData(itemId2, null);
     };
     const setPreviewData = (data) => {
+      let scoringMetadata;
       switch (interactionType) {
         case INTERACTION_TYPE_MCQ:
           const { options } = data.interaction;
           const answerId = Object.values(options).filter((option) => option.correct_choice === true).map((option) => option.id);
-          const scoringMetadata = {
-            hasAnswer: true,
-            answerId: answerId[0],
-            correctAnswerId: answerId[0]
-          };
+          scoringMetadata = { hasAnswer: true, answerId: answerId[0] };
           $$invalidate(0, sessionData = { ...sessionData, scoringMetadata });
         case INTERACTION_TYPE_TYPEIN:
         default:
           const { correct_answer: correctAnswer, typein_type: typeinType } = data.interaction;
-          const metadata = {
-            interactions: {
-              events: [
-                {
-                  answer: typeinType === TYPEIN_TYPE_SHORT ? correctAnswer[0] : correctAnswer[0].answer[0]
-                }
-              ]
-            }
+          scoringMetadata = {
+            hasAnswer: true,
+            answer: typeinType === TYPEIN_TYPE_SHORT ? correctAnswer[0][0] : correctAnswer[0].answer[0]
           };
-          $$invalidate(0, sessionData = { ...sessionData, metadata });
+          $$invalidate(0, sessionData = { ...sessionData, scoringMetadata });
       }
     };
     const saveEvent = async ({ detail }) => {
@@ -3633,6 +3667,7 @@
       interactionType,
       isFinished,
       isResultCorrect,
+      isPreviewMode,
       saveEvent
     ];
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "eat-js-sdk",
-	"version": "0.0.20",
+	"version": "0.0.21",
 	"description": "Authoring tool frontend SDK",
 	"contributors": [
 		{