eat-js-sdk 1.2.5 → 1.3.0

package/dist/eat-prompt-builder.mjs

@@ -2232,16 +2232,16 @@
   // src/lib/components/prompt/template/PromptBody.svelte
   var { window: window_1 } = globals;
   function add_css(target) {
-    append_styles(target, "svelte-qwvrrk", "@media only screen and (min-width: 1196px){.container-class.svelte-qwvrrk{max-width:var(--interactionWidthValue);overflow:visible;position:relative}}@media only screen and (min-width: 1440px){.mcq-media-container.svelte-qwvrrk{max-width:720px}.mcq-media-container-stimulus.svelte-qwvrrk{max-width:1310px}}");
+    append_styles(target, "svelte-1llhmb1", "@media only screen and (min-width: 1196px){.container-class.svelte-1llhmb1{max-width:var(--interactionWidthValue);overflow:visible;position:relative}}");
   }
   var get_default_slot_changes = (dirty) => ({
     dynamicInteractionWidth: dirty[0] & /*dynamicInteractionWidth*/
-    131072
+    32768
   });
   var get_default_slot_context = (ctx) => ({
     dynamicInteractionWidth: (
       /*dynamicInteractionWidth*/
-      ctx[17]
+      ctx[15]
     )
   });
   function create_if_block_11(ctx) {
@@ -2256,7 +2256,7 @@
         otherClass: "item-heading mb-4",
         htmlHeading: (
           /*promptRubricHeaderElem*/
-          ctx[25]
+          ctx[23]
         )
       }
     });
@@ -2298,7 +2298,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[13]
+          ctx[11]
         ),
         otherClass: "text-stimulus py-2"
       }
@@ -2314,9 +2314,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*stimulusText*/
-        8192)
+        2048)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[13];
+          ctx2[11];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2343,23 +2343,23 @@
       props: {
         fileType: (
           /*fileType*/
-          ctx[8]
+          ctx[6]
         ),
         fileUrl: (
           /*fileUrl*/
-          ctx[7]
+          ctx[5]
         ),
         altText: (
           /*altText*/
-          ctx[10]
+          ctx[8]
         ),
         longDescription: (
           /*longDescription*/
-          ctx[11]
+          ctx[9]
         ),
         fileCaption: (
           /*caption*/
-          ctx[12]
+          ctx[10]
         )
       }
     });
@@ -2368,10 +2368,10 @@
         div = element("div");
         create_component(commonmedia.$$.fragment);
         attr(div, "class", div_class_value = /*showTextAlignmentInline*/
-        (ctx[21] && /*showStimulusLayoutMediaFirst*/
-        ctx[23] ? "pb-2" : "pb-10") + " " + /*showTextAlignmentInline*/
-        (ctx[21] && /*showStimulusLayoutTextFirst*/
-        ctx[24] ? "" : "pt-6"));
+        (ctx[19] && /*showStimulusLayoutMediaFirst*/
+        ctx[21] ? "pb-2" : "pb-10") + " " + /*showTextAlignmentInline*/
+        (ctx[19] && /*showStimulusLayoutTextFirst*/
+        ctx[22] ? "" : "pt-6"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -2381,25 +2381,25 @@
       p(ctx2, dirty) {
         const commonmedia_changes = {};
         if (dirty[0] & /*fileType*/
-        256)
+        64)
           commonmedia_changes.fileType = /*fileType*/
-          ctx2[8];
+          ctx2[6];
         if (dirty[0] & /*fileUrl*/
-        128)
+        32)
           commonmedia_changes.fileUrl = /*fileUrl*/
-          ctx2[7];
+          ctx2[5];
         if (dirty[0] & /*altText*/
-        1024)
+        256)
           commonmedia_changes.altText = /*altText*/
-          ctx2[10];
+          ctx2[8];
         if (dirty[0] & /*longDescription*/
-        2048)
+        512)
           commonmedia_changes.longDescription = /*longDescription*/
-          ctx2[11];
+          ctx2[9];
         if (dirty[0] & /*caption*/
-        4096)
+        1024)
           commonmedia_changes.fileCaption = /*caption*/
