eat-js-sdk 1.0.25 → 1.0.26

package/dist/eat-prompt-builder.mjs

@@ -2770,20 +2770,26 @@
     let t1;
     let t2;
     let span;
-    let t3;
+    let commonstringtohtml;
     let div1_role_value;
     let div1_class_value;
     let current;
     let if_block0 = (
       /*hasIcon*/
-      ctx[4] && create_if_block_32(ctx)
+      ctx[2] && create_if_block_32(ctx)
     );
     let if_block1 = !/*isFeedbackAlert*/
-    ctx[5] && create_if_block_23(ctx);
+    ctx[3] && create_if_block_23(ctx);
     let if_block2 = (
       /*resultFeedbackTitle*/
       ctx[1] && create_if_block_13(ctx)
     );
+    commonstringtohtml = new CommonStringToHtml_default({
+      props: { htmlString: (
+        /*resultFeedback*/
+        ctx[0]
+      ) }
+    });
     return {
       c() {
         div1 = element("div");
@@ -2798,16 +2804,13 @@
           if_block2.c();
         t2 = space();
         span = element("span");
-        t3 = text(
-          /*resultFeedback*/
-          ctx[0]
-        );
+        create_component(commonstringtohtml.$$.fragment);
         attr(div1, "role", div1_role_value = /*isFeedbackAlert*/
-        ctx[5] ? "alert" : null);
+        ctx[3] ? "alert" : null);
         attr(div1, "class", div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
-        (ctx[3] ? "border-blue-950 bg-blue-50" : (
+        (ctx[5] ? "border-blue-950 bg-blue-50" : (
           /*isResultCorrect*/
-          ctx[2] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
+          ctx[4] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
         )));
       },
       m(target, anchor) {
@@ -2823,18 +2826,18 @@
           if_block2.m(div0, null);
         append(div0, t2);
         append(div0, span);
-        append(span, t3);
+        mount_component(commonstringtohtml, span, null);
         current = true;
       },
       p(ctx2, dirty) {
         if (
           /*hasIcon*/
-          ctx2[4]
+          ctx2[2]
         ) {
           if (if_block0) {
             if_block0.p(ctx2, dirty);
             if (dirty & /*hasIcon*/
-            16) {
+            4) {
               transition_in(if_block0, 1);
             }
           } else {
@@ -2851,7 +2854,7 @@
           check_outros();
         }
         if (!/*isFeedbackAlert*/
-        ctx2[5]) {
+        ctx2[3]) {
           if (if_block1) {
           } else {
             if_block1 = create_if_block_23(ctx2);
@@ -2877,23 +2880,22 @@
           if_block2.d(1);
           if_block2 = null;
         }
-        if (!current || dirty & /*resultFeedback*/
+        const commonstringtohtml_changes = {};
+        if (dirty & /*resultFeedback*/
         1)
-          set_data(
-            t3,
-            /*resultFeedback*/
-            ctx2[0]
-          );
+          commonstringtohtml_changes.htmlString = /*resultFeedback*/
+          ctx2[0];
+        commonstringtohtml.$set(commonstringtohtml_changes);
         if (!current || dirty & /*isFeedbackAlert*/
-        32 && div1_role_value !== (div1_role_value = /*isFeedbackAlert*/
-        ctx2[5] ? "alert" : null)) {
+        8 && div1_role_value !== (div1_role_value = /*isFeedbackAlert*/
+        ctx2[3] ? "alert" : null)) {
           attr(div1, "role", div1_role_value);
         }
         if (!current || dirty & /*isSkipped, isResultCorrect*/
-        12 && div1_class_value !== (div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
-        (ctx2[3] ? "border-blue-950 bg-blue-50" : (
+        48 && div1_class_value !== (div1_class_value = "my-6 p-4 border-l-4 text-charcoal text-base flex " + /*isSkipped*/
+        (ctx2[5] ? "border-blue-950 bg-blue-50" : (
           /*isResultCorrect*/
-          ctx2[2] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
+          ctx2[4] ? "border-green-900 bg-green-300" : "border-red-900 bg-red-50"
         )))) {
           attr(div1, "class", div1_class_value);
         }
@@ -2902,10 +2904,12 @@
         if (current)
           return;
         transition_in(if_block0);
+        transition_in(commonstringtohtml.$$.fragment, local);
         current = true;
       },
       o(local) {
         transition_out(if_block0);
+        transition_out(commonstringtohtml.$$.fragment, local);
         current = false;
       },
       d(detaching) {
@@ -2918,6 +2922,7 @@
           if_block1.d();
         if (if_block2)
           if_block2.d();
+        destroy_component(commonstringtohtml);
       }
     };
   }
@@ -2933,9 +2938,9 @@
         create_component(infosolid.$$.fragment);
         attr(span, "aria-hidden", "true");
         attr(span, "class", span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
-        (ctx[3] ? "text-blue-950" : (
+        (ctx[5] ? "text-blue-950" : (
           /*isResultCorrect*/
-          ctx[2] ? "text-green-900" : "text-red-900"
+          ctx[4] ? "text-green-900" : "text-red-900"
         )));
       },
       m(target, anchor) {
@@ -2945,10 +2950,10 @@
       },
       p(ctx2, dirty) {
         if (!current || dirty & /*isSkipped, isResultCorrect*/
-        12 && span_class_value !== (span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
-        (ctx2[3] ? "text-blue-950" : (
+        48 && span_class_value !== (span_class_value = "h-6 w-6 flex items-center pt-0.5 mr-2 " + /*isSkipped*/
+        (ctx2[5] ? "text-blue-950" : (
           /*isResultCorrect*/
-          ctx2[2] ? "text-green-900" : "text-red-900"
+          ctx2[4] ? "text-green-900" : "text-red-900"
         )))) {
           attr(span, "class", span_class_value);
         }
@@ -3085,29 +3090,29 @@
     };
   }
   function instance4($$self, $$props, $$invalidate) {
-    let { resultFeedback = null } = $$props;
-    let { resultFeedbackTitle = null } = $$props;
-    let { isResultCorrect = true } = $$props;
-    let { isSkipped = false } = $$props;
     let { hasIcon = false } = $$props;
     let { isFeedbackAlert = true } = $$props;
+    let { isResultCorrect = true } = $$props;
+    let { isSkipped = false } = $$props;
+    let { resultFeedback = null } = $$props;
+    let { resultFeedbackTitle = null } = $$props;
     $$self.$$set = ($$props2) => {
+      if ("hasIcon" in $$props2)
+        $$invalidate(2, hasIcon = $$props2.hasIcon);
+      if ("isFeedbackAlert" in $$props2)
+        $$invalidate(3, isFeedbackAlert = $$props2.isFeedbackAlert);
+      if ("isResultCorrect" in $$props2)
+        $$invalidate(4, isResultCorrect = $$props2.isResultCorrect);
+      if ("isSkipped" in $$props2)
+        $$invalidate(5, isSkipped = $$props2.isSkipped);
       if ("resultFeedback" in $$props2)
         $$invalidate(0, resultFeedback = $$props2.resultFeedback);
       if ("resultFeedbackTitle" in $$props2)
         $$invalidate(1, resultFeedbackTitle = $$props2.resultFeedbackTitle);
-      if ("isResultCorrect" in $$props2)
-        $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
-      if ("isSkipped" in $$props2)
-        $$invalidate(3, isSkipped = $$props2.isSkipped);
-      if ("hasIcon" in $$props2)
-        $$invalidate(4, hasIcon = $$props2.hasIcon);
-      if ("isFeedbackAlert" in $$props2)
-        $$invalidate(5, isFeedbackAlert = $$props2.isFeedbackAlert);
     };
     $$self.$$.update = () => {
       if ($$self.$$.dirty & /*isSkipped*/
-      8) {
+      32) {
         $:
           if (isSkipped) {
             $$invalidate(1, resultFeedbackTitle = "No answer was provided");
@@ -3118,68 +3123,68 @@
     return [
       resultFeedback,
       resultFeedbackTitle,
-      isResultCorrect,
-      isSkipped,
       hasIcon,
-      isFeedbackAlert
+      isFeedbackAlert,
+      isResultCorrect,
+      isSkipped
     ];
   }
   var PromptResultFeedbackv2 = class extends SvelteComponent {
     constructor(options) {
       super();
       init(this, options, instance4, create_fragment5, safe_not_equal, {
+        hasIcon: 2,
+        isFeedbackAlert: 3,
+        isResultCorrect: 4,
+        isSkipped: 5,
         resultFeedback: 0,
-        resultFeedbackTitle: 1,
-        isResultCorrect: 2,
-        isSkipped: 3,
-        hasIcon: 4,
-        isFeedbackAlert: 5
+        resultFeedbackTitle: 1
       });
     }
-    get resultFeedback() {
-      return this.$$.ctx[0];
+    get hasIcon() {
+      return this.$$.ctx[2];
     }
-    set resultFeedback(resultFeedback) {
-      this.$$set({ resultFeedback });
+    set hasIcon(hasIcon) {
+      this.$$set({ hasIcon });
       flush();
     }
-    get resultFeedbackTitle() {
-      return this.$$.ctx[1];
+    get isFeedbackAlert() {
+      return this.$$.ctx[3];
     }
-    set resultFeedbackTitle(resultFeedbackTitle) {
-      this.$$set({ resultFeedbackTitle });
+    set isFeedbackAlert(isFeedbackAlert) {
+      this.$$set({ isFeedbackAlert });
       flush();
     }
     get isResultCorrect() {
-      return this.$$.ctx[2];
+      return this.$$.ctx[4];
     }
     set isResultCorrect(isResultCorrect) {
       this.$$set({ isResultCorrect });
       flush();
     }
     get isSkipped() {
-      return this.$$.ctx[3];
+      return this.$$.ctx[5];
     }
     set isSkipped(isSkipped) {
       this.$$set({ isSkipped });
       flush();
     }
-    get hasIcon() {
-      return this.$$.ctx[4];
+    get resultFeedback() {
+      return this.$$.ctx[0];
     }
-    set hasIcon(hasIcon) {
-      this.$$set({ hasIcon });
+    set resultFeedback(resultFeedback) {
+      this.$$set({ resultFeedback });
       flush();
     }
-    get isFeedbackAlert() {
-      return this.$$.ctx[5];
+    get resultFeedbackTitle() {
+      return this.$$.ctx[1];
     }
-    set isFeedbackAlert(isFeedbackAlert) {
-      this.$$set({ isFeedbackAlert });
+    set resultFeedbackTitle(resultFeedbackTitle) {
+      this.$$set({ resultFeedbackTitle });
       flush();
     }
   };
-  customElements.define("prompt-result-feedbackv2", create_custom_element(PromptResultFeedbackv2, { "resultFeedback": {}, "resultFeedbackTitle": {}, "isResultCorrect": { "type": "Boolean" }, "isSkipped": { "type": "Boolean" }, "hasIcon": { "type": "Boolean" }, "isFeedbackAlert": { "type": "Boolean" } }, [], [], true));
+  customElements.define("prompt-result-feedbackv2", create_custom_element(PromptResultFeedbackv2, { "hasIcon": { "type": "Boolean" }, "isFeedbackAlert": { "type": "Boolean" }, "isResultCorrect": { "type": "Boolean" }, "isSkipped": { "type": "Boolean" }, "resultFeedback": {}, "resultFeedbackTitle": {} }, [], [], true));
   var PromptResultFeedbackv2_default = PromptResultFeedbackv2;
 
   // src/lib/composables/useMCQ.ts
@@ -3387,8 +3392,8 @@
   // src/lib/components/prompt/mcq/PromptMCQ.svelte
   function get_each_context(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[27] = list[i];
-    child_ctx[29] = i;
+    child_ctx[28] = list[i];
+    child_ctx[30] = i;
     return child_ctx;
   }
   function create_if_block_82(ctx) {
@@ -3396,10 +3401,6 @@
     let current;
     promptresult = new PromptResultFeedbackv2_default({
       props: {
-        isSkipped: (
-          /*isSkipped*/
-          ctx[14]()
-        ),
         hasIcon: true,
         isFeedbackAlert: (
           /*isPreviewModeInteractive*/
@@ -3416,7 +3417,10 @@
             ctx[7]
           )
         ),
-        resultFeedbackTitle: "Why they got it wrong",
+        isSkipped: (
+          /*isSkipped*/
+          ctx[14]()
+        ),
         resultFeedback: (
           /*resultFeedback*/
           ctx[5]
@@ -3433,11 +3437,11 @@
       },
       p(ctx2, dirty) {
         const promptresult_changes = {};
-        if (dirty & /*isPreviewModeInteractive*/
+        if (dirty[0] & /*isPreviewModeInteractive*/
         8)
           promptresult_changes.isFeedbackAlert = /*isPreviewModeInteractive*/
           ctx2[3] ? false : true;
-        if (dirty & /*selectedOptions, correctAnswersLength, correctAnswerIds*/
+        if (dirty[0] & /*selectedOptions, correctAnswersLength, correctAnswerIds*/
         208)
           promptresult_changes.isResultCorrect = /*selectedOptions*/
           ctx2[4].length === /*correctAnswersLength*/
@@ -3448,7 +3452,7 @@
             /*correctAnswerIds*/
             ctx2[7]
           );
-        if (dirty & /*resultFeedback*/
+        if (dirty[0] & /*resultFeedback*/
         32)
           promptresult_changes.resultFeedback = /*resultFeedback*/
           ctx2[5];
@@ -3510,12 +3514,12 @@
         current = true;
       },
       p(ctx2, dirty) {
-        if (!current || dirty & /*isDataSaving*/
+        if (!current || dirty[0] & /*isDataSaving*/
         1 && div0_class_value !== (div0_class_value = /*isDataSaving*/
         ctx2[0] ? "absolute inset-0 bg-transparent z-50" : "")) {
           attr(div0, "class", div0_class_value);
         }
-        if (dirty & /*correctAnswersLength, selectedOptions, Object, options, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, handleOptionClick*/
+        if (dirty[0] & /*correctAnswersLength, selectedOptions, options, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, handleOptionClick*/
         37086) {
           each_value = ensure_array_like(Object.values(
             /*options*/
@@ -3585,7 +3589,7 @@
         append(p, t2);
       },
       p(ctx2, dirty) {
-        if (dirty & /*isPreviewModeInteractive, isPreviewMode*/
+        if (dirty[0] & /*isPreviewModeInteractive, isPreviewMode*/
         12 && t_value !== (t_value = /*isPreviewModeInteractive*/
         ctx2[3] ? "Your answer:" : (
           /*isPreviewMode*/
@@ -3663,14 +3667,14 @@
     const if_block_creators = [create_if_block_42, create_else_block];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
-      if (dirty & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
+      if (dirty[0] & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
       140)
         show_if = null;
       if (show_if == null)
         show_if = !!/*correctAnswerIds*/
         (ctx2[7]?.includes(
           /*option*/
-          ctx2[27].id
+          ctx2[28].id
         ) || /*isPreviewMode*/
         ctx2[2] && !/*isPreviewModeInteractive*/
         ctx2[3]);
@@ -3678,7 +3682,7 @@
         return 0;
       return 1;
     }
-    current_block_type_index = select_block_type(ctx, -1);
+    current_block_type_index = select_block_type(ctx, [-1, -1]);
     if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     return {
       c() {
@@ -3688,7 +3692,7 @@
         attr(span, "class", span_class_value = /*correctAnswerIds*/
         (ctx[7]?.includes(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         ) || /*isPreviewMode*/
         ctx[2] && !/*isPreviewModeInteractive*/
         ctx[3] ? "text-green-900" : "text-red-900") + " p-0.5");
@@ -3716,11 +3720,11 @@
           transition_in(if_block, 1);
           if_block.m(span, null);
         }
-        if (!current || dirty & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
+        if (!current || dirty[0] & /*correctAnswerIds, isPreviewMode, isPreviewModeInteractive*/
         140 && span_class_value !== (span_class_value = /*correctAnswerIds*/
         (ctx2[7]?.includes(
           /*option*/
-          ctx2[27].id
+          ctx2[28].id
         ) || /*isPreviewMode*/
         ctx2[2] && !/*isPreviewModeInteractive*/
         ctx2[3] ? "text-green-900" : "text-red-900") + " p-0.5")) {
@@ -3805,7 +3809,7 @@
       /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[27].id
+        ctx[28].id
       )
     );
     let span_class_value;
@@ -3819,7 +3823,7 @@
         attr(span, "class", span_class_value = "custom-checkbox " + /*selectedOptions*/
         (ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         ) ? "border-soft-blue" : "border-gray-850") + " " + /*isPreviewMode*/
         (ctx[2] && !/*isPreviewModeInteractive*/
         ctx[3] || /*isFinished*/
@@ -3833,16 +3837,16 @@
         current = true;
       },
       p(ctx2, dirty) {
-        if (dirty & /*selectedOptions*/
+        if (dirty[0] & /*selectedOptions*/
         16)
           show_if = /*selectedOptions*/
           ctx2[4].includes(
             /*option*/
-            ctx2[27].id
+            ctx2[28].id
           );
         if (show_if) {
           if (if_block) {
-            if (dirty & /*selectedOptions*/
+            if (dirty[0] & /*selectedOptions*/
             16) {
               transition_in(if_block, 1);
             }
@@ -3859,11 +3863,11 @@
           });
           check_outros();
         }
-        if (!current || dirty & /*selectedOptions, isPreviewMode, isPreviewModeInteractive, isFinished*/
+        if (!current || dirty[0] & /*selectedOptions, isPreviewMode, isPreviewModeInteractive, isFinished*/
         30 && span_class_value !== (span_class_value = "custom-checkbox " + /*selectedOptions*/
         (ctx2[4].includes(
           /*option*/
-          ctx2[27].id
+          ctx2[28].id
         ) ? "border-soft-blue" : "border-gray-850") + " " + /*isPreviewMode*/
         (ctx2[2] && !/*isPreviewModeInteractive*/
         ctx2[3] || /*isFinished*/
@@ -3931,7 +3935,7 @@
       ctx[1] && /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[27].id
+        ctx[28].id
       ) && /*correctAnswersLength*/
       ctx[6] == 1
     );
@@ -3947,11 +3951,11 @@
       ctx[1] && /*correctAnswerIds*/
       ctx[7]?.includes(
         /*option*/
-        ctx[27].id
+        ctx[28].id
       ) && (!/*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[27].id
+        ctx[28].id
       ) || !/*selectedOptions*/
       ctx[4].length) && (!/*isPreviewModeInteractive*/
       ctx[3] || /*isPreviewModeInteractive*/
@@ -3968,11 +3972,11 @@
       ctx[1] && /*correctAnswerIds*/
       ctx[7]?.includes(
         /*option*/
-        ctx[27].id
+        ctx[28].id
       ) && !/*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[27].id
+        ctx[28].id
       ) && (!/*isPreviewModeInteractive*/
       ctx[3] || /*isPreviewModeInteractive*/
       ctx[3] && /*selectedOptions*/
@@ -3984,7 +3988,7 @@
       /*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[27].id
+        ctx[28].id
       ) && /*isFinished*/
       (ctx[1] && !/*isPreviewModeInteractive*/
       ctx[3] || /*isPreviewModeInteractive*/
@@ -4001,11 +4005,11 @@
       ctx[1] && !/*selectedOptions*/
       ctx[4].includes(
         /*option*/
-        ctx[27].id
+        ctx[28].id
       ) && !/*correctAnswerIds*/
       ctx[7].includes(
         /*option*/
-        ctx[27].id
+        ctx[28].id
       ) || /*isPreviewModeInteractive*/
       ctx[3])
     );
@@ -4026,7 +4030,7 @@
         otherClass: "",
         htmlString: (
           /*option*/
-          ctx[27].answer
+          ctx[28].answer
         )
       }
     });
@@ -4038,7 +4042,7 @@
         /*func*/
         ctx[17](
           /*option*/
-          ctx[27]
+          ctx[28]
         )
       );
     }
@@ -4047,7 +4051,7 @@
         /*click_handler*/
         ctx[18](
           /*option*/
-          ctx[27]
+          ctx[28]
         )
       );
     }
@@ -4062,7 +4066,7 @@
         span0 = element("span");
         span0.textContent = `${useMCQ_default(
           /*index*/
-          ctx[29]
+          ctx[30]
         )}`;
         t2 = space();
         span1 = element("span");
@@ -4095,7 +4099,7 @@
           /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[28].id
           )
         ) : null);
         attr(button, "aria-disabled", button_aria_disabled_value = /*isFinished*/
@@ -4106,29 +4110,29 @@
         ctx[3]) && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         ) ? "Selected " : ""}${`Option ${useMCQ_default(
           /*index*/
-          ctx[29]
+          ctx[30]
         )}`}: ${useRemoveRichTextHtmlTags(
           /*option*/
-          ctx[27].answer
+          ctx[28].answer
         )} ${func()}`);
         attr(button, "class", 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(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         ) ? "selected" : "") + " " + /*isFinished*/
         (ctx[1] && /*correctAnswerIds*/
         ctx[7]?.includes(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         ) && (!/*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         ) || !/*selectedOptions*/
         ctx[4].length) && (!/*isPreviewModeInteractive*/
         ctx[3] || /*isPreviewModeInteractive*/
@@ -4144,11 +4148,11 @@
         ctx[3] && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         )) && /*correctAnswerIds*/
         ctx[7].includes(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         ) ? "correct" : (
           /*isFinished*/
           ctx[1] && !/*isPreviewModeInteractive*/
@@ -4192,13 +4196,13 @@
       },
       p(new_ctx, dirty) {
         ctx = new_ctx;
-        if (dirty & /*isFinished, selectedOptions, correctAnswersLength*/
+        if (dirty[0] & /*isFinished, selectedOptions, correctAnswersLength*/
         82)
           show_if_4 = /*isFinished*/
           ctx[1] && /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[28].id
           ) && /*correctAnswersLength*/
           ctx[6] == 1;
         if (show_if_4) {
@@ -4213,17 +4217,17 @@
           if_block0.d(1);
           if_block0 = null;
         }
-        if (dirty & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
+        if (dirty[0] & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
         218)
           show_if_3 = /*isFinished*/
           ctx[1] && /*correctAnswerIds*/
           ctx[7]?.includes(
             /*option*/
-            ctx[27].id
+            ctx[28].id
           ) && (!/*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[28].id
           ) || !/*selectedOptions*/
           ctx[4].length) && (!/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
@@ -4241,17 +4245,17 @@
           if_block1.d(1);
           if_block1 = null;
         }
-        if (dirty & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
+        if (dirty[0] & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
         218)
           show_if_2 = /*isFinished*/
           ctx[1] && /*correctAnswerIds*/
           ctx[7]?.includes(
             /*option*/
-            ctx[27].id
+            ctx[28].id
           ) && !/*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[28].id
           ) && (!/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
           ctx[3] && /*selectedOptions*/
@@ -4259,7 +4263,7 @@
           ctx[6]);
         if (show_if_2) {
           if (if_block2) {
-            if (dirty & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
+            if (dirty[0] & /*isFinished, correctAnswerIds, selectedOptions, isPreviewModeInteractive, correctAnswersLength*/
             218) {
               transition_in(if_block2, 1);
             }
@@ -4276,12 +4280,12 @@
           });
           check_outros();
         }
-        if (dirty & /*selectedOptions, isFinished, isPreviewModeInteractive, correctAnswersLength*/
+        if (dirty[0] & /*selectedOptions, isFinished, isPreviewModeInteractive, correctAnswersLength*/
         90)
           show_if_1 = /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[28].id
           ) && /*isFinished*/
           (ctx[1] && !/*isPreviewModeInteractive*/
           ctx[3] || /*isPreviewModeInteractive*/
@@ -4291,7 +4295,7 @@
         if (show_if_1) {
           if (if_block3) {
             if_block3.p(ctx, dirty);
-            if (dirty & /*selectedOptions, isFinished, isPreviewModeInteractive, correctAnswersLength*/
+            if (dirty[0] & /*selectedOptions, isFinished, isPreviewModeInteractive, correctAnswersLength*/
             90) {
               transition_in(if_block3, 1);
             }
@@ -4308,7 +4312,7 @@
           });
           check_outros();
         }
-        if (dirty & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
+        if (dirty[0] & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
         218)
           show_if = /*correctAnswersLength*/
           ctx[6] > 1 && (!/*isFinished*/
@@ -4317,17 +4321,17 @@
           ctx[1] && !/*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[28].id
           ) && !/*correctAnswerIds*/
           ctx[7].includes(
             /*option*/
-            ctx[27].id
+            ctx[28].id
           ) || /*isPreviewModeInteractive*/
           ctx[3]);
         if (show_if) {
           if (if_block4) {
             if_block4.p(ctx, dirty);
-            if (dirty & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
+            if (dirty[0] & /*correctAnswersLength, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds*/
             218) {
               transition_in(if_block4, 1);
             }
@@ -4344,65 +4348,65 @@
           });
           check_outros();
         }
-        if (!current || dirty & /*correctAnswersLength*/
+        if (!current || dirty[0] & /*correctAnswersLength*/
         64 && button_role_value !== (button_role_value = /*correctAnswersLength*/
         ctx[6] > 1 ? "checkbox" : null)) {
           attr(button, "role", button_role_value);
         }
-        if (!current || dirty & /*correctAnswersLength*/
+        if (!current || dirty[0] & /*correctAnswersLength*/
         64 && button_tabindex_value !== (button_tabindex_value = /*correctAnswersLength*/
         ctx[6] > 1 ? 0 : null)) {
           attr(button, "tabindex", button_tabindex_value);
         }
-        if (!current || dirty & /*correctAnswersLength, selectedOptions*/
+        if (!current || dirty[0] & /*correctAnswersLength, selectedOptions*/
         80 && button_aria_checked_value !== (button_aria_checked_value = /*correctAnswersLength*/
         ctx[6] > 1 ? (
           /*selectedOptions*/
           ctx[4].includes(
             /*option*/
-            ctx[27].id
+            ctx[28].id
           )
         ) : null)) {
           attr(button, "aria-checked", button_aria_checked_value);
         }
-        if (!current || dirty & /*isFinished, isPreviewModeInteractive*/
+        if (!current || dirty[0] & /*isFinished, isPreviewModeInteractive*/
         10 && button_aria_disabled_value !== (button_aria_disabled_value = /*isFinished*/
         ctx[1] && !/*isPreviewModeInteractive*/
         ctx[3] ? "true" : null)) {
           attr(button, "aria-disabled", button_aria_disabled_value);
         }
-        if (!current || dirty & /*isFinished, isPreviewModeInteractive, selectedOptions, isPreviewMode, correctAnswerIds, correctAnswersLength*/
+        if (!current || dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, isPreviewMode, correctAnswerIds, correctAnswersLength*/
         222 && button_aria_label_value !== (button_aria_label_value = `${(!/*isFinished*/
         ctx[1] || /*isPreviewModeInteractive*/
         ctx[3]) && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         ) ? "Selected " : ""}${`Option ${useMCQ_default(
           /*index*/
-          ctx[29]
+          ctx[30]
         )}`}: ${useRemoveRichTextHtmlTags(
           /*option*/
-          ctx[27].answer
+          ctx[28].answer
         )} ${func()}`)) {
           attr(button, "aria-label", button_aria_label_value);
         }
-        if (!current || dirty & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, isPreviewMode*/
+        if (!current || dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, isPreviewMode*/
         222 && 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(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         ) ? "selected" : "") + " " + /*isFinished*/
         (ctx[1] && /*correctAnswerIds*/
         ctx[7]?.includes(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         ) && (!/*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         ) || !/*selectedOptions*/
         ctx[4].length) && (!/*isPreviewModeInteractive*/
         ctx[3] || /*isPreviewModeInteractive*/
@@ -4418,11 +4422,11 @@
         ctx[3] && /*selectedOptions*/
         ctx[4].includes(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         )) && /*correctAnswerIds*/
         ctx[7].includes(
           /*option*/
-          ctx[27].id
+          ctx[28].id
         ) ? "correct" : (
           /*isFinished*/
           ctx[1] && !/*isPreviewModeInteractive*/
@@ -4487,13 +4491,7 @@
       ctx[4].length) || /*isPreviewModeInteractive*/
       ctx[3] && /*selectedOptions*/
       (ctx[4].length === /*correctAnswersLength*/
-      ctx[6] && !/*isResultCorrect*/
-      ctx[13](
-        /*selectedOptions*/
-        ctx[4],
-        /*correctAnswerIds*/
-        ctx[7]
-      ) || !/*selectedOptions*/
+      ctx[6] || !/*selectedOptions*/
       ctx[4].length && /*interactiveHasAnswered*/
       ctx[8])
     );
@@ -4527,7 +4525,7 @@
         current = true;
       },
       p(ctx2, dirty) {
-        if (dirty & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, interactiveHasAnswered*/
+        if (dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, interactiveHasAnswered*/
         474)
           show_if = /*isFinished*/
           ctx2[1] && !/*isPreviewModeInteractive*/
@@ -4541,19 +4539,13 @@
           ctx2[4].length) || /*isPreviewModeInteractive*/
           ctx2[3] && /*selectedOptions*/
           (ctx2[4].length === /*correctAnswersLength*/
-          ctx2[6] && !/*isResultCorrect*/
-          ctx2[13](
-            /*selectedOptions*/
-            ctx2[4],
-            /*correctAnswerIds*/
-            ctx2[7]
-          ) || !/*selectedOptions*/
+          ctx2[6] || !/*selectedOptions*/
           ctx2[4].length && /*interactiveHasAnswered*/
           ctx2[8]);
         if (show_if) {
           if (if_block0) {
             if_block0.p(ctx2, dirty);
-            if (dirty & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, interactiveHasAnswered*/
+            if (dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, interactiveHasAnswered*/
             474) {
               transition_in(if_block0, 1);
             }
@@ -4631,10 +4623,11 @@
         mount_component(promptbody, target, anchor);
         current = true;
       },
-      p(ctx2, [dirty]) {
+      p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty & /*$$scope, correctAnswersLength, selectedOptions, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, isDataSaving, resultFeedback, interactiveHasAnswered*/
-        1073742335) {
+        if (dirty[0] & /*correctAnswersLength, selectedOptions, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, isDataSaving, resultFeedback, interactiveHasAnswered*/
+        511 | dirty[1] & /*$$scope*/
+        1) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -4661,7 +4654,7 @@
     let { isPreviewMode = false } = $$props;
     let { isPreviewModeInteractive = false } = $$props;
     const { rubric, interaction, metadata, scoringMetadata, stimulus, totalCorrectAnswers } = sessionData;
-    const { prompt, options } = interaction;
+    const { prompt, options, feedback } = interaction;
     let selectedOptions = [];
     let selectedChoices = [];
     let resultFeedback = null;
@@ -4678,10 +4671,8 @@
       selectedChoices = answer_choices;
     }
     const getFeedback = () => {
-      if (!options || selectedOptions.length < 1)
-        return;
-      const feedbackData = Object.values(options).filter((option) => selectedOptions.includes(option.id));
-      $$invalidate(5, resultFeedback = feedbackData[0].feedback || "This would be the distractor rationale\u2014the reason why they got something wrong.");
+      const { correct: correctFeedback, incorrect: incorrectFeedback } = feedback;
+      $$invalidate(5, resultFeedback = isResultCorrect(selectedOptions, correctAnswerIds) ? correctFeedback : incorrectFeedback);
     };
     const isResultCorrect = (selectedOptions2, correctAnswerIds2) => {
       return selectedOptions2.length > 0 && correctAnswerIds2.every((option) => selectedOptions2.includes(option));
@@ -4808,13 +4799,22 @@
   var PromptMCQ = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance5, create_fragment10, safe_not_equal, {
-        sessionData: 16,
-        isDataSaving: 0,
-        isFinished: 1,
-        isPreviewMode: 2,
-        isPreviewModeInteractive: 3
-      });
+      init(
+        this,
+        options,
+        instance5,
+        create_fragment10,
+        safe_not_equal,
+        {
+          sessionData: 16,
+          isDataSaving: 0,
+          isFinished: 1,
+          isPreviewMode: 2,
+          isPreviewModeInteractive: 3
+        },
+        null,
+        [-1, -1]
+      );
     }
     get sessionData() {
       return this.$$.ctx[16];

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "eat-js-sdk",
-    "version": "1.0.25",
-    "change version": "1.0.4",
+    "version": "1.0.26",
+    "change version": "1.0.5",
     "description": "Authoring tool frontend SDK",
     "contributors": [
         {