eat-js-sdk 1.0.30 → 1.0.31

package/dist/eat-prompt-builder.mjs

@@ -3513,21 +3513,21 @@
         isResultCorrect: (
           /*selectedOptions*/
           ctx[4].length === /*correctAnswersLength*/
-          ctx[6] && /*isResultCorrect*/
-          ctx[12](
+          ctx[5] && /*isResultCorrect*/
+          ctx[13](
             /*selectedOptions*/
             ctx[4],
             /*correctAnswerIds*/
-            ctx[7]
+            ctx[6]
           )
         ),
         isSkipped: (
           /*isSkipped*/
-          ctx[13]()
+          ctx[14]()
         ),
         resultFeedback: (
           /*resultFeedback*/
-          ctx[5]
+          ctx[7]
         )
       }
     });
@@ -3546,20 +3546,20 @@
           promptresult_changes.isFeedbackAlert = /*isPreviewModeInteractive*/
           ctx2[3] ? false : true;
         if (dirty[0] & /*selectedOptions, correctAnswersLength, correctAnswerIds*/
-        208)
+        112)
           promptresult_changes.isResultCorrect = /*selectedOptions*/
           ctx2[4].length === /*correctAnswersLength*/
-          ctx2[6] && /*isResultCorrect*/
-          ctx2[12](
+          ctx2[5] && /*isResultCorrect*/
+          ctx2[13](
             /*selectedOptions*/
             ctx2[4],
             /*correctAnswerIds*/
-            ctx2[7]
+            ctx2[6]
           );
         if (dirty[0] & /*resultFeedback*/
-        32)
+        128)
           promptresult_changes.resultFeedback = /*resultFeedback*/
