eat-js-sdk 2.0.29 → 2.0.31

package/dist/interaction-builder.mjs

@@ -13649,6 +13649,9 @@ function CategoriseItem($$anchor, $$props) {
   let itemId = prop($$props, "itemId", 7), itemText = prop($$props, "itemText", 7), containerId = prop($$props, "containerId", 7), mode = prop($$props, "mode", 7), isSelected = prop($$props, "isSelected", 7, false), isLocked = prop($$props, "isLocked", 7, false), resultType = prop($$props, "resultType", 7, ""), hasAnyItemSelected = prop($$props, "hasAnyItemSelected", 7, false), isCurrentMobileItem = prop($$props, "isCurrentMobileItem", 7, true), isClonedItem = prop($$props, "isClonedItem", 7, false), isConsideredItem = prop($$props, "isConsideredItem", 7, false), currentTabContainer = prop($$props, "currentTabContainer", 7, null), additionalClasses = prop($$props, "additionalClasses", 7, ""), onclick = prop($$props, "onclick", 7), onkeydown = prop($$props, "onkeydown", 7);
   const ariaWord = useRemoveRichTextHtmlTags(itemText());
   const isWordBin = containerId() === CATEGORISE.CONTAINER_WORD_BIN_ID;
+  let touchStartX = /* @__PURE__ */ state(0);
+  let touchStartY = /* @__PURE__ */ state(0);
+  let isDragging2 = /* @__PURE__ */ state(false);
   const ariaLabel = /* @__PURE__ */ user_derived(() => () => {
     if (resultType() === ANSWER_RESULTS.INCORRECT && isWordBin && !isSelected()) {
       return `Skipped answer: ${ariaWord}`;
@@ -13661,7 +13664,7 @@ function CategoriseItem($$anchor, $$props) {
     }
     return `${isSelected() ? "Selected option" : "Option"}: ${ariaWord}`;
   });
-  const handleClick = (event2) => {
+  const selectItem = (event2) => {
     event2.stopPropagation();
     if (isLocked()) return;
     if (resultType() && mode() !== MODES.INTERACTIVE) return;
@@ -13670,6 +13673,28 @@ function CategoriseItem($$anchor, $$props) {
       onclick()();
     }
   };
+  const handleTouchStart = (event2) => {
+    set(isDragging2, false);
+    if (event2.touches.length > 0) {
+      set(touchStartX, event2.touches[0].clientX, true);
+      set(touchStartY, event2.touches[0].clientY, true);
+    }
+  };
+  const handleTouchMove = (event2) => {
+    if (event2.touches.length > 0) {
+      const deltaX = Math.abs(event2.touches[0].clientX - get$1(touchStartX));
+      const deltaY = Math.abs(event2.touches[0].clientY - get$1(touchStartY));
+      if (deltaX > 10 || deltaY > 10) {
+        set(isDragging2, true);
+      }
+    }
+  };
+  const handleTouchEnd = (event2) => {
+    if (!get$1(isDragging2)) {
+      selectItem(event2);
+    }
+    set(isDragging2, false);
+  };
   const handleKeyDown = (event2) => {
     if (event2.key === "Enter" || event2.key === "Escape") {
       event2.preventDefault();
@@ -13877,7 +13902,10 @@ function CategoriseItem($$anchor, $$props) {
     }
   };
   var button = root$6();
-  button.__click = handleClick;
+  button.__click = selectItem;
+  button.__touchstart = handleTouchStart;
+  button.__touchmove = handleTouchMove;
+  button.__touchend = handleTouchEnd;
   button.__keydown = handleKeyDown;
   var span = child(button);
   var node = child(span);
@@ -13991,7 +14019,7 @@ function CategoriseItem($$anchor, $$props) {
   append($$anchor, button);
   return pop($$exports);
 }
-delegate(["click", "keydown"]);
+delegate(["click", "touchstart", "touchmove", "touchend", "keydown"]);
 create_custom_element(
   CategoriseItem,
   {
@@ -14116,9 +14144,7 @@ function CategoriseDndContainer($$anchor, $$props) {
     zoneItemTabIndex: get$1(getZoneItemTabIndex)(),
     zoneTabIndex: -1,
     autoAriaDisabled: true,
-    keyboardDisabled: true,
-    delayTouchStart: 30
-    // 30ms delay - quick enough for dragging, slow enough to detect clicks
+    keyboardDisabled: true
   }));
   const isEmpty = /* @__PURE__ */ user_derived(() => get$1(dndItems).length === 0);
   const isSourceContainer = /* @__PURE__ */ user_derived(() => () => {
@@ -15259,11 +15285,7 @@ function CategoriseModal($$anchor, $$props) {
   const handleReset = () => {
     if (onreset()) onreset()();
   };
-  const modalData = /* @__PURE__ */ user_derived(() => ({
-    isModalOpen: isOpen(),
-    modalAriaLabel: "Reset words",
-    isOpenLastStatus: false
-  }));
+  const modalData = /* @__PURE__ */ user_derived(() => ({ isModalOpen: isOpen(), modalAriaLabel: "Reset words" }));
   var $$exports = {
     get isOpen() {
       return isOpen();
@@ -15291,9 +15313,8 @@ function CategoriseModal($$anchor, $$props) {
     get modalData() {
       return get$1(modalData);
     },
-    onupdateModalSettings: () => {
-    },
-    modalClass: "bg-charcoal/30",
+    modalClass: "bg-charcoal/30 pointer-events-none",
+    onclose: handleClose,
     children: ($$anchor2, $$slotProps) => {
       var fragment_1 = root_1$5();
       var div = first_child(fragment_1);
@@ -16815,6 +16836,9 @@ function createDropdownState(initialValue) {
 const isAllAnswered$1 = (selections) => {
   return selections.every((item) => item.choice !== "" && item.choice !== "Select Answer");
 };
+const isAllSkipped = (selections) => {
+  return selections.every((item) => item.choice === "");
+};
 const calculateAnswerResults = (config, selections) => {
   return selections.map((item) => {
     const correctAnswers = config.correctAnswer[item.id] || [];
@@ -16864,7 +16888,7 @@ function calculateDropdownFeedback(state2, config, validateFn) {
       sessionAnswer: getSessionAnswersForDisplay(selections)
     };
   }
-  const isSkipped = config.mode === MODES.SESSION && config.isFinished && !allAnswered;
+  const isSkipped = isAllSkipped(selections);
   let validationResult = {
     isValid: false,
     feedback: ""
@@ -16874,7 +16898,7 @@ function calculateDropdownFeedback(state2, config, validateFn) {
       answer: selections,
       timestamp: state2.lastModified
     });
-  } else if (isSkipped) {
+  } else if (config.mode === MODES.SESSION && config.isFinished && !allAnswered) {
     validationResult = {
       isValid: false,
       score: 0,
@@ -17699,10 +17723,11 @@ function DropdownFeedback($$anchor, $$props) {
   push($$props, true);
   let feedbackState = prop($$props, "feedbackState", 7), config = prop($$props, "config", 7), interactionType = prop($$props, "interactionType", 7);
   const alertType = /* @__PURE__ */ user_derived(() => {
-    if (feedbackState().isSkipped) return "incorrect";
+    if (feedbackState().isSkipped) return "skipped";
     if (feedbackState().isAllCorrect) return "correct";
     return "incorrect";
   });
+  const shouldShowAlert = /* @__PURE__ */ user_derived(() => !(config().mode === MODES.SESSION && config().isFinished && (feedbackState().isAllCorrect || feedbackState().isSkipped)));
   var $$exports = {
     get feedbackState() {
       return feedbackState();
@@ -17745,7 +17770,7 @@ function DropdownFeedback($$anchor, $$props) {
           });
         };
         if_block(node_1, ($$render) => {
-          if (!(MODES.SESSION === config().mode && config().isFinished && feedbackState().isAllCorrect)) $$render(consequent);
+          if (get$1(shouldShowAlert)) $$render(consequent);
         });
       }
       var node_2 = sibling(node_1, 2);

package/package.json

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