@enspiredigital/xlms-headless 0.0.30 → 0.0.31

package/dist/hooks/useDragDrop.d.ts

@@ -1,9 +1,9 @@
-import { DragDropQuestionType, DragDropAnswer } from '../types';
+import { DragDropQuestionType, DragDropAnswer, DragDropItem } from '../types';
 export declare function useDragDrop(question: DragDropQuestionType): {
-    items: import('..').DragDropItem[];
+    items: DragDropItem[];
     groups: import('..').DragDropGroup[];
     answers: DragDropAnswer[];
-    availableItems: import('..').DragDropItem[];
+    availableItems: DragDropItem[] | undefined;
     question: DragDropQuestionType;
     draggingItemId: string | null;
     submitted: boolean | null;
@@ -14,7 +14,7 @@ export declare function useDragDrop(question: DragDropQuestionType): {
     removeItem: (itemId: string) => void;
     moveItem: (itemId: string, blankIndex: string) => void;
     setDraggingItemId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
-    getItemByBlankId: (blankId: string) => import('..').DragDropItem | undefined;
+    getItemByBlankId: (blankId: string) => DragDropItem | undefined;
     submit: () => {
         isCorrect: boolean;
         correctCount: number;

package/dist/hooks/useDragDrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDragDrop.d.ts","sourceRoot":"","sources":["../../src/hooks/useDragDrop.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEhE,wBAAgB,WAAW,CAAC,QAAQ,EAAE,oBAAoB;;;;;;;;;;;uBAsB9B,MAAM,cAAc,MAAM;yBAiBxB,MAAM;uBAKR,MAAM,cAAc,MAAM;;gCAwDjB,MAAM;;;;;;;;;EA6B1C"}
+{"version":3,"file":"useDragDrop.d.ts","sourceRoot":"","sources":["../../src/hooks/useDragDrop.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG9E,wBAAgB,WAAW,CAAC,QAAQ,EAAE,oBAAoB;;;;;;;;;;;uBA0B9B,MAAM,cAAc,MAAM;yBAiBxB,MAAM;uBAKR,MAAM,cAAc,MAAM;;gCAwDjB,MAAM;;;;;;;;;EAiC1C"}

package/dist/hooks/useGrouping.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGrouping.d.ts","sourceRoot":"","sources":["../../src/hooks/useGrouping.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAE3B,wBAAgB,WAAW,CAAC,QAAQ,EAAE,oBAAoB;;;;;;;;;;;;;;;;;;;;;;mBAYlC,MAAM,cAAc,MAAM;qBAYxB,MAAM;;;;;;;EAqG/B"}
+{"version":3,"file":"useGrouping.d.ts","sourceRoot":"","sources":["../../src/hooks/useGrouping.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAG3B,wBAAgB,WAAW,CAAC,QAAQ,EAAE,oBAAoB;;;;;;;;;;;;;;;;;;;;;;mBAalC,MAAM,cAAc,MAAM;qBAYxB,MAAM;;;;;;;EAyG/B"}

package/dist/hooks/useLabeling.d.ts

@@ -6,7 +6,7 @@ export declare function useLabeling(question: LabelingQuestionType): {
     imageWidth: number | undefined;
     imageHeight: number | undefined;
     answers: LabelingAnswer[];
-    availableLabels: LabelingLabel[];
+    availableLabels: LabelingLabel[] | undefined;
     question: LabelingQuestionType;
     submitted: boolean | null;
     isCorrect: boolean | null;

package/dist/hooks/useLabeling.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLabeling.d.ts","sourceRoot":"","sources":["../../src/hooks/useLabeling.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE/E,wBAAgB,WAAW,CAAC,QAAQ,EAAE,oBAAoB;;;;;;;;;;;;;2BAsB7C,MAAM,WACN,MAAM,MACX,MAAM,MACN,MAAM;2BAwBkB,MAAM;yBAMzB,MAAM,cACH,MAAM,MACd,MAAM,MACN,MAAM;+BAMsB,MAAM,KAAG,aAAa,GAAG,IAAI;gCAY5B,MAAM,KAAG,MAAM,GAAG,IAAI;;;;;;;EA+E1D"}
+{"version":3,"file":"useLabeling.d.ts","sourceRoot":"","sources":["../../src/hooks/useLabeling.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG/E,wBAAgB,WAAW,CAAC,QAAQ,EAAE,oBAAoB;;;;;;;;;;;;;2BAyB7C,MAAM,WACN,MAAM,MACX,MAAM,MACN,MAAM;2BAwBkB,MAAM;yBAMzB,MAAM,cACH,MAAM,MACd,MAAM,MACN,MAAM;+BAMsB,MAAM,KAAG,aAAa,GAAG,IAAI;gCAY5B,MAAM,KAAG,MAAM,GAAG,IAAI;;;;;;;EAmF1D"}

package/dist/index.js

@@ -1,9 +1,9 @@
-import { useState as A, useRef as F, useEffect as V, useMemo as T, useCallback as U } from "react";
-import { jsx as W, Fragment as z } from "react/jsx-runtime";
+import { useState as A, useRef as O, useEffect as D, useMemo as F, useCallback as B } from "react";
+import { jsx as z, Fragment as G } from "react/jsx-runtime";
 function E() {
-  const [t, n] = A(null), [u, f] = A(null), [b, h] = A(0);
-  function C(d) {
-    n(!0), d !== void 0 && f(d), h((S) => S + 1);
+  const [t, n] = A(null), [u, f] = A(null), [m, C] = A(0);
+  function S(l) {
+    n(!0), l !== void 0 && f(l), C((b) => b + 1);
   }
   function o() {
     n(!1), f(null);
@@ -12,11 +12,11 @@ function E() {
     // state
     submitted: t,
     isCorrect: u,
-    attempts: b,
+    attempts: m,
     // derived
     canAnswer: !t,
     // actions
-    submitQuestion: C,
+    submitQuestion: S,
     resetQuestion: o
   };
 }
@@ -24,11 +24,11 @@ function J(t, n) {
   if (t.length !== n.length) return !1;
   const u = new Set(t), f = new Set(n);
   if (u.size !== f.size) return !1;
-  for (const b of u)
-    if (!f.has(b)) return !1;
+  for (const m of u)
+    if (!f.has(m)) return !1;
   return !0;
 }
-function G(t) {
+function V(t) {
   const n = [...t];
   for (let u = n.length - 1; u > 0; u--) {
     const f = Math.floor(Math.random() * (u + 1));
@@ -41,36 +41,36 @@ function X(t) {
     canAnswer: n,
     submitted: u,
     isCorrect: f,
-    attempts: b,
-    resetQuestion: h,
-    submitQuestion: C
-  } = E(), [o, d] = A([]);
-  function S(w) {
-    d((g) => t.options.allowMultipleAnswers ? g.includes(w) ? g.filter((p) => p !== w) : [...g, w] : [w]);
+    attempts: m,
+    resetQuestion: C,
+    submitQuestion: S
+  } = E(), [o, l] = A([]);
+  function b(w) {
+    l((p) => t.options.allowMultipleAnswers ? p.includes(w) ? p.filter((d) => d !== w) : [...p, w] : [w]);
   }
   function I() {
     if (o.length === 0) return;
     const w = t.options.answers.reduce(
-      (p, x) => (x.is_correct && p.push(x.id), p),
+      (d, x) => (x.is_correct && d.push(x.id), d),
       []
-    ), g = J(o, w);
-    C(g);
+    ), p = J(o, w);
+    S(p);
   }
   function Q() {
-    d([]), h();
+    l([]), C();
   }
   return {
     // data
     question: t,
     selectedIds: o,
     // actions
-    select: S,
+    select: b,
     submit: I,
     reset: Q,
     // base
     submitted: u,
     isCorrect: f,
-    attempts: b,
+    attempts: m,
     canAnswer: n
   };
 }
@@ -79,84 +79,84 @@ function Y(t) {
     canAnswer: n,
     submitted: u,
     isCorrect: f,
-    attempts: b,
-    submitQuestion: h,
-    resetQuestion: C
-  } = E(), [o, d] = A([]), [S, I] = A(
+    attempts: m,
+    submitQuestion: C,
+    resetQuestion: S
+  } = E(), [o, l] = A([]), [b, I] = A(
     []
   ), [Q, w] = A(
     []
-  ), g = F([]);
-  function p(e, s) {
-    d((l) => [
-      ...l.filter(
-        (m) => m.targetId !== e && m.sourceId !== s
+  ), p = O([]);
+  function d(e, r) {
+    l((c) => [
+      ...c.filter(
+        (g) => g.targetId !== e && g.sourceId !== r
       ),
-      { targetId: e, sourceId: s }
+      { targetId: e, sourceId: r }
     ]);
   }
-  function x(e, s) {
-    d(
-      (l) => l.filter((m) => m.targetId !== e || m.sourceId !== s)
+  function x(e, r) {
+    l(
+      (c) => c.filter((g) => g.targetId !== e || g.sourceId !== r)
     );
   }
-  function a() {
-    let e = 0, s = !0;
-    return t.options.targets.forEach((l) => {
-      const m = o.find((B) => B.targetId === l.id), y = t.options.sources[l.content.correct_position - 1];
-      m && y && m.sourceId === y.id ? e += l.content.point : s = !1;
+  function h() {
+    let e = 0, r = !0;
+    return t.options.targets.forEach((c) => {
+      const g = o.find((U) => U.targetId === c.id), v = t.options.sources[c.content.correct_position - 1];
+      g && v && g.sourceId === v.id ? e += c.content.point : r = !1;
     }), {
-      isCorrect: s,
+      isCorrect: r,
       score: e,
       maxScore: t.options.targets.reduce(
-        (l, m) => l + m.content.point,
+        (c, g) => c + g.content.point,
         0
       )
     };
   }
-  function c() {
-    const e = a();
-    return h(e.isCorrect), e;
+  function s() {
+    const e = h();
+    return C(e.isCorrect), e;
   }
-  function i() {
-    d([]), C();
+  function a() {
+    l([]), S();
   }
-  function r(e) {
-    const s = o.find((l) => l.sourceId === e)?.targetId;
-    return t.options.targets.find((l) => l.id === s);
+  function i(e) {
+    const r = o.find((c) => c.sourceId === e)?.targetId;
+    return t.options.targets.find((c) => c.id === r);
   }
-  return V(() => {
+  return D(() => {
     const e = t.options.sources.filter(
-      (s) => !o.some((l) => l.sourceId === s.id)
+      (r) => !o.some((c) => c.sourceId === r.id)
     );
     I(e);
-  }, [o, t.options.sources]), V(() => {
-    if (g.current.length === 0) return;
-    const e = g.current.filter(
-      (s) => !o.some((l) => l.targetId === s.id)
+  }, [o, t.options.sources]), D(() => {
+    if (p.current.length === 0) return;
+    const e = p.current.filter(
+      (r) => !o.some((c) => c.targetId === r.id)
     );
     w(e);
-  }, [o]), V(() => {
-    g.current = G(t.options.targets);
+  }, [o]), D(() => {
+    p.current = V(t.options.targets);
   }, [t.options.targets]), {
     // data
     sources: t.options.sources,
     targets: t.options.targets,
     answers: o,
     question: t,
-    availableSources: S,
+    availableSources: b,
     availableTargets: Q,
     // base
     submitted: u,
     isCorrect: f,
-    attempts: b,
+    attempts: m,
     canAnswer: n,
     // actions
-    getTargetBySourceId: r,
-    select: p,
+    getTargetBySourceId: i,
+    select: d,
     remove: x,
-    submit: c,
-    reset: i
+    submit: s,
+    reset: a
   };
 }
 function Z(t) {
@@ -164,15 +164,15 @@ function Z(t) {
     canAnswer: n,
     submitted: u,
     isCorrect: f,
-    attempts: b,
-    resetQuestion: h,
-    submitQuestion: C
+    attempts: m,
+    resetQuestion: C,
+    submitQuestion: S
   } = E();
   function o() {
-    C(!0);
+    S(!0);
   }
-  function d() {
-    h();
+  function l() {
+    C();
   }
   return {
     // data
@@ -181,11 +181,11 @@ function Z(t) {
     type: t.options.urlType,
     // actions
     submit: o,
-    reset: d,
+    reset: l,
     // base
     submitted: u,
     isCorrect: f,
-    attempts: b,
+    attempts: m,
     canAnswer: n
   };
 }
@@ -194,83 +194,86 @@ function K(t) {
     canAnswer: n,
     submitted: u,
     isCorrect: f,
-    attempts: b,
-    submitQuestion: h,
-    resetQuestion: C
-  } = E(), [o, d] = A([]), [S, I] = A(null), Q = T(() => {
-    const r = new Set(o.map((e) => e.itemId));
-    return t.options.answers.filter(
-      (e) => !r.has(String(e.id))
+    attempts: m,
+    submitQuestion: C,
+    resetQuestion: S
+  } = E(), [o, l] = A([]), [b, I] = A(null), Q = O([]), w = F(() => {
+    if (Q.current.length === 0) return;
+    const e = new Set(o.map((r) => r.itemId));
+    return Q.current.filter(
+      (r) => !e.has(String(r.id))
     );
-  }, [o, t.options.answers]);
-  function w(r, e) {
-    d((s) => [
-      ...s.filter(
-        (m) => m.blankIndex !== e && m.itemId !== r
+  }, [o]);
+  function p(e, r) {
+    l((c) => [
+      ...c.filter(
+        (v) => v.blankIndex !== r && v.itemId !== e
       ),
       {
-        itemId: r,
-        blankIndex: e
+        itemId: e,
+        blankIndex: r
       }
     ]);
   }
-  function g(r) {
-    d((e) => e.filter((s) => s.itemId !== r));
+  function d(e) {
+    l((r) => r.filter((c) => c.itemId !== e));
   }
-  function p(r, e) {
-    w(r, e);
+  function x(e, r) {
+    p(e, r);
   }
-  function x() {
-    let r = 0, e = !0, s = 0;
-    const l = t.correct_answers.list, m = new Map(o.map((y) => [y.blankIndex, y.itemId]));
-    return Object.entries(l).forEach(([y, B]) => {
-      const R = y, O = m.get(R);
-      if (!O) {
-        e = !1;
+  function h() {
+    let e = 0, r = !0, c = 0;
+    const g = t.correct_answers.list, v = new Map(o.map((U) => [U.blankIndex, U.itemId]));
+    return Object.entries(g).forEach(([U, k]) => {
+      const _ = U, T = v.get(_);
+      if (!T) {
+        r = !1;
         return;
       }
-      const M = t.options.answers.find((D) => D.id === O);
-      M && String(M.group_position) === String(B) ? (r++, s += M.point) : e = !1;
+      const M = t.options.answers.find((j) => j.id === T);
+      M && String(M.group_position) === String(k) ? (e++, c += M.point) : r = !1;
     }), {
-      isCorrect: e,
-      correctCount: r,
-      totalCount: Object.keys(l).length,
+      isCorrect: r,
+      correctCount: e,
+      totalCount: Object.keys(g).length,
       maxScore: t.metadata.points,
-      score: s
+      score: c
     };
   }
-  function a() {
-    const r = x();
-    return h(r.isCorrect), r;
+  function s() {
+    const e = h();
+    return C(e.isCorrect), e;
   }
-  function c() {
-    d([]), C();
+  function a() {
+    l([]), S();
   }
-  function i(r) {
-    const e = o.find((s) => s.blankIndex === r)?.itemId;
-    return t.options.answers.find((s) => s.id === e);
+  function i(e) {
+    const r = o.find((c) => c.blankIndex === e)?.itemId;
+    return t.options.answers.find((c) => c.id === r);
   }
-  return {
+  return D(() => {
+    Q.current = V(t.options.answers);
+  }, [t.options.answers]), {
     // data
     items: t.options.answers,
     groups: t.options.groups,
     answers: o,
-    availableItems: Q,
+    availableItems: w,
     question: t,
-    draggingItemId: S,
+    draggingItemId: b,
     // base
     submitted: u,
     isCorrect: f,
-    attempts: b,
+    attempts: m,
     canAnswer: n,
     // actions
-    dropItem: w,
-    removeItem: g,
-    moveItem: p,
+    dropItem: p,
+    removeItem: d,
+    moveItem: x,
     setDraggingItemId: I,
     getItemByBlankId: i,
-    submit: a,
-    reset: c
+    submit: s,
+    reset: a
   };
 }
 function H(t) {
@@ -278,73 +281,73 @@ function H(t) {
     canAnswer: n,
     submitted: u,
     isCorrect: f,
-    attempts: b,
-    submitQuestion: h,
-    resetQuestion: C
-  } = E(), [o, d] = A(() => G(
-    t.options.answers.map((c) => String(c.id))
-  )), S = T(() => o.map(
-    (c) => t.options.answers.find((i) => String(i.id) === c)
-  ).filter((c) => c !== void 0), [o, t.options.answers]);
-  function I(c, i) {
-    d((r) => {
-      const e = [...r], [s] = e.splice(c, 1);
-      return e.splice(i, 0, s), e;
+    attempts: m,
+    submitQuestion: C,
+    resetQuestion: S
+  } = E(), [o, l] = A(() => V(
+    t.options.answers.map((s) => String(s.id))
+  )), b = F(() => o.map(
+    (s) => t.options.answers.find((a) => String(a.id) === s)
+  ).filter((s) => s !== void 0), [o, t.options.answers]);
+  function I(s, a) {
+    l((i) => {
+      const e = [...i], [r] = e.splice(s, 1);
+      return e.splice(a, 0, r), e;
     });
   }
-  function Q(c) {
-    const i = o.indexOf(c);
-    i > 0 && I(i, i - 1);
+  function Q(s) {
+    const a = o.indexOf(s);
+    a > 0 && I(a, a - 1);
   }
-  function w(c) {
-    const i = o.indexOf(c);
-    i < o.length - 1 && I(i, i + 1);
+  function w(s) {
+    const a = o.indexOf(s);
+    a < o.length - 1 && I(a, a + 1);
   }
-  function g(c, i) {
-    const r = o.indexOf(c);
-    r !== -1 && i >= 0 && i < o.length && I(r, i);
+  function p(s, a) {
+    const i = o.indexOf(s);
+    i !== -1 && a >= 0 && a < o.length && I(i, a);
   }
-  function p() {
-    let c = 0, i = !0;
-    return t.options.answers.forEach((r, e) => {
-      const s = o.indexOf(String(r.id));
-      s !== -1 && s + 1 === r.correct_position ? c += r.point : i = !1;
+  function d() {
+    let s = 0, a = !0;
+    return t.options.answers.forEach((i, e) => {
+      const r = o.indexOf(String(i.id));
+      r !== -1 && r + 1 === i.correct_position ? s += i.point : a = !1;
     }), {
-      isCorrect: i,
-      score: c,
+      isCorrect: a,
+      score: s,
       maxScore: t.options.answers.reduce(
-        (r, e) => r + e.point,
+        (i, e) => i + e.point,
         0
       )
     };
   }
   function x() {
-    const c = p();
-    return h(c.isCorrect), c;
+    const s = d();
+    return C(s.isCorrect), s;
   }
-  function a() {
-    d(t.options.answers.map((c) => String(c.id))), C();
+  function h() {
+    l(t.options.answers.map((s) => String(s.id))), S();
   }
   return {
     // data
     items: t.options.answers,
     groups: t.options.groups,
-    orderedItems: S,
+    orderedItems: b,
     orderedItemIds: o,
     question: t,
     // base
     submitted: u,
     isCorrect: f,
-    attempts: b,
+    attempts: m,
     canAnswer: n,
     // actions
-    setOrderedItemIds: d,
+    setOrderedItemIds: l,
     moveItem: I,
     moveUp: Q,
     moveDown: w,
-    moveToPosition: g,
+    moveToPosition: p,
     submit: x,
-    reset: a
+    reset: h
   };
 }
 function q(t) {
@@ -352,71 +355,74 @@ function q(t) {
     canAnswer: n,
     submitted: u,
     isCorrect: f,
-    attempts: b,
-    submitQuestion: h,
-    resetQuestion: C
-  } = E(), [o, d] = A([]), S = T(() => {
-    const i = new Set(o.map((r) => r.labelId));
-    return t.options.labels.filter(
-      (r) => !i.has(String(r.id))
+    attempts: m,
+    submitQuestion: C,
+    resetQuestion: S
+  } = E(), [o, l] = A([]), b = O([]), I = F(() => {
+    if (b.current.length === 0) return;
+    const i = new Set(o.map((e) => e.labelId));
+    return b.current.filter(
+      (e) => !i.has(String(e.id))
     );
-  }, [o, t.options.labels]);
-  function I(i, r, e, s) {
-    const l = t.options.blanks.find((m) => String(m.id) === r);
-    l && d((m) => [
-      ...m.filter(
-        (B) => B.labelId !== i && B.blankId !== r
+  }, [o]);
+  function Q(i, e, r, c) {
+    const g = t.options.blanks.find((v) => String(v.id) === e);
+    g && l((v) => [
+      ...v.filter(
+        (k) => k.labelId !== i && k.blankId !== e
       ),
       {
         labelId: i,
-        blankId: r,
-        x: e ?? l.coordinates.x,
-        y: s ?? l.coordinates.y
+        blankId: e,
+        x: r ?? g.coordinates.x,
+        y: c ?? g.coordinates.y
       }
     ]);
   }
-  function Q(i) {
-    d((r) => r.filter((e) => e.labelId !== i));
+  function w(i) {
+    l((e) => e.filter((r) => r.labelId !== i));
   }
-  function w(i, r, e, s) {
-    I(i, r, e, s);
+  function p(i, e, r, c) {
+    Q(i, e, r, c);
   }
-  function g(i) {
-    const r = o.find((e) => e.blankId === i);
-    return r && t.options.labels.find(
-      (e) => String(e.id) === r.labelId
+  function d(i) {
+    const e = o.find((r) => r.blankId === i);
+    return e && t.options.labels.find(
+      (r) => String(r.id) === e.labelId
     ) || null;
   }
-  function p(i) {
-    const r = o.find((e) => e.labelId === i);
-    return r ? r.blankId : null;
-  }
-  function x() {
-    let i = 0, r = !0;
-    return t.options.labels.forEach((e) => {
-      const s = o.find(
-        (m) => String(m.labelId) === String(e.id)
-      ), l = t.options.blanks.find(
-        (m, y) => y + 1 === e.correct_position
+  function x(i) {
+    const e = o.find((r) => r.labelId === i);
+    return e ? e.blankId : null;
+  }
+  function h() {
+    let i = 0, e = !0;
+    return t.options.labels.forEach((r) => {
+      const c = o.find(
+        (v) => String(v.labelId) === String(r.id)
+      ), g = t.options.blanks.find(
+        (v, U) => U + 1 === r.correct_position
       );
-      s && l && s.blankId === String(l.id) ? i += e.point : r = !1;
+      c && g && c.blankId === String(g.id) ? i += r.point : e = !1;
     }), {
-      isCorrect: r,
+      isCorrect: e,
       score: i,
       maxScore: t.options.labels.reduce(
-        (e, s) => e + s.point,
+        (r, c) => r + c.point,
         0
       )
     };
   }
-  function a() {
-    const i = x();
-    return h(i.isCorrect), i;
+  function s() {
+    const i = h();
+    return C(i.isCorrect), i;
   }
-  function c() {
-    d([]), C();
+  function a() {
+    l([]), S();
   }
-  return {
+  return D(() => {
+    b.current = V(t.options.labels);
+  }, [t.options.labels]), {
     // data
     labels: t.options.labels,
     blanks: t.options.blanks,
@@ -424,21 +430,21 @@ function q(t) {
     imageWidth: t.image_width,
     imageHeight: t.image_height,
     answers: o,
-    availableLabels: S,
+    availableLabels: I,
     question: t,
     // base
     submitted: u,
     isCorrect: f,
-    attempts: b,
+    attempts: m,
     canAnswer: n,
     // actions
-    attachLabel: I,
-    removeLabel: Q,
-    moveLabel: w,
-    getLabelAtBlank: g,
-    getBlankForLabel: p,
-    submit: a,
-    reset: c
+    attachLabel: Q,
+    removeLabel: w,
+    moveLabel: p,
+    getLabelAtBlank: d,
+    getBlankForLabel: x,
+    submit: s,
+    reset: a
   };
 }
 function tt(t) {
@@ -446,44 +452,44 @@ function tt(t) {
     canAnswer: n,
     submitted: u,
     isCorrect: f,
-    attempts: b,
-    submitQuestion: h,
-    resetQuestion: C
-  } = E(), [o, d] = A([]);
-  function S(g, p) {
-    d((x) => {
-      const a = x.findIndex((c) => c.blankId === g);
-      if (a >= 0) {
-        const c = [...x];
-        return c[a] = { blankId: g, value: p }, c;
+    attempts: m,
+    submitQuestion: C,
+    resetQuestion: S
+  } = E(), [o, l] = A([]);
+  function b(p, d) {
+    l((x) => {
+      const h = x.findIndex((s) => s.blankId === p);
+      if (h >= 0) {
+        const s = [...x];
+        return s[h] = { blankId: p, value: d }, s;
       }
-      return [...x, { blankId: g, value: p }];
+      return [...x, { blankId: p, value: d }];
     });
   }
   function I() {
-    let g = 0, p = 0, x = 0;
-    const a = t.correct_answers.list || {}, c = Object.keys(a).length;
-    Object.entries(a).forEach(([r, e]) => {
-      const s = String(e).trim().toLowerCase(), l = t.options.answers.find(
-        (R) => R.correct_position === Number(r)
-      ), m = l && l.point || 1;
-      x += m;
-      const y = o.find((R) => R.blankId === r);
-      (y ? String(y.value).trim().toLowerCase() : "") === s && (g += m, p++);
+    let p = 0, d = 0, x = 0;
+    const h = t.correct_answers.list || {}, s = Object.keys(h).length;
+    Object.entries(h).forEach(([i, e]) => {
+      const r = String(e).trim().toLowerCase(), c = t.options.answers.find(
+        (k) => k.correct_position === Number(i)
+      ), g = c && c.point || 1;
+      x += g;
+      const v = o.find((k) => k.blankId === i);
+      (v ? String(v.value).trim().toLowerCase() : "") === r && (p += g, d++);
     });
-    const i = p === c && c > 0;
-    return x === 0 && c > 0 && (x = c), {
-      isCorrect: i,
-      score: Math.round(g * 100) / 100,
+    const a = d === s && s > 0;
+    return x === 0 && s > 0 && (x = s), {
+      isCorrect: a,
+      score: Math.round(p * 100) / 100,
       maxScore: Math.round(x * 100) / 100
     };
   }
   function Q() {
-    const g = I();
-    return h(g.isCorrect), g;
+    const p = I();
+    return C(p.isCorrect), p;
   }
   function w() {
-    d([]), C();
+    l([]), S();
   }
   return {
     // data
@@ -493,10 +499,10 @@ function tt(t) {
     // base
     submitted: u,
     isCorrect: f,
-    attempts: b,
+    attempts: m,
     canAnswer: n,
     // actions
-    answer: S,
+    answer: b,
     submit: Q,
     reset: w
   };
@@ -506,75 +512,77 @@ function et(t) {
     canAnswer: n,
     submitted: u,
     isCorrect: f,
-    attempts: b,
-    submitQuestion: h,
-    resetQuestion: C
-  } = E(), [o, d] = A([]);
-  function S(a, c) {
-    d((i) => {
-      const r = i.findIndex((e) => e.itemId === a);
-      if (r >= 0) {
-        const e = [...i];
-        return e[r] = { itemId: a, categoryId: c }, e;
+    attempts: m,
+    submitQuestion: C,
+    resetQuestion: S
+  } = E(), [o, l] = A([]), b = O([]);
+  function I(s, a) {
+    l((i) => {
+      const e = i.findIndex((r) => r.itemId === s);
+      if (e >= 0) {
+        const r = [...i];
+        return r[e] = { itemId: s, categoryId: a }, r;
       }
-      return [...i, { itemId: a, categoryId: c }];
+      return [...i, { itemId: s, categoryId: a }];
     });
   }
-  function I(a) {
-    d((c) => c.filter((i) => i.itemId !== a));
+  function Q(s) {
+    l((a) => a.filter((i) => i.itemId !== s));
   }
-  function Q() {
-    let a = 0, c = 0;
-    const r = t.correct_answers.list || {}, e = Object.keys(r).length;
-    let s = 0;
-    return Object.entries(r).forEach(([m, y]) => {
-      const B = t.options.items.find((M) => M.id === m), R = B ? B.point : 0;
-      s += R;
-      const O = o.find((M) => M.itemId === m);
-      O && O.categoryId === y && (a += R, c++);
-    }), a = Math.round(a * 100) / 100, s = Math.round(s * 100) / 100, {
-      isCorrect: c === e && e > 0,
-      score: a,
-      maxScore: s
+  function w() {
+    let s = 0, a = 0;
+    const e = t.correct_answers.list || {}, r = Object.keys(e).length;
+    let c = 0;
+    return Object.entries(e).forEach(([v, U]) => {
+      const k = t.options.items.find((M) => M.id === v), _ = k ? k.point : 0;
+      c += _;
+      const T = o.find((M) => M.itemId === v);
+      T && T.categoryId === U && (s += _, a++);
+    }), s = Math.round(s * 100) / 100, c = Math.round(c * 100) / 100, {
+      isCorrect: a === r && r > 0,
+      score: s,
+      maxScore: c
     };
   }
-  function w() {
-    const a = Q();
-    return h(a.isCorrect), a;
+  function p() {
+    const s = w();
+    return C(s.isCorrect), s;
   }
-  function g() {
-    d([]), C();
+  function d() {
+    l([]), S();
   }
-  const p = T(() => t.options.items.filter(
-    (a) => !o.some((c) => c.itemId === a.id)
-  ), [t.options.items, o]), x = T(() => t.options.categories.map((a) => {
-    const c = o.filter((i) => i.categoryId === a.id).map((i) => ({
-      ...t.options.items.find((e) => e.id === i.itemId)
+  const x = F(() => b.current.filter(
+    (s) => !o.some((a) => a.itemId === s.id)
+  ), [o]), h = F(() => t.options.categories.map((s) => {
+    const a = o.filter((i) => i.categoryId === s.id).map((i) => ({
+      ...t.options.items.find((r) => r.id === i.itemId)
     }));
     return {
-      ...a,
-      items: c
+      ...s,
+      items: a
     };
   }), [t.options.categories, t.options.items, o]);
-  return {
+  return D(() => {
+    b.current = V(t.options.items);
+  }, [t.options.items]), {
     // data
     categories: t.options.categories,
     allItems: t.options.items,
     question: t,
-    categoriesWithItems: x,
+    categoriesWithItems: h,
     // state
     answers: o,
-    unassignedItems: p,
+    unassignedItems: x,
     // base
     submitted: u,
     isCorrect: f,
-    attempts: b,
+    attempts: m,
     canAnswer: n,
     // actions
-    move: S,
-    remove: I,
-    submit: w,
-    reset: g
+    move: I,
+    remove: Q,
+    submit: p,
+    reset: d
   };
 }
 function rt(t) {
@@ -582,15 +590,15 @@ function rt(t) {
     canAnswer: n,
     submitted: u,
     isCorrect: f,
-    attempts: b,
-    resetQuestion: h,
-    submitQuestion: C
+    attempts: m,
+    resetQuestion: C,
+    submitQuestion: S
   } = E();
   function o() {
-    u || C(!0);
+    u || S(!0);
   }
-  function d() {
-    h();
+  function l() {
+    C();
   }
   return {
     // data
@@ -599,25 +607,25 @@ function rt(t) {
     type: t.options.urlType,
     // actions
     submit: o,
-    reset: d,
+    reset: l,
     // base
     submitted: u,
     isCorrect: f,
-    attempts: b,
+    attempts: m,
     canAnswer: n
   };
 }
 function nt(t, n) {
-  const { canAnswer: u, submitted: f, attempts: b, submitQuestion: h, resetQuestion: C } = E(), [o, d] = A(""), [S, I] = A(void 0), [Q, w] = A(!1), [g, p] = A(void 0), x = U(
+  const { canAnswer: u, submitted: f, attempts: m, submitQuestion: C, resetQuestion: S } = E(), [o, l] = A(""), [b, I] = A(void 0), [Q, w] = A(!1), [p, d] = A(void 0), x = B(
     async (e) => {
       if (n) {
-        w(!0), p(void 0);
+        w(!0), d(void 0);
         try {
-          const s = await n(e, e.name);
-          s.success && s.url ? I(s.url) : p(s.error || "Upload failed");
-        } catch (s) {
-          console.error("File upload failed:", s), p(
-            s instanceof Error ? s.message : "File upload failed"
+          const r = await n(e, e.name);
+          r.success && r.url ? I(r.url) : d(r.error || "Upload failed");
+        } catch (r) {
+          console.error("File upload failed:", r), d(
+            r instanceof Error ? r.message : "File upload failed"
           );
         } finally {
           w(!1);
@@ -625,140 +633,140 @@ function nt(t, n) {
       }
     },
     [n]
-  ), a = U(async () => {
+  ), h = B(async () => {
     if (!(!n || !o)) {
-      w(!0), p(void 0);
+      w(!0), d(void 0);
       try {
-        const e = new Blob([o], { type: "text/plain; charset=utf-8" }), s = `writing-${Date.now()}.txt`, l = await n(e, s);
-        l.success && l.url ? I(l.url) : p(l.error || "Upload failed");
+        const e = new Blob([o], { type: "text/plain; charset=utf-8" }), r = `writing-${Date.now()}.txt`, c = await n(e, r);
+        c.success && c.url ? I(c.url) : d(c.error || "Upload failed");
       } catch (e) {
-        console.error("Text upload failed:", e), p(
+        console.error("Text upload failed:", e), d(
           e instanceof Error ? e.message : "Text upload failed"
         );
       } finally {
         w(!1);
       }
     }
-  }, [o, n]), c = T(
+  }, [o, n]), s = F(
     () => ({
       type: "writing",
       text: o,
-      fileUrl: S
+      fileUrl: b
     }),
-    [o, S]
-  ), i = U(() => (h(), c), [h, c]), r = U(() => {
-    d(""), I(void 0), p(void 0), C();
-  }, [C]);
+    [o, b]
+  ), a = B(() => (C(), s), [C, s]), i = B(() => {
+    l(""), I(void 0), d(void 0), S();
+  }, [S]);
   return {
     question: t,
     canAnswer: u,
     submitted: f,
-    attempts: b,
+    attempts: m,
     text: o,
-    setText: d,
-    fileUrl: S,
+    setText: l,
+    fileUrl: b,
     setFileUrl: I,
     isUploading: Q,
-    uploadError: g,
+    uploadError: p,
     uploadFile: x,
-    uploadText: a,
-    submit: i,
-    reset: r,
-    payload: c
+    uploadText: h,
+    submit: a,
+    reset: i,
+    payload: s
   };
 }
 function st(t, n) {
-  const { canAnswer: u, submitted: f, attempts: b, submitQuestion: h, resetQuestion: C } = E(), [o, d] = A(void 0), [S, I] = A("idle"), [Q, w] = A(0), [g, p] = A(!1), [x, a] = A(void 0), [c, i] = A(!1), r = F(null), e = F([]), s = F(null), l = F(null), m = U(async () => {
-    i(!0);
+  const { canAnswer: u, submitted: f, attempts: m, submitQuestion: C, resetQuestion: S } = E(), [o, l] = A(void 0), [b, I] = A("idle"), [Q, w] = A(0), [p, d] = A(!1), [x, h] = A(void 0), [s, a] = A(!1), i = O(null), e = O([]), r = O(null), c = O(null), g = B(async () => {
+    a(!0);
     try {
-      const v = await navigator.mediaDevices.getUserMedia({ audio: !0 });
-      l.current = v;
-      const k = new MediaRecorder(v);
-      r.current = k, e.current = [], k.ondataavailable = (_) => {
-        _.data.size > 0 && e.current.push(_.data);
-      }, k.onstop = () => {
-        const _ = new Blob(e.current, {
+      const y = await navigator.mediaDevices.getUserMedia({ audio: !0 });
+      c.current = y;
+      const R = new MediaRecorder(y);
+      i.current = R, e.current = [], R.ondataavailable = (W) => {
+        W.data.size > 0 && e.current.push(W.data);
+      }, R.onstop = () => {
+        const W = new Blob(e.current, {
           type: "audio/webm"
-        }), P = URL.createObjectURL(_);
-        d(P);
-      }, k.start(), I("recording"), w(0);
+        }), P = URL.createObjectURL(W);
+        l(P);
+      }, R.start(), I("recording"), w(0);
       let L = 0;
-      s.current = setInterval(() => {
-        L++, w(L), L >= (t.metadata?.max_recording_time || 300) && R();
+      r.current = setInterval(() => {
+        L++, w(L), L >= (t.metadata?.max_recording_time || 300) && k();
       }, 1e3);
-    } catch (v) {
-      console.error("Failed to start recording:", v), a("Failed to access microphone");
+    } catch (y) {
+      console.error("Failed to start recording:", y), h("Failed to access microphone");
     }
-  }, []), y = U(() => {
-    r.current && S === "recording" && (r.current.pause(), I("paused"), s.current && clearInterval(s.current));
-  }, [S]), B = U(() => {
-    r.current && S === "paused" && (r.current.resume(), I("recording"), s.current = setInterval(() => {
-      w((v) => v + 1);
+  }, []), v = B(() => {
+    i.current && b === "recording" && (i.current.pause(), I("paused"), r.current && clearInterval(r.current));
+  }, [b]), U = B(() => {
+    i.current && b === "paused" && (i.current.resume(), I("recording"), r.current = setInterval(() => {
+      w((y) => y + 1);
     }, 1e3));
-  }, [S]), R = U(() => {
-    r.current && r.current.state !== "inactive" && (r.current.stop(), i(!1), I("stopped"), s.current && clearInterval(s.current), l.current && l.current.getTracks().forEach((v) => v.stop()));
-  }, []), O = U(() => {
-    c ? R() : m();
-  }, [c, m, R]), M = U(async () => {
+  }, [b]), k = B(() => {
+    i.current && i.current.state !== "inactive" && (i.current.stop(), a(!1), I("stopped"), r.current && clearInterval(r.current), c.current && c.current.getTracks().forEach((y) => y.stop()));
+  }, []), _ = B(() => {
+    s ? k() : g();
+  }, [s, g, k]), T = B(async () => {
     if (!(!e.current.length || !n)) {
-      p(!0), a(void 0);
+      d(!0), h(void 0);
       try {
-        const v = new Blob(e.current, {
+        const y = new Blob(e.current, {
           type: "audio/webm"
-        }), k = `speaking-${Date.now()}.webm`, L = await n(v, k);
-        L.success && L.url ? d(L.url) : a(L.error || "Upload failed");
-      } catch (v) {
-        console.error("Upload failed:", v), a(v instanceof Error ? v.message : "Upload failed");
+        }), R = `speaking-${Date.now()}.webm`, L = await n(y, R);
+        L.success && L.url ? l(L.url) : h(L.error || "Upload failed");
+      } catch (y) {
+        console.error("Upload failed:", y), h(y instanceof Error ? y.message : "Upload failed");
       } finally {
-        p(!1);
+        d(!1);
       }
     }
-  }, [t, n]), D = U(
-    async (v) => {
+  }, [t, n]), M = B(
+    async (y) => {
       if (n) {
-        p(!0), a(void 0);
+        d(!0), h(void 0);
         try {
-          const k = await n(v, v.name);
-          k.success && k.url ? d(k.url) : a(k.error || "Upload failed");
-        } catch (k) {
-          console.error("File upload failed:", k), a(
-            k instanceof Error ? k.message : "File upload failed"
+          const R = await n(y, y.name);
+          R.success && R.url ? l(R.url) : h(R.error || "Upload failed");
+        } catch (R) {
+          console.error("File upload failed:", R), h(
+            R instanceof Error ? R.message : "File upload failed"
           );
         } finally {
-          p(!1);
+          d(!1);
         }
       }
     },
     [n]
-  ), j = T(
+  ), j = F(
     () => ({
       type: "speaking",
       audioUrl: o
     }),
     [t, o]
-  ), $ = U(() => (h(), j), [h, j]), N = U(() => {
-    d(void 0), I("idle"), w(0), a(void 0), e.current = [], s.current && clearInterval(s.current), l.current && l.current.getTracks().forEach((v) => v.stop()), C();
-  }, [C]);
+  ), $ = B(() => (C(), j), [C, j]), N = B(() => {
+    l(void 0), I("idle"), w(0), h(void 0), e.current = [], r.current && clearInterval(r.current), c.current && c.current.getTracks().forEach((y) => y.stop()), S();
+  }, [S]);
   return {
     question: t,
     canAnswer: u,
     submitted: f,
-    attempts: b,
+    attempts: m,
     audioUrl: o,
-    recordingState: S,
+    recordingState: b,
     recordingTime: Q,
-    isUploading: g,
+    isUploading: p,
     uploadError: x,
-    isRecording: c,
+    isRecording: s,
     payload: j,
-    setAudioUrl: d,
-    startRecording: m,
-    pauseRecording: y,
-    resumeRecording: B,
-    stopRecording: R,
-    toggleRecording: O,
-    uploadAudio: M,
-    uploadFile: D,
+    setAudioUrl: l,
+    startRecording: g,
+    pauseRecording: v,
+    resumeRecording: U,
+    stopRecording: k,
+    toggleRecording: _,
+    uploadAudio: T,
+    uploadFile: M,
     submit: $,
     reset: N
   };
@@ -791,14 +799,14 @@ function lt({
   const u = K(t());
   return n(u);
 }
-function dt({
+function ft({
   getData: t,
   children: n
 }) {
   const u = H(t());
   return n(u);
 }
-function ft({
+function dt({
   getData: t,
   children: n
 }) {
@@ -831,31 +839,31 @@ function bt({
   children: n,
   uploadHandler: u
 }) {
-  const f = t(), b = nt(f, u);
-  return /* @__PURE__ */ W(z, { children: n(b) });
+  const f = t(), m = nt(f, u);
+  return /* @__PURE__ */ z(G, { children: n(m) });
 }
 function wt({
   getData: t,
   children: n,
   uploadHandler: u
 }) {
-  const f = t(), b = st(f, u);
-  return /* @__PURE__ */ W(z, { children: n(b) });
+  const f = t(), m = st(f, u);
+  return /* @__PURE__ */ z(G, { children: n(m) });
 }
 export {
   lt as DragDropQuestion,
   pt as FillInBlankQuestion,
   mt as GroupingQuestion,
-  ft as LabelingQuestion,
+  dt as LabelingQuestion,
   ut as MatchingQuestion,
   ct as MultipleChoicesQuestion,
-  dt as OrderingQuestion,
+  ft as OrderingQuestion,
   gt as PowerpointQuestion,
   wt as SpeakingQuestion,
   at as VideoQuestion,
   bt as WritingQuestion,
   J as isSameSet,
-  G as shuffleArray,
+  V as shuffleArray,
   E as useBaseQuestion,
   K as useDragDrop,
   tt as useFillInBlank,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enspiredigital/xlms-headless",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",