eat-js-sdk 1.0.37 → 1.0.39

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
@@ -4880,7 +4882,10 @@
           /*stimulus*/
           ctx[10]
         ),
-        optionHasMedia: true,
+        optionHasMedia: (
+          /*optionHasMedia*/
+          ctx[13]
+        ),
         $$slots: { default: [create_default_slot] },
         $$scope: { ctx }
       }
@@ -17400,7 +17405,7 @@
   // src/lib/components/prompt/dropdown/PromptDropdown.svelte
   function get_each_context7(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[29] = list[i];
+    child_ctx[31] = list[i];
     return child_ctx;
   }
   function create_else_block7(ctx) {
@@ -17408,7 +17413,7 @@
     let html_tag;
     let raw_value = (
       /*item*/
-      ctx[29].text + ""
+      ctx[31].text + ""
     );
     let t2;
     let span_aria_hidden_value;
@@ -17436,7 +17441,7 @@
       }
     };
   }
-  function create_if_block_111(ctx) {
+  function create_if_block_211(ctx) {
     let promptdropdowncontainer;
     let current;
     promptdropdowncontainer = new PromptDropdownContainer_default({
@@ -17447,19 +17452,19 @@
         ),
         metadata: (
           /*metadata*/
-          ctx[15]
+          ctx[17]
         ),
         scoringMetadata: (
           /*scoringMetadata*/
-          ctx[16]
+          ctx[18]
         ),
         options: (
           /*item*/
-          ctx[29]
+          ctx[31]
         ),
         answer: (
           /*answer*/
-          ctx[6]
+          ctx[8]
         ),
         isDataSaving: (
           /*isDataSaving*/
@@ -17479,14 +17484,14 @@
         ),
         previewInteractiveEvent: (
           /*previewInteractiveEvent*/
-          ctx[9]
+          ctx[6]
         )
       }
     });
     promptdropdowncontainer.$on(
       "select",
       /*select_handler*/
-      ctx[23]
+      ctx[25]
     );
     return {
       c() {
@@ -17503,9 +17508,9 @@
           promptdropdowncontainer_changes.sessionData = /*sessionData*/
           ctx2[0];
         if (dirty[0] & /*answer*/
-        64)
+        256)
           promptdropdowncontainer_changes.answer = /*answer*/
-          ctx2[6];
+          ctx2[8];
         if (dirty[0] & /*isDataSaving*/
         32)
           promptdropdowncontainer_changes.isDataSaving = /*isDataSaving*/
@@ -17523,9 +17528,9 @@
           promptdropdowncontainer_changes.isPreviewModeInteractive = /*isPreviewModeInteractive*/
           ctx2[4];
         if (dirty[0] & /*previewInteractiveEvent*/
-        512)
+        64)
           promptdropdowncontainer_changes.previewInteractiveEvent = /*previewInteractiveEvent*/
-          ctx2[9];
+          ctx2[6];
         promptdropdowncontainer.$set(promptdropdowncontainer_changes);
       },
       i(local) {
@@ -17548,12 +17553,12 @@
     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 (
         /*item*/
-        ctx2[29].type === "dropdown"
+        ctx2[31].type === "dropdown"
       )
         return 0;
       return 1;
@@ -17594,36 +17599,22 @@
   function create_if_block12(ctx) {
     let div;
     let t0;
-    let promptresult;
     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 = (
+      /*showSpecificFeedback*/
+      ctx[10] && create_if_block_111(ctx)
+    );
     promptresultfeedbacktable = new PromptResultFeedbackTable_default({
       props: {
         answerResults: (
           /*getDropdownAnswerResult*/
-          ctx[11]()
+          ctx[13]()
         ),
         correctAnswers: (
           /*getCorrectAnswers*/
-          ctx[7]()
+          ctx[9]()
         ),
         sessionId: (
           /*sessionId*/
@@ -17631,7 +17622,7 @@
         ),
         sessionAnswer: (
           /*getSessionAnswer*/
-          ctx[10]()
+          ctx[12]()
         )
       }
     });
@@ -17639,7 +17630,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");
@@ -17647,54 +17639,64 @@
       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 (
+          /*showSpecificFeedback*/
+          ctx2[10]
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+            if (dirty[0] & /*showSpecificFeedback*/
+            1024) {
+              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)
+        8192)
           promptresultfeedbacktable_changes.answerResults = /*getDropdownAnswerResult*/
-          ctx2[11]();
+          ctx2[13]();
         if (dirty[0] & /*getCorrectAnswers*/
-        128)
+        512)
           promptresultfeedbacktable_changes.correctAnswers = /*getCorrectAnswers*/
-          ctx2[7]();
+          ctx2[9]();
         if (dirty[0] & /*sessionId*/
         2)
           promptresultfeedbacktable_changes.sessionId = /*sessionId*/
           ctx2[1];
         if (dirty[0] & /*getSessionAnswer*/
-        1024)
+        4096)
           promptresultfeedbacktable_changes.sessionAnswer = /*getSessionAnswer*/
-          ctx2[10]();
+          ctx2[12]();
         promptresultfeedbacktable.$set(promptresultfeedbacktable_changes);
       },
       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;
       },
