eat-js-sdk 1.0.36 → 1.0.38

package/dist/eat-prompt-builder.mjs

@@ -1649,7 +1649,7 @@
 
   // src/lib/components/prompt/template/PromptBody.svelte
   function add_css(target) {
-    append_styles(target, "svelte-c9q74j", "@media only screen and (min-width: 1196px){.container-class.svelte-c9q74j{max-width:var(--interactionWidthValue)}}@media only screen and (min-width: 1440px){.mcq-media-container.svelte-c9q74j{max-width:720px}}");
+    append_styles(target, "svelte-plkvcr", "@media only screen and (min-width: 1196px){.container-class.svelte-plkvcr{max-width:var(--interactionWidthValue)}}@media only screen and (min-width: 1440px){.mcq-media-container.svelte-plkvcr{max-width:720px}.mcq-media-container-stimulus.svelte-plkvcr{max-width:1310px}}");
   }
   function create_if_block_11(ctx) {
     let commonstringtohtml;
@@ -1663,7 +1663,7 @@
         otherClass: "item-heading mb-4",
         htmlHeading: (
           /*promptRubricHeaderElem*/
-          ctx[17]
+          ctx[18]
         )
       }
     });
@@ -1705,7 +1705,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[9]
+          ctx[10]
         ),
         otherClass: "text-stimulus py-2"
       }
@@ -1721,9 +1721,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty & /*stimulusText*/
-        512)
+        1024)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[9];
+          ctx2[10];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -1750,19 +1750,19 @@
       props: {
         fileType: (
           /*fileType*/
-          ctx[5]
+          ctx[6]
         ),
         fileUrl: (
           /*fileUrl*/
-          ctx[4]
+          ctx[5]
         ),
         altText: (
           /*altText*/
-          ctx[7]
+          ctx[8]
         ),
         fileCaption: (
           /*caption*/
-          ctx[8]
+          ctx[9]
         )
       }
     });
@@ -1771,10 +1771,10 @@
         div = element("div");
         create_component(commonmedia.$$.fragment);
         attr(div, "class", div_class_value = /*showTextAlignmentInline*/
-        (ctx[13] && /*showStimulusLayoutMediaFirst*/
-        ctx[15] ? "pb-2" : "pb-10") + " " + /*showTextAlignmentInline*/
-        (ctx[13] && /*showStimulusLayoutTextFirst*/
-        ctx[16] ? "" : "pt-6"));
+        (ctx[14] && /*showStimulusLayoutMediaFirst*/
+        ctx[16] ? "pb-2" : "pb-10") + " " + /*showTextAlignmentInline*/
+        (ctx[14] && /*showStimulusLayoutTextFirst*/
+        ctx[17] ? "" : "pt-6"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -1784,21 +1784,21 @@
       p(ctx2, dirty) {
         const commonmedia_changes = {};
         if (dirty & /*fileType*/
-        32)
+        64)
           commonmedia_changes.fileType = /*fileType*/
-          ctx2[5];
+          ctx2[6];
         if (dirty & /*fileUrl*/
-        16)
+        32)
           commonmedia_changes.fileUrl = /*fileUrl*/
-          ctx2[4];
+          ctx2[5];
         if (dirty & /*altText*/
-        128)
+        256)
           commonmedia_changes.altText = /*altText*/
-          ctx2[7];
+          ctx2[8];
         if (dirty & /*caption*/
-        256)
+        512)
           commonmedia_changes.fileCaption = /*caption*/
-          ctx2[8];
+          ctx2[9];
         commonmedia.$set(commonmedia_changes);
       },
       i(local) {
@@ -1826,7 +1826,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[9]
+          ctx[10]
         ),
         otherClass: "text-stimulus py-2"
       }
@@ -1842,9 +1842,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty & /*stimulusText*/
-        512)
+        1024)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[9];
+          ctx2[10];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -1874,7 +1874,7 @@
         otherClass: "item-heading prompt",
         htmlHeading: (
           /*promptRubricHeaderElem*/
-          ctx[17]
+          ctx[18]
         )
       }
     });
@@ -1916,7 +1916,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[9]
+          ctx[10]
         ),
         otherClass: "text-stimulus pb-0 lg:hidden"
       }
