@enspiredigital/xlms-headless 0.0.25 → 0.0.26

package/dist/hooks/useSpeaking.d.ts

@@ -16,19 +16,21 @@ export declare function useSpeaking(question: SpeakingQuestionType, uploadHandle
     submitted: boolean | null;
     attempts: number;
     audioUrl: string | undefined;
-    setAudioUrl: import('react').Dispatch<import('react').SetStateAction<string | undefined>>;
     recordingState: RecordingState;
     recordingTime: number;
     isUploading: boolean;
     uploadError: string | undefined;
+    isRecording: boolean;
+    payload: SpeakingSubmitPayload;
+    setAudioUrl: import('react').Dispatch<import('react').SetStateAction<string | undefined>>;
     startRecording: () => Promise<void>;
     pauseRecording: () => void;
     resumeRecording: () => void;
     stopRecording: () => void;
+    toggleRecording: () => void | Promise<void>;
     uploadAudio: () => Promise<void>;
     uploadFile: (file: File) => Promise<void>;
     submit: () => SpeakingSubmitPayload;
     reset: () => void;
-    payload: SpeakingSubmitPayload;
 };
 //# sourceMappingURL=useSpeaking.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSpeaking.d.ts","sourceRoot":"","sources":["../../src/hooks/useSpeaking.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEzE,MAAM,MAAM,qBAAqB,GAAG,CAClC,SAAS,EAAE,IAAI,EACf,QAAQ,CAAC,EAAE,MAAM,KACd,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEjE,wBAAgB,WAAW,CACzB,QAAQ,EAAE,oBAAoB,EAC9B,aAAa,CAAC,EAAE,qBAAqB;;;;;;;;;;;;;;;;uBAsHtB,IAAI;;;;EAiFpB"}
