eat-js-sdk 0.0.11 → 0.0.13

package/dist/eat-prompt-builder.mjs

@@ -1586,16 +1586,16 @@
   function instance2($$self, $$props, $$invalidate) {
     let { resultFeedback = null } = $$props;
     let { resultFeedbackTitle = null } = $$props;
-    let { isResultCorrect: isResultCorrect2 = true } = $$props;
+    let { isResultCorrect = true } = $$props;
     $$self.$$set = ($$props2) => {
       if ("resultFeedback" in $$props2)
         $$invalidate(0, resultFeedback = $$props2.resultFeedback);
       if ("resultFeedbackTitle" in $$props2)
         $$invalidate(1, resultFeedbackTitle = $$props2.resultFeedbackTitle);
       if ("isResultCorrect" in $$props2)
-        $$invalidate(2, isResultCorrect2 = $$props2.isResultCorrect);
+        $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
     };
-    return [resultFeedback, resultFeedbackTitle, isResultCorrect2];
+    return [resultFeedback, resultFeedbackTitle, isResultCorrect];
   }
   var PromptResultFeedback = class extends SvelteComponent {
     constructor(options) {
@@ -1623,8 +1623,8 @@
     get isResultCorrect() {
       return this.$$.ctx[2];
     }
-    set isResultCorrect(isResultCorrect2) {
-      this.$$set({ isResultCorrect: isResultCorrect2 });
+    set isResultCorrect(isResultCorrect) {
+      this.$$set({ isResultCorrect });
       flush();
     }
   };
@@ -2299,8 +2299,8 @@
   function instance3($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
-    let { isFinished: isFinished2 = false } = $$props;
-    let { isResultCorrect: isResultCorrect2 = false } = $$props;
+    let { isFinished = false } = $$props;
+    let { isResultCorrect = false } = $$props;
     const { rubric, interaction, metadata, scoringMetadata } = sessionData;
     const { prompt, options } = interaction;
     let selectedOption = null;
@@ -2312,16 +2312,16 @@
       const { answer_id: answerChoiceId } = currentOption;
       selectedOption = answerChoiceId[0];
     }
-    if (isFinished2) {
+    if (isFinished) {
       if (options && selectedOption) {
         const feedbackData = Object.values(options).filter((option) => option.id === selectedOption);
         resultFeedback = feedbackData[0].feedback || resultFeedback;
       }
-      const { answerId, has_answer } = scoringMetadata;
-      selectedOption = answerId && has_answer ? answerId : selectedOption;
+      const { answerId, hasAnswer } = scoringMetadata;
+      selectedOption = answerId && hasAnswer ? answerId : selectedOption;
     }
     const handleOptionClick = (optionId, option) => {
-      if (isDataSaving || optionId === selectedOption || isFinished2)
+      if (isDataSaving || optionId === selectedOption || isFinished)
         return;
       $$invalidate(3, selectedOption = optionId);
       dispatch("saveOption", {
@@ -2336,14 +2336,14 @@
       if ("isDataSaving" in $$props2)
         $$invalidate(0, isDataSaving = $$props2.isDataSaving);
       if ("isFinished" in $$props2)
-        $$invalidate(1, isFinished2 = $$props2.isFinished);
+        $$invalidate(1, isFinished = $$props2.isFinished);
       if ("isResultCorrect" in $$props2)
-        $$invalidate(2, isResultCorrect2 = $$props2.isResultCorrect);
+        $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
     };
     return [
       isDataSaving,
-      isFinished2,
-      isResultCorrect2,
+      isFinished,
+      isResultCorrect,
       selectedOption,
       resultFeedback,
       rubric,
@@ -2381,15 +2381,15 @@
     get isFinished() {
       return this.$$.ctx[1];
     }
-    set isFinished(isFinished2) {
-      this.$$set({ isFinished: isFinished2 });
+    set isFinished(isFinished) {
+      this.$$set({ isFinished });
       flush();
     }
     get isResultCorrect() {
       return this.$$.ctx[2];
     }
-    set isResultCorrect(isResultCorrect2) {
-      this.$$set({ isResultCorrect: isResultCorrect2 });
+    set isResultCorrect(isResultCorrect) {
+      this.$$set({ isResultCorrect });
       flush();
     }
   };
@@ -2484,20 +2484,26 @@
       c() {
         textarea = element("textarea");
         attr(textarea, "id", idLabel);
-        attr(textarea, "aria-label", placeholder);
+        attr(textarea, "aria-label", "Answer input: Please type your response");
         attr(textarea, "placeholder", placeholder);
         attr(textarea, "rows", "3");
-        attr(textarea, "class", textarea_class_value = "typein-textbox overflow-hidden " + (!isFinished ? "" : isResultCorrect ? "border-2 border-green-800" : "border-2 border-red-800"));
+        attr(textarea, "class", textarea_class_value = "typein-textbox overflow-hidden " + (!/*isFinished*/
+        ctx[1] ? "" : (
+          /*isResultCorrect*/
+          ctx[2] ? "border-2 border-green-800" : "border-2 border-red-800"
+        )));
         textarea.disabled = /*isDataSaving*/
         ctx[0];
         attr(textarea, "autocomplete", "off");
+        textarea.readOnly = /*isFinished*/
+        ctx[1];
       },
       m(target, anchor) {
         insert(target, textarea, anchor);
         set_input_value(
           textarea,
           /*typeinAnswer*/
-          ctx[1]
+          ctx[3]
         );
         if (!mounted) {
           dispose = [
@@ -2505,38 +2511,38 @@
               textarea,
               "input",
               /*textarea_input_handler*/
-              ctx[13]
+              ctx[15]
             ),
             listen(
               textarea,
               "mousedown",
               /*mousedown_handler*/
-              ctx[14]
+              ctx[16]
             ),
             listen(
               textarea,
               "touchstart",
               /*touchstart_handler*/
-              ctx[15],
+              ctx[17],
               { passive: true }
             ),
             listen(
               textarea,
               "focus",
               /*focus_handler*/
-              ctx[16]
+              ctx[18]
             ),
             listen(
               textarea,
               "focusout",
               /*focusout_handler_1*/
-              ctx[17]
+              ctx[19]
             ),
             listen(
               textarea,
               "keydown",
               /*keydown_handler_1*/
-              ctx[18]
+              ctx[20]
             ),
             action_destroyer(autosize_action = svelte_autosize_default.call(null, textarea))
           ];
@@ -2544,17 +2550,30 @@
         }
       },
       p(ctx2, dirty) {
+        if (dirty & /*isFinished, isResultCorrect*/
+        6 && textarea_class_value !== (textarea_class_value = "typein-textbox overflow-hidden " + (!/*isFinished*/
+        ctx2[1] ? "" : (
+          /*isResultCorrect*/
+          ctx2[2] ? "border-2 border-green-800" : "border-2 border-red-800"
+        )))) {
+          attr(textarea, "class", textarea_class_value);
+        }
         if (dirty & /*isDataSaving*/
         1) {
           textarea.disabled = /*isDataSaving*/
           ctx2[0];
         }
-        if (dirty & /*typeinAnswer*/
+        if (dirty & /*isFinished*/
         2) {
+          textarea.readOnly = /*isFinished*/
+          ctx2[1];
+        }
+        if (dirty & /*typeinAnswer*/
+        8) {
           set_input_value(
             textarea,
             /*typeinAnswer*/
-            ctx2[1]
+            ctx2[3]
           );
         }
       },
@@ -2579,17 +2598,23 @@
         attr(input, "id", idLabel);
         attr(input, "aria-label", placeholder);
         attr(input, "placeholder", placeholder);
-        attr(input, "class", input_class_value = "typein-textbox " + (!isFinished ? "" : isResultCorrect ? "border-2 border-green-800" : "border-2 border-red-800"));
+        attr(input, "class", input_class_value = "typein-textbox " + (!/*isFinished*/
+        ctx[1] ? "" : (
+          /*isResultCorrect*/
+          ctx[2] ? "border-2 border-green-800" : "border-2 border-red-800"
+        )));
         input.disabled = /*isDataSaving*/
         ctx[0];
         attr(input, "autocomplete", "off");
+        input.readOnly = /*isFinished*/
+        ctx[1];
       },
       m(target, anchor) {
         insert(target, input, anchor);
         set_input_value(
           input,
           /*typeinAnswer*/
-          ctx[1]
+          ctx[3]
         );
         if (!mounted) {
           dispose = [
@@ -2597,37 +2622,50 @@
               input,
               "input",
               /*input_input_handler*/
-              ctx[10]
+              ctx[12]
             ),
             listen(
               input,
               "focusout",
               /*focusout_handler*/
-              ctx[11]
+              ctx[13]
             ),
             listen(
               input,
               "keydown",
               /*keydown_handler*/
-              ctx[12]
+              ctx[14]
             )
           ];
           mounted = true;
         }
       },
       p(ctx2, dirty) {
+        if (dirty & /*isFinished, isResultCorrect*/
+        6 && input_class_value !== (input_class_value = "typein-textbox " + (!/*isFinished*/
+        ctx2[1] ? "" : (
+          /*isResultCorrect*/
+          ctx2[2] ? "border-2 border-green-800" : "border-2 border-red-800"
+        )))) {
+          attr(input, "class", input_class_value);
+        }
         if (dirty & /*isDataSaving*/
         1) {
           input.disabled = /*isDataSaving*/
           ctx2[0];
         }
+        if (dirty & /*isFinished*/
+        2) {
+          input.readOnly = /*isFinished*/
+          ctx2[1];
+        }
         if (dirty & /*typeinAnswer*/
-        2 && input.value !== /*typeinAnswer*/
-        ctx2[1]) {
+        8 && input.value !== /*typeinAnswer*/
+        ctx2[3]) {
           set_input_value(
             input,
             /*typeinAnswer*/
-            ctx2[1]
+            ctx2[3]
           );
         }
       },
@@ -2645,7 +2683,7 @@
     function select_block_type(ctx2, dirty) {
       if (
         /*typeinType*/
-        ctx2[4] === TYPEIN_TYPE_SHORT
+        ctx2[6] === TYPEIN_TYPE_SHORT
       )
         return create_if_block_22;
       return create_else_block_1;
@@ -2680,6 +2718,11 @@
     let span0_class_value;
     let t0;
     let span1;
+    let t1_value = (
+      /*isResultCorrect*/
+      ctx[2] ? "[Generic \u201Ccorrect\u201D message]" : "[Generic \u201Cincorrect\u201D message]"
+    );
+    let t1;
     let div_class_value;
     let t2;
     let promptresult;
@@ -2687,7 +2730,10 @@
     const if_block_creators = [create_if_block_14, create_else_block3];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
-      if (isResultCorrect)
+      if (
+        /*isResultCorrect*/
+        ctx2[2]
+      )
         return 0;
       return 1;
     }
@@ -2695,9 +2741,15 @@
     if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     promptresult = new PromptResultFeedback_default({
       props: {
-        isResultCorrect,
-        resultFeedbackTitle: isResultCorrect ? "Well done!" : "Not quite, but you\u2019re close!",
-        resultFeedback: "You applied the principles of [specific theory] perfectly in your response."
+        isResultCorrect: (
+          /*isResultCorrect*/
+          ctx[2]
+        ),
+        resultFeedbackTitle: (
+          /*isResultCorrect*/
+          ctx[2] ? "Well done!" : "Not quite, but you\u2019re close!"
+        ),
+        resultFeedback: null
       }
     });
     return {
@@ -2707,13 +2759,14 @@
         if_block.c();
         t0 = space();
         span1 = element("span");
-        span1.textContent = `${isResultCorrect ? "[Generic \u201Ccorrect\u201D message]" : "[Generic \u201Cincorrect\u201D message]"}`;
+        t1 = text(t1_value);
         t2 = space();
         create_component(promptresult.$$.fragment);
-        attr(span0, "class", span0_class_value = (isResultCorrect ? "text-green-800" : "text-red-800") + " mr-2 p-0.5");
+        attr(span0, "class", span0_class_value = /*isResultCorrect*/
+        (ctx[2] ? "text-green-800" : "text-red-800") + " mr-2 p-0.5");
         attr(span1, "class", "p2");
         attr(div, "class", div_class_value = "flex items-center text-charcoal " + /*typeinType*/
-        (ctx[4] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
+        (ctx[6] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -2721,11 +2774,49 @@
         if_blocks[current_block_type_index].m(span0, null);
         append(div, t0);
         append(div, span1);
+        append(span1, t1);
         insert(target, t2, anchor);
         mount_component(promptresult, target, anchor);
         current = true;
       },
-      p: noop,
+      p(ctx2, dirty) {
+        let previous_block_index = current_block_type_index;
+        current_block_type_index = select_block_type_1(ctx2, dirty);
+        if (current_block_type_index !== previous_block_index) {
+          group_outros();
+          transition_out(if_blocks[previous_block_index], 1, 1, () => {
+            if_blocks[previous_block_index] = null;
+          });
+          check_outros();
+          if_block = if_blocks[current_block_type_index];
+          if (!if_block) {
+            if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
+            if_block.c();
+          } else {
+          }
+          transition_in(if_block, 1);
+          if_block.m(span0, null);
+        }
+        if (!current || dirty & /*isResultCorrect*/
+        4 && span0_class_value !== (span0_class_value = /*isResultCorrect*/
+        (ctx2[2] ? "text-green-800" : "text-red-800") + " mr-2 p-0.5")) {
+          attr(span0, "class", span0_class_value);
+        }
+        if ((!current || dirty & /*isResultCorrect*/
+        4) && t1_value !== (t1_value = /*isResultCorrect*/
+        ctx2[2] ? "[Generic \u201Ccorrect\u201D message]" : "[Generic \u201Cincorrect\u201D message]"))
+          set_data(t1, t1_value);
+        const promptresult_changes = {};
+        if (dirty & /*isResultCorrect*/
+        4)
+          promptresult_changes.isResultCorrect = /*isResultCorrect*/
+          ctx2[2];
+        if (dirty & /*isResultCorrect*/
+        4)
+          promptresult_changes.resultFeedbackTitle = /*isResultCorrect*/
+          ctx2[2] ? "Well done!" : "Not quite, but you\u2019re close!";
+        promptresult.$set(promptresult_changes);
+      },
       i(local) {
         if (current)
           return;
@@ -2811,17 +2902,20 @@
       props: {
         rubric: (
           /*rubric*/
-          ctx[2].text
+          ctx[4].text
         ),
         prompt: (
           /*prompt*/
-          ctx[3]
+          ctx[5]
         ),
         $$slots: { default: [create_default_slot2] },
         $$scope: { ctx }
       }
     });
-    let if_block = isFinished && create_if_block4(ctx);
+    let if_block = (
+      /*isFinished*/
+      ctx[1] && create_if_block4(ctx)
+    );
     return {
       c() {
         create_component(promptbody.$$.fragment);
@@ -2840,13 +2934,34 @@
       },
       p(ctx2, [dirty]) {
         const promptbody_changes = {};
-        if (dirty & /*$$scope, isDataSaving, typeinAnswer*/
-        16777219) {
+        if (dirty & /*$$scope, isFinished, isResultCorrect, isDataSaving, typeinAnswer*/
+        67108879) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
-        if (isFinished)
-          if_block.p(ctx2, dirty);
+        if (
+          /*isFinished*/
+          ctx2[1]
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+            if (dirty & /*isFinished*/
+            2) {
+              transition_in(if_block, 1);
+            }
+          } else {
+            if_block = create_if_block4(ctx2);
+            if_block.c();
+            transition_in(if_block, 1);
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          group_outros();
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+          check_outros();
+        }
       },
       i(local) {
         if (current)
@@ -2873,11 +2988,11 @@
   }
   var idLabel = "answerText";
   var placeholder = "Type your answer here";
-  var isFinished = false;
-  var isResultCorrect = false;
   function instance4($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
+    let { isFinished = false } = $$props;
+    let { isResultCorrect = false } = $$props;
     const dispatch = createEventDispatcher();
     let typeinAnswer;
     let latestAnswer = "";
@@ -2913,13 +3028,13 @@
     };
     function input_input_handler() {
       typeinAnswer = this.value;
-      $$invalidate(1, typeinAnswer);
+      $$invalidate(3, typeinAnswer);
     }
     const focusout_handler = () => saveAnswer();
     const keydown_handler = (event) => saveOnEnter(event);
     function textarea_input_handler() {
       typeinAnswer = this.value;
-      $$invalidate(1, typeinAnswer);
+      $$invalidate(3, typeinAnswer);
     }
     const mousedown_handler = () => handleClick();
     const touchstart_handler = () => handleClick();
@@ -2928,12 +3043,18 @@
     const keydown_handler_1 = (event) => saveOnEnter(event);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(9, sessionData = $$props2.sessionData);
+        $$invalidate(11, sessionData = $$props2.sessionData);
       if ("isDataSaving" in $$props2)
         $$invalidate(0, isDataSaving = $$props2.isDataSaving);
+      if ("isFinished" in $$props2)
+        $$invalidate(1, isFinished = $$props2.isFinished);
+      if ("isResultCorrect" in $$props2)
+        $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
     };
     return [
       isDataSaving,
+      isFinished,
+      isResultCorrect,
       typeinAnswer,
       rubric,
       prompt,
@@ -2957,10 +3078,15 @@
   var PromptTypeIn = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance4, create_fragment7, safe_not_equal, { sessionData: 9, isDataSaving: 0 });
+      init(this, options, instance4, create_fragment7, safe_not_equal, {
+        sessionData: 11,
+        isDataSaving: 0,
+        isFinished: 1,
+        isResultCorrect: 2
+      });
     }
     get sessionData() {
-      return this.$$.ctx[9];
+      return this.$$.ctx[11];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -2973,8 +3099,22 @@
       this.$$set({ isDataSaving });
       flush();
     }
+    get isFinished() {
+      return this.$$.ctx[1];
+    }
+    set isFinished(isFinished) {
+      this.$$set({ isFinished });
+      flush();
+    }
+    get isResultCorrect() {
+      return this.$$.ctx[2];
+    }
+    set isResultCorrect(isResultCorrect) {
+      this.$$set({ isResultCorrect });
+      flush();
+    }
   };
-  customElements.define("prompt-typein", create_custom_element(PromptTypeIn, { "sessionData": {}, "isDataSaving": {} }, [], [], true));
+  customElements.define("prompt-typein", create_custom_element(PromptTypeIn, { "sessionData": {}, "isDataSaving": {}, "isFinished": { "type": "Boolean" }, "isResultCorrect": { "type": "Boolean" } }, [], [], true));
   var PromptTypeIn_default = PromptTypeIn;
 
   // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
@@ -3238,6 +3378,14 @@
         isDataSaving: (
           /*isDataSaving*/
           ctx[2]
+        ),
+        isFinished: (
+          /*isFinished*/
+          ctx[4]
+        ),
+        isResultCorrect: (
+          /*isResultCorrect*/
+          ctx[5]
         )
       }
     });
@@ -3264,6 +3412,14 @@
         4)
           prompttypein_changes.isDataSaving = /*isDataSaving*/
           ctx2[2];
+        if (dirty & /*isFinished*/
+        16)
+          prompttypein_changes.isFinished = /*isFinished*/
+          ctx2[4];
+        if (dirty & /*isResultCorrect*/
+        32)
+          prompttypein_changes.isResultCorrect = /*isResultCorrect*/
+          ctx2[5];
         prompttypein.$set(prompttypein_changes);
       },
       i(local) {
@@ -3426,38 +3582,42 @@
   }
   var bannerLabel = "Invalid session id.";
   function instance6($$self, $$props, $$invalidate) {
-    const { "session-id": sessionId } = $$props;
+    const { "session-id": sessionId, "preview-mode": previewMode, "item-id": itemId } = $$props;
+    const isPreviewMode = previewMode === "true" && itemId;
     useSetupAPI();
     let sessionData;
     let isDataFetching = true;
     let isDataSaving = false;
     let interactionType = null;
-    let isFinished2 = false;
+    let isFinished = false;
     let isLocked = false;
-    let isResultCorrect2 = false;
+    let isResultCorrect = false;
     const skipUserValidationStr = get_store_value(skipUserValidation) ? "?skip_user_validation=true" : "";
     const getSessionData = async (sessionId2) => {
       try {
         const { data } = await useGet(`sessions/${sessionId2}${skipUserValidationStr}`);
-        const { item_id: itemId, metadata, is_finished: isSessionFinished, is_locked: isSessionLocked } = data;
+        const { item_id: itemId2, metadata, is_finished: isSessionFinished, is_locked: isSessionLocked } = data;
         isLocked = isSessionLocked;
-        $$invalidate(4, isFinished2 = isSessionFinished);
-        if (itemId) {
-          await getItemData(itemId, metadata);
+        $$invalidate(4, isFinished = isSessionFinished);
+        if (itemId2) {
+          await getItemData(itemId2, metadata);
         }
       } catch (error) {
         $$invalidate(1, isDataFetching = false);
       }
     };
-    const getItemData = async (itemId, metadata) => {
+    const getItemData = async (itemId2, metadata) => {
       try {
-        const includeAnswer = isFinished2 && isLocked ? "?include=[correct_answer]" : "";
-        const { data } = await useGet(`items/${itemId}${includeAnswer}`);
+        const includeAnswer = isFinished && isLocked ? "?include=[correct_answer]" : "";
+        const { data } = await useGet(`items/${itemId2}${includeAnswer}`);
         $$invalidate(3, interactionType = getInteractionType(data));
         $$invalidate(0, sessionData = { ...data, metadata });
-        if (isFinished2 && isLocked) {
+        if (isFinished && isLocked && !isPreviewMode) {
           await getSessionScore();
         }
+        if (isPreviewMode) {
+          setPreviewData(data);
+        }
       } catch (error) {
       } finally {
         $$invalidate(1, isDataFetching = false);
@@ -3485,15 +3645,44 @@
             correctAnswerId: metadata.correctAnswerId[0]
           };
           $$invalidate(0, sessionData = { ...sessionData, scoringMetadata });
-          $$invalidate(5, isResultCorrect2 = scoring.score_earned);
+          $$invalidate(5, isResultCorrect = scoring.score_earned);
         }
       } catch (error) {
       } finally {
         $$invalidate(1, isDataFetching = false);
       }
     };
+    const getPreviewData = async (itemId2) => {
+      await getItemData(itemId2, null);
+    };
+    const setPreviewData = (data) => {
+      switch (interactionType) {
+        case INTERACTION_TYPE_MCQ:
+          const { options } = data.interaction;
+          const answerId = Object.values(options).filter((option) => option.correct_choice === true).map((option) => option.id);
+          const scoringMetadata = {
+            hasAnswer: true,
+            answerId: answerId[0],
+            correctAnswerId: answerId[0]
+          };
+          $$invalidate(0, sessionData = { ...sessionData, scoringMetadata });
+        case INTERACTION_TYPE_TYPEIN:
+        default:
+          const { correct_answer: correctAnswer, typein_type: typeinType } = data.interaction;
+          const metadata = {
+            interactions: {
+              events: [
+                {
+                  answer: typeinType === TYPEIN_TYPE_SHORT ? correctAnswer[0] : correctAnswer[0].answer[0]
+                }
+              ]
+            }
+          };
+          $$invalidate(0, sessionData = { ...sessionData, metadata });
+      }
+    };
     const saveEvent = async ({ detail }) => {
-      if (isLocked || isFinished2)
+      if (isLocked || isFinished)
         return;
       try {
         $$invalidate(2, isDataSaving = true);
@@ -3504,11 +3693,17 @@
         $$invalidate(2, isDataSaving = false);
       }
     };
-    if (sessionId) {
+    if (isPreviewMode) {
+      isFinished = true;
+      isLocked = true;
+      isResultCorrect = true;
+      getPreviewData(itemId);
+    }
+    if (sessionId && !isPreviewMode) {
       getSessionData(sessionId);
     }
     $$self.$$set = ($$new_props) => {
-      $$invalidate(14, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
+      $$invalidate(19, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
     };
     $$props = exclude_internal_props($$props);
     return [
@@ -3516,8 +3711,8 @@
       isDataFetching,
       isDataSaving,
       interactionType,
-      isFinished2,
-      isResultCorrect2,
+      isFinished,
+      isResultCorrect,
       saveEvent
     ];
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "eat-js-sdk",
-	"version": "0.0.11",
+	"version": "0.0.13",
 	"description": "Authoring tool frontend SDK",
 	"contributors": [
 		{