@enspiredigital/xlms-headless 0.0.23 → 0.0.24

package/dist/index.js

@@ -1,177 +1,178 @@
-import { useState as k, useRef as E, useEffect as _, useMemo as y } from "react";
+import { useState as x, useRef as F, useEffect as D, useMemo as T, useCallback as B } from "react";
+import { jsx as j, Fragment as V } from "react/jsx-runtime";
 function M() {
-  const [t, i] = k(null), [c, p] = k(null), [g, w] = k(0);
-  function h(f) {
-    i(!0), p(f), w((A) => A + 1);
+  const [t, n] = x(null), [u, f] = x(null), [b, C] = x(0);
+  function S(l) {
+    n(!0), l !== void 0 && f(l), C((h) => h + 1);
   }
-  function s() {
-    i(!1), p(null);
+  function o() {
+    n(!1), f(null);
   }
   return {
     // state
     submitted: t,
-    isCorrect: c,
-    attempts: g,
+    isCorrect: u,
+    attempts: b,
     // derived
     canAnswer: !t,
     // actions
-    submitQuestion: h,
-    resetQuestion: s
+    submitQuestion: S,
+    resetQuestion: o
   };
 }
-function T(t, i) {
-  if (t.length !== i.length) return !1;
-  const c = new Set(t), p = new Set(i);
-  if (c.size !== p.size) return !1;
-  for (const g of c)
-    if (!p.has(g)) return !1;
+function z(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;
   return !0;
 }
-function j(t) {
-  const i = [...t];
-  for (let c = i.length - 1; c > 0; c--) {
-    const p = Math.floor(Math.random() * (c + 1));
-    [i[c], i[p]] = [i[p], i[c]];
+function W(t) {
+  const n = [...t];
+  for (let u = n.length - 1; u > 0; u--) {
+    const f = Math.floor(Math.random() * (u + 1));
+    [n[u], n[f]] = [n[f], n[u]];
   }
-  return i;
+  return n;
 }
-function V(t) {
+function G(t) {
   const {
-    canAnswer: i,
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    resetQuestion: w,
-    submitQuestion: h
-  } = M(), [s, f] = k([]);
-  function A(C) {
-    f((m) => t.options.allowMultipleAnswers ? m.includes(C) ? m.filter((I) => I !== C) : [...m, C] : [C]);
-  }
-  function S() {
-    if (s.length === 0) return;
-    const C = t.options.answers.reduce(
-      (I, b) => (b.is_correct && I.push(b.id), I),
+    canAnswer: n,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    resetQuestion: C,
+    submitQuestion: S
+  } = M(), [o, l] = x([]);
+  function h(w) {
+    l((m) => t.options.allowMultipleAnswers ? m.includes(w) ? m.filter((p) => p !== w) : [...m, w] : [w]);
+  }
+  function I() {
+    if (o.length === 0) return;
+    const w = t.options.answers.reduce(
+      (p, A) => (A.is_correct && p.push(A.id), p),
       []
-    ), m = T(s, C);
-    h(m);
+    ), m = z(o, w);
+    S(m);
   }
-  function x() {
-    f([]), w();
+  function v() {
+    l([]), C();
   }
   return {
     // data
     question: t,
-    selectedIds: s,
+    selectedIds: o,
     // actions
-    select: A,
-    submit: S,
-    reset: x,
+    select: h,
+    submit: I,
+    reset: v,
     // base
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    canAnswer: i
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    canAnswer: n
   };
 }
-function F(t) {
+function N(t) {
   const {
-    canAnswer: i,
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    submitQuestion: w,
-    resetQuestion: h
-  } = M(), [s, f] = k([]), [A, S] = k(
+    canAnswer: n,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    submitQuestion: C,
+    resetQuestion: S
+  } = M(), [o, l] = x([]), [h, I] = x(
     []
-  ), [x, C] = k(
+  ), [v, w] = x(
     []
-  ), m = E([]);
-  function I(e, u) {
-    f((l) => [
-      ...l.filter(
-        (d) => d.targetId !== e && d.sourceId !== u
+  ), m = F([]);
+  function p(e, c) {
+    l((d) => [
+      ...d.filter(
+        (g) => g.targetId !== e && g.sourceId !== c
       ),
-      { targetId: e, sourceId: u }
+      { targetId: e, sourceId: c }
     ]);
   }
-  function b(e, u) {
-    f(
-      (l) => l.filter((d) => d.targetId !== e || d.sourceId !== u)
+  function A(e, c) {
+    l(
+      (d) => d.filter((g) => g.targetId !== e || g.sourceId !== c)
     );
   }
   function a() {
-    let e = 0, u = !0;
-    return t.options.targets.forEach((l) => {
-      const d = s.find((v) => v.targetId === l.id), Q = t.options.sources[l.content.correct_position - 1];
-      d && Q && d.sourceId === Q.id ? e += l.content.point : u = !1;
+    let e = 0, c = !0;
+    return t.options.targets.forEach((d) => {
+      const g = o.find((U) => U.targetId === d.id), y = t.options.sources[d.content.correct_position - 1];
+      g && y && g.sourceId === y.id ? e += d.content.point : c = !1;
     }), {
-      isCorrect: u,
+      isCorrect: c,
       score: e,
       maxScore: t.options.targets.reduce(
-        (l, d) => l + d.content.point,
+        (d, g) => d + g.content.point,
         0
       )
     };
   }
-  function o() {
+  function i() {
     const e = a();
-    return w(e.isCorrect), e;
+    return C(e.isCorrect), e;
   }
-  function r() {
-    f([]), h();
+  function s() {
+    l([]), S();
   }
-  function n(e) {
-    const u = s.find((l) => l.sourceId === e)?.targetId;
-    return t.options.targets.find((l) => l.id === u);
+  function r(e) {
+    const c = o.find((d) => d.sourceId === e)?.targetId;
+    return t.options.targets.find((d) => d.id === c);
   }
-  return _(() => {
+  return D(() => {
     const e = t.options.sources.filter(
-      (u) => !s.some((l) => l.sourceId === u.id)
+      (c) => !o.some((d) => d.sourceId === c.id)
     );
-    S(e);
-  }, [s, t.options.sources]), _(() => {
+    I(e);
+  }, [o, t.options.sources]), D(() => {
     if (m.current.length === 0) return;
     const e = m.current.filter(
-      (u) => !s.some((l) => l.targetId === u.id)
+      (c) => !o.some((d) => d.targetId === c.id)
     );
-    C(e);
-  }, [s]), _(() => {
-    m.current = j(t.options.targets);
+    w(e);
+  }, [o]), D(() => {
+    m.current = W(t.options.targets);
   }, [t.options.targets]), {
     // data
     sources: t.options.sources,
     targets: t.options.targets,
-    answers: s,
+    answers: o,
     question: t,
-    availableSources: A,
-    availableTargets: x,
+    availableSources: h,
+    availableTargets: v,
     // base
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    canAnswer: i,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    canAnswer: n,
     // actions
-    getTargetBySourceId: n,
-    select: I,
-    remove: b,
-    submit: o,
-    reset: r
+    getTargetBySourceId: r,
+    select: p,
+    remove: A,
+    submit: i,
+    reset: s
   };
 }
-function z(t) {
+function P(t) {
   const {
-    canAnswer: i,
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    resetQuestion: w,
-    submitQuestion: h
+    canAnswer: n,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    resetQuestion: C,
+    submitQuestion: S
   } = M();
-  function s() {
-    h(!0);
+  function o() {
+    S(!0);
   }
-  function f() {
-    w();
+  function l() {
+    C();
   }
   return {
     // data
@@ -179,241 +180,241 @@ function z(t) {
     url: t.options.url,
     type: t.options.urlType,
     // actions
-    submit: s,
-    reset: f,
+    submit: o,
+    reset: l,
     // base
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    canAnswer: i
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    canAnswer: n
   };
 }
-function G(t) {
+function J(t) {
   const {
-    canAnswer: i,
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    submitQuestion: w,
-    resetQuestion: h
-  } = M(), [s, f] = k([]), [A, S] = k(null), x = y(() => {
-    const n = new Set(s.map((e) => e.itemId));
+    canAnswer: n,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    submitQuestion: C,
+    resetQuestion: S
+  } = M(), [o, l] = x([]), [h, I] = x(null), v = T(() => {
+    const r = new Set(o.map((e) => e.itemId));
     return t.options.answers.filter(
-      (e) => !n.has(String(e.id))
+      (e) => !r.has(String(e.id))
     );
-  }, [s, t.options.answers]);
-  function C(n, e) {
-    f((u) => [
-      ...u.filter(
-        (d) => d.blankIndex !== e && d.itemId !== n
+  }, [o, t.options.answers]);
+  function w(r, e) {
+    l((c) => [
+      ...c.filter(
+        (g) => g.blankIndex !== e && g.itemId !== r
       ),
       {
-        itemId: n,
+        itemId: r,
         blankIndex: e
       }
     ]);
   }
-  function m(n) {
-    f((e) => e.filter((u) => u.itemId !== n));
+  function m(r) {
+    l((e) => e.filter((c) => c.itemId !== r));
   }
-  function I(n, e) {
-    C(n, e);
+  function p(r, e) {
+    w(r, e);
   }
-  function b() {
-    let n = 0, e = !0, u = 0;
-    const l = t.correct_answers.list, d = new Map(s.map((Q) => [Q.blankIndex, Q.itemId]));
-    return Object.entries(l).forEach(([Q, v]) => {
-      const O = Q, B = d.get(O);
-      if (!B) {
+  function A() {
+    let r = 0, e = !0, c = 0;
+    const d = t.correct_answers.list, g = new Map(o.map((y) => [y.blankIndex, y.itemId]));
+    return Object.entries(d).forEach(([y, U]) => {
+      const R = y, L = g.get(R);
+      if (!L) {
         e = !1;
         return;
       }
-      const L = t.options.answers.find((D) => D.id === B);
-      L && String(L.group_position) === String(v) ? (n++, u += L.point) : e = !1;
+      const O = t.options.answers.find((_) => _.id === L);
+      O && String(O.group_position) === String(U) ? (r++, c += O.point) : e = !1;
     }), {
       isCorrect: e,
-      correctCount: n,
-      totalCount: Object.keys(l).length,
+      correctCount: r,
+      totalCount: Object.keys(d).length,
       maxScore: t.metadata.points,
-      score: u
+      score: c
     };
   }
   function a() {
-    const n = b();
-    return w(n.isCorrect), n;
+    const r = A();
+    return C(r.isCorrect), r;
   }
-  function o() {
-    f([]), h();
+  function i() {
+    l([]), S();
   }
-  function r(n) {
-    const e = s.find((u) => u.blankIndex === n)?.itemId;
-    return t.options.answers.find((u) => u.id === e);
+  function s(r) {
+    const e = o.find((c) => c.blankIndex === r)?.itemId;
+    return t.options.answers.find((c) => c.id === e);
   }
   return {
     // data
     items: t.options.answers,
     groups: t.options.groups,
-    answers: s,
-    availableItems: x,
+    answers: o,
+    availableItems: v,
     question: t,
-    draggingItemId: A,
+    draggingItemId: h,
     // base
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    canAnswer: i,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    canAnswer: n,
     // actions
-    dropItem: C,
+    dropItem: w,
     removeItem: m,
-    moveItem: I,
-    setDraggingItemId: S,
-    getItemByBlankId: r,
+    moveItem: p,
+    setDraggingItemId: I,
+    getItemByBlankId: s,
     submit: a,
-    reset: o
+    reset: i
   };
 }
-function R(t) {
+function X(t) {
   const {
-    canAnswer: i,
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    submitQuestion: w,
-    resetQuestion: h
-  } = M(), [s, f] = k(() => j(
-    t.options.answers.map((o) => String(o.id))
-  )), A = y(() => s.map(
-    (o) => t.options.answers.find((r) => String(r.id) === o)
-  ).filter((o) => o !== void 0), [s, t.options.answers]);
-  function S(o, r) {
-    f((n) => {
-      const e = [...n], [u] = e.splice(o, 1);
-      return e.splice(r, 0, u), e;
+    canAnswer: n,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    submitQuestion: C,
+    resetQuestion: S
+  } = M(), [o, l] = x(() => W(
+    t.options.answers.map((i) => String(i.id))
+  )), h = T(() => o.map(
+    (i) => t.options.answers.find((s) => String(s.id) === i)
+  ).filter((i) => i !== void 0), [o, t.options.answers]);
+  function I(i, s) {
+    l((r) => {
+      const e = [...r], [c] = e.splice(i, 1);
+      return e.splice(s, 0, c), e;
     });
   }
-  function x(o) {
-    const r = s.indexOf(o);
-    r > 0 && S(r, r - 1);
+  function v(i) {
+    const s = o.indexOf(i);
+    s > 0 && I(s, s - 1);
   }
-  function C(o) {
-    const r = s.indexOf(o);
-    r < s.length - 1 && S(r, r + 1);
+  function w(i) {
+    const s = o.indexOf(i);
+    s < o.length - 1 && I(s, s + 1);
   }
-  function m(o, r) {
-    const n = s.indexOf(o);
-    n !== -1 && r >= 0 && r < s.length && S(n, r);
+  function m(i, s) {
+    const r = o.indexOf(i);
+    r !== -1 && s >= 0 && s < o.length && I(r, s);
   }
-  function I() {
-    let o = 0, r = !0;
-    return t.options.answers.forEach((n, e) => {
-      const u = s.indexOf(String(n.id));
-      u !== -1 && u + 1 === n.correct_position ? o += n.point : r = !1;
+  function p() {
+    let i = 0, s = !0;
+    return t.options.answers.forEach((r, e) => {
+      const c = o.indexOf(String(r.id));
+      c !== -1 && c + 1 === r.correct_position ? i += r.point : s = !1;
     }), {
-      isCorrect: r,
-      score: o,
+      isCorrect: s,
+      score: i,
       maxScore: t.options.answers.reduce(
-        (n, e) => n + e.point,
+        (r, e) => r + e.point,
         0
       )
     };
   }
-  function b() {
-    const o = I();
-    return w(o.isCorrect), o;
+  function A() {
+    const i = p();
+    return C(i.isCorrect), i;
   }
   function a() {
-    f(t.options.answers.map((o) => String(o.id))), h();
+    l(t.options.answers.map((i) => String(i.id))), S();
   }
   return {
     // data
     items: t.options.answers,
     groups: t.options.groups,
-    orderedItems: A,
-    orderedItemIds: s,
+    orderedItems: h,
+    orderedItemIds: o,
     question: t,
     // base
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    canAnswer: i,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    canAnswer: n,
     // actions
-    setOrderedItemIds: f,
-    moveItem: S,
-    moveUp: x,
-    moveDown: C,
+    setOrderedItemIds: l,
+    moveItem: I,
+    moveUp: v,
+    moveDown: w,
     moveToPosition: m,
-    submit: b,
+    submit: A,
     reset: a
   };
 }
-function W(t) {
+function Y(t) {
   const {
-    canAnswer: i,
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    submitQuestion: w,
-    resetQuestion: h
-  } = M(), [s, f] = k([]), A = y(() => {
-    const r = new Set(s.map((n) => n.labelId));
+    canAnswer: n,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    submitQuestion: C,
+    resetQuestion: S
+  } = M(), [o, l] = x([]), h = T(() => {
+    const s = new Set(o.map((r) => r.labelId));
     return t.options.labels.filter(
-      (n) => !r.has(String(n.id))
+      (r) => !s.has(String(r.id))
     );
-  }, [s, t.options.labels]);
-  function S(r, n, e, u) {
-    const l = t.options.blanks.find((d) => String(d.id) === n);
-    l && f((d) => [
-      ...d.filter(
-        (v) => v.labelId !== r && v.blankId !== n
+  }, [o, t.options.labels]);
+  function I(s, r, e, c) {
+    const d = t.options.blanks.find((g) => String(g.id) === r);
+    d && l((g) => [
+      ...g.filter(
+        (U) => U.labelId !== s && U.blankId !== r
       ),
       {
-        labelId: r,
-        blankId: n,
-        x: e ?? l.coordinates.x,
-        y: u ?? l.coordinates.y
+        labelId: s,
+        blankId: r,
+        x: e ?? d.coordinates.x,
+        y: c ?? d.coordinates.y
       }
     ]);
   }
-  function x(r) {
-    f((n) => n.filter((e) => e.labelId !== r));
+  function v(s) {
+    l((r) => r.filter((e) => e.labelId !== s));
   }
-  function C(r, n, e, u) {
-    S(r, n, e, u);
+  function w(s, r, e, c) {
+    I(s, r, e, c);
   }
-  function m(r) {
-    const n = s.find((e) => e.blankId === r);
-    return n && t.options.labels.find(
-      (e) => String(e.id) === n.labelId
+  function m(s) {
+    const r = o.find((e) => e.blankId === s);
+    return r && t.options.labels.find(
+      (e) => String(e.id) === r.labelId
     ) || null;
   }
-  function I(r) {
-    const n = s.find((e) => e.labelId === r);
-    return n ? n.blankId : null;
+  function p(s) {
+    const r = o.find((e) => e.labelId === s);
+    return r ? r.blankId : null;
   }
-  function b() {
-    let r = 0, n = !0;
+  function A() {
+    let s = 0, r = !0;
     return t.options.labels.forEach((e) => {
-      const u = s.find(
-        (d) => String(d.labelId) === String(e.id)
-      ), l = t.options.blanks.find(
-        (d, Q) => Q + 1 === e.correct_position
+      const c = o.find(
+        (g) => String(g.labelId) === String(e.id)
+      ), d = t.options.blanks.find(
+        (g, y) => y + 1 === e.correct_position
       );
-      u && l && u.blankId === String(l.id) ? r += e.point : n = !1;
+      c && d && c.blankId === String(d.id) ? s += e.point : r = !1;
     }), {
-      isCorrect: n,
-      score: r,
+      isCorrect: r,
+      score: s,
       maxScore: t.options.labels.reduce(
-        (e, u) => e + u.point,
+        (e, c) => e + c.point,
         0
       )
     };
   }
   function a() {
-    const r = b();
-    return w(r.isCorrect), r;
+    const s = A();
+    return C(s.isCorrect), s;
   }
-  function o() {
-    f([]), h();
+  function i() {
+    l([]), S();
   }
   return {
     // data
@@ -422,174 +423,174 @@ function W(t) {
     groups: t.options.groups,
     imageWidth: t.image_width,
     imageHeight: t.image_height,
-    answers: s,
-    availableLabels: A,
+    answers: o,
+    availableLabels: h,
     question: t,
     // base
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    canAnswer: i,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    canAnswer: n,
     // actions
-    attachLabel: S,
-    removeLabel: x,
-    moveLabel: C,
+    attachLabel: I,
+    removeLabel: v,
+    moveLabel: w,
     getLabelAtBlank: m,
-    getBlankForLabel: I,
+    getBlankForLabel: p,
     submit: a,
-    reset: o
+    reset: i
   };
 }
-function H(t) {
+function Z(t) {
   const {
-    canAnswer: i,
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    submitQuestion: w,
-    resetQuestion: h
-  } = M(), [s, f] = k([]);
-  function A(m, I) {
-    f((b) => {
-      const a = b.findIndex((o) => o.blankId === m);
+    canAnswer: n,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    submitQuestion: C,
+    resetQuestion: S
+  } = M(), [o, l] = x([]);
+  function h(m, p) {
+    l((A) => {
+      const a = A.findIndex((i) => i.blankId === m);
       if (a >= 0) {
-        const o = [...b];
-        return o[a] = { blankId: m, value: I }, o;
+        const i = [...A];
+        return i[a] = { blankId: m, value: p }, i;
       }
-      return [...b, { blankId: m, value: I }];
+      return [...A, { blankId: m, value: p }];
     });
   }
-  function S() {
-    let m = 0, I = 0, b = 0;
-    const a = t.correct_answers.list || {}, o = Object.keys(a).length;
-    Object.entries(a).forEach(([n, e]) => {
-      const u = String(e).trim().toLowerCase(), l = t.options.answers.find(
-        (O) => O.correct_position === Number(n)
-      ), d = l && l.point || 1;
-      b += d;
-      const Q = s.find((O) => O.blankId === n);
-      (Q ? String(Q.value).trim().toLowerCase() : "") === u && (m += d, I++);
+  function I() {
+    let m = 0, p = 0, A = 0;
+    const a = t.correct_answers.list || {}, i = Object.keys(a).length;
+    Object.entries(a).forEach(([r, e]) => {
+      const c = String(e).trim().toLowerCase(), d = t.options.answers.find(
+        (R) => R.correct_position === Number(r)
+      ), g = d && d.point || 1;
+      A += g;
+      const y = o.find((R) => R.blankId === r);
+      (y ? String(y.value).trim().toLowerCase() : "") === c && (m += g, p++);
     });
-    const r = I === o && o > 0;
-    return b === 0 && o > 0 && (b = o), {
-      isCorrect: r,
+    const s = p === i && i > 0;
+    return A === 0 && i > 0 && (A = i), {
+      isCorrect: s,
       score: Math.round(m * 100) / 100,
-      maxScore: Math.round(b * 100) / 100
+      maxScore: Math.round(A * 100) / 100
     };
   }
-  function x() {
-    const m = S();
-    return w(m.isCorrect), m;
+  function v() {
+    const m = I();
+    return C(m.isCorrect), m;
   }
-  function C() {
-    f([]), h();
+  function w() {
+    l([]), S();
   }
   return {
     // data
     groups: t.options.groups,
-    answers: s,
+    answers: o,
     question: t,
     // base
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    canAnswer: i,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    canAnswer: n,
     // actions
-    answer: A,
-    submit: x,
-    reset: C
+    answer: h,
+    submit: v,
+    reset: w
   };
 }
-function N(t) {
+function K(t) {
   const {
-    canAnswer: i,
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    submitQuestion: w,
-    resetQuestion: h
-  } = M(), [s, f] = k([]);
-  function A(a, o) {
-    f((r) => {
-      const n = r.findIndex((e) => e.itemId === a);
-      if (n >= 0) {
-        const e = [...r];
-        return e[n] = { itemId: a, categoryId: o }, e;
+    canAnswer: n,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    submitQuestion: C,
+    resetQuestion: S
+  } = M(), [o, l] = x([]);
+  function h(a, i) {
+    l((s) => {
+      const r = s.findIndex((e) => e.itemId === a);
+      if (r >= 0) {
+        const e = [...s];
+        return e[r] = { itemId: a, categoryId: i }, e;
       }
-      return [...r, { itemId: a, categoryId: o }];
+      return [...s, { itemId: a, categoryId: i }];
     });
   }
-  function S(a) {
-    f((o) => o.filter((r) => r.itemId !== a));
-  }
-  function x() {
-    let a = 0, o = 0;
-    const n = t.correct_answers.list || {}, e = Object.keys(n).length;
-    let u = 0;
-    return Object.entries(n).forEach(([d, Q]) => {
-      const v = t.options.items.find((L) => L.id === d), O = v ? v.point : 0;
-      u += O;
-      const B = s.find((L) => L.itemId === d);
-      B && B.categoryId === Q && (a += O, o++);
-    }), a = Math.round(a * 100) / 100, u = Math.round(u * 100) / 100, {
-      isCorrect: o === e && e > 0,
+  function I(a) {
+    l((i) => i.filter((s) => s.itemId !== a));
+  }
+  function v() {
+    let a = 0, i = 0;
+    const r = t.correct_answers.list || {}, e = Object.keys(r).length;
+    let c = 0;
+    return Object.entries(r).forEach(([g, y]) => {
+      const U = t.options.items.find((O) => O.id === g), R = U ? U.point : 0;
+      c += R;
+      const L = o.find((O) => O.itemId === g);
+      L && L.categoryId === y && (a += R, i++);
+    }), a = Math.round(a * 100) / 100, c = Math.round(c * 100) / 100, {
+      isCorrect: i === e && e > 0,
       score: a,
-      maxScore: u
+      maxScore: c
     };
   }
-  function C() {
-    const a = x();
-    return w(a.isCorrect), a;
+  function w() {
+    const a = v();
+    return C(a.isCorrect), a;
   }
   function m() {
-    f([]), h();
+    l([]), S();
   }
-  const I = y(() => t.options.items.filter(
-    (a) => !s.some((o) => o.itemId === a.id)
-  ), [t.options.items, s]), b = y(() => t.options.categories.map((a) => {
-    const o = s.filter((r) => r.categoryId === a.id).map((r) => ({
-      ...t.options.items.find((e) => e.id === r.itemId)
+  const p = T(() => t.options.items.filter(
+    (a) => !o.some((i) => i.itemId === a.id)
+  ), [t.options.items, o]), A = T(() => t.options.categories.map((a) => {
+    const i = o.filter((s) => s.categoryId === a.id).map((s) => ({
+      ...t.options.items.find((e) => e.id === s.itemId)
     }));
     return {
       ...a,
-      items: o
+      items: i
     };
-  }), [t.options.categories, t.options.items, s]);
+  }), [t.options.categories, t.options.items, o]);
   return {
     // data
     categories: t.options.categories,
     allItems: t.options.items,
     question: t,
-    categoriesWithItems: b,
+    categoriesWithItems: A,
     // state
-    answers: s,
-    unassignedItems: I,
+    answers: o,
+    unassignedItems: p,
     // base
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    canAnswer: i,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    canAnswer: n,
     // actions
-    move: A,
-    remove: S,
-    submit: C,
+    move: h,
+    remove: I,
+    submit: w,
     reset: m
   };
 }
-function P(t) {
+function H(t) {
   const {
-    canAnswer: i,
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    resetQuestion: w,
-    submitQuestion: h
+    canAnswer: n,
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    resetQuestion: C,
+    submitQuestion: S
   } = M();
-  function s() {
-    c || h(!0);
+  function o() {
+    u || S(!0);
   }
-  function f() {
-    w();
+  function l() {
+    C();
   }
   return {
     // data
@@ -597,98 +598,269 @@ function P(t) {
     url: t.options.url,
     type: t.options.urlType,
     // actions
-    submit: s,
-    reset: f,
+    submit: o,
+    reset: l,
     // base
-    submitted: c,
-    isCorrect: p,
-    attempts: g,
-    canAnswer: i
+    submitted: u,
+    isCorrect: f,
+    attempts: b,
+    canAnswer: n
+  };
+}
+function q(t, n) {
+  const { canAnswer: u, submitted: f, attempts: b, submitQuestion: C, resetQuestion: S } = M(), [o, l] = x(""), [h, I] = x(void 0), [v, w] = x(!1), [m, p] = x(void 0), A = B(
+    async (e) => {
+      if (n) {
+        w(!0), p(void 0);
+        try {
+          const c = await n(e, e.name);
+          c.success && c.url ? I(c.url) : p(c.error || "Upload failed");
+        } catch (c) {
+          console.error("File upload failed:", c), p(
+            c instanceof Error ? c.message : "File upload failed"
+          );
+        } finally {
+          w(!1);
+        }
+      }
+    },
+    [n]
+  ), a = B(async () => {
+    if (!(!n || !o)) {
+      w(!0), p(void 0);
+      try {
+        const e = new Blob([o], { type: "text/plain; charset=utf-8" }), c = `writing-${t.id}-${Date.now()}.txt`, d = await n(e, c);
+        d.success && d.url ? I(d.url) : p(d.error || "Upload failed");
+      } catch (e) {
+        console.error("Text upload failed:", e), p(
+          e instanceof Error ? e.message : "Text upload failed"
+        );
+      } finally {
+        w(!1);
+      }
+    }
+  }, [o, t.id, n]), i = T(
+    () => ({
+      questionId: t.id || "",
+      type: "writing",
+      text: o,
+      fileUrl: h
+    }),
+    [t.id, o, h]
+  ), s = B(() => (C(), i), [C, i]), r = B(() => {
+    l(""), I(void 0), p(void 0), S();
+  }, [S]);
+  return {
+    question: t,
+    canAnswer: u,
+    submitted: f,
+    attempts: b,
+    text: o,
+    setText: l,
+    fileUrl: h,
+    setFileUrl: I,
+    isUploading: v,
+    uploadError: m,
+    uploadFile: A,
+    uploadText: a,
+    submit: s,
+    reset: r,
+    payload: i
+  };
+}
+function tt(t, n) {
+  const { canAnswer: u, submitted: f, attempts: b, submitQuestion: C, resetQuestion: S } = M(), [o, l] = x(void 0), [h, I] = x("idle"), [v, w] = x(0), [m, p] = x(!1), [A, a] = x(void 0), i = F(null), s = F([]), r = F(null), e = F(null), c = B(async () => {
+    try {
+      const Q = await navigator.mediaDevices.getUserMedia({ audio: !0 });
+      e.current = Q;
+      const k = new MediaRecorder(Q);
+      i.current = k, s.current = [], k.ondataavailable = (E) => {
+        E.data.size > 0 && s.current.push(E.data);
+      }, k.onstop = () => {
+        const E = new Blob(s.current, {
+          type: "audio/webm"
+        }), $ = URL.createObjectURL(E);
+        l($);
+      }, k.start(), I("recording"), w(0), r.current = setInterval(() => {
+        w((E) => E + 1);
+      }, 1e3);
+    } catch (Q) {
+      console.error("Failed to start recording:", Q), a("Failed to access microphone");
+    }
+  }, []), d = B(() => {
+    i.current && h === "recording" && (i.current.pause(), I("paused"), r.current && clearInterval(r.current));
+  }, [h]), g = B(() => {
+    i.current && h === "paused" && (i.current.resume(), I("recording"), r.current = setInterval(() => {
+      w((Q) => Q + 1);
+    }, 1e3));
+  }, [h]), y = B(() => {
+    i.current && h !== "idle" && (i.current.stop(), I("stopped"), r.current && clearInterval(r.current), e.current && e.current.getTracks().forEach((Q) => Q.stop()));
+  }, [h]), U = B(async () => {
+    if (!(!s.current.length || !n)) {
+      p(!0), a(void 0);
+      try {
+        const Q = new Blob(s.current, {
+          type: "audio/webm"
+        }), k = `speaking-${t.id}-${Date.now()}.webm`, E = await n(Q, k);
+        E.success && E.url ? l(E.url) : a(E.error || "Upload failed");
+      } catch (Q) {
+        console.error("Upload failed:", Q), a(Q instanceof Error ? Q.message : "Upload failed");
+      } finally {
+        p(!1);
+      }
+    }
+  }, [t.id, n]), R = B(
+    async (Q) => {
+      if (n) {
+        p(!0), a(void 0);
+        try {
+          const k = await n(Q, Q.name);
+          k.success && k.url ? l(k.url) : a(k.error || "Upload failed");
+        } catch (k) {
+          console.error("File upload failed:", k), a(
+            k instanceof Error ? k.message : "File upload failed"
+          );
+        } finally {
+          p(!1);
+        }
+      }
+    },
+    [n]
+  ), L = T(
+    () => ({
+      questionId: t.id || "",
+      type: "speaking",
+      audioUrl: o
+    }),
+    [t.id, o]
+  ), O = B(() => (C(), L), [C, L]), _ = B(() => {
+    l(void 0), I("idle"), w(0), a(void 0), s.current = [], r.current && clearInterval(r.current), e.current && e.current.getTracks().forEach((Q) => Q.stop()), S();
+  }, [S]);
+  return {
+    question: t,
+    canAnswer: u,
+    submitted: f,
+    attempts: b,
+    audioUrl: o,
+    setAudioUrl: l,
+    recordingState: h,
+    recordingTime: v,
+    isUploading: m,
+    uploadError: A,
+    startRecording: c,
+    pauseRecording: d,
+    resumeRecording: g,
+    stopRecording: y,
+    uploadAudio: U,
+    uploadFile: R,
+    submit: O,
+    reset: _,
+    payload: L
   };
 }
-function J({
+function nt({
+  getData: t,
+  children: n
+}) {
+  const u = G(t());
+  return n(u);
+}
+function st({
+  getData: t,
+  children: n
+}) {
+  const u = N(t());
+  return n(u);
+}
+function ot({
   getData: t,
-  children: i
+  children: n
 }) {
-  const c = V(t());
-  return i(c);
+  const u = P(t());
+  return n(u);
 }
-function X({
+function it({
   getData: t,
-  children: i
+  children: n
 }) {
-  const c = F(t());
-  return i(c);
+  const u = J(t());
+  return n(u);
 }
-function Y({
+function ct({
   getData: t,
-  children: i
+  children: n
 }) {
-  const c = z(t());
-  return i(c);
+  const u = X(t());
+  return n(u);
 }
-function Z({
+function ut({
   getData: t,
-  children: i
+  children: n
 }) {
-  const c = G(t());
-  return i(c);
+  const u = Y(t());
+  return n(u);
 }
-function $({
+function at({
   getData: t,
-  children: i
+  children: n
 }) {
-  const c = R(t());
-  return i(c);
+  const u = Z(t());
+  return n(u);
 }
-function K({
+function lt({
   getData: t,
-  children: i
+  children: n
 }) {
-  const c = W(t());
-  return i(c);
+  const u = K(t());
+  return n(u);
 }
-function q({
+function dt({
   getData: t,
-  children: i
+  children: n
 }) {
-  const c = H(t());
-  return i(c);
+  const u = H(t());
+  return n(u);
 }
-function tt({
+function ft({
   getData: t,
-  children: i
+  children: n,
+  uploadHandler: u
 }) {
-  const c = N(t());
-  return i(c);
+  const f = t(), b = q(f, u);
+  return /* @__PURE__ */ j(V, { children: n(b) });
 }
-function et({
+function pt({
   getData: t,
-  children: i
+  children: n,
+  uploadHandler: u
 }) {
-  const c = P(t());
-  return i(c);
+  const f = t(), b = tt(f, u);
+  return /* @__PURE__ */ j(V, { children: n(b) });
 }
 export {
-  Z as DragDropQuestion,
-  q as FillInBlankQuestion,
-  tt as GroupingQuestion,
-  K as LabelingQuestion,
-  X as MatchingQuestion,
-  J as MultipleChoicesQuestion,
-  $ as OrderingQuestion,
-  et as PowerpointQuestion,
-  Y as VideoQuestion,
-  T as isSameSet,
-  j as shuffleArray,
+  it as DragDropQuestion,
+  at as FillInBlankQuestion,
+  lt as GroupingQuestion,
+  ut as LabelingQuestion,
+  st as MatchingQuestion,
+  nt as MultipleChoicesQuestion,
+  ct as OrderingQuestion,
+  dt as PowerpointQuestion,
+  pt as SpeakingQuestion,
+  ot as VideoQuestion,
+  ft as WritingQuestion,
+  z as isSameSet,
+  W as shuffleArray,
   M as useBaseQuestion,
-  G as useDragDrop,
-  H as useFillInBlank,
-  N as useGrouping,
-  W as useLabeling,
-  F as useMatching,
-  V as useMultipleChoice,
-  R as useOrdering,
-  P as usePowerpoint,
-  z as useVideo
+  J as useDragDrop,
+  Z as useFillInBlank,
+  K as useGrouping,
+  Y as useLabeling,
+  N as useMatching,
+  G as useMultipleChoice,
+  X as useOrdering,
+  H as usePowerpoint,
+  tt as useSpeaking,
+  P as useVideo,
+  q as useWriting
 };