@@ -1932,9 +1932,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty & /*stimulusText*/
-        512)
+        1024)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[9];
+          ctx2[10];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -1961,19 +1961,19 @@
       props: {
         fileType: (
           /*fileType*/
-          ctx[5]
+          ctx[6]
         ),
         fileUrl: (
           /*fileUrl*/
-          ctx[4]
+          ctx[5]
         ),
         altText: (
           /*altText*/
-          ctx[7]
+          ctx[8]
         ),
         fileCaption: (
           /*caption*/
-          ctx[8]
+          ctx[9]
         )
       }
     });
@@ -1982,8 +1982,8 @@
         div = element("div");
         create_component(commonmedia.$$.fragment);
         attr(div, "class", div_class_value = "lg:hidden " + /*showTextAlignmentDefault*/
-        (ctx[12] && /*showStimulusLayoutTextFirst*/
-        ctx[16] ? "pt-4" : "pt-6"));
+        (ctx[13] && /*showStimulusLayoutTextFirst*/
+        ctx[17] ? "pt-4" : "pt-6"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -1993,21 +1993,21 @@
       p(ctx2, dirty) {
         const commonmedia_changes = {};
         if (dirty & /*fileType*/
-        32)
+        64)
           commonmedia_changes.fileType = /*fileType*/
-          ctx2[5];
+          ctx2[6];
         if (dirty & /*fileUrl*/
-        16)
+        32)
           commonmedia_changes.fileUrl = /*fileUrl*/
-          ctx2[4];
+          ctx2[5];
         if (dirty & /*altText*/
-        128)
+        256)
           commonmedia_changes.altText = /*altText*/
-          ctx2[7];
+          ctx2[8];
         if (dirty & /*caption*/
-        256)
+        512)
           commonmedia_changes.fileCaption = /*caption*/
-          ctx2[8];
+          ctx2[9];
         commonmedia.$set(commonmedia_changes);
       },
       i(local) {
@@ -2035,7 +2035,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[9]
+          ctx[10]
         ),
         otherClass: "text-stimulus pb-0 lg:hidden"
       }
@@ -2051,9 +2051,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty & /*stimulusText*/
-        512)
+        1024)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[9];
+          ctx2[10];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2079,17 +2079,17 @@
     let current;
     let if_block0 = (
       /*showTextAlignmentDefault*/
-      ctx[12] && /*showStimulusLayoutTextFirst*/
-      ctx[16] && create_if_block_3(ctx)
+      ctx[13] && /*showStimulusLayoutTextFirst*/
+      ctx[17] && create_if_block_3(ctx)
     );
     let if_block1 = (
       /*showAssetAlignmentDefault*/
-      ctx[11] && create_if_block_22(ctx)
+      ctx[12] && create_if_block_22(ctx)
     );
     let if_block2 = (
       /*showTextAlignmentDefault*/
-      ctx[12] && /*showStimulusLayoutMediaFirst*/
-      ctx[15] && create_if_block_12(ctx)
+      ctx[13] && /*showStimulusLayoutMediaFirst*/
+      ctx[16] && create_if_block_12(ctx)
     );
     return {
       c() {
@@ -2122,19 +2122,19 @@
       p(ctx2, dirty) {
         if (
           /*showTextAlignmentDefault*/
-          ctx2[12] && /*showStimulusLayoutTextFirst*/
-          ctx2[16]
+          ctx2[13] && /*showStimulusLayoutTextFirst*/
+          ctx2[17]
         )
           if_block0.p(ctx2, dirty);
         if (
           /*showAssetAlignmentDefault*/
-          ctx2[11]
+          ctx2[12]
         )
           if_block1.p(ctx2, dirty);
         if (
           /*showTextAlignmentDefault*/
-          ctx2[12] && /*showStimulusLayoutMediaFirst*/
-          ctx2[15]
+          ctx2[13] && /*showStimulusLayoutMediaFirst*/
+          ctx2[16]
         )
           if_block2.p(ctx2, dirty);
       },
@@ -2172,7 +2172,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[9]
+          ctx[10]
         ),
         otherClass: "text-stimulus pt-0"
       }
@@ -2188,9 +2188,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty & /*stimulusText*/
-        512)
+        1024)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[9];
+          ctx2[10];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2215,19 +2215,19 @@
       props: {
         fileType: (
           /*fileType*/
-          ctx[5]
+          ctx[6]
         ),
         fileUrl: (
           /*fileUrl*/
-          ctx[4]
+          ctx[5]
         ),
         altText: (
           /*altText*/
-          ctx[7]
+          ctx[8]
         ),
         fileCaption: (
           /*caption*/
-          ctx[8]
+          ctx[9]
         )
       }
     });
