eat-js-sdk 1.0.5 → 1.0.7

package/dist/eat-prompt-builder.mjs

@@ -4367,13 +4367,13 @@
           textarea,
           "aria-label",
           /*textAriaLabel*/
-          ctx[16]
+          ctx[18]
         );
         attr(
           textarea,
           "placeholder",
           /*placeholder*/
-          ctx[9]
+          ctx[11]
         );
         attr(textarea, "rows", "3");
         attr(textarea, "class", textarea_class_value = "typein-textbox overflow-hidden " + (!/*isFinished*/
@@ -4385,14 +4385,14 @@
         ctx[2];
         attr(textarea, "autocomplete", "off");
         textarea.readOnly = /*isReadonlyText*/
-        ctx[23];
+        ctx[25];
       },
       m(target, anchor) {
         insert(target, textarea, anchor);
         set_input_value(
           textarea,
           /*typeinAnswer*/
-          ctx[5]
+          ctx[7]
         );
         if (!mounted) {
           dispose = [
@@ -4440,21 +4440,21 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*textAriaLabel*/
-        65536) {
+        262144) {
           attr(
             textarea,
             "aria-label",
             /*textAriaLabel*/
-            ctx2[16]
+            ctx2[18]
           );
         }
         if (dirty[0] & /*placeholder*/
-        512) {
+        2048) {
           attr(
             textarea,
             "placeholder",
             /*placeholder*/
-            ctx2[9]
+            ctx2[11]
           );
         }
         if (dirty[0] & /*isFinished, isResultCorrect*/
@@ -4471,11 +4471,11 @@
           ctx2[2];
         }
         if (dirty[0] & /*typeinAnswer*/
-        32) {
+        128) {
           set_input_value(
             textarea,
             /*typeinAnswer*/
-            ctx2[5]
+            ctx2[7]
           );
         }
       },
@@ -4504,13 +4504,13 @@
           input,
           "aria-label",
           /*textAriaLabel*/
-          ctx[16]
+          ctx[18]
         );
         attr(
           input,
           "placeholder",
           /*placeholder*/
-          ctx[9]
+          ctx[11]
         );
         attr(input, "class", input_class_value = "typein-textbox " + (!/*isFinished*/
         ctx[0] ? "" : (
@@ -4521,14 +4521,14 @@
         ctx[2];
         attr(input, "autocomplete", "off");
         input.readOnly = /*isReadonlyText*/
-        ctx[23];
+        ctx[25];
       },
       m(target, anchor) {
         insert(target, input, anchor);
         set_input_value(
           input,
           /*typeinAnswer*/
-          ctx[5]
+          ctx[7]
         );
         if (!mounted) {
           dispose = [
@@ -4556,21 +4556,21 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*textAriaLabel*/
-        65536) {
+        262144) {
           attr(
             input,
             "aria-label",
             /*textAriaLabel*/
-            ctx2[16]
+            ctx2[18]
           );
         }
         if (dirty[0] & /*placeholder*/
-        512) {
+        2048) {
           attr(
             input,
             "placeholder",
             /*placeholder*/
-            ctx2[9]
+            ctx2[11]
           );
         }
         if (dirty[0] & /*isFinished, isResultCorrect*/
@@ -4587,12 +4587,12 @@
           ctx2[2];
         }
         if (dirty[0] & /*typeinAnswer*/
-        32 && input.value !== /*typeinAnswer*/
-        ctx2[5]) {
+        128 && input.value !== /*typeinAnswer*/
+        ctx2[7]) {
           set_input_value(
             input,
             /*typeinAnswer*/
-            ctx2[5]
+            ctx2[7]
           );
         }
       },
@@ -4617,7 +4617,7 @@
     function select_block_type_1(ctx2, dirty) {
       if (
         /*inlinePromptString*/
-        ctx2[11]
+        ctx2[13]
       )
         return 0;
       return 1;
@@ -4719,7 +4719,7 @@
       props: {
         htmlString: (
           /*inlinePromptString*/
-          ctx[11]
+          ctx[13]
         ),
         otherClass: "inline-typein-container mt-6"
       }
@@ -4749,9 +4749,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*inlinePromptString*/
-        2048)
+        8192)
           commonstringtohtml_changes.htmlString = /*inlinePromptString*/
-          ctx2[11];
+          ctx2[13];
         commonstringtohtml.$set(commonstringtohtml_changes);
         if (!current || dirty[0] & /*isDataSaving*/
         4 && div2_class_value !== (div2_class_value = "absolute inset-0 bg-transparent " + /*isDataSaving*/
@@ -4790,12 +4790,12 @@
     let if_block2_anchor;
     let current;
     let if_block0 = !/*isInlineTypein*/
-    ctx[22] && create_if_block_52(ctx);
+    ctx[24] && create_if_block_52(ctx);
     const if_block_creators = [create_if_block_43, create_else_block_1];
     const if_blocks = [];
     function select_block_type_3(ctx2, dirty) {
       if (!/*isInlineTypein*/
-      ctx2[22])
+      ctx2[24])
         return 0;
       return 1;
     }
@@ -4803,7 +4803,9 @@
     if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     let if_block2 = (
       /*isInlineTypein*/
-      ctx[22] && create_if_block_16(ctx)
+      ctx[24] && (!/*isPreviewMode*/
+      ctx[3] || /*isPreviewModeInteractive*/
+      ctx[4]) && create_if_block_16(ctx)
     );
     return {
       c() {
@@ -4829,14 +4831,34 @@
       },
       p(ctx2, dirty) {
         if (!/*isInlineTypein*/
-        ctx2[22])
+        ctx2[24])
           if_block0.p(ctx2, dirty);
         if_block1.p(ctx2, dirty);
         if (
           /*isInlineTypein*/
-          ctx2[22]
-        )
-          if_block2.p(ctx2, dirty);
+          ctx2[24] && (!/*isPreviewMode*/
+          ctx2[3] || /*isPreviewModeInteractive*/
+          ctx2[4])
+        ) {
+          if (if_block2) {
+            if_block2.p(ctx2, dirty);
+            if (dirty[0] & /*isPreviewMode, isPreviewModeInteractive*/
+            24) {
+              transition_in(if_block2, 1);
+            }
+          } else {
+            if_block2 = create_if_block_16(ctx2);
+            if_block2.c();
+            transition_in(if_block2, 1);
+            if_block2.m(if_block2_anchor.parentNode, if_block2_anchor);
+          }
+        } else if (if_block2) {
+          group_outros();
+          transition_out(if_block2, 1, 1, () => {
+            if_block2 = null;
+          });
+          check_outros();
+        }
       },
       i(local) {
         if (current)
@@ -4898,14 +4920,14 @@
         span1 = element("span");
         t1 = text(
           /*resultLabel*/
-          ctx[10]
+          ctx[12]
         );
         attr(span0, "class", span0_class_value = /*isResultCorrect*/
         (ctx[1] ? "text-green-800" : "text-red-800") + " mr-2 p-0.5");
         attr(span1, "class", "p2");
         attr(div, "aria-hidden", "true");
         attr(div, "class", div_class_value = "flex items-center text-charcoal " + /*typeinType*/
-        (ctx[21] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
+        (ctx[23] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -4940,11 +4962,11 @@
           attr(span0, "class", span0_class_value);
         }
         if (!current || dirty[0] & /*resultLabel*/
-        1024)
+        4096)
           set_data(
             t1,
             /*resultLabel*/
-            ctx2[10]
+            ctx2[12]
           );
       },
       i(local) {
@@ -5030,22 +5052,22 @@
         ),
         resultFeedback: (
           /*isSkippedAnswer*/
-          ctx[8] ? "" : (
+          ctx[10] ? "" : (
             /*resultFeedback*/
-            ctx[6]
+            ctx[8]
           )
         ),
         isSkipped: (
           /*isSkippedAnswer*/
-          ctx[8]
+          ctx[10]
         ),
         hasIcon: !/*isResultCorrect*/
         ctx[1] || /*isSkippedAnswer*/
-        ctx[8],
+        ctx[10],
         resultFeedbackTitle: (
           /*isResultCorrect*/
           ctx[1] || /*isSkippedAnswer*/
-          ctx[8] ? "" : "Why they got it wrong"
+          ctx[10] ? "" : "Why they got it wrong"
         )
       }
     });
@@ -5064,26 +5086,26 @@
           promptresultv2_changes.isResultCorrect = /*isResultCorrect*/
           ctx2[1];
         if (dirty[0] & /*isSkippedAnswer, resultFeedback*/
-        320)
+        1280)
           promptresultv2_changes.resultFeedback = /*isSkippedAnswer*/
-          ctx2[8] ? "" : (
+          ctx2[10] ? "" : (
             /*resultFeedback*/
-            ctx2[6]
+            ctx2[8]
           );
         if (dirty[0] & /*isSkippedAnswer*/
-        256)
+        1024)
           promptresultv2_changes.isSkipped = /*isSkippedAnswer*/
-          ctx2[8];
+          ctx2[10];
         if (dirty[0] & /*isResultCorrect, isSkippedAnswer*/
-        258)
+        1026)
           promptresultv2_changes.hasIcon = !/*isResultCorrect*/
           ctx2[1] || /*isSkippedAnswer*/