+{"version":3,"file":"useSpeaking.d.ts","sourceRoot":"","sources":["../../src/hooks/useSpeaking.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEzE,MAAM,MAAM,qBAAqB,GAAG,CAClC,SAAS,EAAE,IAAI,EACf,QAAQ,CAAC,EAAE,MAAM,KACd,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEjE,wBAAgB,WAAW,CACzB,QAAQ,EAAE,oBAAoB,EAC9B,aAAa,CAAC,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;uBAiItB,IAAI;;;EAmFpB"}

package/dist/index.js

@@ -1,9 +1,9 @@
-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, 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);
+import { useState as A, useRef as _, useEffect as V, useMemo as T, useCallback as R } from "react";
+import { jsx as W, Fragment as $ } from "react/jsx-runtime";
+function E() {
+  const [t, n] = A(null), [u, f] = A(null), [b, C] = A(0);
+  function S(d) {
+    n(!0), d !== void 0 && f(d), C((h) => h + 1);
   }
   function o() {
     n(!1), f(null);
@@ -20,7 +20,7 @@ function M() {
     resetQuestion: o
   };
 }
-function z(t, n) {
+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;
@@ -28,7 +28,7 @@ function z(t, n) {
     if (!f.has(b)) return !1;
   return !0;
 }
-function W(t) {
+function z(t) {
   const n = [...t];
   for (let u = n.length - 1; u > 0; u--) {
     const f = Math.floor(Math.random() * (u + 1));
@@ -36,7 +36,7 @@ function W(t) {
   }
   return n;
 }
-function G(t) {
+function X(t) {
   const {
     canAnswer: n,
     submitted: u,
@@ -44,20 +44,20 @@ function G(t) {
     attempts: b,
     resetQuestion: C,
     submitQuestion: S
-  } = M(), [o, l] = x([]);
+  } = E(), [o, d] = A([]);
   function h(w) {
-    l((m) => t.options.allowMultipleAnswers ? m.includes(w) ? m.filter((p) => p !== w) : [...m, w] : [w]);
+    d((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),
+      (p, x) => (x.is_correct && p.push(x.id), p),
       []
-    ), m = z(o, w);
+    ), m = J(o, w);
     S(m);
   }
   function v() {
-    l([]), C();
+    d([]), C();
   }
   return {
     // data
@@ -74,7 +74,7 @@ function G(t) {
     canAnswer: n
   };
 }
-function N(t) {
+function Y(t) {
   const {
     canAnswer: n,
     submitted: u,
@@ -82,62 +82,62 @@ function N(t) {
     attempts: b,
     submitQuestion: C,
     resetQuestion: S
-  } = M(), [o, l] = x([]), [h, I] = x(
+  } = E(), [o, d] = A([]), [h, I] = A(
     []
-  ), [v, w] = x(
+  ), [v, w] = A(
     []
-  ), m = F([]);
-  function p(e, c) {
-    l((d) => [
-      ...d.filter(
-        (g) => g.targetId !== e && g.sourceId !== c
+  ), m = _([]);
+  function p(e, s) {
+    d((l) => [
+      ...l.filter(
+        (g) => g.targetId !== e && g.sourceId !== s
       ),
-      { targetId: e, sourceId: c }
+      { targetId: e, sourceId: s }
     ]);
   }
-  function A(e, c) {
-    l(
-      (d) => d.filter((g) => g.targetId !== e || g.sourceId !== c)
+  function x(e, s) {
+    d(
+      (l) => l.filter((g) => g.targetId !== e || g.sourceId !== s)
     );
   }
   function a() {
-    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;
+    let e = 0, s = !0;
+    return t.options.targets.forEach((l) => {
+      const g = o.find((U) => U.targetId === l.id), y = t.options.sources[l.content.correct_position - 1];
+      g && y && g.sourceId === y.id ? e += l.content.point : s = !1;
     }), {
-      isCorrect: c,
+      isCorrect: s,
       score: e,
       maxScore: t.options.targets.reduce(
-        (d, g) => d + g.content.point,
+        (l, g) => l + g.content.point,
         0
       )
     };
   }
-  function i() {
+  function c() {
     const e = a();
     return C(e.isCorrect), e;
   }
-  function s() {
-    l([]), S();
+  function i() {
+    d([]), S();
   }
   function r(e) {
-    const c = o.find((d) => d.sourceId === e)?.targetId;
-    return t.options.targets.find((d) => d.id === c);
+    const s = o.find((l) => l.sourceId === e)?.targetId;
+    return t.options.targets.find((l) => l.id === s);
   }
-  return D(() => {
+  return V(() => {
     const e = t.options.sources.filter(
-      (c) => !o.some((d) => d.sourceId === c.id)
+      (s) => !o.some((l) => l.sourceId === s.id)
     );
     I(e);
-  }, [o, t.options.sources]), D(() => {
+  }, [o, t.options.sources]), V(() => {
     if (m.current.length === 0) return;
     const e = m.current.filter(
-      (c) => !o.some((d) => d.targetId === c.id)
+      (s) => !o.some((l) => l.targetId === s.id)
     );
     w(e);
-  }, [o]), D(() => {
-    m.current = W(t.options.targets);
+  }, [o]), V(() => {
+    m.current = z(t.options.targets);
   }, [t.options.targets]), {
     // data
     sources: t.options.sources,
@@ -154,12 +154,12 @@ function N(t) {
     // actions
     getTargetBySourceId: r,
     select: p,
-    remove: A,
-    submit: i,
-    reset: s
+    remove: x,
+    submit: c,
+    reset: i
   };
 }
-function P(t) {
+function Z(t) {
   const {
     canAnswer: n,
     submitted: u,
@@ -167,11 +167,11 @@ function P(t) {
     attempts: b,
     resetQuestion: C,
     submitQuestion: S
-  } = M();
+  } = E();
   function o() {
     S(!0);
   }
-  function l() {
+  function d() {
     C();
   }
   return {
@@ -181,7 +181,7 @@ function P(t) {
     type: t.options.urlType,
     // actions
     submit: o,
-    reset: l,
+    reset: d,
     // base
     submitted: u,
     isCorrect: f,
@@ -189,7 +189,7 @@ function P(t) {
     canAnswer: n
   };
 }
-function J(t) {
+function K(t) {
   const {
     canAnswer: n,
     submitted: u,
@@ -197,15 +197,15 @@ function J(t) {
     attempts: b,
     submitQuestion: C,
     resetQuestion: S
-  } = M(), [o, l] = x([]), [h, I] = x(null), v = T(() => {
+  } = E(), [o, d] = A([]), [h, I] = A(null), v = T(() => {
     const r = new Set(o.map((e) => e.itemId));
     return t.options.answers.filter(
       (e) => !r.has(String(e.id))
     );
   }, [o, t.options.answers]);
   function w(r, e) {
-    l((c) => [
-      ...c.filter(
+    d((s) => [
+      ...s.filter(
         (g) => g.blankIndex !== e && g.itemId !== r
       ),
       {
@@ -215,40 +215,40 @@ function J(t) {
     ]);
   }
   function m(r) {
-    l((e) => e.filter((c) => c.itemId !== r));
+    d((e) => e.filter((s) => s.itemId !== r));
   }
   function p(r, e) {
     w(r, e);
   }
-  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);
+  function x() {
+    let r = 0, e = !0, s = 0;
+    const l = t.correct_answers.list, g = new Map(o.map((y) => [y.blankIndex, y.itemId]));
+    return Object.entries(l).forEach(([y, U]) => {
+      const B = y, L = g.get(B);
       if (!L) {
         e = !1;
         return;
       }
-      const O = t.options.answers.find((_) => _.id === L);
-      O && String(O.group_position) === String(U) ? (r++, c += O.point) : e = !1;
+      const M = t.options.answers.find((D) => D.id === L);
+      M && String(M.group_position) === String(U) ? (r++, s += M.point) : e = !1;
     }), {
       isCorrect: e,
       correctCount: r,
-      totalCount: Object.keys(d).length,
+      totalCount: Object.keys(l).length,
       maxScore: t.metadata.points,
-      score: c
+      score: s
     };
   }
   function a() {
-    const r = A();
+    const r = x();
     return C(r.isCorrect), r;
   }
-  function i() {
-    l([]), S();
+  function c() {
+    d([]), S();
   }
-  function s(r) {
-    const e = o.find((c) => c.blankIndex === r)?.itemId;
-    return t.options.answers.find((c) => c.id === e);
+  function i(r) {
+    const e = o.find((s) => s.blankIndex === r)?.itemId;
+    return t.options.answers.find((s) => s.id === e);
   }
   return {
     // data
@@ -268,12 +268,12 @@ function J(t) {
     removeItem: m,
     moveItem: p,
     setDraggingItemId: I,
-    getItemByBlankId: s,
+    getItemByBlankId: i,
     submit: a,
-    reset: i
+    reset: c
   };
 }
-function X(t) {
+function H(t) {
   const {
     canAnswer: n,
     submitted: u,
@@ -281,49 +281,49 @@ function X(t) {
     attempts: b,
     submitQuestion: C,
     resetQuestion: S
-  } = M(), [o, l] = x(() => W(
-    t.options.answers.map((i) => String(i.id))
+  } = E(), [o, d] = A(() => z(
+    t.options.answers.map((c) => String(c.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;
+    (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;
     });
   }
-  function v(i) {
-    const s = o.indexOf(i);
-    s > 0 && I(s, s - 1);
+  function v(c) {
+    const i = o.indexOf(c);
+    i > 0 && I(i, i - 1);
   }
-  function w(i) {
-    const s = o.indexOf(i);
-    s < o.length - 1 && I(s, s + 1);
+  function w(c) {
+    const i = o.indexOf(c);
+    i < o.length - 1 && I(i, i + 1);
   }
-  function m(i, s) {
-    const r = o.indexOf(i);
-    r !== -1 && s >= 0 && s < o.length && I(r, s);
+  function m(c, i) {
+    const r = o.indexOf(c);
+    r !== -1 && i >= 0 && i < o.length && I(r, i);
   }
   function p() {
-    let i = 0, s = !0;
+    let c = 0, i = !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;
+      const s = o.indexOf(String(r.id));
+      s !== -1 && s + 1 === r.correct_position ? c += r.point : i = !1;
     }), {
-      isCorrect: s,
-      score: i,
+      isCorrect: i,
+      score: c,
       maxScore: t.options.answers.reduce(
         (r, e) => r + e.point,
         0
       )
     };
   }
-  function A() {
-    const i = p();
-    return C(i.isCorrect), i;
+  function x() {
+    const c = p();
+    return C(c.isCorrect), c;
   }
   function a() {
-    l(t.options.answers.map((i) => String(i.id))), S();
+    d(t.options.answers.map((c) => String(c.id))), S();
   }
   return {
     // data
@@ -338,16 +338,16 @@ function X(t) {
     attempts: b,
     canAnswer: n,
     // actions
-    setOrderedItemIds: l,
+    setOrderedItemIds: d,
     moveItem: I,
     moveUp: v,
     moveDown: w,
     moveToPosition: m,
-    submit: A,
+    submit: x,
     reset: a
   };
 }
-function Y(t) {
+function q(t) {
   const {
     canAnswer: n,
     submitted: u,
@@ -355,66 +355,66 @@ function Y(t) {
     attempts: b,
     submitQuestion: C,
     resetQuestion: S
-  } = M(), [o, l] = x([]), h = T(() => {
-    const s = new Set(o.map((r) => r.labelId));
+  } = E(), [o, d] = A([]), h = T(() => {
+    const i = new Set(o.map((r) => r.labelId));
     return t.options.labels.filter(
-      (r) => !s.has(String(r.id))
+      (r) => !i.has(String(r.id))
     );
   }, [o, t.options.labels]);
-  function I(s, r, e, c) {
-    const d = t.options.blanks.find((g) => String(g.id) === r);
-    d && l((g) => [
+  function I(i, r, e, s) {
+    const l = t.options.blanks.find((g) => String(g.id) === r);
+    l && d((g) => [
       ...g.filter(
-        (U) => U.labelId !== s && U.blankId !== r
+        (U) => U.labelId !== i && U.blankId !== r
       ),
       {
-        labelId: s,
+        labelId: i,
         blankId: r,
-        x: e ?? d.coordinates.x,
-        y: c ?? d.coordinates.y
+        x: e ?? l.coordinates.x,
+        y: s ?? l.coordinates.y
       }
     ]);
   }
-  function v(s) {
-    l((r) => r.filter((e) => e.labelId !== s));
+  function v(i) {
+    d((r) => r.filter((e) => e.labelId !== i));
   }
-  function w(s, r, e, c) {
-    I(s, r, e, c);
+  function w(i, r, e, s) {
+    I(i, r, e, s);
   }
-  function m(s) {
-    const r = o.find((e) => e.blankId === s);
+  function m(i) {
+    const r = o.find((e) => e.blankId === i);
     return r && t.options.labels.find(
       (e) => String(e.id) === r.labelId
     ) || null;
   }
-  function p(s) {
-    const r = o.find((e) => e.labelId === s);
+  function p(i) {
+    const r = o.find((e) => e.labelId === i);
     return r ? r.blankId : null;
   }
-  function A() {
-    let s = 0, r = !0;
+  function x() {
+    let i = 0, r = !0;
     return t.options.labels.forEach((e) => {
-      const c = o.find(
+      const s = o.find(
         (g) => String(g.labelId) === String(e.id)
-      ), d = t.options.blanks.find(
+      ), l = t.options.blanks.find(
         (g, y) => y + 1 === e.correct_position
       );
-      c && d && c.blankId === String(d.id) ? s += e.point : r = !1;
+      s && l && s.blankId === String(l.id) ? i += e.point : r = !1;
     }), {
       isCorrect: r,
-      score: s,
+      score: i,
       maxScore: t.options.labels.reduce(
-        (e, c) => e + c.point,
+        (e, s) => e + s.point,
         0
       )
     };
   }
   function a() {
-    const s = A();
-    return C(s.isCorrect), s;
+    const i = x();
+    return C(i.isCorrect), i;
   }
-  function i() {
-    l([]), S();
+  function c() {
+    d([]), S();
   }
   return {
     // data
@@ -438,10 +438,10 @@ function Y(t) {
     getLabelAtBlank: m,
     getBlankForLabel: p,
     submit: a,
-    reset: i
+    reset: c
   };
 }
-function Z(t) {
+function tt(t) {
   const {
     canAnswer: n,
     submitted: u,
@@ -449,33 +449,33 @@ function Z(t) {
     attempts: b,
     submitQuestion: C,
     resetQuestion: S
-  } = M(), [o, l] = x([]);
+  } = E(), [o, d] = A([]);
   function h(m, p) {
-    l((A) => {
-      const a = A.findIndex((i) => i.blankId === m);
+    d((x) => {
+      const a = x.findIndex((c) => c.blankId === m);
       if (a >= 0) {
-        const i = [...A];
-        return i[a] = { blankId: m, value: p }, i;
+        const c = [...x];
+        return c[a] = { blankId: m, value: p }, c;
       }
-      return [...A, { blankId: m, value: p }];
+      return [...x, { blankId: m, value: p }];
     });
   }
   function I() {
-    let m = 0, p = 0, A = 0;
-    const a = t.correct_answers.list || {}, i = Object.keys(a).length;
+    let m = 0, p = 0, x = 0;
+    const a = t.correct_answers.list || {}, c = 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 s = String(e).trim().toLowerCase(), l = t.options.answers.find(
+        (B) => B.correct_position === Number(r)
+      ), g = l && l.point || 1;
+      x += g;
+      const y = o.find((B) => B.blankId === r);
+      (y ? String(y.value).trim().toLowerCase() : "") === s && (m += g, p++);
     });
-    const s = p === i && i > 0;
-    return A === 0 && i > 0 && (A = i), {
-      isCorrect: s,
+    const i = p === c && c > 0;
+    return x === 0 && c > 0 && (x = c), {
+      isCorrect: i,
       score: Math.round(m * 100) / 100,
-      maxScore: Math.round(A * 100) / 100
+      maxScore: Math.round(x * 100) / 100
     };
   }
   function v() {
@@ -483,7 +483,7 @@ function Z(t) {
     return C(m.isCorrect), m;
   }
   function w() {
-    l([]), S();
+    d([]), S();
   }
   return {
     // data
@@ -501,7 +501,7 @@ function Z(t) {
     reset: w
   };
 }
-function K(t) {
+function et(t) {
   const {
     canAnswer: n,
     submitted: u,
@@ -509,33 +509,33 @@ function K(t) {
     attempts: b,
     submitQuestion: C,
     resetQuestion: S
-  } = M(), [o, l] = x([]);
-  function h(a, i) {
-    l((s) => {
-      const r = s.findIndex((e) => e.itemId === a);
+  } = E(), [o, d] = A([]);
+  function h(a, c) {
+    d((i) => {
+      const r = i.findIndex((e) => e.itemId === a);
       if (r >= 0) {
-        const e = [...s];
-        return e[r] = { itemId: a, categoryId: i }, e;
+        const e = [...i];
+        return e[r] = { itemId: a, categoryId: c }, e;
       }
-      return [...s, { itemId: a, categoryId: i }];
+      return [...i, { itemId: a, categoryId: c }];
     });
   }
   function I(a) {
-    l((i) => i.filter((s) => s.itemId !== a));
+    d((c) => c.filter((i) => i.itemId !== a));
   }
   function v() {
-    let a = 0, i = 0;
+    let a = 0, c = 0;
     const r = t.correct_answers.list || {}, e = Object.keys(r).length;
-    let c = 0;
+    let s = 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,
+      const U = t.options.items.find((M) => M.id === g), B = U ? U.point : 0;
+      s += B;
+      const L = o.find((M) => M.itemId === g);
+      L && L.categoryId === y && (a += B, c++);
+    }), a = Math.round(a * 100) / 100, s = Math.round(s * 100) / 100, {
+      isCorrect: c === e && e > 0,
       score: a,
-      maxScore: c
+      maxScore: s
     };
   }
   function w() {
@@ -543,17 +543,17 @@ function K(t) {
     return C(a.isCorrect), a;
   }
   function m() {
-    l([]), S();
+    d([]), S();
   }
   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)
+    (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)
     }));
     return {
       ...a,
-      items: i
+      items: c
     };
   }), [t.options.categories, t.options.items, o]);
   return {
@@ -561,7 +561,7 @@ function K(t) {
     categories: t.options.categories,
     allItems: t.options.items,
     question: t,
-    categoriesWithItems: A,
+    categoriesWithItems: x,
     // state
     answers: o,
     unassignedItems: p,
@@ -577,7 +577,7 @@ function K(t) {
     reset: m
   };
 }
-function H(t) {
+function rt(t) {
   const {
     canAnswer: n,
     submitted: u,
@@ -585,11 +585,11 @@ function H(t) {
     attempts: b,
     resetQuestion: C,
     submitQuestion: S
-  } = M();
+  } = E();
   function o() {
     u || S(!0);
   }
-  function l() {
+  function d() {
     C();
   }
   return {
@@ -599,7 +599,7 @@ function H(t) {
     type: t.options.urlType,
     // actions
     submit: o,
-    reset: l,
+    reset: d,
     // base
     submitted: u,
     isCorrect: f,
@@ -607,17 +607,17 @@ function H(t) {
     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(
+function nt(t, n) {
+  const { canAnswer: u, submitted: f, attempts: b, submitQuestion: C, resetQuestion: S } = E(), [o, d] = A(""), [h, I] = A(void 0), [v, w] = A(!1), [m, p] = A(void 0), x = R(
     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"
+          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"
           );
         } finally {
           w(!1);
@@ -625,12 +625,12 @@ function q(t, n) {
       }
     },
     [n]
-  ), a = B(async () => {
+  ), a = R(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");
+        const e = new Blob([o], { type: "text/plain; charset=utf-8" }), s = `writing-${t.id}-${Date.now()}.txt`, l = await n(e, s);
+        l.success && l.url ? I(l.url) : p(l.error || "Upload failed");
       } catch (e) {
         console.error("Text upload failed:", e), p(
           e instanceof Error ? e.message : "Text upload failed"
@@ -639,7 +639,7 @@ function q(t, n) {
         w(!1);
       }
     }
-  }, [o, t.id, n]), i = T(
+  }, [o, t.id, n]), c = T(
     () => ({
       questionId: t.id || "",
       type: "writing",
@@ -647,8 +647,8 @@ function q(t, n) {
       fileUrl: h
     }),
     [t.id, o, h]
-  ), s = B(() => (C(), i), [C, i]), r = B(() => {
-    l(""), I(void 0), p(void 0), S();
+  ), i = R(() => (C(), c), [C, c]), r = R(() => {
+    d(""), I(void 0), p(void 0), S();
   }, [S]);
   return {
     question: t,
@@ -656,66 +656,69 @@ function q(t, n) {
     submitted: f,
     attempts: b,
     text: o,
-    setText: l,
+    setText: d,
     fileUrl: h,
     setFileUrl: I,
     isUploading: v,
     uploadError: m,
-    uploadFile: A,
+    uploadFile: x,
     uploadText: a,
-    submit: s,
+    submit: i,
     reset: r,
-    payload: i
+    payload: c
   };
 }
-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 () => {
+function st(t, n) {
+  const { canAnswer: u, submitted: f, attempts: b, submitQuestion: C, resetQuestion: S } = E(), [o, d] = A(void 0), [h, I] = A("idle"), [v, w] = A(0), [m, p] = A(!1), [x, a] = A(void 0), [c, i] = A(!1), r = _(null), e = _([]), s = _(null), l = _(null), g = R(async () => {
+    i(!0);
     try {
       const Q = await navigator.mediaDevices.getUserMedia({ audio: !0 });
-      e.current = Q;
+      l.current = Q;
       const k = new MediaRecorder(Q);
-      i.current = k, s.current = [], k.ondataavailable = (E) => {
-        E.data.size > 0 && s.current.push(E.data);
+      r.current = k, e.current = [], k.ondataavailable = (F) => {
+        F.data.size > 0 && e.current.push(F.data);
       }, k.onstop = () => {
-        const E = new Blob(s.current, {
+        const F = new Blob(e.current, {
           type: "audio/webm"
-        }), $ = URL.createObjectURL(E);
-        l($);
-      }, k.start(), I("recording"), w(0), r.current = setInterval(() => {
-        w((E) => E + 1);
+        }), P = URL.createObjectURL(F);
+        d(P);
+      }, k.start(), I("recording"), w(0);
+      let O = 0;
+      s.current = setInterval(() => {
+        O++, w((F) => F + 1), O >= (t.metadata?.max_recording_time || 300) && B();
       }, 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(() => {
+  }, []), y = R(() => {
+    r.current && h === "recording" && (r.current.pause(), I("paused"), s.current && clearInterval(s.current));
+  }, [h]), U = R(() => {
+    r.current && h === "paused" && (r.current.resume(), I("recording"), s.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)) {
+  }, [h]), B = R(() => {
+    r.current && h !== "idle" && (r.current.stop(), I("stopped"), s.current && clearInterval(s.current), l.current && l.current.getTracks().forEach((Q) => Q.stop()), i(!1));
+  }, [h]), L = R(() => c ? B() : g(), []), M = R(async () => {
+    if (!(!e.current.length || !n)) {
       p(!0), a(void 0);
       try {
-        const Q = new Blob(s.current, {
+        const Q = new Blob(e.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");
+        }), k = `speaking-${t.id}-${Date.now()}.webm`, O = await n(Q, k);
+        O.success && O.url ? d(O.url) : a(O.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(
+  }, [t.id, n]), D = R(
     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");
+          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"
@@ -726,15 +729,15 @@ function tt(t, n) {
       }
     },
     [n]
-  ), L = T(
+  ), j = 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();
+  ), G = R(() => (C(), j), [C, j]), N = R(() => {
+    d(void 0), I("idle"), w(0), a(void 0), e.current = [], s.current && clearInterval(s.current), l.current && l.current.getTracks().forEach((Q) => Q.stop()), S();
   }, [S]);
   return {
     question: t,
@@ -742,125 +745,127 @@ function tt(t, n) {
     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
+    uploadError: x,
+    isRecording: c,
+    payload: j,
+    setAudioUrl: d,
+    startRecording: g,
+    pauseRecording: y,
+    resumeRecording: U,
+    stopRecording: B,
+    toggleRecording: L,
+    uploadAudio: M,
+    uploadFile: D,
+    submit: G,
+    reset: N
   };
 }
-function nt({
+function ct({
   getData: t,
   children: n
 }) {
-  const u = G(t());
+  const u = X(t());
   return n(u);
 }
-function st({
+function ut({
   getData: t,
   children: n
 }) {
-  const u = N(t());
+  const u = Y(t());
   return n(u);
 }
-function ot({
+function at({
   getData: t,
   children: n
 }) {
-  const u = P(t());
+  const u = Z(t());
   return n(u);
 }
-function it({
+function lt({
   getData: t,
   children: n
 }) {
-  const u = J(t());
+  const u = K(t());
   return n(u);
 }
-function ct({
+function dt({
   getData: t,
   children: n
 }) {
-  const u = X(t());
+  const u = H(t());
   return n(u);
 }
-function ut({
+function ft({
   getData: t,
   children: n
 }) {
-  const u = Y(t());
+  const u = q(t());
   return n(u);
 }
-function at({
+function pt({
   getData: t,
   children: n
 }) {
-  const u = Z(t());
+  const u = tt(t());
   return n(u);
 }
-function lt({
+function mt({
   getData: t,
   children: n
 }) {
-  const u = K(t());
+  const u = et(t());
   return n(u);
 }
-function dt({
+function gt({
   getData: t,
   children: n
 }) {
-  const u = H(t());
+  const u = rt(t());
   return n(u);
 }
-function ft({
+function bt({
   getData: t,
   children: n,
   uploadHandler: u
 }) {
-  const f = t(), b = q(f, u);
-  return /* @__PURE__ */ j(V, { children: n(b) });
+  const f = t(), b = nt(f, u);
+  return /* @__PURE__ */ W($, { children: n(b) });
 }
-function pt({
+function wt({
   getData: t,
   children: n,
   uploadHandler: u
 }) {
-  const f = t(), b = tt(f, u);
-  return /* @__PURE__ */ j(V, { children: n(b) });
+  const f = t(), b = st(f, u);
+  return /* @__PURE__ */ W($, { children: n(b) });
 }
 export {
-  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,
-  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
+  lt as DragDropQuestion,
+  pt as FillInBlankQuestion,
+  mt as GroupingQuestion,
+  ft as LabelingQuestion,
+  ut as MatchingQuestion,
+  ct as MultipleChoicesQuestion,
+  dt as OrderingQuestion,
+  gt as PowerpointQuestion,
+  wt as SpeakingQuestion,
+  at as VideoQuestion,
+  bt as WritingQuestion,
+  J as isSameSet,
+  z as shuffleArray,
+  E as useBaseQuestion,
+  K as useDragDrop,
+  tt as useFillInBlank,
+  et as useGrouping,
+  q as useLabeling,
+  Y as useMatching,
+  X as useMultipleChoice,
+  H as useOrdering,
+  rt as usePowerpoint,
+  st as useSpeaking,
+  Z as useVideo,
+  nt as useWriting
 };

package/package.json

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