@@ -2242,21 +2242,21 @@
       p(ctx2, dirty) {
         const commonmedia_changes = {};
         if (dirty & /*fileType*/
-        32)
+        64)
           commonmedia_changes.fileType = /*fileType*/
-          ctx2[5];
+          ctx2[6];
         if (dirty & /*fileUrl*/
-        16)
+        32)
           commonmedia_changes.fileUrl = /*fileUrl*/
-          ctx2[4];
+          ctx2[5];
         if (dirty & /*altText*/
-        128)
+        256)
           commonmedia_changes.altText = /*altText*/
-          ctx2[7];
+          ctx2[8];
         if (dirty & /*caption*/
-        256)
+        512)
           commonmedia_changes.fileCaption = /*caption*/
-          ctx2[8];
+          ctx2[9];
         commonmedia.$set(commonmedia_changes);
       },
       i(local) {
@@ -2281,10 +2281,10 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[9]
+          ctx[10]
         ),
         otherClass: "text-stimulus " + (!/*showAssetAlignmentDefault*/
-        ctx[11] ? "pt-0" : "")
+        ctx[12] ? "pt-0" : "")
       }
     });
     return {
@@ -2298,9 +2298,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty & /*stimulusText*/
-        512)
+        1024)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[9];
+          ctx2[10];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2342,18 +2342,18 @@
     );
     let if_block1 = (
       /*showTextAlignmentInline*/
-      ctx[13] && /*showStimulusLayoutTextFirst*/
-      ctx[16] && create_if_block_10(ctx)
+      ctx[14] && /*showStimulusLayoutTextFirst*/
+      ctx[17] && create_if_block_10(ctx)
     );
     let if_block2 = (
       /*showAsset*/
-      ctx[10] && /*fileAlignment*/
-      ctx[6] === ASSET_ALIGNMENT_INLINE && create_if_block_9(ctx)
+      ctx[11] && /*fileAlignment*/
+      ctx[7] === ASSET_ALIGNMENT_INLINE && create_if_block_9(ctx)
     );
     let if_block3 = (
       /*showTextAlignmentInline*/
-      ctx[13] && /*showStimulusLayoutMediaFirst*/
-      ctx[15] && create_if_block_8(ctx)
+      ctx[14] && /*showStimulusLayoutMediaFirst*/
+      ctx[16] && create_if_block_8(ctx)
     );
     let if_block4 = (
       /*prompt*/
@@ -2361,17 +2361,17 @@
     );
     let if_block5 = (
       /*showTextAlignmentDefault*/
-      ctx[12] && /*showStimulusLayoutTextFirst*/
-      ctx[16] && create_if_block_6(ctx)
+      ctx[13] && /*showStimulusLayoutTextFirst*/
+      ctx[17] && create_if_block_6(ctx)
     );
     let if_block6 = (
       /*showAssetAlignmentDefault*/
-      ctx[11] && create_if_block_5(ctx)
+      ctx[12] && create_if_block_5(ctx)
     );
     let if_block7 = (
       /*showTextAlignmentDefault*/
-      ctx[12] && /*showStimulusLayoutMediaFirst*/
-      ctx[15] && create_if_block_4(ctx)
+      ctx[13] && /*showStimulusLayoutMediaFirst*/
+      ctx[16] && create_if_block_4(ctx)
     );
     const default_slot_template = (
       /*#slots*/
@@ -2386,7 +2386,7 @@
     );
     let if_block8 = (
       /*showAlignmentDefault*/
-      ctx[14] && create_if_block3(ctx)
+      ctx[15] && create_if_block3(ctx)
     );
     return {
       c() {
@@ -2426,15 +2426,16 @@
         attr(div0, "class", div0_class_value = "divider my-6 " + (!/*hasDivider*/
         ctx[2] ? "hidden" : ""));
         attr(div1, "class", div1_class_value = "bg-transparent relative " + /*showAlignmentDefault*/
-        (ctx[14] ? "lg:basis-1/2 lg:max-w-[50%]" : ""));
+        (ctx[15] ? "lg:basis-1/2 lg:max-w-[50%]" : ""));
         attr(div2, "class", div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
-        ctx[14] ? "lg:w-full lg:flex" : "container-class"}  ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
-        ctx[3] ? "mcq-media-container" : ""}`) + " svelte-c9q74j");
+        ctx[15] ? "lg:w-full lg:flex" : "container-class"}  ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
+        ctx[4] ? !/*stimulus*/
+        ctx[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-plkvcr");
         set_style(
           div2,
           "--interactionWidthValue",
           /*interactionWidthValue*/
-          ctx[18]
+          ctx[19]
         );
       },
       m(target, anchor) {
@@ -2500,19 +2501,19 @@
         }
         if (
           /*showTextAlignmentInline*/
-          ctx2[13] && /*showStimulusLayoutTextFirst*/
-          ctx2[16]
+          ctx2[14] && /*showStimulusLayoutTextFirst*/
+          ctx2[17]
         )
           if_block1.p(ctx2, dirty);
         if (
           /*showAsset*/
-          ctx2[10] && /*fileAlignment*/
-          ctx2[6] === ASSET_ALIGNMENT_INLINE
+          ctx2[11] && /*fileAlignment*/
+          ctx2[7] === ASSET_ALIGNMENT_INLINE
         ) {
           if (if_block2) {
             if_block2.p(ctx2, dirty);
             if (dirty & /*fileAlignment*/
-            64) {
+            128) {
               transition_in(if_block2, 1);
             }
           } else {
@@ -2530,8 +2531,8 @@
         }
         if (
           /*showTextAlignmentInline*/
-          ctx2[13] && /*showStimulusLayoutMediaFirst*/
-          ctx2[15]
+          ctx2[14] && /*showStimulusLayoutMediaFirst*/
+          ctx2[16]
         )
           if_block3.p(ctx2, dirty);
         if (
@@ -2559,19 +2560,19 @@
         }
         if (
           /*showTextAlignmentDefault*/
-          ctx2[12] && /*showStimulusLayoutTextFirst*/
-          ctx2[16]
+          ctx2[13] && /*showStimulusLayoutTextFirst*/
+          ctx2[17]
         )
           if_block5.p(ctx2, dirty);
         if (
           /*showAssetAlignmentDefault*/
-          ctx2[11]
+          ctx2[12]
         )
           if_block6.p(ctx2, dirty);
         if (
           /*showTextAlignmentDefault*/
-          ctx2[12] && /*showStimulusLayoutMediaFirst*/
-          ctx2[15]
+          ctx2[13] && /*showStimulusLayoutMediaFirst*/
+          ctx2[16]
         )
           if_block7.p(ctx2, dirty);
         if (!current || dirty & /*hasDivider*/
@@ -2604,13 +2605,14 @@
         }
         if (
           /*showAlignmentDefault*/
-          ctx2[14]
+          ctx2[15]
         )
           if_block8.p(ctx2, dirty);
-        if (!current || dirty & /*optionHasMedia*/
-        8 && div2_class_value !== (div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
-        ctx2[14] ? "lg:w-full lg:flex" : "container-class"}  ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
-        ctx2[3] ? "mcq-media-container" : ""}`) + " svelte-c9q74j")) {
+        if (!current || dirty & /*optionHasMedia, stimulus*/
+        24 && div2_class_value !== (div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
+        ctx2[15] ? "lg:w-full lg:flex" : "container-class"}  ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
+        ctx2[4] ? !/*stimulus*/
+        ctx2[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-plkvcr")) {
           attr(div2, "class", div2_class_value);
         }
       },
@@ -2730,13 +2732,13 @@
       if ("prompt" in $$props2)
         $$invalidate(1, prompt = $$props2.prompt);
       if ("interactionType" in $$props2)
-        $$invalidate(19, interactionType = $$props2.interactionType);
+        $$invalidate(20, interactionType = $$props2.interactionType);
       if ("hasDivider" in $$props2)
         $$invalidate(2, hasDivider = $$props2.hasDivider);
       if ("stimulus" in $$props2)
-        $$invalidate(20, stimulus = $$props2.stimulus);
+        $$invalidate(3, stimulus = $$props2.stimulus);
       if ("optionHasMedia" in $$props2)
-        $$invalidate(3, optionHasMedia = $$props2.optionHasMedia);
+        $$invalidate(4, optionHasMedia = $$props2.optionHasMedia);
       if ("$$scope" in $$props2)
         $$invalidate(21, $$scope = $$props2.$$scope);
     };