-          ctx2[12];
+          ctx2[10];
         commonmedia.$set(commonmedia_changes);
       },
       i(local) {
@@ -2427,7 +2427,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[13]
+          ctx[11]
         ),
         otherClass: "text-stimulus py-2"
       }
@@ -2443,9 +2443,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*stimulusText*/
-        8192)
+        2048)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[13];
+          ctx2[11];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2475,7 +2475,7 @@
         otherClass: "item-heading prompt",
         htmlHeading: (
           /*promptRubricHeaderElem*/
-          ctx[25]
+          ctx[23]
         )
       }
     });
@@ -2517,7 +2517,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[13]
+          ctx[11]
         ),
         otherClass: "text-stimulus pb-0 lg:hidden"
       }
@@ -2533,9 +2533,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*stimulusText*/
-        8192)
+        2048)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[13];
+          ctx2[11];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2562,23 +2562,23 @@
       props: {
         fileType: (
           /*fileType*/
-          ctx[8]
+          ctx[6]
         ),
         fileUrl: (
           /*fileUrl*/
-          ctx[7]
+          ctx[5]
         ),
         altText: (
           /*altText*/
-          ctx[10]
+          ctx[8]
         ),
         longDescription: (
           /*longDescription*/
-          ctx[11]
+          ctx[9]
         ),
         fileCaption: (
           /*caption*/
-          ctx[12]
+          ctx[10]
         )
       }
     });
@@ -2587,8 +2587,8 @@
         div = element("div");
         create_component(commonmedia.$$.fragment);
         attr(div, "class", div_class_value = "lg:hidden " + /*showTextAlignmentDefault*/
-        (ctx[20] && /*showStimulusLayoutTextFirst*/
-        ctx[24] ? "pt-4" : "pt-6"));
+        (ctx[18] && /*showStimulusLayoutTextFirst*/
+        ctx[22] ? "pt-4" : "pt-6"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -2598,25 +2598,25 @@
       p(ctx2, dirty) {
         const commonmedia_changes = {};
         if (dirty[0] & /*fileType*/
-        256)
+        64)
           commonmedia_changes.fileType = /*fileType*/
-          ctx2[8];
+          ctx2[6];
         if (dirty[0] & /*fileUrl*/
-        128)
+        32)
           commonmedia_changes.fileUrl = /*fileUrl*/
-          ctx2[7];
+          ctx2[5];
         if (dirty[0] & /*altText*/
-        1024)
+        256)
           commonmedia_changes.altText = /*altText*/
-          ctx2[10];
+          ctx2[8];
         if (dirty[0] & /*longDescription*/
-        2048)
+        512)
           commonmedia_changes.longDescription = /*longDescription*/
-          ctx2[11];
+          ctx2[9];
         if (dirty[0] & /*caption*/
-        4096)
+        1024)
           commonmedia_changes.fileCaption = /*caption*/
-          ctx2[12];
+          ctx2[10];
         commonmedia.$set(commonmedia_changes);
       },
       i(local) {
@@ -2644,7 +2644,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[13]
+          ctx[11]
         ),
         otherClass: "text-stimulus pb-0 lg:hidden"
       }