-          ctx2[8];
+          ctx2[10];
         if (dirty[0] & /*isResultCorrect, isSkippedAnswer*/
-        258)
+        1026)
           promptresultv2_changes.resultFeedbackTitle = /*isResultCorrect*/
           ctx2[1] || /*isSkippedAnswer*/
-          ctx2[8] ? "" : "Why they got it wrong";
+          ctx2[10] ? "" : "Why they got it wrong";
         promptresultv2.$set(promptresultv2_changes);
       },
       i(local) {
@@ -5112,7 +5134,7 @@
         ),
         resultFeedback: (
           /*resultFeedback*/
-          ctx[6]
+          ctx[8]
         )
       }
     });
@@ -5131,9 +5153,9 @@
           promptresult_changes.isResultCorrect = /*isResultCorrect*/
           ctx2[1];
         if (dirty[0] & /*resultFeedback*/
-        64)
+        256)
           promptresult_changes.resultFeedback = /*resultFeedback*/
-          ctx2[6];
+          ctx2[8];
         promptresult.$set(promptresult_changes);
       },
       i(local) {
@@ -5156,7 +5178,7 @@
     let current;
     let each_value = ensure_array_like(
       /*correctAnswerData*/
-      ctx[14]
+      ctx[16]
     );
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
@@ -5183,10 +5205,10 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*inlineIteration, inlineAnswerResult, correctAnswerDataLength, sessionId, inlineTypeinAnswer, correctAnswerData*/
-        188552) {
+        754208) {
           each_value = ensure_array_like(
             /*correctAnswerData*/
-            ctx2[14]
+            ctx2[16]
           );
           let i;
           for (i = 0; i < each_value.length; i += 1) {
@@ -5243,7 +5265,7 @@
     function select_block_type_4(ctx2, dirty) {
       if (
         /*inlineAnswerResult*/
-        ctx2[13][
+        ctx2[15][
           /*itemIndex*/
           ctx2[60]
         ]
@@ -5259,7 +5281,7 @@
         span0 = element("span");
         if_block.c();
         attr(span0, "class", span0_class_value = /*inlineAnswerResult*/
-        (ctx[13][
+        (ctx[15][
           /*itemIndex*/
           ctx[60]
         ] ? "text-green-900" : "text-red-900") + " p-0.5");
@@ -5290,8 +5312,8 @@
           if_block.m(span0, null);
         }
         if (!current || dirty[0] & /*inlineAnswerResult*/
-        8192 && span0_class_value !== (span0_class_value = /*inlineAnswerResult*/
-        (ctx2[13][
+        32768 && span0_class_value !== (span0_class_value = /*inlineAnswerResult*/
+        (ctx2[15][
           /*itemIndex*/
           ctx2[60]
         ] ? "text-green-900" : "text-red-900") + " p-0.5")) {
@@ -5445,7 +5467,7 @@
           /*iterationIndex*/
           ctx[63]
         ) && /*inlineAnswerResult*/
-        ctx[13][
+        ctx[15][
           /*itemIndex*/
           ctx[60]
         ] ? "hidden md:block" : ""));
@@ -5453,15 +5475,15 @@
         attr(span1, "class", "absolute font-semibold text-base leading-[19px] text-charcoal px-3 inline-block top-1/2 -translate-y-1/2 -mt-0.5");
         attr(label, "for", label_for_value = `${/*iterationIndex*/
         ctx[63]}-${/*sessionId*/
-        ctx[3]}-${/*itemIndex*/
+        ctx[5]}-${/*itemIndex*/
         ctx[60]}`);
         attr(label, "class", label_class_value = "absolute left-0 top-[13px] bottom-0 " + /*correctAnswerDataLength*/
-        (ctx[15] > 1 && !useIsEven(
+        (ctx[17] > 1 && !useIsEven(
           /*iterationIndex*/
           ctx[63]
         ) ? "hidden md:inline-block" : (
           /*correctAnswerDataLength*/
-          ctx[15] > 1 && useIsEven(
+          ctx[17] > 1 && useIsEven(
             /*iterationIndex*/
             ctx[63]
           ) ? "" : "hidden"
@@ -5474,25 +5496,25 @@
           /*iterationIndex*/
           ctx[63]
         ) && /*inlineAnswerResult*/
-        ctx[13][
+        ctx[15][
           /*itemIndex*/
           ctx[60]
         ] ? " (Correct)" : useIsEven(
           /*iterationIndex*/
           ctx[63]
         ) && !/*inlineAnswerResult*/
-        ctx[13][
+        ctx[15][
           /*itemIndex*/
           ctx[60]
         ] ? " (Incorrect)" : ""}, Item number ${/*itemIndex*/
         ctx[60] + 1}:`);
         attr(textarea, "class", textarea_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
-        (ctx[15] > 1 && !useIsEven(
+        (ctx[17] > 1 && !useIsEven(
           /*iterationIndex*/
           ctx[63]
         ) ? "md:pl-13.2" : (
           /*correctAnswerDataLength*/
-          ctx[15] > 1 && useIsEven(
+          ctx[17] > 1 && useIsEven(
             /*iterationIndex*/
             ctx[63]
           ) ? "pl-13.2" : ""
@@ -5503,27 +5525,27 @@
           /*iterationIndex*/
           ctx[63]
         ) && /*inlineAnswerResult*/
-        ctx[13][
+        ctx[15][
           /*itemIndex*/
           ctx[60]
         ] ? "border-2 border-green-900" : useIsEven(
           /*iterationIndex*/
           ctx[63]
         ) && !/*inlineAnswerResult*/
-        ctx[13][
+        ctx[15][
           /*itemIndex*/
           ctx[60]
         ] ? "border-2 border-red-900 bg-red-50" : ""));
         attr(textarea, "id", textarea_id_value = `${/*iterationIndex*/
         ctx[63]}-${/*sessionId*/
-        ctx[3]}-${/*itemIndex*/
+        ctx[5]}-${/*itemIndex*/
         ctx[60]}`);
         textarea.value = textarea_value_value = useIsEven(
           /*iterationIndex*/
           ctx[63]
         ) ? (
           /*inlineTypeinAnswer*/
-          ctx[7][
+          ctx[9][
             /*itemIndex*/
             ctx[60]
           ] || "No answer provided"
@@ -5537,7 +5559,7 @@
           /*iterationIndex*/
           ctx[63]
         ) && /*inlineAnswerResult*/
-        ctx[13][
+        ctx[15][
           /*itemIndex*/
           ctx[60]
         ] ? "-1" : "");
@@ -5545,7 +5567,7 @@
           /*iterationIndex*/
           ctx[63]
         ) && /*inlineAnswerResult*/
-        ctx[13][
+        ctx[15][
           /*itemIndex*/
           ctx[60]
         ] ? "hidden md:block" : ""));
@@ -5578,7 +5600,7 @@
       },
       p(ctx2, dirty) {
         if (!current || dirty[0] & /*inlineAnswerResult*/
-        8192 && p_class_value !== (p_class_value = "text-base text-charcoal font-semibold " + (useIsEven(
+        32768 && p_class_value !== (p_class_value = "text-base text-charcoal font-semibold " + (useIsEven(
           /*iterationIndex*/
           ctx2[63]
         ) && /*itemIndex*/
@@ -5597,27 +5619,27 @@
           /*iterationIndex*/
           ctx2[63]
         ) && /*inlineAnswerResult*/
-        ctx2[13][
+        ctx2[15][
           /*itemIndex*/
           ctx2[60]
         ] ? "hidden md:block" : ""))) {
           attr(p, "class", p_class_value);
         }
         if (!current || dirty[0] & /*sessionId*/
-        8 && label_for_value !== (label_for_value = `${/*iterationIndex*/
+        32 && label_for_value !== (label_for_value = `${/*iterationIndex*/
         ctx2[63]}-${/*sessionId*/
-        ctx2[3]}-${/*itemIndex*/
+        ctx2[5]}-${/*itemIndex*/
         ctx2[60]}`)) {
           attr(label, "for", label_for_value);
         }
         if (!current || dirty[0] & /*correctAnswerDataLength*/
-        32768 && label_class_value !== (label_class_value = "absolute left-0 top-[13px] bottom-0 " + /*correctAnswerDataLength*/
-        (ctx2[15] > 1 && !useIsEven(
+        131072 && label_class_value !== (label_class_value = "absolute left-0 top-[13px] bottom-0 " + /*correctAnswerDataLength*/
+        (ctx2[17] > 1 && !useIsEven(
           /*iterationIndex*/
           ctx2[63]
         ) ? "hidden md:inline-block" : (
           /*correctAnswerDataLength*/
-          ctx2[15] > 1 && useIsEven(
+          ctx2[17] > 1 && useIsEven(
             /*iterationIndex*/
             ctx2[63]
           ) ? "" : "hidden"
@@ -5625,21 +5647,21 @@
           attr(label, "class", label_class_value);
         }
         if (!current || dirty[0] & /*inlineAnswerResult*/
-        8192 && textarea_aria_label_value !== (textarea_aria_label_value = `${useIsEven(
+        32768 && textarea_aria_label_value !== (textarea_aria_label_value = `${useIsEven(
           /*iterationIndex*/
           ctx2[63]
         ) ? `Student's` : "Correct"} answer${useIsEven(
           /*iterationIndex*/
           ctx2[63]
         ) && /*inlineAnswerResult*/
-        ctx2[13][
+        ctx2[15][
           /*itemIndex*/
           ctx2[60]
         ] ? " (Correct)" : useIsEven(
           /*iterationIndex*/
           ctx2[63]
         ) && !/*inlineAnswerResult*/
-        ctx2[13][
+        ctx2[15][
           /*itemIndex*/
           ctx2[60]
         ] ? " (Incorrect)" : ""}, Item number ${/*itemIndex*/
@@ -5647,13 +5669,13 @@
           attr(textarea, "aria-label", textarea_aria_label_value);
         }
         if (!current || dirty[0] & /*correctAnswerDataLength, inlineAnswerResult*/
-        40960 && textarea_class_value !== (textarea_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
-        (ctx2[15] > 1 && !useIsEven(
+        163840 && textarea_class_value !== (textarea_class_value = "typein-textbox py-[9px] pr-4 mt-4 " + /*correctAnswerDataLength*/
+        (ctx2[17] > 1 && !useIsEven(
           /*iterationIndex*/
           ctx2[63]
         ) ? "md:pl-13.2" : (
           /*correctAnswerDataLength*/
-          ctx2[15] > 1 && useIsEven(
+          ctx2[17] > 1 && useIsEven(
             /*iterationIndex*/
             ctx2[63]
           ) ? "pl-13.2" : ""
@@ -5664,33 +5686,33 @@
           /*iterationIndex*/
           ctx2[63]
         ) && /*inlineAnswerResult*/
-        ctx2[13][
+        ctx2[15][
           /*itemIndex*/
           ctx2[60]
         ] ? "border-2 border-green-900" : useIsEven(
           /*iterationIndex*/
           ctx2[63]
         ) && !/*inlineAnswerResult*/
-        ctx2[13][
+        ctx2[15][
           /*itemIndex*/
           ctx2[60]
         ] ? "border-2 border-red-900 bg-red-50" : ""))) {
           attr(textarea, "class", textarea_class_value);
         }
         if (!current || dirty[0] & /*sessionId*/
-        8 && textarea_id_value !== (textarea_id_value = `${/*iterationIndex*/
+        32 && textarea_id_value !== (textarea_id_value = `${/*iterationIndex*/
         ctx2[63]}-${/*sessionId*/
-        ctx2[3]}-${/*itemIndex*/
+        ctx2[5]}-${/*itemIndex*/
         ctx2[60]}`)) {
           attr(textarea, "id", textarea_id_value);
         }
         if (!current || dirty[0] & /*inlineTypeinAnswer, correctAnswerData*/
-        16512 && textarea_value_value !== (textarea_value_value = useIsEven(
+        66048 && textarea_value_value !== (textarea_value_value = useIsEven(
           /*iterationIndex*/
           ctx2[63]
         ) ? (
           /*inlineTypeinAnswer*/
-          ctx2[7][
+          ctx2[9][
             /*itemIndex*/
             ctx2[60]
           ] || "No answer provided"
@@ -5701,11 +5723,11 @@
           textarea.value = textarea_value_value;
         }
         if (!current || dirty[0] & /*inlineAnswerResult*/
-        8192 && textarea_tabindex_value !== (textarea_tabindex_value = !useIsEven(
+        32768 && textarea_tabindex_value !== (textarea_tabindex_value = !useIsEven(
           /*iterationIndex*/
           ctx2[63]
         ) && /*inlineAnswerResult*/
-        ctx2[13][
+        ctx2[15][
           /*itemIndex*/
           ctx2[60]
         ] ? "-1" : "")) {
@@ -5714,11 +5736,11 @@
         if (show_if)
           if_block.p(ctx2, dirty);
         if (!current || dirty[0] & /*inlineAnswerResult*/
-        8192 && div0_class_value !== (div0_class_value = "h-fit relative " + (!useIsEven(
+        32768 && div0_class_value !== (div0_class_value = "h-fit relative " + (!useIsEven(
           /*iterationIndex*/
           ctx2[63]
         ) && /*inlineAnswerResult*/
-        ctx2[13][
+        ctx2[15][
           /*itemIndex*/
           ctx2[60]
         ] ? "hidden md:block" : ""))) {
@@ -5752,7 +5774,7 @@
     let current;
     let each_value_1 = ensure_array_like(
       /*inlineIteration*/
-      ctx[17]
+      ctx[19]
     );
     let each_blocks = [];
     for (let i = 0; i < each_value_1.length; i += 1) {
@@ -5782,10 +5804,10 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*inlineAnswerResult, correctAnswerDataLength, sessionId, inlineTypeinAnswer, correctAnswerData*/
-        57480) {
+        229920) {
           each_value_1 = ensure_array_like(
             /*inlineIteration*/
-            ctx2[17]
+            ctx2[19]
           );
           let i;
           for (i = 0; i < each_value_1.length; i += 1) {
@@ -5841,12 +5863,12 @@
     function select_block_type(ctx2, dirty) {
       if (
         /*isInlineTypein*/
-        ctx2[22]
+        ctx2[24]
       )
         return 0;
       if (
         /*typeinType*/
-        ctx2[21] === TYPEIN_TYPE_SHORT
+        ctx2[23] === TYPEIN_TYPE_SHORT
       )
         return 1;
       return 2;
@@ -5929,20 +5951,20 @@
       props: {
         rubric: (
           /*rubric*/
-          ctx[18].text
+          ctx[20].text
         ),
         prompt: (
           /*prompt*/
-          ctx[20]
+          ctx[22]
         ),
         interactionType: INTERACTION_TYPE_TYPEIN,
         stimulus: (
           /*stimulus*/
-          ctx[19]
+          ctx[21]
         ),
         hasDivider: (
           /*hasDivider*/
-          ctx[12]
+          ctx[14]
         ),
         $$slots: { default: [create_default_slot2] },
         $$scope: { ctx }
@@ -5959,11 +5981,11 @@
       p(ctx2, dirty) {
         const promptbody_changes = {};
         if (dirty[0] & /*hasDivider*/
-        4096)
+        16384)
           promptbody_changes.hasDivider = /*hasDivider*/
-          ctx2[12];
-        if (dirty[0] & /*correctAnswerData, inlineAnswerResult, correctAnswerDataLength, sessionId, inlineTypeinAnswer, isResultCorrect, resultFeedback, isSkippedAnswer, resultLabel, isFinished, isDataSaving, root, inlinePromptString, textAriaLabel, placeholder, typeinAnswer*/
-        126975 | dirty[2] & /*$$scope*/
+          ctx2[14];
+        if (dirty[0] & /*correctAnswerData, inlineAnswerResult, correctAnswerDataLength, sessionId, inlineTypeinAnswer, isPreviewMode, isPreviewModeInteractive, isResultCorrect, resultFeedback, isSkippedAnswer, resultLabel, isFinished, isDataSaving, root, inlinePromptString, textAriaLabel, placeholder, typeinAnswer*/
+        507903 | dirty[2] & /*$$scope*/
         4) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
@@ -6054,26 +6076,26 @@
       const rawAnswer = useJoinArrayToString(inlineTypeinAnswer);
       const input = root.querySelector(`#${id}`);
       const arrayId = id.split("-")[2] - 1;
-      $$invalidate(7, inlineTypeinAnswer[arrayId] = input.value, inlineTypeinAnswer);
+      $$invalidate(9, inlineTypeinAnswer[arrayId] = input.value, inlineTypeinAnswer);
       const latestAnswer2 = useJoinArrayToString(inlineTypeinAnswer);
       if (latestAnswer2 === rawAnswer || isDataSaving)
         return;
       const allEmpty = inlineTypeinAnswer.every((value) => value === "");
       if (isPreviewModeInteractive) {
         const allAnswered = inlineTypeinAnswer.every((value) => value !== "");
-        $$invalidate(8, isSkippedAnswer = false);
+        $$invalidate(10, isSkippedAnswer = false);
         if (isInteractiveTriggeredResult && allEmpty) {
-          $$invalidate(8, isSkippedAnswer = true);
+          $$invalidate(10, isSkippedAnswer = true);
         }
         if (allAnswered || isInteractiveTriggeredResult) {
           $$invalidate(1, isResultCorrect = false);
-          const { is_single_mark: isSingleMark } = interaction;
+          const { is_single_mark: isSingleMark, allow_non_macrons_as_correct_answer: allowNonMacrons, ignore_punctuation: ignorePunctuation } = interaction;
           const { answer: previewCorrectAnswer } = scoringMetadata;
-          $$invalidate(13, inlineAnswerResult = checkInlineAnswer(previewCorrectAnswer, inlineTypeinAnswer));
+          $$invalidate(15, inlineAnswerResult = checkInlineAnswer(previewCorrectAnswer, inlineTypeinAnswer, allowNonMacrons, ignorePunctuation));
           $$invalidate(1, isResultCorrect = isSingleMark ? !inlineAnswerResult.includes(false) : inlineAnswerResult.includes(true));
           $$invalidate(0, isFinished = true);
-          $$invalidate(14, correctAnswerData = previewCorrectAnswer);
-          $$invalidate(15, correctAnswerDataLength = previewCorrectAnswer.length);
+          $$invalidate(16, correctAnswerData = previewCorrectAnswer);
+          $$invalidate(17, correctAnswerDataLength = previewCorrectAnswer.length);
           getFeedback();
           buildInlinePrompt();
           setTimeout(
@@ -6093,12 +6115,12 @@
     };
     const getFeedback = () => {
       const { correct: correctFeeback, incorrect: incorrectFeedback } = interaction.feedback;
-      $$invalidate(6, resultFeedback = isResultCorrect ? correctFeeback : incorrectFeedback);
+      $$invalidate(8, resultFeedback = isResultCorrect ? correctFeeback : incorrectFeedback);
     };
     const getResultMessage = () => {
-      $$invalidate(10, resultLabel = isResultCorrect ? "Correct" : "Incorrect");
-      $$invalidate(16, textAriaLabel = `Submitted response is ${resultLabel.toLocaleLowerCase()}`);
-      $$invalidate(9, placeholder = isResultCorrect ? placeholder : "No answer provided");
+      $$invalidate(12, resultLabel = isResultCorrect ? "Correct" : "Incorrect");
+      $$invalidate(18, textAriaLabel = `Submitted response is ${resultLabel.toLocaleLowerCase()}`);
+      $$invalidate(11, placeholder = isResultCorrect ? placeholder : "No answer provided");
     };
     const checkInlineAnswer = (correctAnswer, answer, isAllowMacron, isIgnorePunctuation) => {
       const transformedAnswerList = correctAnswer.map((item) => item.map((data) => data.toLowerCase()));
@@ -6110,7 +6132,7 @@
         if (isIgnorePunctuation) {
           inlineAnswer = useRemovePunctuation(inlineAnswer);
         }
-        return transformedAnswerList[index].includes(inlineAnswer.toLowerCase());
+        return transformedAnswerList[index].includes(inlineAnswer.toLowerCase().trim());
       });
     };
     if (isFinished) {
@@ -6135,14 +6157,14 @@
       }
     }
     const resetInteractivePreviewData = () => {
-      $$invalidate(10, resultLabel = "");
-      $$invalidate(16, textAriaLabel = "");
-      $$invalidate(9, placeholder = "");
+      $$invalidate(12, resultLabel = "");
+      $$invalidate(18, textAriaLabel = "");
+      $$invalidate(11, placeholder = "");
       getResultMessage();
       getFeedback();
     };
     const buildInlinePrompt = () => {
-      $$invalidate(12, hasDivider = false);
+      $$invalidate(14, hasDivider = false);
       const { inline_prompt: inlinePrompt } = interaction;
       if (inlinePrompt) {
         let idCounter = 1;
@@ -6151,7 +6173,7 @@
         const isSingleInput = inputCount <= 1;
         const sessionString = sessionId ? sessionId.replace(/-/g, "") : "preview";
         const spacer = '<span class="inline-block w-2 h-4"></span>';
-        $$invalidate(11, inlinePromptString = inlinePrompt.replace(eatRegex, () => {
+        $$invalidate(13, inlinePromptString = inlinePrompt.replace(eatRegex, () => {
           if (isInitialLoad) {
             inlineTypeinAnswer.push("");
           }
@@ -6227,18 +6249,18 @@
     function div0_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         root = $$value;
-        $$invalidate(4, root);
+        $$invalidate(6, root);
       });
     }
     function input_input_handler() {
       typeinAnswer = this.value;
-      $$invalidate(5, typeinAnswer);
+      $$invalidate(7, typeinAnswer);
     }
     const focusout_handler = () => saveAnswer();
     const keydown_handler = (event) => saveOnEnter(event);
     function textarea_input_handler() {
       typeinAnswer = this.value;
-      $$invalidate(5, typeinAnswer);
+      $$invalidate(7, typeinAnswer);
     }
     const mousedown_handler = () => handleClick();
     const touchstart_handler = () => handleClick();
@@ -6247,7 +6269,7 @@
     const keydown_handler_1 = (event) => saveOnEnter(event);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(28, sessionData = $$props2.sessionData);
+        $$invalidate(30, sessionData = $$props2.sessionData);
       if ("isDataSaving" in $$props2)
         $$invalidate(2, isDataSaving = $$props2.isDataSaving);
       if ("isFinished" in $$props2)
@@ -6255,13 +6277,13 @@
       if ("isResultCorrect" in $$props2)
         $$invalidate(1, isResultCorrect = $$props2.isResultCorrect);
       if ("isPreviewMode" in $$props2)
-        $$invalidate(29, isPreviewMode = $$props2.isPreviewMode);
+        $$invalidate(3, isPreviewMode = $$props2.isPreviewMode);
       if ("isPreviewModeInteractive" in $$props2)
-        $$invalidate(30, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+        $$invalidate(4, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
       if ("isPreviewCheckedAnswer" in $$props2)
         $$invalidate(31, isPreviewCheckedAnswer = $$props2.isPreviewCheckedAnswer);
       if ("sessionId" in $$props2)
-        $$invalidate(3, sessionId = $$props2.sessionId);
+        $$invalidate(5, sessionId = $$props2.sessionId);
     };
     $$self.$$.update = () => {
       if ($$self.$$.dirty[1] & /*isPreviewCheckedAnswer*/
@@ -6276,6 +6298,8 @@
       isFinished,
       isResultCorrect,
       isDataSaving,
+      isPreviewMode,
+      isPreviewModeInteractive,
       sessionId,
       root,
       typeinAnswer,
@@ -6302,8 +6326,6 @@
       handleFocus,
       handleClick,
       sessionData,
-      isPreviewMode,
-      isPreviewModeInteractive,
       isPreviewCheckedAnswer,
       div0_binding,
       input_input_handler,
@@ -6327,21 +6349,21 @@
         create_fragment11,
         safe_not_equal,
         {
-          sessionData: 28,
+          sessionData: 30,
           isDataSaving: 2,
           isFinished: 0,
           isResultCorrect: 1,
-          isPreviewMode: 29,
-          isPreviewModeInteractive: 30,
+          isPreviewMode: 3,
+          isPreviewModeInteractive: 4,
           isPreviewCheckedAnswer: 31,
-          sessionId: 3
+          sessionId: 5
         },
         null,
         [-1, -1, -1]
       );
     }
     get sessionData() {
-      return this.$$.ctx[28];
+      return this.$$.ctx[30];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -6369,14 +6391,14 @@
       flush();
     }
     get isPreviewMode() {
-      return this.$$.ctx[29];
+      return this.$$.ctx[3];
     }
     set isPreviewMode(isPreviewMode) {
       this.$$set({ isPreviewMode });
       flush();
     }
     get isPreviewModeInteractive() {
-      return this.$$.ctx[30];
+      return this.$$.ctx[4];
     }
     set isPreviewModeInteractive(isPreviewModeInteractive) {
       this.$$set({ isPreviewModeInteractive });
@@ -6390,7 +6412,7 @@
       flush();
     }
     get sessionId() {
-      return this.$$.ctx[3];
+      return this.$$.ctx[5];
     }
     set sessionId(sessionId) {
       this.$$set({ sessionId });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eat-js-sdk",
-    "version": "1.0.5",
+    "version": "1.0.7",
     "change version": "1.0.1",
     "description": "Authoring tool frontend SDK",
     "contributors": [