eat-js-sdk 2.0.41 → 2.0.42

package/dist/interaction-builder.mjs

@@ -9860,11 +9860,6 @@ function shouldSaveTextAnswer(currentAnswer, latestAnswer, isDataSaving) {
   const hasChanged = currentAnswer !== latestAnswer;
   return !isDataSaving && hasChanged;
 }
-function shouldSaveInlineAnswers(currentAnswers, latestAnswersStr, isDataSaving) {
-  const currentAnswersStr = JSON.stringify(currentAnswers);
-  const hasChanged = currentAnswersStr !== latestAnswersStr;
-  return !isDataSaving && hasChanged;
-}
 var root_1$e = /* @__PURE__ */ from_html(`<label class="absolute left-0 top-0 bottom-0" aria-hidden="true"><span class="absolute inset-0 bg-black opacity-5 rounded-l-lg w-8.5 h-10.5 top-1"></span> <span class="absolute font-semibold text-base leading-[19px] text-charcoal px-3 inline-block pt-[15px]"> </span></label>`);
 var root_2$8 = /* @__PURE__ */ from_html(`<span class="w-6 h-6 absolute right-4 top-3.5 flex items-center justify-center" aria-hidden="true"><!></span>`);
 var root$b = /* @__PURE__ */ from_html(`<span><!> <input placeholder="Type your answer here" autocomplete="off"/> <!></span>`);
@@ -11042,10 +11037,6 @@ function TypeInComponent($$anchor, $$props) {
       set(isUpdatingFromBlur, false);
       return;
     }
-    if (!shouldSaveInlineAnswers(get$1(interactionState).data.inlineInputs, get$1(latestSavedAnswer), isDataSaving())) {
-      set(isUpdatingFromBlur, false);
-      return;
-    }
     set(latestSavedAnswer, currentAnswersStr, true);
     if (get$1(isInteractiveMode2)) {
       const allFilled = (() => {
@@ -11318,6 +11309,11 @@ const createTypeInInteraction = (config, sessionData) => {
   const variant = config.variant;
   const isPreviewMode2 = () => config.mode === MODES.PREVIEW;
   const isNormalMode = () => !config.mode || config.mode === MODES.SESSION;
+  const getExpectedBlanksCount = () => {
+    if (variant !== "inline") return 1;
+    const blankCount = (config.inlinePrompt?.match(/<eat-contentful>/g) || []).length;
+    return blankCount;
+  };
   const punctuationRegex = /[\p{P}\p{S}]/gu;
   const normalizeAnswer = (raw) => {
     if (raw == null) return "";
@@ -11434,10 +11430,15 @@ const createTypeInInteraction = (config, sessionData) => {
     component: null,
     createInitialState: () => {
       const previewAnswers = isPreviewMode2() && sessionData?.scoringMetadata?.answer ? sessionData.scoringMetadata.answer : [];
+      let initialInlineInputs = [];
+      if (variant === "inline") {
+        const expectedBlanks = getExpectedBlanksCount();
+        initialInlineInputs = previewAnswers.length > 0 ? previewAnswers : Array(expectedBlanks).fill("");
+      }
       return {
         data: {
           userInput: variant === "inline" ? "" : previewAnswers[0] || "",
-          inlineInputs: variant === "inline" ? previewAnswers : [],
+          inlineInputs: initialInlineInputs,
           interactiveTriggeredResult: false,
           showFeedback: false,
           attempts: 0,
@@ -11451,7 +11452,8 @@ const createTypeInInteraction = (config, sessionData) => {
     isCompleted: (state2) => {
       if (config.isFinished !== void 0) return config.isFinished;
       if (variant === "inline") {
-        return state2.data.inlineInputs.length === config.correctAnswers.length && state2.data.inlineInputs.every((a) => a && a.trim().length > 0);
+        const expectedBlanks = getExpectedBlanksCount();
+        return state2.data.inlineInputs.length === expectedBlanks && state2.data.inlineInputs.every((a) => a && a.trim().length > 0);
       }
       return Boolean(state2.data.userInput && state2.data.userInput.trim().length > 0);
     },
@@ -11470,10 +11472,20 @@ const createTypeInInteraction = (config, sessionData) => {
         const last = events[events.length - 1];
         const rawAnswer = last.answer_id ?? last.answer;
         const answers = Array.isArray(rawAnswer) ? rawAnswer : [rawAnswer];
+        let inlineInputs = [];
+        if (variant === "inline") {
+          const expectedBlanks = getExpectedBlanksCount();
+          inlineInputs = Array(expectedBlanks).fill("");
+          answers.forEach((ans, idx) => {
+            if (idx < expectedBlanks) {
+              inlineInputs[idx] = ans || "";
+            }
+          });
+        }
         return {
           data: {
             userInput: variant === "inline" ? "" : answers[0] || "",
-            inlineInputs: variant === "inline" ? answers : [],
+            inlineInputs,
             interactiveTriggeredResult: false,
             showFeedback: Boolean(config.isFinished),
             attempts: events.length,
@@ -11484,10 +11496,15 @@ const createTypeInInteraction = (config, sessionData) => {
           lastModified: last.timestamp || interactionUtils.createTimestamp()
         };
       }
+      let initialInlineInputs = [];
+      if (variant === "inline") {
+        const expectedBlanks = getExpectedBlanksCount();
+        initialInlineInputs = Array(expectedBlanks).fill("");
+      }
       return {
         data: {
           userInput: "",
-          inlineInputs: [],
+          inlineInputs: initialInlineInputs,
           interactiveTriggeredResult: false,
           showFeedback: false,
           attempts: 0,
@@ -11505,8 +11522,12 @@ const createTypeInInteraction = (config, sessionData) => {
       });
     },
     updateInlineInput: (state2, index2, value) => {
-      const clone = [...state2.data.inlineInputs];
-      clone[index2] = value;
+      const expectedLength = getExpectedBlanksCount();
+      let clone = [...state2.data.inlineInputs];
+      if (clone.length < expectedLength) {
+        clone = Array(expectedLength).fill("").map((_, i) => clone[i] || "");
+      }
+      clone[index2] = value ?? "";
       return interactionUtils.updateState(state2, {
         inlineInputs: clone,
         lastModified: interactionUtils.createTimestamp()
@@ -11520,10 +11541,14 @@ const createTypeInInteraction = (config, sessionData) => {
         feedback: generateTypeInFeedback(result, answers)
       };
     },
-    serialize: (state2) => ({
-      answer: variant === "inline" ? state2.data.inlineInputs : [state2.data.userInput],
-      timestamp: state2.lastModified
-    }),
+    serialize: (state2) => {
+      if (variant === "inline") {
+        const expectedLength = getExpectedBlanksCount();
+        const result = Array(expectedLength).fill("").map((_, i) => state2.data.inlineInputs[i] ?? "");
+        return { answer: result, timestamp: state2.lastModified };
+      }
+      return { answer: [state2.data.userInput], timestamp: state2.lastModified };
+    },
     deserialize: (answer) => ({
       data: {
         userInput: variant === "inline" ? "" : answer.answer[0] || "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eat-js-sdk",
-  "version": "2.0.41",
+  "version": "2.0.42",
   "change version": "2.0.0",
   "description": "Authoring tool frontend SDK",
   "contributors": [