@@ -2744,6 +2746,7 @@
       rubric,
       prompt,
       hasDivider,
+      stimulus,
       optionHasMedia,
       fileUrl,
       fileType,
@@ -2761,7 +2764,6 @@
       promptRubricHeaderElem,
       interactionWidthValue,
       interactionType,
-      stimulus,
       $$scope,
       slots
     ];
@@ -2778,10 +2780,10 @@
         {
           rubric: 0,
           prompt: 1,
-          interactionType: 19,
+          interactionType: 20,
           hasDivider: 2,
-          stimulus: 20,
-          optionHasMedia: 3
+          stimulus: 3,
+          optionHasMedia: 4
         },
         add_css
       );
@@ -2801,7 +2803,7 @@
       flush();
     }
     get interactionType() {
-      return this.$$.ctx[19];
+      return this.$$.ctx[20];
     }
     set interactionType(interactionType) {
       this.$$set({ interactionType });
@@ -2815,14 +2817,14 @@
       flush();
     }
     get stimulus() {
-      return this.$$.ctx[20];
+      return this.$$.ctx[3];
     }
     set stimulus(stimulus) {
       this.$$set({ stimulus });
       flush();
     }
     get optionHasMedia() {
-      return this.$$.ctx[3];
+      return this.$$.ctx[4];
     }
     set optionHasMedia(optionHasMedia) {
       this.$$set({ optionHasMedia });
@@ -3305,7 +3307,7 @@
       flush();
     }
   };