@@ -17704,11 +17706,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[7]()
+        ),
+        resultFeedback: (
+          /*resultFeedback*/
+          ctx[14]()
+        ),
+        isSkipped: (
+          /*isSkipped*/
+          ctx[15]()
+        ),
+        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*/
+        128)
+          promptresult_changes.isResultCorrect = /*isResultCorrect*/
+          ctx2[7]();
+        if (dirty[0] & /*resultFeedback*/
+        16384)
+          promptresult_changes.resultFeedback = /*resultFeedback*/
+          ctx2[14]();
+        if (dirty[0] & /*isSkipped*/
+        32768)
+          promptresult_changes.isSkipped = /*isSkipped*/
+          ctx2[15]();
+        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;
@@ -17716,9 +17778,9 @@
     let current;
     let each_value = ensure_array_like(
       /*parseText*/
-      ctx[18](
+      ctx[20](
         /*dropdownText*/
-        ctx[20].prompt
+        ctx[22].prompt
       )
     );
     let each_blocks = [];
@@ -17729,11 +17791,8 @@
       each_blocks[i] = null;
     });
     let if_block = (
-      /*isFinished*/
-      (ctx[2] && !/*isPreviewMode*/
-      ctx[3] || /*isPreviewModeInteractive*/
-      ctx[4] && /*previewInteractiveEvent*/
-      ctx[9]) && create_if_block12(ctx)
+      /*showFeedbackandTable*/
+      ctx[11] && create_if_block12(ctx)
     );
     return {
       c() {
@@ -17762,12 +17821,12 @@
       },
       p(ctx2, dirty) {
         if (dirty[0] & /*sessionData, metadata, scoringMetadata, parseText, dropdownText, answer, isDataSaving, isFinished, isPreviewMode, isPreviewModeInteractive, previewInteractiveEvent, saveDropdownEvent*/
-        3506813) {
+        14025085) {
           each_value = ensure_array_like(
             /*parseText*/
-            ctx2[18](
+            ctx2[20](
               /*dropdownText*/
-              ctx2[20].prompt
+              ctx2[22].prompt
             )
           );
           let i;
@@ -17790,16 +17849,13 @@
           check_outros();
         }
         if (
-          /*isFinished*/
-          ctx2[2] && !/*isPreviewMode*/
-          ctx2[3] || /*isPreviewModeInteractive*/
-          ctx2[4] && /*previewInteractiveEvent*/
-          ctx2[9]
+          /*showFeedbackandTable*/
+          ctx2[11]
         ) {
           if (if_block) {
             if_block.p(ctx2, dirty);
-            if (dirty[0] & /*isFinished, isPreviewMode, isPreviewModeInteractive, previewInteractiveEvent*/
-            540) {
+            if (dirty[0] & /*showFeedbackandTable*/
+            2048) {
               transition_in(if_block, 1);
             }
           } else {
@@ -17852,16 +17908,16 @@
       props: {
         rubric: (
           /*rubric*/
-          ctx[14].text
+          ctx[16].text
         ),
         prompt: (
           /*prompt*/
-          ctx[19]
+          ctx[21]
         ),
         interactionType: INTERACTION_TYPE_DROPDOWN,
         stimulus: (
           /*stimulus*/
-          ctx[17]
+          ctx[19]
         ),
         hasDivider: false,
         $$slots: { default: [create_default_slot5] },
@@ -17878,9 +17934,9 @@
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*getDropdownAnswerResult, getCorrectAnswers, sessionId, getSessionAnswer, isResultCorrect, resultFeedback, isSkipped, isFinished, isPreviewMode, isPreviewModeInteractive, previewInteractiveEvent, sessionData, answer, isDataSaving*/
-        16383 | dirty[1] & /*$$scope*/
-        2) {
+        if (dirty[0] & /*getDropdownAnswerResult, getCorrectAnswers, sessionId, getSessionAnswer, isResultCorrect, resultFeedback, isSkipped, showSpecificFeedback, showFeedbackandTable, sessionData, answer, isDataSaving, isFinished, isPreviewMode, isPreviewModeInteractive, previewInteractiveEvent*/
+        65535 | dirty[1] & /*$$scope*/
+        8) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -17909,6 +17965,8 @@
     let getCorrectAnswers;
     let getDropdownAnswerResult;
     let getSessionAnswer;
+    let showFeedbackandTable;
+    let showSpecificFeedback;
     let { sessionData } = $$props;
     let { sessionId } = $$props;
     let { isFinished = false } = $$props;
@@ -17952,8 +18010,8 @@
       if (!isFinished && !isPreviewModeInteractive)
         dispatch("saveDropdown", { answer: choice.detail });
       if (isPreviewModeInteractive) {
-        $$invalidate(6, answer = choice.detail);
-        $$invalidate(9, previewInteractiveEvent = !choice.detail.some((item) => item.choice === ""));
+        $$invalidate(8, answer = choice.detail);
+        $$invalidate(6, previewInteractiveEvent = !choice.detail.some((item) => item.choice === ""));
       }
     };
     const select_handler = (choice) => {
@@ -17975,9 +18033,9 @@
     };
     $$self.$$.update = () => {
       if ($$self.$$.dirty[0] & /*isFinished, isPreviewModeInteractive, isPreviewMode, answer*/
-      92) {
+      284) {
         $:
-          $$invalidate(22, getSessionFeedbackData = () => {
+          $$invalidate(24, getSessionFeedbackData = () => {
             if (!isFinished && !isPreviewModeInteractive || isFinished && isPreviewMode)
               return [];
             const { answer: sessionAnswer, correctAnswer: sessionCorrectAnswer } = scoringMetadata;
@@ -17994,9 +18052,9 @@
           });
       }
       if ($$self.$$.dirty[0] & /*isFinished, isPreviewModeInteractive, getSessionFeedbackData*/
-      4194324) {
+      16777236) {
         $:
-          $$invalidate(13, isSkipped = () => {
+          $$invalidate(15, isSkipped = () => {
             if (!isFinished && !isPreviewModeInteractive)
               return;
             if (!scoringMetadata.hasAnswer)
@@ -18006,16 +18064,16 @@
           });
       }
       if ($$self.$$.dirty[0] & /*getSessionFeedbackData*/
-      4194304) {
+      16777216) {
         $:
-          $$invalidate(8, isResultCorrect = () => {
+          $$invalidate(7, isResultCorrect = () => {
             return getSessionFeedbackData().every((status) => status === "correct");
           });
       }
       if ($$self.$$.dirty[0] & /*isFinished, isPreviewModeInteractive, isResultCorrect*/
-      276) {
+      148) {
         $:
-          $$invalidate(12, resultFeedback = () => {
+          $$invalidate(14, resultFeedback = () => {
             if (!isFinished && !isPreviewModeInteractive)
               return "";
             const { correct: correctFeedback, incorrect: incorrectFeedback } = feedback;
@@ -18025,7 +18083,7 @@
       if ($$self.$$.dirty[0] & /*isFinished, isPreviewMode*/
       12) {
         $:
-          $$invalidate(7, getCorrectAnswers = () => {
+          $$invalidate(9, getCorrectAnswers = () => {
             if (isFinished || isPreviewMode) {
               return scoringMetadata?.correctAnswer.map((data) => {
                 return isPreviewMode ? data.correct_answers : data.correct_answer_list;
@@ -18034,9 +18092,9 @@
           });
       }
       if ($$self.$$.dirty[0] & /*getCorrectAnswers, isPreviewMode, isPreviewModeInteractive, answer, isFinished*/
-      220) {
+      796) {
         $:
-          $$invalidate(11, getDropdownAnswerResult = () => {
+          $$invalidate(13, getDropdownAnswerResult = () => {
             const correctAnswerList = getCorrectAnswers();
             if (isPreviewMode && !isPreviewModeInteractive) {
               return Array(correctAnswerList.length).fill(true);
@@ -18054,9 +18112,9 @@
           });
       }
       if ($$self.$$.dirty[0] & /*isPreviewMode, isPreviewModeInteractive, getCorrectAnswers, answer, isFinished*/
-      220) {
+      796) {
         $:
-          $$invalidate(10, getSessionAnswer = () => {
+          $$invalidate(12, getSessionAnswer = () => {
             if (isPreviewMode && !isPreviewModeInteractive) {
               return getCorrectAnswers().map((value) => value[0]);
             }
@@ -18068,9 +18126,19 @@
             }
           });
       }
+      if ($$self.$$.dirty[0] & /*isFinished, isPreviewMode, isPreviewModeInteractive, previewInteractiveEvent*/
+      92) {
+        $:
+          $$invalidate(11, showFeedbackandTable = isFinished && !isPreviewMode || isPreviewModeInteractive && previewInteractiveEvent);
+      }
+      if ($$self.$$.dirty[0] & /*isFinished, isResultCorrect, isPreviewModeInteractive, previewInteractiveEvent*/
+      212) {
+        $:
+          $$invalidate(10, showSpecificFeedback = isFinished && !isResultCorrect() || isPreviewModeInteractive && previewInteractiveEvent);
+      }
     };
     $:
-      $$invalidate(6, answer = options.map((data) => {
+      $$invalidate(8, answer = options.map((data) => {
         if (metadata) {
           const sessionChoice = getDropdownAnswerEvent().find((sessionEvent) => sessionEvent.id === data.id).choice;
           return { id: data.id, choice: sessionChoice };
@@ -18084,10 +18152,12 @@
       isPreviewMode,
       isPreviewModeInteractive,
       isDataSaving,
+      previewInteractiveEvent,
+      isResultCorrect,
       answer,
       getCorrectAnswers,
-      isResultCorrect,
-      previewInteractiveEvent,
+      showSpecificFeedback,
+      showFeedbackandTable,
       getSessionAnswer,
       getDropdownAnswerResult,
       resultFeedback,
@@ -18239,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,
@@ -18614,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,6 +1,6 @@
 {
     "name": "eat-js-sdk",
-    "version": "1.0.37",
+    "version": "1.0.39",
     "change version": "1.0.8",
     "description": "Authoring tool frontend SDK",
     "contributors": [