@@ -2660,9 +2660,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*stimulusText*/
-        8192)
+        2048)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[13];
+          ctx2[11];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2688,17 +2688,17 @@
     let current;
     let if_block0 = (
       /*showTextAlignmentDefault*/
-      ctx[20] && /*showStimulusLayoutTextFirst*/
-      ctx[24] && create_if_block_32(ctx)
+      ctx[18] && /*showStimulusLayoutTextFirst*/
+      ctx[22] && create_if_block_32(ctx)
     );
     let if_block1 = (
       /*showAssetAlignmentDefault*/
-      ctx[19] && create_if_block_22(ctx)
+      ctx[17] && create_if_block_22(ctx)
     );
     let if_block2 = (
       /*showTextAlignmentDefault*/
-      ctx[20] && /*showStimulusLayoutMediaFirst*/
-      ctx[23] && create_if_block_12(ctx)
+      ctx[18] && /*showStimulusLayoutMediaFirst*/
+      ctx[21] && create_if_block_12(ctx)
     );
     return {
       c() {
@@ -2718,7 +2718,7 @@
           div1,
           "margin-top",
           /*dynamicMarginTop*/
-          ctx[16]
+          ctx[14]
         );
       },
       m(target, anchor) {
@@ -2732,34 +2732,34 @@
         append(div0, t1);
         if (if_block2)
           if_block2.m(div0, null);
-        ctx[33](div1);
+        ctx[32](div1);
         current = true;
       },
       p(ctx2, dirty) {
         if (
           /*showTextAlignmentDefault*/
-          ctx2[20] && /*showStimulusLayoutTextFirst*/
-          ctx2[24]
+          ctx2[18] && /*showStimulusLayoutTextFirst*/
+          ctx2[22]
         )
           if_block0.p(ctx2, dirty);
         if (
           /*showAssetAlignmentDefault*/
-          ctx2[19]
+          ctx2[17]
         )
           if_block1.p(ctx2, dirty);
         if (
           /*showTextAlignmentDefault*/
-          ctx2[20] && /*showStimulusLayoutMediaFirst*/
-          ctx2[23]
+          ctx2[18] && /*showStimulusLayoutMediaFirst*/
+          ctx2[21]
         )
           if_block2.p(ctx2, dirty);
         if (!current || dirty[0] & /*dynamicMarginTop*/
-        65536) {
+        16384) {
           set_style(
             div1,
             "margin-top",
             /*dynamicMarginTop*/
-            ctx2[16]
+            ctx2[14]
           );
         }
       },
@@ -2787,7 +2787,7 @@
           if_block1.d();
         if (if_block2)
           if_block2.d();
-        ctx[33](null);
+        ctx[32](null);
       }
     };
   }
@@ -2798,7 +2798,7 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[13]
+          ctx[11]
         ),
         otherClass: "text-stimulus pt-0"
       }
@@ -2814,9 +2814,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*stimulusText*/
-        8192)
+        2048)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[13];
+          ctx2[11];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2841,27 +2841,27 @@
       props: {
         fileType: (
           /*fileType*/
-          ctx[8]
+          ctx[6]
         ),
         fileUrl: (
           /*fileUrl*/
-          ctx[7]
+          ctx[5]
         ),
         altText: (
           /*altText*/
-          ctx[10]
+          ctx[8]
         ),
         longDescription: (
           /*longDescription*/
-          ctx[11]
+          ctx[9]
         ),
         handleImageLoad: (
           /*handleImageLoad*/
-          ctx[27]
+          ctx[25]
         ),
         fileCaption: (
           /*caption*/
-          ctx[12]
+          ctx[10]
         )
       }
     });
@@ -2876,25 +2876,25 @@
       p(ctx2, dirty) {
         const commonmedia_changes = {};
         if (dirty[0] & /*fileType*/
-        256)
+        64)
           commonmedia_changes.fileType = /*fileType*/
-          ctx2[8];
+          ctx2[6];
         if (dirty[0] & /*fileUrl*/
-        128)
+        32)
           commonmedia_changes.fileUrl = /*fileUrl*/
-          ctx2[7];
+          ctx2[5];
         if (dirty[0] & /*altText*/
-        1024)
+        256)
           commonmedia_changes.altText = /*altText*/
-          ctx2[10];
+          ctx2[8];
         if (dirty[0] & /*longDescription*/
-        2048)
+        512)
           commonmedia_changes.longDescription = /*longDescription*/
-          ctx2[11];
+          ctx2[9];
         if (dirty[0] & /*caption*/
-        4096)
+        1024)
           commonmedia_changes.fileCaption = /*caption*/