-  customElements.define("prompt-result-feedbackv3", create_custom_element(PromptResultFeedbackAlert, { "hasIcon": { "type": "Boolean" }, "isFeedbackAlert": { "type": "Boolean" }, "isResultCorrect": { "type": "Boolean" }, "isSkipped": { "type": "Boolean" }, "resultFeedback": {}, "resultFeedbackTitle": {} }, [], [], true));
+  customElements.define("prompt-result-feedback-alert", create_custom_element(PromptResultFeedbackAlert, { "hasIcon": { "type": "Boolean" }, "isFeedbackAlert": { "type": "Boolean" }, "isResultCorrect": { "type": "Boolean" }, "isSkipped": { "type": "Boolean" }, "resultFeedback": {}, "resultFeedbackTitle": {} }, [], [], true));
   var PromptResultFeedbackAlert_default = PromptResultFeedbackAlert;
 
   // src/lib/composables/useMCQ.ts
@@ -3626,11 +3628,9 @@
         attr(div0, "class", div0_class_value = /*isDataSaving*/
         ctx[0] ? "absolute inset-0 bg-transparent z-50" : "");
         attr(div1, "class", div1_class_value = /*optionHasMedia*/
-        ctx[13] && !/*isPreviewMode*/
-        ctx[2] ? "flex flex-col justify-start items-center md:justify-center md:items-start md:flex-none md:grid md:grid-cols-2 md:gap-x-4" : "");
+        ctx[13] ? "flex flex-col justify-start items-center md:justify-center md:items-start md:flex-none md:grid md:grid-cols-2 md:gap-x-4" : "");
         attr(div2, "class", div2_class_value = /*optionHasMedia*/
-        ctx[13] && !/*isPreviewMode*/
-        ctx[2] ? "w-full" : "relative");
+        ctx[13] ? "w-full" : "relative");
       },
       m(target, anchor) {
         insert(target, div2, anchor);
@@ -3675,18 +3675,6 @@
           }
           check_outros();
         }