-          ctx2[5];
+          ctx2[7];
         promptresult.$set(promptresult_changes);
       },
       i(local) {
@@ -3585,7 +3585,7 @@
     let current;
     let each_value = ensure_array_like(Object.values(
       /*options*/
-      ctx[11]
+      ctx[12]
     ));
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
@@ -3624,10 +3624,10 @@
           attr(div0, "class", div0_class_value);
         }
         if (dirty[0] & /*correctAnswersLength, selectedOptions, options, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, handleOptionClick*/
-        18654) {
+        36990) {
           each_value = ensure_array_like(Object.values(
             /*options*/
-            ctx2[11]
+            ctx2[12]
           ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
@@ -3772,11 +3772,11 @@
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (dirty[0] & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
-      140)
+      76)
         show_if = null;
       if (show_if == null)
         show_if = !!/*correctAnswerIds*/
-        (ctx2[7]?.includes(
+        (ctx2[6]?.includes(
           /*option*/
           ctx2[29].id
         ) || /*isPreviewMode*/
@@ -3794,7 +3794,7 @@
         if_block.c();
         attr(span, "aria-hidden", "true");
         attr(span, "class", span_class_value = /*correctAnswerIds*/
-        (ctx[7]?.includes(
+        (ctx[6]?.includes(
           /*option*/
           ctx[29].id
         ) || /*isPreviewMode*/
@@ -3825,8 +3825,8 @@
           if_block.m(span, null);
         }
         if (!current || dirty[0] & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
-        140 && span_class_value !== (span_class_value = /*correctAnswerIds*/
-        (ctx2[7]?.includes(
+        76 && span_class_value !== (span_class_value = /*correctAnswerIds*/
+        (ctx2[6]?.includes(
           /*option*/
           ctx2[29].id
         ) || /*isPreviewMode*/
@@ -4041,7 +4041,7 @@
         /*option*/
         ctx[29].id
       ) && /*correctAnswersLength*/
-      ctx[6] == 1
+      ctx[5] == 1
     );
     let t0;
     let button;
@@ -4053,7 +4053,7 @@
     let show_if_3 = (
       /*isFinished*/
       ctx[1] && /*correctAnswerIds*/
-      ctx[7]?.includes(
+      ctx[6]?.includes(
         /*option*/
         ctx[29].id
       ) && (!/*selectedOptions*/
@@ -4065,7 +4065,7 @@
       ctx[3] || /*isPreviewModeInteractive*/
       ctx[3] && /*selectedOptions*/
       ctx[4].length === /*correctAnswersLength*/
-      ctx[6])
+      ctx[5])
     );
     let t3;
     let commonstringtohtml;
@@ -4074,7 +4074,7 @@
     let show_if_2 = (
       /*isFinished*/
       ctx[1] && /*correctAnswerIds*/
-      ctx[7]?.includes(
+      ctx[6]?.includes(
         /*option*/
         ctx[29].id
       ) && !/*selectedOptions*/
@@ -4085,7 +4085,7 @@
       ctx[3] || /*isPreviewModeInteractive*/
       ctx[3] && /*selectedOptions*/
       ctx[4].length === /*correctAnswersLength*/
-      ctx[6])
+      ctx[5])
     );
     let t5;
     let show_if_1 = (
@@ -4098,12 +4098,12 @@
       ctx[3] || /*isPreviewModeInteractive*/
       ctx[3] && /*selectedOptions*/
       ctx[4].length === /*correctAnswersLength*/
-      ctx[6])
+      ctx[5])
     );
     let t6;
     let show_if = (
       /*correctAnswersLength*/
-      ctx[6] > 1 && (!/*isFinished*/
+      ctx[5] > 1 && (!/*isFinished*/
       ctx[1] && !/*isPreviewModeInteractive*/
       ctx[3] || /*isFinished*/
       ctx[1] && !/*selectedOptions*/
@@ -4111,7 +4111,7 @@
         /*option*/
         ctx[29].id
       ) && !/*correctAnswerIds*/
-      ctx[7].includes(
+      ctx[6].includes(
         /*option*/
         ctx[29].id
       ) || /*isPreviewModeInteractive*/
@@ -4144,7 +4144,7 @@
     function func() {
       return (
         /*func*/
-        ctx[17](
+        ctx[18](
           /*option*/
           ctx[29]
         )
@@ -4153,7 +4153,7 @@
     function click_handler() {
       return (
         /*click_handler*/
-        ctx[18](
+        ctx[19](
           /*option*/
           ctx[29]
         )
@@ -4195,11 +4195,11 @@
         attr(span3, "class", "flex items-center");
         attr(span4, "class", "grow flex items-center justify-between");
         attr(button, "role", button_role_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? "checkbox" : null);
+        ctx[5] > 1 ? "checkbox" : null);
         attr(button, "tabindex", button_tabindex_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? 0 : null);
+        ctx[5] > 1 ? 0 : null);
         attr(button, "aria-checked", button_aria_checked_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? (
+        ctx[5] > 1 ? (
           /*selectedOptions*/
           ctx[4].includes(
             /*option*/
@@ -4230,7 +4230,7 @@
           ctx[29].id
         ) ? "selected" : "") + " " + /*isFinished*/
         (ctx[1] && /*correctAnswerIds*/
-        ctx[7]?.includes(
+        ctx[6]?.includes(
           /*option*/
           ctx[29].id
         ) && (!/*selectedOptions*/
@@ -4242,19 +4242,19 @@
         ctx[3] || /*isPreviewModeInteractive*/
         ctx[3] && /*selectedOptions*/
         ctx[4].length === /*correctAnswersLength*/
-        ctx[6]) ? "missing" : "") + " " + /*isFinished*/
+        ctx[5]) ? "missing" : "") + " " + /*isFinished*/
         ((ctx[1] && !/*isPreviewModeInteractive*/
         ctx[3] || /*isPreviewModeInteractive*/
         ctx[3] && /*selectedOptions*/
         ctx[4].length === /*correctAnswersLength*/
-        ctx[6] || /*isPreviewMode*/
+        ctx[5] || /*isPreviewMode*/
         ctx[2] && !/*isPreviewModeInteractive*/
         ctx[3] && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
           ctx[29].id
         )) && /*correctAnswerIds*/
-        ctx[7].includes(
+        ctx[6].includes(
           /*option*/
           ctx[29].id
         ) ? "correct" : (
@@ -4263,7 +4263,7 @@
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
           ctx[4].length === /*correctAnswersLength*/
-          ctx[6] ? "incorrect" : ""
+          ctx[5] ? "incorrect" : ""
         )) + " " + /*isPreviewModeInteractive*/
         (ctx[3] ? "interactive" : ""));
       },
@@ -4301,14 +4301,14 @@
       p(new_ctx, dirty) {
         ctx = new_ctx;
         if (dirty[0] & /*isFinished, selectedOptions, correctAnswersLength*/
-        82)
+        50)
           show_if_4 = /*isFinished*/
           ctx[1] && /*selectedOptions*/
           ctx[4].includes(
             /*option*/
             ctx[29].id
           ) && /*correctAnswersLength*/
-          ctx[6] == 1;
+          ctx[5] == 1;
         if (show_if_4) {
           if (if_block0) {
             if_block0.p(ctx, dirty);
@@ -4322,10 +4322,10 @@
           if_block0 = null;
         }
         if (dirty[0] & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
-        218)
+        122)
           show_if_3 = /*isFinished*/
           ctx[1] && /*correctAnswerIds*/
-          ctx[7]?.includes(
+          ctx[6]?.includes(
             /*option*/
             ctx[29].id
           ) && (!/*selectedOptions*/
@@ -4337,7 +4337,7 @@
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
           ctx[4].length === /*correctAnswersLength*/
-          ctx[6]);
+          ctx[5]);
         if (show_if_3) {
           if (if_block1) {
           } else {
@@ -4350,10 +4350,10 @@
           if_block1 = null;
         }
         if (dirty[0] & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
-        218)
+        122)
           show_if_2 = /*isFinished*/
           ctx[1] && /*correctAnswerIds*/
-          ctx[7]?.includes(
+          ctx[6]?.includes(
             /*option*/
             ctx[29].id
           ) && !/*selectedOptions*/
@@ -4364,11 +4364,11 @@
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
           ctx[4].length === /*correctAnswersLength*/
-          ctx[6]);
+          ctx[5]);
         if (show_if_2) {
           if (if_block2) {
             if (dirty[0] & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
-            218) {
+            122) {
               transition_in(if_block2, 1);
             }
           } else {
@@ -4385,7 +4385,7 @@
           check_outros();
         }
         if (dirty[0] & /*selectedOptions, isFinished, isPreviewModeInteractive, correctAnswersLength*/
-        90)
+        58)
           show_if_1 = /*selectedOptions*/
           ctx[4].includes(
             /*option*/
@@ -4395,12 +4395,12 @@
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
           ctx[4].length === /*correctAnswersLength*/
-          ctx[6]);
+          ctx[5]);
         if (show_if_1) {
           if (if_block3) {
             if_block3.p(ctx, dirty);
             if (dirty[0] & /*selectedOptions, isFinished, isPreviewModeInteractive, correctAnswersLength*/
-            90) {
+            58) {
               transition_in(if_block3, 1);
             }
           } else {
@@ -4417,9 +4417,9 @@
           check_outros();
         }
         if (dirty[0] & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
-        218)
+        122)
           show_if = /*correctAnswersLength*/
-          ctx[6] > 1 && (!/*isFinished*/
+          ctx[5] > 1 && (!/*isFinished*/
           ctx[1] && !/*isPreviewModeInteractive*/
           ctx[3] || /*isFinished*/
           ctx[1] && !/*selectedOptions*/
@@ -4427,7 +4427,7 @@
             /*option*/
             ctx[29].id
           ) && !/*correctAnswerIds*/
-          ctx[7].includes(
+          ctx[6].includes(
             /*option*/
             ctx[29].id
           ) || /*isPreviewModeInteractive*/
@@ -4436,7 +4436,7 @@
           if (if_block4) {
             if_block4.p(ctx, dirty);
             if (dirty[0] & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
-            218) {
+            122) {
               transition_in(if_block4, 1);
             }
           } else {
@@ -4453,18 +4453,18 @@
           check_outros();
         }
         if (!current || dirty[0] & /*correctAnswersLength*/
-        64 && button_role_value !== (button_role_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? "checkbox" : null)) {
+        32 && button_role_value !== (button_role_value = /*correctAnswersLength*/
+        ctx[5] > 1 ? "checkbox" : null)) {
           attr(button, "role", button_role_value);
         }
         if (!current || dirty[0] & /*correctAnswersLength*/
-        64 && button_tabindex_value !== (button_tabindex_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? 0 : null)) {
+        32 && button_tabindex_value !== (button_tabindex_value = /*correctAnswersLength*/
+        ctx[5] > 1 ? 0 : null)) {
           attr(button, "tabindex", button_tabindex_value);
         }
         if (!current || dirty[0] & /*correctAnswersLength, selectedOptions*/
-        80 && button_aria_checked_value !== (button_aria_checked_value = /*correctAnswersLength*/
-        ctx[6] > 1 ? (
+        48 && button_aria_checked_value !== (button_aria_checked_value = /*correctAnswersLength*/
+        ctx[5] > 1 ? (
           /*selectedOptions*/
           ctx[4].includes(
             /*option*/
@@ -4480,7 +4480,7 @@
           attr(button, "aria-disabled", button_aria_disabled_value);
         }
         if (!current || dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, isPreviewMode, correctAnswerIds, correctAnswersLength*/
-        222 && button_aria_label_value !== (button_aria_label_value = `${(!/*isFinished*/
+        126 && button_aria_label_value !== (button_aria_label_value = `${(!/*isFinished*/
         ctx[1] || /*isPreviewModeInteractive*/
         ctx[3]) && /*selectedOptions*/
         ctx[4].includes(
@@ -4496,7 +4496,7 @@
           attr(button, "aria-label", button_aria_label_value);
         }
         if (!current || dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, isPreviewMode*/
-        222 && button_class_value !== (button_class_value = "group text-left btn-mcq-option " + (!/*isFinished*/
+        126 && button_class_value !== (button_class_value = "group text-left btn-mcq-option " + (!/*isFinished*/
         ctx[1] || /*isPreviewModeInteractive*/
         ctx[3] ? "active:raw-focus-ring-by" : "finished") + " " + /*selectedOptions*/
         (ctx[4].includes(
@@ -4504,7 +4504,7 @@
           ctx[29].id
         ) ? "selected" : "") + " " + /*isFinished*/
         (ctx[1] && /*correctAnswerIds*/
-        ctx[7]?.includes(
+        ctx[6]?.includes(
           /*option*/
           ctx[29].id
         ) && (!/*selectedOptions*/
@@ -4516,19 +4516,19 @@
         ctx[3] || /*isPreviewModeInteractive*/
         ctx[3] && /*selectedOptions*/
         ctx[4].length === /*correctAnswersLength*/
-        ctx[6]) ? "missing" : "") + " " + /*isFinished*/
+        ctx[5]) ? "missing" : "") + " " + /*isFinished*/
         ((ctx[1] && !/*isPreviewModeInteractive*/
         ctx[3] || /*isPreviewModeInteractive*/
         ctx[3] && /*selectedOptions*/
         ctx[4].length === /*correctAnswersLength*/
-        ctx[6] || /*isPreviewMode*/
+        ctx[5] || /*isPreviewMode*/
         ctx[2] && !/*isPreviewModeInteractive*/
         ctx[3] && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
           ctx[29].id
         )) && /*correctAnswerIds*/
-        ctx[7].includes(
+        ctx[6].includes(
           /*option*/
           ctx[29].id
         ) ? "correct" : (
@@ -4537,7 +4537,7 @@
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
           ctx[4].length === /*correctAnswersLength*/
-          ctx[6] ? "incorrect" : ""
+          ctx[5] ? "incorrect" : ""
         )) + " " + /*isPreviewModeInteractive*/
         (ctx[3] ? "interactive" : ""))) {
           attr(button, "class", button_class_value);
@@ -4587,11 +4587,11 @@
     let current;
     let if_block0 = (
       /*isFeedbackShown*/
-      ctx[15] && create_if_block_82(ctx)
+      ctx[8] && create_if_block_82(ctx)
     );
     let if_block1 = (
       /*options*/
-      ctx[11] && create_if_block5(ctx)
+      ctx[12] && create_if_block5(ctx)
     );
     return {
       c() {
@@ -4617,12 +4617,30 @@
       p(ctx2, dirty) {
         if (
           /*isFeedbackShown*/
-          ctx2[15]
-        )
-          if_block0.p(ctx2, dirty);
+          ctx2[8]
+        ) {
+          if (if_block0) {
+            if_block0.p(ctx2, dirty);
+            if (dirty[0] & /*isFeedbackShown*/
+            256) {
+              transition_in(if_block0, 1);
+            }
+          } else {
+            if_block0 = create_if_block_82(ctx2);
+            if_block0.c();
+            transition_in(if_block0, 1);
+            if_block0.m(div, null);
+          }
+        } else if (if_block0) {
+          group_outros();
+          transition_out(if_block0, 1, 1, () => {
+            if_block0 = null;
+          });
+          check_outros();
+        }
         if (
           /*options*/
-          ctx2[11]
+          ctx2[12]
         )
           if_block1.p(ctx2, dirty);
       },
@@ -4658,16 +4676,16 @@
       props: {
         rubric: (
           /*rubric*/
-          ctx[8].text
+          ctx[9].text
         ),
         prompt: (
           /*prompt*/
-          ctx[10]
+          ctx[11]
         ),
         interactionType: INTERACTION_TYPE_MCQ,
         stimulus: (
           /*stimulus*/
-          ctx[9]
+          ctx[10]
         ),
         $$slots: { default: [create_default_slot] },
         $$scope: { ctx }
@@ -4683,8 +4701,8 @@
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*correctAnswersLength, selectedOptions, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, isDataSaving, resultFeedback*/
-        255 | dirty[1] & /*$$scope*/
+        if (dirty[0] & /*correctAnswersLength, selectedOptions, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, isDataSaving, resultFeedback, isFeedbackShown*/
+        511 | dirty[1] & /*$$scope*/
         2) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
@@ -4706,6 +4724,7 @@
     };
   }
   function instance5($$self, $$props, $$invalidate) {
+    let isFeedbackShown;
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
@@ -4730,7 +4749,7 @@
     }
     const getFeedback = () => {
       const { correct: correctFeedback, incorrect: incorrectFeedback } = feedback;
-      $$invalidate(5, resultFeedback = isResultCorrect(selectedOptions, correctAnswerIds) ? correctFeedback : incorrectFeedback);
+      $$invalidate(7, resultFeedback = isResultCorrect(selectedOptions, correctAnswerIds) ? correctFeedback : incorrectFeedback);
     };
     const isResultCorrect = (selectedOptions2, correctAnswerIds2) => {
       return selectedOptions2.length > 0 && correctAnswerIds2.every((option) => selectedOptions2.includes(option));
@@ -4787,8 +4806,8 @@
         });
       }
       if (isPreviewModeInteractive) {
-        interactiveHasAnswered = true;
-        $$invalidate(5, resultFeedback = null);
+        $$invalidate(17, interactiveHasAnswered = true);
+        $$invalidate(7, resultFeedback = null);
         if (correctAnswersLength === selectedOptions.length) {
           setTimeout(
             () => {
@@ -4799,7 +4818,6 @@
         }
       }
     };
-    const isFeedbackShown = isFinished && !isPreviewModeInteractive && (!isResultCorrect(selectedOptions, correctAnswerIds) || !selectedOptions.length) || isPreviewModeInteractive && (selectedOptions.length === correctAnswersLength || !selectedOptions.length && interactiveHasAnswered);
     const func = (option) => {
       if (isFinished && !isPreviewMode && !isPreviewModeInteractive) {
         if (correctAnswerIds.includes(option.id)) {
@@ -4833,15 +4851,23 @@
       if ("isPreviewModeInteractive" in $$props2)
         $$invalidate(3, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
     };
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, interactiveHasAnswered*/
+      131194) {
+        $:
+          $$invalidate(8, isFeedbackShown = isFinished && !isPreviewModeInteractive && (!isResultCorrect(selectedOptions, correctAnswerIds) || !selectedOptions.length) || isPreviewModeInteractive && (selectedOptions.length === correctAnswersLength || !selectedOptions.length && interactiveHasAnswered));
+      }
+    };
     return [
       isDataSaving,
       isFinished,
       isPreviewMode,
       isPreviewModeInteractive,
       selectedOptions,
-      resultFeedback,
       correctAnswersLength,
       correctAnswerIds,
+      resultFeedback,
+      isFeedbackShown,
       rubric,
       stimulus,
       prompt,
@@ -4849,8 +4875,8 @@
       isResultCorrect,
       isSkipped,
       handleOptionClick,
-      isFeedbackShown,
       sessionData,
+      interactiveHasAnswered,
       func,
       click_handler
     ];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eat-js-sdk",
-    "version": "1.0.30",
+    "version": "1.0.31",
     "change version": "1.0.6",
     "description": "Authoring tool frontend SDK",
     "contributors": [