-          ctx2[12];
+          ctx2[10];
         commonmedia.$set(commonmedia_changes);
       },
       i(local) {
@@ -2919,10 +2919,10 @@
       props: {
         htmlString: (
           /*stimulusText*/
-          ctx[13]
+          ctx[11]
         ),
         otherClass: "text-stimulus " + (!/*showAssetAlignmentDefault*/
-        ctx[19] ? "pt-0" : "")
+        ctx[17] ? "pt-0" : "")
       }
     });
     return {
@@ -2936,9 +2936,9 @@
       p(ctx2, dirty) {
         const commonstringtohtml_changes = {};
         if (dirty[0] & /*stimulusText*/
-        8192)
+        2048)
           commonstringtohtml_changes.htmlString = /*stimulusText*/
-          ctx2[13];
+          ctx2[11];
         commonstringtohtml.$set(commonstringtohtml_changes);
       },
       i(local) {
@@ -2978,7 +2978,7 @@
     let dispose;
     add_render_callback(
       /*onwindowresize*/
-      ctx[32]
+      ctx[31]
     );
     let if_block0 = (
       /*rubric*/
@@ -2986,18 +2986,18 @@
     );
     let if_block1 = (
       /*showTextAlignmentInline*/
-      ctx[21] && /*showStimulusLayoutTextFirst*/
-      ctx[24] && create_if_block_10(ctx)
+      ctx[19] && /*showStimulusLayoutTextFirst*/
+      ctx[22] && create_if_block_10(ctx)
     );
     let if_block2 = (
       /*showAsset*/
-      ctx[18] && /*fileAlignment*/
-      ctx[9] === ASSET_ALIGNMENT_INLINE && create_if_block_9(ctx)
+      ctx[16] && /*fileAlignment*/
+      ctx[7] === ASSET_ALIGNMENT_INLINE && create_if_block_9(ctx)
     );
     let if_block3 = (
       /*showTextAlignmentInline*/
-      ctx[21] && /*showStimulusLayoutMediaFirst*/
-      ctx[23] && create_if_block_8(ctx)
+      ctx[19] && /*showStimulusLayoutMediaFirst*/
+      ctx[21] && create_if_block_8(ctx)
     );
     let if_block4 = (
       /*prompt*/
@@ -3005,32 +3005,32 @@
     );
     let if_block5 = (
       /*showTextAlignmentDefault*/
-      ctx[20] && /*showStimulusLayoutTextFirst*/
-      ctx[24] && create_if_block_6(ctx)
+      ctx[18] && /*showStimulusLayoutTextFirst*/
+      ctx[22] && create_if_block_6(ctx)
     );
     let if_block6 = (
       /*showAssetAlignmentDefault*/
-      ctx[19] && create_if_block_5(ctx)
+      ctx[17] && create_if_block_5(ctx)
     );
     let if_block7 = (
       /*showTextAlignmentDefault*/
-      ctx[20] && /*showStimulusLayoutMediaFirst*/
-      ctx[23] && create_if_block_4(ctx)
+      ctx[18] && /*showStimulusLayoutMediaFirst*/
+      ctx[21] && create_if_block_4(ctx)
     );
     const default_slot_template = (
       /*#slots*/
-      ctx[31].default
+      ctx[30].default
     );
     const default_slot = create_slot(
       default_slot_template,
       ctx,
       /*$$scope*/
-      ctx[30],
+      ctx[29],
       get_default_slot_context
     );
     let if_block8 = (
       /*showAlignmentDefault*/
-      ctx[22] && create_if_block4(ctx)
+      ctx[20] && create_if_block4(ctx)
     );
     return {
       c() {
@@ -3070,22 +3070,20 @@
         attr(div0, "class", div0_class_value = "divider my-6 " + (!/*hasDivider*/
         ctx[2] ? "hidden" : ""));
         attr(div1, "class", div1_class_value = "bg-transparent relative " + /*showAlignmentDefault*/
-        (ctx[22] ? "lg:basis-1/2 lg:max-w-[50%]" : ""));
+        (ctx[20] ? "lg:basis-1/2 lg:max-w-[50%]" : ""));
         attr(div2, "class", div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
-        ctx[22] ? "lg:w-full lg:flex" : "container-class"}  ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
-        ctx[4] ? !/*stimulus*/
-        ctx[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-qwvrrk");
+        ctx[20] ? "lg:w-full lg:flex" : "container-class"}`) + " svelte-1llhmb1");
         set_style(
           div2,
           "--interactionWidthValue",
           /*interactionWidthValue*/
-          ctx[26] === "50%" && /*stimulusTextWidth*/
-          ctx[5] !== "100%" ? (
+          ctx[24] === "50%" && /*stimulusTextWidth*/
+          ctx[3] !== "100%" ? (
             /*stimulusTextWidth*/
-            ctx[5]
+            ctx[3]
           ) : (
             /*interactionWidthValue*/
-            ctx[26]
+            ctx[24]
           )
         );
       },
@@ -3124,14 +3122,14 @@
         append(div2, t9);
         if (if_block8)
           if_block8.m(div2, null);
-        ctx[34](div2);
+        ctx[33](div2);
         current = true;
         if (!mounted) {
           dispose = listen(
             window_1,
             "resize",
             /*onwindowresize*/
-            ctx[32]
+            ctx[31]
           );
           mounted = true;
         }
@@ -3162,19 +3160,19 @@
         }
         if (
           /*showTextAlignmentInline*/
-          ctx2[21] && /*showStimulusLayoutTextFirst*/
-          ctx2[24]
+          ctx2[19] && /*showStimulusLayoutTextFirst*/
+          ctx2[22]
         )
           if_block1.p(ctx2, dirty);
         if (
           /*showAsset*/
-          ctx2[18] && /*fileAlignment*/
-          ctx2[9] === ASSET_ALIGNMENT_INLINE
+          ctx2[16] && /*fileAlignment*/
+          ctx2[7] === ASSET_ALIGNMENT_INLINE
         ) {
           if (if_block2) {
             if_block2.p(ctx2, dirty);
             if (dirty[0] & /*fileAlignment*/
-            512) {
+            128) {
               transition_in(if_block2, 1);
             }
           } else {
@@ -3192,8 +3190,8 @@
         }
         if (
           /*showTextAlignmentInline*/
-          ctx2[21] && /*showStimulusLayoutMediaFirst*/
-          ctx2[23]
+          ctx2[19] && /*showStimulusLayoutMediaFirst*/
+          ctx2[21]
         )
           if_block3.p(ctx2, dirty);
         if (
@@ -3221,19 +3219,19 @@
         }
         if (
           /*showTextAlignmentDefault*/
-          ctx2[20] && /*showStimulusLayoutTextFirst*/
-          ctx2[24]
+          ctx2[18] && /*showStimulusLayoutTextFirst*/
+          ctx2[22]
         )
           if_block5.p(ctx2, dirty);
         if (
           /*showAssetAlignmentDefault*/
-          ctx2[19]
+          ctx2[17]
         )
           if_block6.p(ctx2, dirty);
         if (
           /*showTextAlignmentDefault*/
-          ctx2[20] && /*showStimulusLayoutMediaFirst*/
-          ctx2[23]
+          ctx2[18] && /*showStimulusLayoutMediaFirst*/
+          ctx2[21]
         )
           if_block7.p(ctx2, dirty);
         if (!current || dirty[0] & /*hasDivider*/
@@ -3243,20 +3241,20 @@
         }
         if (default_slot) {
           if (default_slot.p && (!current || dirty[0] & /*$$scope, dynamicInteractionWidth*/
-          1073872896)) {
+          536903680)) {
             update_slot_base(
               default_slot,
               default_slot_template,
               ctx2,
               /*$$scope*/
-              ctx2[30],
+              ctx2[29],
               !current ? get_all_dirty_from_scope(
                 /*$$scope*/
-                ctx2[30]
+                ctx2[29]
               ) : get_slot_changes(
                 default_slot_template,
                 /*$$scope*/
-                ctx2[30],
+                ctx2[29],
                 dirty,
                 get_default_slot_changes
               ),
@@ -3266,29 +3264,22 @@
         }
         if (
           /*showAlignmentDefault*/
-          ctx2[22]
+          ctx2[20]
         )
           if_block8.p(ctx2, dirty);
-        if (!current || dirty[0] & /*optionHasMedia, stimulus*/
-        24 && div2_class_value !== (div2_class_value = null_to_empty(`${/*showAlignmentDefault*/
-        ctx2[22] ? "lg:w-full lg:flex" : "container-class"}  ${INTERACTION_TYPE_MCQ && /*optionHasMedia*/
-        ctx2[4] ? !/*stimulus*/
-        ctx2[3] ? "mcq-media-container" : "mcq-media-container-stimulus" : ""}`) + " svelte-qwvrrk")) {
-          attr(div2, "class", div2_class_value);
-        }
         if (!current || dirty[0] & /*stimulusTextWidth*/
-        32) {
+        8) {
           set_style(
             div2,
             "--interactionWidthValue",
             /*interactionWidthValue*/
-            ctx2[26] === "50%" && /*stimulusTextWidth*/
-            ctx2[5] !== "100%" ? (
+            ctx2[24] === "50%" && /*stimulusTextWidth*/
+            ctx2[3] !== "100%" ? (
               /*stimulusTextWidth*/
-              ctx2[5]
+              ctx2[3]
             ) : (
               /*interactionWidthValue*/
-              ctx2[26]
+              ctx2[24]
             )
           );
         }
@@ -3345,7 +3336,7 @@
           default_slot.d(detaching);
         if (if_block8)
           if_block8.d();
-        ctx[34](null);
+        ctx[33](null);
         mounted = false;
         dispose();
       }
@@ -3360,7 +3351,6 @@
     let { interactionType = "" } = $$props;
     let { hasDivider = true } = $$props;
     let { stimulus = null } = $$props;
-    let { optionHasMedia = false } = $$props;
     let fileUrl = "";
     let fileType = "";
     let fileAlignment = ASSET_ALIGNMENT_DEFAULT;
@@ -3416,15 +3406,15 @@
     const showStimulusLayoutMediaFirst = stimulusLayoutOrder === STIMULUS_LAYOUT_ORDER_MEDIA_FIRST;
     const showStimulusLayoutTextFirst = stimulusLayoutOrder === STIMULUS_LAYOUT_ORDER_TEXT_FIRST;
     const promptRubricHeaderElem = get_store_value(promptRubricElem);
-    const interactionWidthValue = interactionType === INTERACTION_TYPE_CATEGORISE && !stimulus ? "100%" : INTERACTION_TYPE_MCQ && optionHasMedia ? "50%" : get_store_value(interactionWidth);
+    const interactionWidthValue = interactionType === INTERACTION_TYPE_CATEGORISE && !stimulus ? "100%" : get_store_value(interactionWidth);
     const calculateDynamicMargin = () => {
       if (typeof window !== "undefined" && containerElement && showAssetAlignmentDefault) {
         const viewportHeight = window.innerHeight;
         const contentHeight = containerElement.scrollHeight;
         const calculatedMargin = Math.max(0, (viewportHeight - contentHeight) / 2);
-        $$invalidate(16, dynamicMarginTop = `${calculatedMargin - EAT_HEADER_OFFSET}px`);
+        $$invalidate(14, dynamicMarginTop = `${calculatedMargin - EAT_HEADER_OFFSET}px`);
       } else {
-        $$invalidate(16, dynamicMarginTop = "0px");
+        $$invalidate(14, dynamicMarginTop = "0px");
       }
     };
     const handleImageLoad = () => {
@@ -3441,7 +3431,7 @@
       const desiredWidth = maxTableWidth + STIMULUS_TEXT_TABLE_BUFFER;
       const clampedWidth = Math.min(Math.max(desiredWidth, minWidth), screenWidth);
       if (clampedWidth > screenWidth * EAT_SCREEN_HALF_WIDTH_RATIO) {
-        $$invalidate(5, stimulusTextWidth = `${clampedWidth}px`);
+        $$invalidate(3, stimulusTextWidth = `${clampedWidth}px`);
       }
     };
     const onResize = () => {
@@ -3469,18 +3459,18 @@
       return "100%";
     };
     function onwindowresize() {
-      $$invalidate(6, innerWidth = window_1.innerWidth);
+      $$invalidate(4, innerWidth = window_1.innerWidth);
     }
     function div1_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         containerElement = $$value;
-        $$invalidate(14, containerElement);
+        $$invalidate(12, containerElement);
       });
     }
     function div2_binding($$value) {
       binding_callbacks[$$value ? "unshift" : "push"](() => {
         promptBodyContainer = $$value;
-        $$invalidate(15, promptBodyContainer);
+        $$invalidate(13, promptBodyContainer);
       });
     }
     $$self.$$set = ($$props2) => {
@@ -3489,34 +3479,32 @@
       if ("prompt" in $$props2)
         $$invalidate(1, prompt = $$props2.prompt);
       if ("interactionType" in $$props2)
-        $$invalidate(28, interactionType = $$props2.interactionType);
+        $$invalidate(26, interactionType = $$props2.interactionType);
       if ("hasDivider" in $$props2)
         $$invalidate(2, hasDivider = $$props2.hasDivider);
       if ("stimulus" in $$props2)
-        $$invalidate(3, stimulus = $$props2.stimulus);
-      if ("optionHasMedia" in $$props2)
-        $$invalidate(4, optionHasMedia = $$props2.optionHasMedia);
+        $$invalidate(27, stimulus = $$props2.stimulus);
       if ("$$scope" in $$props2)
-        $$invalidate(30, $$scope = $$props2.$$scope);
+        $$invalidate(29, $$scope = $$props2.$$scope);
     };
     $$self.$$.update = () => {
       if ($$self.$$.dirty[0] & /*innerWidth*/
-      64) {
+      16) {
         $:
-          $$invalidate(29, shouldUseFullWidth = () => {
+          $$invalidate(28, shouldUseFullWidth = () => {
             return !!showAsset && showAssetAlignmentDefault || !!showTextStimulus && showTextAlignmentDefault || innerWidth < SCREEN_LG;
           });
       }
-      if ($$self.$$.dirty[0] & /*shouldUseFullWidth, interactionType, optionHasMedia, stimulusTextWidth*/
-      805306416) {
+      if ($$self.$$.dirty[0] & /*shouldUseFullWidth, stimulusTextWidth*/
+      268435464) {
         $:
-          $$invalidate(17, dynamicInteractionWidth = (() => {
-            if (shouldUseFullWidth())
-              return "100%";
-            if (interactionType === INTERACTION_TYPE_MCQ && optionHasMedia)
-              return interactionWidthValue;
-            if (stimulusTextWidth !== "100%")
-              return calculateInteractionWidth(interactionWidthValue);
+          $$invalidate(15, dynamicInteractionWidth = (() => {
+            if (interactionWidthValue === "50%") {
+              if (shouldUseFullWidth())
+                return "100%";
+              if (stimulusTextWidth !== "100%")
+                return calculateInteractionWidth(interactionWidthValue);
+            }
             return "100%";
           })());
       }
@@ -3529,8 +3517,6 @@
       rubric,
       prompt,
       hasDivider,
-      stimulus,
-      optionHasMedia,
       stimulusTextWidth,
       innerWidth,
       fileUrl,
@@ -3555,6 +3541,7 @@
       interactionWidthValue,
       handleImageLoad,
       interactionType,
+      stimulus,
       shouldUseFullWidth,
       $$scope,
       slots,
@@ -3575,10 +3562,9 @@
         {
           rubric: 0,
           prompt: 1,
-          interactionType: 28,
+          interactionType: 26,
           hasDivider: 2,
-          stimulus: 3,
-          optionHasMedia: 4
+          stimulus: 27
         },
         add_css,
         [-1, -1]
@@ -3599,7 +3585,7 @@
       flush();
     }
     get interactionType() {
-      return this.$$.ctx[28];
+      return this.$$.ctx[26];
     }
     set interactionType(interactionType) {
       this.$$set({ interactionType });
@@ -3613,21 +3599,14 @@
       flush();
     }
     get stimulus() {
-      return this.$$.ctx[3];
+      return this.$$.ctx[27];
     }
     set stimulus(stimulus) {
       this.$$set({ stimulus });
       flush();
     }
-    get optionHasMedia() {
-      return this.$$.ctx[4];
-    }
-    set optionHasMedia(optionHasMedia) {
-      this.$$set({ optionHasMedia });
-      flush();
-    }
   };
-  customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {}, "interactionType": {}, "hasDivider": { "type": "Boolean" }, "stimulus": {}, "optionHasMedia": { "type": "Boolean" } }, ["default"], [], true));
+  customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {}, "interactionType": {}, "hasDivider": { "type": "Boolean" }, "stimulus": {} }, ["default"], [], true));
   var PromptBody_default = PromptBody;
 
   // src/lib/components/prompt/template/PromptResultFeedbackAlert.svelte
@@ -4106,7 +4085,7 @@
 
   // src/lib/components/prompt/mcq/PromptMCQ.svelte
   function add_css2(target) {
-    append_styles(target, "svelte-2ij8ir", "@media(max-width: 767px){.responsive-grid.svelte-2ij8ir .btn-mcq-option.svelte-2ij8ir{min-width:288px !important;min-height:210px !important;max-width:288px !important;width:100%;margin:0 auto}.responsive-grid.svelte-2ij8ir.svelte-2ij8ir{display:grid;grid-template-columns:1fr;gap:1rem;justify-content:center;justify-items:center;place-items:center;width:100%}}@media(min-width: 768px){.responsive-grid.svelte-2ij8ir .btn-mcq-option.svelte-2ij8ir{max-width:304px !important;min-height:240px !important;width:100%}.responsive-grid.svelte-2ij8ir.svelte-2ij8ir{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;justify-content:center;max-width:620px;margin:0 auto}}");
+    append_styles(target, "svelte-1sgrg21", ".responsive-grid.svelte-1sgrg21.svelte-1sgrg21{display:grid;gap:1rem;width:100%}.responsive-grid.svelte-1sgrg21 .btn-mcq-option.svelte-1sgrg21{width:100%}@media(max-width: 767px){.responsive-grid.svelte-1sgrg21.svelte-1sgrg21{grid-template-columns:1fr;justify-content:center;justify-items:center;place-items:center}.responsive-grid.svelte-1sgrg21 .btn-mcq-option.svelte-1sgrg21{min-width:288px;max-width:288px;min-height:210px;margin:0 auto}}@media(min-width: 768px) and (max-width: 1194px){.responsive-grid.svelte-1sgrg21.svelte-1sgrg21{grid-template-columns:repeat(2, 1fr);justify-content:center;max-width:620px;margin:0 auto}.responsive-grid.svelte-1sgrg21 .btn-mcq-option.svelte-1sgrg21{max-width:304px;min-height:240px}}@media(min-width: 1195px){.responsive-grid.svelte-1sgrg21.svelte-1sgrg21{grid-template-columns:repeat(2, 1fr);justify-content:flex-start;max-width:620px;margin:0}.responsive-grid.svelte-1sgrg21 .btn-mcq-option.svelte-1sgrg21{max-width:304px;min-height:240px}}");
   }
   function get_each_context(ctx, list, i) {
     const child_ctx = ctx.slice();
@@ -4225,7 +4204,7 @@
         attr(div1, "class", div1_class_value = null_to_empty(
           /*optionHasMedia*/
           ctx[13] ? "responsive-grid" : ""
-        ) + " svelte-2ij8ir");
+        ) + " svelte-1sgrg21");
         attr(div2, "class", div2_class_value = /*optionHasMedia*/
         ctx[13] ? "w-full" : "relative");
       },
@@ -5028,7 +5007,7 @@
           ctx[4].length === /*correctAnswersLength*/
           ctx[5] ? "incorrect" : ""
         )) + " " + /*isPreviewModeInteractive*/
-        (ctx[3] ? "interactive" : "") + " svelte-2ij8ir");
+        (ctx[3] ? "interactive" : "") + " svelte-1sgrg21");
       },
       m(target, anchor) {
         if (if_block0)
@@ -5347,7 +5326,7 @@
           ctx[4].length === /*correctAnswersLength*/
           ctx[5] ? "incorrect" : ""
         )) + " " + /*isPreviewModeInteractive*/
-        (ctx[3] ? "interactive" : "") + " svelte-2ij8ir")) {
+        (ctx[3] ? "interactive" : "") + " svelte-1sgrg21")) {
           attr(button, "class", button_class_value);
         }
       },
@@ -5512,10 +5491,6 @@
           /*stimulus*/
           ctx[10]
         ),
-        optionHasMedia: (
-          /*optionHasMedia*/
-          ctx[13]
-        ),
         $$slots: {
           default: [
             create_default_slot,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "eat-js-sdk",
-    "version": "1.2.5",
-    "change version": "1.2.1",
+    "version": "1.3.0",
+    "change version": "1.3.0",
     "description": "Authoring tool frontend SDK",
     "contributors": [
         {