-        if (!current || dirty[0] & /*isPreviewMode*/
-        4 && div1_class_value !== (div1_class_value = /*optionHasMedia*/
-        ctx2[13] && !/*isPreviewMode*/
-        ctx2[2] ? "flex flex-col justify-start items-center md:justify-center md:items-start md:flex-none md:grid md:grid-cols-2 md:gap-x-4" : "")) {
-          attr(div1, "class", div1_class_value);
-        }
-        if (!current || dirty[0] & /*isPreviewMode*/
-        4 && div2_class_value !== (div2_class_value = /*optionHasMedia*/
-        ctx2[13] && !/*isPreviewMode*/
-        ctx2[2] ? "w-full" : "relative")) {
-          attr(div2, "class", div2_class_value);
-        }
       },
       i(local) {
         if (current)
@@ -4287,8 +4275,7 @@
     let if_block5 = show_if && create_if_block_24(ctx);
     let if_block6 = (
       /*optionHasMedia*/
-      ctx[13] && !/*isPreviewMode*/
-      ctx[2] && create_if_block_14(ctx)
+      ctx[13] && create_if_block_14(ctx)
     );
     function func() {
       return (
@@ -4343,15 +4330,13 @@
           if_block6.c();
         t9 = space();
         attr(span0, "class", span0_class_value = "choice " + /*optionHasMedia*/
-        (ctx[13] && !/*isPreviewMode*/
-        ctx[2] ? "my-1.5" : ""));
+        (ctx[13] ? "my-1.5" : ""));
         attr(span1, "class", "flex flex-col px-3 text-left");
         attr(span2, "class", "flex items-center");
         attr(span3, "class", "flex items-center");
         attr(span4, "class", "flex items-center justify-between w-full");
         attr(span5, "class", span5_class_value = "btn-mcq-text " + /*optionHasMedia*/
-        (ctx[13] && !/*isPreviewMode*/
-        ctx[2] ? "min-h-[44px]" : ""));
+        (ctx[13] ? "min-h-[44px]" : ""));
         attr(button, "role", button_role_value = /*correctAnswersLength*/
         ctx[5] > 1 ? "checkbox" : null);
         attr(button, "tabindex", button_tabindex_value = /*correctAnswersLength*/
@@ -4383,8 +4368,7 @@
           ctx[30].answer
         )} ${func()}`);
         attr(button, "class", button_class_value = "group btn-mcq-option " + /*optionHasMedia*/
-        (ctx[13] && !/*isPreviewMode*/
-        ctx[2] ? "min-w-[288px] max-w-[304px] min-h-[210px] md:min-w-full block" : "") + " " + (!/*isFinished*/
+        (ctx[13] ? "min-w-[288px] max-w-[304px] min-h-[210px] md:min-w-full block" : "") + " " + (!/*isFinished*/
         ctx[1] || /*isPreviewModeInteractive*/
         ctx[3] ? "active:raw-focus-ring-by" : "finished") + " " + /*selectedOptions*/
         (ctx[4].includes(
@@ -4495,12 +4479,6 @@
           if_block0.d(1);
           if_block0 = null;
         }
-        if (!current || dirty[0] & /*isPreviewMode*/
-        4 && span0_class_value !== (span0_class_value = "choice " + /*optionHasMedia*/
-        (ctx[13] && !/*isPreviewMode*/
-        ctx[2] ? "my-1.5" : ""))) {
-          attr(span0, "class", span0_class_value);
-        }
         if (dirty[0] & /*isFinished, selectedOptions, correctAnswersLength, isPreviewMode, isPreviewModeInteractive*/
         62)
           show_if_4 = /*isFinished*/
@@ -4659,28 +4637,11 @@
           });
           check_outros();
         }
-        if (!current || dirty[0] & /*isPreviewMode*/
-        4 && span5_class_value !== (span5_class_value = "btn-mcq-text " + /*optionHasMedia*/
-        (ctx[13] && !/*isPreviewMode*/
-        ctx[2] ? "min-h-[44px]" : ""))) {
-          attr(span5, "class", span5_class_value);
-        }
         if (
           /*optionHasMedia*/
-          ctx[13] && !/*isPreviewMode*/
-          ctx[2]
-        ) {
-          if (if_block6) {
-            if_block6.p(ctx, dirty);
-          } else {
-            if_block6 = create_if_block_14(ctx);
-            if_block6.c();
-            if_block6.m(button, t9);
-          }
-        } else if (if_block6) {
-          if_block6.d(1);
-          if_block6 = null;
-        }
+          ctx[13]
+        )
+          if_block6.p(ctx, dirty);
         if (!current || dirty[0] & /*correctAnswersLength*/
         32 && button_role_value !== (button_role_value = /*correctAnswersLength*/
         ctx[5] > 1 ? "checkbox" : null)) {
@@ -4724,10 +4685,9 @@
         )} ${func()}`)) {
           attr(button, "aria-label", button_aria_label_value);
         }
-        if (!current || dirty[0] & /*isPreviewMode, isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength*/
+        if (!current || dirty[0] & /*isFinished, isPreviewModeInteractive, selectedOptions, correctAnswerIds, correctAnswersLength, isPreviewMode*/
         126 && button_class_value !== (button_class_value = "group btn-mcq-option " + /*optionHasMedia*/
-        (ctx[13] && !/*isPreviewMode*/
-        ctx[2] ? "min-w-[288px] max-w-[304px] min-h-[210px] md:min-w-full block" : "") + " " + (!/*isFinished*/
+        (ctx[13] ? "min-w-[288px] max-w-[304px] min-h-[210px] md:min-w-full block" : "") + " " + (!/*isFinished*/
         ctx[1] || /*isPreviewModeInteractive*/
         ctx[3] ? "active:raw-focus-ring-by" : "finished") + " " + /*selectedOptions*/
         (ctx[4].includes(
@@ -4924,8 +4884,7 @@
         ),
         optionHasMedia: (
           /*optionHasMedia*/
-          ctx[13] && !/*isPreviewMode*/
-          ctx[2]
+          ctx[13]
         ),
         $$slots: { default: [create_default_slot] },
         $$scope: { ctx }
@@ -4941,12 +4900,7 @@
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*isPreviewMode*/
-        4)
-          promptbody_changes.optionHasMedia = /*optionHasMedia*/
-          ctx2[13] && !/*isPreviewMode*/
-          ctx2[2];
-        if (dirty[0] & /*isPreviewMode, correctAnswersLength, selectedOptions, isFinished, isPreviewModeInteractive, correctAnswerIds, isDataSaving, resultFeedback, isFeedbackShown*/
+        if (dirty[0] & /*correctAnswersLength, selectedOptions, isFinished, isPreviewModeInteractive, isPreviewMode, correctAnswerIds, isDataSaving, resultFeedback, isFeedbackShown*/
         511 | dirty[1] & /*$$scope*/
         4) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
@@ -17487,7 +17441,7 @@
       }
     };
   }
-  function create_if_block_111(ctx) {
+  function create_if_block_211(ctx) {
     let promptdropdowncontainer;
     let current;
     promptdropdowncontainer = new PromptDropdownContainer_default({
@@ -17599,7 +17553,7 @@
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_111, create_else_block7];
+    const if_block_creators = [create_if_block_211, create_else_block7];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -17645,27 +17599,17 @@
   function create_if_block12(ctx) {
     let div;
     let t0;
-    let promptresult;
+    let show_if = (
+      /*isFinished*/
+      ctx[2] && !/*isResultCorrect*/
+      ctx[8]() || /*isPreviewModeInteractive*/
+      ctx[4] && /*previewInteractiveEvent*/
+      ctx[9]
+    );
     let t1;
     let promptresultfeedbacktable;
     let current;
-    promptresult = new PromptResultFeedbackAlert_default({
-      props: {
-        isResultCorrect: (
-          /*isResultCorrect*/
-          ctx[8]()
-        ),
-        resultFeedback: (
-          /*resultFeedback*/
-          ctx[12]()
-        ),
-        isSkipped: (
-          /*isSkipped*/
-          ctx[13]()
-        ),
-        hasIcon: true
-      }
-    });
+    let if_block = show_if && create_if_block_111(ctx);
     promptresultfeedbacktable = new PromptResultFeedbackTable_default({
       props: {
         answerResults: (
@@ -17690,7 +17634,8 @@
       c() {
         div = element("div");
         t0 = space();
-        create_component(promptresult.$$.fragment);
+        if (if_block)
+          if_block.c();
         t1 = space();
         create_component(promptresultfeedbacktable.$$.fragment);
         attr(div, "class", "divider my-6");
@@ -17698,26 +17643,40 @@
       m(target, anchor) {
         insert(target, div, anchor);
         insert(target, t0, anchor);
-        mount_component(promptresult, target, anchor);
+        if (if_block)
+          if_block.m(target, anchor);
         insert(target, t1, anchor);
         mount_component(promptresultfeedbacktable, target, anchor);
         current = true;
       },
       p(ctx2, dirty) {
-        const promptresult_changes = {};
-        if (dirty[0] & /*isResultCorrect*/
-        256)
-          promptresult_changes.isResultCorrect = /*isResultCorrect*/
-          ctx2[8]();
-        if (dirty[0] & /*resultFeedback*/
-        4096)
-          promptresult_changes.resultFeedback = /*resultFeedback*/
-          ctx2[12]();
-        if (dirty[0] & /*isSkipped*/
-        8192)
-          promptresult_changes.isSkipped = /*isSkipped*/
-          ctx2[13]();
-        promptresult.$set(promptresult_changes);
+        if (dirty[0] & /*isFinished, isResultCorrect, isPreviewModeInteractive, previewInteractiveEvent*/
+        788)
+          show_if = /*isFinished*/
+          ctx2[2] && !/*isResultCorrect*/
+          ctx2[8]() || /*isPreviewModeInteractive*/
+          ctx2[4] && /*previewInteractiveEvent*/
+          ctx2[9];
+        if (show_if) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+            if (dirty[0] & /*isFinished, isResultCorrect, isPreviewModeInteractive, previewInteractiveEvent*/
+            788) {
+              transition_in(if_block, 1);
+            }
+          } else {
+            if_block = create_if_block_111(ctx2);
+            if_block.c();
+            transition_in(if_block, 1);
+            if_block.m(t1.parentNode, t1);
+          }
+        } else if (if_block) {
+          group_outros();
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+          check_outros();
+        }
         const promptresultfeedbacktable_changes = {};
         if (dirty[0] & /*getDropdownAnswerResult*/
         2048)
@@ -17740,12 +17699,12 @@
       i(local) {
         if (current)
           return;
-        transition_in(promptresult.$$.fragment, local);
+        transition_in(if_block);
         transition_in(promptresultfeedbacktable.$$.fragment, local);
         current = true;
       },
       o(local) {
-        transition_out(promptresult.$$.fragment, local);
+        transition_out(if_block);
         transition_out(promptresultfeedbacktable.$$.fragment, local);
         current = false;
       },
@@ -17755,11 +17714,71 @@
           detach(t0);
           detach(t1);
         }
-        destroy_component(promptresult, detaching);
+        if (if_block)
+          if_block.d(detaching);
         destroy_component(promptresultfeedbacktable, detaching);
       }
     };
   }
+  function create_if_block_111(ctx) {
+    let promptresult;
+    let current;
+    promptresult = new PromptResultFeedbackAlert_default({
+      props: {
+        isResultCorrect: (
+          /*isResultCorrect*/
+          ctx[8]()
+        ),
+        resultFeedback: (
+          /*resultFeedback*/
+          ctx[12]()
+        ),
+        isSkipped: (
+          /*isSkipped*/
+          ctx[13]()
+        ),
+        hasIcon: true
+      }
+    });
+    return {
+      c() {
+        create_component(promptresult.$$.fragment);
+      },
+      m(target, anchor) {
+        mount_component(promptresult, target, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const promptresult_changes = {};
+        if (dirty[0] & /*isResultCorrect*/
+        256)
+          promptresult_changes.isResultCorrect = /*isResultCorrect*/
+          ctx2[8]();
+        if (dirty[0] & /*resultFeedback*/
+        4096)
+          promptresult_changes.resultFeedback = /*resultFeedback*/
+          ctx2[12]();
+        if (dirty[0] & /*isSkipped*/
+        8192)
+          promptresult_changes.isSkipped = /*isSkipped*/
+          ctx2[13]();
+        promptresult.$set(promptresult_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(promptresult.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(promptresult.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        destroy_component(promptresult, detaching);
+      }
+    };
+  }
   function create_default_slot5(ctx) {
     let p;
     let t2;
@@ -17929,7 +17948,7 @@
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*getDropdownAnswerResult, getCorrectAnswers, sessionId, getSessionAnswer, isResultCorrect, resultFeedback, isSkipped, isFinished, isPreviewMode, isPreviewModeInteractive, previewInteractiveEvent, sessionData, answer, isDataSaving*/
+        if (dirty[0] & /*getDropdownAnswerResult, getCorrectAnswers, sessionId, getSessionAnswer, isResultCorrect, resultFeedback, isSkipped, isFinished, isPreviewModeInteractive, previewInteractiveEvent, isPreviewMode, sessionData, answer, isDataSaving*/
         16383 | dirty[1] & /*$$scope*/
         2) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
@@ -18290,7 +18309,7 @@
     let if_block_anchor;
     let current;
     const if_block_creators = [
-      create_if_block_211,
+      create_if_block_212,
       create_if_block_39,
       create_if_block_47,
       create_if_block_56,
@@ -18665,7 +18684,7 @@
       }
     };
   }
-  function create_if_block_211(ctx) {
+  function create_if_block_212(ctx) {
     let promptmcq;
     let current;
     promptmcq = new PromptMCQ_default({

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "eat-js-sdk",
-    "version": "1.0.36",
-    "change version": "1.0.7",
+    "version": "1.0.38",
+    "change version": "1.0.8",
     "description": "Authoring tool frontend SDK",
     "contributors": [
         {